1import inView from"vendor.in-view";export default class extends HTMLElement{constructor(){super(),this.player=null,this.pausedByUser=!1,this.playingWhenLastViewed=!1}connectedCallback(){this.hasAttribute("defer-hydration")||this.hydrate()}async hydrate(){const playerTarget=this.getPlayerTarget(),handler={get:(target,prop)=>async()=>{const resolvedTarget=await target;this.playerHandler(resolvedTarget,prop)}};this.player=new Proxy(playerTarget,handler),this.setupInViewHandler()}setupInViewHandler(){inView(this,()=>((this.autoplay&&!this.pausedByUser||this.playingWhenLastViewed)&&this.play(),()=>{this.playingWhenLastViewed=this.playing,this.pause()}))}static get observedAttributes(){return["defer-hydration","playing"]}attributeChangedCallback(name,oldValue,newValue){name==="defer-hydration"&&newValue===null?this.hydrate():name==="playing"&&this.handlePlayingAttributeChange(oldValue,newValue)}handlePlayingAttributeChange(oldValue,newValue){oldValue===null&&newValue===""?this.dispatchEvent(new CustomEvent("media:play",{bubbles:!0})):newValue===null&&this.dispatchEvent(new CustomEvent("media:pause",{bubbles:!0}))}play(){this.pausedByUser=!1,!this.playing&&(this.player.play(),this.playingWhenLastViewed=!0)}pause(){this.pausedByUser=!0,this.playing&&this.player.pause()}getPlayerTarget(){throw new Error("getPlayerTarget must be implemented in a subclass")}playerHandler(target,prop){throw new Error("playerHandler must be implemented in a subclass")}get playing(){return this.hasAttribute("playing")}get autoplay(){return this.hasAttribute("autoplay")}} 2//# sourceMappingURL=/cdn/shop/t/25/assets/element.base-media.js.map?v=61305152781971747521783526239
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.