https://www.whiteouttequila.com/cdn/shop/t/9/assets/video-reels.js?v=64410937465549427041781628349

1customElements.get("video-reels")||customElements.define("video-reels",class extends HTMLElement{constructor(){super(),this.activeClass="active",this.swiper=this.querySelector(".wt-slider__container")}connectedCallback(){this._sectionObserver=null,this.init()}disconnectedCallback(){this._sectionObserver&&(this._sectionObserver.disconnect(),this._sectionObserver=null),this.checkInterval&&clearInterval(this.checkInterval)}observeSection(){const observerOptions={root:null,rootMargin:"0px",threshold:.1},sectionObserver=new IntersectionObserver((entries,observer)=>{entries.forEach(entry=>{const video=this.querySelector(".swiper-slide-active video");video&&(entry.isIntersecting?video.play():video.pause())})},observerOptions);sectionObserver.observe(this),this._sectionObserver=sectionObserver}hardStopAllExceptActive(swiper){const active=swiper.slides[swiper.activeIndex];swiper.slides.forEach(slide=>{const video=slide.querySelector("video");video&&slide!==active&&(video.pause(),video.muted=!0,video.removeAttribute("autoplay"),video.autoplay=!1)})}

1handleSoundToggle(swiper){swiper.slides.forEach(slide=>{const button=slide.querySelector(".wt-video__sound-toggle");!button||button._bound||(button._bound=!0,button.addEventListener("click",()=>{const activeVideo=swiper.slides[swiper.activeIndex]?.querySelector("video");if(!activeVideo)return;this.hardStopAllExceptActive(swiper);const nextSoundOn=!(swiper.el.dataset.sound==="on");swiper.el.dataset.sound=nextSoundOn?"on":"off",activeVideo.muted=!nextSoundOn,activeVideo.setAttribute("playsinline",""),activeVideo.setAttribute("webkit-playsinline",""),activeVideo.removeAttribute("autoplay"),activeVideo.autoplay=!1,setTimeout(()=>{activeVideo.play().catch(()=>{})},80)},{passive:!0}))})}sanitizeVideosOnce(){this._sanitized||(this._sanitized=!0,this.querySelectorAll("video").forEach(video=>{video.pause(),video.muted=!0,video.removeAttribute("autoplay"),video.autoplay=!1,video.setAttribute("playsinline",""),video.setAttribute("webkit-playsinline",""),video.preload="metadata"}))}playVideoInActiveSlide(swiper){const sound=swiper.el.dataset.sound,activeSlideVideo=this.findActiveSlide(swiper)?.querySelector("video");activeSlideVideo&&(activeSlideVideo.muted=sound!=="on",setTimeout(()=>{activeSlideVideo.play().catch(err=>{console.warn("Autoplay was prevented:",err)})},100))}findActiveSlide(swiper){return swiper.slides[swiper.activeIndex]}toggleActiveClass(swiper){const activeSlide=this.findActiveSlide(swiper);

1swiper.slides.forEach(slide=>{slide.classList.remove(this.activeClass),activeSlide===slide&&slide.classList.add(this.activeClass)})}handleSlideChange(swiper){this.hardStopAllExceptActive(swiper),this.toggleActiveClass(swiper),this.playVideoInActiveSlide(swiper)}addVideoEventHandlers(swiper){this._onSlideChange=()=>this.handleSlideChange(swiper),swiper.on("slideChange",this._onSlideChange),swiper.on("slidesLengthChange",()=>this.handleSoundToggle(swiper)),swiper.on("update",()=>this.handleSoundToggle(swiper))}checkSwiperInitialization(){const swiperContainer=this.swiper,mySwiperInstance=swiperContainer?.swiper;swiperContainer?.classList.contains("swiper-initialized")&&mySwiperInstance&&(this.swiper?.dataset.sound||(this.swiper.dataset.sound="off"),this.sanitizeVideosOnce(),this.addVideoEventHandlers(mySwiperInstance),this.handleSlideChange(mySwiperInstance),this.handleSoundToggle(mySwiperInstance),this.observeSection(),clearInterval(this.checkInterval))}init(){this.checkInterval=setInterval(this.checkSwiperInitialization.bind(this),250)}});
2//# sourceMappingURL=/cdn/shop/t/9/assets/video-reels.js.map?v=64410937465549427041781628349