https://skingrip.com/cdn/shop/t/124/assets/slideshow-with-product.js?v=156743717932873864591772552971

1customElements.get("slideshow-with-product")||customElements.define("slideshow-with-product",class extends HTMLElement{constructor(){super(),this.dataset.enableSlider==="true"&&(this.sectionId=this.dataset.sectionId,this.sliderControls=this.querySelector(".swiper-controls"),this.sliderInstance=!1,this.selectedIndex=this.selectedIndex,this.sliderHeightAdapt=this.classList.contains("slideshow-with-product-height--adapt"),this.calcSlideHeight(),window.addEventListener("resize",FoxTheme.utils.debounce(this.calcSlideHeight.bind(this),100),!1),this.initSlider())}static get observedAttributes(){return["selected-index"]}get selectedIndex(){return parseInt(this.getAttribute("selected-index"))||0}set selectedIndex(index){this.setAttribute("selected-index",`${index}`)}initSlider(){const additionModules=[FoxTheme.Swiper.Autoplay,FoxTheme.Swiper.EffectFade];this.sliderOptions={slidesPerView:1,spaceBetween:10,loop:!0,grabCursor:!0,allowTouchMove:!0,threshold:2,effect:"fade",on:{init:this.handleAfterInit.bind(this)},fadeEffect:{crossFade:!0}},this.sliderControls&&(this.sliderOptions.navigation={nextEl:this.sliderControls.querySelector(".swiper-button-next"),prevEl:this.sliderControls.querySelector(".swiper-button-prev")},this.sliderOptions.pagination={el:this.sliderControls.querySelector(".swiper-pagination"),type:"fraction",clickable:!0});const autoplayDelay=parseInt(this.dataset.autoplay);autoplayDelay>0&&(this.sliderOptions={...this.sliderOptions,autoplay:{delay:autoplayDelay,disableOnInteraction:!1}}),this.sliderInstance=new window.FoxTheme.Carousel(this,this.sliderOptions,additionModules),this.sliderInstance.init(),this.sliderInstance.slider.on("realIndexChange",this.handleSlideChange.bind(this)),this.sliderInstance&&(this.selectedElement=this.sliderInstance.slider.slides[this.sliderInstance.slider.activeIndex],this.onReady(this.selectedElement,this.sliderInstance.slider.slides),FoxTheme.a11y.getFocusableElements(this).forEach(element=>{element.classList.contains("swiper-button")||element.addEventListener("focusin",()=>{const slide=element.closest(".swiper-slide");this.sliderInstance.slider.slideToLoop(this.sliderInstance.slider.slides.indexOf(slide))})})),Shopify.designMode&&typeof this.sliderInstance=="object"&&document.addEventListener("shopify:block:select",e=>{if(e.detail.sectionId!=this.sectionId)return;let{target}=e;const index=Number(target.dataset.index);this.sliderInstance.slider.slideToLoop(index)})}onReady(selectedElement){selectedElement.dataset.type==="video"&&FoxTheme.utils.displayedMedia(selectedElement.querySelectorAll("video-element"))?.play(),FoxTheme.config.motionReduced||selectedElement.querySelectorAll("motion-element").forEach(motionEl=>{setTimeout(()=>{motionEl&&motionEl.refreshAnimation()})})}handleAfterInit(){if(this.removeAttribute("data-media-loading"),this.sliderControls){const activeBullet=this.sliderControls.querySelector(".swiper-pagination-bullet-active");activeBullet&&(activeBullet.classList.remove("swiper-pagination-bullet-active"),activeBullet.offsetHeight,activeBullet.classList.add("swiper-pagination-bullet-active"))}}handleSlideChange(swiper){const{slides,realIndex,activeIndex}=swiper;this.selectedIndex=realIndex,this.updateControlsScheme(slides[activeIndex])}attributeChangedCallback(name,oldValue,newValue){if(name==="selected-index"&&oldValue!==null&&oldValue!==newValue){const fromElements=this.querySelectorAll(`[data-swiper-slide-index="${oldValue}"]`),toElements=this.querySelectorAll(`[data-swiper-slide-index="${newValue}"]`);fromElements.forEach(fromElement=>{if(fromElement.dataset.type==="video"){const videoElement=FoxTheme.utils.displayedMedia([fromElement.querySelector("video-element")]);videoElement&&videoElement.pause()}const motionEls=fromElement.querySelectorAll("motion-element");motionEls&&motionEls.forEach(motionEl=>{motionEl.hasAttribute("data-text")&&motionEl.resetAnimation()})}),toElements.forEach(toElement=>{setTimeout(()=>{if(toElement.classList.contains("swiper-slide-active")){if(toElement.dataset.type==="video"){const videoElement=FoxTheme.utils.displayedMedia([toElement.querySelector("video-element")]);videoElement&&videoElement.play()}toElement.querySelectorAll("motion-element").forEach(motionEl=>{setTimeout(()=>{motionEl&&motionEl.refreshAnimation()})})}})})}}updateControlsScheme(activeSlide){if(this.sliderControls){Array.from(this.sliderControls.classList).filter(className=>

1className.startsWith("color-")).forEach(className=>this.sliderControls.classList.remove(className));const colorScheme=activeSlide.dataset.colorScheme;this.sliderControls.classList.add(colorScheme)}}calcSlideHeight(){this.style.removeProperty("--slide-height");let maxHeight=0;const slides=this.querySelectorAll(".swiper-slide");slides&&slides.forEach(slide=>{const slideText=slide.querySelector(".slideshow-with-product__content");if(slideText){this.sliderHeightAdapt&&slideText.classList.remove("absolute");const slideTextHeight=slideText.offsetHeight;slideTextHeight>maxHeight&&(maxHeight=slideTextHeight),this.sliderHeightAdapt&&slideText.classList.add("absolute")}}),this.style.setProperty("--slide-height",maxHeight+"px")}});
2//# sourceMappingURL=/cdn/shop/t/124/assets/slideshow-with-product.js.map?v=156743717932873864591772552971