https://www.chemicalguys.com/cdn/shop/t/5/assets/sticky-header.js?v=90309057496808737651760377249

1customElements.get("sticky-header")||customElements.define("sticky-header",class extends HTMLElement{constructor(){super()}connectedCallback(){this.body=document.querySelector("body"),this.header=document.querySelector(".section-header"),this.headerIsAlwaysSticky=this.getAttribute("data-sticky-type")==="always"||this.getAttribute("data-sticky-type")==="reduce-logo-size",this.headerBounds={},this.promoBar=document.querySelector("cg-ninja-promo-bar"),this.setHeaderHeight();try{const mediaQueryList=window.matchMedia("(max-width: 990px)");mediaQueryList.addEventListener?mediaQueryList.addEventListener("change",this.setHeaderHeight.bind(this)):mediaQueryList.addListener&&mediaQueryList.addListener(this.setHeaderHeight.bind(this))}catch(e){console.error("matchMedia addEventListener",e)}this.headerIsAlwaysSticky&&this.header.classList.add("shopify-section-header-sticky"),this.currentScrollTop=0,this.preventReveal=!1,this.predictiveSearch=this.querySelector("predictive-search"),this.onResizeHandler=this.onResize.bind(this),this.onScrollHandler=this.onScroll.bind(this),this.hideHeaderOnScrollUp=()=>this.preventReveal=!0,this.addEventListener("preventHeaderReveal",this.hideHeaderOnScrollUp),window.addEventListener("scroll",this.onScrollHandler,!1),window.addEventListener("resize",this.onResizeHandler,!1),this.createObserver()}setHeaderHeight(){let headerHeight=this.header.offsetHeight+this.promoBar.offsetHeight;document.documentElement.style.setProperty("--header-height",`${headerHeight}px`)}disconnectedCallback(){this.removeEventListener("preventHeaderReveal",this.hideHeaderOnScrollUp),window.removeEventListener("scroll",this.onScrollHandler)}createObserver(){new IntersectionObserver((entries,observer2)=>{this.headerBounds=entries[0].intersectionRect,observer2.disconnect()}).observe(this.header)}onResize(){this.setHeaderHeight()}onScroll(){const scrollTop=window.pageYOffset||document.documentElement.scrollTop;if(document.body.classList.contains("suggestions-open")||document.body.classList.contains("mobile-suggestions-open")){this.header.classList.remove("scrolled-past-header"),this.body.classList.remove("scrolled-past-header");return}if(scrollTop>this.currentScrollTop&&scrollTop>this.headerBounds.bottom){if(this.header.classList.add("scrolled-past-header"),this.body.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.body.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"),this.body.classList.remove("scrolled-past-header"),requestAnimationFrame(this.reset.bind(this)));this.currentScrollTop=scrollTop}hide(){this.headerIsAlwaysSticky||(this.header.classList.add("shopify-section-header-hidden","shopify-section-header-sticky"),this.closeMenuDisclosure(),this.closeSearchModal())}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)}});
2//# sourceMappingURL=/cdn/shop/t/5/assets/sticky-header.js.map?v=90309057496808737651760377249