const modalOverlay=document.querySelector(".modal-overlay"),videoModal=document.querySelector(".video-modal"),video=videoModal.querySelector("video"),playButtons=document.querySelectorAll(".video-modal-play"),closeButtons=document.querySelectorAll(".video-modal-close"),externalVideoPoster=document.querySelector(".styling-video-poster"),externalVideoContainer=document.querySelector(".styling-video-external"),externalVideoPlayButton=document.querySelector(".play-button"),vimeoIFrame=document.querySelector("#vimeo-video-player-styling"),vimeoPlayer=vimeoIFrame&&new Vimeo.Player(vimeoIFrame),toggleModalVisibility=isVisible=>{videoModal.classList.toggle("hidden",!isVisible),modalOverlay.classList.toggle("hidden",!isVisible)},openVideoModal=e=>{e.preventDefault(),toggleModalVisibility(!0),modalOverlay.addEventListener("click",closeVideoModal)},closeVideoModal=()=>{video&&video.pause(),vimeoPlayer&&vimeoPlayer.pause(),toggleModalVisibility(!1),modalOverlay.removeEventListener("click",closeVideoModal)},handleKeyboardEvent=(e,callback)=>{(e.key==="Enter"||e.key===" ")&&callback(e)};playButtons.forEach(button=>{window.matchMedia("(min-width: 768px)").matches&&button.addEventListener("click",openVideoModal),button.addEventListener("keydown",e=>handleKeyboardEvent(e,openVideoModal))}),closeButtons.forEach(button=>{button.addEventListener("click",closeVideoModal),button.addEventListener("keydown",e=>handleKeyboardEvent(e,closeVideoModal))}),modalOverlay.addEventListener("click",closeVideoModal);const showExternalVideo=()=>{externalVideoContainer.classList.remove("hidden"),externalVideoPoster.classList.add("hidden")};externalVideoContainer&&externalVideoPlayButton.addEventListener("click",showExternalVideo),window.addEventListener("resize",()=>{const isDesktop=window.matchMedia("(min-width:768px)").matches,desktopStylingVideoContainer=document.getElementById("styling-video-container");isDesktop?desktopStylingVideoContainer.classList.remove("hidden"):desktopStylingVideoContainer.classList.add("hidden")}),video&&video.addEventListener("ended",function(){this.play()});
//# sourceMappingURL=/cdn/shop/t/2915/assets/product--video-modal.js.map