https://www.jansport.com/cdn/shop/t/80/assets/header-standard.Df3kjztZ.min.js

1var d=Object.defineProperty;var l=(o,e,t)=>e in o?d(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var a=(o,e,t)=>l(o,typeof e!="symbol"?e+"":e,t);import{MegaMenu as c}from"./mega-menu.eGl7HzW_.min.js";import{c as s}from"./create-css-variable.Bu0Wv_5E.min.js";const r=class r extends HTMLElement{constructor(){super(),this.scrollY=0,this.headerBottom=0,this.hoverTimeout=null,this.switchMegaMenuTimeout=null,this.transitionInterval=null,this.hoveredOnTrigger=!1,this.hoveredOnMegaMenu=!1,this.nextTrigger=null,this.ignoreAccordionScroll=!1,this.accordionTimer=null,this.onTriggerClick=this.onTriggerClick.bind(this),this.onMouseEnter=this.onMouseEnter.bind(this),this.onMouseLeave=this.onMouseLeave.bind(this),this.onMegaMenuMouseEnter=this.onMegaMenuMouseEnter.bind(this),this.onMegaMenuMouseLeave=this.onMegaMenuMouseLeave.bind(this),this.onHeaderTransitionStart=this.onHeaderTransitionStart.bind(this),this.onHeaderTransitionEnd=this.onHeaderTransitionEnd.bind(this),this.onDocumentClick=this.onDocumentClick.bind(this),this.handleScroll=this.handleScroll.bind(this),this.onResize=this.onResize.bind(this),this.onAccordionToggle=this.onAccordionToggle.bind(this)}connectedCallback(){this.scrollY=window.scrollY,this.enableSticky=this.getAttribute("data-enable-sticky")==="true",this.searchDrawer=this.querySelector("[data-search-drawer]"),this.mobileMenu=this.querySelector("header-standard-mobile-menu"),this.headerEl=this.closest(".shopify-section-group-header-group"),this.triggerSelector="[data-menu-index-trigger]",this.triggers=this.querySelectorAll(this.triggerSelector),window.addEventListener("components:loaded",()=>{s("--header-dynamic-height",this.headerEl),s("--header-height",this.headerEl),s("--mobile-header-height",this.headerEl),this.handleScroll()}),this.triggers.forEach(e=>{e.addEventListener("click",this.onTriggerClick),e.addEventListener("mouseenter",this.onMouseEnter),e.addEventListener("mouseleave",this.onMouseLeave)}),this.headerEl.addEventListener("transitionstart",this.onHeaderTransitionStart),this.headerEl.addEventListener("transitionend",this.onHeaderTransitionEnd),document.addEventListener("click",this.onDocumentClick),document.addEventListener("scroll",this.handleScroll,{passive:!0}),window.addEventListener("resize",this.onResize),window.addEventListener("theme:pdp-accordion-toggle",this.onAccordionToggle)}disconnectedCallback(){window.removeEventListener("theme:pdp-accordion-toggle",this.onAccordionToggle),document.removeEventListener("click",this.onDocumentClick),document.removeEventListener("scroll",this.handleScroll),window.removeEventListener("resize",this.onResize),this.headerEl.removeEventListener("transitionstart",this.onHeaderTransitionStart),this.headerEl.removeEventListener("transitionend",this.onHeaderTransitionEnd),this.triggers.forEach(e=>{e.removeEventListener("click",this.onTriggerClick),e.removeEventListener("mouseenter",this.onMouseEnter),e.removeEventListener("mouseleave",this.onMouseLeave)})}onAccordionToggle(){this.ignoreAccordionScroll=!0,this.setHeaderBottom(),this.setHeaderTopOffset(),clearTimeout(this.accordionTimer),this.accordionTimer=setTimeout(()=>{this.ignoreAccordionScroll=!1},400)}handleScroll(){c.closeMenus(),window.innerWidth>=769&&this.searchDrawer.close(),this.setHeaderBottom();const e=this.setHeaderTopOffset();if(this.ignoreAccordionScroll){this.scrollY=window.scrollY;return}this.enableSticky&&(this.setAttribute("data-is-top",window.scrollY<e),this.scrollY<window.scrollY&&window.scrollY>e+110?(this.setAttribute("data-scrolled",!0),document.documentElement.setAttribute("data-header-hidden",""),this.closeMegaMenu()):this.scrollY>=window.scrollY&&(this.setAttribute("data-scrolled",!1),document.documentElement.removeAttribute("data-header-hidden")),this.scrollY=window.scrollY)}handleMegaMenuOpen(e,t){const i=e.getAttribute("data-menu-index-trigger"),n=this.querySelector(`header-standard-mega-menu[data-index="${i}"]`);return n?n.isOpen?(t&&this.closeMegaMenu(),!1):(this.closeMegaMenu(),this.activeTrigger=e,this.activeMegaMenu=n,this.openMegaMenu(),!0):!1}onTriggerClick(e){clearTimeout(this.hoverTimeout),this.handleMegaMenuOpen(e.currentTarget,!0)&&e.preventDefault()}onMouseEnter(e){if(!window.matchMedia("(any-hover: hover)").matches)return;this.hoveredOnTrigger=!0,clearTimeout(this.hoverTimeout),clearTimeout(this.switchMegaMenuTimeout);const t=e.currentTarget;this.activeMegaMenu&&this.activeTrigger!==t?(this.nextTrigger=t,this.switchMegaMenuTimeout=setTimeout(()=>{this.nextTrigger===t&&this.hoveredOnTrigger&&(this.handleMegaMenuOpen(t,!0),this.nextTrigger=null)},r.delay)):this.activeMegaMenu||(this.hoverTimeout=setTimeout(()=>{this.handleMegaMenuOpen(t,!1)},r.hoverTimeoutDuration))}onMouseLeave(e){var i;if(!window.matchMedia("(any-hover: hover)").matches)return;const t=e.relatedTarget;(i=this.activeMegaMenu)!=null&&i.contains(t)||(this.hoveredOnTrigger=!1,clearTimeout(this.hoverTimeout),clearTimeout(this.switchMegaMenuTimeout),this.nextTrigger=null,this.closeMegaMenu())}onDocumentClick(e){const t=e.target;this.activeTrigger&&!this.activeTrigger.contains(t)&&!this.activeMegaMenu.contains(t)&&this.closeMegaMenu()}openMegaMenu(){this.setHeaderBottom(),this.setAttribute("data-mega-menu-open",!0),this.activeTrigger.setAttribute("aria-expanded",!0),this.activeMegaMenu.open(),this.activeMegaMenu.addEventListener("mouseenter",this.onMegaMenuMouseEnter),this.activeMegaMenu.addEventListener("mouseleave",this.onMegaMenuMouseLeave)}closeMegaMenu(){var e,t,i,n;this.removeAttribute("data-mega-menu-open"),(e=this.activeTrigger)==null||e.setAttribute("aria-expanded",!1),(t=this.activeMegaMenu)==null||t.close(),(i=this.activeMegaMenu)==null||i.removeEventListener("mouseenter",this.onMegaMenuMouseEnter),(n=this.activeMegaMenu)==null||n.removeEventListener("mouseleave",this.onMegaMenuMouseLeave),this.activeTrigger=null,this.activeMegaMenu=null}setHeaderBottom(){this.headerBottom=Math.max(0,this.headerEl.getBoundingClientRect().bottom-3),document.documentElement.style.setProperty("--header-bottom",`${this.headerBottom}px`),this.headerBottom===0&&this.closeMegaMenu()}setHeaderTopOffset(){const e=parseInt(document.documentElement.style.getPropertyValue("--promo-bar-height")||"0",10)||0,t=Math.max(e-window.scrollY,0);return this.style.setProperty("--header-top-offset",`${t}px`),e}onResize(){s("--header-dynamic-height",this.headerEl),s("--header-height",this.headerEl),s("--mobile-header-height",this.headerEl),this.handleScroll()}onMegaMenuMouseEnter(e){window.matchMedia("(any-hover: hover)").matches&&(this.hoveredOnMegaMenu=!0)}onMegaMenuMouseLeave(e){var i;if(!window.matchMedia("(any-hover: hover)").matches)return;const t=e.relatedTarget;(i=this.activeTrigger)!=null&&i.contains(t)||(this.hoveredOnMegaMenu=!1,this.closeMegaMenu())}onHeaderTransitionStart(){this.transitionInterval=setInterval(this.setHeaderBottom.bind(this),0)}onHeaderTransitionEnd(){clearInterval(this.transitionInterval),this.setHeaderBottom()}};a(r,"hoverTimeoutDuration",100),a(r,"delay",500);let h=r;

1const M=()=>{customElements.get("site-header")||customElements.define("site-header",h)};export{M as default};