1import{Component}from"@theme/component";import{mediaHoverFine,prefersReducedMotion}from"@theme/utilities";class VideoCard extends Component{#abortController=null;#hoverIntentTimer=null;connectedCallback(){if(super.connectedCallback(),prefersReducedMotion()||!mediaHoverFine())return;this.#abortController=new AbortController;const{signal}=this.#abortController;this.addEventListener("mouseenter",this.#onEnter,{signal}),this.addEventListener("mouseleave",this.#onLeave,{signal}),this.addEventListener("focusin",this.#onEnter,{signal}),this.addEventListener("focusout",this.#onFocusOut,{signal})}disconnectedCallback(){super.disconnectedCallback(),this.#abortController?.abort(),this.#abortController=null,this.#clearHoverIntent()}get deferredMedia(){return this.querySelector("deferred-media")}get content(){return this.querySelector(".video-card__content")}#clearHoverIntent(){this.#hoverIntentTimer&&(window.clearTimeout(this.#hoverIntentTimer),this.#hoverIntentTimer=null)}#onEnter=()=>{this.#clearHoverIntent(),this.#hoverIntentTimer=window.setTimeout(()=>{this.#setActive(!0),this.#play()},120)};#onLeave=()=>{this.#clearHoverIntent(),this.#setActive(!1),this.#pause()};#onFocusOut=event=>{const next=event.relatedTarget;next instanceof HTMLElement&&this.contains(next)||this.#onLeave()};#setActive(isActive){this.classList.toggle("is-hovering",isActive),this.content?.classList.toggle("is-hidden",isActive)}async#play(){const dm=this.deferredMedia;if(dm){if(!dm.hasAttribute("data-media-loaded")){await dm.showDeferredMedia?.();return}await dm.playMedia?.()}}#pause(){const dm=this.deferredMedia;dm&&dm.pauseMedia?.()}}customElements.get("video-card")||customElements.define("video-card",VideoCard); 2//# sourceMappingURL=/cdn/shop/t/22/assets/video-card.js.map?v=132839843234219705501779095061
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.