https://thecabindepot.ca/cdn/shop/t/174/assets/slideshow-component.js?v=42207189460858623281766504733

1customElements.get("slideshow-component")||customElements.define("slideshow-component",class extends HTMLElement{constructor(){super(),this.sliderControls=this.querySelector(".swiper-controls"),this.sliderInstance=!1,this.enableSlider=this.dataset.enableSlider==="true",this.selectedIndex=this.selectedIndex,this.sectionId=this.dataset.sectionId,this.section=this.closest(`.section-${this.sectionId}`),this.containerWidth=this.dataset.container,this.cleanupScrollAnimations=[],this.enableZoom=this.dataset.enableZoom?this.dataset.enableZoom==="true":!0,this.borderRadius=this.dataset.borderRadius,this.zoom=0,this.enableSlider&&(this.setupZoom(),window.addEventListener("resize",this.setupZoom.bind(this)),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}`)}setupZoom(){if(!this.enableZoom)return;this.destroyZoom();const pageWidthEl=this.querySelector(".page-width"),paddingLeft=window.getComputedStyle(pageWidthEl).getPropertyValue("padding-left");this.zoom=Math.min(parseFloat(paddingLeft.replace("px","")),window.innerWidth*.04),this.zoom>15&&this.initZoom()}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"),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.classList.contains("btn")&&element.addEventListener("focusin",()=>{const slide=element.closest(".swiper-slide");this.sliderInstance.slider.slideToLoop(this.sliderInstance.slider.slides.indexOf(slide))})}))}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()})}

1),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=>className.startsWith("color-")).forEach(className=>this.sliderControls.classList.remove(className));const colorScheme=activeSlide.dataset.colorScheme;this.sliderControls.classList.add(colorScheme)}}initZoom(){if(this.containerWidth!=="full")return;const motionTarget={target:this.section,offset:[[-.1,0],[.7,0]]};this.querySelectorAll(".slideshow__item-wrap").forEach(slide=>{const slideBg=slide.querySelector(".slideshow__bg");this.cleanupScrollAnimations.push(FoxTheme.Motion.scroll(FoxTheme.Motion.animate(slideBg,{transform:["scale(1) translateZ(0)","scale(1.1) translateZ(0)"]}),motionTarget))}),this.cleanupScrollAnimations.push(FoxTheme.Motion.scroll(FoxTheme.Motion.animate(this,{clipPath:["inset(0%)",`inset(${Math.min(50,this.zoom)}px ${this.zoom}px round ${this.borderRadius}px)`]}),motionTarget)),this.sliderControls&&this.cleanupScrollAnimations.push(FoxTheme.Motion.scroll(FoxTheme.Motion.animate(this.sliderControls,{bottom:["0",`${Math.min(50,this.zoom)}px`]}),motionTarget))}destroyZoom(){this.cleanupScrollAnimations.forEach(fn=>fn()),this.cleanupScrollAnimations=[],this.style.clipPath="none",this.sliderControls&&(this.sliderControls.style.bottom=0)}});
2//# sourceMappingURL=/cdn/shop/t/174/assets/slideshow-component.js.map?v=42207189460858623281766504733