if(!customElements.get("sticky-header")){class StickyHeader extends HTMLElement{constructor(){super()}connectedCallback(){this.header=document.querySelector(".section-header"),this.headerIsAlwaysSticky=this.getAttribute("data-sticky-type")==="always"||this.getAttribute("data-sticky-type")==="reduce-logo-size",this.menuItemsList=this.querySelector(".header__inline-menu ul"),this.headerBounds={},this.announcementBar=document.querySelector(".shopify-section-group-header-group.announcement-bar-section"),this.setHeaderHeight(),this.hasAttribute("side-menu")&&closingAccordions("details.menu-accordion"),this.hasAttribute("transparent")&&(this.isCurrentlyTransparent=!0,this.isMouseHover=!1,this.transparentDisclousres=this.transparentDisclousres||this.querySelectorAll("details, localization-form .disclosure__button, header-menu"),this.setTransparentMouseEvents()),window.addEventListener("resize",this.setHeaderHeight.bind(this)),this.headerIsAlwaysSticky&&this.header.classList.add("shopify-section-header-sticky"),this.currentScrollTop=0,this.preventReveal=!1,this.predictiveSearch=this.querySelector("predictive-search"),this.onScrollHandler=this.onScroll.bind(this),this.hideHeaderOnScrollUp=()=>this.preventReveal=!0,window.addEventListener("scroll",this.onScrollHandler,!1),this.createObserver()}setHeaderHeight(){document.documentElement.style.setProperty("--header-height",`${this.clientHeight+1}px`),this.setHeaderPosition(),this.hasAttribute("side-menu")&&document.documentElement.style.setProperty("--menu-items-width",`${this.menuItemsList.clientWidth+this.menuItemsList.offsetLeft}px`)}disconnectedCallback(){this.removeEventListener("preventHeaderReveal",this.hideHeaderOnScrollUp),window.removeEventListener("scroll",this.onScrollHandler)}createObserver(){if(new IntersectionObserver((entries,observer2)=>{this.headerBounds=entries[0].intersectionRect}).observe(this),this.hasAttribute("transparent")){let transparentObserver=new MutationObserver((entries,observer2)=>{if(this.currentScrollTop<=this.headerBounds.bottom)for(let entry of entries)entry.target.classList.contains("disclosure__button")&&entry.type=="attributes"&&entry.attributeName=="aria-expanded"&&(entry.target.getAttribute["aria-expanded"]=this.isMouseHover==!1)&&this.setHeaderTransparent(),entry.type=="attributes"&&entry.attributeName=="open"&&(entry.target.hasAttribute("open")||(this.isMobile()?this.setHeaderTransparent():!this.isMobile()&&this.isMouseHover==!1&&this.setHeaderTransparent())),entry.type=="attributes"&&entry.attributeName=="hovered"&&(entry.target.hasAttribute("hovered")||(this.isMobile()?this.setHeaderTransparent():!this.isMobile()&&this.isMouseHover==!1&&this.setHeaderTransparent()))});this.transparentDisclousres.forEach(disc=>{transparentObserver.observe(disc,{attributes:!0,childList:!0,subtree:!0})})}}isMobile(){let userAgent=navigator.userAgent||navigator.vendor||window.opera;return!!(/android/i.test(userAgent)||/iPad|iPhone|iPod/.test(userAgent)&&!window.MSStream)}onScroll(){const scrollTop=window.pageYOffset||document.documentElement.scrollTop;if(!(this.predictiveSearch&&this.predictiveSearch.isOpen)){if(scrollTop>this.currentScrollTop&&scrollTop>this.headerBounds.bottom){if(this.header.classList.add("scrolled-past-header"),this.preventHide)return;requestAnimationFrame(this.hide.bind(this))}else scrollTop<this.currentScrollTop&&scrollTop>this.headerBounds.bottom?(this.header.classList.add("scrolled-past-header"),this.preventReveal?(window.clearTimeout(this.isScrolling),this.isScrolling=setTimeout(()=>{this.preventReveal=!1},66),requestAnimationFrame(this.hide.bind(this))):requestAnimationFrame(this.reveal.bind(this))):scrollTop<=this.headerBounds.top&&(this.header.classList.remove("scrolled-past-header"),requestAnimationFrame(this.reset.bind(this)));if(this.announcementBar){const announcementOffset=this.announcementBar.clientHeight-scrollTop>=0?this.announcementBar.clientHeight-scrollTop:0;document.documentElement.style.setProperty("--announcement-height-offset",`${announcementOffset}px`)}this.hasAttribute("transparent")&&this.transparent(),this.currentScrollTop=scrollTop,this.setHeaderPosition()}}setHeaderPosition(){const headerBottom=this.header.getBoundingClientRect().bottom;document.documentElement.style.setProperty("--header-bottom-pos",`${headerBottom>0?Math.round(headerBottom):0}px`)}hide(){this.headerIsAlwaysSticky||(this.header.classList.add("shopify-section-header-hidden","shopify-section-header-sticky"),this.closeMenuDisclosure())}reveal(){this.headerIsAlwaysSticky||(this.header.classList.add("shopify-section-header-sticky","animate"),this.header.classList.remove("shopify-section-header-hidden"))}reset(){this.headerIsAlwaysSticky||this.header.classList.remove("shopify-section-header-hidden","shopify-section-header-sticky","animate")}closeMenuDisclosure(){this.disclosures=this.disclosures||this.header.querySelectorAll("header-menu"),this.disclosures.forEach(disclosure=>disclosure.close())}closeSearchModal(){this.searchModal=this.searchModal||this.header.querySelector("details-modal"),this.searchModal.close(!1)}getOpenDisclosure(){let isOpen=!1;return this.transparentDisclousres.forEach(disc=>{if(disc.hasAttribute("open")){isOpen=!0;return}if(disc.hasAttribute("hovered")){isOpen=!0;return}if(disc.getAttribute("aria-expanded")=="true"){isOpen=!0;return}}),isOpen}setHeaderTransparent(mouseEvent){this.isCurrentlyTransparent||(mouseEvent&&(this.isMouseHover=!1),this.getOpenDisclosure()||(this.classList.add(this.dataset.transparentSchema,"transparent"),this.classList.remove(this.dataset.defaultSchema),this.isCurrentlyTransparent=!0))}setHeaderOpaque(mouseEvent){this.isCurrentlyTransparent&&(mouseEvent&&(this.isMouseHover=!0),this.classList.remove(this.dataset.transparentSchema,"transparent"),this.classList.add(this.dataset.defaultSchema),this.isCurrentlyTransparent=!1)}transparent(){!this.dataset.transparentSchema&&!this.dataset.defaultSchema||(this.currentScrollTop>this.headerBounds.bottom?this.setHeaderOpaque(!1):this.setHeaderTransparent(!1))}setTransparentMouseEvents(){const makeOpaque=()=>{this.currentScrollTop<=this.headerBounds.bottom&&this.setHeaderOpaque(!0)},makeTransparent=()=>{this.currentScrollTop<=this.headerBounds.bottom&&this.setHeaderTransparent(!0)};this.addEventListener("mouseenter",makeOpaque),this.addEventListener("mousemove",makeOpaque),this.addEventListener("mouseleave",makeTransparent)}}customElements.define("sticky-header",StickyHeader)}if(!customElements.get("static-header")){class StaticHeader extends HTMLElement{constructor(){super()}connectedCallback(){this.header=document.querySelector(".section-header"),this.setHeaderHeight(),this.onScrollHandler=this.onScroll.bind(this),window.addEventListener("scroll",this.onScrollHandler,!1),window.addEventListener("resize",this.setHeaderHeight.bind(this)),this.hasAttribute("side-menu")&&closingAccordions("details.menu-accordion"),this.hasAttribute("transparent")&&(this.isMouseHover=!1,this.isCurrentlyTransparent=!0,this.transparentDisclousres=this.transparentDisclousres||this.querySelectorAll("details, .disclosure__button, header-menu"),this.createObserver(),this.currentScrollTop=0,this.hideHeaderOnScrollUp=()=>this.preventReveal=!0,this.setTransparentMouseEvents())}createObserver(){if(this.hasAttribute("transparent")){let observer=new MutationObserver((entries,observer2)=>{for(let entry of entries)entry.target.classList.contains("disclosure__button")&&entry.type=="attributes"&&entry.attributeName=="aria-expanded"&&(entry.target.getAttribute["aria-expanded"]=this.isMouseHover==!1)&&this.setHeaderTransparent(),entry.type=="attributes"&&entry.attributeName=="open"&&(entry.target.hasAttribute("open")||(this.isMobile()?this.setHeaderTransparent():!this.isMobile()&&this.isMouseHover==!1&&this.setHeaderTransparent())),entry.type=="attributes"&&entry.attributeName=="hovered"&&(entry.target.hasAttribute("hovered")||(this.isMobile()?this.setHeaderTransparent():!this.isMobile()&&this.isMouseHover==!1&&this.setHeaderTransparent()))});this.transparentDisclousres.forEach(disc=>{observer.observe(disc,{attributes:!0,childList:!0,subtree:!0})})}}setHeaderHeight(){document.documentElement.style.setProperty("--header-height",`${this.clientHeight}px`),this.hasAttribute("side-menu")&&document.documentElement.style.setProperty("--menu-items-width",`${this.menuItemsList.clientWidth+this.menuItemsList.offsetLeft}px`),this.setHeaderPosition()}onScroll(){const scrollTop=window.pageYOffset||document.documentElement.scrollTop;this.currentScrollTop=scrollTop,this.setHeaderPosition()}setHeaderPosition(){const headerBottom=this.header.getBoundingClientRect().bottom;document.documentElement.style.setProperty("--header-bottom-pos",`${headerBottom>0?Math.round(headerBottom):0}px`)}isMobile(){let userAgent=navigator.userAgent||navigator.vendor||window.opera;return!!(/android/i.test(userAgent)||/iPad|iPhone|iPod/.test(userAgent)&&!window.MSStream)}getOpenDisclosure(){let isOpen=!1;return this.transparentDisclousres.forEach(disc=>{if(disc.hasAttribute("open")){isOpen=!0;return}if(disc.hasAttribute("hovered")){isOpen=!0;return}if(disc.getAttribute("aria-expanded")=="true"){isOpen=!0;return}}),isOpen}setHeaderTransparent(){this.isCurrentlyTransparent||(this.isMouseHover=!1,this.getOpenDisclosure()||(this.classList.add(this.dataset.transparentSchema,"transparent"),this.classList.remove(this.dataset.defaultSchema),this.isCurrentlyTransparent=!0))}setHeaderOpaque(){this.isCurrentlyTransparent&&(this.isMouseHover=!0,this.classList.remove(this.dataset.transparentSchema,"transparent"),this.classList.add(this.dataset.defaultSchema),this.isCurrentlyTransparent=!1)}setTransparentMouseEvents(){this.addEventListener("mouseenter",this.setHeaderOpaque.bind(this)),this.addEventListener("mousemove",this.setHeaderOpaque.bind(this)),this.addEventListener("mouseleave",this.setHeaderTransparent.bind(this))}}customElements.define("static-header",StaticHeader)}
//# sourceMappingURL=/cdn/shop/t/365/assets/sticky-header.js.map?v=32221638051808700341753250039