https://quitwithjones.com/cdn/shop/t/199/assets/Video.01ba7c5e.min.js?v=9749893736519328421783958583

1class a extends HTMLElement{constructor(s){super(),this.element=this,this.video=this.element.querySelector("video"),this.bindings()}bindings(){var s,i,e,n,t,o;this.playBtn=this.element.querySelector(".btn-play-pause"),this.muteBtn=this.element.querySelector(".btn-mute"),this.playIcon=(s=this.playBtn)==null?void 0:s.querySelector(".play"),this.pauseIcon=(i=this.playBtn)==null?void 0:i.querySelector(".pause"),this.muteIcon=(e=this.muteBtn)==null?void 0:e.querySelector(".mute"),this.unmuteIcon=(n=this.muteBtn)==null?void 0:n.querySelector(".unmute"),(t=this.playBtn)==null||t.addEventListener("click",this.togglePlay.bind(this)),(o=this.muteBtn)==null||o.addEventListener("click",this.toggleMute.bind(this)),this.video.classList.contains("lazy")&&(this.observer=new IntersectionObserver(this.observe.bind(this),{rootMargin:"150px 0px 150px 0px"}),this.observer.observe(this.video))}observe(s,i){s.forEach(function(e){if(e.isIntersecting){for(let n in e.target.children){let t=e.target.children[n];typeof t.tagName=="string"&&t.tagName==="SOURCE"&&t.classList.contains("lazy")&&(t.src=t.dataset.src)}e.target.load(),e.target.classList.remove("lazy"),i.unobserve(e.target)}})}setButtonState(){this.pauseIcon&&(this.video.paused?(this.pauseIcon.classList.add("hidden"),this.playIcon.classList.remove("hidden")):(this.pauseIcon.classList.remove("hidden"),this.playIcon.classList.add("hidden"))),this.unmuteIcon&&(this.video.muted?(this.muteIcon.classList.add("hidden"),this.unmuteIcon.classList.remove("hidden")):(this.muteIcon.classList.remove("hidden"),this.unmuteIcon.classList.add("hidden")))}togglePlay(){this.video.paused?this.video.play():this.video.pause(),this.setButtonState()}toggleMute(){this.video.muted?this.video.muted=!1:this.video.muted=!0,this.setButtonState()}}customElements.define("video-element",a);
2//# sourceMappingURL=Video.01ba7c5e.min.js.map