{"version":3,"file":"js/mobileNavigationLottery.6fc9ad7d31617caaadaa.js","mappings":"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","sources":["webpack://netzkern.am/./src/Feature/LotteryNavigation/code/Scripts/mobileNavigationLottery.js"],"sourcesContent":["import(/* webpackChunkName: \"navigationMobile\" */ 'Feature/LotteryNavigation/code/Styles/Mobile/navigationMobile.scss');\r\n\r\nwindow.am = window.am || {};\r\n\r\nwindow.am.mobileLotteryNavigation = new function () {\r\n    var that = this;\r\n    var desktopWidth = 1024;\r\n\r\n    this.init = function () {\r\n        if (document.querySelector(\".lottery-nav-mobile\") == null) {\r\n            return;\r\n        }\r\n\r\n        this.appendMetaRightLotteryNavigations();\r\n\r\n        var navButtonOpen = document.querySelector(\".lottery-nav-mobile-open\");\r\n        var navButtonClose = document.querySelector(\".lottery-nav-mobile-header-close\");\r\n        var parentMenuItems = document.querySelectorAll('.lottery-nav-mobile-level-item[data-has-children=\"true\"] > a');\r\n        var menuHeaderItems = document.querySelectorAll(\".lottery-nav-mobile-header-level-item > a\");\r\n        navButtonOpen.addEventListener(\"click\", that.onOpenClick);\r\n        navButtonClose.addEventListener(\"click\", that.onCloseClick);\r\n        window.addEventListener(\"resize\", that.onResize);\r\n\r\n        parentMenuItems.forEach(function (node) {\r\n            node.addEventListener(\"click\", that.onMenuParentItemClick);\r\n        });\r\n\r\n        menuHeaderItems.forEach(function (node) {\r\n            node.addEventListener(\"click\", that.onMenuHeaderItemClick);\r\n        });\r\n\r\n        that.resetToActiveLevel();\r\n        that.setAnchorsAccessibility();\r\n    };\r\n\r\n    /**\r\n       * Show full width mobile menu\r\n       */\r\n    this.onOpenClick = function () {\r\n        var navMobile = document.querySelector(\".lottery-nav-mobile\");\r\n        var navMobileHeader = document.querySelector(\".lottery-nav-mobile-header\");\r\n        var closeButton = document.querySelector(\".lottery-nav-mobile-header-close\");\r\n\r\n        window.scrollTo(0, 0);\r\n        navMobile.classList.add(\"lottery-nav-mobile--visible\");\r\n        navMobileHeader.classList.add(\"lottery-nav-mobile-header--visible\");\r\n        document.querySelector(\"body\").style.overflow = \"hidden\";\r\n        closeButton.querySelector(\"button\").classList.add(\"js-hiraku-offcanvas-btn-active\");\r\n    };\r\n\r\n    /**\r\n       * Close full width mobile menu\r\n       */\r\n    this.onCloseClick = function () {\r\n        var navMobile = document.querySelector(\".lottery-nav-mobile\");\r\n        var navMobileHeader = document.querySelector(\".lottery-nav-mobile-header\");\r\n        var closeButton = document.querySelector(\".lottery-nav-mobile-header-close\");\r\n\r\n        navMobile.classList.remove(\"lottery-nav-mobile--visible\");\r\n        navMobileHeader.classList.remove(\"lottery-nav-mobile-header--visible\");\r\n        document.querySelector(\"body\").style.overflow = \"auto\";\r\n        closeButton.querySelector(\"button\").classList.remove(\"js-hiraku-offcanvas-btn-active\");\r\n\r\n        setTimeout(function () {\r\n            that.resetToActiveLevel();\r\n        },\r\n            420);\r\n    };\r\n\r\n    /**\r\n       * Click handler for menu item\r\n       * @param {any} event\r\n       */\r\n    this.onMenuParentItemClick = function (event) {\r\n        event.stopPropagation();\r\n        event.stopImmediatePropagation();\r\n        event.preventDefault();\r\n        var menuElement = document.querySelector('.lottery-nav-mobile-level[data-id=\"' + this.parentElement.dataset.id + '\"]');\r\n        that.showMenuLevel(menuElement);\r\n    };\r\n\r\n    /**\r\n       * Click handler for Header menu item\r\n       * @param {any} event\r\n       */\r\n    this.onMenuHeaderItemClick = function (event) {\r\n        event.stopPropagation();\r\n        event.stopImmediatePropagation();\r\n        event.preventDefault();\r\n\r\n        // Get correct target menu level, default is root\r\n        var menuElement = document.querySelector('.lottery-nav-mobile-level[data-id=\"' + this.parentElement.dataset.id + '\"]')\r\n            || document.querySelector('.lottery-nav-mobile-level[data-id=\"00000000-0000-0000-0000-000000000000\"]');\r\n\r\n        // Pre remove visible modifier, for correct animation direction\r\n        document.querySelectorAll(\".lottery-nav-mobile-level--visible\").forEach(function (currentElement) {\r\n            currentElement.classList.remove(\"lottery-nav-mobile-level--visible\");\r\n        });\r\n\r\n        // Pre remove visible modifier, for correct animation direction\r\n        document.querySelectorAll(\".lottery-nav-mobile-header-level--visible\").forEach(function (currentElement) {\r\n            currentElement.classList.remove(\"lottery-nav-mobile-header-level--visible\");\r\n        });\r\n\r\n        that.showMenuLevel(menuElement);\r\n    };\r\n\r\n    /**\r\n       * Hide LotteryNavigation on desktop size\r\n       */\r\n    this.onResize = function () {\r\n        var navMobile = document.querySelector(\".lottery-nav-mobile\");\r\n\r\n        if (window.innerWidth >= desktopWidth && navMobile.classList.contains(\"lottery-nav-mobile--visible\")) {\r\n            that.onCloseClick();\r\n        }\r\n\r\n        that.setAnchorsAccessibility();\r\n    };\r\n\r\n    /**\r\n       * Disables anchors accessibility for desktop and enables it on mobile\r\n       */\r\n    this.setAnchorsAccessibility = function () {\r\n        var anchors = document.querySelectorAll(\".lottery-nav-mobile-header a, .lottery-nav-mobile a\");\r\n        if (window.innerWidth >= desktopWidth) {\r\n            anchors.forEach(function (element) {\r\n                element.setAttribute(\"tabindex\", \"-1\");\r\n                element.setAttribute(\"aria-hidden\", \"true\");\r\n            });\r\n        } else {\r\n            anchors.forEach(function (element) {\r\n                element.removeAttribute(\"tabindex\");\r\n                element.removeAttribute(\"aria-hidden\");\r\n            });\r\n        }\r\n    };\r\n\r\n    /**\r\n       * Resets all levels to the active one or default the root level menu\r\n       */\r\n    this.resetToActiveLevel = function () {\r\n        var rootElement = document.querySelector('.lottery-nav-mobile-level[data-id=\"00000000-0000-0000-0000-000000000000\"]');\r\n        var activeMenuItem = document.querySelector(\".lottery-nav-mobile-level-item--active\");\r\n\r\n        // Remove all modifiers for initial state\r\n        document.querySelectorAll(\".lottery-nav-mobile-level--visible, .lottery-nav-mobile-level--hidden\").forEach(function (currentElement) {\r\n            currentElement.classList.remove(\"lottery-nav-mobile-level--visible\");\r\n            currentElement.classList.remove(\"lottery-nav-mobile-level--hidden\");\r\n        });\r\n        document.querySelectorAll(\".lottery-nav-mobile-header-level--visible, .lottery-nav-mobile-header-level--hidden\").forEach(function (currentElement) {\r\n            currentElement.classList.remove(\"lottery-nav-mobile-header-level--visible\");\r\n            currentElement.classList.remove(\"lottery-nav-mobile-header-level--hidden\");\r\n        });\r\n\r\n        if (activeMenuItem) {\r\n            // Pre hide all parents\r\n            var parent = document.querySelector('.lottery-nav-mobile-level[data-id=\"' + activeMenuItem.dataset.parentId + '\"]');\r\n            rootElement.classList.add(\"lottery-nav-mobile-level--hidden\");\r\n\r\n            while (parent) {\r\n                // Also reset header\r\n                var parentHeader = document.querySelector('.lottery-nav-mobile-header-level[data-id=\"' + parent.dataset.id + '\"]');\r\n                if (parentHeader) {\r\n                    parentHeader.classList.add(\"lottery-nav-mobile-header-level--hidden\");\r\n                }\r\n\r\n                parent.classList.add(\"lottery-nav-mobile-level--hidden\");\r\n                parent = document.querySelector('.lottery-nav-mobile-level[data-id=\"' + parent.dataset.parentId + '\"]');\r\n            }\r\n\r\n            // Actually reset to active menu item\r\n            that.showMenuLevel(activeMenuItem.parentElement);\r\n        } else {\r\n            // Default is root menu\r\n            rootElement.classList.add(\"lottery-nav-mobile-level--visible\");\r\n            that.showMenuLevel(rootElement);\r\n        }\r\n    };\r\n\r\n    /**\r\n       * Shows the specific menu level element\r\n       * @param {any} menuElementToShow\r\n       */\r\n    this.showMenuLevel = function (menuElementToShow) {\r\n        // Pre hide all current visible\r\n        document.querySelectorAll(\".lottery-nav-mobile-level--visible\").forEach(function (currentElement) {\r\n            currentElement.classList.add(\"lottery-nav-mobile-level--hidden\");\r\n        });\r\n\r\n        // Append meta LotteryNavigations\r\n        that.appendMetaLotteryNavigations(menuElementToShow);\r\n\r\n        // slide new menu level in\r\n        menuElementToShow.scrollTop = 0;\r\n        menuElementToShow.classList.remove(\"lottery-nav-mobile-level--hidden\");\r\n        menuElementToShow.classList.add(\"lottery-nav-mobile-level--visible\");\r\n\r\n        // set header menu level\r\n        var headerElement = document.querySelector('.lottery-nav-mobile-header-level[data-id=\"' + menuElementToShow.dataset.id + '\"]');\r\n        that.showMenuHeaderLevel(headerElement);\r\n    };\r\n\r\n    /**\r\n       * Shows the specific menu header level element\r\n       * @param {any} headerElementToShow\r\n       */\r\n    this.showMenuHeaderLevel = function (headerElementToShow) {\r\n        // Pre hide all current visible\r\n        document.querySelectorAll(\".lottery-nav-mobile-header-level--visible\").forEach(function (currentElement) {\r\n            currentElement.classList.add(\"lottery-nav-mobile-header-level--hidden\");\r\n        });\r\n\r\n        // slide new header in\r\n        headerElementToShow.classList.remove(\"lottery-nav-mobile-header-level--hidden\");\r\n        headerElementToShow.classList.add(\"lottery-nav-mobile-header-level--visible\");\r\n\r\n        // Show logo, if root menu is reached\r\n        var headerContentElement = document.querySelector(\".lottery-nav-mobile-header-content\");\r\n\r\n        if (headerElementToShow.dataset.id === \"00000000-0000-0000-0000-000000000000\") {\r\n            headerContentElement.classList.remove(\"lottery-nav-mobile-header-content--visible\");\r\n        } else {\r\n            headerContentElement.classList.add(\"lottery-nav-mobile-header-content--visible\");\r\n        }\r\n    };\r\n\r\n    this.appendMetaLotteryNavigations = function (menuElement) {\r\n        if (menuElement.dataset.hasMetaLotteryNavigationItems === \"true\") {\r\n            return;\r\n        }\r\n\r\n        var itemTemplates = document.querySelectorAll(\".lottery-nav-mobile-meta-template > .lottery-nav-mobile-meta > .lottery-nav-mobile-meta-item\");\r\n        itemTemplates.forEach(function (currentItemTemplate) {\r\n            menuElement.appendChild(currentItemTemplate.cloneNode(true));\r\n        });\r\n\r\n        menuElement.dataset.hasMetaLotteryNavigationItems = true;\r\n    };\r\n\r\n    this.appendMetaRightLotteryNavigations = function () {\r\n        var menuElement = document.querySelector(\".lottery-nav-mobile-content > .lottery-nav-mobile-level\");\r\n        var itemTemplates = document.querySelectorAll(\".lottery-nav-mobile-meta-right > .lottery-nav-mobile-level-item\");\r\n        itemTemplates.forEach(function (currentItemTemplate) {\r\n            menuElement.appendChild(currentItemTemplate.cloneNode(true));\r\n        });\r\n\r\n        var itemChildTemplates = document.querySelectorAll(\".lottery-nav-mobile-meta-right .lottery-nav-mobile-level\");\r\n        itemChildTemplates.forEach(function (currentItemChildTemplate) {\r\n            menuElement.parentNode.appendChild(currentItemChildTemplate.cloneNode(true));\r\n        });\r\n\r\n        var menuHeaderElement = document.querySelector(\".lottery-nav-mobile-header-content\");\r\n        var headerTemplates = document.querySelectorAll(\".lottery-nav-mobile-meta-right .lottery-nav-mobile-header-level\");\r\n        headerTemplates.forEach(function (currentHeaderTemplate) {\r\n            menuHeaderElement.appendChild(currentHeaderTemplate.cloneNode(true));\r\n        });\r\n        //\r\n\r\n        // Need to remove the original html markup because of the doubled id\r\n        // and the original markup is no longer used.\r\n        var mobileSwitchLotteryNavigation = document.querySelector(\".lottery-nav-mobile-meta-template .lottery-nav-mobile-meta-right\");\r\n        if (mobileSwitchLotteryNavigation != null) {\r\n            mobileSwitchLotteryNavigation.parentElement.remove();\r\n        }\r\n    };\r\n};\r\n\r\nwindow.addEventListener(\"load\", () => {\r\n    window.am.mobileLotteryNavigation.init();\r\n});"],"names":["window","am","mobileLotteryNavigation","that","this","init","document","querySelector","appendMetaRightLotteryNavigations","navButtonOpen","navButtonClose","parentMenuItems","querySelectorAll","menuHeaderItems","addEventListener","onOpenClick","onCloseClick","onResize","forEach","node","onMenuParentItemClick","onMenuHeaderItemClick","resetToActiveLevel","setAnchorsAccessibility","navMobile","navMobileHeader","closeButton","scrollTo","classList","add","style","overflow","remove","setTimeout","event","stopPropagation","stopImmediatePropagation","preventDefault","menuElement","parentElement","dataset","id","showMenuLevel","currentElement","innerWidth","contains","anchors","element","setAttribute","removeAttribute","rootElement","activeMenuItem","parent","parentId","parentHeader","menuElementToShow","appendMetaLotteryNavigations","scrollTop","headerElement","showMenuHeaderLevel","headerElementToShow","headerContentElement","hasMetaLotteryNavigationItems","currentItemTemplate","appendChild","cloneNode","currentItemChildTemplate","parentNode","menuHeaderElement","currentHeaderTemplate","mobileSwitchLotteryNavigation"],"sourceRoot":""}