/*! Copyright (c) Safe As Milk. All rights reserved. */class BackToTopButton extends HTMLElement{constructor(){super(),this.toggleVisibility=this.toggleVisibility.bind(this),this.scrollToTop=this.scrollToTop.bind(this)}connectedCallback(){window.addEventListener("scroll",this.toggleVisibility),window.addEventListener("resize",this.toggleVisibility),window.addEventListener("touchmove",this.toggleVisibility),this.addEventListener("click",this.scrollToTop),this.toggleVisibility()}disconnectedCallback(){window.removeEventListener("scroll",this.toggleVisibility),window.removeEventListener("resize",this.toggleVisibility),window.removeEventListener("touchmove",this.toggleVisibility),this.removeEventListener("click",this.scrollToTop)}toggleVisibility(){const{scrollY}=window,{innerHeight}=window;scrollY>innerHeight?(this.classList.add("visible"),this.classList.remove("hidden")):(this.classList.remove("visible"),this.classList.add("hidden"))}scrollToTop(){window.scrollTo({top:0,behavior:window.matchMedia("(prefers-reduced-motion: reduce)").matches?"instant":"smooth"}),this.dispatchEvent(new CustomEvent("on:back-to-top-button:clicked"))}}customElements.define("back-to-top-button",BackToTopButton);
//# sourceMappingURL=/cdn/shop/t/100/assets/back-to-top-button.js.map?v=22425800111144963571751575323