{ "version": 3, "sources": ["../../../Vettvangur.Frontend/src/scripts/components/navigation/mobile-navigation.ts"], "sourcesContent": ["const mobileNavigation = {\n el: {\n root: document.querySelector('.mobile-navigation'),\n body: document.querySelector('.body'),\n header: document.querySelector('.header'),\n hamburger: document.querySelector('.header .hamburger'),\n triggers: document.querySelectorAll('.mobile-nav__button'),\n back: document.querySelectorAll('.mobile-navigation__back'),\n footer: document.querySelector('.mobile-navigation__footer'),\n },\n\n init() {\n if (this.el.root) {\n this.el.triggers.forEach((item) => {\n item.addEventListener('click', (e: Event & { target: HTMLButtonElement }) => {\n const navToSlideIn = document.querySelector(\n `.mobile-nav__level[data-nav=\"${e.target.dataset.nav}\"]`\n )\n const navToSlideOut = document.querySelector('.mobile-nav__level[data-level=\"1\"]')\n\n navToSlideIn.style.transform = `translateX(-${100 * parseInt(e.target.dataset.nav)}%)`\n navToSlideIn.style.opacity = '1'\n navToSlideOut.style.transform = 'translateX(-100%)'\n navToSlideOut.style.opacity = '0'\n this.el.footer.style.transform = 'translateX(-100%)'\n this.el.footer.style.opacity = '0'\n\n this.addPaddingToNavList()\n })\n })\n\n this.el.back.forEach((item) => {\n item.addEventListener('click', (e: Event & { target: HTMLButtonElement }) => {\n const navToSlideOut = document.querySelector(\n `.mobile-nav__level[data-nav=\"${e.target.dataset.nav}\"]`\n )\n const navToSlideIn = document.querySelector('.mobile-nav__level[data-level=\"1\"]')\n\n navToSlideIn.style.transform = 'translateX(0)'\n navToSlideOut.style.transform = 'translateX(0)'\n this.el.footer.style.transform = 'translateX(0)'\n\n navToSlideIn.style.opacity = '1'\n navToSlideOut.style.opacity = '0'\n this.el.footer.style.opacity = '1'\n })\n })\n }\n },\n reset() {\n document.querySelectorAll('.mobile-nav__level').forEach((item) => {\n setTimeout(() => {\n item.style.transform = 'translateX(0)'\n item.style.opacity = '1'\n }, 0)\n })\n this.el.footer.style.transform = 'translateX(0)'\n this.el.footer.style.opacity = '1'\n this.el.body.classList.remove('body--mobile-nav-open')\n },\n\n addPaddingToNavList() {\n // Adjusting padding of nav list to fit quick access\n const quickAccess = document.querySelector('.mobile-navigation__quick-access')\n const navList = document.querySelector('.mobile-nav__list')\n\n if (quickAccess && navList) {\n const quickAccessHeight = quickAccess.offsetHeight\n navList.style.paddingBottom = `${quickAccessHeight + 30}px`\n }\n },\n}\n\nexport default mobileNavigation\n"], "mappings": "gCAAA,IAAMA,EAAmB,CACvB,GAAI,CACF,KAAM,SAAS,cAA2B,oBAAoB,EAC9D,KAAM,SAAS,cAA2B,OAAO,EACjD,OAAQ,SAAS,cAA2B,SAAS,EACrD,UAAW,SAAS,cAA2B,oBAAoB,EACnE,SAAU,SAAS,iBAA8B,qBAAqB,EACtE,KAAM,SAAS,iBAA8B,0BAA0B,EACvE,OAAQ,SAAS,cAA2B,4BAA4B,CAC1E,EAEA,MAAO,CACD,KAAK,GAAG,OACV,KAAK,GAAG,SAAS,QAASC,GAAS,CACjCA,EAAK,iBAAiB,QAAUC,GAA6C,CAC3E,IAAMC,EAAe,SAAS,cAC5B,gCAAgCD,EAAE,OAAO,QAAQ,OACnD,EACME,EAAgB,SAAS,cAA2B,oCAAoC,EAE9FD,EAAa,MAAM,UAAY,eAAe,IAAM,SAASD,EAAE,OAAO,QAAQ,GAAG,MACjFC,EAAa,MAAM,QAAU,IAC7BC,EAAc,MAAM,UAAY,oBAChCA,EAAc,MAAM,QAAU,IAC9B,KAAK,GAAG,OAAO,MAAM,UAAY,oBACjC,KAAK,GAAG,OAAO,MAAM,QAAU,IAE/B,KAAK,oBAAoB,CAC3B,CAAC,CACH,CAAC,EAED,KAAK,GAAG,KAAK,QAASH,GAAS,CAC7BA,EAAK,iBAAiB,QAAUC,GAA6C,CAC3E,IAAME,EAAgB,SAAS,cAC7B,gCAAgCF,EAAE,OAAO,QAAQ,OACnD,EACMC,EAAe,SAAS,cAA2B,oCAAoC,EAE7FA,EAAa,MAAM,UAAY,gBAC/BC,EAAc,MAAM,UAAY,gBAChC,KAAK,GAAG,OAAO,MAAM,UAAY,gBAEjCD,EAAa,MAAM,QAAU,IAC7BC,EAAc,MAAM,QAAU,IAC9B,KAAK,GAAG,OAAO,MAAM,QAAU,GACjC,CAAC,CACH,CAAC,EAEL,EACA,OAAQ,CACN,SAAS,iBAA8B,oBAAoB,EAAE,QAASH,GAAS,CAC7E,WAAW,IAAM,CACfA,EAAK,MAAM,UAAY,gBACvBA,EAAK,MAAM,QAAU,GACvB,EAAG,CAAC,CACN,CAAC,EACD,KAAK,GAAG,OAAO,MAAM,UAAY,gBACjC,KAAK,GAAG,OAAO,MAAM,QAAU,IAC/B,KAAK,GAAG,KAAK,UAAU,OAAO,uBAAuB,CACvD,EAEA,qBAAsB,CAEpB,IAAMI,EAAc,SAAS,cAA2B,kCAAkC,EACpFC,EAAU,SAAS,cAA2B,mBAAmB,EAEvE,GAAID,GAAeC,EAAS,CAC1B,IAAMC,EAAoBF,EAAY,aACtCC,EAAQ,MAAM,cAAgB,GAAGC,EAAoB,OAEzD,CACF,EAEOC,EAAQR", "names": ["mobileNavigation", "item", "e", "navToSlideIn", "navToSlideOut", "quickAccess", "navList", "quickAccessHeight", "mobile_navigation_default"] }