{"version":3,"file":"header--small.bd5ad225.js","mappings":"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","sources":["webpack://ucn/./src/components/header/header-small.js"],"sourcesContent":["import { setAriaProp, trapFocus, emitter } from \"@common/utilities.js\";\nexport default class HeaderSmall {\n\tconstructor(config) {\n\t\tthis.el = config.el || document.querySelector(\".header--small\");\n\t\tthis.timeout = null;\n\t\tthis.menuClose = this.el.querySelector(\".header__close\");\n\t\tthis.menuOpen = this.el.querySelector(\".header__burger\");\n\t\tthis.menuOpenClass = \"header--show-panel\";\n\n\t\tthis.menuPanelClass = \".header__small-panel\";\n\t\tthis.menuPanel = this.el.querySelector(this.menuPanelClass);\n\n\t\tthis.headerLinks = this.el.querySelector(\".header__link\");\n\t\tthis.HeaderSubpanelButtons =\n\t\t\tthis.el.querySelectorAll(\".header__page-nav\");\n\t\tthis.collapsedHeaderSubpanelClass = \".header__page-nav--collapsed\";\n\t\tthis.expandedHeaderSubpanelClass = \".header__page-nav--expanded\";\n\t\tthis.pageBackgroundClass = \"header__page--background\";\n\t\tthis.navBackgroundClass = \"header__page-nav--background\";\n\n\t\tthis.menuSubpanelClass = \".header__page--sub-nav\";\n\t\tthis.menuSubpanel = this.el.querySelectorAll(this.menuSubpanelClass);\n\t\tthis.panelVisible = false;\n\t\tthis.init();\n\t}\n\tinit() {\n\t\tthis.attachEvents();\n\t}\n\tattachEvents() {\n\t\tconst self = this;\n\t\tthis.menuOpen.addEventListener(\"click\", function () {\n\t\t\t//show panel\n\t\t\tself.showPanel();\n\t\t});\n\t\tthis.menuClose.addEventListener(\"click\", function () {\n\t\t\tself.hidePanel();\n\t\t});\n\n\t\tthis.HeaderSubpanelButtons.forEach((el) => {\n\t\t\tel.addEventListener(\"click\", () => {\n\t\t\t\tif (el.classList.contains(\"expanded\")) {\n\t\t\t\t\t//hide sub-nav\n\t\t\t\t\tself.hideSubPanel(\n\t\t\t\t\t\tel.querySelector(self.expandedHeaderSubpanelClass)\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\t//show sub-nav\n\t\t\t\t\tself.showSubPanel(\n\t\t\t\t\t\tel.querySelector(self.collapsedHeaderSubpanelClass)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\tthis.menuPanel.addEventListener(\"keydown\", (e) => {\n\t\t\tif (e.code === \"Escape\" && this.panelVisible) {\n\t\t\t\tthis.hidePanel();\n\t\t\t}\n\t\t});\n\n\t\temitter.on(\"window/scroll\", function (obj) {\n\t\t\tif (self.timeout) {\n\t\t\t\tclearTimeout(this.timeout);\n\t\t\t}\n\t\t\tself.timeout = setTimeout(() => {\n\t\t\t\tif (obj.direction == \"up\") {\n\t\t\t\t\tself.el.classList.remove(\"header--hide\");\n\t\t\t\t} else if (obj.direction == \"down\") {\n\t\t\t\t\tif (obj.top > 50) {\n\t\t\t\t\t\tself.el.classList.add(\"header--hide\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, 50);\n\t\t});\n\n\t\ttrapFocus(this.menuPanel);\n\t}\n\tshowPanel() {\n\t\tthis.panelVisible = true;\n\t\tdocument.documentElement.classList.add(\"mobile-nav-open\");\n\t\tsetAriaProp(this.menuClose, \"hidden\", false);\n\t\tsetAriaProp(this.menuOpen, \"hidden\", true);\n\n\t\tsetAriaProp(this.menuPanel, \"hidden\", false);\n\t\tthis.menuPanel.style.visibility = \"visible\";\n\t\tthis.el.classList.add(this.menuOpenClass);\n\t}\n\thidePanel() {\n\t\tthis.panelVisible = false;\n\t\tdocument.documentElement.classList.remove(\"mobile-nav-open\");\n\t\tsetAriaProp(this.menuClose, \"hidden\", true);\n\t\tsetAriaProp(this.menuOpen, \"hidden\", false);\n\n\t\tsetAriaProp(this.menuPanel, \"hidden\", true);\n\t\tthis.menuPanel.style.visibility = \"hidden\";\n\t\tthis.el.classList.remove(this.menuOpenClass);\n\t}\n\tshowSubPanel(el) {\n\t\tconst subnav = el.parentElement.parentElement.parentElement;\n\n\t\tel.parentElement.parentElement.classList.remove(\n\t\t\tthis.pageBackgroundClass,\n\t\t\tthis.navBackgroundClass\n\t\t);\n\n\t\tsubnav.querySelector(this.menuSubpanelClass).style.cssText =\n\t\t\t\"display: flex; visibility: visible\";\n\n\t\tsubnav.querySelector(\".header__page-nav\").classList.add(\"expanded\");\n\t\tsubnav\n\t\t\t.querySelector(this.collapsedHeaderSubpanelClass)\n\t\t\t.classList.add(\"hidden\");\n\t\tsubnav\n\t\t\t.querySelector(this.expandedHeaderSubpanelClass)\n\t\t\t.classList.remove(\"hidden\");\n\t}\n\thideSubPanel(el) {\n\t\tconst subnav = el.parentElement.parentElement.parentElement;\n\t\tel.parentElement.parentElement.classList.add(\n\t\t\tthis.pageBackgroundClass,\n\t\t\tthis.navBackgroundClass\n\t\t);\n\n\t\tsubnav.querySelector(this.menuSubpanelClass).style.cssText =\n\t\t\t\"display: none; visibility: hidden\";\n\t\tsubnav.querySelector(\".header__page-nav\").classList.remove(\"expanded\");\n\n\t\tsubnav\n\t\t\t.querySelector(this.collapsedHeaderSubpanelClass)\n\t\t\t.classList.remove(\"hidden\");\n\t\tsubnav\n\t\t\t.querySelector(this.expandedHeaderSubpanelClass)\n\t\t\t.classList.add(\"hidden\");\n\t}\n}\n"],"names":["HeaderSmall","config","this","el","document","querySelector","timeout","menuClose","menuOpen","menuOpenClass","menuPanelClass","menuPanel","headerLinks","HeaderSubpanelButtons","querySelectorAll","collapsedHeaderSubpanelClass","expandedHeaderSubpanelClass","pageBackgroundClass","navBackgroundClass","menuSubpanelClass","menuSubpanel","panelVisible","init","attachEvents","self","addEventListener","showPanel","hidePanel","forEach","classList","contains","hideSubPanel","showSubPanel","e","code","emitter","obj","clearTimeout","setTimeout","direction","remove","top","add","trapFocus","documentElement","setAriaProp","style","visibility","subnav","parentElement","cssText"],"sourceRoot":""}