@ktt45678/vidstack
Version:
UI component library for building high-quality, accessible video and audio experiences on the web.
1 lines • 155 kB
JavaScript
import{u as L,c as et,V as B,e as o,s as $,p as u,l as m,i as S,a as Q,b as oa,S as st,f as it,t as J,E as la,D as I,w as ca,o as x,d as It,g as Je,h as _e,j as da,k as K,m as rt,n as se,C as b,q as p,r as W,v as gt,x as ua,y as pa,z as U,A as Y,B as T,F as q,H as f,G as ie,I as Ze,J as g,K as ht,L as Ht,M as ma,N as ga,O as ts,P as ae,Q as ba,R as fa,T as ya,U as V,W as va,X as $a,Y as bt,Z as ka,_ as Ta,$ as wa,a0 as es,a1 as Sa}from"./chunks/vidstack-B1PqmCkk.js";import{c as ss,I as is,a as xa,b as Pa,d as Ea,e as Ma,f as Ca,i as Aa,g as as}from"./chunks/vidstack-BC0sXP__.js";import{T as jt,g as ns,a as Tt,u as La}from"./chunks/vidstack-BRxZ8PR0.js";import{i as N,T as G,a as Nt,w as qa,b as ne,c as Oa}from"./chunks/vidstack-BjNj-jtW.js";import{L as P}from"./chunks/vidstack-ClIUVQwo.js";import{Q as z}from"./chunks/vidstack-dclo3F73.js";import{c as re,a as _}from"./chunks/vidstack-CYZ2CtI4.js";import{c as Da,a as he,i as Ia,b as Ha,d as oe,e as le,r as D,g as ja}from"./chunks/vidstack-_YlOvjKd.js";import{p as wt,g as Rt}from"./chunks/vidstack-Ds9fx5AB.js";import{i as ce,a as ot,s as M,o as at,b as nt,r as Z,c as de,h as Na,d as rs,e as hs,f as Ra,g as os,j as ls,k as cs,l as ds}from"./chunks/vidstack-DaFtTE-M.js";import"https://cdn.vidstack.io/icons";import"https://cdn.jsdelivr.net/npm/media-captions@next/dist/prod.js";const ue=Symbol(0),Ga=["autoPlay","canAirPlay","canFullscreen","canGoogleCast","canLoad","canLoadPoster","canPictureInPicture","canPlay","canSeek","ended","fullscreen","isAirPlayConnected","isGoogleCastConnected","live","liveEdge","loop","mediaType","muted","paused","pictureInPicture","playing","playsInline","remotePlaybackState","remotePlaybackType","seeking","started","streamType","viewType","waiting"],us=et();function k(){return L(us)}function Va(n){return n instanceof HTMLAudioElement}function Fa(n){return n instanceof HTMLVideoElement}function Wa(n){return Va(n)||Fa(n)}class lt extends B{}const Ba={togglePaused:"k Space",toggleMuted:"m",toggleFullscreen:"f",togglePictureInPicture:"i",toggleCaptions:"c",seekBackward:"j J ArrowLeft",seekForward:"l L ArrowRight",volumeUp:"ArrowUp",volumeDown:"ArrowDown",speedUp:">",slowDown:"<"},Gt=new Set(["Shift","Alt","Meta","Ctrl"]),Qa='button, [role="button"]',ps='input, textarea, select, [contenteditable], [role^="menuitem"], [role="timer"]';class Ua extends lt{constructor(t){super(),this.a=t,this.Ib=null}onConnect(){o(this.ii.bind(this))}ii(){const{keyDisabled:t,keyTarget:e}=this.$props;if(t())return;const s=e()==="player"?this.el:document,i=$(!1);s===this.el?(this.listen("focusin",()=>i.set(!0)),this.listen("focusout",a=>{this.el.contains(a.target)||i.set(!1)})):(u(i)||i.set(document.querySelector("[data-media-player]")===this.el),m(document,"focusin",a=>{const r=a.composedPath().find(h=>h instanceof Element&&h.localName==="media-player");r!==void 0&&i.set(this.el===r)})),o(()=>{i()&&(m(s,"keyup",this.hc.bind(this)),m(s,"keydown",this.ic.bind(this)),m(s,"keydown",this.ji.bind(this),{capture:!0}))})}hc(t){const e=document.activeElement;if(!t.key||!this.$state.canSeek()||e?.matches(ps))return;let{method:s,value:i}=this._d(t);if(!S(i)&&!Q(i)){i?.onKeyUp?.({event:t,player:this.a.player,remote:this.a.remote}),i?.callback?.(t,this.a.remote);return}s?.startsWith("seek")&&(t.preventDefault(),t.stopPropagation(),this.Ib?(this.dg(t,s==="seekForward"),this.Ib=null):(this.a.remote.seek(this.dd,t),this.dd=void 0)),s?.startsWith("volume")&&this.el.querySelector("[data-media-volume-slider]")?.dispatchEvent(new KeyboardEvent("keyup",{key:s==="volumeUp"?"Up":"Down",shiftKey:t.shiftKey,trigger:t}))}ic(t){if(!t.key||Gt.has(t.key))return;const e=document.activeElement;if(e?.matches(ps)||oa(t)&&e?.matches(Qa))return;let{method:s,value:i}=this._d(t),a=!t.metaKey&&/^[0-9]$/.test(t.key);if(!S(i)&&!Q(i)&&!a){i?.onKeyDown?.({event:t,player:this.a.player,remote:this.a.remote}),i?.callback?.(t,this.a.remote);return}if(!s&&a){t.preventDefault(),t.stopPropagation(),this.a.remote.seek(this.$state.duration()/10*Number(t.key),t);return}if(s){switch(t.preventDefault(),t.stopPropagation(),s){case"seekForward":case"seekBackward":this.Ja(t,s,s==="seekForward");break;case"volumeUp":case"volumeDown":const r=this.el.querySelector("[data-media-volume-slider]");if(r)r.dispatchEvent(new KeyboardEvent("keydown",{key:s==="volumeUp"?"Up":"Down",shiftKey:t.shiftKey,trigger:t}));else{const l=t.shiftKey?.1:.05;this.a.remote.changeVolume(this.$state.volume()+(s==="volumeUp"?+l:-l),t)}break;case"toggleFullscreen":this.a.remote.toggleFullscreen("prefer-media",t);break;case"speedUp":case"slowDown":const h=this.$state.playbackRate();this.a.remote.changePlaybackRate(Math.max(.25,Math.min(2,h+(s==="speedUp"?.25:-.25))),t);break;default:this.a.remote[s]?.(t)}this.$state.lastKeyboardAction.set({action:s,event:t})}}ji(t){Wa(t.target)&&this._d(t).method&&t.preventDefault()}_d(t){const e={...this.$props.keyShortcuts(),...this.a.ariaKeys},s=Object.keys(e).find(i=>{const a=e[i],r=Q(a)?a.join(" "):S(a)?a:a?.keys;return(Q(r)?r:r?.split(" "))?.map(h=>Ka(h).replace(/Control/g,"Ctrl").split("+"))?.some(h=>{const l=new Set(h.filter(c=>Gt.has(c)));for(const c of Gt){const d=c.toLowerCase()+"Key";if(!l.has(c)&&t[d])return!1}return h.every(c=>Gt.has(c)?t[c.toLowerCase()+"Key"]:t.key===c.replace("Space"," "))})});return{method:s,value:s?e[s]:null}}ki(t,e){const s=t.shiftKey?10:5;return this.dd=Math.max(0,Math.min((this.dd??this.$state.currentTime())+(e==="seekForward"?+s:-s),this.$state.duration()))}dg(t,e){this.Ib?.dispatchEvent(new KeyboardEvent(t.type,{key:e?"Right":"Left",shiftKey:t.shiftKey,trigger:t}))}Ja(t,e,s){this.$state.canSeek()&&(this.Ib||(this.Ib=this.el.querySelector("[data-media-time-slider]")),this.Ib?this.dg(t,s):this.a.remote.seeking(this.ki(t,e),t))}}const Xa=["!","@","#","$","%","^","&","*","(",")"];function Ka(n){return n.replace(/Shift\+(\d)/g,(t,e)=>Xa[e-1])}const Ya={artist:"",artwork:null,autoplay:!1,autoPlay:!1,clipStartTime:0,clipEndTime:0,controls:!1,currentTime:0,crossorigin:null,crossOrigin:null,duration:-1,fullscreenOrientation:"landscape",googleCast:{},load:"visible",posterLoad:"visible",logLevel:"silent",loop:!1,muted:!1,paused:!0,playsinline:!1,playsInline:!1,playbackRate:1,poster:"",preload:"metadata",preferNativeHLS:!1,src:"",title:"",controlsDelay:2e3,hideControlsOnMouseLeave:!1,viewType:"unknown",streamType:"unknown",volume:1,liveEdgeTolerance:10,minLiveDVRWindow:60,keyDisabled:!1,keyTarget:"player",keyShortcuts:Ba,storage:null},ms=new st({artist:"",artwork:null,audioTrack:null,audioTracks:[],autoPlay:!1,autoPlayError:null,audioGain:null,buffered:new jt,canLoad:!1,canLoadPoster:!1,canFullscreen:!1,canOrientScreen:ss(),canPictureInPicture:!1,canPlay:!1,clipStartTime:0,clipEndTime:0,controls:!1,get iOSControls(){return is&&this.mediaType==="video"&&(!this.playsInline||!it.fullscreenEnabled&&this.fullscreen)},get nativeControls(){return this.controls||this.iOSControls},controlsVisible:!1,get controlsHidden(){return!this.controlsVisible},crossOrigin:null,ended:!1,error:null,fullscreen:!1,get loop(){return this.providedLoop||this.userPrefersLoop},logLevel:"silent",mediaType:"unknown",muted:!1,paused:!0,played:new jt,playing:!1,playsInline:!1,pictureInPicture:!1,preload:"metadata",playbackRate:1,qualities:[],quality:null,autoQuality:!1,canSetQuality:!0,canSetPlaybackRate:!0,canSetVolume:!1,canSetAudioGain:!1,seekable:new jt,seeking:!1,source:{src:"",type:""},sources:[],started:!1,textTracks:[],textTrack:null,get hasCaptions(){return this.textTracks.filter(N).length>0},volume:1,waiting:!1,realCurrentTime:0,get currentTime(){return this.ended?this.duration:this.clipStartTime>0?Math.max(0,Math.min(this.realCurrentTime-this.clipStartTime,this.duration)):this.realCurrentTime},providedDuration:-1,intrinsicDuration:0,get realDuration(){return this.providedDuration>0?this.providedDuration:this.intrinsicDuration},get duration(){return this.clipEndTime>0?this.clipEndTime-this.clipStartTime:Math.max(0,this.realDuration-this.clipStartTime)},get title(){return this.providedTitle||this.inferredTitle},get poster(){return this.providedPoster||this.inferredPoster},get viewType(){return this.providedViewType!=="unknown"?this.providedViewType:this.inferredViewType},get streamType(){return this.providedStreamType!=="unknown"?this.providedStreamType:this.inferredStreamType},get currentSrc(){return this.source},get bufferedStart(){const n=ns(this.buffered)??0;return Math.max(0,n-this.clipStartTime)},get bufferedEnd(){const n=Tt(this.buffered)??0;return Math.min(this.duration,Math.max(0,n-this.clipStartTime))},get seekableStart(){const n=ns(this.seekable)??0;return Math.max(0,n-this.clipStartTime)},get seekableEnd(){const n=this.canPlay?Tt(this.seekable)??1/0:0;return this.clipEndTime>0?Math.max(this.clipEndTime,Math.max(0,n-this.clipStartTime)):n},get seekableWindow(){return Math.max(0,this.seekableEnd-this.seekableStart)},canAirPlay:!1,canGoogleCast:!1,remotePlaybackState:"disconnected",remotePlaybackType:"none",remotePlaybackLoader:null,remotePlaybackInfo:null,get isAirPlayConnected(){return this.remotePlaybackType==="airplay"&&this.remotePlaybackState==="connected"},get isGoogleCastConnected(){return this.remotePlaybackType==="google-cast"&&this.remotePlaybackState==="connected"},pointer:"fine",orientation:"landscape",width:0,height:0,mediaWidth:0,mediaHeight:0,lastKeyboardAction:null,userBehindLiveEdge:!1,liveEdgeTolerance:10,minLiveDVRWindow:60,get canSeek(){return/unknown|on-demand|:dvr/.test(this.streamType)&&Number.isFinite(this.seekableWindow)&&(!this.live||/:dvr/.test(this.streamType)&&this.seekableWindow>=this.minLiveDVRWindow)},get live(){return this.streamType.includes("live")||!Number.isFinite(this.realDuration)},get liveEdgeStart(){return this.live&&Number.isFinite(this.seekableEnd)?Math.max(0,(this.liveSyncPosition??this.seekableEnd)-this.liveEdgeTolerance):0},get liveEdge(){return this.live&&(!this.canSeek||!this.userBehindLiveEdge&&this.currentTime>=this.liveEdgeStart)},get liveEdgeWindow(){return this.live&&Number.isFinite(this.seekableEnd)?this.seekableEnd-this.liveEdgeStart:0},autoPlaying:!1,providedTitle:"",inferredTitle:"",providedLoop:!1,userPrefersLoop:!1,providedPoster:"",inferredPoster:"",inferredViewType:"unknown",providedViewType:"unknown",providedStreamType:"unknown",inferredStreamType:"unknown",liveSyncPosition:null,savedState:null}),gs=new Set(["autoPlayError","autoPlaying","buffered","canPlay","error","paused","played","playing","seekable","seeking","waiting"]),za=new Set([...gs,"ended","inferredPoster","inferredStreamType","inferredTitle","intrinsicDuration","liveSyncPosition","realCurrentTime","savedState","started","userBehindLiveEdge"]);function bs(n,t=!1){const e=t?gs:za;ms.reset(n,s=>e.has(s)),J()}var fs;class ys extends la{constructor(){super(...arguments),this.A=[],this[fs]=!1}get length(){return this.A.length}get readonly(){return this[P.Yc]}indexOf(t){return this.A.indexOf(t)}getById(t){return t===""?null:this.A.find(e=>e.id===t)??null}toArray(){return[...this.A]}[(fs=P.Yc,Symbol.iterator)](){return this.A.values()}[P.da](t,e){const s=this.A.length;""+s in this||Object.defineProperty(this,s,{get(){return this.A[s]}}),!this.A.includes(t)&&(this.A.push(t),this.dispatchEvent(new I("add",{detail:t,trigger:e})))}[P.cc](t,e){const s=this.A.indexOf(t);s>=0&&(this[P.Hf]?.(t,e),this.A.splice(s,1),this.dispatchEvent(new I("remove",{detail:t,trigger:e})))}[P.z](t){for(const e of[...this.A])this[P.cc](e,t);this.A=[],this[P.Od](!1,t),this[P.Gf]?.()}[P.Od](t,e){this[P.Yc]!==t&&(this[P.Yc]=t,this.dispatchEvent(new I("readonly-change",{detail:t,trigger:e})))}}const St=Symbol(0);class vs extends ys{get selected(){return this.A.find(t=>t.selected)??null}get selectedIndex(){return this.A.findIndex(t=>t.selected)}[P.Hf](t,e){this[P.ea](t,!1,e)}[P.da](t,e){t[St]=!1,Object.defineProperty(t,"selected",{get(){return this[St]},set:s=>{this.readonly||(this[P.If]?.(),this[P.ea](t,s))}}),super[P.da](t,e)}[P.ea](t,e,s){if(e===t?.[St])return;const i=this.selected;t&&(t[St]=e),(e?i!==t:i===t)&&(i&&(i[St]=!1),this.dispatchEvent(new I("change",{detail:{prev:i,current:this.selected},trigger:s})))}}class Ja extends vs{constructor(){super(...arguments),this.cd=!1,this.switch="current"}get auto(){return this.cd||this.readonly}[P.If](){this[z.Wa](!1)}[P.Gf](t){this[z.Ia]=void 0,this[z.Wa](!1,t)}autoSelect(t){this.readonly||this.cd||!this[z.Ia]||(this[z.Ia]?.(t),this[z.Wa](!0,t))}getBySrc(t){return this.A.find(e=>e.src===t)}[z.Wa](t,e){this.cd!==t&&(this.cd=t,this.dispatchEvent(new I("auto-change",{detail:t,trigger:e})))}}class $s extends lt{constructor(t,e){super(),this.la=t,this.La=e}async onAttach(t){const e=this.$props[this.la]();if(e==="eager")requestAnimationFrame(this.La);else if(e==="idle")ca(this.La);else if(e==="visible"){let s,i=new IntersectionObserver(a=>{this.scope&&a[0].isIntersecting&&(s?.(),s=void 0,this.La())});i.observe(t),s=x(()=>i.disconnect())}}}class _a{constructor(t,e){this.V=t,this.a=e,this.c=(s,...i)=>{this.V(new I(s,{detail:i?.[0],trigger:i?.[1]}))}}async Ga(t,e){return It(async()=>{this.a;const{autoPlay:s,canPlay:i,started:a,duration:r,seekable:h,buffered:l,remotePlaybackInfo:c,playsInline:d,savedState:y,source:w}=this.a.$state;if(i())return;const v={duration:t?.duration??r(),seekable:t?.seekable??h(),buffered:t?.buffered??l(),provider:this.a.$provider()};this.c("can-play",v,e),J();let E=this.a.$provider(),{storage:j,qualities:Ot}=this.a,{muted:sa,volume:ia,clipStartTime:aa,playbackRate:na}=this.a.$props;await j?.onLoad?.(w());const ra=y()?.currentTime,Xe=y()?.paused,ee=await j?.getTime(),Ke=ra??ee??aa(),ha=Xe||Xe!==!1&&!a()&&s();if(E){E.setVolume(await j?.getVolume()??ia()),E.setMuted(sa()||!!await j?.getMuted());const mt=await j?.getAudioGain()??1;mt>1&&E.audioGain?.setGain?.(mt),E.setPlaybackRate?.(await j?.getPlaybackRate()??na()),E.setPlaysInline?.(d()),Ke>0&&E.setCurrentTime(Ke)}const kt=await j?.getVideoQuality();if(kt&&Ot.length){let mt=null,Ye=1/0;for(const Dt of Ot){const ze=Math.abs(kt.width-Dt.width)+Math.abs(kt.height-Dt.height)+(kt.bitrate?Math.abs(kt.bitrate-(Dt.bitrate??0)):0);ze<Ye&&(mt=Dt,Ye=ze)}mt&&(mt.selected=!0)}i()&&ha?await this.kj(e):ee&&ee>0&&this.c("started",void 0,e),c.set(null)})}async kj(t){const{player:e,$state:{autoPlaying:s,muted:i}}=this.a;s.set(!0);const a=new I("auto-play-attempt",{trigger:t});try{await e.play(a)}catch{}}}const pe=it.fullscreenEnabled;class Za extends B{constructor(){super(...arguments),this.dc=!1,this.Pd=!1}get active(){return this.Pd}get supported(){return pe}onConnect(){m(it,"fullscreenchange",this.E.bind(this)),m(it,"fullscreenerror",this.Q.bind(this)),x(this.Fa.bind(this))}async Fa(){pe&&await this.exit()}E(t){const e=me(this.el);e!==this.Pd&&(e||(this.dc=!1),this.Pd=e,this.dispatch("fullscreen-change",{detail:e,trigger:t}))}Q(t){this.dc&&(this.dispatch("fullscreen-error",{detail:null,trigger:t}),this.dc=!1)}async enter(){try{return this.dc=!0,!this.el||me(this.el)?void 0:(ks(),it.requestFullscreen(this.el))}catch(t){throw this.dc=!1,t}}async exit(){if(!(!this.el||!me(this.el)))return ks(),it.exitFullscreen()}}function me(n){if(it.fullscreenElement===n)return!0;try{return n.matches(it.fullscreenPseudoClass)}catch{return!1}}function ks(){if(!pe)throw Error("[vidstack] no fullscreen API")}const Ts=class _i extends B{constructor(){super(...arguments),this.la=$(this.Jf()),this.Cb=$(!1)}get type(){return this.la()}get locked(){return this.Cb()}get portrait(){return this.la().startsWith("portrait")}get landscape(){return this.la().startsWith("landscape")}get supported(){return _i.supported}onConnect(){if(this.supported)m(screen.orientation,"change",this.Kf.bind(this));else{const t=window.matchMedia("(orientation: landscape)");t.onchange=this.Kf.bind(this),x(()=>t.onchange=null)}x(this.Fa.bind(this))}async Fa(){this.supported&&this.Cb()&&await this.unlock()}Kf(t){this.la.set(this.Jf()),this.dispatch("orientation-change",{detail:{orientation:u(this.la),lock:this._c},trigger:t})}async lock(t){u(this.Cb)||this._c===t||(this.Lf(),await screen.orientation.lock(t),this.Cb.set(!0),this._c=t)}async unlock(){u(this.Cb)&&(this.Lf(),this._c=void 0,await screen.orientation.unlock(),this.Cb.set(!1))}Lf(){if(!this.supported)throw Error("[vidstack] no orientation API")}Jf(){return this.supported?window.screen.orientation.type:window.innerWidth>=window.innerHeight?"landscape-primary":"portrait-primary"}};Ts.supported=ss();let ws=Ts;class tn{constructor(){this.i=new Map}k(t,e){this.i.set(t,e)}xe(t){const e=this.rg(t);return this.i.delete(t),e}rg(t){return this.i.get(t)}ub(t){this.i.delete(t)}Pm(){this.i.clear()}}class Ss{constructor(){this.wc=!1,this.ye=Je(),this.i=new Map}get Qm(){return this.i.size}get Rm(){return this.wc}async Sm(){this.wc||await this.ye.promise}k(t,e){if(this.wc){e();return}this.i.delete(t),this.i.set(t,e)}xe(t){this.i.get(t)?.(),this.i.delete(t)}Xa(){this.sg(),this.wc=!0,this.i.size>0&&this.sg()}$(){this.wc=!1}z(){this.$(),this.i.clear(),this.tg()}sg(){for(const t of this.i.keys())this.xe(t);this.tg()}tg(){this.ye.resolve(),this.ye=Je()}}class en extends lt{constructor(){super(...arguments),this.Sd=-2,this.Gb=!1,this.Sf=$(!1),this.Td=$(!1),this.ec=null,this.Ud=$(!0),this.defaultDelay=2e3}get canIdle(){return this.Ud()}set canIdle(t){this.Ud.set(t)}get hideOnMouseLeave(){const{hideControlsOnMouseLeave:t}=this.$props;return this.Sf()||t()}set hideOnMouseLeave(t){this.Sf.set(t)}get showing(){return this.$state.controlsVisible()}show(t=0,e){this.Vd(),this.Gb||this.ad(!0,t,e)}hide(t=this.defaultDelay,e){this.Vd(),this.Gb||this.ad(!1,t,e)}pause(t){this.Gb=!0,this.Vd(),this.ad(!0,0,t)}resume(t){this.Gb=!1,!this.$state.paused()&&this.ad(!1,this.defaultDelay,t)}onConnect(){o(this.Hb.bind(this))}Hb(){const{viewType:t}=this.$state;if(!this.Ud())return;if(t()==="audio"){this.show();return}o(this.$h.bind(this)),o(this.fc.bind(this));const e=this.gc.bind(this),s=this.ib.bind(this);this.listen("can-play",i=>this.show(0,i)),this.listen("play",e),this.listen("pause",s),this.listen("auto-play-fail",s)}$h(){const{started:t,pointer:e,paused:s}=this.$state;if(!t()||e()!=="fine")return;const i=this.hideOnMouseLeave;(!i||!this.Td())&&o(()=>{s()||this.listen("pointermove",this.Tf.bind(this))}),i&&(this.listen("mouseenter",this.ai.bind(this)),this.listen("mouseleave",this.bi.bind(this)))}fc(){const{paused:t,started:e,autoPlayError:s}=this.$state;if(t()||s()&&!e())return;const i=this.Tf.bind(this);o(()=>{const a=this.$state.pointer(),r=a==="coarse",h=[r?"touchend":"pointerup","keydown"];for(const l of h)this.listen(l,i,{passive:!1})})}gc(t){this.show(0,t),this.hide(void 0,t)}ib(t){this.show(0,t)}ai(t){this.Td.set(!1),this.show(0,t),this.hide(void 0,t)}bi(t){this.Td.set(!0),this.hide(0,t)}Vd(){window.clearTimeout(this.Sd),this.Sd=-1}Tf(t){t.MEDIA_GESTURE||this.Gb||ce(t)||(_e(t)&&(t.key==="Escape"?(this.el?.focus(),this.ec=null):this.ec&&(t.preventDefault(),requestAnimationFrame(()=>{this.ec?.focus(),this.ec=null}))),this.show(0,t),this.hide(this.defaultDelay,t))}ad(t,e,s){if(e===0){this.E(t,s);return}this.Sd=window.setTimeout(()=>{this.scope&&this.E(t&&!this.Gb,s)},e)}E(t,e){this.$state.controlsVisible()!==t&&(this.$state.controlsVisible.set(t),!t&&document.activeElement&&this.el?.contains(document.activeElement)&&(this.ec=document.activeElement,requestAnimationFrame(()=>{this.el?.focus({preventScroll:!0})})),this.dispatch("controls-change",{detail:t,trigger:e}))}}class sn extends lt{constructor(t,e,s){super(),this.Ba=t,this.g=e,this.a=s,this.zc=new Ss,this.Fe=!1,this.C=s.$provider,this.yc=new en,this.pd=new Za,this.bb=new ws}onAttach(){this.listen("fullscreen-change",this.Qd.bind(this))}onConnect(){const t=Object.getOwnPropertyNames(Object.getPrototypeOf(this)),e=this.Hj.bind(this);for(const s of t)s.startsWith("media-")&&this.listen(s,e);this.Ij(),o(this.Jj.bind(this)),o(this.Kj.bind(this)),o(this.Lj.bind(this)),o(this.Mj.bind(this)),o(this.Nj.bind(this)),o(this.Oj.bind(this)),o(this.Pj.bind(this))}onDestroy(){try{const t=this.createEvent("destroy"),{pictureInPicture:e,fullscreen:s}=this.$state;s()&&this.Lg("prefer-media",t),e()&&this.Ge(t)}catch{}this.zc.z()}Ij(){const{load:t}=this.$props,{canLoad:e}=this.$state;if(t()!=="play"||e())return;const s=this.listen("media-play-request",i=>{this.Gg(i),s()})}Jj(){const t=this.C(),e=this.$state.canPlay();return t&&e&&this.zc.Xa(),()=>{this.zc.$()}}Hj(t){t.stopPropagation(),!t.defaultPrevented&&this[t.type]&&(u(this.C)?this[t.type](t):this.zc.k(t.type,()=>{u(this.C)&&this[t.type](t)}))}async Ac(t){const{canPlay:e,paused:s,autoPlaying:i}=this.$state;if(this.Gg(t)||!u(s))return;t&&this.g.i.k("media-play-request",t);const a=u(i);try{const r=u(this.C);return ge(r,u(e)),await r.play()}catch(r){const h=this.createEvent("play-fail",{detail:re(r),trigger:t});throw h.autoPlay=a,this.Ba.V(h),r}}Gg(t){const{load:e}=this.$props,{canLoad:s}=this.$state;if(e()==="play"&&!s()){const i=this.createEvent("media-start-loading",{trigger:t});return this.dispatchEvent(i),this.zc.k("media-play-request",async()=>{try{await this.Ac(i)}catch{}}),!0}return!1}async Ee(t){const{canPlay:e,paused:s}=this.$state;if(!u(s)){t&&this.g.i.k("media-pause-request",t);try{const i=u(this.C);return ge(i,u(e)),await i.pause()}catch(i){throw this.g.i.ub("media-pause-request"),i}}}Hg(t,e){const{audioGain:s,canSetAudioGain:i}=this.$state;if(s()===t)return;const a=this.C();if(!a?.audioGain||!i())throw Error("[vidstack] audio gain api not available");e&&this.g.i.k("media-audio-gain-change-request",e),a.audioGain.setGain(t)}Ig(t){const{canPlay:e,live:s,liveEdge:i,canSeek:a,liveSyncPosition:r,seekableEnd:h,userBehindLiveEdge:l}=this.$state;if(l.set(!1),u(()=>!s()||i()||!a()))return;const c=u(this.C);ge(c,u(e)),t&&this.g.i.k("media-seek-request",t);const d=h()-2;c.setCurrentTime(Math.min(d,r()??d))}async Jg(t="prefer-media",e){const s=this.Kg(t);if(xs(t,s),!s.active)return u(this.$state.pictureInPicture)&&(this.Fe=!0,await this.Ge(e)),e&&this.g.i.k("media-enter-fullscreen-request",e),s.enter()}async Lg(t="prefer-media",e){const s=this.Kg(t);if(xs(t,s),!!s.active){e&&this.g.i.k("media-exit-fullscreen-request",e);try{const i=await s.exit();return this.Fe&&u(this.$state.canPictureInPicture)&&await this.He(),i}finally{this.Fe=!1}}}Kg(t){const e=u(this.C);return t==="prefer-media"&&this.pd.supported||t==="media"?this.pd:e?.fullscreen}async He(t){if(this.Mg(),!this.$state.pictureInPicture())return t&&this.g.i.k("media-enter-pip-request",t),await this.C().pictureInPicture.enter()}async Ge(t){if(this.Mg(),!!this.$state.pictureInPicture())return t&&this.g.i.k("media-exit-pip-request",t),await this.C().pictureInPicture.exit()}Mg(){if(!this.$state.canPictureInPicture())throw Error("[vidstack] no pip support")}Kj(){this.yc.defaultDelay=this.$props.controlsDelay()}Lj(){const{canSetAudioGain:t}=this.$state,e=!!this.C()?.audioGain?.supported;t.set(e)}Mj(){const{canAirPlay:t}=this.$state,e=!!this.C()?.airPlay?.supported;t.set(e)}Nj(){const{canGoogleCast:t,source:e}=this.$state,s=xa&&!Pa&&Da(e());t.set(s)}Oj(){const{canFullscreen:t}=this.$state,e=this.pd.supported||!!this.C()?.fullscreen?.supported;t.set(e)}Pj(){const{canPictureInPicture:t}=this.$state,e=!!this.C()?.pictureInPicture?.supported;t.set(e)}async"media-airplay-request"(t){try{await this.Ng(t)}catch{}}async Ng(t){try{const e=this.C()?.airPlay;if(!e?.supported)throw Error("No AirPlay adapter.");return t&&this.g.i.k("media-airplay-request",t),await e.prompt()}catch(e){throw this.g.i.ub("media-airplay-request"),e}}async"media-google-cast-request"(t){try{await this.Og(t)}catch{}}async Og(t){try{const{canGoogleCast:e}=this.$state;if(!u(e)){const i=Error("Cast not available.");throw i.code="CAST_NOT_AVAILABLE",i}if(wt("https://www.gstatic.com"),!this.qd){const i=await import("./chunks/vidstack-DZBTQKZ8.js");this.qd=new i.GoogleCastLoader}await this.qd.prompt(this.a),t&&this.g.i.k("media-google-cast-request",t);const s=u(this.$state.remotePlaybackState)!=="disconnected";s&&this.$state.savedState.set({paused:u(this.$state.paused),currentTime:u(this.$state.currentTime)}),this.$state.remotePlaybackLoader.set(s?this.qd:null)}catch(e){throw this.g.i.ub("media-google-cast-request"),e}}"media-clip-start-change-request"(t){const{clipStartTime:e}=this.$state;e.set(t.detail)}"media-clip-end-change-request"(t){const{clipEndTime:e}=this.$state;e.set(t.detail),this.dispatch("duration-change",{detail:t.detail,trigger:t})}"media-duration-change-request"(t){const{providedDuration:e,clipEndTime:s}=this.$state;e.set(t.detail),s()<=0&&this.dispatch("duration-change",{detail:t.detail,trigger:t})}"media-audio-track-change-request"(t){const{logger:e,audioTracks:s}=this.a;if(s.readonly)return;const i=t.detail,a=s[i];if(a){const r=t.type;this.g.i.k(r,t),a.selected=!0}}async"media-enter-fullscreen-request"(t){try{await this.Jg(t.detail,t)}catch(e){this.Zc(e,t)}}async"media-exit-fullscreen-request"(t){try{await this.Lg(t.detail,t)}catch(e){this.Zc(e,t)}}async Qd(t){const e=u(this.$props.fullscreenOrientation),s=t.detail;if(!(da(e)||e==="none"||!this.bb.supported))if(s){if(this.bb.locked)return;this.dispatch("media-orientation-lock-request",{detail:e,trigger:t})}else this.bb.locked&&this.dispatch("media-orientation-unlock-request",{trigger:t})}Zc(t,e){this.Ba.V(this.createEvent("fullscreen-error",{detail:re(t)}))}async"media-orientation-lock-request"(t){const e=t.type;try{this.g.i.k(e,t),await this.bb.lock(t.detail)}catch{this.g.i.ub(e)}}async"media-orientation-unlock-request"(t){const e=t.type;try{this.g.i.k(e,t),await this.bb.unlock()}catch{this.g.i.ub(e)}}async"media-enter-pip-request"(t){try{await this.He(t)}catch(e){this.Pg(e,t)}}async"media-exit-pip-request"(t){try{await this.Ge(t)}catch(e){this.Pg(e,t)}}Pg(t,e){this.Ba.V(this.createEvent("picture-in-picture-error",{detail:re(t)}))}"media-live-edge-request"(t){const{live:e,liveEdge:s,canSeek:i}=this.$state;if(!(!e()||s()||!i())){this.g.i.k("media-seek-request",t);try{this.Ig()}catch{this.g.i.ub("media-seek-request")}}}async"media-loop-request"(t){try{this.g.Ob=!0,this.g.Bc=!0,await this.Ac(t)}catch{this.g.Ob=!1}}"media-user-loop-change-request"(t){this.$state.userPrefersLoop.set(t.detail)}async"media-pause-request"(t){if(!this.$state.paused())try{await this.Ee(t)}catch{}}async"media-play-request"(t){if(this.$state.paused())try{await this.Ac(t)}catch{}}"media-rate-change-request"(t){const{playbackRate:e,canSetPlaybackRate:s}=this.$state;if(e()===t.detail||!s())return;const i=this.C();i?.setPlaybackRate&&(this.g.i.k("media-rate-change-request",t),i.setPlaybackRate(t.detail))}"media-audio-gain-change-request"(t){try{this.Hg(t.detail,t)}catch{}}"media-quality-change-request"(t){const{qualities:e,storage:s,logger:i}=this.a;if(e.readonly)return;this.g.i.k("media-quality-change-request",t);const a=t.detail;if(a<0)e.autoSelect(t),t.isOriginTrusted&&s?.setVideoQuality?.(null);else{const r=e[a];r&&(r.selected=!0,t.isOriginTrusted&&s?.setVideoQuality?.({id:r.id,width:r.width,height:r.height,bitrate:r.bitrate}))}}"media-pause-controls-request"(t){const e=t.type;this.g.i.k(e,t),this.yc.pause(t)}"media-resume-controls-request"(t){const e=t.type;this.g.i.k(e,t),this.yc.resume(t)}"media-seek-request"(t){const{seekableStart:e,seekableEnd:s,ended:i,canSeek:a,live:r,userBehindLiveEdge:h,clipStartTime:l}=this.$state,c=t.detail;i()&&(this.g.Bc=!0);const d=t.type;this.g.Ja=!1,this.g.i.ub(d);const y=c+l(),w=Math.floor(y)===Math.floor(s()),v=w?s():Math.min(Math.max(e()+.1,y),s()-.1);!Number.isFinite(v)||!a()||(this.g.i.k(d,t),this.C().setCurrentTime(v),r()&&t.isOriginTrusted&&Math.abs(s()-v)>=2&&h.set(!0))}"media-seeking-request"(t){const e=t.type;this.g.i.k(e,t),this.$state.seeking.set(!0),this.g.Ja=!0}"media-start-loading"(t){if(this.$state.canLoad())return;const e=t.type;this.g.i.k(e,t),this.Ba.V(this.createEvent("can-load"))}"media-poster-start-loading"(t){if(this.$state.canLoadPoster())return;const e=t.type;this.g.i.k(e,t),this.Ba.V(this.createEvent("can-load-poster"))}"media-text-track-change-request"(t){const{index:e,mode:s}=t.detail,i=this.a.textTracks[e];if(i){const a=t.type;this.g.i.k(a,t),i.setMode(s,t)}}"media-mute-request"(t){if(this.$state.muted())return;const e=t.type;this.g.i.k(e,t),this.C().setMuted(!0)}"media-unmute-request"(t){const{muted:e,volume:s}=this.$state;if(!e())return;const i=t.type;this.g.i.k(i,t),this.a.$provider().setMuted(!1),s()===0&&(this.g.i.k(i,t),this.C().setVolume(.25))}"media-volume-change-request"(t){const{muted:e,volume:s}=this.$state,i=t.detail;if(s()===i)return;const a=t.type;this.g.i.k(a,t),this.C().setVolume(i),i>0&&e()&&(this.g.i.k(a,t),this.C().setMuted(!1))}Qa(t,e,s){}}function ge(n,t){if(!(n&&t))throw Error("[vidstack] media not ready")}function xs(n,t){if(!t?.supported)throw Error("[vidstack] no fullscreen support")}class an{constructor(){this.Ja=!1,this.Ob=!1,this.Bc=!1,this.i=new tn}}function be(n){return!S(n)&&"width"in n&&"height"in n&&K(n.width)&&K(n.height)}const nn=new Set(["auto-play","auto-play-fail","can-load","sources-change","source-change","load-start","abort","error","loaded-metadata","loaded-data","can-play","play","play-fail","pause","playing","seeking","seeked","waiting"]);class rn extends lt{constructor(t,e){super(),this.g=t,this.a=e,this.u=new Map,this.rd=!1,this.On=[],this.Ln=[-1,-1],this.sd=!1,this.Cc=!1,this.Ke=null,this.seeking=rt(s=>{const{seeking:i,realCurrentTime:a,paused:r}=this.$state;i.set(!0),a.set(s.detail),this.D("media-seeking-request",s),r()&&(this.Pb=s,this.Le()),this.Ln=[-1,-1]},150,{leading:!0}),this.Le=se(()=>{if(!this.Pb)return;this.sd=!0;const{waiting:s,playing:i}=this.$state;s.set(!0),i.set(!1);const a=this.createEvent("waiting",{trigger:this.Pb});this.u.set("waiting",a),this.dispatch(a),this.Pb=void 0,this.sd=!1},300)}onAttach(t){t.setAttribute("aria-busy","true"),this.listen("fullscreen-change",this["fullscreen-change"].bind(this)),this.listen("fullscreen-error",this["fullscreen-error"].bind(this)),this.listen("orientation-change",this["orientation-change"].bind(this))}onConnect(t){o(this.Qj.bind(this)),this.Rj(),this.Sj(),this.Tj(),this.Uj(),x(this.Vj.bind(this))}onDestroy(){const{audioTracks:t,qualities:e,textTracks:s}=this.a;t[P.z](),e[P.z](),s[P.z](),this.Ie()}V(t){if(!this.scope)return;const e=t.type;It(()=>this[t.type]?.(t)),nn.has(e)&&this.u.set(e,t),this.dispatch(t)}Uj(){this.Cc&&(requestAnimationFrame(()=>{this.scope&&this.a.remote.play(new I("dom-connect"))}),this.Cc=!1)}Vj(){this.Cc||(this.Cc=!this.$state.paused(),this.a.$provider()?.pause())}vb(){this.Qg(),this.rd=!1,this.g.Bc=!1,this.g.Ob=!1,this.sd=!1,this.Pb=void 0,this.u.clear()}D(t,e){const s=this.g.i.xe(t);s&&(e.request=s,e.triggers.add(s))}Rj(){this.Je(),this.Rg();const t=this.a.textTracks;m(t,"add",this.Je.bind(this)),m(t,"remove",this.Je.bind(this)),m(t,"mode-change",this.Rg.bind(this))}Sj(){const t=this.a.qualities;m(t,"add",this.ld.bind(this)),m(t,"remove",this.ld.bind(this)),m(t,"change",this.Za.bind(this)),m(t,"auto-change",this.Wj.bind(this)),m(t,"readonly-change",this.Xj.bind(this))}Tj(){const t=this.a.audioTracks;m(t,"add",this.Sg.bind(this)),m(t,"remove",this.Sg.bind(this)),m(t,"change",this.Yj.bind(this))}Je(t){const{textTracks:e}=this.$state;e.set(this.a.textTracks.toArray()),this.dispatch("text-tracks-change",{detail:e(),trigger:t})}Rg(t){t&&this.D("media-text-track-change-request",t);const e=this.a.textTracks.selected,{textTrack:s}=this.$state;s()!==e&&(s.set(e),this.dispatch("text-track-change",{detail:e,trigger:t}))}Sg(t){const{audioTracks:e}=this.$state;e.set(this.a.audioTracks.toArray()),this.dispatch("audio-tracks-change",{detail:e(),trigger:t})}Yj(t){const{audioTrack:e}=this.$state;e.set(this.a.audioTracks.selected),t&&this.D("media-audio-track-change-request",t),this.dispatch("audio-track-change",{detail:e(),trigger:t})}ld(t){const{qualities:e}=this.$state;e.set(this.a.qualities.toArray()),this.dispatch("qualities-change",{detail:e(),trigger:t})}Za(t){const{quality:e}=this.$state;e.set(this.a.qualities.selected),t&&this.D("media-quality-change-request",t),this.dispatch("quality-change",{detail:e(),trigger:t})}Wj(){const{qualities:t}=this.a,e=t.auto;this.$state.autoQuality.set(e),e||this.Ie()}Tg(){this.Ie(),this.Ke=o(()=>{const{qualities:t}=this.a,{mediaWidth:e,mediaHeight:s}=this.$state,i=e(),a=s();if(i===0||a===0)return;let r=null,h=1/0;for(const l of t){const c=Math.abs(l.width-i)+Math.abs(l.height-a);c<h&&(h=c,r=l)}r&&t[P.ea](r,!0,new I("resize",{detail:{width:i,height:a}}))})}Ie(){this.Ke?.(),this.Ke=null}Xj(){this.$state.canSetQuality.set(!this.a.qualities.readonly)}Qj(){const{canSetVolume:t,isGoogleCastConnected:e}=this.$state;if(e()){t.set(!1);return}Ea().then(t.set)}"provider-change"(t){const e=this.a.$provider(),s=t.detail;e?.type!==s?.type&&(e?.destroy?.(),e?.scope?.dispose(),this.a.$provider.set(t.detail),e&&t.detail===null&&this.Ug(t))}"provider-loader-change"(t){}"auto-play"(t){this.$state.autoPlayError.set(null)}"auto-play-fail"(t){this.$state.autoPlayError.set(t.detail),this.vb()}"can-load"(t){this.$state.canLoad.set(!0),this.u.set("can-load",t),this.a.textTracks[G.Z](),this.D("media-start-loading",t)}"can-load-poster"(t){this.$state.canLoadPoster.set(!0),this.u.set("can-load-poster",t),this.D("media-poster-start-loading",t)}"media-type-change"(t){const e=this.u.get("source-change");e&&t.triggers.add(e);const s=this.$state.viewType();this.$state.mediaType.set(t.detail);const i=this.$state.providedViewType(),a=i==="unknown"?t.detail:i;s!==a&&setTimeout(()=>{requestAnimationFrame(()=>{this.scope&&(this.$state.inferredViewType.set(t.detail),this.dispatch("view-type-change",{detail:a,trigger:t}))})},0)}"stream-type-change"(t){const e=this.u.get("source-change");e&&t.triggers.add(e);const{streamType:s,inferredStreamType:i}=this.$state;i.set(t.detail),t.detail=s()}"rate-change"(t){const{storage:e}=this.a,{canPlay:s}=this.$state;this.$state.playbackRate.set(t.detail),this.D("media-rate-change-request",t),s()&&e?.setPlaybackRate?.(t.detail)}"remote-playback-change"(t){const{remotePlaybackState:e,remotePlaybackType:s}=this.$state,{type:i,state:a}=t.detail,r=a==="connected";s.set(i),e.set(a);const h=i==="airplay"?"media-airplay-request":"media-google-cast-request";if(r)this.D(h,t);else{const l=this.g.i.rg(h);l&&(t.request=l,t.triggers.add(l))}}"sources-change"(t){const e=this.$state.sources(),s=t.detail;this.$state.sources.set(s),this.Zj(e,s,t)}Zj(t,e,s){let{qualities:i}=this.a,a=!1,r=!1;for(const h of t)if(be(h)&&!e.some(l=>l.src===h.src)){const l=i.getBySrc(h.src);l&&(i[P.cc](l,s),r=!0)}r&&!i.length&&(this.$state.savedState.set(null),i[P.z](s));for(const h of e){if(!be(h)||i.getBySrc(h.src))continue;const l={id:h.id??h.height+"p",bitrate:null,codec:null,...h,selected:!1};i[P.da](l,s),a=!0}a&&!i[z.Ia]&&(this.Tg(),i[z.Ia]=this.Tg.bind(this),i[z.Wa](!0,s))}"source-change"(t){t.isQualityChange=t.originEvent?.type==="quality-change";const e=t.detail;this.Ug(t,t.isQualityChange),this.u.set(t.type,t),this.$state.source.set(e),this.el?.setAttribute("aria-busy","true")}Ug(t,e=!1){const{audioTracks:s,qualities:i,textRenderers:a}=this.a;if(!e){this.On=[],this.Ln=[-1,-1],s[P.z](t),i[P.z](t),bs(this.$state,e),this.vb(),a.resetCustomRenderer();return}bs(this.$state,e),this.vb()}abort(t){const e=this.u.get("source-change");e&&t.triggers.add(e);const s=this.u.get("can-load");s&&!t.triggers.hasType("can-load")&&t.triggers.add(s)}"load-start"(t){const e=this.u.get("source-change");e&&t.triggers.add(e)}error(t){this.$state.error.set(t.detail);const e=this.u.get("abort");e&&t.triggers.add(e)}"loaded-metadata"(t){const e=this.u.get("load-start");e&&t.triggers.add(e)}"loaded-data"(t){const e=this.u.get("load-start");e&&t.triggers.add(e)}"can-play"(t){const e=this.u.get("loaded-metadata");e&&t.triggers.add(e),this.Vg(t.detail),this.el?.setAttribute("aria-busy","false")}"can-play-through"(t){this.Vg(t.detail);const e=this.u.get("can-play");e&&t.triggers.add(e)}Vg(t){const{seekable:e,buffered:s,intrinsicDuration:i,canPlay:a}=this.$state;a.set(!0),s.set(t.buffered),e.set(t.seekable);const r=Tt(t.seekable)??1/0;i.set(r)}"duration-change"(t){const{live:e,intrinsicDuration:s,providedDuration:i,clipEndTime:a,ended:r}=this.$state,h=t.detail;if(!e()){const l=Number.isNaN(h)?0:h;s.set(l),r()&&this.Wg(t)}(i()>0||a()>0)&&t.stopImmediatePropagation()}progress(t){const{buffered:e,bufferedEnd:s,seekable:i,seekableEnd:a,live:r,intrinsicDuration:h}=this.$state,{buffered:l,seekable:c}=t.detail,d=Tt(l)??1/0,y=l.length!==e().length,w=d>s(),v=Tt(c)??1/0,E=c.length!==i().length,j=v>a();(y||w)&&e.set(l),(E||j)&&i.set(c),r()&&(h.set(v),this.dispatch("duration-change",{detail:v,trigger:t}))}play(t){const{paused:e,autoPlayError:s,ended:i,autoPlaying:a,playsInline:r,pointer:h,muted:l,viewType:c,live:d,userBehindLiveEdge:y}=this.$state;if(this._j(),!e()){t.stopImmediatePropagation();return}t.autoPlay=a();const w=this.u.get("waiting");w&&t.triggers.add(w),this.D("media-play-request",t),this.u.set("play",t),e.set(!1),s.set(null),t.autoPlay&&(this.V(this.createEvent("auto-play",{detail:{muted:l()},trigger:t})),a.set(!1)),(i()||this.g.Bc)&&(this.g.Bc=!1,i.set(!1),this.V(this.createEvent("replay",{trigger:t}))),!r()&&c()==="video"&&h()==="coarse"&&this.a.remote.enterFullscreen("prefer-media",t),d()&&!y()&&this.a.remote.seekToLiveEdge(t)}_j(t){if(!u(this.a.$provider))return;const{ended:e,seekableStart:s,clipStartTime:i,clipEndTime:a,realCurrentTime:r,duration:h}=this.$state,l=r()<i()||a()>0&&r()>=a()||Math.abs(r()-h())<.1||e();return l&&this.dispatch("media-seek-request",{detail:(i()>0?0:s())+.1,trigger:t}),l}"play-fail"(t){const{muted:e,autoPlaying:s}=this.$state,i=this.u.get("play");i&&t.triggers.add(i),this.D("media-play-request",t);const{paused:a,playing:r}=this.$state;a.set(!0),r.set(!1),this.vb(),this.u.set("play-fail",t),t.autoPlay&&(this.V(this.createEvent("auto-play-fail",{detail:{muted:e(),error:t.detail},trigger:t})),s.set(!1))}playing(t){const e=this.u.get("play"),s=this.u.get("seeked");e?t.triggers.add(e):s&&t.triggers.add(s),setTimeout(()=>this.vb(),0);const{paused:i,playing:a,live:r,liveSyncPosition:h,seekableEnd:l,started:c,currentTime:d,seeking:y,ended:w}=this.$state;if(i.set(!1),a.set(!0),y.set(!1),w.set(!1),this.g.Ob){this.g.Ob=!1;return}if(r()&&!c()&&d()===0){const v=h()??l()-2;Number.isFinite(v)&&this.a.$provider().setCurrentTime(v)}this.started(t)}started(t){const{started:e}=this.$state;e()||(e.set(!0),this.V(this.createEvent("started",{trigger:t})))}pause(t){this.el?.isConnected||(this.Cc=!0),this.D("media-pause-request",t);const e=this.u.get("seeked");e&&t.triggers.add(e);const{paused:s,playing:i}=this.$state;s.set(!0),i.set(!1),this.rd&&setTimeout(()=>{this.V(this.createEvent("end",{trigger:t})),this.rd=!1},0),this.vb()}"time-change"(t){if(this.g.Ob){t.stopImmediatePropagation();return}let{waiting:e,played:s,clipEndTime:i,realCurrentTime:a,currentTime:r}=this.$state,h=t.detail,l=i();a.set(h),this.Pn(),e.set(!1);for(const c of this.a.textTracks)c[G.Eb](h,t);l>0&&h>=l&&(this.rd=!0,this.dispatch("media-pause-request",{trigger:t})),this.$j(),this.dispatch("time-update",{detail:{currentTime:r(),played:s()},trigger:t})}Pn(){const{currentTime:t,played:e,paused:s}=this.$state;s()||(this.Ln=La(this.On,this.Ln,t()),e.set(new jt(this.On)))}Wg(t){const{clipStartTime:e,clipEndTime:s,duration:i}=this.$state;e()>0||s()>0||this.V(this.createEvent("time-change",{detail:i(),trigger:t}))}$j(){const{storage:t}=this.a,{canPlay:e,realCurrentTime:s}=this.$state;e()&&t?.setTime?.(s())}"audio-gain-change"(t){const{storage:e}=this.a,{canPlay:s,audioGain:i}=this.$state;i.set(t.detail),this.D("media-audio-gain-change-request",t),s()&&e?.setAudioGain?.(i())}"volume-change"(t){const{storage:e}=this.a,{volume:s,muted:i,canPlay:a}=this.$state,r=t.detail;s.set(r.volume),i.set(r.muted||r.volume===0),this.D("media-volume-change-request",t),this.D(r.muted?"media-mute-request":"media-unmute-request",t),a()&&(e?.setVolume?.(s()),e?.setMuted?.(i()))}seeked(t){const{seeking:e,currentTime:s,realCurrentTime:i,paused:a,seekableEnd:r,ended:h}=this.$state;if(this.g.Ja)e.set(!0),t.stopImmediatePropagation();else if(e()){const l=this.u.get("waiting");l&&t.triggers.add(l);const c=this.u.get("seeking");c&&!t.triggers.has(c)&&t.triggers.add(c),a()&&this.Qg(),e.set(!1),i.set(t.detail),this.D("media-seek-request",t);const d=t?.originEvent;d?.isTrusted&&!/seek/.test(d.type)&&this.started(t)}Math.floor(s())!==Math.floor(r())?h.set(!1):this.end(t)}waiting(t){this.sd||this.g.Ja||(t.stopImmediatePropagation(),this.Pb=t,this.Le())}end(t){const{loop:e,ended:s}=this.$state;if(!(!e()&&s())){if(e()){setTimeout(()=>{requestAnimationFrame(()=>{this._j(t),this.dispatch("media-loop-request",{trigger:t})})},10);return}setTimeout(()=>this.lc(t),0)}}lc(t){const{storage:e}=this.a,{paused:s,seeking:i,ended:a,duration:r}=this.$state;this.Wg(t),s()||this.dispatch("pause",{trigger:t}),i()&&this.dispatch("seeked",{detail:r(),trigger:t}),a.set(!0),this.vb(),e?.setTime?.(r(),!0),this.dispatch("ended",{trigger:t})}Qg(){this.Le.cancel(),this.$state.waiting.set(!1)}"fullscreen-change"(t){const e=t.detail;this.$state.fullscreen.set(e),this.D(e?"media-enter-fullscreen-request":"media-exit-fullscreen-request",t)}"fullscreen-error"(t){this.D("media-enter-fullscreen-request",t),this.D("media-exit-fullscreen-request",t)}"orientation-change"(t){const e=t.detail.lock;this.D(e?"media-orientation-lock-request":"media-orientation-unlock-request",t)}"picture-in-picture-change"(t){const e=t.detail;this.$state.pictureInPicture.set(e),this.D(e?"media-enter-pip-request":"media-exit-pip-request",t)}"picture-in-picture-error"(t){this.D("media-enter-pip-request",t),this.D("media-exit-pip-request",t)}"title-change"(t){t.trigger&&(t.stopImmediatePropagation(),this.$state.inferredTitle.set(t.detail))}"poster-change"(t){t.trigger&&(t.stopImmediatePropagation(),this.$state.inferredPoster.set(t.detail))}}class hn extends lt{onSetup(){this.Hb();const t=[this.bk,this.ck,this.Jn,this.Kn,this.Xd,this.Ca,this.ek,this.fk,this.gk,this.hk,this.ik,this.Me,this.jk,this.kk,this.td];for(const e of t)o(e.bind(this))}Hb(){const t={duration:"providedDuration",loop:"providedLoop",poster:"providedPoster",streamType:"providedStreamType",title:"providedTitle",viewType:"providedViewType"},e=new Set(["currentTime","paused","playbackRate","volume"]);for(const s of Object.keys(this.$props))e.has(s)||this.$state[t[s]??s]?.set(this.$props[s]());this.$state.muted.set(this.$props.muted()||this.$props.volume()===0)}kk(){const{viewType:t,streamType:e,title:s,poster:i,loop:a}=this.$props,r=this.$state;r.providedPoster.set(i()),r.providedStreamType.set(e()),r.providedViewType.set(t()),r.providedTitle.set(s()),r.providedLoop.set(a())}ak(){}bk(){const{artist:t,artwork:e}=this.$props;this.$state.artist.set(t()),this.$state.artwork.set(e())}td(){const{title:t}=this.$state;this.dispatch("title-change",{detail:t()})}ck(){const t=this.$props.autoPlay()||this.$props.autoplay();this.$state.autoPlay.set(t),this.dispatch("auto-play-change",{detail:t})}ik(){const t=this.$state.loop();this.dispatch("loop-change",{detail:t})}Xd(){const t=this.$props.controls();this.$state.controls.set(t)}jk(){const{poster:t}=this.$state;this.dispatch("poster-change",{detail:t()})}Ca(){const t=this.$props.crossOrigin()??this.$props.crossorigin(),e=t===!0?"":t;this.$state.crossOrigin.set(e)}ek(){const{duration:t}=this.$props;this.dispatch("media-duration-change-request",{detail:t()})}Me(){const t=this.$props.playsInline()||this.$props.playsinline();this.$state.playsInline.set(t),this.dispatch("plays-inline-change",{detail:t})}Jn(){const{clipStartTime:t}=this.$props;this.dispatch("media-clip-start-change-request",{detail:t()})}Kn(){const{clipEndTime:t}=this.$props;this.dispatch("media-clip-end-change-request",{detail:t()})}fk(){this.dispatch("live-change",{detail:this.$state.live()})}hk(){this.$state.liveEdgeTolerance.set(this.$props.liveEdgeTolerance()),this.$state.minLiveDVRWindow.set(this.$props.minLiveDVRWindow())}gk(){this.dispatch("live-edge-change",{detail:this.$state.liveEdge()})}}class on{constructor(){this.playerId="vds-player",this.mediaId=null,this.H={volume:null,muted:null,audioGain:null,time:null,lang:null,captions:null,rate:null,quality:null},this.saveTimeThrottled=rt(this.saveTime.bind(this),1e3)}async getVolume(){return this.H.volume}async setVolume(t){this.H.volume=t,this.save()}async getMuted(){return this.H.muted}async setMuted(t){this.H.muted=t,this.save()}async getTime(){return this.H.time}async setTime(t,e){const s=t<0;this.H.time=s?null:t,s||e?this.saveTime():this.saveTimeThrottled()}async getLang(){return this.H.lang}async setLang(t){this.H.lang=t,this.save()}async getCaptions(){return this.H.captions}async setCaptions(t){this.H.captions=t,this.save()}async getPlaybackRate(){return this.H.rate}async setPlaybackRate(t){this.H.rate=t,this.save()}async getAudioGain(){return this.H.audioGain}async setAudioGain(t){this.H.audioGain=t,this.save()}async getVideoQuality(){return this.H.quality}async setVideoQuality(t){this.H.quality=t,this.save()}onChange(t,e,s="vds-player"){const i=s?localStorage.getItem(s):null,a=e?localStorage.getItem(e):null;this.playerId=s,this.mediaId=e,this.H={volume:null,muted:null,audioGain:null,lang:null,captions:null,rate:null,quality:null,...i?JSON.parse(i):{},time:a?+a:null}}save(){if(!this.playerId)return;const t=JSON.stringify({...this.H,time:void 0});localStorage.setItem(this.playerId,t)}saveTime(){if(!this.mediaId)return;const t=(this.H.time??0).toString();localStorage.setItem(this.mediaId,t)}}const Ps=class Qe extends lt{constructor(){super()}onConnect(){o(this.lk.bind(this)),o(this.mk.bind(this));const t=this.nk.bind(this);for(const e of Qe.Xg)navigator.mediaSession.setActionHandler(e,t);x(this.Fa.bind(this))}Fa(){for(const t of Qe.Xg)navigator.mediaSession.setActionHandler(t,null)}lk(){const{title:t,artist:e,artwork:s,poster:i}=this.$state;navigator.mediaSession.metadata=new MediaMetadata({title:t(),artist:e(),artwork:s()??[{src:i()}]})}mk(){const{canPlay:t,paused:e}=this.$state;navigator.mediaSession.playbackState=t()?e()?"paused":"playing":"none"}nk(t){const e=new I("media-session-action",{detail:t});switch(t.action){case"play":this.dispatch("media-play-request",{trigger:e});break;case"pause":this.dispatch("media-pause-request",{trigger:e});break;case"seekto":case"seekforward":case"seekbackward":this.dispatch("media-seek-request",{detail:K(t.seekTime)?t.seekTime:this.$state.currentTime()+(t.seekOffset??10),trigger:e});break}}};Ps.Xg=["play","pause","seekforward","seekbackward","seekto"];let ln=Ps;class cn{constructor(t=void 0){this.bc=t,this.G=null,this.f=null,this.Rd=-1}setTarget(t){this.G=t}getPlayer(t){return this.f?this.f:((t??this.G)?.dispatchEvent(new I("find-media-player",{detail:e=>void(this.f=e),bubbles:!0,composed:!0})),this.f)}setPlayer(t){this.f=t}startLoading(t){this.s("media-start-loading",t)}startLoadingPoster(t){this.s("media-poster-start-loading",t)}requestAirPlay(t){this.s("media-airplay-request",t)}requestGoogleCast(t){this.s("media-google-cast-request",t)}play(t){this.s("media-play-request",t)}pause(t){this.s("media-pause-request",t)}mute(t){this.s("media-mute-request",t)}unmute(t){this.s("media-unmute-request",t)}enterFullscreen(t,e){this.s("media-enter-fullscreen-request",e,t)}exitFullscreen(t,e){this.s("media-exit-fullscreen-request",e,t)}lockScreenOrientation(t,e){this.s("media-orientation-lock-request",e,t)}unlockScreenOrientation(t){this.s("media-orientation-unlock-request",t)}enterPictureInPicture(t){this.s("media-enter-pip-request",t)}exitPictureInPicture(t){this.s("media-exit-pip-request",t)}seeking(t,e){this.s("media-seeking-request",e,t)}seek(t,e){this.s("media-seek-request",e,t)}seekToLiveEdge(t){this.s("media-live-edge-request",t)}changeDuration(t,e){this.s("media-duration-change-request",e,t)}changeClipStart(t,e){this.s("media-clip-start-change-request",e,t)}changeClipEnd(t,e){this.s("media-clip-end-change-request",e,t)}changeVolume(t,e){this.s("media-volume-change-request",e,Math.max(0,Math.min(1,t)))}changeAudioTrack(t,e){this.s("media-audio-track-change-request",e,t)}changeQuality(t,e){this.s("media-quality-change-request",e,t)}requestAutoQuality(t){this.changeQuality(-1,t)}changeTextTrackMode(t,e,s){this.s("media-text-track-change-request",s,{index:t,mode:e})}changePlaybackRate(t,e){this.s("media-rate-change-request",e,t)}changeAudioGain(t,e){this.s("media-audio-gain-change-request",e,t)}resumeControls(t){this.s("media-resume-controls-request",t)}pauseControls(t){this.s("media-pause-controls-request",t)}togglePaused(t){const e=this.getPlayer(t?.target);e&&(e.state.paused?this.play(t):this.pause(t))}toggleControls(t){const e=this.getPlayer(t?.target);e&&(e.controls.showing?e.controls.hide(0,t):e.controls.show(0,t))}toggleMuted(t){const e=this.getPlayer(t?.target);e&&(e.state.muted?this.unmute(t):this.mute(t))}toggleFullscreen(t,e){const s=this.getPlayer(e?.target);s&&(s.state.fullscreen?this.exitFullscreen(t,e):this.enterFullscreen(t,e))}togglePictureInPicture(t){const e=this.getPlayer(t?.target);e&&(e.state.pictureInPicture?this.exitPictureInPicture(t):this.enterPictureInPicture(t))}showCaptions(t){const e=this.getPlayer(t?.target);if(!e)return;let s=e.state.textTracks,i=this.Rd;(!s[i]||!N(s[i]))&&(i=-1),i===-1&&(i=s.findIndex(a=>N(a)&&a.default)),i===-1&&(i=s.findIndex(a=>N(a))),i>=0&&this.changeTextTrackMode(i,"showing",t),this.Rd=-1}disableCaptions(t){const e=this.getPlayer(t?.target);if(!e)return;const s=e.state.textTracks,i=e.state.textTrack;if(i){const a=s.indexOf(i);this.changeTextTrackMode(a,"disabled",t),this.Rd=a}}toggleCaptions(t){const e=this.getPlayer(t?.target);e&&(e.state.textTrack?this.disableCaptions():this.showCaptions())}userPrefersLoopChange(t,e){this.s("media-user-loop-change-request",e,t)}s(t,e,s){const i=new I(t,{bubbles:!0,composed:!0,cancelable:!0,detail:s,trigger:e});let a=e?.target||null;a&&a instanceof b&&(a=a.el),a=!a||a===document||a===window||a===document.body||this.f?.el&&a instanceof Node&&!this.f.el.contains(a)?this.G??this.getPlayer()?.el:a??this.G,this.f?t==="media-play-request"&&!this.f.state.canLoad?a?.dispatchEve