1customElements.get("video-controls")||customElements.define("video-controls",class extends HTMLElement{constructor(){super()}connectedCallback(){this.video=this.querySelector("video"),this.hasVideoClickToggle=this.dataset.videoClick!=="false",this.productsContainer=this.querySelector(".shoppable-video__products"),this.controlButton=this.querySelector(".shoppable-video__control-button"),this.muteButton=this.querySelector(".wt-hero-video__sound-toggle"),this.togglePlayPause=this.togglePlayPause.bind(this),this.toggleVideoIcon=this.toggleVideoIcon.bind(this),this.toggleMute=this.toggleMute.bind(this),this.addEventListeners(),this.controlButton&&this.video&&this.toggleVideoIcon()}addEventListeners(){this.controlButton&&this.controlButton.addEventListener("click",this.togglePlayPause),this.muteButton&&this.muteButton.addEventListener("click",this.toggleMute),this.video&&this.hasVideoClickToggle&&this.video.addEventListener("click",this.togglePlayPause),this.controlButton&&this.video&&(this.video.addEventListener("play",this.toggleVideoIcon),this.video.addEventListener("pause",this.toggleVideoIcon))}removeEventListeners(){this.controlButton&&this.controlButton.removeEventListener("click",this.togglePlayPause),this.muteButton&&this.muteButton.removeEventListener("click",this.toggleMute),this.video&&this.hasVideoClickToggle&&this.video.removeEventListener("click",this.togglePlayPause),this.controlButton&&this.video&&(this.video.removeEventListener("play",this.toggleVideoIcon),this.video.removeEventListener("pause",this.toggleVideoIcon))}toggleVideoIcon(){const isPlaying=!this.video.paused;this.controlButton.classList.toggle("shoppable-video__control-button--play",isPlaying),this.controlButton.classList.toggle("shoppable-video__control-button--pause",!isPlaying)}togglePlayPause(e){e.preventDefault(),e.stopPropagation();const videoElement=this.video;videoElement&&(videoElement.paused||videoElement.ended?(videoElement.play(),this.controlButton?.setAttribute("aria-pressed","true")):(videoElement.pause(),this.controlButton?.setAttribute("aria-pressed","false")))}toggleMute(e){e.preventDefault(),e.stopPropagation();const video=this.video;video&&(video.muted=!video.muted,this.muteButton.setAttribute("data-sound",video.muted?"off":"on"),this.muteButton.setAttribute("aria-pressed",video.muted?"false":"true"),this.muteButton.classList.toggle("wt-hero-video__sound-toggle--unmuted",!video.muted))}disconnectedCallback(){this.removeEventListeners()}}); 2//# sourceMappingURL=/cdn/shop/t/9/assets/video-controls.js.map?v=59949268815637403971781628348
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.