class SlideshowComponent extends HTMLElement{constructor(){super(),this.selectors={contents:[".f-slideshow__content-wrapper"],selected:".selected",flickity:"flickity-component"},this.domNodes=queryDomNodes(this.selectors,this),this.prevIndex=0,this.init()}disconnectedCallback(){clearInterval(this.check)}init(){this.check=setInterval(()=>{this.slider=this.domNodes.flickity.slider&&this.domNodes.flickity.slider.instance,this.slider&&typeof this.slider=="object"&&(clearInterval(this.check),this.slider.on("change",this.handleChange.bind(this)),this.domNodes.contents[0].classList.add("selected"),this.handleScreenChange(),this.playVideo())},100)}handleChange(index){this.querySelectorAll(this.selectors.selected).forEach(item=>item.classList.remove("selected")),this.domNodes.contents[this.prevIndex].classList.add("f-slideshow__content--out"),this.domNodes.contents[index].classList.add("selected"),setTimeout(()=>{this.domNodes.contents[this.prevIndex].classList.remove("f-slideshow__content--out"),this.prevIndex=index},300),this.playVideo()}playVideo(){this.pauseAllMedia();const deferredMedia=this.slider.selectedElement.querySelector("deferred-media");if(deferredMedia){deferredMedia.loadContent();const youtube=deferredMedia.querySelector(".js-youtube"),vimeo=deferredMedia.querySelector(".js-vimeo"),video=deferredMedia.querySelector("video");video&&video.play(),youtube&&youtube.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*"),vimeo&&vimeo.contentWindow.postMessage('{"method":"play"}',"*")}}pauseAllMedia(){this.querySelectorAll(".js-youtube").forEach(video=>{video.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*")}),this.querySelectorAll(".js-vimeo").forEach(video=>{video.contentWindow.postMessage('{"method":"pause"}',"*")}),this.querySelectorAll("video").forEach(video=>video.pause())}handleScreenChange(){FoxThemeSettings.isMobile&&this.domNodes.flickity.toggleFade(),document.addEventListener("matchMobile",()=>{this.domNodes.flickity.toggleFade()}),document.addEventListener("unmatchMobile",()=>{this.domNodes.flickity.toggleFade(!0)})}}customElements.define("slideshow-component",SlideshowComponent);
//# sourceMappingURL=/cdn/shop/t/3/assets/slideshow-component.js.map?v=174907367064920889551673541597