https://fixtstore.com/cdn/shop/t/32/assets/mega-menu.js?v=171931932604055704821733503704

1class Megamenu{constructor(container){this.selectors={announcementBar:".m-announcement-bar",hamburgerButtons:".m-hamburger-box",desktopMenuItems:[".m-menu__item"],desktopSubMenus:".m-mega-menu",headerMobile:".m-header__mobile",menuDrawer:"#m-menu-drawer",menuDrawerContent:".m-menu-drawer__content",menu:".m-menu-mobile",menuItems:[".m-menu-mobile__item"],megaMenuMobile:[".m-megamenu-mobile"],backDrop:".m-menu-drawer__backdrop"},this.menuSelectors={subMenu:".m-mega-menu"},this.activeDesktopMenuItem=null,this.sliders={},this.open=!1,this.container=container,this.transitionDuration=0,this.domNodes=queryDomNodes(this.selectors),this.menuData=[...this.domNodes.desktopMenuItems].map(item=>{const header=item.closest("header"),menuNodes=queryDomNodes(this.menuSelectors,item);return{header,item,...menuNodes,active:!1}}),this.init(),MinimogTheme=MinimogTheme||{},MinimogTheme.headerSliders=this.sliders}init(){this.domNodes.hamburgerButtons.addEventListener("click",e=>{this.domNodes.hamburgerButtons.classList.contains("active")?this.closeMenu():this.openMenu(),this.domNodes.hamburgerButtons.classList.toggle("active")}),this.domNodes.backDrop.addEventListener("click",e=>{this.closeMenu()}),this.initMobileMegaMenu(),this.initDesktopMegaMenu(),MinimogEvents.subscribe(MinimogTheme.pubSubEvents.openCartDrawer,()=>{this.open&&this.closeMenu()}),MinimogEvents.subscribe(MinimogTheme.pubSubEvents.openSearchPopup,()=>{this.open&&this.closeMenu()})}initDesktopMegaMenu(){[...this.menuData].forEach(menuItem=>{const{item,subMenu}=menuItem;if(subMenu){const productsBanner=subMenu.querySelector(".m-mega-product-list");productsBanner&&(window&&window.__sfWindowLoaded?menuItem.productsBannerSlider=this.initProductsBanner(productsBanner):window.addEventListener("load",()=>{menuItem.productsBannerSlider=this.initProductsBanner(productsBanner)}))}})}closeDesktopSubmenu=menuItemIndex=>{const menuItem=this.menuData[menuItemIndex],{header}=menuItem;header&&header.classList.remove("show-menu")};initProductsBanner(banner){const header=banner.closest("header"),menuItem=banner.closest(".m-menu__item"),screenClass=header&&`.${header.dataset.screen}`||"",id=banner.dataset.id,columns=document.querySelector(`.m-product-list-${id}`).dataset.column;let slider;if(slider=new MinimogLibs.Swiper(`${screenClass} .m-product-list-${id}`,{slidesPerView:1,loop:!1,autoplay:!1,breakpoints:{1200:{slidesPerView:columns},992:{slidesPerView:columns>=2?2:columns}}}),this.sliders[menuItem.dataset.index]=slider,slider){const prevBtn=document.querySelector(`#m-slider-controls-${id} .m-slider-controls__button-prev`),nextBtn=document.querySelector(`#m-slider-controls-${id} .m-slider-controls__button-next`);prevBtn&&prevBtn.addEventListener("click",()=>slider.slidePrev()),nextBtn&&nextBtn.addEventListener("click",()=>slider.slideNext())}}initMobileMegaMenu(){[...this.domNodes.menuItems].forEach(item=>{const subMenuContainer=item.querySelector(".m-megamenu-mobile"),backBtn=item.querySelector(".m-menu-mobile__back-button");subMenuContainer&&addEventDelegate({context:item,selector:"[data-toggle-submenu]",handler:(e,target)=>{e.preventDefault();const level=target.dataset.toggleSubmenu,parentNode=e.target.parentNode;e.target.classList.contains("m-menu-mobile__back-button")||parentNode.classList.contains("m-menu-mobile__back-button")||this.openSubMenu(subMenuContainer,level)}}),backBtn&&(addEventDelegate({context:item,selector:"[data-toggle-submenu]",handler:(e,target)=>{e.preventDefault();const level=target.dataset.toggleSubmenu,parentNode=e.target.parentNode;e.target.classList.contains("m-menu-mobile__back-button")||parentNode.classList.contains("m-menu-mobile__back-button")||this.openSubMenu(subMenuContainer,level)}}),backBtn.addEventListener("click",e=>{const level=e.target.dataset.level;this.closeSubMenu(subMenuContainer,level)}))}),document.addEventListener("matchMobile",()=>this.setMenuHeight()),document.addEventListener("unmatchMobile",()=>this.setMenuHeight())}openMenu(){this.setMenuHeight(),document.documentElement.classList.add("prevent-scroll"),this.domNodes.menuDrawer.classList.add("open"),this.domNodes.headerMobile.classList.add("header-drawer-open"),this.open=!0}closeMenu(){const{menuDrawer,menu,megaMenuMobile,hamburgerButtons}=this.domNodes;setTimeout(()=>{megaMenuMobile.forEach(container=>{container.classList.remove("open")}),menu&&menu.classList.remove("m-submenu-open","m-submenu-open--level-1","m-submenu-open--level-2"),menuDrawer.classList.remove("open"),document.documentElement.classList.remove("prevent-scroll"),this.domNodes.headerMobile.classList.remove("header-drawer-open"),hamburgerButtons.classList.remove("active")},this.transitionDuration),this.open=!1}openSubMenu(subMenuContainer,level){let subMenuOpenClass=`m-submenu-open--level-${level}`;this.domNodes.menuDrawerContent.classList.add("open-submenu"),this.domNodes.menu&&this.domNodes.menu.classList.add("m-submenu-open"),this.domNodes.menu&&this.domNodes.menu.classList.add(subMenuOpenClass),subMenuContainer.classList.add("open")}closeSubMenu(subMenuContainer,level){let subMenuOpenClass=`m-submenu-open--level-${level}`;level==="1"&&this.domNodes.menu&&this.domNodes.menu.classList.remove("m-submenu-open"),this.domNodes.menu&&this.domNodes.menu.classList.remove(subMenuOpenClass),subMenuContainer.classList.remove("open"),this.domNodes.menuDrawerContent.classList.remove("open-submenu")}setMenuHeight(){const{menuDrawer,headerMobile}=this.domNodes,offsetBottom=headerMobile.getBoundingClientRect().bottom,panelHeight=window.innerHeight-offsetBottom;menuDrawer.style.setProperty("--menu-drawer-height",`${panelHeight}px`)}}class SiteNav{constructor(container){this.selectors={menuItems:[".m-menu .m-menu__item"],dropdowns:[".m-mega-menu"],subMenu:".m-mega-menu",overlay:".m-header__overlay",swiper:".swiper-container"},this.classes={slideFromRight:"slide-from-right",slideReveal:"slide-reveal",active:"m-mega-active"},this.headerSticky=!1,container&&(this.container=container,this.domNodes=queryDomNodes(this.selectors,this.container),this.activeIndex=-1,this.lastActiveIndex=-1,this.visited=!1,this.timeoutEnter=null,this.timeoutLeave=null,this.attachEvents())}attachEvents=()=>

1{this.domNodes.menuItems.forEach((menuItem,index)=>{menuItem.addEventListener("mouseenter",evt=>this.onMenuItemEnter(evt,index)),menuItem.addEventListener("mouseleave",evt=>this.onMenuItemLeave(evt,index))})};initDropdownSize=()=>{this.container&&this.container.style.setProperty("--sf-dropdown-width",this.windowWidth()),this.container&&this.container.style.setProperty("--sf-dropdown-height",this.windowHeight())};onMenuItemEnter=(evt,index)=>{const{target}=evt;target.classList.contains("m-menu__item--mega")&&(clearTimeout(this.timeoutLeave),this.activeIndex=target.dataset&&Number(target.dataset.index),this.headerSticky=this.container&&this.container.dataset.sticky==="true",this.reInitSlider(target),this.container&&this.visited?this.container.classList.remove(this.classes.slideReveal):this.container.classList.add(this.classes.slideReveal),this.visited=!0,this.lastActiveIndex>=0&&this.activeIndex>=0&&(this.container&&this.lastActiveIndex<this.activeIndex?this.container.classList.add(this.classes.slideFromRight):this.lastActiveIndex>this.activeIndex&&this.container.classList.remove(this.classes.slideFromRight)),this.getElementBoundingRect(target).then(rect=>{rect&&(this.container&&this.container.style.setProperty("--sf-dropdown-width",rect.width),this.container&&this.container.style.setProperty("--sf-dropdown-height",rect.height)),this.timeoutEnter=setTimeout(()=>{this.activeIndex===Number(target.dataset.index)&&(this.container&&this.container.classList.add(this.classes.active),target.closest(".m-menu__item").classList.add("m-menu__item--active"))},120)}))};onMenuItemLeave=(evt,index)=>{this.activeIndex=-1,this.lastActiveIndex=index,evt.target.closest(".m-menu__item").classList.remove("m-menu__item--active"),this.timeoutLeave=setTimeout(()=>{(this.activeIndex===-1||this.activeIndex<0)&&(this.visited=!1),this.resetMegaMenu(evt.target)},80)};reInitSlider=menuItem=>{if(!menuItem.querySelector(this.selectors.swiper))return;const itemIndex=menuItem.dataset.index,slider=MinimogTheme&&MinimogTheme.headerSliders[itemIndex];slider&&slider.update()};getElementBoundingRect=async element=>{const subMenu=element.querySelector(this.selectors.subMenu);if(subMenu){const rect=subMenu.getBoundingClientRect();return{width:rect.width,height:rect.height,left:rect.left,top:rect.top}}};resetMegaMenu=()=>{this.activeIndex=-1,clearTimeout(this.timeoutEnter),this.container&&this.container.classList.remove(this.classes.active,this.classes.slideFromRight,this.classes.slideReveal,"sf-header--bg-black","sf-header--bg-white")};windowWidth=()=>window.innerWidth;windowHeight=()=>window.innerHeight;destroy=()=>{this.domNodes.menuItems.forEach((menuItem,index)=>{menuItem.removeEventListener("mouseenter",evt=>this.onMenuItemEnter(evt,index)),menuItem.removeEventListener("mouseleave",evt=>this.onMenuItemLeave(evt,index))})}}
2//# sourceMappingURL=/cdn/shop/t/32/assets/mega-menu.js.map?v=171931932604055704821733503704