{"version":3,"sources":["webpack:///./LeLab.Web/src/js/header.entry.js"],"names":["WindowScrollY","updatedWindowScrollY","window","scrollY","addEventListener","isIOS","CSS","supports","HeaderSubNav","constructor","header","subNav","this","html","document","querySelector","navItem","closest","navLink","clickOutsideHandler","clickOutside","bind","toggleHandler","toggle","openHandler","open","closeHandler","close","e","contains","target","isDesktop","classList","stopPropagation","closeAllSubNav","showOverlay","add","hideOverlay","remove","destroy","removeEventListener","PageComponent","node","overlay","button","banner","menu","subNavRegistry","windowWidth","innerWidth","prevScrollY","toggleMenuHandler","toggleMenu","overlayClickHandler","overlayClick","bannerAnimationEndHandler","bannerAnimationEnd","resizeHandler","resize","scrollHandler","scroll","querySelectorAll","push","isMobile","isPhone","body","style","overflow","forEach","x","closeMenu","offsetY","parseInt","getPropertyValue","isMenuOpen","Math","min","max","headerHeight","setProperty","openMenu","title","dataset","labelClose","labelMenu","matchMedia","matches","buttonClickHandler"],"mappings":"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","file":"header.js","sourcesContent":["import { PageComponent } from \"barba\"\r\n\r\n// Store the window scroll Y at a global level, \r\n// global to all class instance.\r\nlet WindowScrollY = 0\r\nconst updatedWindowScrollY = function UpdateWindowScrollY() {\r\n    WindowScrollY = window.scrollY\r\n}\r\nupdatedWindowScrollY()\r\nwindow.addEventListener(\"scroll\", updatedWindowScrollY)\r\n\r\nconst isIOS = CSS.supports(\"(-webkit-touch-callout: none)\")\r\n\r\nclass Header {\r\n\r\n    constructor({ node }) {\r\n        this.header = node\r\n        this.overlay = node.querySelector('.header__overlay')\r\n        this.button = node.querySelector('.header-button')\r\n        this.banner = node.querySelector('.header-banner')\r\n        this.menu = node.querySelector('.header-menu')\r\n        this.subNavRegistry = []\r\n        this.windowWidth = window.innerWidth\r\n        this.scrollY = WindowScrollY\r\n        this.prevScrollY = this.scrollY\r\n\r\n        this.toggleMenuHandler = this.toggleMenu.bind(this)\r\n        this.overlayClickHandler = this.overlayClick.bind(this)\r\n        this.bannerAnimationEndHandler = this.bannerAnimationEnd.bind(this)\r\n        this.resizeHandler = this.resize.bind(this)\r\n        this.scrollHandler = this.scroll.bind(this)\r\n\r\n        for (let subNav of node.querySelectorAll('.header-subnav')) {\r\n            this.subNavRegistry.push(new HeaderSubNav(this, subNav))\r\n        }\r\n\r\n        this.button.addEventListener('click', this.toggleMenuHandler)\r\n        this.overlay.addEventListener('click', this.overlayClickHandler)\r\n        this.banner.addEventListener('animationend', this.bannerAnimationEndHandler)\r\n        window.addEventListener(\"resize\", this.resizeHandler)\r\n        window.addEventListener(\"scroll\", this.scrollHandler)\r\n        \r\n        if (this.isMobile() && !this.isPhone() && this.subNavRegistry[0]) {\r\n            this.subNavRegistry[0].open()\r\n        }\r\n\r\n        if (isIOS) {\r\n            document.body.style.overflow = \"\"\r\n        }\r\n    }\r\n\r\n    closeAllSubNav() {\r\n        this.subNavRegistry.forEach(x => x.close())\r\n    }\r\n\r\n    resize() {\r\n        if (this.windowWidth === window.innerWidth) {\r\n            return\r\n        }\r\n        this.windowWidth = window.innerWidth\r\n        this.closeAllSubNav()\r\n        this.closeMenu()\r\n        this.hideOverlay()\r\n    }\r\n\r\n    scroll() {\r\n        const headerHeight = 56;\r\n        let offsetY = parseInt(this.header.style.getPropertyValue('--header-offset-y')) || 0\r\n\r\n        this.scrollY = WindowScrollY\r\n        \r\n        if (!this.isPhone() || this.isMenuOpen() || this.scrollY <= 0) {\r\n            offsetY = 0\r\n        }\r\n        else {\r\n            const increment = this.prevScrollY - this.scrollY\r\n            offsetY = offsetY + increment\r\n            offsetY = Math.min(offsetY, 0)\r\n            offsetY = Math.max(offsetY, headerHeight * -1)\r\n        }\r\n\r\n        this.header.style.setProperty('--header-offset-y', `${offsetY}px`)\r\n        this.prevScrollY = this.scrollY\r\n    }\r\n\r\n    toggleMenu() {\r\n        if (this.isMenuOpen()) {\r\n            this.closeMenu()\r\n            return\r\n        }\r\n        this.openMenu()\r\n    }\r\n\r\n    openMenu() {\r\n        if (!this.isMobile()) {\r\n            return\r\n        }\r\n\r\n        if (isIOS) {\r\n            document.body.style.overflow = \"hidden\"\r\n        }\r\n\r\n        this.header.style.setProperty('--header-offset-y', '0px')\r\n\r\n        this.button.classList.add('header-button--open')\r\n        this.menu.classList.add('header-menu--open')\r\n\r\n        this.button.title = this.button.dataset.labelClose\r\n    }\r\n\r\n    closeMenu() {\r\n        if (isIOS) {\r\n            document.body.style.overflow = \"\"\r\n        }\r\n        \r\n        if (!this.isMobile()) {\r\n            return\r\n        }\r\n\r\n        this.button.classList.remove('header-button--open')\r\n        this.menu.classList.remove('header-menu--open')\r\n\r\n        this.button.title = this.button.dataset.labelMenu\r\n    }\r\n\r\n    isMenuOpen() {\r\n        return this.menu.classList.contains('header-menu--open')\r\n    }\r\n\r\n    overlayClick() {\r\n        this.isDesktop() ? this.closeAllSubNav() : null\r\n    }\r\n\r\n    showOverlay() {\r\n        this.overlay.classList.add('header__overlay--show')\r\n    }\r\n\r\n    hideOverlay() {\r\n        this.overlay.classList.remove('header__overlay--show')\r\n    }\r\n\r\n    isMobile() {\r\n        return !this.isDesktop()\r\n    }\r\n\r\n    isDesktop() {\r\n        return window.matchMedia(\"(min-width: 992px)\").matches\r\n    }\r\n\r\n    isPhone() {\r\n        return !window.matchMedia(\"(min-width: 768px)\").matches\r\n    }\r\n\r\n    bannerAnimationEnd() {\r\n        this.banner.classList.remove('header-banner--translate-y')\r\n    }\r\n\r\n    destroy() {\r\n        this.subNavRegistry.forEach(x => x.destroy())\r\n\r\n        this.button.removeEventListener('click', this.buttonClickHandler)\r\n        this.overlay.removeEventListener('click', this.overlayClickHandler)\r\n        this.banner.removeEventListener('animationend', this.bannerAnimationEndHandler)\r\n        window.removeEventListener(\"resize\", this.resizeHandler)\r\n        window.removeEventListener(\"scroll\", this.scrollHandler)\r\n\r\n        delete this.header\r\n        delete this.overlay\r\n        delete this.button\r\n        delete this.banner\r\n        delete this.menu\r\n        delete this.subNavRegistry\r\n        delete this.windowWidth\r\n        delete this.scrollY\r\n        delete this.prevScrollY\r\n\r\n        delete this.buttonClickHandler\r\n        delete this.overlayClickHandler\r\n        delete this.bannerAnimationEndHandler\r\n        delete this.resizeHandler\r\n        delete this.scrollHandler\r\n    }\r\n\r\n}\r\n\r\nclass HeaderSubNav {\r\n\r\n    constructor(header, subNav) {\r\n        this.header = header\r\n        this.subNav = subNav\r\n        this.html = document.querySelector('html')\r\n        this.navItem = this.subNav.closest('.header-nav__item')\r\n        this.navLink = this.navItem.querySelector('.header-nav__link')\r\n\r\n        this.clickOutsideHandler = this.clickOutside.bind(this)\r\n        this.toggleHandler = this.toggle.bind(this)\r\n        this.openHandler = this.open.bind(this)\r\n        this.closeHandler = this.close.bind(this)\r\n\r\n        this.html.addEventListener('click', this.clickOutsideHandler)\r\n        this.navLink.addEventListener('click', this.toggleHandler)\r\n        this.navItem.addEventListener('focusin', this.openHandler)\r\n        this.navItem.addEventListener('focusout', this.closeHandler)\r\n    }\r\n\r\n    clickOutside(e) {\r\n        if (!this.navItem.contains(e.target) && this.header.isDesktop()) {\r\n           this.close()\r\n        }\r\n    }\r\n\r\n    toggle(e) {\r\n        if (this.subNav.classList.contains('header-subnav--open')) {\r\n            this.close()\r\n            return\r\n        }\r\n        this.open()\r\n        // Prevent execution of \"clickOutside\" method\r\n        e.stopPropagation()\r\n    }\r\n\r\n    open() {\r\n        if (this.header.isDesktop()) {\r\n            this.header.closeAllSubNav()\r\n            this.header.showOverlay()\r\n        }\r\n        this.subNav.classList.add('header-subnav--open')\r\n        this.navLink.classList.add('header-nav__link--open')\r\n    }\r\n\r\n    close() {\r\n        if (this.header.isDesktop()) {\r\n            this.header.hideOverlay()\r\n        }\r\n        this.subNav.classList.remove('header-subnav--open')\r\n        this.navLink.classList.remove('header-nav__link--open')\r\n    }\r\n\r\n    destroy() {\r\n        this.html.removeEventListener('click', this.clickOutsideHandler)\r\n        this.navLink.removeEventListener('click', this.toggleHandler)\r\n        this.navItem.removeEventListener('focusin', this.openHandler)\r\n        this.navItem.removeEventListener('focusout', this.closeHandler)\r\n\r\n        delete this.clickOutsideHandler\r\n        delete this.toggleHandler\r\n        delete this.openHandler\r\n        delete this.closeHandler\r\n\r\n        delete this.header\r\n        delete this.subNav\r\n        delete this.html\r\n        delete this.navItem\r\n        delete this.navLink\r\n    }\r\n\r\n}\r\n\r\nnew PageComponent(\".header\", Header)"],"sourceRoot":""}