https://www.expobazaar.com/cdn/shop/t/42/assets/header-nav.js?v=134448756228213604281776671371

1import{prepareTransition,debounce}from"@archetype-themes/utils/utils";import{EVENTS}from"@archetype-themes/utils/events";let selectors={wrapper:"#HeaderWrapper",siteHeader:"#SiteHeader",megamenu:".megamenu",triggerCollapsedMenu:".site-nav__compress-menu",collapsedMenu:'[data-type="nav"]',bottomSearch:'[data-type="search"]',navDetails:".site-nav__details"},classes={headerCompressed:"header-wrapper--compressed",overlay:"header-wrapper--overlay",overlayStyle:"is-light"},config={wrapperOverlayed:!1,stickyEnabled:!1,stickyActive:!1,subarPositionInit:!1,threshold:0},wrapper,siteHeader,bottomNav,bottomSearch;class HeaderNav extends HTMLElement{connectedCallback(){this.abortController=new AbortController,wrapper=document.querySelector(selectors.wrapper),siteHeader=document.querySelector(selectors.siteHeader),bottomNav=wrapper.querySelector(selectors.collapsedMenu),bottomSearch=wrapper.querySelector(selectors.bottomSearch),this.isStickyHeader=!1,config.threshold=wrapper.getBoundingClientRect().bottom,config.subarPositionInit=!1,config.stickyEnabled=siteHeader.dataset.sticky==="true",config.stickyEnabled?(config.wrapperOverlayed=wrapper.classList.contains(classes.overlayStyle),this.stickyHeaderCheck()):this.disableSticky(),this.overlayHeader=siteHeader.dataset.overlay==="true",this.overlayHeader&&Shopify&&Shopify.designMode&&document.body.classList.contains("template-collection")&&!document.querySelector(".collection-hero")&&this.disableOverlayHeader(),this.initOverlayHeaderAdmin(),this.setAbsoluteBottom(),window.addEventListener("resize",debounce(250,this.setAbsoluteBottom),{signal:this.abortController.signal});let collapsedNavTrigger=wrapper.querySelector(selectors.triggerCollapsedMenu);collapsedNavTrigger&&!collapsedNavTrigger.classList.contains("nav-trigger--initialized")&&(collapsedNavTrigger.classList.add("nav-trigger--initialized"),collapsedNavTrigger.addEventListener("click",function(e){collapsedNavTrigger.classList.toggle("is-active"),prepareTransition(bottomNav,function(){bottomNav.classList.toggle("is-active")})},{signal:this.abortController.signal})),document.addEventListener(EVENTS.headerStickyCheck,this.stickyHeaderCheck.bind(this),{signal:this.abortController.signal}),document.addEventListener(EVENTS.headerOverlayDisable,this.disableOverlayHeader,{signal:this.abortController.signal}),document.addEventListener(EVENTS.headerOverlayRemoveClass,this.removeOverlayClass,{signal:this.abortController.signal}),document.addEventListener(EVENTS.sizeDrawer,this.sizeDrawer.bind(this),{signal:this.abortController.signal})}disconnectedCallback(){this.abortController.abort()}initOverlayHeaderAdmin(){if(!Shopify.designMode)return;const section=this.closest(".shopify-section-group-header-group"),index=Array.from(section.parentElement.children).indexOf(section)+1;index===2&&this.overlayHeader&&(siteHeader.setAttribute("data-section-index",index),config.wrapperOverlayed=!0,this.classList.add(classes.overlay,classes.overlayStyle))}setAbsoluteBottom(){this.overlayHeader&&document.querySelector(".header-section").classList.add("header-section--overlay");let activeSubBar=matchMedia("(max-width: 768px)").matches?document.querySelector('.site-header__element--sub[data-type="search"]'):document.querySelector('.site-header__element--sub[data-type="nav"]');if(activeSubBar){let h=activeSubBar.offsetHeight;h!==0&&document.documentElement.style.setProperty("--header-padding-bottom",h+"px"),config.subarPositionInit||(wrapper.classList.add("header-wrapper--init"),config.subarPositionInit=!0)}}disableOverlayHeader(){wrapper.classList.remove(config.overlayEnabledClass,classes.overlayStyle),config.wrapperOverlayed=!1,document.dispatchEvent(new CustomEvent(EVENTS.overlayHeaderChange,{detail:{overlayHeader:!1}}))}stickyHeaderCheck(){this.isStickyHeader=this.doesMegaMenuFit(),this.isStickyHeader?(config.forceStopSticky=!1,this.stickyHeader(),document.dispatchEvent(new CustomEvent(EVENTS.stickyHeaderChange,{detail:{isSticky:!0}}))):(config.forceStopSticky=!0,this.disableSticky(),document.dispatchEvent(new CustomEvent(EVENTS.stickyHeaderChange,{detail:{isSticky:!1}})))}disableSticky(){document.querySelector(".header-section").style.position="relative"}removeOverlayClass(){config.wrapperOverlayed&&wrapper.classList.remove(classes.overlayStyle)}doesMegaMenuFit(){let largestMegaNav=0;return(siteHeader||document.querySelector(selectors.siteHeader)).querySelectorAll(selectors.megamenu).forEach(nav=>{let h=nav.offsetHeight;h>largestMegaNav&&(largestMegaNav=h)}),!(window.innerHeight<largestMegaNav+120)}stickyHeader(){window.scrollY>config.threshold&&this.stickyHeaderScroll(),window.addEventListener("scroll",this.stickyHeaderScroll.bind(this),{signal:this.abortController.signal})}stickyHeaderScroll(){config.stickyEnabled&&(config.forceStopSticky||requestAnimationFrame(this.scrollHandler))}scrollHandler(){if(window.scrollY>config.threshold){if(config.stickyActive)return;bottomNav&&prepareTransition(bottomNav),bottomSearch&&prepareTransition(bottomSearch),config.stickyActive=!0,wrapper.classList.add(classes.headerCompressed),config.wrapperOverlayed&&wrapper.classList.remove(classes.overlayStyle),document.dispatchEvent(new CustomEvent("headerStickyChange"))}else{if(!config.stickyActive)return;bottomNav&&prepareTransition(bottomNav),bottomSearch&&prepareTransition(bottomSearch),config.stickyActive=!1,config.threshold=wrapper.getBoundingClientRect().bottom,wrapper.classList.remove(classes.headerCompressed),config.wrapperOverlayed&&wrapper.classList.add(classes.overlayStyle),document.dispatchEvent(new CustomEvent("headerStickyChange"))}}sizeDrawer(evt){let header=wrapper.offsetHeight,heights=evt.detail?.heights?.reduce((a,b)=>a+b,0)??0,max=window.innerHeight-header-heights;this.style.setProperty("--max-drawer-height",`${max}px`),this.style.setProperty("--header-nav-height",`${header-heights}px`)}}customElements.define("header-nav",HeaderNav);
2//# sourceMappingURL=/cdn/shop/t/42/assets/header-nav.js.map?v=134448756228213604281776671371