1customElements.get("blocky-video")||customElements.define("blocky-video",class extends HTMLElement{constructor(){if(super(),this.video=this.querySelector("video"),this.video&&(this.video.addEventListener("waiting",e=>{e.target.currentTime>0&&this.showSpinner()}),this.video.addEventListener("playing",this.hideSpinner.bind(this)),this.video.addEventListener("canplaythrough",this.hideSpinner.bind(this)),this.video.addEventListener("error",this.hideSpinner.bind(this))),this.classList.contains("blocky-video-manual"))this.video.addEventListener("click",e=>this.onClick()),this.querySelector(".blocky-video-play-button").addEventListener("click",e=>this.onClick());else{if("IntersectionObserver"in window)this.observer=new IntersectionObserver(this.handleIntersection.bind(this),{root:null,rootMargin:"0px",threshold:.05}),this.observer.observe(this);else{for(const source of this.video.querySelectorAll("source[data-src]"))source.setAttribute("src",source.getAttribute("data-src")),source.removeAttribute("data-src");this.video.load()}this.video.addEventListener("pause",event=>{event.target.paused&&event.target.play()}),this.video.addEventListener("canplay",event=>{event.target.paused&&event.target.play()})}}handleIntersection(entries){entries.forEach(entry=>{if(entry.isIntersecting){for(const source of this.video.querySelectorAll("source[data-src]"))source.setAttribute("src",source.getAttribute("data-src")),source.removeAttribute("data-src");this.video.load(),this.video.play(),this.observer.disconnect()}})}onClick(){const button=this.querySelector(".blocky-video-play-button");this.video.paused==!0?(this.showSpinner(),this.video.play().then(()=>{this.hideSpinner()}).catch(error=>{this.hideSpinner()}),this.video.classList.add("blocky-video-playing"),button.classList.add("blocky-hidden")):(this.video.pause(),this.video.classList.remove("blocky-video-playing"),button.classList.remove("blocky-hidden"))}showSpinner(){this.video.classList.add("loading")}hideSpinner(){this.video.classList.remove("loading")}}); 2//# sourceMappingURL=/cdn/shop/t/4/assets/blocky-video.js.map?v=128209419382121399391787531265
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.