{"version":3,"file":"6850.33760f6ae6ad59f74b58.js","mappings":"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","sources":["webpack://UKCISA/./wwwroot/app/src/modules/responsive-nav-bar/responsive-nav-bar.js"],"sourcesContent":["import { ResizeObserver as Polyfill } from '@juggle/resize-observer';\r\nconst ResizeObserver = window.ResizeObserver || Polyfill;\r\n\r\nimport './responsive-nav-bar.scss';\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","window","Polyfill","NavBar","constructor","el","this","mask","querySelector","content","prevBtn","nextBtn","tabbedContent","classList","contains","scrollMode","offsetIndex","focusIndex","activeIndex","offset","resizeRequested","resizeTimeout","touchStartX","swipeThreshold","items","querySelectorAll","itemsCount","length","x","addEventListener","setActive","offsetMove","e","key","preventDefault","focusMove","click","ontouchstart","touches","touch","pageX","ontouchmove","touchCurrentX","changedTouches","ontouchend","ro","setTimeout","resize","observe","mode","prevIndex","updateOffset","setAttribute","focus","newIndex","remove","add","offsetWidth","style","transform","itemLeft","offsetLeft","maskWidth","offsetMax","disabled","createFrom","wrappers","forEach","node","nodeType"],"sourceRoot":""}