{"version":3,"file":"js/dist/konsolenkost-nav-min.js","mappings":"AAAAA,IAAIC,UAAU,uBAAwB,CAClCC,SAAU,4BACVC,KAAM,iBAAO,CAAC,CAAR,EAGNC,QALkC,WAOjC,EAEDC,QAAS,CAELC,gBAFK,SAEWC,GACZ,IAAIC,EAAgBD,EAAQE,aACxBC,EAAoBH,EAAQI,MAAMC,WACtCL,EAAQI,MAAMC,WAAa,GAE3BC,uBAAsB,WAClBN,EAAQI,MAAMG,OAASN,EAAgB,KACvCD,EAAQI,MAAMC,WAAaF,EAE3BG,uBAAsB,WAClBN,EAAQI,MAAMG,OAAS,KAC1B,GACJ,IAEDP,EAAQQ,aAAa,iBAAkB,QAC1C,EAEDC,cAnBK,SAmBST,GACV,IAAIC,EAAgBD,EAAQE,aACxBQ,EAAUC,SAASC,cAAc,mBACjCC,EAAYH,EAAQI,UAExBd,EAAQI,MAAMG,OAASN,EAAgB,KACvCS,EAAQN,MAAMW,UAAY,OAC1BL,EAAQN,MAAMY,UAAd,uBAA0CH,EAA1C,OACAH,EAAQN,MAAMa,UAAY,QAE1BjB,EAAQkB,iBAAiB,iBAAiB,SAASC,GAC/CnB,EAAQoB,oBAAoB,gBAAiBC,UAAUC,QACvDtB,EAAQI,MAAMG,OAAS,IAC1B,IAEDP,EAAQQ,aAAa,iBAAkB,OAC1C,EAEDe,YArCK,WAsCD,IAAIC,EAAUb,SAASC,cAAc,2BACjCa,EAAad,SAASC,cAAc,yBACpCc,EAAaf,SAASC,cAAc,eAEpBD,SAASC,cAAc,kBAIkB,SAA3CY,EAAQG,aAAa,kBAGnCC,KAAK7B,gBAAgByB,IAErBI,KAAK7B,gBAAgB0B,GACrBG,KAAK7B,gBAAgB2B,GACrBE,KAAKnB,cAAce,GAE1B,EAEDK,UAzDK,WA0DD,IAAIL,EAAUb,SAASC,cAAc,yBACjCkB,EAAenB,SAASC,cAAc,2BACtCc,EAAaf,SAASC,cAAc,eAEqB,SAA3CY,EAAQG,aAAa,kBAGnCC,KAAK7B,gBAAgByB,IAErBI,KAAK7B,gBAAgB+B,GACrBF,KAAK7B,gBAAgB2B,GACrBE,KAAKnB,cAAce,GAE1B,EAEDO,cAzEK,SAyESC,GACV,IAAIC,EAAUtB,SAASC,cAAc,IAAIoB,GACoB,UAA3CC,EAAQN,aAAa,kBAGnCC,KAAKnB,cAAcwB,GAEnBL,KAAK7B,gBAAgBkC,EAE5B","sources":["webpack:///./resources/js/src/konsolenkost-nav.js"],"sourcesContent":["Vue.component(\"kk-mobile-navigation\", {\n    template: \"#vue-kk-mobile-navigation\",\n    data: () => ({\n\n    }),\n    created() {\n\n    },\n\n    methods: {\n\n        collapseSection(element) {\n            let sectionHeight = element.scrollHeight;\n            let elementTransition = element.style.transition;\n            element.style.transition = '';\n\n            requestAnimationFrame(function() {\n                element.style.height = sectionHeight + 'px';\n                element.style.transition = elementTransition;\n\n                requestAnimationFrame(function() {\n                    element.style.height = 0 + 'px';\n                });\n            });\n\n            element.setAttribute('data-collapsed', 'false');\n        },\n\n        expandSection(element) {\n            let sectionHeight = element.scrollHeight;\n            let wrapper = document.querySelector('.mobile-nav-bar');\n            let topOffset = wrapper.offsetTop;\n\n            element.style.height = sectionHeight + 'px';\n            wrapper.style.overflowY = 'auto';\n            wrapper.style.maxHeight = `calc(100vh - ${topOffset}px)`;\n            wrapper.style.minHeight = '100vh';\n\n            element.addEventListener('transitionend', function(e) {\n                element.removeEventListener('transitionend', arguments.callee);\n                element.style.height = null;\n            });\n\n            element.setAttribute('data-collapsed', 'true');\n        },\n\n        toggleRetro(){\n            let section = document.querySelector('.nav-retro-consoles-nav');\n            let sectionNew = document.querySelector('.nav-new-consoles-nav');\n            let sectionNav = document.querySelector('.mobile-nav');\n            \n            let searchSection = document.querySelector('.mobile-search');\n            // let mainMenuSection = \n\n\n            let isCollapsed = section.getAttribute('data-collapsed') === 'true';\n\n            if(isCollapsed) {\n                this.collapseSection(section)\n            } else {\n                this.collapseSection(sectionNew)\n                this.collapseSection(sectionNav)\n                this.expandSection(section)\n            }\n        },\n\n        toggleNew(){\n            let section = document.querySelector('.nav-new-consoles-nav');\n            let sectionRetro = document.querySelector('.nav-retro-consoles-nav');\n            let sectionNav = document.querySelector('.mobile-nav');\n\n            let isCollapsed = section.getAttribute('data-collapsed') === 'true';\n\n            if(isCollapsed) {\n                this.collapseSection(section)\n            } else {\n                this.collapseSection(sectionRetro)\n                this.collapseSection(sectionNav)\n                this.expandSection(section)\n            }\n        },\n\n        toggleSubMenu(id){\n            let subMenu = document.querySelector(\"#\"+id);\n            let isCollapsed = subMenu.getAttribute('data-collapsed') === 'false';\n\n            if(isCollapsed) {\n                this.expandSection(subMenu)\n            } else {\n                this.collapseSection(subMenu)\n            }\n        }\n    }\n});\n"],"names":["Vue","component","template","data","created","methods","collapseSection","element","sectionHeight","scrollHeight","elementTransition","style","transition","requestAnimationFrame","height","setAttribute","expandSection","wrapper","document","querySelector","topOffset","offsetTop","overflowY","maxHeight","minHeight","addEventListener","e","removeEventListener","arguments","callee","toggleRetro","section","sectionNew","sectionNav","getAttribute","this","toggleNew","sectionRetro","toggleSubMenu","id","subMenu"],"sourceRoot":""}