customElements.define("product-card-images",class extends HTMLElement{constructor(){super(),this.images=Array.from(this.querySelectorAll(".media")),this.dots=Array.from(this.querySelectorAll(".dot")),this.currentIndex=0,this.prevArrow=this.querySelector(".js-prev-slide"),this.nextArrow=this.querySelector(".js-next-slide"),this.isMobile=window.innerWidth<990,this.intervalId=null,this.isHovering=!1,this.style.overflowY="auto",this.style.overflowX="hidden",this.style.touchAction="pan-y pinch-zoom",this.setupEventListeners(),this.isMobile&&this.setupMobileEvents(),window.addEventListener("resize",()=>{const wasMobile=this.isMobile;this.isMobile=window.innerWidth<990,wasMobile!==this.isMobile&&(this.isMobile?this.setupMobileEvents():this.removeMobileEvents())})}setupEventListeners(){this.dots.forEach((dot,index)=>{dot.addEventListener("click",()=>{this.stopSlider(),this.goToImage(index),this.isHovering&&this.startSliderWithDelay()})}),this.prevArrow&&this.prevArrow.addEventListener("click",e=>{e.preventDefault(),this.stopSlider(),this.showPreviousImage(),this.isHovering&&this.startSliderWithDelay()}),this.nextArrow&&this.nextArrow.addEventListener("click",e=>{e.preventDefault(),this.stopSlider(),this.showNextImage(),this.isHovering&&this.startSliderWithDelay()}),this.isMobile||(this.addEventListener("mouseenter",()=>{this.isMobile||(this.isHovering=!0,this.startSlider())}),this.addEventListener("mouseleave",()=>{this.isMobile||(this.isHovering=!1,this.stopSlider())}))}startSlider=()=>{this.isMobile||(this.stopSlider(),this.intervalId=setInterval(()=>{this.showNextImage()},3e3))};startSliderWithDelay=()=>{this.isMobile||(this.stopSlider(),this.intervalId=setInterval(()=>{this.showNextImage()},3e3))};stopSlider=()=>{this.intervalId&&(clearInterval(this.intervalId),this.intervalId=null)};setupMobileEvents(){this.isMobile&&this.images.forEach(image=>{image.addEventListener("pointerdown",this.handlePointerDown),image.addEventListener("pointermove",this.handlePointerMove),image.addEventListener("pointerup",this.handlePointerUp),image.addEventListener("pointercancel",this.handlePointerUp)})}removeMobileEvents(){this.images.forEach(image=>{image.removeEventListener("pointerdown",this.handlePointerDown),image.removeEventListener("pointermove",this.handlePointerMove),image.removeEventListener("pointerup",this.handlePointerUp),image.removeEventListener("pointercancel",this.handlePointerUp)})}handlePointerDown=e=>{this.startX=e.clientX,this.startY=e.clientY,this.isScrolling=void 0};handlePointerMove=e=>{if(!this.startX)return;const deltaX=this.startX-e.clientX,deltaY=Math.abs(this.startY-e.clientY);typeof this.isScrolling>"u"&&(this.isScrolling=deltaY>Math.abs(deltaX)),!this.isScrolling&&(this.currentX=e.clientX)};handlePointerUp=e=>{if(!this.startX||!this.currentX||this.isScrolling)return;const diff=this.startX-this.currentX;Math.abs(diff)>50&&(diff>0?this.showNextImage():this.showPreviousImage()),this.startX=null,this.startY=null,this.currentX=null,this.isScrolling=void 0};showNextImage=()=>{this.goToImage((this.currentIndex+1)%this.images.length)};showPreviousImage=()=>{this.goToImage((this.currentIndex-1+this.images.length)%this.images.length)};goToImage(index){this.images[this.currentIndex].classList.remove("active"),this.dots[this.currentIndex].classList.remove("active"),this.currentIndex=index,this.images[this.currentIndex].classList.add("active"),this.dots[this.currentIndex].classList.add("active")}});
//# sourceMappingURL=/cdn/shop/t/81/assets/product-card-images.js.map?v=97849471219907084761738317686