/*! Copyright (c) Safe As Milk. All rights reserved. */class HeaderContainer extends HTMLElement{#boundSetScrollStatus;#didScroll=!1;#headerStickyObserver;#interval;#lastScrollTop=0;#sticky=!1;constructor(){super(),this.#boundSetScrollStatus=this.#setScrollStatus.bind(this)}connectedCallback(){if(this.#sticky=!!this.dataset.sticky,this.#sticky){this.#headerStickyObserver=new IntersectionObserver(([e])=>document.body.classList.toggle("header-stuck",!e.isIntersecting),{threshold:[1]}),this.#headerStickyObserver.observe(this);const header=this.querySelector(".js-header");if(header?.classList.contains("js-header-scroll")){const navbarHeight=header.getBoundingClientRect().height+50;window.addEventListener("scroll",this.#boundSetScrollStatus),this.#interval=setInterval(()=>{this.#didScroll&&(this.#hasScrolled(navbarHeight),this.#setScrollStatus(!1))},250)}}}disconnectedCallback(){this.#sticky&&(this.#headerStickyObserver&&this.#headerStickyObserver.disconnect(),this.#interval&&clearInterval(this.#interval),window.removeEventListener("scroll",this.#boundSetScrollStatus))}#setScrollStatus(didScroll=!0){this.#didScroll=didScroll}#hasScrolled(navbarHeight,delta=5){const st=window.scrollY;Math.abs(this.#lastScrollTop-st)<=delta||(st>this.#lastScrollTop&&st>navbarHeight?(document.body.classList.remove("header-down"),document.body.classList.add("header-up")):(document.body.classList.remove("header-up"),document.body.classList.add("header-down")),this.#lastScrollTop=st)}}customElements.define("header-container",HeaderContainer); //# sourceMappingURL=/cdn/shop/t/100/assets/header-container.js.map?v=88943774214020763511751575324