1if(typeof VideoComponent!="function"){class VideoComponent2 extends HTMLElement{constructor(){super(),this.observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{entry.isIntersecting?this.onEnterViewport():this.onExitViewport()})},{threshold:[0,1]}),this.observer.observe(this),this.querySelector("[data-js-video-component-link]").addEventListener("click",e=>{e.preventDefault(),this.loadVideoTemplate()})}loadVideoTemplate(){const blackout=document.createElement("div");blackout.classList.add("video-component__blackout"),this.append(blackout),setTimeout(()=>{blackout.style.opacity="1"},10),this.classList.add("video-opened"),this.querySelector("[data-js-video-component-close]")&&this.querySelector("[data-js-video-component-close]").addEventListener("click",()=>{this.querySelectorAll("iframe, video").forEach(elm=>{elm.remove()}),blackout.remove(),this.classList.remove("video-opened")}),setTimeout(()=>{this.querySelector("[data-js-video-component-container]").appendChild(this.querySelector("template").content.firstElementChild.cloneNode(!0)),setTimeout(()=>{this._playMedia(this.closest("[data-video]"))},this.dataset.autoplay==="true"?1:500),this.dataset.autoplay==="true"&&(this.querySelector("video")?this.querySelector("video").addEventListener("canplay",()=>{this.classList.add("video-playing")}):this.classList.add("video-playing"))},20)}onEnterViewport(){this.dataset.autoplay==="true"&&!this.classList.contains("video-opened")&&this.querySelector("[data-js-video-component-link]")&&this.loadVideoTemplate();const media=this.closest("[data-video]");media&&this._playMedia(media)}onExitViewport(){const media=this.closest("[data-video]");media&&this._pauseMedia(media)}_playMedia(media){switch(media.dataset.mediaType){case"video":media.querySelector("video")&&media.querySelector("video").play().catch(error=>{this.classList.add("video-playing")});break;case"youtube":media.querySelector(".js-youtube")&&media.querySelector(".js-youtube").contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*");break;case"vimeo":media.querySelector(".js-vimeo")&&media.querySelector(".js-vimeo").contentWindow.postMessage('{"method":"play"}',"*");break}}_pauseMedia(media){switch(media.dataset.mediaType){case"video":media.querySelector("video")&&media.querySelector("video").pause();break;case"youtube":media.querySelector(".js-youtube")&&media.querySelector(".js-youtube").contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*");break;case"vimeo":media.querySelector(".js-vimeo")&&media.querySelector(".js-vimeo").contentWindow.postMessage('{"method":"pause"}',"*");break}}}typeof customElements.get("video-component")>"u"&&customElements.define("video-component",VideoComponent2)} 2//# sourceMappingURL=/cdn/shop/t/98/assets/component-video.js.map?v=74773436142964840401782478115
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.