(function(){const playVideo=slider=>{if(slider.tagName){const video=slider.querySelector(".media-slideshow__video video");if(video){const button=slider.querySelector(".js-play-video");video.parentElement.classList.contains("autoplay")&&(video.autoplay=!0,button&&button.classList.remove("active")),video.autoplay&&video.paused&&video.play(),!video.autoplay&&button&&button.classList.remove("active")}const videoUrl=slider.querySelector(".media-slideshow__video iframe");if(videoUrl){const button=slider.querySelector(".js-play-video");videoUrl.parentElement.classList.contains("autoplay")&&(videoUrl.classList.contains("js-youtube")?(videoUrl.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*"),videoUrl.classList.contains("video-muted")?videoUrl.contentWindow.postMessage('{"event":"command","func":"mute","args":""}',"*"):videoUrl.contentWindow.postMessage('{"event":"command","func":"unMute","args":""}',"*"),videoUrl.classList.add("video-play"),videoUrl.classList.remove("video-pause")):videoUrl.classList.contains("js-vimeo")&&(videoUrl.contentWindow.postMessage('{"method":"play"}',"*"),videoUrl.classList.contains("video-muted")?videoUrl.contentWindow.postMessage('{"method":"setVolume", "value":0}',"*"):videoUrl.contentWindow.postMessage('{"method":"setVolume", "value":1}',"*"),videoUrl.classList.add("video-play"),videoUrl.classList.remove("video-pause")),button&&button.classList.remove("active")),videoUrl.parentElement.classList.contains("autoplay")&&videoUrl.classList.contains("video-pause")&&(videoUrl.classList.contains("js-youtube")?(videoUrl.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*"),videoUrl.classList.contains("video-muted")?videoUrl.contentWindow.postMessage('{"event":"command","func":"mute","args":""}',"*"):videoUrl.contentWindow.postMessage('{"event":"command","func":"unMute","args":""}',"*"),videoUrl.classList.add("video-play"),videoUrl.classList.remove("video-pause")):videoUrl.classList.contains("js-vimeo")&&(videoUrl.contentWindow.postMessage('{"method":"play"}',"*"),videoUrl.classList.contains("video-muted")?videoUrl.contentWindow.postMessage('{"method":"setVolume", "value":0}',"*"):videoUrl.contentWindow.postMessage('{"method":"setVolume", "value":1}',"*"),videoUrl.classList.add("video-play"),videoUrl.classList.remove("video-pause"))),!videoUrl.parentElement.classList.contains("autoplay")&&button&&button.classList.remove("active")}}else{if(slider.slides[slider.previousIndex]){const videoPrev=slider.slides[slider.previousIndex].querySelector(".media-slideshow__video video");videoPrev&&videoPrev.pause();const videoUrlPrev=slider.slides[slider.previousIndex].querySelector(".media-slideshow__video iframe");videoUrlPrev&&(videoUrlPrev.classList.contains("js-youtube")?(videoUrlPrev.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"),videoUrlPrev.classList.add("video-pause"),videoUrlPrev.classList.remove("video-play")):videoUrlPrev.classList.contains("js-vimeo")&&(videoUrlPrev.contentWindow.postMessage('{"method":"pause"}',"*"),videoUrlPrev.classList.add("video-pause"),videoUrlPrev.classList.remove("video-play")))}if(slider.slides[slider.activeIndex]){const videoActive=slider.slides[slider.activeIndex].querySelector(".media-slideshow__video video");if(videoActive){const button=slider.slides[slider.activeIndex].querySelector(".js-play-video");videoActive.parentElement.classList.contains("autoplay")&&(videoActive.autoplay=!0,button&&button.classList.remove("active")),videoActive.autoplay&&videoActive.paused&&videoActive.play(),!videoActive.autoplay&&button&&button.classList.remove("active")}const videoUrlActive=slider.slides[slider.activeIndex].querySelector(".media-slideshow__video iframe");if(videoUrlActive){const button=slider.slides[slider.activeIndex].querySelector(".js-play-video");videoUrlActive.parentElement.classList.contains("autoplay")&&(videoUrlActive.classList.contains("js-youtube")?(videoUrlActive.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*"),videoUrlActive.classList.contains("video-muted")?videoUrlActive.contentWindow.postMessage('{"event":"command","func":"mute","args":""}',"*"):videoUrlActive.contentWindow.postMessage('{"event":"command","func":"unMute","args":""}',"*"),videoUrlActive.classList.add("video-play"),videoUrlActive.classList.remove("video-pause")):videoUrlActive.classList.contains("js-vimeo")&&(videoUrlActive.contentWindow.postMessage('{"method":"play"}',"*"),videoUrlActive.classList.contains("video-muted")?videoUrlActive.contentWindow.postMessage('{"method":"setVolume", "value":0}',"*"):videoUrlActive.contentWindow.postMessage('{"method":"setVolume", "value":1}',"*"),videoUrlActive.classList.add("video-play"),videoUrlActive.classList.remove("video-pause")),button&&button.classList.remove("active")),videoUrlActive.parentElement.classList.contains("autoplay")&&videoUrlActive.classList.contains("video-pause")&&(videoUrlActive.classList.contains("js-youtube")?(videoUrlActive.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*"),videoUrlActive.classList.contains("video-muted")?videoUrlActive.contentWindow.postMessage('{"event":"command","func":"mute","args":""}',"*"):videoUrlActive.contentWindow.postMessage('{"event":"command","func":"unMute","args":""}',"*"),videoUrlActive.classList.add("video-play"),videoUrlActive.classList.remove("video-pause")):videoUrlActive.classList.contains("js-vimeo")&&(videoUrlActive.contentWindow.postMessage('{"method":"play"}',"*"),videoUrlActive.classList.contains("video-muted")?videoUrlActive.contentWindow.postMessage('{"method":"setVolume", "value":0}',"*"):videoUrlActive.contentWindow.postMessage('{"method":"setVolume", "value":1}',"*"),videoUrlActive.classList.add("video-play"),videoUrlActive.classList.remove("video-pause"))),!videoUrlActive.parentElement.classList.contains("autoplay")&&button&&button.classList.remove("active")}}}},stopVideo=slider=>{if(slider.slides[slider.activeIndex]){const videoActive=slider.slides[slider.activeIndex].querySelector(".media-slideshow__video video");videoActive&&videoActive.pause();const videoUrlActive=slider.slides[slider.activeIndex].querySelector(".media-slideshow__video iframe");videoUrlActive&&(videoUrlActive.classList.contains("js-youtube")?(videoUrlActive.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"),videoUrlActive.classList.add("video-pause"),videoUrlActive.classList.remove("video-play")):videoUrlActive.classList.contains("js-vimeo")&&(videoUrlActive.contentWindow.postMessage('{"method":"pause"}',"*"),videoUrlActive.classList.add("video-pause"),videoUrlActive.classList.remove("video-play")))}},controlsVideo=()=>{const buttonsPlay=document.querySelectorAll(".js-play-video"),buttonsSound=document.querySelectorAll(".js-sound-video");buttonsPlay.forEach(button=>{button.onclick=()=>{if(button.previousElementSibling.classList.contains("media-slideshow__video")){const video=button.previousElementSibling.querySelector("video");video&&(video.paused?setTimeout(()=>{video.play()},10):setTimeout(()=>{video.pause()},10),button.classList.toggle("active"));const videoUrl=button.previousElementSibling.querySelector("iframe");videoUrl&&(videoUrl.classList.contains("video-pause")?videoUrl.classList.contains("js-youtube")?(videoUrl.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*"),videoUrl.classList.contains("video-muted")?videoUrl.contentWindow.postMessage('{"event":"command","func":"mute","args":""}',"*"):videoUrl.contentWindow.postMessage('{"event":"command","func":"unMute","args":""}',"*"),videoUrl.classList.add("video-play"),videoUrl.classList.remove("video-pause")):videoUrl.classList.contains("js-vimeo")&&(videoUrl.contentWindow.postMessage('{"method":"play"}',"*"),videoUrl.classList.contains("video-muted")?videoUrl.contentWindow.postMessage('{"method":"setVolume", "value":0}',"*"):videoUrl.contentWindow.postMessage('{"method":"setVolume", "value":1}',"*"),videoUrl.classList.add("video-play"),videoUrl.classList.remove("video-pause")):videoUrl.classList.contains("js-youtube")?(videoUrl.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"),videoUrl.classList.add("video-pause"),videoUrl.classList.remove("video-play")):videoUrl.classList.contains("js-vimeo")&&(videoUrl.contentWindow.postMessage('{"method":"pause"}',"*"),videoUrl.classList.add("video-pause"),videoUrl.classList.remove("video-play")),button.classList.toggle("active"))}}}),buttonsSound.forEach(button=>{button.onclick=()=>{if(button.previousElementSibling.classList.contains("media-slideshow__video")||button.previousElementSibling.previousElementSibling.classList.contains("media-slideshow__video")){const video=button.previousElementSibling.querySelector("video")||button.previousElementSibling.previousElementSibling.querySelector("video");video&&(video.muted?setTimeout(()=>{video.muted=!1},10):setTimeout(()=>{video.muted=!0},10),button.classList.toggle("active"));const videoUrl=button.previousElementSibling.querySelector("iframe")||button.previousElementSibling.previousElementSibling.querySelector("iframe");videoUrl&&(videoUrl.classList.contains("video-muted")?videoUrl.classList.contains("js-youtube")?(videoUrl.contentWindow.postMessage('{"event":"command","func":"unMute","args":""}',"*"),videoUrl.classList.remove("video-muted")):videoUrl.classList.contains("js-vimeo")&&(videoUrl.contentWindow.postMessage('{"method":"setVolume", "value":1}',"*"),videoUrl.classList.remove("video-muted")):videoUrl.classList.contains("js-youtube")?(videoUrl.contentWindow.postMessage('{"event":"command","func":"mute","args":""}',"*"),videoUrl.classList.add("video-muted")):videoUrl.classList.contains("js-vimeo")&&(videoUrl.contentWindow.postMessage('{"method":"setVolume", "value":0}',"*"),videoUrl.classList.add("video-muted")),button.classList.toggle("active"))}}})},initSliders=()=>{document.querySelectorAll(".media-slideshow-section").forEach(section=>{const mediaSliders=section.querySelectorAll(".media-slideshow__slider:not(.swiper-initialized)"),pagination2=section.querySelector(".media-slideshow__wrapper .swiper-pagination");if(mediaSliders.length>0){const duration=Number(mediaSliders[0].getAttribute("data-duration"));let mediaSliderFirst,mediaSliderAll=[];const nextBtn=section.querySelector(".swiper-button-next"),prevBtn=section.querySelector(".swiper-button-prev");mediaSliders.forEach((slider,index)=>{if(index==0)mediaSliderFirst=new Swiper(slider,{allowTouchMove:!!slider.classList.contains("media-slideshow__slider_full"),slidesPerView:"auto",speed:1500,pagination:{el:pagination2,type:"bullets",clickable:!0,renderBullet:function(index2,className){return'<span class="'+className+'"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><circle class="circle" style="animation-duration: '+duration+'s" cx="8" cy="8" r="7" stroke="currentColor"/></svg></span>'}},navigation:{nextEl:nextBtn,prevEl:prevBtn}});else{const mediaSlider=new Swiper(slider,{allowTouchMove:!1,slidesPerView:"auto",speed:1500,on:{init(){mediaSliderAll.push(this)},slideChange(){playVideo(this)}}})}}),mediaSliderFirst.on("slideChange",function(){mediaSliderAll.forEach((slider,index)=>{slider.slides[mediaSliderFirst.activeIndex]&&setTimeout(()=>{slider.slideTo(mediaSliderFirst.activeIndex)},(index+1)*300)}),playVideo(mediaSliderFirst)})}})},initSlidersMobile=()=>{document.querySelectorAll(".media-slideshow-section").forEach(section=>{const mediaSlider=section.querySelector(".media-slideshow__slider_mobile:not(.swiper-initialized)"),pagination2=section.querySelector(".media-slideshow__wrapper_mobile .swiper-pagination");if(mediaSlider){const duration=Number(mediaSlider.getAttribute("data-duration")),mediaSliderSwiper=new Swiper(mediaSlider,{slidesPerView:1,speed:700,allowTouchMove:!0,watchSlidesProgress:!0,focusableElements:"input, select, option, textarea, label",pagination:{el:pagination2,type:"bullets",clickable:!0,renderBullet:function(index,className){return'<span class="'+className+'"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><circle class="circle" style="animation-duration: '+duration+'s" cx="8" cy="8" r="7" stroke="currentColor"/></svg></span>'}}});mediaSliderSwiper.on("slideChange",function(){playVideo(mediaSliderSwiper)})}})},destroySlidersDesktop=()=>{document.querySelectorAll(".media-slideshow__slider").forEach(slider=>{slider.swiper&&(stopVideo(slider.swiper),slider.swiper.destroy())})},destroySlidersMobile=()=>{document.querySelectorAll(".media-slideshow__slider_mobile").forEach(slider=>{slider.swiper&&(stopVideo(slider.swiper),slider.swiper.destroy())})},initSection=()=>{const sections=document.querySelectorAll(".media-slideshow-section"),sectionResizeObserver=new ResizeObserver(entries=>{const[entry]=entries;let mediaSliders=entry.target.querySelectorAll(".media-slideshow__slider");entry.contentRect.width<750&&!mediaSliders[0].classList.contains("media-slideshow__slider_full")&&!mediaSliders[0].classList.contains("media-slideshow__slider_split")?(mediaSliders=entry.target.querySelectorAll(".media-slideshow__slider_mobile"),destroySlidersDesktop(),initSlidersMobile(),mediaSliders.forEach(slider=>{slider.swiper?playVideo(slider.swiper):playVideo(slider)})):(mediaSliders=entry.target.querySelectorAll(".media-slideshow__slider"),pagination=entry.target.querySelector(".media-slideshow__wrapper .swiper-pagination"),!mediaSliders[0].classList.contains("media-slideshow__slider_full")&&!mediaSliders[0].classList.contains("media-slideshow__slider_split")&&destroySlidersMobile(),initSliders(),mediaSliders&&mediaSliders.forEach(slider=>{slider.swiper?playVideo(slider.swiper):playVideo(slider)}))}),sectionObserver=new IntersectionObserver(entries=>{entries.forEach(entry=>{let mediaSliders=entry.target.querySelectorAll(".media-slideshow__slider");entry.boundingClientRect.width<750&&entry.target.querySelectorAll(".media-slideshow__slider_mobile").length>0&&(mediaSliders=entry.target.querySelectorAll(".media-slideshow__slider_mobile")),entry.isIntersecting?mediaSliders.forEach(slider=>{slider.swiper?playVideo(slider.swiper):playVideo(slider)}):mediaSliders.forEach(slider=>{slider.swiper&&stopVideo(slider.swiper)})})});sections.forEach(section=>{sectionResizeObserver.observe(section),sectionObserver.observe(section)})};initSection(),controlsVideo(),document.addEventListener("shopify:section:load",function(){initSection(),controlsVideo()}),window.addEventListener("focus",event=>{document.querySelectorAll(".media-slideshow-section").forEach(section=>{let mediaSliders=section.querySelectorAll(".media-slideshow__slider");document.documentElement.clientWidth<750&&section.querySelectorAll(".media-slideshow__slider_mobile").length>0&&(mediaSliders=section.querySelectorAll(".media-slideshow__slider_mobile")),mediaSliders.forEach(slider=>{slider.swiper?playVideo(slider.swiper):playVideo(slider)})})}),window.addEventListener("blur",event=>{document.querySelectorAll(".media-slideshow-section").forEach(section=>{let mediaSliders=section.querySelectorAll(".media-slideshow__slider");document.documentElement.clientWidth<750&&section.querySelectorAll(".media-slideshow__slider_mobile").length>0&&(mediaSliders=section.querySelectorAll(".media-slideshow__slider_mobile")),mediaSliders.forEach(slider=>{slider.swiper&&stopVideo(slider.swiper)})})})})();
//# sourceMappingURL=/cdn/shop/t/3/assets/media-slideshow.js.map?v=5717488337695861691714460220