{"version":3,"sources":["menu.js"],"names":["console","log","menu","document","querySelector","menuSection","menuArrow","menuClosed","menuTrigger","menuOverlay","subMenu","toggleMenu","classList","toggle","showSubMenu","hasChildren","add","style","animation","menuTitle","parentNode","childNodes","textContent","innerHTML","hideSubMenu","setTimeout","remove","addEventListener","e","contains","target","closest","window","onresize","this","innerWidth"],"mappings":"AAAAA,QAAAC,IAAA,cACA,MAAAC,KAAAC,SAAAC,cAAA,SACAC,YAAAH,KAAAE,cAAA,iBACAE,UAAAJ,KAAAE,cAAA,sBACAG,WAAAL,KAAAE,cAAA,sBACAI,YAAAL,SAAAC,cAAA,wBACAK,YAAAN,SAAAC,cAAA,YACA,IAAAM,QA6BA,SAAAC,aACAT,KAAAU,UAAAC,OAAA,UACAJ,YAAAG,UAAAC,OAAA,UAGA,SAAAC,YAAAC,GACAL,QAAAK,EAAAX,cAAA,cACAM,QAAAE,UAAAI,IAAA,UACAN,QAAAO,MAAAC,UAAA,+BACA,MAAAC,EAAAJ,EAAAX,cAAA,KAAAgB,WAAAC,WAAA,GAAAC,YACApB,KAAAE,cAAA,sBAAAmB,UAAAJ,EACAjB,KAAAE,cAAA,uBAAAQ,UAAAI,IAAA,UAGA,SAAAQ,cACAd,QAAAO,MAAAC,UAAA,gCACAO,YAAA,KACAf,QAAAE,UAAAc,OAAA,YACA,KAEAxB,KAAAE,cAAA,sBAAAmB,UAAA,GACArB,KAAAE,cAAA,uBAAAQ,UAAAc,OAAA,UAhDArB,YAAAsB,iBAAA,SAAAC,IACA,GAAA1B,KAAAU,UAAAiB,SAAA,WAIAD,EAAAE,OAAAC,QAAA,2BAAA,CAEAjB,YADAc,EAAAE,OAAAC,QAAA,gCAKAzB,UAAAqB,iBAAA,SAAA,KACAH,iBAGAhB,YAAAmB,iBAAA,SAAA,KACAhB,gBAGAJ,WAAAoB,iBAAA,SAAA,KACAhB,gBAGAF,YAAAkB,iBAAA,SAAA,KACAhB,gBA2BAqB,OAAAC,SAAA,WACAC,KAAAC,WAAA,KACAjC,KAAAU,UAAAiB,SAAA,WACAlB,cAIAX,QAAAC,IAAA","file":"main.js","sourcesContent":["console.log('menu start')\nconst menu = document.querySelector('.menu');\nconst menuSection = menu.querySelector('.menu-section');\nconst menuArrow = menu.querySelector('.menu-mobile-arrow');\nconst menuClosed = menu.querySelector('.menu-mobile-close');\nconst menuTrigger = document.querySelector('.menu-mobile-trigger');\nconst menuOverlay = document.querySelector('.overlay');\nlet subMenu;\n\nmenuSection.addEventListener('click', (e) => {\n   if (!menu.classList.contains('active')) {\n      return;\n   }\n\n   if (e.target.closest('.menu-item-has-children')) {\n      const hasChildren = e.target.closest('.menu-item-has-children');\n      showSubMenu(hasChildren);\n   }\n});\n\nmenuArrow.addEventListener('click', () => {\n   hideSubMenu();\n});\n\nmenuTrigger.addEventListener('click', () => {\n   toggleMenu();\n});\n\nmenuClosed.addEventListener('click', () => {\n   toggleMenu();\n});\n\nmenuOverlay.addEventListener('click', () => {\n   toggleMenu();\n});\n\nfunction toggleMenu() {\n   menu.classList.toggle('active');\n   menuOverlay.classList.toggle('active');\n}\n\nfunction showSubMenu(hasChildren) {\n   subMenu = hasChildren.querySelector('.menu-subs');\n   subMenu.classList.add('active');\n   subMenu.style.animation = 'slideLeft 0.5s ease forwards';\n   const menuTitle = hasChildren.querySelector('i').parentNode.childNodes[0].textContent;\n   menu.querySelector('.menu-mobile-title').innerHTML = menuTitle;\n   menu.querySelector('.menu-mobile-header').classList.add('active');\n}\n\nfunction hideSubMenu() {\n   subMenu.style.animation = 'slideRight 0.5s ease forwards';\n   setTimeout(() => {\n      subMenu.classList.remove('active');\n   }, 300);\n\n   menu.querySelector('.menu-mobile-title').innerHTML = '';\n   menu.querySelector('.menu-mobile-header').classList.remove('active');\n}\n\nwindow.onresize = function () {\n   if (this.innerWidth > 991) {\n      if (menu.classList.contains('active')) {\n         toggleMenu();\n      }\n   }\n};\nconsole.log('menu end')"]}