{"version":3,"file":"app_src_js_responsive-nav-bar_js.3504bac9ea2458a7626f.js","mappings":"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","sources":["webpack://WebpackConfig.Web/./app/src/js/responsive-nav-bar.js"],"sourcesContent":["import { ResizeObserver as Polyfill } from '@juggle/resize-observer';\r\nconst ResizeObserver = window.ResizeObserver || Polyfill;\r\n\r\nclass NavBar {\r\n    constructor(el) {\r\n\r\n        // store for later\r\n        this.el = el;\r\n        this.mask = el.querySelector('.responsive-nav-bar--ul-mask');\r\n        this.content = el.querySelector('ul');\r\n        this.prevBtn = el.querySelector('.responsive-nav-bar--button.previous');\r\n        this.nextBtn = el.querySelector('.responsive-nav-bar--button.next');\r\n        this.tabbedContent = el.classList.contains('responsive-nav-bar--tabbed-content');\r\n        this.scrollMode = false;\r\n        this.offsetIndex = 0;\r\n        this.focusIndex = 0;\r\n        this.activeIndex = 0;\r\n        this.offset = 0;\r\n        this.resizeRequested = false;\r\n        this.resizeTimeout = null;\r\n        this.touchStartX = null;\r\n        this.swipeThreshold = 60;\r\n\r\n        // get links in nav bar\r\n        this.items = [...el.querySelectorAll('.nav-item a')];\r\n        this.itemsCount = this.items.length;\r\n\r\n        // loop through links / get active index\r\n        for(let x= 0; x < this.itemsCount; x++) {\r\n            if(this.items[x].classList.contains('active')) {\r\n                this.offsetIndex = x;\r\n                this.focusIndex = x;\r\n                this.activeIndex = x;\r\n            }\r\n            this.items[x].addEventListener('click', () => {\r\n                this.setActive(x);\r\n            });\r\n        }\r\n\r\n        // buttons\r\n        this.prevBtn.addEventListener('click', () => {\r\n            this.offsetMove(false);\r\n        });\r\n        this.nextBtn.addEventListener('click', () => {\r\n            this.offsetMove(true);\r\n        });\r\n\r\n        // keyboard nav\r\n        this.el.addEventListener('keydown', (e) => {\r\n            switch (e.key) {\r\n                // next item (no looping)\r\n                case 'Right':\r\n                case 'ArrowRight':\r\n                    e.preventDefault();\r\n                    this.focusMove(true);\r\n                    break;\r\n                // previous item (no looping)\r\n                case 'Left':\r\n                case 'ArrowLeft':\r\n                    e.preventDefault();\r\n                    this.focusMove(false);\r\n                    break;\r\n                // SPACE/ENTER/RETURN to click a item\r\n                case 'Spacebar':\r\n                case ' ':\r\n                case 'Enter':\r\n                case 'Return':\r\n                    e.preventDefault();\r\n                    this.items[this.focusIndex].click();\r\n                    break;\r\n            }\r\n        });\r\n\r\n        // swiping\r\n        this.mask.ontouchstart = (e) => {\r\n            if (e.touches.length == 1) {\r\n                let touch = e.touches[0];\r\n                this.touchStartX = touch.pageX;\r\n            }\r\n        };\r\n        this.el.ontouchmove = (e) => {\r\n            if (this.touchStartX != null) {\r\n                e.preventDefault();\r\n                let touchCurrentX = e.changedTouches[0].pageX;\r\n                if ((touchCurrentX - this.touchStartX) > this.swipeThreshold) {\r\n                    this.touchStartX = null;\r\n                    this.offsetMove(false);\r\n                } else if ((this.touchStartX - touchCurrentX) > this.swipeThreshold) {\r\n                    this.touchStartX = null;\r\n                    this.offsetMove(true);\r\n                }\r\n            }\r\n        };\r\n        this.el.ontouchend = () => {\r\n            this.touchStartX = null;\r\n        };\r\n\r\n        // add resize observer\r\n        this.ro = new ResizeObserver(() => {\r\n            if(!this.resizeRequested) {\r\n                this.resizeRequested = true;\r\n                this.resizeTimeout = setTimeout(() => {\r\n                    this.resize();\r\n                    this.resizeRequested = false;\r\n                    this.resizeTimeout = null;\r\n                }, 200);\r\n            }\r\n        });\r\n        this.ro.observe(this.el); // Watch dimension changes wrapping element\r\n\r\n    }\r\n\r\n    offsetMove(mode) {\r\n        let prevIndex = this.offsetIndex;\r\n        if(mode && this.offsetIndex < (this.itemsCount-1)) {\r\n            this.offsetIndex = this.offsetIndex + 1;\r\n        } else if(!mode && this.offsetIndex > 0) {\r\n            this.offsetIndex = this.offsetIndex - 1;\r\n        }\r\n        if(prevIndex !== this.offsetIndex) {\r\n            this.updateOffset();\r\n        }\r\n    }\r\n\r\n    focusMove(mode) {\r\n        let prevIndex = this.focusIndex;\r\n        if(mode && this.focusIndex < (this.itemsCount-1)) {\r\n            this.focusIndex = this.focusIndex + 1;\r\n        } else if(!mode && this.focusIndex > 0) {\r\n            this.focusIndex = this.focusIndex - 1;\r\n        }\r\n        if(prevIndex !== this.focusIndex) {\r\n            this.items[this.focusIndex].setAttribute('tabIndex','0');\r\n            this.items[this.focusIndex].focus();\r\n            this.items[prevIndex].setAttribute('tabIndex','-1');\r\n            this.offsetIndex = this.focusIndex;\r\n            this.updateOffset();\r\n        }\r\n    }\r\n\r\n    setActive(newIndex) {\r\n        if(newIndex != this.activeIndex) {\r\n            if(!this.tabbedContent) this.items[this.activeIndex].classList.remove('active');\r\n            this.items[this.activeIndex].setAttribute('tabIndex','-1');\r\n            this.activeIndex = newIndex;\r\n            this.focusIndex = newIndex;\r\n            if(!this.tabbedContent) this.items[this.activeIndex].classList.add('active');\r\n            this.items[this.activeIndex].setAttribute('tabIndex','0');\r\n        }\r\n    }\r\n\r\n    resize() {\r\n        if(this.content.offsetWidth > this.mask.offsetWidth) {\r\n            if(!this.scrollMode) {\r\n                this.scrollMode = true;\r\n                this.el.classList.add('scroll');\r\n            }\r\n            this.updateOffset();\r\n        } else {\r\n            if(this.scrollMode) {\r\n                this.scrollMode = false;\r\n                this.el.classList.remove('scroll');\r\n                this.offset = 0;\r\n                this.content.style.transform = 'translateX(0)';\r\n            }\r\n        }\r\n    }\r\n\r\n    updateOffset() {\r\n        if(this.scrollMode) {\r\n            let itemLeft = this.items[this.offsetIndex].offsetLeft,\r\n                maskWidth = this.mask.offsetWidth,\r\n                contentWidth = this.content.offsetWidth,\r\n                offsetMax = contentWidth - maskWidth;\r\n            this.offset = itemLeft > offsetMax ? offsetMax : itemLeft;\r\n            this.content.style.transform = 'translateX(-' + this.offset + 'px)';\r\n            // update buttons status\r\n            this.prevBtn.disabled = this.offsetIndex == 0;\r\n            this.nextBtn.disabled = this.offset >= offsetMax;\r\n        }\r\n    }\r\n}\r\n\r\n// export the default function to create\r\nexport function createFrom(wrappers) {\r\n    wrappers.forEach((node) => {\r\n        // if node is an element\r\n        if (node.nodeType === 1) {\r\n            new NavBar(node);\r\n        }\r\n    });\r\n}"],"names":["ResizeObserver","Polyfill","window","NavBar","el","_this","_classCallCheck","mask","querySelector","content","prevBtn","nextBtn","tabbedContent","classList","contains","scrollMode","offsetIndex","focusIndex","activeIndex","offset","resizeRequested","resizeTimeout","touchStartX","swipeThreshold","items","_toConsumableArray","querySelectorAll","itemsCount","length","_loop","x","addEventListener","setActive","offsetMove","e","key","preventDefault","focusMove","click","ontouchstart","touches","touch","pageX","ontouchmove","touchCurrentX","changedTouches","ontouchend","ro","setTimeout","resize","observe","_createClass","value","mode","prevIndex","updateOffset","setAttribute","focus","newIndex","remove","add","offsetWidth","style","transform","itemLeft","offsetLeft","maskWidth","contentWidth","offsetMax","disabled","createFrom","wrappers","forEach","node","nodeType"],"sourceRoot":""}