@locpd/vidstack 1.12.14

package/cdn/with-layouts/chunks/vidstack-CifDkwDH.js

@@ -0,0 +1,795 @@
+import{u as O,c as ot,V as at,e as d,s as g,E as _,p as f,l as H,i as P,a as U,b as Ut,S as gt,f as xt,t as lt,d as ua,D as W,w as ha,o as C,g as ae,h as Es,j as Qt,k as b,m as ne,n as zt,q as pa,r as Ms,v as tt,x as ma,y as fa,z as ga,A as ba,B as Le,C as ct,F as q,G as re,H as ya,I as dt,J as Pt,K as De,L as k,M as x,N as F,O as X,P as As,Q as Ot,R as T,T as qe,U as w,W as Ls,X as va,Y as $a,Z as Ds,_ as wa,$ as _e,a0 as oe,a1 as h,a2 as Ta,a3 as le,a4 as Rt,a5 as ka,a6 as Sa,a7 as xa,a8 as Pa,a9 as qs,aa as Ct,ab as de,ac as Ca,ad as _s,ae as Ea,af as Ma,ag as J,ah as Aa,ai as La,aj as Nt,ak as Da,al as qa,am as _a}from"./vidstack-Cry7aD59.js";import{I as Is,c as Vs,a as Ia,b as Va,d as Oa,e as Ra,i as Na,f as Fa,g as Ha,h as Ba,j as Ga,k as Ie,l as Os,m as Ve}from"./vidstack-45yH5los.js";import{T as ce,g as Et,a as Rs,u as Ka}from"./vidstack-HvYfJoen.js";import{i as Q,T as z,a as ue,w as jt,b as Wa,c as Ua}from"./vidstack-C2ZbG62f.js";import{L as A}from"./vidstack-C_AxqLKV.js";import{Q as nt}from"./vidstack-DRH_1tFW.js";import{c as Oe,a as ut}from"./vidstack-BfBBPhXV.js";import{p as Yt,g as he,a as Ns,b as Fs}from"./vidstack-BBVMdOnf.js";import{c as Re,r as B,g as Qa}from"./vidstack-Bxv1Qnxe.js";import"https://cdn.vidstack.io/icons";const Ne=Symbol(0),za=["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"],Hs=ot();function y(){return O(Hs)}function j(){return y().$state}function ja(a){return a instanceof HTMLAudioElement}function Ya(a){return a instanceof HTMLVideoElement}function Xa(a){return ja(a)||Ya(a)}class Mt extends at{}const Ja={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:"<"},Xt=new Set(["Shift","Alt","Meta","Ctrl"]),Za='button, [role="button"]',Bs='input, textarea, select, [contenteditable], [role^="menuitem"], [role="timer"]';class tn extends Mt{#t;constructor(t){super(),this.#t=t}onConnect(){d(this.#e.bind(this))}#e(){const{keyDisabled:t,keyTarget:e}=this.$props;if(t())return;const s=e()==="player"?this.el:document,i=g(!1);s===this.el?new _(this.el).add("focusin",()=>i.set(!0)).add("focusout",n=>{this.el.contains(n.target)||i.set(!1)}):(f(i)||i.set(document.querySelector("[data-media-player]")===this.el),H(document,"focusin",n=>{const r=n.composedPath().find(o=>o instanceof Element&&o.localName==="media-player");r!==void 0&&i.set(this.el===r)})),d(()=>{i()&&new _(s).add("keyup",this.#s.bind(this)).add("keydown",this.#i.bind(this)).add("keydown",this.#a.bind(this),{capture:!0})})}#s(t){const e=document.activeElement;if(!t.key||!this.$state.canSeek()||e?.matches(Bs))return;let{method:s,value:i}=this.#n(t);if(!P(i)&&!U(i)){i?.onKeyUp?.({event:t,player:this.#t.player,remote:this.#t.remote}),i?.callback?.(t,this.#t.remote);return}s?.startsWith("seek")&&(t.preventDefault(),t.stopPropagation(),this.#l?(this.#c(t,s==="seekForward"),this.#l=null):(this.#t.remote.seek(this.#r,t),this.#r=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}))}#i(t){if(!t.key||Xt.has(t.key))return;const e=document.activeElement;if(e?.matches(Bs)||Ut(t)&&e?.matches(Za))return;let{method:s,value:i}=this.#n(t),n=!t.metaKey&&/^[0-9]$/.test(t.key);if(!P(i)&&!U(i)&&!n){i?.onKeyDown?.({event:t,player:this.#t.player,remote:this.#t.remote}),i?.callback?.(t,this.#t.remote);return}if(!s&&n&&!an(t)){t.preventDefault(),t.stopPropagation(),this.#t.remote.seek(this.$state.duration()/10*Number(t.key),t);return}if(s){switch(t.preventDefault(),t.stopPropagation(),s){case"seekForward":case"seekBackward":this.#u(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.#t.remote.changeVolume(this.$state.volume()+(s==="volumeUp"?+l:-l),t)}break;case"toggleFullscreen":this.#t.remote.toggleFullscreen("prefer-media",t);break;case"speedUp":case"slowDown":const o=this.$state.playbackRate();this.#t.remote.changePlaybackRate(Math.max(.25,Math.min(2,o+(s==="speedUp"?.25:-.25))),t);break;default:this.#t.remote[s]?.(t)}this.$state.lastKeyboardAction.set({action:s,event:t})}}#a(t){Xa(t.target)&&this.#n(t).method&&t.preventDefault()}#n(t){const e={...this.$props.keyShortcuts(),...this.#t.ariaKeys},s=Object.keys(e).find(i=>{const n=e[i],r=U(n)?n.join(" "):P(n)?n:n?.keys;return(U(r)?r:r?.split(" "))?.map(l=>sn(l).replace(/Control/g,"Ctrl").split("+"))?.some(l=>{const c=new Set(l.filter(u=>Xt.has(u)));"<>".includes(t.key)&&c.add("Shift");for(const u of Xt){const p=u.toLowerCase()+"Key";if(!c.has(u)&&t[p])return!1}return l.every(u=>Xt.has(u)?t[u.toLowerCase()+"Key"]:t.key===u.replace("Space"," "))})});return{method:s,value:s?e[s]:null}}#r;#o(t,e){const s=t.shiftKey?10:5;return this.#r=Math.max(0,Math.min((this.#r??this.$state.currentTime())+(e==="seekForward"?+s:-s),this.$state.duration()))}#l=null;#c(t,e){this.#l?.dispatchEvent(new KeyboardEvent(t.type,{key:e?"Right":"Left",shiftKey:t.shiftKey,trigger:t}))}#u(t,e,s){this.$state.canSeek()&&(this.#l||(this.#l=this.el.querySelector("[data-media-time-slider]")),this.#l?this.#c(t,s):this.#t.remote.seeking(this.#o(t,e),t))}}const en=["!","@","#","$","%","^","&","*","(",")"];function sn(a){return a.replace(/Shift\+(\d)/g,(t,e)=>en[e-1])}function an(a){for(const t of Xt)if(a[t.toLowerCase()+"Key"])return!0;return!1}const nn={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:Ja,storage:null},Gs=new gt({artist:"",artwork:null,audioTrack:null,audioTracks:[],autoPlay:!1,autoPlayError:null,audioGain:null,buffered:new ce,canLoad:!1,canLoadPoster:!1,canFullscreen:!1,canOrientScreen:Vs(),canPictureInPicture:!1,canPlay:!1,clipStartTime:0,clipEndTime:0,controls:!1,get iOSControls(){return Is&&this.mediaType==="video"&&(!this.playsInline||!xt.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 ce,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 ce,seeking:!1,source:{src:"",type:""},sources:[],started:!1,textTracks:[],textTrack:null,get hasCaptions(){return this.textTracks.filter(Q).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 duration(){return this.seekableWindow},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 a=Rs(this.buffered)??0;return Math.max(a,this.clipStartTime)},get bufferedEnd(){const a=Et(this.buffered)??0;return Math.min(this.seekableEnd,Math.max(0,a-this.clipStartTime))},get bufferedWindow(){return Math.max(0,this.bufferedEnd-this.bufferedStart)},get seekableStart(){if(this.isLiveDVR&&this.liveDVRWindow>0)return Math.max(0,this.seekableEnd-this.liveDVRWindow);const a=Rs(this.seekable)??0;return Math.max(a,this.clipStartTime)},get seekableEnd(){if(this.providedDuration>0)return this.providedDuration;const a=this.liveSyncPosition>0?this.liveSyncPosition:this.canPlay?Et(this.seekable)??1/0:0;return this.clipEndTime>0?Math.min(this.clipEndTime,a):a},get seekableWindow(){const a=this.seekableEnd-this.seekableStart;return isNaN(a)?1/0:Math.max(0,a)},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.duration)&&(!this.isLiveDVR||this.duration>=this.liveDVRWindow)},get live(){return this.streamType.includes("live")||!Number.isFinite(this.duration)},get liveEdgeStart(){return this.live&&Number.isFinite(this.seekableEnd)?Math.max(0,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},get isLiveDVR(){return/:dvr/.test(this.streamType)},get liveDVRWindow(){return Math.max(this.inferredLiveDVRWindow,this.minLiveDVRWindow)},autoPlaying:!1,providedTitle:"",inferredTitle:"",providedLoop:!1,userPrefersLoop:!1,userPrefersDualCaptionSeparation:!1,providedPoster:"",inferredPoster:"",inferredViewType:"unknown",providedViewType:"unknown",providedStreamType:"unknown",inferredStreamType:"unknown",liveSyncPosition:null,inferredLiveDVRWindow:0,savedState:null}),Ks=new Set(["autoPlayError","autoPlaying","buffered","canPlay","error","paused","played","playing","seekable","seeking","waiting"]),rn=new Set([...Ks,"ended","inferredPoster","inferredStreamType","inferredTitle","intrinsicDuration","inferredLiveDVRWindow","liveSyncPosition","realCurrentTime","savedState","started","userBehindLiveEdge"]);function Ws(a,t=!1){const e=t?Ks:rn;Gs.reset(a,s=>e.has(s)),lt()}function Us(a,t){const e=a+t.clipStartTime(),s=Math.floor(a)===Math.floor(t.seekableStart()),i=Math.floor(e)===Math.floor(t.seekableEnd());return s?t.seekableStart():i?t.seekableEnd():t.isLiveDVR()&&t.liveDVRWindow()>0&&e<t.seekableEnd()-t.liveDVRWindow()?t.bufferedStart():Math.min(Math.max(t.seekableStart()+.1,e),t.seekableEnd()-.1)}class Qs extends ua{items=[];[A.readonly]=!1;get length(){return this.items.length}get readonly(){return this[A.readonly]}indexOf(t){return this.items.indexOf(t)}getById(t){return t===""?null:this.items.find(e=>e.id===t)??null}toArray(){return[...this.items]}[Symbol.iterator](){return this.items.values()}[A.add](t,e){const s=this.items.length;""+s in this||Object.defineProperty(this,s,{get(){return this.items[s]}}),!this.items.includes(t)&&(this.items.push(t),this.dispatchEvent(new W("add",{detail:t,trigger:e})))}[A.remove](t,e){const s=this.items.indexOf(t);s>=0&&(this[A.onRemove]?.(t,e),this.items.splice(s,1),this.dispatchEvent(new W("remove",{detail:t,trigger:e})))}[A.reset](t){for(const e of[...this.items])this[A.remove](e,t);this.items=[],this[A.setReadonly](!1,t),this[A.onReset]?.()}[A.setReadonly](t,e){this[A.readonly]!==t&&(this[A.readonly]=t,this.dispatchEvent(new W("readonly-change",{detail:t,trigger:e})))}}const Jt=Symbol(0);class zs extends Qs{get selected(){return this.items.find(t=>t.selected)??null}get selectedIndex(){return this.items.findIndex(t=>t.selected)}[A.onRemove](t,e){this[A.select](t,!1,e)}[A.add](t,e){t[Jt]=!1,Object.defineProperty(t,"selected",{get(){return this[Jt]},set:s=>{this.readonly||(this[A.onUserSelect]?.(),this[A.select](t,s))}}),super[A.add](t,e)}[A.select](t,e,s){if(e===t?.[Jt])return;const i=this.selected;t&&(t[Jt]=e),(e?i!==t:i===t)&&(i&&(i[Jt]=!1),this.dispatchEvent(new W("change",{detail:{prev:i,current:this.selected},trigger:s})))}}class on extends zs{#t=!1;switch="current";get auto(){return this.#t||this.readonly}[nt.enableAuto];[A.onUserSelect](){this[nt.setAuto](!1)}[A.onReset](t){this[nt.enableAuto]=void 0,this[nt.setAuto](!1,t)}autoSelect(t){this.readonly||this.#t||!this[nt.enableAuto]||(this[nt.enableAuto]?.(t),this[nt.setAuto](!0,t))}getBySrc(t){return this.items.find(e=>e.src===t)}[nt.setAuto](t,e){this.#t!==t&&(this.#t=t,this.dispatchEvent(new W("auto-change",{detail:t,trigger:e})))}}class js extends Mt{#t;#e;constructor(t,e){super(),this.#t=t,this.#e=e}async onAttach(t){const e=this.$props[this.#t]();if(e==="eager")requestAnimationFrame(this.#e);else if(e==="idle")ha(this.#e);else if(e==="visible"){let s,i=new IntersectionObserver(n=>{this.scope&&n[0].isIntersecting&&(s?.(),s=void 0,this.#e())});i.observe(t),s=C(()=>i.disconnect())}}}class ln{#t;#e;constructor(t,e){this.#t=t,this.#e=e}notify(t,...e){this.#t(new W(t,{detail:e?.[0],trigger:e?.[1]}))}async ready(t,e){return ae(async()=>{const{logger:s}=this.#e,{autoPlay:i,canPlay:n,started:r,duration:o,seekable:l,buffered:c,remotePlaybackInfo:u,playsInline:p,savedState:v,source:$}=this.#e.$state;if(n())return;const S={duration:t?.duration??o(),seekable:t?.seekable??l(),buffered:t?.buffered??c(),provider:this.#e.$provider()};this.notify("can-play",S,e),lt();let V=this.#e.$provider(),{storage:D,qualities:st}=this.#e,{muted:_t,volume:Tt,clipStartTime:it,playbackRate:kt}=this.#e.$props;await D?.onLoad?.($());const St=v()?.currentTime,Ae=v()?.paused,It=await D?.getTime(),xs=St??It??it(),ca=Ae===!1||Ae!==!0&&!r()&&i();if(V){V.setVolume(await D?.getVolume()??Tt()),V.setMuted(_t()||!!await D?.getMuted());const Vt=await D?.getAudioGain()??1;Vt>1&&V.audioGain?.setGain?.(Vt),V.setPlaybackRate?.(await D?.getPlaybackRate()??kt()),V.setPlaysInline?.(p()),xs>0&&V.setCurrentTime(xs)}const Wt=await D?.getVideoQuality();if(Wt&&st.length){let Vt=null,Ps=1/0;for(const ie of st){const Cs=Math.abs(Wt.width-ie.width)+Math.abs(Wt.height-ie.height)+(Wt.bitrate?Math.abs(Wt.bitrate-(ie.bitrate??0)):0);Cs<Ps&&(Vt=ie,Ps=Cs)}Vt&&(Vt.selected=!0)}n()&&ca?await this.#s(e):It&&It>0&&this.notify("started",void 0,e),u.set(null)})}async#s(t){const{player:e,$state:{autoPlaying:s,muted:i}}=this.#e;s.set(!0);const n=new W("auto-play-attempt",{trigger:t});try{await e.play(n)}catch{}}}const Fe=xt.fullscreenEnabled;class dn extends at{#t=!1;#e=!1;get active(){return this.#e}get supported(){return Fe}onConnect(){new _(xt).add("fullscreenchange",this.#i.bind(this)).add("fullscreenerror",this.#a.bind(this)),C(this.#s.bind(this))}async#s(){Fe&&await this.exit()}#i(t){const e=He(this.el);e!==this.#e&&(e||(this.#t=!1),this.#e=e,this.dispatch("fullscreen-change",{detail:e,trigger:t}))}#a(t){this.#t&&(this.dispatch("fullscreen-error",{detail:null,trigger:t}),this.#t=!1)}async enter(){try{return this.#t=!0,!this.el||He(this.el)?void 0:(Ys(),xt.requestFullscreen(this.el))}catch(t){throw this.#t=!1,t}}async exit(){if(!(!this.el||!He(this.el)))return Ys(),xt.exitFullscreen()}}function He(a){if(xt.fullscreenElement===a)return!0;try{return a.matches(xt.fullscreenPseudoClass)}catch{return!1}}function Ys(){if(!Fe)throw Error("[vidstack] no fullscreen API")}class Me extends at{#t=g(this.#r());#e=g(!1);#s;get type(){return this.#t()}get locked(){return this.#e()}get portrait(){return this.#t().startsWith("portrait")}get landscape(){return this.#t().startsWith("landscape")}static supported=Vs();get supported(){return Me.supported}onConnect(){if(this.supported)H(screen.orientation,"change",this.#a.bind(this));else{const t=window.matchMedia("(orientation: landscape)");t.onchange=this.#a.bind(this),C(()=>t.onchange=null)}C(this.#i.bind(this))}async#i(){this.supported&&this.#e()&&await this.unlock()}#a(t){this.#t.set(this.#r()),this.dispatch("orientation-change",{detail:{orientation:f(this.#t),lock:this.#s},trigger:t})}async lock(t){f(this.#e)||this.#s===t||(this.#n(),await screen.orientation.lock(t),this.#e.set(!0),this.#s=t)}async unlock(){f(this.#e)&&(this.#n(),this.#s=void 0,await screen.orientation.unlock(),this.#e.set(!1))}#n(){if(!this.supported)throw Error("[vidstack] no orientation API")}#r(){return this.supported?window.screen.orientation.type:window.innerWidth>=window.innerHeight?"landscape-primary":"portrait-primary"}}class cn{#t=new Map;enqueue(t,e){this.#t.set(t,e)}serve(t){const e=this.peek(t);return this.#t.delete(t),e}peek(t){return this.#t.get(t)}delete(t){this.#t.delete(t)}clear(){this.#t.clear()}}class Xs{#t=!1;#e=Es();#s=new Map;get size(){return this.#s.size}get isServing(){return this.#t}async waitForFlush(){this.#t||await this.#e.promise}enqueue(t,e){if(this.#t){e();return}this.#s.delete(t),this.#s.set(t,e)}serve(t){this.#s.get(t)?.(),this.#s.delete(t)}start(){this.#i(),this.#t=!0,this.#s.size>0&&this.#i()}stop(){this.#t=!1}reset(){this.stop(),this.#s.clear(),this.#a()}#i(){for(const t of this.#s.keys())this.serve(t);this.#a()}#a(){this.#e.resolve(),this.#e=Es()}}function un(a){return a?"true":"false"}function K(a){return()=>un(a())}function hn(){return typeof window>"u"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Js(a,t){const e=t.composedPath()[0];return Ms(e)&&a.contains(e)}const Be=new Set;{let a=function(){for(const t of Be)try{t()}catch{}window.requestAnimationFrame(a)};a()}function pn(a){return Be.add(a),()=>Be.delete(a)}function L(a,t,e){a.hasAttribute(t)||a.setAttribute(t,e)}function bt(a,t){if(a.hasAttribute("aria-label")||a.hasAttribute("data-no-label"))return;if(!Qt(t)){b(a,"aria-label",t);return}function e(){b(a,"aria-label",t())}d(e)}function Zs(a){const t=getComputedStyle(a);return t.display!=="none"&&parseInt(t.opacity)>0}function mn(a){return!!a&&("checkVisibility"in a?a.checkVisibility({checkOpacity:!0,checkVisibilityCSS:!0}):Zs(a))}function ti(a,t){return pn(()=>t(mn(a)))}function ei(a,t,e){for(;t;){if(t===a)return!0;if(e?.(t))break;t=t.parentElement}return!1}function yt(a,t){return new _(a).add("pointerup",e=>{e.button===0&&!e.defaultPrevented&&t(e)}).add("keydown",e=>{Ut(e)&&t(e)})}function Ge(a){return ne(a)&&(a.touches.length>1||a.changedTouches.length>1)}function ht(a){let t=pa(),e=window.requestAnimationFrame(()=>{zt(a,t),e=-1});return()=>void window.cancelAnimationFrame(e)}function Ke(a,t,e){let s,i=a,n=a.parentElement,r=a.content.firstElementChild,o=[];!r&&a.firstElementChild&&(a.innerHTML=a.firstElementChild.outerHTML,a.firstElementChild.remove(),r=a.content.firstElementChild);for(let l=0;l<t;l++)s=document.importNode(r,!0),e?.(s,l),n.insertBefore(s,i.nextSibling),o.push(s),i=s;return C(()=>{for(let l=0;l<o.length;l++)o[l].remove()}),o}function We(a){const t=document.createElement("template");return t.innerHTML=a,t.content}function Ue(a){return a.cloneNode(!0).firstElementChild}function si(a,t,e,{offsetVarName:s,xOffset:i,yOffset:n,...r}){if(!a)return;const o=e.replace(" ","-").replace("-center","");if(tt(a,"visibility",t?null:"hidden"),!t)return;let l=e.includes("top");const c=p=>e.includes("left")?`calc(-1 * ${p})`:p,u=p=>l?`calc(-1 * ${p})`:p;return ma(t,a,()=>{fa(t,a,{placement:o,middleware:[...r.middleware??[],ga({fallbackAxisSideDirection:"start",crossAxis:!1}),ba()],...r}).then(({x:p,y:v,middlewareData:$})=>{const S=!!$.flip?.index;l=e.includes(S?"bottom":"top"),a.setAttribute("data-placement",S?e.startsWith("top")?e.replace("top","bottom"):e.replace("bottom","top"):e),Object.assign(a.style,{top:`calc(${v+"px"} + ${u(n?n+"px":`var(--${s}-y-offset, 0px)`)})`,left:`calc(${p+"px"} + ${c(i?i+"px":`var(--${s}-x-offset, 0px)`)})`})})})}function fn(a){return getComputedStyle(a).animationName!=="none"}function gn(a){const t=document.createElement("slot");return t.name=a,t}function bn(a){const t=g(!1);return d(()=>{const e=a();e&&new _(e).add("transitionstart",()=>t.set(!0)).add("transitionend",()=>t.set(!1))}),t}function ii(a,t){function e(){const s=a();if(!s)return;t();const i=new ResizeObserver(ct(t));return i.observe(s),()=>i.disconnect()}d(e)}function yn(a){const t=vn(a),e=$n(a);let s=!1;return q(()=>{const i=t();return s&&!i?!1:(s=i,i||e())})}function vn(a){const t=g(!1);return d(()=>{const e=a();if(!e){t.set(!1);return}new _(e).add("mouseenter",()=>t.set(!0)).add("mouseleave",()=>t.set(!1))}),t}function $n(a){const t=g(!1);return d(()=>{const e=a();if(!e){t.set(!1);return}new _(e).add("focusin",()=>t.set(!0)).add("focusout",()=>t.set(!1))}),t}function vt(a){return a instanceof HTMLElement}function wn(){const a=g("dark"),t=window.matchMedia("(prefers-color-scheme: light)");function e(){a.set(t.matches?"light":"dark")}return e(),H(t,"change",e),a}function ai(a,t){d(()=>{const s=t();if(s==="system"){const i=wn();d(()=>e(i()));return}e(s)});function e(s){Le(a,"light",s==="light"),Le(a,"dark",s==="dark")}}class Tn extends Mt{#t=-2;#e=!1;#s=g(!1);#i=g(!1);#a=null;#n=g(!0);defaultDelay=2e3;get canIdle(){return this.#n()}set canIdle(t){this.#n.set(t)}get hideOnMouseLeave(){const{hideControlsOnMouseLeave:t}=this.$props;return this.#s()||t()}set hideOnMouseLeave(t){this.#s.set(t)}get showing(){return this.$state.controlsVisible()}show(t=0,e){this.#m(),this.#e||this.#g(!0,t,e)}hide(t=this.defaultDelay,e){this.#m(),this.#e||this.#g(!1,t,e)}pause(t){this.#e=!0,this.#m(),this.#g(!0,0,t)}resume(t){this.#e=!1,!this.$state.paused()&&this.#g(!1,this.defaultDelay,t)}onConnect(){d(this.#r.bind(this))}#r(){const{viewType:t}=this.$state;if(!this.el||!this.#n())return;if(t()==="audio"){this.show();return}d(this.#o.bind(this)),d(this.#l.bind(this));const e=this.#c.bind(this),s=this.#u.bind(this),i=this.#h.bind(this);new _(this.el).add("can-play",n=>this.show(0,n)).add("play",e).add("pause",s).add("end",i).add("auto-play-fail",s)}#o(){if(!this.el)return;const{started:t,pointer:e,paused:s}=this.$state;if(!t()||e()!=="fine")return;const i=new _(this.el),n=this.hideOnMouseLeave;(!n||!this.#i())&&d(()=>{s()||i.add("pointermove",this.#b.bind(this))}),n&&i.add("mouseenter",this.#d.bind(this)).add("mouseleave",this.#p.bind(this))}#l(){const{paused:t,started:e,autoPlayError:s}=this.$state;if(t()||s()&&!e())return;const i=this.#b.bind(this);d(()=>{if(!this.el)return;const n=this.$state.pointer(),r=n==="coarse",o=new _(this.el),l=[r?"touchend":"pointerup","keydown"];for(const c of l)o.add(c,i,{passive:!1})})}#c(t){t.triggers.hasType("ended")||(this.show(0,t),this.hide(void 0,t))}#u(t){this.show(0,t)}#h(t){const{loop:e}=this.$state;e()&&this.hide(0,t)}#d(t){this.#i.set(!1),this.show(0,t),this.hide(void 0,t)}#p(t){this.#i.set(!0),this.hide(0,t)}#m(){window.clearTimeout(this.#t),this.#t=-1}#b(t){t.MEDIA_GESTURE||this.#e||Ge(t)||(re(t)&&(t.key==="Escape"?(this.el?.focus(),this.#a=null):this.#a&&(t.preventDefault(),requestAnimationFrame(()=>{this.#a?.focus(),this.#a=null}))),this.show(0,t),this.hide(this.defaultDelay,t))}#g(t,e,s){if(e===0){this.#y(t,s);return}this.#t=window.setTimeout(()=>{this.scope&&this.#y(t&&!this.#e,s)},e)}#y(t,e){this.$state.controlsVisible()!==t&&(this.$state.controlsVisible.set(t),!t&&document.activeElement&&this.el?.contains(document.activeElement)&&(this.#a=document.activeElement,requestAnimationFrame(()=>{this.el?.focus({preventScroll:!0})})),this.dispatch("controls-change",{detail:t,trigger:e}))}}class kn extends Mt{#t;#e;#s;controls;#i;#a;#n;#r=new Xs;constructor(t,e,s){super(),this.#t=t,this.#e=e,this.#s=s,this.#n=s.$provider,this.controls=new Tn,this.#i=new dn,this.#a=new Me}onAttach(){this.listen("fullscreen-change",this.#x.bind(this))}onConnect(t){const e=Object.getOwnPropertyNames(Object.getPrototypeOf(this)),s=new _(t),i=this.#c.bind(this);for(const n of e)n.startsWith("media-")&&s.add(n,i);this.#o(),d(this.#l.bind(this)),d(this.#m.bind(this)),d(this.#b.bind(this)),d(this.#g.bind(this)),d(this.#y.bind(this)),d(this.#$.bind(this)),d(this.#w.bind(this))}onDestroy(){try{const t=this.createEvent("destroy"),{pictureInPicture:e,fullscreen:s}=this.$state;s()&&this.exitFullscreen("prefer-media",t),e()&&this.exitPictureInPicture(t)}catch{}this.#r.reset()}#o(){const{load:t}=this.$props,{canLoad:e}=this.$state;if(t()!=="play"||e())return;const s=this.listen("media-play-request",i=>{this.#u(i),s()})}#l(){const t=this.#n(),e=this.$state.canPlay();return t&&e&&this.#r.start(),()=>{this.#r.stop()}}#c(t){t.stopPropagation(),!t.defaultPrevented&&this[t.type]&&(f(this.#n)?this[t.type](t):this.#r.enqueue(t.type,()=>{f(this.#n)&&this[t.type](t)}))}async play(t){const{canPlay:e,paused:s,autoPlaying:i}=this.$state;if(this.#u(t)||!f(s))return;t&&this.#e.queue.enqueue("media-play-request",t);const n=f(i);try{const r=f(this.#n);return Qe(r,f(e)),Sn(n),await r.play()}catch(r){const o=this.createEvent("play-fail",{detail:Oe(r),trigger:t});throw o.autoPlay=n,this.#t.handle(o),r}}#u(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.#r.enqueue("media-play-request",async()=>{try{await this.play(i)}catch{}}),!0}return!1}async pause(t){const{canPlay:e,paused:s}=this.$state;if(!f(s)){t&&this.#e.queue.enqueue("media-pause-request",t);try{const i=f(this.#n);return Qe(i,f(e)),await i.pause()}catch(i){throw this.#e.queue.delete("media-pause-request"),i}}}setAudioGain(t,e){const{audioGain:s,canSetAudioGain:i}=this.$state;if(s()===t)return;const n=this.#n();if(!n?.audioGain||!i())throw Error("[vidstack] audio gain api not available");e&&this.#e.queue.enqueue("media-audio-gain-change-request",e),n.audioGain.setGain(t)}seekToLiveEdge(t){const{canPlay:e,live:s,liveEdge:i,canSeek:n,liveSyncPosition:r,seekableEnd:o,userBehindLiveEdge:l}=this.$state;if(l.set(!1),f(()=>!s()||i()||!n()))return;const c=f(this.#n);Qe(c,f(e)),t&&this.#e.queue.enqueue("media-seek-request",t);const u=o()-2;c.setCurrentTime(Math.min(u,r()??u))}#h=!1;async enterFullscreen(t="prefer-media",e){const s=this.#d(t);if(ni(t,s),!s.active)return f(this.$state.pictureInPicture)&&(this.#h=!0,await this.exitPictureInPicture(e)),e&&this.#e.queue.enqueue("media-enter-fullscreen-request",e),s.enter()}async exitFullscreen(t="prefer-media",e){const s=this.#d(t);if(ni(t,s),!!s.active){e&&this.#e.queue.enqueue("media-exit-fullscreen-request",e);try{const i=await s.exit();return this.#h&&f(this.$state.canPictureInPicture)&&await this.enterPictureInPicture(),i}finally{this.#h=!1}}}#d(t){const e=f(this.#n);return t==="prefer-media"&&this.#i.supported||t==="media"?this.#i:e?.fullscreen}async enterPictureInPicture(t){if(this.#p(),!this.$state.pictureInPicture())return t&&this.#e.queue.enqueue("media-enter-pip-request",t),await this.#n().pictureInPicture.enter()}async exitPictureInPicture(t){if(this.#p(),!!this.$state.pictureInPicture()){t&&this.#e.queue.enqueue("media-exit-pip-request",t);try{if(document?.pictureInPictureElement&&document.exitPictureInPicture){await document.exitPictureInPicture();return}const e=this.#n();if(e?.pictureInPicture){await e.pictureInPicture.exit();return}const s=document?.querySelectorAll?.("video")||[];for(const i of s){if(i===document.pictureInPictureElement&&document.exitPictureInPicture){await document.exitPictureInPicture();return}if(i.webkitPresentationMode==="picture-in-picture"){i.webkitSetPresentationMode("inline");return}}}catch{}}}#p(){if(!this.$state.canPictureInPicture())throw Error("[vidstack] no pip support")}#m(){this.controls.defaultDelay=this.$props.controlsDelay()}#b(){const{canSetAudioGain:t}=this.$state,e=!!this.#n()?.audioGain?.supported;t.set(e)}#g(){const{canAirPlay:t}=this.$state,e=!!this.#n()?.airPlay?.supported;t.set(e)}#y(){const{canGoogleCast:t,source:e}=this.$state,s=Ia&&!Va&&Oa(e());t.set(s)}#$(){const{canFullscreen:t}=this.$state,e=this.#i.supported||!!this.#n()?.fullscreen?.supported;t.set(e)}#w(){const{canPictureInPicture:t}=this.$state,e=!!this.#n()?.pictureInPicture?.supported;t.set(e)}async"media-airplay-request"(t){try{await this.requestAirPlay(t)}catch{}}async requestAirPlay(t){try{const e=this.#n()?.airPlay;if(!e?.supported)throw Error("No AirPlay adapter.");return t&&this.#e.queue.enqueue("media-airplay-request",t),await e.prompt()}catch(e){throw this.#e.queue.delete("media-airplay-request"),e}}async"media-google-cast-request"(t){try{await this.requestGoogleCast(t)}catch{}}#v;async requestGoogleCast(t){try{const{canGoogleCast:e}=this.$state;if(!f(e)){const i=Error("Cast not available.");throw i.code="CAST_NOT_AVAILABLE",i}if(Yt("https://www.gstatic.com"),!this.#v){const i=await import("./vidstack-D065okCn.js");this.#v=new i.GoogleCastLoader}await this.#v.prompt(this.#s),t&&this.#e.queue.enqueue("media-google-cast-request",t);const s=f(this.$state.remotePlaybackState)!=="disconnected";s&&this.$state.savedState.set({paused:f(this.$state.paused),currentTime:f(this.$state.currentTime)}),this.$state.remotePlaybackLoader.set(s?this.#v:null)}catch(e){throw this.#e.queue.delete("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.#s;if(s.readonly)return;const i=t.detail,n=s[i];if(n){const r=t.type;this.#e.queue.enqueue(r,t),n.selected=!0}}async"media-enter-fullscreen-request"(t){try{await this.enterFullscreen(t.detail,t)}catch(e){this.#f(e,t)}}async"media-exit-fullscreen-request"(t){try{await this.exitFullscreen(t.detail,t)}catch(e){this.#f(e,t)}}async#x(t){const e=f(this.$props.fullscreenOrientation),s=t.detail;if(!(ya(e)||e==="none"||!this.#a.supported))if(s){if(this.#a.locked)return;this.dispatch("media-orientation-lock-request",{detail:e,trigger:t})}else this.#a.locked&&this.dispatch("media-orientation-unlock-request",{trigger:t})}#f(t,e){this.#t.handle(this.createEvent("fullscreen-error",{detail:Oe(t)}))}async"media-orientation-lock-request"(t){const e=t.type;try{this.#e.queue.enqueue(e,t),await this.#a.lock(t.detail)}catch{this.#e.queue.delete(e)}}async"media-orientation-unlock-request"(t){const e=t.type;try{this.#e.queue.enqueue(e,t),await this.#a.unlock()}catch{this.#e.queue.delete(e)}}async"media-enter-pip-request"(t){try{await this.enterPictureInPicture(t)}catch(e){this.#T(e,t)}}async"media-exit-pip-request"(t){try{await this.exitPictureInPicture(t)}catch(e){this.#T(e,t)}}#T(t,e){this.#t.handle(this.createEvent("picture-in-picture-error",{detail:Oe(t)}))}"media-live-edge-request"(t){const{live:e,liveEdge:s,canSeek:i}=this.$state;if(!(!e()||s()||!i())){this.#e.queue.enqueue("media-seek-request",t);try{this.seekToLiveEdge()}catch{this.#e.queue.delete("media-seek-request")}}}async"media-loop-request"(t){try{this.#e.looping=!0,this.#e.replaying=!0,await this.play(t)}catch{this.#e.looping=!1}}"media-user-loop-change-request"(t){this.$state.userPrefersLoop.set(t.detail)}"media-user-dual-captions-change-request"(t){this.$state.userPrefersDualCaptionSeparation.set(t.detail)}async"media-pause-request"(t){if(!this.$state.paused())try{await this.pause(t)}catch{}}async"media-play-request"(t){if(this.$state.paused())try{await this.play(t)}catch{}}"media-rate-change-request"(t){const{playbackRate:e,canSetPlaybackRate:s}=this.$state;if(e()===t.detail||!s())return;const i=this.#n();i?.setPlaybackRate&&(this.#e.queue.enqueue("media-rate-change-request",t),i.setPlaybackRate(t.detail))}"media-audio-gain-change-request"(t){try{this.setAudioGain(t.detail,t)}catch{}}"media-quality-change-request"(t){const{qualities:e,storage:s,logger:i}=this.#s;if(e.readonly)return;this.#e.queue.enqueue("media-quality-change-request",t);const n=t.detail;if(n<0)e.autoSelect(t),t.isOriginTrusted&&s?.setVideoQuality?.(null);else{const r=e[n];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.#e.queue.enqueue(e,t),this.controls.pause(t)}"media-resume-controls-request"(t){const e=t.type;this.#e.queue.enqueue(e,t),this.controls.resume(t)}"media-seek-request"(t){const{canSeek:e,ended:s,live:i,seekableEnd:n,userBehindLiveEdge:r}=this.$state,o=t.detail;s()&&(this.#e.replaying=!0);const l=t.type;this.#e.seeking=!1,this.#e.queue.delete(l);const c=Us(o,this.$state);!Number.isFinite(c)||!e()||(this.#e.queue.enqueue(l,t),this.#n().setCurrentTime(c),i()&&t.isOriginTrusted&&Math.abs(n()-c)>=2&&r.set(!0))}"media-seeking-request"(t){const e=t.type;this.#e.queue.enqueue(e,t),this.$state.seeking.set(!0),this.#e.seeking=!0}"media-start-loading"(t){if(this.$state.canLoad())return;const e=t.type;this.#e.queue.enqueue(e,t),this.#t.handle(this.createEvent("can-load"))}"media-poster-start-loading"(t){if(this.$state.canLoadPoster())return;const e=t.type;this.#e.queue.enqueue(e,t),this.#t.handle(this.createEvent("can-load-poster"))}"media-text-track-change-request"(t){const{index:e,mode:s}=t.detail,i=this.#s.textTracks[e];if(i){const n=t.type;this.#e.queue.enqueue(n,t),i.setMode(s,t)}}"media-mute-request"(t){if(this.$state.muted())return;const e=t.type;this.#e.queue.enqueue(e,t),this.#n().setMuted(!0)}"media-unmute-request"(t){const{muted:e,volume:s}=this.$state;if(!e())return;const i=t.type;this.#e.queue.enqueue(i,t),this.#s.$provider().setMuted(!1),s()===0&&(this.#e.queue.enqueue(i,t),this.#n().setVolume(.25))}"media-volume-change-request"(t){const{muted:e,volume:s}=this.$state,i=t.detail;if(s()===i)return;const n=t.type;this.#e.queue.enqueue(n,t),this.#n().setVolume(i),i>0&&e()&&(this.#e.queue.enqueue(n,t),this.#n().setMuted(!1))}#k(t,e,s){}}function Qe(a,t){if(!(a&&t))throw Error("[vidstack] media not ready")}function ni(a,t){if(!t?.supported)throw Error("[vidstack] no fullscreen support")}function Sn(a){if(!(!hn()||!a))throw Error("[vidstack] autoplay blocked")}class xn{seeking=!1;looping=!1;replaying=!1;queue=new cn}function ze(a){return!P(a)&&"width"in a&&"height"in a&&dt(a.width)&&dt(a.height)}const Pn=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 Cn extends Mt{#t;#e;#s=new Map;#i=!1;#a=[];#n=[-1,-1];#r=!1;#o;constructor(t,e){super(),this.#t=t,this.#e=e}onAttach(t){t.setAttribute("aria-busy","true"),new _(this).add("fullscreen-change",this["fullscreen-change"].bind(this)).add("fullscreen-error",this["fullscreen-error"].bind(this)).add("orientation-change",this["orientation-change"].bind(this))}onConnect(t){d(this.#E.bind(this)),this.#p(),this.#m(),this.#b(),this.#c(),C(this.#u.bind(this))}onDestroy(){const{audioTracks:t,qualities:e,textTracks:s}=this.#e;t[A.reset](),e[A.reset](),s[A.reset](),this.#S()}handle(t){if(!this.scope)return;const e=t.type;ae(()=>this[t.type]?.(t)),Pn.has(e)&&this.#s.set(e,t),this.dispatch(t)}#l=!1;#c(){this.#l&&(requestAnimationFrame(()=>{this.scope&&this.#e.remote.play(new W("dom-connect"))}),this.#l=!1)}#u(){this.#l||(this.#l=!this.$state.paused(),this.#e.$provider()?.pause())}#h(){this.#I(),this.#i=!1,this.#t.replaying=!1,this.#t.looping=!1,this.#r=!1,this.#o=void 0,this.#s.clear()}#d(t,e){const s=this.#t.queue.serve(t);s&&(e.request=s,e.triggers.add(s))}#p(){this.#g(),this.#y();const t=this.#e.textTracks;new _(t).add("add",this.#g.bind(this)).add("remove",this.#g.bind(this)).add("mode-change",this.#y.bind(this))}#m(){const t=this.#e.qualities;new _(t).add("add",this.#v.bind(this)).add("remove",this.#v.bind(this)).add("change",this.#x.bind(this)).add("auto-change",this.#f.bind(this)).add("readonly-change",this.#P.bind(this))}#b(){const t=this.#e.audioTracks;new _(t).add("add",this.#$.bind(this)).add("remove",this.#$.bind(this)).add("change",this.#w.bind(this))}#g(t){const{textTracks:e}=this.$state;e.set(this.#e.textTracks.toArray()),this.dispatch("text-tracks-change",{detail:e(),trigger:t})}#y(t){t&&this.#d("media-text-track-change-request",t);const e=this.#e.textTracks.selected,{textTrack:s}=this.$state;s()!==e&&(s.set(e),this.dispatch("text-track-change",{detail:e,trigger:t}))}#$(t){const{audioTracks:e}=this.$state;e.set(this.#e.audioTracks.toArray()),this.dispatch("audio-tracks-change",{detail:e(),trigger:t})}#w(t){const{audioTrack:e}=this.$state;e.set(this.#e.audioTracks.selected),t&&this.#d("media-audio-track-change-request",t),this.dispatch("audio-track-change",{detail:e(),trigger:t})}#v(t){const{qualities:e}=this.$state;e.set(this.#e.qualities.toArray()),this.dispatch("qualities-change",{detail:e(),trigger:t})}#x(t){const{quality:e}=this.$state;e.set(this.#e.qualities.selected),t&&this.#d("media-quality-change-request",t),this.dispatch("quality-change",{detail:e(),trigger:t})}#f(){const{qualities:t}=this.#e,e=t.auto;this.$state.autoQuality.set(e),e||this.#S()}#T=null;#k(){this.#S(),this.#T=d(()=>{const{qualities:t}=this.#e,{mediaWidth:e,mediaHeight:s}=this.$state,i=e(),n=s();if(i===0||n===0)return;let r=null,o=1/0;for(const l of t){const c=Math.abs(l.width-i)+Math.abs(l.height-n);c<o&&(o=c,r=l)}r&&t[A.select](r,!0,new W("resize",{detail:{width:i,height:n}}))})}#S(){this.#T?.(),this.#T=null}#P(){this.$state.canSetQuality.set(!this.#e.qualities.readonly)}#E(){const{canSetVolume:t,isGoogleCastConnected:e}=this.$state;if(e()){t.set(!1);return}Ra().then(t.set)}"provider-change"(t){const e=this.#e.$provider(),s=t.detail;e?.type!==s?.type&&(e?.destroy?.(),e?.scope?.dispose(),this.#e.$provider.set(t.detail),e&&t.detail===null&&this.#C(t))}"provider-loader-change"(t){}"auto-play"(t){this.$state.autoPlayError.set(null)}"auto-play-fail"(t){this.$state.autoPlayError.set(t.detail),this.#h()}"can-load"(t){this.$state.canLoad.set(!0),this.#s.set("can-load",t),this.#e.textTracks[z.canLoad](),this.#d("media-start-loading",t)}"can-load-poster"(t){this.$state.canLoadPoster.set(!0),this.#s.set("can-load-poster",t),this.#d("media-poster-start-loading",t)}"media-type-change"(t){const e=this.#s.get("source-change");e&&t.triggers.add(e);const s=this.$state.viewType();this.$state.mediaType.set(t.detail);const i=this.$state.providedViewType(),n=i==="unknown"?t.detail:i;s!==n&&setTimeout(()=>{requestAnimationFrame(()=>{this.scope&&(this.$state.inferredViewType.set(t.detail),this.dispatch("view-type-change",{detail:n,trigger:t}))})},0)}"stream-type-change"(t){const e=this.#s.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.#e,{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:n}=t.detail,r=n==="connected";s.set(i),e.set(n);const o=i==="airplay"?"media-airplay-request":"media-google-cast-request";if(r)this.#d(o,t);else{const l=this.#t.queue.peek(o);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.#M(e,s,t)}#M(t,e,s){let{qualities:i}=this.#e,n=!1,r=!1;for(const o of t){if(!ze(o))continue;if(!e.some(c=>c.src===o.src)){const c=i.getBySrc(o.src);c&&(i[A.remove](c,s),r=!0)}}r&&!i.length&&(this.$state.savedState.set(null),i[A.reset](s));for(const o of e){if(!ze(o)||i.getBySrc(o.src))continue;const l={id:o.id??o.height+"p",bitrate:null,codec:null,...o,selected:!1};i[A.add](l,s),n=!0}n&&!i[nt.enableAuto]&&(this.#k(),i[nt.enableAuto]=this.#k.bind(this),i[nt.setAuto](!0,s))}"source-change"(t){t.isQualityChange=t.originEvent?.type==="quality-change";const e=t.detail;this.#C(t,t.isQualityChange),this.#s.set(t.type,t),this.$state.source.set(e),this.el?.setAttribute("aria-busy","true")}#C(t,e=!1){const{audioTracks:s,qualities:i}=this.#e;if(!e){this.#a=[],this.#n=[-1,-1],s[A.reset](t),i[A.reset](t),Ws(this.$state,e),this.#h();return}Ws(this.$state,e),this.#h()}abort(t){const e=this.#s.get("source-change");e&&t.triggers.add(e);const s=this.#s.get("can-load");s&&!t.triggers.hasType("can-load")&&t.triggers.add(s)}"load-start"(t){const e=this.#s.get("source-change");e&&t.triggers.add(e)}error(t){this.$state.error.set(t.detail);const e=this.#s.get("abort");e&&t.triggers.add(e)}"loaded-metadata"(t){const e=this.#s.get("load-start");e&&t.triggers.add(e)}"loaded-data"(t){const e=this.#s.get("load-start");e&&t.triggers.add(e)}"can-play"(t){const e=this.#s.get("loaded-metadata");e&&t.triggers.add(e),this.#A(t.detail),this.el?.setAttribute("aria-busy","false")}"can-play-through"(t){this.#A(t.detail);const e=this.#s.get("can-play");e&&t.triggers.add(e)}#A(t){const{seekable:e,buffered:s,intrinsicDuration:i,canPlay:n}=this.$state;n.set(!0),s.set(t.buffered),e.set(t.seekable);const r=Et(t.seekable)??1/0;i.set(r)}"duration-change"(t){const{live:e,intrinsicDuration:s,providedDuration:i,clipEndTime:n,ended:r}=this.$state,o=t.detail;if(!e()){const l=Number.isNaN(o)?0:o;s.set(l),r()&&this.#q(t)}(i()>0||n()>0)&&t.stopImmediatePropagation()}progress(t){const{buffered:e,seekable:s}=this.$state,{buffered:i,seekable:n}=t.detail,r=Et(i),o=i.length!==e().length,l=r!==Et(e()),c=Et(n),u=n.length!==s().length,p=c!==Et(s());(o||l)&&e.set(i),(u||p)&&s.set(n)}play(t){const{paused:e,autoPlayError:s,ended:i,autoPlaying:n,playsInline:r,pointer:o,muted:l,viewType:c,live:u,userBehindLiveEdge:p}=this.$state;if(this.#D(),!e()){t.stopImmediatePropagation();return}t.autoPlay=n();const v=this.#s.get("waiting");v&&t.triggers.add(v),this.#d("media-play-request",t),this.#s.set("play",t),e.set(!1),s.set(null),t.autoPlay&&(this.handle(this.createEvent("auto-play",{detail:{muted:l()},trigger:t})),n.set(!1)),(i()||this.#t.replaying)&&(this.#t.replaying=!1,i.set(!1),this.handle(this.createEvent("replay",{trigger:t}))),!r()&&c()==="video"&&o()==="coarse"&&this.#e.remote.enterFullscreen("prefer-media",t),u()&&!p()&&this.#e.remote.seekToLiveEdge(t)}#D(t){if(!f(this.#e.$provider))return;const{ended:s,seekableStart:i,clipEndTime:n,currentTime:r,realCurrentTime:o,duration:l}=this.$state,c=s()||o()<i()||n()>0&&o()>=n()||Math.abs(r()-l())<.1;return c&&this.dispatch("media-seek-request",{detail:i(),trigger:t}),c}"play-fail"(t){const{muted:e,autoPlaying:s}=this.$state,i=this.#s.get("play");i&&t.triggers.add(i),this.#d("media-play-request",t);const{paused:n,playing:r}=this.$state;n.set(!0),r.set(!1),this.#h(),this.#s.set("play-fail",t),t.autoPlay&&(this.handle(this.createEvent("auto-play-fail",{detail:{muted:e(),error:t.detail},trigger:t})),s.set(!1))}playing(t){const e=this.#s.get("play"),s=this.#s.get("seeked");e?t.triggers.add(e):s&&t.triggers.add(s),setTimeout(()=>this.#h(),0);const{paused:i,playing:n,live:r,liveSyncPosition:o,seekableEnd:l,started:c,currentTime:u,seeking:p,ended:v}=this.$state;if(i.set(!1),n.set(!0),p.set(!1),v.set(!1),this.#t.looping){this.#t.looping=!1;return}if(r()&&!c()&&u()===0){const $=o()??l()-2;Number.isFinite($)&&this.#e.$provider().setCurrentTime($)}this.started(t)}started(t){const{started:e}=this.$state;e()||(e.set(!0),this.handle(this.createEvent("started",{trigger:t})))}pause(t){this.el?.isConnected||(this.#l=!0),this.#d("media-pause-request",t);const e=this.#s.get("seeked");e&&t.triggers.add(e);const{paused:s,playing:i}=this.$state;s.set(!0),i.set(!1),this.#i&&setTimeout(()=>{this.handle(this.createEvent("end",{trigger:t})),this.#i=!1},0),this.#h()}"time-change"(t){if(this.#t.looping){t.stopImmediatePropagation();return}let{waiting:e,played:s,clipEndTime:i,realCurrentTime:n,currentTime:r}=this.$state,o=t.detail,l=i();n.set(o),this.#_(),e.set(!1);for(const c of this.#e.textTracks)c[z.updateActiveCues](o,t);l>0&&o>=l&&(this.#i=!0,this.dispatch("media-pause-request",{trigger:t})),this.#V(),this.dispatch("time-update",{detail:{currentTime:r(),played:s()},trigger:t})}#_(){const{currentTime:t,played:e,paused:s}=this.$state;s()||(this.#n=Ka(this.#a,this.#n,t()),e.set(new ce(this.#a)))}#q(t){const{clipStartTime:e,clipEndTime:s,duration:i}=this.$state;e()>0||s()>0||this.handle(this.createEvent("time-change",{detail:i(),trigger:t}))}#V(){const{storage:t}=this.#e,{canPlay:e,realCurrentTime:s}=this.$state;e()&&t?.setTime?.(s())}"audio-gain-change"(t){const{storage:e}=this.#e,{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.#e,{volume:s,muted:i,canPlay:n}=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),n()&&(e?.setVolume?.(s()),e?.setMuted?.(i()))}seeking=Pt(t=>{const{seeking:e,realCurrentTime:s,paused:i}=this.$state;e.set(!0),s.set(t.detail),this.#d("media-seeking-request",t),i()&&(this.#o=t,this.#L()),this.#n=[-1,-1]},150,{leading:!0});seeked(t){const{seeking:e,currentTime:s,realCurrentTime:i,paused:n,seekableEnd:r,ended:o,live:l}=this.$state;if(this.#t.seeking)e.set(!0),t.stopImmediatePropagation();else if(e()){const c=this.#s.get("waiting");c&&t.triggers.add(c);const u=this.#s.get("seeking");u&&!t.triggers.has(u)&&t.triggers.add(u),n()&&this.#I(),e.set(!1),i.set(t.detail),this.#d("media-seek-request",t);const p=t?.originEvent;p?.isTrusted&&!(p instanceof MessageEvent)&&!/seek/.test(p.type)&&this.started(t)}l()||(Math.floor(s())!==Math.floor(r())?o.set(!1):this.end(t))}waiting(t){this.#r||this.#t.seeking||(t.stopImmediatePropagation(),this.#o=t,this.#L())}#L=De(()=>{if(!this.#o)return;this.#r=!0;const{waiting:t,playing:e}=this.$state;t.set(!0),e.set(!1);const s=this.createEvent("waiting",{trigger:this.#o});this.#s.set("waiting",s),this.dispatch(s),this.#o=void 0,this.#r=!1},300);end(t){const{loop:e,ended:s}=this.$state;if(!(!e()&&s())){if(e()){setTimeout(()=>{requestAnimationFrame(()=>{this.#D(t),this.dispatch("media-loop-request",{trigger:t})})},10);return}setTimeout(()=>this.#O(t),0)}}#O(t){const{storage:e}=this.#e,{paused:s,seeking:i,ended:n,duration:r}=this.$state;this.#q(t),s()||this.dispatch("pause",{trigger:t}),i()&&this.dispatch("seeked",{detail:r(),trigger:t}),n.set(!0),this.#h(),e?.setTime?.(r(),!0),this.dispatch("ended",{trigger:t})}#I(){this.#L.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 En extends Mt{onSetup(){this.#t();const t=[this.#i,this.#n,this.#d,this.#p,this.#o,this.#c,this.#u,this.#m,this.#g,this.#b,this.#r,this.#h,this.#l,this.#e,this.#a];for(const e of t)d(e.bind(this))}#t(){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)}#e(){const{viewType:t,streamType:e,title:s,poster:i,loop:n}=this.$props,r=this.$state;r.providedPoster.set(i()),r.providedStreamType.set(e()),r.providedViewType.set(t()),r.providedTitle.set(s()),r.providedLoop.set(n())}#s(){}#i(){const{artist:t,artwork:e}=this.$props;this.$state.artist.set(t()),this.$state.artwork.set(e())}#a(){const{title:t}=this.$state;this.dispatch("title-change",{detail:t()})}#n(){const t=this.$props.autoPlay()||this.$props.autoplay();this.$state.autoPlay.set(t),this.dispatch("auto-play-change",{detail:t})}#r(){const t=this.$state.loop();this.dispatch("loop-change",{detail:t})}#o(){const t=this.$props.controls();this.$state.controls.set(t)}#l(){const{poster:t}=this.$state;this.dispatch("poster-change",{detail:t()})}#c(){const t=this.$props.crossOrigin()??this.$props.crossorigin(),e=t===!0?"":t;this.$state.crossOrigin.set(e)}#u(){const{duration:t}=this.$props;this.dispatch("media-duration-change-request",{detail:t()})}#h(){const t=this.$props.playsInline()||this.$props.playsinline();this.$state.playsInline.set(t),this.dispatch("plays-inline-change",{detail:t})}#d(){const{clipStartTime:t}=this.$props;this.dispatch("media-clip-start-change-request",{detail:t()})}#p(){const{clipEndTime:t}=this.$props;this.dispatch("media-clip-end-change-request",{detail:t()})}#m(){this.dispatch("live-change",{detail:this.$state.live()})}#b(){this.$state.liveEdgeTolerance.set(this.$props.liveEdgeTolerance()),this.$state.minLiveDVRWindow.set(this.$props.minLiveDVRWindow())}#g(){this.dispatch("live-edge-change",{detail:this.$state.liveEdge()})}}class Mn{playerId="vds-player";mediaId=null;#t={volume:null,muted:null,audioGain:null,time:null,lang:null,captions:null,rate:null,quality:null};async getVolume(){return this.#t.volume}async setVolume(t){this.#t.volume=t,this.save()}async getMuted(){return this.#t.muted}async setMuted(t){this.#t.muted=t,this.save()}async getTime(){return this.#t.time}async setTime(t,e){const s=t<0;this.#t.time=s?null:t,s||e?this.saveTime():this.saveTimeThrottled()}async getLang(){return this.#t.lang}async setLang(t){this.#t.lang=t,this.save()}async getCaptions(){return this.#t.captions}async setCaptions(t){this.#t.captions=t,this.save()}async getPlaybackRate(){return this.#t.rate}async setPlaybackRate(t){this.#t.rate=t,this.save()}async getAudioGain(){return this.#t.audioGain}async setAudioGain(t){this.#t.audioGain=t,this.save()}async getVideoQuality(){return this.#t.quality}async setVideoQuality(t){this.#t.quality=t,this.save()}onChange(t,e,s="vds-player"){const i=s?localStorage.getItem(s):null,n=e?localStorage.getItem(e):null;this.playerId=s,this.mediaId=e,this.#t={volume:null,muted:null,audioGain:null,lang:null,captions:null,rate:null,quality:null,...i?JSON.parse(i):{},time:n?+n:null}}save(){if(!this.playerId)return;const t=JSON.stringify({...this.#t,time:void 0});localStorage.setItem(this.playerId,t)}saveTimeThrottled=Pt(this.saveTime.bind(this),1e3);saveTime(){if(!this.mediaId)return;const t=(this.#t.time??0).toString();localStorage.setItem(this.mediaId,t)}}const ri=["play","pause","seekforward","seekbackward","seekto"];class An extends Mt{onConnect(){d(this.#e.bind(this)),d(this.#s.bind(this));const t=this.#i.bind(this);for(const e of ri)navigator.mediaSession.setActionHandler(e,t);C(this.#t.bind(this))}#t(){for(const t of ri)navigator.mediaSession.setActionHandler(t,null)}#e(){const{title:t,artist:e,artwork:s,poster:i}=this.$state;navigator.mediaSession.metadata=new MediaMetadata({title:t(),artist:e(),artwork:s()??[{src:i()}]})}#s(){const{canPlay:t,paused:e}=this.$state;navigator.mediaSession.playbackState=t()?e()?"paused":"playing":"none"}#i(t){const e=new W("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:dt(t.seekTime)?t.seekTime:this.$state.currentTime()+(t.seekOffset??(t.action==="seekforward"?10:-10)),trigger:e});break}}}class Ln{#t=null;#e=null;#s=-1;#i;constructor(t=void 0){this.#i=t}setTarget(t){this.#t=t}getPlayer(t){return this.#e?this.#e:((t??this.#t)?.dispatchEvent(new W("find-media-player",{detail:e=>void(this.#e=e),bubbles:!0,composed:!0})),this.#e)}setPlayer(t){this.#e=t}startLoading(t){this.#a("media-start-loading",t)}startLoadingPoster(t){this.#a("media-poster-start-loading",t)}requestAirPlay(t){this.#a("media-airplay-request",t)}requestGoogleCast(t){this.#a("media-google-cast-request",t)}play(t){this.#a("media-play-request",t)}pause(t){this.#a("media-pause-request",t)}mute(t){this.#a("media-mute-request",t)}unmute(t){this.#a("media-unmute-request",t)}enterFullscreen(t,e){this.#a("media-enter-fullscreen-request",e,t)}exitFullscreen(t,e){this.#a("media-exit-fullscreen-request",e,t)}lockScreenOrientation(t,e){this.#a("media-orientation-lock-request",e,t)}unlockScreenOrientation(t){this.#a("media-orientation-unlock-request",t)}enterPictureInPicture(t){this.#a("media-enter-pip-request",t)}exitPictureInPicture(t){this.#a("media-exit-pip-request",t)}seeking(t,e){this.#a("media-seeking-request",e,t)}seek(t,e){this.#a("media-seek-request",e,t)}seekToLiveEdge(t){this.#a("media-live-edge-request",t)}changeDuration(t,e){this.#a("media-duration-change-request",e,t)}changeClipStart(t,e){this.#a("media-clip-start-change-request",e,t)}changeClipEnd(t,e){this.#a("media-clip-end-change-request",e,t)}changeVolume(t,e){this.#a("media-volume-change-request",e,Math.max(0,Math.min(1,t)))}changeAudioTrack(t,e){this.#a("media-audio-track-change-request",e,t)}changeQuality(t,e){this.#a("media-quality-change-request",e,t)}requestAutoQuality(t){this.changeQuality(-1,t)}changeTextTrackMode(t,e,s){this.#a("media-text-track-change-request",s,{index:t,mode:e})}changePlaybackRate(t,e){this.#a("media-rate-change-request",e,t)}changeAudioGain(t,e){this.#a("media-audio-gain-change-request",e,t)}resumeControls(t){this.#a("media-resume-controls-request",t)}pauseControls(t){this.#a("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.#s;(!s[i]||!Q(s[i]))&&(i=-1),i===-1&&(i=s.findIndex(n=>Q(n)&&n.default)),i===-1&&(i=s.findIndex(n=>Q(n))),i>=0&&this.changeTextTrackMode(i,"showing",t),this.#s=-1}disableCaptions(t){const e=this.getPlayer(t?.target);if(!e)return;const s=e.state.textTracks,i=e.state.textTrack;if(i){const n=s.indexOf(i);this.changeTextTrackMode(n,"disabled",t),this.#s=n}}toggleCaptions(t){const e=this.getPlayer(t?.target);e&&(e.state.textTrack?this.disableCaptions():this.showCaptions())}userPrefersLoopChange(t,e){this.#a("media-user-loop-change-request",e,t)}userDualCaptionChange(t,e){this.#a("media-user-dual-captions-change-request",e,t)}#a(t,e,s){const i=new W(t,{bubbles:!0,composed:!0,cancelable:!0,detail:s,trigger:e});let n=e?.target||null;n&&n instanceof k&&(n=n.el),n=!n||n===document||n===window||n===document.body||this.#e?.el&&n instanceof Node&&!this.#e.el.contains(n)?this.#t??this.getPlayer()?.el:n??this.#t,this.#e?t==="media-play-request"&&!this.#e.state.canLoad?n?.dispatchEvent(i):this.#e.canPlayQueue.enqueue(t,()=>n?.dispatchEvent(i)):n?.dispatchEvent(i)}#n(t){}}class Dn extends zs{}class qn{priority=0;#t=!0;#e=null;#s=null;#i=new Set;canRender(t,e){return!!e}attach(t){this.#e=t,t&&(t.textTracks.onchange=this.#o.bind(this))}addTrack(t){this.#i.add(t),this.#a(t)}removeTrack(t){t[z.native]?.remove?.(),t[z.native]=null,this.#i.delete(t)}changeTrack(t){const e=t?.[z.native];e&&e.track.mode!=="showing"&&(e.track.mode="showing"),this.#s=t}setDisplay(t){this.#t=t,this.#o()}detach(){this.#e&&(this.#e.textTracks.onchange=null);for(const t of this.#i)this.removeTrack(t);this.#i.clear(),this.#e=null,this.#s=null}#a(t){if(!this.#e)return;const e=t[z.native]??=this.#n(t);vt(e)&&(this.#e.append(e),e.track.mode=e.default?"showing":"disabled")}#n(t){const e=document.createElement("track"),s=t.default||t.mode==="showing",i=t.src&&t.type==="vtt";return e.id=t.id,e.src=i?t.src:"",e.label=t.label,e.kind=t.kind,e.default=s,t.language&&(e.srclang=t.language),s&&!i&&this.#r(t,e.track),e}#r(t,e){if(!(t.src&&t.type==="vtt"||e.cues?.length))for(const s of t.cues)e.addCue(s)}#o(t){for(const e of this.#i){const s=e[z.native];if(!s)continue;if(!this.#t){s.track.mode=s.managed?"hidden":"disabled";continue}const i=s.track.mode==="showing";i&&this.#r(e,s.track),e.setMode(i?"showing":"disabled",t)}}}class _n{#t=null;#e;#s=[];#i;#a=!1;#n=null;#r=null;constructor(t){this.#i=t;const e=t.textTracks;this.#e=e,d(this.#o.bind(this)),C(this.#p.bind(this)),new _(e).add("add",this.#u.bind(this)).add("remove",this.#h.bind(this)).add("mode-change",this.#d.bind(this))}#o(){const{nativeControls:t}=this.#i.$state;this.#a=t(),this.#d()}add(t){this.#s.push(t),ae(this.#d.bind(this))}remove(t){t.detach(),this.#s.splice(this.#s.indexOf(t),1),ae(this.#d.bind(this))}attachVideo(t){requestAnimationFrame(()=>{if(this.#t=t,t){this.#n=new qn,this.#n.attach(t);for(const e of this.#e)this.#l(e)}this.#d()})}#l(t){Q(t)&&this.#n?.addTrack(t)}#c(t){Q(t)&&this.#n?.removeTrack(t)}#u(t){this.#l(t.detail)}#h(t){this.#c(t.detail)}#d(){const t=this.#e.selected;if(this.#t&&(this.#a||t?.[z.nativeHLS])){this.#r?.changeTrack(null),this.#n?.setDisplay(!0),this.#n?.changeTrack(t);return}if(this.#n?.setDisplay(!1),this.#n?.changeTrack(null),!t){this.#r?.changeTrack(null);return}const e=this.#s.sort((s,i)=>s.priority-i.priority).find(s=>s.canRender(t,this.#t));this.#r!==e&&(this.#r?.detach(),e?.attach(this.#t),this.#r=e??null),e?.changeTrack(t)}#p(){this.#n?.detach(),this.#n=null,this.#r?.detach(),this.#r=null}}class In extends Qs{#t=!1;#e={};#s=null;#i=null;[z.crossOrigin];constructor(){super()}get selected(){return this.items.find(e=>e.mode==="showing"&&Q(e))??null}get selectedIndex(){const t=this.selected;return t?this.indexOf(t):-1}get preferredLang(){return this.#i}set preferredLang(t){this.#i=t,this.#c(t)}add(t,e){const s=t instanceof ue,i=s?t:new ue(t),n=t.kind==="captions"||t.kind==="subtitles"?"captions":t.kind;return this.#e[n]&&t.default&&delete t.default,i.addEventListener("mode-change",this.#r),this[A.add](i,e),i[z.crossOrigin]=this[z.crossOrigin],this.#t&&i[z.canLoad](),t.default&&(this.#e[n]=i),this.#a(),this}remove(t,e){if(this.#n=t,!!this.items.includes(t))return t===this.#e[t.kind]&&delete this.#e[t.kind],t.mode="disabled",t[z.onModeChange]=null,t.removeEventListener("mode-change",this.#r),this[A.remove](t,e),this.#n=null,this}clear(t){for(const e of[...this.items])this.remove(e,t);return this}getByKind(t){const e=Array.isArray(t)?t:[t];return this.items.filter(s=>e.includes(s.kind))}[z.canLoad](){if(!this.#t){for(const t of this.items)t[z.canLoad]();this.#t=!0,this.#a()}}#a=De(async()=>{if(!this.#t)return;!this.#i&&this.#s&&(this.#i=await this.#s.getLang());const t=await this.#s?.getCaptions(),e=[["captions","subtitles"],"chapters","descriptions","metadata"];for(const s of e){const i=this.getByKind(s);if(i.find(c=>c.mode==="showing"))continue;const n=this.#i?i.find(c=>c.language===this.#i):null,r=U(s)?this.#e[s.find(c=>this.#e[c])||""]:this.#e[s],o=n??r,l=o&&Q(o);o&&(!l||t!==!1)&&(o.mode="showing",l&&this.#l(o))}},300);#n=null;#r=this.#o.bind(this);#o(t){const e=t.detail;if(this.#s&&Q(e)&&e!==this.#n&&this.#l(e),e.mode==="showing"){const s=Q(e)?["captions","subtitles"]:[e.kind];for(const i of this.items)i.mode==="showing"&&i!=e&&s.includes(i.kind)&&(i.mode="disabled")}this.dispatchEvent(new W("mode-change",{detail:t.detail,trigger:t}))}#l(t){t.mode!=="disabled"&&this.#c(t.language),this.#s?.setCaptions?.(t.mode==="showing")}#c(t){this.#s?.setLang?.(this.#i=t)}setStorage(t){this.#s=t}}let pe=g(!1);H(document,"pointerdown",()=>{pe.set(!1)}),H(document,"keydown",a=>{a.metaKey||a.altKey||a.ctrlKey||pe.set(!0)});class rt extends at{#t=g(!1);onConnect(t){d(()=>{const e=new _(t);if(!pe()){this.#t.set(!1),me(t,!1),e.add("pointerenter",this.#i.bind(this)).add("pointerleave",this.#a.bind(this));return}const s=document.activeElement===t;this.#t.set(s),me(t,s),e.add("focus",this.#e.bind(this)).add("blur",this.#s.bind(this))})}focused(){return this.#t()}#e(){this.#t.set(!0),me(this.el,!0)}#s(){this.#t.set(!1),me(this.el,!1)}#i(){oi(this.el,!0)}#a(){oi(this.el,!1)}}function me(a,t){b(a,"data-focus",t),b(a,"data-hocus",t)}function oi(a,t){b(a,"data-hocus",t),b(a,"data-hover",t)}class Kt extends k{static props=nn;static state=Gs;#t;#e;#s;canPlayQueue=new Xs;remoteControl;get#i(){return this.#t.$provider()}get#a(){return this.$props}constructor(){super(),new En;const t={player:this,qualities:new on,audioTracks:new Dn,storage:null,$provider:g(null),$providerSetup:g(!1),$props:this.$props,$state:this.$state};t.remote=this.remoteControl=new Ln(void 0),t.remote.setPlayer(this),t.textTracks=new In,t.textTracks[z.crossOrigin]=this.$state.crossOrigin,t.textRenderers=new _n(t),t.ariaKeys={},this.#t=t,X(Hs,t),this.orientation=new Me,new rt,new tn(t);const e=new xn;this.#e=new Cn(e,t),this.#s=new kn(this.#e,e,t),t.delegate=new ln(this.#e.handle.bind(this.#e),t),t.notify=t.delegate.notify.bind(t.delegate),typeof navigator<"u"&&"mediaSession"in navigator&&new An,new js("load",this.startLoading.bind(this)),new js("posterLoad",this.startLoadingPoster.bind(this))}onSetup(){this.#c(),d(this.#l.bind(this)),d(this.#b.bind(this)),d(this.#p.bind(this)),d(this.#w.bind(this)),d(this.#y.bind(this)),d(this.#T.bind(this)),d(this.#x.bind(this))}onAttach(t){t.setAttribute("data-media-player",""),L(t,"tabindex","0"),L(t,"role","region"),d(this.#S.bind(this)),d(this.#r.bind(this)),d(this.#o.bind(this)),H(t,"find-media-player",this.#u.bind(this))}onConnect(t){Is&&b(t,"data-iphone","");const e=window.matchMedia("(pointer: coarse)");this.#d(e),e.onchange=this.#d.bind(this);const s=new ResizeObserver(ct(this.#h.bind(this)));s.observe(t),d(this.#h.bind(this)),this.dispatch("media-player-connect",{detail:this,bubbles:!0,composed:!0}),C(()=>{s.disconnect(),e.onchange=null})}onDestroy(){this.#t.player=null,this.canPlayQueue.reset()}#n=!1;#r(){const t=this.$el,{title:e,live:s,viewType:i,providedTitle:n}=this.$state,r=s(),o=As(i()),l=o!=="Unknown"?`${r?"Live ":""}${o}`:r?"Live":"Media",c=e();b(this.el,"aria-label",`${l} Player`+(c?` - ${c}`:"")),t?.hasAttribute("title")&&(this.#n=!0,t?.removeAttribute("title"))}#o(){const t=this.orientation.landscape?"landscape":"portrait";this.$state.orientation.set(t),b(this.el,"data-orientation",t),this.#h()}#l(){this.$state.canPlay()&&this.#i?this.canPlayQueue.start():this.canPlayQueue.stop()}#c(){if(Kt[Ne]){this.setAttributes(Kt[Ne]);return}const t={"data-load":function(){return this.$props.load()},"data-captions":function(){const s=this.$state.textTrack();return!!s&&Q(s)},"data-ios-controls":function(){return this.$state.iOSControls()},"data-controls":function(){return this.controls.showing},"data-buffering":function(){const{canLoad:s,canPlay:i,waiting:n}=this.$state;return s()&&(!i()||n())},"data-error":function(){const{error:s}=this.$state;return!!s()},"data-autoplay-error":function(){const{autoPlayError:s}=this.$state;return!!s()}},e={autoPlay:"autoplay",canAirPlay:"can-airplay",canPictureInPicture:"can-pip",pictureInPicture:"pip",playsInline:"playsinline",remotePlaybackState:"remote-state",remotePlaybackType:"remote-type",isAirPlayConnected:"airplay",isGoogleCastConnected:"google-cast"};for(const s of za){const i="data-"+(e[s]??Ot(s));t[i]=function(){return this.$state[s]()}}delete t.title,Kt[Ne]=t,this.setAttributes(t)}#u(t){t.detail(this)}#h(){if(!this.el)return;const t=this.el.clientWidth,e=this.el.clientHeight;this.$state.width.set(t),this.$state.height.set(e),tt(this.el,"--player-width",t+"px"),tt(this.el,"--player-height",e+"px")}#d(t){const e=t.matches?"coarse":"fine";b(this.el,"data-pointer",e),this.$state.pointer.set(e),this.#h()}get provider(){return this.#i}get controls(){return this.#s.controls}set controls(t){this.#a.controls.set(t)}orientation;get title(){return f(this.$state.title)}set title(t){if(this.#n){this.#n=!1;return}this.#a.title.set(t)}get qualities(){return this.#t.qualities}get audioTracks(){return this.#t.audioTracks}get textTracks(){return this.#t.textTracks}get textRenderers(){return this.#t.textRenderers}get duration(){return this.$state.duration()}set duration(t){this.#a.duration.set(t)}get paused(){return f(this.$state.paused)}set paused(t){this.#m(t)}#p(){this.#m(this.$props.paused())}#m(t){t?this.canPlayQueue.enqueue("paused",()=>this.#s.pause()):this.canPlayQueue.enqueue("paused",()=>this.#s.play())}get muted(){return f(this.$state.muted)}set muted(t){this.#g(t)}#b(){this.#g(this.$props.muted())}#g(t){this.canPlayQueue.enqueue("muted",()=>{this.#i&&this.#i.setMuted(t)})}get currentTime(){return f(this.$state.currentTime)}set currentTime(t){this.#$(t)}#y(){this.#$(this.$props.currentTime())}#$(t){this.canPlayQueue.enqueue("currentTime",()=>{const{currentTime:e}=this.$state;t!==f(e)&&f(()=>{if(!this.#i)return;const s=Us(t,this.$state);Number.isFinite(s)&&this.#i.setCurrentTime(s)})})}get volume(){return f(this.$state.volume)}set volume(t){this.#v(t)}#w(){this.#v(this.$props.volume())}#v(t){const e=Re(0,t,1);this.canPlayQueue.enqueue("volume",()=>{this.#i&&this.#i.setVolume(e)})}get playbackRate(){return f(this.$state.playbackRate)}set playbackRate(t){this.#f(t)}#x(){this.#f(this.$props.playbackRate())}#f(t){this.canPlayQueue.enqueue("rate",()=>{this.#i&&this.#i.setPlaybackRate?.(t)})}#T(){this.#k(this.$props.playsInline())}#k(t){this.canPlayQueue.enqueue("playsinline",()=>{this.#i&&this.#i.setPlaysInline?.(t)})}#S(){let t=this.$props.storage(),e=P(t)?new Mn:t;if(e?.onChange){const{source:s}=this.$state,i=P(t)?t:this.el?.id,n=q(this.#P.bind(this));d(()=>e.onChange(s(),n(),i||void 0))}this.#t.storage=e,this.#t.textTracks.setStorage(e),C(()=>{e?.onDestroy?.(),this.#t.storage=null,this.#t.textTracks.setStorage(null)})}#P(){const{clipStartTime:t,clipEndTime:e}=this.$props,{source:s}=this.$state,i=s();return i.src?`${i.src}:${t()}:${e()}`:null}async play(t){return this.#s.play(t)}async pause(t){return this.#s.pause(t)}async enterFullscreen(t,e){return this.#s.enterFullscreen(t,e)}async exitFullscreen(t,e){return this.#s.exitFullscreen(t,e)}enterPictureInPicture(t){return this.#s.enterPictureInPicture(t)}exitPictureInPicture(t){return this.#s.exitPictureInPicture(t)}seekToLiveEdge(t){this.#s.seekToLiveEdge(t)}startLoading(t){this.#t.notify("can-load",void 0,t)}startLoadingPoster(t){this.#t.notify("can-load-poster",void 0,t)}requestAirPlay(t){return this.#s.requestAirPlay(t)}requestGoogleCast(t){return this.#s.requestGoogleCast(t)}setAudioGain(t,e){return this.#s.setAudioGain(t,e)}destroy(){super.destroy(),this.#t.remote.setPlayer(null),this.dispatch("destroy")}}const I=Kt.prototype;x(I,"canPlayQueue"),x(I,"remoteControl"),x(I,"provider"),x(I,"controls"),x(I,"orientation"),x(I,"title"),x(I,"qualities"),x(I,"audioTracks"),x(I,"textTracks"),x(I,"textRenderers"),x(I,"duration"),x(I,"paused"),x(I,"muted"),x(I,"currentTime"),x(I,"volume"),x(I,"playbackRate"),F(I,"play"),F(I,"pause"),F(I,"enterFullscreen"),F(I,"exitFullscreen"),F(I,"enterPictureInPicture"),F(I,"exitPictureInPicture"),F(I,"seekToLiveEdge"),F(I,"startLoading"),F(I,"startLoadingPoster"),F(I,"requestAirPlay"),F(I,"requestGoogleCast"),F(I,"setAudioGain");class Vn extends T(HTMLElement,Kt){static tagName="media-player";static attrs={autoPlay:"autoplay",crossOrigin:"crossorigin",playsInline:"playsinline",preferNativeHLS:"prefer-native-hls",minLiveDVRWindow:"min-live-dvr-window"}}class On{name="audio";target;canPlay(t){return Na(t)?!P(t.src)||t.type==="?"||Fa(this.target,t.type):!1}mediaType(){return"audio"}async load(t){return new(await import("../providers/vidstack-audio-DE5vKIzW.js")).AudioProvider(this.target,t)}}class je{name="video";target;canPlay(t){return Ha(t)?!P(t.src)||t.type==="?"||Ba(this.target,t.type):!1}mediaType(){return"video"}async load(t){return new(await import("../providers/vidstack-video-C5it_Lbl.js")).VideoProvider(this.target,t)}}class Ts extends je{static supported=Ga();name="dash";canPlay(t){return Ts.supported&&Ie(t)}async load(t){return new(await import("../providers/vidstack-dash-CA2agUuZ.js")).DASHProvider(this.target,t)}}class ks extends je{static supported=Os();name="hls";canPlay(t){return ks.supported&&Ve(t)}async load(t){return new(await import("../providers/vidstack-hls-BHMbMFFR.js")).HLSProvider(this.target,t)}}class Rn{name="vimeo";target;preconnect(){const t=["https://i.vimeocdn.com","https://f.vimeocdn.com","https://fresnel.vimeocdn.com"];for(const e of t)Yt(e)}canPlay(t){return P(t.src)&&t.type==="video/vimeo"}mediaType(){return"video"}async load(t){return new(await import("../providers/vidstack-vimeo-BabLn9sy.js")).VimeoProvider(this.target,t)}async loadPoster(t,e,s){const{resolveVimeoVideoId:i,getVimeoVideoInfo:n}=await import("./vidstack-2f5gzOW6.js");if(!P(t.src))return null;const{videoId:r,hash:o}=i(t.src);return r?n(r,s,o).then(l=>l?l.poster:null):null}}class Nn{name="youtube";target;preconnect(){const t=["https://www.google.com","https://i.ytimg.com","https://googleads.g.doubleclick.net","https://static.doubleclick.net"];for(const e of t)Yt(e)}canPlay(t){return P(t.src)&&t.type==="video/youtube"}mediaType(){return"video"}async load(t){return new(await import("../providers/vidstack-youtube-D8UlccUL.js")).YouTubeProvider(this.target,t)}async loadPoster(t,e,s){const{findYouTubePoster:i,resolveYouTubeVideoId:n}=await import("./vidstack-DiNS2Vx5.js"),r=P(t.src)&&n(t.src);return r?i(r,s):null}}function Fn(a,t){return fetch(a,t).then(e=>e.text()).then(e=>/type="static"/.test(e)?"on-demand":"live")}function li(a,t){return fetch(a,t).then(e=>e.text()).then(e=>{const s=Hn(e);if(s)return li(/^https?:/.test(s)?s:new URL(s,a).href,t);const i=/EXT-X-PLAYLIST-TYPE:\s*VOD/.test(e)?"on-demand":"live";return i==="live"&&Bn(e)>=10&&(/#EXT-X-DVR-ENABLED:\s*true/.test(e)||e.includes("#EXT-X-DISCONTINUITY"))?"live:dvr":i})}function Hn(a){const t=a.match(/#EXT-X-STREAM-INF:[^\n]+(\n[^\n]+)*/g);return t?t[0].split(`
+`)[1].trim():null}function Bn(a){const t=a.split(`
+`);for(const e of t)if(e.startsWith("#EXT-X-TARGETDURATION")){const s=parseFloat(e.split(":")[1]);if(!isNaN(s))return s}return-1}const Ye=new Map;class Gn{#t=!1;#e;#s;#i;#a;constructor(t,e,s,i=[]){this.#s=t,this.#i=e,this.#a=s;const n=new Ts,r=new ks,o=new je,l=new On,c=new Nn,u=new Rn,p=[c,u];this.#e=q(()=>{const $=e.$state.remotePlaybackLoader(),S=e.$props.preferNativeHLS()?[o,l,n,r,...p,...i]:[r,o,l,n,...p,...i];return $?[$,...S]:S});const{$state:v}=e;v.sources.set(di(e.$props.src()));for(const $ of v.sources()){const S=this.#e().find(D=>D.canPlay($));if(!S)continue;const V=S.mediaType($);e.$state.source.set($),e.$state.mediaType.set(V),e.$state.inferredViewType.set(V),this.#a.set(S),this.#t=!0;break}}connect(){const t=this.#a();this.#t&&(this.#l(this.#i.$state.source(),t),this.#c(t),this.#t=!1),d(this.#n.bind(this)),d(this.#r.bind(this)),d(this.#u.bind(this)),d(this.#h.bind(this)),d(this.#d.bind(this))}#n(){this.#i.notify("sources-change",[...di(this.#i.$props.src()),...this.#s()])}#r(){const{$state:t}=this.#i,e=t.sources(),s=f(t.source),i=this.#o(s,e);if(e[0]?.src&&!i.src&&!i.type){const{crossOrigin:r}=t,o=he(r()),l=new AbortController;return Promise.all(e.map(c=>P(c.src)&&c.type==="?"?fetch(c.src,{method:"HEAD",credentials:o,signal:l.signal}).then(u=>(c.type=u.headers.get("content-type")||"??",Ye.set(c.src,c.type),c)).catch(()=>c):c)).then(c=>{if(l.signal.aborted)return;const u=this.#o(f(t.source),c);lt(),u.src||this.#i.notify("error",{message:"Failed to load resource.",code:4})}),()=>l.abort()}lt()}#o(t,e){let s={src:"",type:""},i=null,n=new W("sources-change",{detail:{sources:e}}),r=this.#e(),{started:o,paused:l,currentTime:c,quality:u,savedState:p}=this.#i.$state;for(const v of e){const $=r.find(S=>S.canPlay(v));if($){s=v,i=$;break}}if(ze(s)){const v=u(),$=e.find(S=>S.src===v?.src);f(o)?p.set({paused:f(l),currentTime:f(c)}):p.set(null),$&&(s=$,n=new W("quality-change",{detail:{quality:v}}))}return ui(t,s)||this.#l(s,i,n),i!==f(this.#a)&&this.#c(i,n),s}#l(t,e,s){this.#i.notify("source-change",t,s),this.#i.notify("media-type-change",e?.mediaType(t)||"unknown",s)}#c(t,e){this.#i.$providerSetup.set(!1),this.#i.notify("provider-change",null,e),t&&f(()=>t.preconnect?.(this.#i)),this.#a.set(t),this.#i.notify("provider-loader-change",t,e)}#u(){const t=this.#i.$provider();if(!(!t||f(this.#i.$providerSetup))){if(this.#i.$state.canLoad()){zt(()=>t.setup(),t.scope),this.#i.$providerSetup.set(!0);return}f(()=>t.preconnect?.())}}#h(){if(!this.#i.$providerSetup())return;const t=this.#i.$provider(),e=this.#i.$state.source(),s=f(this.#i.$state.crossOrigin),i=f(this.#i.$props.preferNativeHLS);if(!ui(t?.currentSrc,e)){if(this.#i.$state.canLoad()){const n=new AbortController;return Ve(e)?(i||!Os())&&li(e.src,{credentials:he(s),signal:n.signal}).then(r=>{this.#i.notify("stream-type-change",r)}).catch(qe):Ie(e)?Fn(e.src,{credentials:he(s),signal:n.signal}).then(r=>{this.#i.notify("stream-type-change",r)}).catch(qe):this.#i.notify("stream-type-change","on-demand"),f(()=>{const r=f(this.#i.$state.preload);return t?.loadSource(e,r).catch(o=>{})}),()=>n.abort()}try{P(e.src)&&Yt(new URL(e.src).origin)}catch{}}}#d(){const t=this.#a(),{providedPoster:e,source:s,canLoadPoster:i}=this.#i.$state;if(!t||!t.loadPoster||!s()||!i()||e())return;const n=new AbortController,r=new W("source-change",{detail:s});return t.loadPoster(s(),this.#i,n).then(o=>{this.#i.notify("poster-change",o||"",r)}).catch(()=>{this.#i.notify("poster-change","",r)}),()=>{n.abort()}}}function di(a){return(U(a)?a:[a]).map(t=>P(t)?{src:t,type:ci(t)}:{...t,type:ci(t.src,t.type)})}function ci(a,t){return P(t)&&t.length?t:P(a)&&Ye.has(a)?Ye.get(a):!t&&Ve({src:a,type:""})?"application/x-mpegurl":!t&&Ie({src:a,type:""})?"application/dash+xml":!P(a)||a.startsWith("blob:")?"video/object":a.includes("youtube")||a.includes("youtu.be")?"video/youtube":a.includes("vimeo")&&!a.includes("progressive_redirect")&&!a.includes(".m3u8")?"video/vimeo":"?"}function ui(a,t){return a?.src===t?.src&&a?.type===t?.type}class Kn{#t;#e;#s=[];constructor(t,e){this.#t=t,this.#e=e,d(this.#i.bind(this))}#i(){const t=this.#t();for(const e of this.#s)if(!t.some(s=>s.id===e.id)){const s=e.id&&this.#e.textTracks.getById(e.id);s&&this.#e.textTracks.remove(s)}for(const e of t){const s=e.id||ue.createId(e);this.#e.textTracks.getById(s)||(e.id=s,this.#e.textTracks.add(e))}this.#s=t}}class hi extends k{static props={loaders:[]};static state=new gt({loader:null});#t;#e;#s=g([]);#i=g([]);#a=null;onSetup(){this.#t=y(),this.#e=new Gn(this.#s,this.#t,this.$state.loader,this.$props.loaders())}onAttach(t){t.setAttribute("data-media-provider","")}onConnect(t){this.#e.connect(),new Kn(this.#i,this.#t);const e=new ResizeObserver(ct(this.#l.bind(this)));e.observe(t);const s=new MutationObserver(this.#c.bind(this));s.observe(t,{attributes:!0,childList:!0}),this.#l(),this.#c(),C(()=>{e.disconnect(),s.disconnect()})}#n=-1;load(t){t?.setAttribute("aria-hidden","true"),window.cancelAnimationFrame(this.#n),this.#n=requestAnimationFrame(()=>this.#r(t)),C(()=>{window.cancelAnimationFrame(this.#n)})}#r(t){if(!this.scope)return;const e=this.$state.loader(),{$provider:s}=this.#t;this.#a===e&&e?.target===t&&f(s)||(this.#o(),this.#a=e,e&&(e.target=t||null),!(!e||!t)&&e.load(this.#t).then(i=>{this.scope&&f(this.$state.loader)===e&&this.#t.notify("provider-change",i)}))}onDestroy(){this.#a=null,this.#o()}#o(){this.#t?.notify("provider-change",null)}#l(){if(!this.el)return;const{player:t,$state:e}=this.#t,s=this.el.offsetWidth,i=this.el.offsetHeight;t&&(e.mediaWidth.set(s),e.mediaHeight.set(i),t.el&&(tt(t.el,"--media-width",s+"px"),tt(t.el,"--media-height",i+"px")))}#c(){const t=[],e=[],s=this.el.children;for(const i of s)if(!i.hasAttribute("data-vds")){if(i instanceof HTMLSourceElement){const n={id:i.id,src:i.src,type:i.type};for(const r of["id","src","width","height","bitrate","codec"]){const o=i.getAttribute(`data-${r}`);P(o)&&(n[r]=/id|src|codec/.test(r)?o:Number(o))}t.push(n)}else if(i instanceof HTMLTrackElement){const n={src:i.src,kind:i.track.kind,language:i.srclang,label:i.label,default:i.default,type:i.getAttribute("data-type")};e.push({id:i.id||ue.createId(n),...n})}}this.#s.set(t),this.#i.set(e),lt()}}const Wn=hi.prototype;F(Wn,"load");class Un extends T(HTMLElement,hi){static tagName="media-provider";#t;#e=null;#s=null;onSetup(){this.#t=y(),this.setAttribute("keep-alive","")}onDestroy(){this.#s?.remove(),this.#s=null,this.#e?.remove(),this.#e=null}onConnect(){d(()=>{const t=this.$state.loader(),e=t?.name==="youtube",s=t?.name==="vimeo",i=e||s,n=t?.name==="google-cast",r=t?n?this.#r():i?this.#n():t.mediaType()==="audio"?this.#i():this.#a():null;if(this.#e!==r){const o=this.#e?.parentElement??this;this.#e?.remove(),this.#e=r,r&&o.prepend(r),i&&r&&d(()=>{const{nativeControls:l,viewType:c}=this.#t.$state,u=l(),p=c()==="audio";!u&&!p?(this.#s=this.querySelector(".vds-blocker"),this.#s||(this.#s=document.createElement("div"),this.#s.classList.add("vds-blocker"),r.after(this.#s))):(this.#s?.remove(),this.#s=null),b(r,"data-no-controls",!u)})}e?r?.classList.add("vds-youtube"):s&&r?.classList.add("vds-vimeo"),i||(this.#s?.remove(),this.#s=null),this.load(r)})}#i(){const t=this.#e instanceof HTMLAudioElement?this.#e:document.createElement("audio"),{controls:e,crossOrigin:s}=this.#t.$state;return d(()=>{b(t,"controls",e()),b(t,"crossorigin",s())}),t}#a(){const t=this.#e instanceof HTMLVideoElement?this.#e:document.createElement("video"),{crossOrigin:e,poster:s,nativeControls:i}=this.#t.$state,n=q(()=>i()?"true":null),r=q(()=>s()&&i()?s():null);return d(()=>{b(t,"controls",n()),b(t,"crossorigin",e()),b(t,"poster",r())}),t}#n(){const t=this.#e instanceof HTMLIFrameElement?this.#e:document.createElement("iframe"),{nativeControls:e}=this.#t.$state;return d(()=>b(t,"tabindex",e()?null:-1)),t}#r(){if(this.#e?.classList.contains("vds-google-cast"))return this.#e;const t=document.createElement("div");return t.classList.add("vds-google-cast"),import("./vidstack-CL6PeIO1.js").then(({insertContent:e})=>{e(t,this.#t.$state)}),t}}w(Vn),w(Un);const pi=ot();function M(){return O(pi)}const Qn={colorScheme:"system",download:null,customIcons:!1,disableTimeSlider:!1,menuContainer:null,menuGroup:"bottom",noAudioGain:!1,noGestures:!1,noKeyboardAnimations:!1,noModal:!1,noScrubGesture:!1,playbackRates:{min:0,max:2,step:.25},audioGains:{min:0,max:300,step:25},seekStep:10,sliderChaptersMinWidth:325,hideQualityBitrate:!1,smallWhen:!1,thumbnails:null,translations:null,when:!1};class Xe extends k{static props=Qn;#t;#e=q(()=>{const t=this.$props.when();return this.#i(t)});#s=q(()=>{const t=this.$props.smallWhen();return this.#i(t)});get isMatch(){return this.#e()}get isSmallLayout(){return this.#s()}onSetup(){this.#t=y(),this.setAttributes({"data-match":this.#e,"data-sm":()=>this.#s()?"":null,"data-lg":()=>this.#s()?null:"","data-size":()=>this.#s()?"sm":"lg","data-no-scrub-gesture":this.$props.noScrubGesture}),X(pi,{...this.$props,when:this.#e,smallWhen:this.#s,userPrefersAnnouncements:g(!0),userPrefersKeyboardAnimations:g(!0),menuPortal:g(null)})}onAttach(t){ai(t,this.$props.colorScheme)}#i(t){return t!=="never"&&(Ls(t)?t:q(()=>t(this.#t.player.state))())}}const mi=Xe.prototype;x(mi,"isMatch"),x(mi,"isSmallLayout");let zn=class extends Xe{static props={...super.props,when:({viewType:t})=>t==="audio",smallWhen:({width:t})=>t<576}};class jn extends $a{#t=null;#e=!1;#s=null;constructor(t){super(t),this.#e=t.type===Ds.ATTRIBUTE||t.type===Ds.BOOLEAN_ATTRIBUTE}render(t){return t!==this.#t&&(this.disconnected(),this.#t=t,this.isConnected&&this.#i()),this.#t?this.#a(f(this.#t)):wa}reconnected(){this.#i()}disconnected(){this.#s?.(),this.#s=null}#i(){this.#t&&(this.#s=d(this.#r.bind(this)))}#a(t){return this.#e?_e(t):t}#n(t){this.setValue(this.#a(t))}#r(){this.#n(this.#t?.())}}function m(a){return va(jn)(q(a))}class fe extends HTMLElement{rootPart=null;connectedCallback(){this.rootPart=oe(this.render(),this,{renderBefore:this.firstChild}),this.rootPart.setConnected(!0)}disconnectedCallback(){this.rootPart?.setConnected(!1),this.rootPart=null,oe(null,this)}}function fi(a,t){d(()=>{const{player:e}=y(),s=e.el;return s&&b(s,"data-layout",t()&&a),()=>s?.removeAttribute("data-layout")})}class gi{#t;#e;elements=new Set;constructor(t,e){this.#t=t,this.#e=e}connect(){this.#i();const t=new MutationObserver(this.#s);for(const e of this.#t)t.observe(e,{childList:!0,subtree:!0});C(()=>t.disconnect()),C(this.disconnect.bind(this))}disconnect(){this.elements.clear()}assign(t,e){Ms(t)?(e.textContent="",e.append(t)):(oe(null,e),oe(t,e)),e.style.display||(e.style.display="contents");const s=e.firstElementChild;if(!s)return;const i=e.getAttribute("data-class");i&&s.classList.add(...i.split(" "))}#s=ct(this.#i.bind(this));#i(t){if(t&&!t.some(i=>i.addedNodes.length))return;let e=!1,s=this.#t.flatMap(i=>[...i.querySelectorAll("slot")]);for(const i of s)!i.hasAttribute("name")||this.elements.has(i)||(this.elements.add(i),e=!0);e&&this.#e(this.elements)}}let Yn=0,ge="data-slot-id";class Je{#t;slots;constructor(t){this.#t=t,this.slots=new gi(t,this.#s.bind(this))}connect(){this.slots.connect(),this.#s();const t=new MutationObserver(this.#e);for(const e of this.#t)t.observe(e,{childList:!0});C(()=>t.disconnect())}#e=ct(this.#s.bind(this));#s(){for(const t of this.#t)for(const e of t.children){if(e.nodeType!==1)continue;const s=e.getAttribute("slot");if(!s)continue;e.style.display="none";let i=e.getAttribute(ge);i||e.setAttribute(ge,i=++Yn+"");for(const n of this.slots.elements){if(n.getAttribute("name")!==s||n.getAttribute(ge)===i)continue;const r=document.importNode(e,!0);s.includes("-icon")&&r.classList.add("vds-icon"),r.style.display="",r.removeAttribute("slot"),this.slots.assign(r,n),n.setAttribute(ge,i)}}}}function $t(a,t){return a()?.[t]??t}function Ze(){return m(()=>{const{translations:a,userPrefersAnnouncements:t}=M();return t()?h`<media-announcer .translations=${m(a)}></media-announcer>`:null})}function Z(a,t=""){return h`<slot
+    name=${`${a}-icon`}
+    data-class=${`vds-icon vds-${a}-icon${t?` ${t}`:""}`}
+  ></slot>`}function Zt(a){return a.map(t=>Z(t))}function E(a,t){return m(()=>$t(a,t))}function ts({tooltip:a}){const{translations:t}=M(),{remotePlaybackState:e}=j(),s=m(()=>{const n=$t(t,"AirPlay"),r=As(e());return`${n} ${r}`}),i=E(t,"AirPlay");return h`
+    <media-tooltip class="vds-airplay-tooltip vds-tooltip">
+      <media-tooltip-trigger>
+        <media-airplay-button class="vds-airplay-button vds-button" aria-label=${s}>
+          ${Z("airplay")}
+        </media-airplay-button>
+      </media-tooltip-trigger>
+      <media-tooltip-content class="vds-tooltip-content" placement=${a}>
+        <span class="vds-airplay-tooltip-text">${i}</span>
+      </media-tooltip-content>
+    </media-tooltip>
+  `}function be({tooltip:a}){const{translations:t}=M(),e=E(t,"Play"),s=E(t,"Pause");return h`
+    <media-tooltip class="vds-play-tooltip vds-tooltip">
+      <media-tooltip-trigger>
+        <media-play-button
+          class="vds-play-button vds-button"
+          aria-label=${E(t,"Play")}
+        >
+          ${Zt(["play","pause","replay"])}
+        </media-play-button>
+      </media-tooltip-trigger>
+      <media-tooltip-content class="vds-tooltip-content" placement=${a}>
+        <span class="vds-play-tooltip-text">${e}</span>
+        <span class="vds-pause-tooltip-text">${s}</span>
+      </media-tooltip-content>
+    </media-tooltip>
+  `}function bi({tooltip:a,ref:t=qe}){const{translations:e}=M(),s=E(e,"Mute"),i=E(e,"Unmute");return h`
+    <media-tooltip class="vds-mute-tooltip vds-tooltip">
+      <media-tooltip-trigger>
+        <media-mute-button
+          class="vds-mute-button vds-button"
+          aria-label=${E(e,"Mute")}
+          ${le(t)}
+        >
+          ${Zt(["mute","volume-low","volume-high"])}
+        </media-mute-button>
+      </media-tooltip-trigger>
+      <media-tooltip-content class="vds-tooltip-content" placement=${a}>
+        <span class="vds-mute-tooltip-text">${i}</span>
+        <span class="vds-unmute-tooltip-text">${s}</span>
+      </media-tooltip-content>
+    </media-tooltip>
+  `}function Xn({tooltip:a}){const{translations:t}=M(),e=E(t,"Closed-Captions On"),s=E(t,"Closed-Captions Off");return h`
+    <media-tooltip class="vds-caption-tooltip vds-tooltip">
+      <media-tooltip-trigger>
+        <media-caption-button
+          class="vds-caption-button vds-button"
+          aria-label=${E(t,"Captions")}
+        >
+          ${Zt(["cc-on","cc-off"])}
+        </media-caption-button>
+      </media-tooltip-trigger>
+      <media-tooltip-content class="vds-tooltip-content" placement=${a}>
+        <span class="vds-cc-on-tooltip-text">${s}</span>
+        <span class="vds-cc-off-tooltip-text">${e}</span>
+      </media-tooltip-content>
+    </media-tooltip>
+  `}function Jn(){const{translations:a}=M(),t=E(a,"Enter PiP"),e=E(a,"Exit PiP");return h`
+    <media-tooltip class="vds-pip-tooltip vds-tooltip">
+      <media-tooltip-trigger>
+        <media-pip-button
+          class="vds-pip-button vds-button"
+          aria-label=${E(a,"PiP")}
+        >
+          ${Zt(["pip-enter","pip-exit"])}
+        </media-pip-button>
+      </media-tooltip-trigger>
+      <media-tooltip-content class="vds-tooltip-content">
+        <span class="vds-pip-enter-tooltip-text">${t}</span>
+        <span class="vds-pip-exit-tooltip-text">${e}</span>
+      </media-tooltip-content>
+    </media-tooltip>
+  `}function yi({tooltip:a}){const{translations:t}=M(),e=E(t,"Enter Fullscreen"),s=E(t,"Exit Fullscreen");return h`
+    <media-tooltip class="vds-fullscreen-tooltip vds-tooltip">
+      <media-tooltip-trigger>
+        <media-fullscreen-button
+          class="vds-fullscreen-button vds-button"
+          aria-label=${E(t,"Fullscreen")}
+        >
+          ${Zt(["fs-enter","fs-exit"])}
+        </media-fullscreen-button>
+      </media-tooltip-trigger>
+      <media-tooltip-content class="vds-tooltip-content" placement=${a}>
+        <span class="vds-fs-enter-tooltip-text">${e}</span>
+        <span class="vds-fs-exit-tooltip-text">${s}</span>
+      </media-tooltip-content>
+    </media-tooltip>
+  `}function ye({backward:a,tooltip:t}){const{translations:e,seekStep:s}=M(),i=a?"Seek Backward":"Seek Forward",n=E(e,i);return h`
+    <media-tooltip class="vds-seek-tooltip vds-tooltip">
+      <media-tooltip-trigger>
+        <media-seek-button
+          class="vds-seek-button vds-button"
+          seconds=${m(()=>(a?-1:1)*s())}
+          aria-label=${n}
+        >
+          ${Z(a?"seek-backward":"seek-forward")}
+        </media-seek-button>
+      </media-tooltip-trigger>
+      <media-tooltip-content class="vds-tooltip-content" placement=${t}>
+        ${E(e,i)}
+      </media-tooltip-content>
+    </media-tooltip>
+  `}function vi(){const{translations:a}=M(),{live:t}=j(),e=E(a,"Skip To Live"),s=E(a,"LIVE");return t()?h`
+        <media-live-button class="vds-live-button" aria-label=${e}>
+          <span class="vds-live-button-text">${s}</span>
+        </media-live-button>
+      `:null}function es(){return m(()=>{const{download:a,translations:t}=M(),e=a();if(Ta(e))return null;const{source:s,title:i}=j(),n=s(),r=Ns({title:i(),src:n,download:e});return P(r?.url)?h`
+          <media-tooltip class="vds-download-tooltip vds-tooltip">
+            <media-tooltip-trigger>
+              <a
+                role="button"
+                class="vds-download-button vds-button"
+                aria-label=${E(t,"Download")}
+                href=${Fs(r.url,{download:r.name})}
+                download=${r.name}
+                target="_blank"
+              >
+                <slot name="download-icon" data-class="vds-icon" />
+              </a>
+            </media-tooltip-trigger>
+            <media-tooltip-content class="vds-tooltip-content" placement="top">
+              ${E(t,"Download")}
+            </media-tooltip-content>
+          </media-tooltip>
+        `:null})}function ss(){const{translations:a}=M();return h`
+    <media-captions
+      class="vds-captions"
+      .exampleText=${E(a,"Captions look like this")}
+    ></media-captions>
+  `}function pt(){return h`<div class="vds-controls-spacer"></div>`}function is(a,t){return h`
+    <media-menu-portal .container=${m(a)} disabled="fullscreen">
+      ${t}
+    </media-menu-portal>
+  `}function $i(a,t,e,s){let i=P(t)?document.querySelector(t):t;i||(i=a?.closest("dialog")),i||(i=document.body);const n=document.createElement("div");n.style.display="contents",n.classList.add(e),i.append(n),d(()=>{if(!n)return;const{viewType:o}=j(),l=s();b(n,"data-view-type",o()),b(n,"data-sm",l),b(n,"data-lg",!l),b(n,"data-size",l?"sm":"lg")});const{colorScheme:r}=M();return ai(n,r),n}function wi({placement:a,tooltip:t,portal:e}){const{textTracks:s}=y(),{viewType:i,seekableStart:n,seekableEnd:r}=j(),{translations:o,thumbnails:l,menuPortal:c,noModal:u,menuGroup:p,smallWhen:v}=M();if(q(()=>{const it=n(),kt=r(),St=g(null);return jt(s,"chapters",St.set),!St()?.cues.filter(It=>It.startTime<=kt&&It.endTime>=it)?.length})())return null;const S=q(()=>u()?Rt(a):v()?null:Rt(a)),V=q(()=>!v()&&p()==="bottom"&&i()==="video"?26:0),D=g(!1);function st(){D.set(!0)}function _t(){D.set(!1)}const Tt=h`
+    <media-menu-items
+      class="vds-chapters-menu-items vds-menu-items"
+      placement=${m(S)}
+      offset=${m(V)}
+    >
+      ${m(()=>D()?h`
+          <media-chapters-radio-group
+            class="vds-chapters-radio-group vds-radio-group"
+            .thumbnails=${m(l)}
+          >
+            <template>
+              <media-radio class="vds-chapter-radio vds-radio">
+                <media-thumbnail class="vds-thumbnail"></media-thumbnail>
+                <div class="vds-chapter-radio-content">
+                  <span class="vds-chapter-radio-label" data-part="label"></span>
+                  <span class="vds-chapter-radio-start-time" data-part="start-time"></span>
+                  <span class="vds-chapter-radio-duration" data-part="duration"></span>
+                </div>
+              </media-radio>
+            </template>
+          </media-chapters-radio-group>
+        `:null)}
+    </media-menu-items>
+  `;return h`
+    <media-menu class="vds-chapters-menu vds-menu" @open=${st} @close=${_t}>
+      <media-tooltip class="vds-tooltip">
+        <media-tooltip-trigger>
+          <media-menu-button
+            class="vds-menu-button vds-button"
+            aria-label=${E(o,"Chapters")}
+          >
+            ${Z("menu-chapters")}
+          </media-menu-button>
+        </media-tooltip-trigger>
+        <media-tooltip-content
+          class="vds-tooltip-content"
+          placement=${Qt(t)?m(t):t}
+        >
+          ${E(o,"Chapters")}
+        </media-tooltip-content>
+      </media-tooltip>
+      ${is(c,Tt)}
+    </media-menu>
+  `}function as(a){const{style:t}=new Option;return t.color=a,t.color.match(/\((.*?)\)/)[1].replace(/,/g," ")}const ns={type:"color"},Zn={type:"radio",values:{"Monospaced Serif":"mono-serif","Proportional Serif":"pro-serif","Monospaced Sans-Serif":"mono-sans","Proportional Sans-Serif":"pro-sans",Casual:"casual",Cursive:"cursive","Small Capitals":"capitals"}},tr={type:"slider",min:0,max:400,step:25,upIcon:null,downIcon:null},er={type:"slider",min:0,max:100,step:5,upIcon:null,downIcon:null},sr={type:"radio",values:["None","Drop Shadow","Raised","Depressed","Outline"]},ve={fontFamily:"pro-sans",fontSize:"100%",textColor:"#ffffff",textOpacity:"100%",textShadow:"none",textBg:"#000000",textBgOpacity:"100%",displayBg:"#000000",displayBgOpacity:"0%"},At=Object.keys(ve).reduce((a,t)=>({...a,[t]:g(ve[t])}),{});for(const a of Object.keys(At)){const t=localStorage.getItem(`vds-player:${Ot(a)}`);P(t)&&At[a].set(t)}function ir(){for(const a of Object.keys(At)){const t=ve[a];At[a].set(t)}}let Ti=!1,rs=new Set;function ar(){const{player:a}=y();rs.add(a),C(()=>rs.delete(a)),Ti||(zt(()=>{for(const t of ka(At)){const e=At[t],s=ve[t],i=`--media-user-${Ot(t)}`,n=`vds-player:${Ot(t)}`;d(()=>{const r=e(),o=r===s,l=o?null:nr(a,t,r);for(const c of rs)c.el?.style.setProperty(i,l);o?localStorage.removeItem(n):localStorage.setItem(n,r)})}},null),Ti=!0)}function nr(a,t,e){switch(t){case"fontFamily":const s=e==="capitals"?"small-caps":"";return a.el?.style.setProperty("--media-user-font-variant",s),or(e);case"fontSize":case"textOpacity":case"textBgOpacity":case"displayBgOpacity":return rr(e);case"textColor":return`rgb(${as(e)} / var(--media-user-text-opacity, 1))`;case"textShadow":return lr(e);case"textBg":return`rgb(${as(e)} / var(--media-user-text-bg-opacity, 1))`;case"displayBg":return`rgb(${as(e)} / var(--media-user-display-bg-opacity, 1))`}}function rr(a){return(parseInt(a)/100).toString()}function or(a){switch(a){case"mono-serif":return'"Courier New", Courier, "Nimbus Mono L", "Cutive Mono", monospace';case"mono-sans":return'"Deja Vu Sans Mono", "Lucida Console", Monaco, Consolas, "PT Mono", monospace';case"pro-sans":return'Roboto, "Arial Unicode Ms", Arial, Helvetica, Verdana, "PT Sans Caption", sans-serif';case"casual":return'"Comic Sans MS", Impact, Handlee, fantasy';case"cursive":return'"Monotype Corsiva", "URW Chancery L", "Apple Chancery", "Dancing Script", cursive';case"capitals":return'"Arial Unicode Ms", Arial, Helvetica, Verdana, "Marcellus SC", sans-serif + font-variant=small-caps';default:return'"Times New Roman", Times, Georgia, Cambria, "PT Serif Caption", serif'}}function lr(a){switch(a){case"drop shadow":return"rgb(34, 34, 34) 1.86389px 1.86389px 2.79583px, rgb(34, 34, 34) 1.86389px 1.86389px 3.72778px, rgb(34, 34, 34) 1.86389px 1.86389px 4.65972px";case"raised":return"rgb(34, 34, 34) 1px 1px, rgb(34, 34, 34) 2px 2px";case"depressed":return"rgb(204, 204, 204) 1px 1px, rgb(34, 34, 34) -1px -1px";case"outline":return"rgb(34, 34, 34) 0px 0px 1.86389px, rgb(34, 34, 34) 0px 0px 1.86389px, rgb(34, 34, 34) 0px 0px 1.86389px, rgb(34, 34, 34) 0px 0px 1.86389px, rgb(34, 34, 34) 0px 0px 1.86389px";default:return""}}function dr({label:a,checked:t,defaultChecked:e=!1,storageKey:s,onChange:i}){const{translations:n}=M(),r=localStorage.getItem(s),o=g(!!(r??e)),l=g(!1),c=m(K(o)),u=E(n,a);i(f(o)),t&&d(()=>void o.set(t()));function p(S){S?.button!==1&&(o.set(V=>!V),localStorage.setItem(s,o()?"1":""),i(o(),S),l.set(!1))}function v(S){Ut(S)&&p()}function $(S){S.button===0&&l.set(!0)}return h`
+    <div
+      class="vds-menu-checkbox"
+      role="menuitemcheckbox"
+      tabindex="0"
+      aria-label=${u}
+      aria-checked=${c}
+      data-active=${m(()=>l()?"":null)}
+      @pointerup=${p}
+      @pointerdown=${$}
+      @keydown=${v}
+    ></div>
+  `}let cr=0;function Ft({label:a="",value:t="",children:e}){if(!a)return h`
+      <div class="vds-menu-section">
+        <div class="vds-menu-section-body">${e}</div>
+      </div>
+    `;const s=`vds-menu-section-${++cr}`;return h`
+    <section class="vds-menu-section" role="group" aria-labelledby=${s}>
+      <div class="vds-menu-section-title">
+        <header id=${s}>${a}</header>
+        ${t?h`<div class="vds-menu-section-value">${t}</div>`:null}
+      </div>
+      <div class="vds-menu-section-body">${e}</div>
+    </section>
+  `}function ki({label:a,children:t}){return h`
+    <div class="vds-menu-item">
+      <div class="vds-menu-item-label">${a}</div>
+      ${t}
+    </div>
+  `}function Si({label:a,icon:t,hint:e}){return h`
+    <media-menu-button class="vds-menu-item">
+      ${Z("menu-arrow-left","vds-menu-close-icon")}
+      ${t?Z(t,"vds-menu-item-icon"):null}
+      <span class="vds-menu-item-label">${m(a)}</span>
+      <span class="vds-menu-item-hint" data-part="hint">${e?m(e):null} </span>
+      ${Z("menu-arrow-right","vds-menu-open-icon")}
+    </media-menu-button>
+  `}function ur({value:a=null,options:t,hideLabel:e=!1,children:s=null,onChange:i=null}){function n(r){const{value:o,label:l}=r;return h`
+      <media-radio class="vds-radio" value=${o}>
+        ${Z("menu-radio-check")}
+        ${e?null:h`
+              <span class="vds-radio-label" data-part="label">
+                ${P(l)?l:m(l)}
+              </span>
+            `}
+        ${Qt(s)?s(r):s}
+      </media-radio>
+    `}return h`
+    <media-radio-group
+      class="vds-radio-group"
+      value=${P(a)?a:a?m(a):""}
+      @change=${i}
+    >
+      ${U(t)?t.map(n):m(()=>t().map(n))}
+    </media-radio-group>
+  `}function hr(a){return U(a)?a.map(t=>({label:t,value:t.toLowerCase()})):Object.keys(a).map(t=>({label:t,value:a[t]}))}function pr(){const{remote:a}=y(),{translations:t}=M(),e="Dual Captions Separation";return ki({label:E(t,e),children:dr({label:e,storageKey:"vds-player::user-dual-captions-separation",onChange(s,i){a.userDualCaptionChange(s,i)}})})}function xi(){return h`
+    <div class="vds-slider-track"></div>
+    <div class="vds-slider-track-fill vds-slider-track"></div>
+    <div class="vds-slider-thumb"></div>
+  `}function Pi(){return h`
+    <media-slider-steps class="vds-slider-steps">
+      <template>
+        <div class="vds-slider-step"></div>
+      </template>
+    </media-slider-steps>
+  `}function Ci({label:a=null,value:t=null,upIcon:e="",downIcon:s="",children:i,isMin:n,isMax:r}){const o=a||t,l=[s?Z(s,"down"):null,i,e?Z(e,"up"):null];return h`
+    <div
+      class=${`vds-menu-item vds-menu-slider-item${o?" group":""}`}
+      data-min=${m(()=>n()?"":null)}
+      data-max=${m(()=>r()?"":null)}
+    >
+      ${o?h`
+            <div class="vds-menu-slider-title">
+              ${[a?h`<div>${a}</div>`:null,t?h`<div>${t}</div>`:null]}
+            </div>
+            <div class="vds-menu-slider-body">${l}</div>
+          `:l}
+    </div>
+  `}const mr={...tr,upIcon:"menu-opacity-up",downIcon:"menu-opacity-down"},os={...er,upIcon:"menu-opacity-up",downIcon:"menu-opacity-down"};function fr(){return m(()=>{const{hasCaptions:a}=j(),{translations:t}=M();return a()?h`
+      <media-menu class="vds-font-menu vds-menu">
+        ${Si({label:()=>$t(t,"Caption Styles")})}
+        <media-menu-items class="vds-menu-items">
+          ${[Ft({label:E(t,"Font"),children:[gr(),br()]}),Ft({label:E(t,"Text"),children:[yr(),$r(),vr()]}),Ft({label:E(t,"Text Background"),children:[wr(),Tr()]}),Ft({label:E(t,"Display Background"),children:[kr(),Sr()]}),Ft({children:[xr()]})]}
+        </media-menu-items>
+      </media-menu>
+    `:null})}function gr(){return mt({label:"Family",option:Zn,type:"fontFamily"})}function br(){return mt({label:"Size",option:mr,type:"fontSize"})}function yr(){return mt({label:"Color",option:ns,type:"textColor"})}function vr(){return mt({label:"Opacity",option:os,type:"textOpacity"})}function $r(){return mt({label:"Shadow",option:sr,type:"textShadow"})}function wr(){return mt({label:"Color",option:ns,type:"textBg"})}function Tr(){return mt({label:"Opacity",option:os,type:"textBgOpacity"})}function kr(){return mt({label:"Color",option:ns,type:"displayBg"})}function Sr(){return mt({label:"Opacity",option:os,type:"displayBgOpacity"})}function xr(){const{translations:a}=M();return h`
+    <button class="vds-menu-item" role="menuitem" @click=${ir}>
+      <span class="vds-menu-item-label">${m(()=>$t(a,"Reset"))}</span>
+    </button>
+  `}function mt({label:a,option:t,type:e}){const{player:s}=y(),{translations:i}=M(),n=At[e],r=()=>$t(i,a);function o(){lt(),s.dispatchEvent(new Event("vds-font-change"))}if(t.type==="color"){let u=function(p){n.set(p.target.value),o()};return ki({label:m(r),children:h`
+        <input
+          class="vds-color-picker"
+          type="color"
+          .value=${m(n)}
+          @input=${u}
+        />
+      `})}if(t.type==="slider"){let u=function(D){n.set(D.detail+"%"),o()};const{min:p,max:v,step:$,upIcon:S,downIcon:V}=t;return Ci({label:m(r),value:m(n),upIcon:S,downIcon:V,isMin:()=>n()===p+"%",isMax:()=>n()===v+"%",children:h`
+        <media-slider
+          class="vds-slider"
+          min=${p}
+          max=${v}
+          step=${$}
+          key-step=${$}
+          .value=${m(()=>parseInt(n()))}
+          aria-label=${m(r)}
+          @value-change=${u}
+          @drag-value-change=${u}
+        >
+          ${xi()}${Pi()}
+        </media-slider>
+      `})}const l=hr(t.values),c=()=>{const u=n(),p=l.find(v=>v.value===u)?.label||"";return $t(i,P(p)?p:p())};return h`
+    <media-menu class=${`vds-${Ot(e)}-menu vds-menu`}>
+      ${Si({label:r,hint:c})}
+      <media-menu-items class="vds-menu-items">
+        ${ur({value:n,options:l,onChange({detail:u}){n.set(u),o()}})}
+      </media-menu-items>
+    </media-menu>
+  `}function Pr(){return m(()=>{const{translations:a}=M(),{canSetPlaybackRate:t,playbackRate:e}=j();return t()?Ft({label:E(a,"Speed"),value:m(()=>e()===1?$t(a,"Normal"):e()+"x"),children:[Ci({upIcon:"menu-speed-up",downIcon:"menu-speed-down",children:Er(),isMin:()=>e()===Ei(),isMax:()=>e()===Mi()})]}):null})}function Ei(){const{playbackRates:a}=M(),t=a();return U(t)?t[0]??0:t.min}function Mi(){const{playbackRates:a}=M(),t=a();return U(t)?t[t.length-1]??2:t.max}function Cr(){const{playbackRates:a}=M(),t=a();return U(t)?t[1]-t[0]||.25:t.step}function Er(){const{translations:a}=M(),t=E(a,"Speed"),e=Ei,s=Mi,i=Cr;return h`
+    <media-speed-slider
+      class="vds-speed-slider vds-slider"
+      aria-label=${t}
+      min=${m(e)}
+      max=${m(s)}
+      step=${m(i)}
+      key-step=${m(i)}
+    >
+      ${xi()}${Pi()}
+    </media-speed-slider>
+  `}function Ai({placement:a,portal:t,tooltip:e}){return m(()=>{const{viewType:s}=j(),{translations:i,menuPortal:n,noModal:r,menuGroup:o,smallWhen:l}=M(),c=q(()=>r()?Rt(a):l()?null:Rt(a)),u=q(()=>!l()&&o()==="bottom"&&s()==="video"?26:0),p=g(!1);ar();function v(){p.set(!0)}function $(){p.set(!1)}const S=h`
+      <media-menu-items
+        class="vds-settings-menu-items vds-menu-items"
+        placement=${m(c)}
+        offset=${m(u)}
+      >
+        ${m(()=>p()?[Pr(),fr(),pr()]:null)}
+      </media-menu-items>
+    `;return h`
+      <media-menu class="vds-settings-menu vds-menu" @open=${v} @close=${$}>
+        <media-tooltip class="vds-tooltip">
+          <media-tooltip-trigger>
+            <media-menu-button
+              class="vds-menu-button vds-button"
+              aria-label=${E(i,"Settings")}
+            >
+              ${Z("menu-settings","vds-rotate-icon")}
+            </media-menu-button>
+          </media-tooltip-trigger>
+          <media-tooltip-content
+            class="vds-tooltip-content"
+            placement=${Qt(e)?m(e):e}
+          >
+            ${E(i,"Settings")}
+          </media-tooltip-content>
+        </media-tooltip>
+        ${is(n,S)}
+      </media-menu>
+    `})}function ls({orientation:a,tooltip:t}){return m(()=>{const{pointer:e,muted:s,canSetVolume:i}=j();if(e()==="coarse"&&!s())return null;if(!i())return bi({tooltip:t});const n=g(void 0),r=yn(n);return h`
+      <div class="vds-volume" ?data-active=${m(r)} ${le(n.set)}>
+        ${bi({tooltip:t})}
+        <div class="vds-volume-popup">${Mr({orientation:a})}</div>
+      </div>
+    `})}function Mr({orientation:a}={}){const{translations:t}=M(),e=E(t,"Volume");return h`
+    <media-volume-slider
+      class="vds-volume-slider vds-slider"
+      aria-label=${e}
+      orientation=${_e(a)}
+    >
+      <div class="vds-slider-track"></div>
+      <div class="vds-slider-track-fill vds-slider-track"></div>
+      <media-slider-preview class="vds-slider-preview" no-clamp>
+        <media-slider-value class="vds-slider-value"></media-slider-value>
+      </media-slider-preview>
+      <div class="vds-slider-thumb"></div>
+    </media-volume-slider>
+  `}function ds(){const a=g(void 0),t=g(0),{thumbnails:e,translations:s,sliderChaptersMinWidth:i,disableTimeSlider:n,seekStep:r,noScrubGesture:o}=M(),l=E(s,"Seek"),c=m(n),u=m(()=>t()<i()),p=m(e);return ii(a,()=>{const v=a();v&&t.set(v.clientWidth)}),h`
+    <media-time-slider
+      class="vds-time-slider vds-slider"
+      aria-label=${l}
+      key-step=${m(r)}
+      ?disabled=${c}
+      ?no-swipe-gesture=${m(o)}
+      ${le(a.set)}
+    >
+      <media-slider-chapters class="vds-slider-chapters" ?disabled=${u}>
+        <template>
+          <div class="vds-slider-chapter">
+            <div class="vds-slider-track"></div>
+            <div class="vds-slider-track-fill vds-slider-track"></div>
+            <div class="vds-slider-progress vds-slider-track"></div>
+          </div>
+        </template>
+      </media-slider-chapters>
+      <div class="vds-slider-thumb"></div>
+      <media-slider-preview class="vds-slider-preview">
+        <media-slider-thumbnail
+          class="vds-slider-thumbnail vds-thumbnail"
+          .src=${p}
+        ></media-slider-thumbnail>
+        <div class="vds-slider-chapter-title" data-part="chapter-title"></div>
+        <media-slider-value class="vds-slider-value"></media-slider-value>
+      </media-slider-preview>
+    </media-time-slider>
+  `}function Ar(){return h`
+    <div class="vds-time-group">
+      ${m(()=>{const{duration:a}=j();return a()?[h`<media-time class="vds-time" type="current"></media-time>`,h`<div class="vds-time-divider">/</div>`,h`<media-time class="vds-time" type="duration"></media-time>`]:null})}
+    </div>
+  `}function Lr(){return m(()=>{const{live:a,duration:t}=j();return a()?vi():t()?h`<media-time class="vds-time" type="current" toggle remainder></media-time>`:null})}function Li(){return m(()=>{const{live:a}=j();return a()?vi():Ar()})}function Di(){return m(()=>{const{textTracks:a}=y(),{title:t,started:e}=j(),s=g(null);return jt(a,"chapters",s.set),s()&&(e()||!t())?qi():h`<media-title class="vds-chapter-title"></media-title>`})}function qi(){return h`<media-chapter-title class="vds-chapter-title"></media-chapter-title>`}function Dr(){return[Ze(),ss(),h`
+      <media-controls class="vds-controls">
+        <media-controls-group class="vds-controls-group">
+          ${[ye({backward:!0,tooltip:"top start"}),be({tooltip:"top"}),ye({tooltip:"top"}),qr(),ds(),Lr(),ls({orientation:"vertical",tooltip:"top"}),Xn({tooltip:"top"}),es(),ts({tooltip:"top"}),_r()]}
+        </media-controls-group>
+      </media-controls>
+    `]}function qr(){return m(()=>{let a=g(void 0),t=g(!1),e=y(),{title:s,started:i,currentTime:n,ended:r}=j(),{translations:o}=M(),l=bn(a),c=()=>i()||n()>0;const u=()=>{const $=r()?"Replay":c()?"Continue":"Play";return`${$t(o,$)}: ${s()}`};d(()=>{l()&&document.activeElement===document.body&&e.player.el?.focus({preventScroll:!0})});function p(){const $=a(),S=!!$&&!l()&&$.clientWidth<$.children[0].clientWidth;$&&Le($,"vds-marquee",S),t.set(S)}function v(){return h`
+        <span class="vds-title-text">
+          ${m(u)}${m(()=>c()?qi():null)}
+        </span>
+      `}return ii(a,p),s()?h`
+          <span class="vds-title" title=${m(u)} ${le(a.set)}>
+            ${[v(),m(()=>t()&&!l()?v():null)]}
+          </span>
+        `:pt()})}function _r(){const a="top end";return[wi({tooltip:"top",placement:a,portal:!0}),Ai({tooltip:"top end",placement:a,portal:!0})]}function _i({name:a,class:t,state:e,paths:s,viewBox:i="0 0 32 32"}){return h`<svg
+    class="${"vds-icon"+(t?` ${t}`:"")}"
+    viewBox="${i}"
+    fill="none"
+    aria-hidden="true"
+    focusable="false"
+    xmlns="http://www.w3.org/2000/svg"
+    data-icon=${_e(a??e)}
+  >
+    ${P(s)?Sa(s):m(s)}
+  </svg>`}class Ir{#t={};#e=!1;slots;constructor(t){this.slots=new gi(t,this.#i.bind(this))}connect(){this.slots.connect()}load(){this.loadIcons().then(t=>{this.#t=t,this.#e=!0,this.#i()})}*#s(){for(const t of Object.keys(this.#t)){const e=`${t}-icon`;for(const s of this.slots.elements)s.name===e&&(yield{icon:this.#t[t],slot:s})}}#i(){if(this.#e)for(const{icon:t,slot:e}of this.#s())this.slots.assign(t,e)}}class Ii extends Ir{connect(){super.connect();const{player:t}=y();if(!t.el)return;let e,s=new IntersectionObserver(i=>{i[0]?.isIntersecting&&(e?.(),e=void 0,this.load())});s.observe(t.el),e=C(()=>s.disconnect())}}class Vi extends Ii{async loadIcons(){const t=(await import("./vidstack-DVBs1XoQ.js")).icons,e={};for(const s of Object.keys(t))e[s]=_i({name:s,paths:t[s]});return e}}class Vr extends T(fe,zn){static tagName="media-audio-layout";static attrs={smallWhen:{converter(t){return t!=="never"&&!!t}}};#t;#e=g(!1);onSetup(){this.forwardKeepAlive=!1,this.#t=y(),this.classList.add("vds-audio-layout"),this.#a()}onConnect(){fi("audio",()=>this.isMatch),this.#i()}render(){return m(this.#s.bind(this))}#s(){return this.isMatch?Dr():null}#i(){const{menuPortal:t}=M();d(()=>{if(!this.isMatch)return;const e=$i(this,this.menuContainer,"vds-audio-layout",()=>this.isSmallLayout),s=e?[this,e]:[this];return(this.$props.customIcons()?new Je(s):new Vi(s)).connect(),t.set(e),()=>{e.remove(),t.set(null)}})}#a(){const{pointer:t}=this.#t.$state;d(()=>{t()==="coarse"&&d(this.#n.bind(this))})}#n(){if(!this.#e()){H(this,"pointerdown",this.#r.bind(this),{capture:!0});return}H(this,"pointerdown",t=>t.stopPropagation()),H(window,"pointerdown",this.#o.bind(this))}#r(t){const{target:e}=t;vt(e)&&e.closest(".vds-time-slider")&&(t.stopImmediatePropagation(),this.setAttribute("data-scrubbing",""),this.#e.set(!0))}#o(){this.#e.set(!1),this.removeAttribute("data-scrubbing")}}class Or extends Xe{static props={...super.props,when:({viewType:t})=>t==="video",smallWhen:({width:t,height:e})=>t<576||e<380}}function Oi(){return m(()=>{const a=y(),{noKeyboardAnimations:t,userPrefersKeyboardAnimations:e}=M();if(q(()=>t()||!e())())return null;const i=g(!1),{lastKeyboardAction:n}=a.$state;d(()=>{i.set(!!n());const p=setTimeout(()=>i.set(!1),500);return()=>{i.set(!1),window.clearTimeout(p)}});const r=q(()=>{const p=n()?.action;return p&&i()?Ot(p):null}),o=q(()=>`vds-kb-action${i()?"":" hidden"}`),l=q(Rr),c=q(()=>{const p=Nr();return p?gn(p):null});function u(){const p=c();return p?h`
+        <div class="vds-kb-bezel">
+          <div class="vds-kb-icon">${p}</div>
+        </div>
+      `:null}return h`
+      <div class=${m(o)} data-action=${m(r)}>
+        <div class="vds-kb-text-wrapper">
+          <div class="vds-kb-text">${m(l)}</div>
+        </div>
+        ${m(()=>xa(n(),u()))}
+      </div>
+    `})}function Rr(){const{$state:a}=y(),t=a.lastKeyboardAction()?.action,e=a.audioGain()??1;switch(t){case"toggleMuted":return a.muted()?"0%":Ri(a.volume(),e);case"volumeUp":case"volumeDown":return Ri(a.volume(),e);default:return""}}function Ri(a,t){return`${Math.round(a*t*100)}%`}function Nr(){const{$state:a}=y();switch(a.lastKeyboardAction()?.action){case"togglePaused":return a.paused()?"kb-pause-icon":"kb-play-icon";case"toggleMuted":return a.muted()||a.volume()===0?"kb-mute-icon":a.volume()>=.5?"kb-volume-up-icon":"kb-volume-down-icon";case"toggleFullscreen":return`kb-fs-${a.fullscreen()?"enter":"exit"}-icon`;case"togglePictureInPicture":return`kb-pip-${a.pictureInPicture()?"enter":"exit"}-icon`;case"toggleCaptions":return a.hasCaptions()?`kb-cc-${a.textTrack()?"on":"off"}-icon`:null;case"volumeUp":return"kb-volume-up-icon";case"volumeDown":return"kb-volume-down-icon";case"seekForward":return"kb-seek-forward-icon";case"seekBackward":return"kb-seek-backward-icon";default:return null}}function Fr({placement:a,portal:t,tooltip:e}){return m(()=>{const{translations:s,menuPortal:i,noModal:n,menuGroup:r,smallWhen:o}=M(),{viewType:l,hasCaptions:c}=j(),u=E(s,"Off");if(!c())return null;const p=q(()=>n()?Rt(a):o()?null:Rt(a)),v=q(()=>!o()&&r()==="bottom"&&l()==="video"?26:0),$=g(!1);function S(){$.set(!0)}function V(){$.set(!1)}const D=h`
+      <media-menu-items
+        class="vds-settings-menu-items vds-menu-items"
+        placement=${m(p)}
+        offset=${m(v)}
+      >
+        ${m(()=>$()?h`
+            <media-captions-radio-group
+              class="vds-captions-radio-group vds-radio-group"
+              off-label=${u}
+            >
+              <template>
+                <media-radio class="vds-caption-radio vds-radio">
+                  <slot name="menu-radio-check-icon" data-class="vds-icon"></slot>
+                  <span class="vds-radio-label" data-part="label"></span>
+                </media-radio>
+              </template>
+            </media-captions-radio-group>
+          `:null)}
+      </media-menu-items>
+    `;return h`
+      <media-menu class="vds-captions-menu vds-menu" @open=${S} @close=${V}>
+        <media-tooltip class="vds-tooltip">
+          <media-tooltip-trigger>
+            <media-menu-button
+              class="vds-menu-button vds-button"
+              aria-label=${E(s,"Captions")}
+            >
+              ${Z("cc-off")}
+            </media-menu-button>
+          </media-tooltip-trigger>
+          <media-tooltip-content
+            class="vds-tooltip-content"
+            placement=${Qt(e)?m(e):e}
+          >
+            ${E(s,"Captions")}
+          </media-tooltip-content>
+        </media-tooltip>
+        ${is(i,D)}
+      </media-menu>
+    `})}function Hr(){return[Ze(),Ni(),$e(),Oi(),ss(),h`<div class="vds-scrim"></div>`,h`
+      <media-controls class="vds-controls">
+        ${[Gr(),pt(),h`<media-controls-group class="vds-controls-group"></media-controls-group>`,pt(),h`
+            <media-controls-group class="vds-controls-group">
+              ${ds()}
+            </media-controls-group>
+          `,h`
+            <media-controls-group class="vds-controls-group">
+              ${[be({tooltip:"top start"}),ye({backward:!0,tooltip:"top"}),ye({backward:!1,tooltip:"top"}),ls({orientation:"horizontal",tooltip:"top"}),Li(),Di(),Br(),ts({tooltip:"top"}),es(),Jn(),yi({tooltip:"top end"})]}
+            </media-controls-group>
+          `]}
+      </media-controls>
+    `]}function Br(){return m(()=>{const{menuGroup:a}=M();return a()==="bottom"?cs():null})}function Gr(){return h`
+    <media-controls-group class="vds-controls-group">
+      ${m(()=>{const{menuGroup:a}=M();return a()==="top"?[pt(),cs()]:null})}
+    </media-controls-group>
+  `}function Kr(){return[Ze(),Ni(),$e(),ss(),Oi(),h`<div class="vds-scrim"></div>`,h`
+      <media-controls class="vds-controls">
+        <media-controls-group class="vds-controls-group">
+          ${[ts({tooltip:"top start"}),pt(),es(),cs(),ls({orientation:"vertical",tooltip:"bottom end"})]}
+        </media-controls-group>
+
+        ${pt()}
+
+        <media-controls-group class="vds-controls-group" style="pointer-events: none;">
+          ${[pt(),be({tooltip:"top"}),pt()]}
+        </media-controls-group>
+
+        ${pt()}
+
+        <media-controls-group class="vds-controls-group">
+          ${[Li(),Di(),yi({tooltip:"top end"})]}
+        </media-controls-group>
+
+        <media-controls-group class="vds-controls-group">
+          ${ds()}
+        </media-controls-group>
+      </media-controls>
+    `,Ur()]}function Wr(){return h`
+    <div class="vds-load-container">
+      ${[$e(),be({tooltip:"top"})]}
+    </div>
+  `}function Ur(){return m(()=>{const{duration:a}=j();return a()===0?null:h`
+      <div class="vds-start-duration">
+        <media-time class="vds-time" type="duration"></media-time>
+      </div>
+    `})}function $e(){return h`
+    <div class="vds-buffering-indicator">
+      <media-spinner class="vds-buffering-spinner"></media-spinner>
+    </div>
+  `}function cs(){const{menuGroup:a,smallWhen:t}=M(),e=()=>a()==="top"||t()?"bottom":"top",s=q(()=>`${e()} ${a()==="top"?"end":"center"}`),i=q(()=>`${e()} end`);return[wi({tooltip:s,placement:i,portal:!0}),Fr({tooltip:s,placement:i,portal:!0}),Ai({tooltip:s,placement:i,portal:!0})]}function Ni(){return m(()=>{const{noGestures:a}=M();return a()?null:h`
+      <div class="vds-gestures">
+        <media-gesture class="vds-gesture" event="pointerup" action="toggle:paused"></media-gesture>
+        <media-gesture
+          class="vds-gesture"
+          event="pointerup"
+          action="toggle:controls"
+        ></media-gesture>
+        <media-gesture
+          class="vds-gesture"
+          event="dblpointerup"
+          action="toggle:fullscreen"
+        ></media-gesture>
+        <media-gesture class="vds-gesture" event="dblpointerup" action="seek:-10"></media-gesture>
+        <media-gesture class="vds-gesture" event="dblpointerup" action="seek:10"></media-gesture>
+      </div>
+    `})}class Qr extends T(fe,Or){static tagName="media-video-layout";static attrs={smallWhen:{converter(t){return t!=="never"&&!!t}}};#t;onSetup(){this.forwardKeepAlive=!1,this.#t=y(),this.classList.add("vds-video-layout")}onConnect(){fi("video",()=>this.isMatch),this.#e()}render(){return m(this.#s.bind(this))}#e(){const{menuPortal:t}=M();d(()=>{if(!this.isMatch)return;const e=$i(this,this.menuContainer,"vds-video-layout",()=>this.isSmallLayout),s=e?[this,e]:[this];return(this.$props.customIcons()?new Je(s):new Vi(s)).connect(),t.set(e),()=>{e.remove(),t.set(null)}})}#s(){const{load:t}=this.#t.$props,{canLoad:e,streamType:s,nativeControls:i}=this.#t.$state;return!i()&&this.isMatch?t()==="play"&&!e()?Wr():s()==="unknown"?$e():this.isSmallLayout?Kr():Hr():null}}const Fi=ot();function R(){return O(Fi)}const zr={clickToPlay:!0,clickToFullscreen:!0,controls:["play-large","play","progress","current-time","mute+volume","captions","settings","pip","airplay","fullscreen"],customIcons:!1,displayDuration:!1,download:null,markers:null,invertTime:!0,thumbnails:null,toggleTime:!0,translations:null,seekTime:10,speed:[.5,.75,1,1.25,1.5,1.75,2,4]};class jr extends k{static props=zr;#t;onSetup(){this.#t=y(),X(Fi,{...this.$props,previewTime:g(0)})}}function Yr(a,t){const{canAirPlay:e,canFullscreen:s,canPictureInPicture:i,controlsHidden:n,currentTime:r,fullscreen:o,hasCaptions:l,isAirPlayConnected:c,paused:u,pictureInPicture:p,playing:v,pointer:$,poster:S,textTrack:V,viewType:D,waiting:st}=t.$state;a.classList.add("plyr"),a.classList.add("plyr--full-ui");const _t={"plyr--airplay-active":c,"plyr--airplay-supported":e,"plyr--fullscreen-active":o,"plyr--fullscreen-enabled":s,"plyr--hide-controls":n,"plyr--is-touch":()=>$()==="coarse","plyr--loading":st,"plyr--paused":u,"plyr--pip-active":p,"plyr--pip-enabled":i,"plyr--playing":v,"plyr__poster-enabled":S,"plyr--stopped":()=>u()&&r()===0,"plyr--captions-active":V,"plyr--captions-enabled":l},Tt=Pa();for(const it of Object.keys(_t))Tt.add(d(()=>void a.classList.toggle(it,!!_t[it]())));return Tt.add(d(()=>{const it=`plyr--${D()}`;return a.classList.add(it),()=>a.classList.remove(it)}),d(()=>{const{$provider:it}=t,kt=it()?.type,St=`plyr--${Xr(kt)?"html5":kt}`;return a.classList.toggle(St,!!kt),()=>a.classList.remove(St)})),()=>Tt.empty()}function Xr(a){return a==="audio"||a==="video"}class Jr extends Ii{async loadIcons(){const t=(await import("./vidstack-Dge3KT8k.js")).icons,e={};for(const s of Object.keys(t))e[s]=_i({name:s,paths:t[s],viewBox:"0 0 18 18"});return e}}function we(a,t){return a()?.[t]??t}function Zr(){return io()}function to(){const a=y(),{load:t}=a.$props,{canLoad:e}=a.$state;return q(()=>t()==="play"&&!e())()?[Hi(),Bi()]:[eo(),so(),Bi(),ao(),$o(),wo()]}function Hi(){const a=y(),{translations:t}=R(),{title:e}=a.$state,s=m(()=>`${we(t,"Play")}, ${e()}`);return h`
+    <media-play-button
+      class="plyr__control plyr__control--overlaid"
+      aria-label=${s}
+      data-plyr="play"
+    >
+      <slot name="play-icon"></slot>
+    </button>
+  `}function eo(){const{controls:a}=R();return m(()=>a().includes("play-large")?Hi():null)}function so(){const{thumbnails:a,previewTime:t}=R();return h`
+    <media-thumbnail
+      .src=${m(a)}
+      class="plyr__preview-scrubbing"
+      time=${m(()=>t())}
+    ></media-thumbnail>
+  `}function Bi(){const a=y(),{poster:t}=a.$state,e=m(()=>`background-image: url("${t()}");`);return h`<div class="plyr__poster" style=${e}></div>`}function io(){const a=new Set(["captions","pip","airplay","fullscreen"]),{controls:t}=R(),e=m(()=>t().filter(s=>!a.has(s)).map(Gi));return h`<div class="plyr__controls">${e}</div>`}function ao(){const{controls:a}=R(),t=m(()=>a().map(Gi));return h`<div class="plyr__controls">${t}</div>`}function Gi(a){switch(a){case"airplay":return no();case"captions":return ro();case"current-time":return yo();case"download":return vo();case"duration":return Ki();case"fast-forward":return mo();case"fullscreen":return oo();case"mute":case"volume":case"mute+volume":return go(a);case"pip":return co();case"play":return uo();case"progress":return fo();case"restart":return ho();case"rewind":return po();case"settings":return To();default:return null}}function no(){const{translations:a}=R();return h`
+    <media-airplay-button class="plyr__controls__item plyr__control" data-plyr="airplay">
+      <slot name="airplay-icon"></slot>
+      <span class="plyr__tooltip">${N(a,"AirPlay")}</span>
+    </media-airplay-button>
+  `}function ro(){const{translations:a}=R(),t=N(a,"Disable captions"),e=N(a,"Enable captions");return h`
+    <media-caption-button
+      class="plyr__controls__item plyr__control"
+      data-no-label
+      data-plyr="captions"
+    >
+      <slot name="captions-on-icon" data-class="icon--pressed"></slot>
+      <slot name="captions-off-icon" data-class="icon--not-pressed"></slot>
+      <span class="label--pressed plyr__tooltip">${t}</span>
+      <span class="label--not-pressed plyr__tooltip">${e}</span>
+    </media-caption-button>
+  `}function oo(){const{translations:a}=R(),t=N(a,"Enter Fullscreen"),e=N(a,"Exit Fullscreen");return h`
+    <media-fullscreen-button
+      class="plyr__controls__item plyr__control"
+      data-no-label
+      data-plyr="fullscreen"
+    >
+      <slot name="enter-fullscreen-icon" data-class="icon--pressed"></slot>
+      <slot name="exit-fullscreen-icon" data-class="icon--not-pressed"></slot>
+      <span class="label--pressed plyr__tooltip">${e}</span>
+      <span class="label--not-pressed plyr__tooltip">${t}</span>
+    </media-fullscreen-button>
+  `}function lo(){const{translations:a}=R(),t=N(a,"Mute"),e=N(a,"Unmute");return h`
+    <media-mute-button class="plyr__control" data-no-label data-plyr="mute">
+      <slot name="muted-icon" data-class="icon--pressed"></slot>
+      <slot name="volume-icon" data-class="icon--not-pressed"></slot>
+      <span class="label--pressed plyr__tooltip">${e}</span>
+      <span class="label--not-pressed plyr__tooltip">${t}</span>
+    </media-mute-button>
+  `}function co(){const{translations:a}=R(),t=N(a,"Enter PiP"),e=N(a,"Exit PiP");return h`
+    <media-pip-button class="plyr__controls__item plyr__control" data-no-label data-plyr="pip">
+      <slot name="pip-icon"></slot>
+      <slot name="enter-pip-icon" data-class="icon--pressed"></slot>
+      <slot name="exit-pip-icon" data-class="icon--not-pressed"></slot>
+      <span class="label--pressed plyr__tooltip">${e}</span>
+      <span class="label--not-pressed plyr__tooltip">${t}</span>
+    </media-pip-button>
+  `}function uo(){const{translations:a}=R(),t=N(a,"Play"),e=N(a,"Pause");return h`
+    <media-play-button class="plyr__controls__item plyr__control" data-no-label data-plyr="play">
+      <slot name="pause-icon" data-class="icon--pressed"></slot>
+      <slot name="play-icon" data-class="icon--not-pressed"></slot>
+      <span class="label--pressed plyr__tooltip">${e}</span>
+      <span class="label--not-pressed plyr__tooltip">${t}</span>
+    </media-play-button>
+  `}function ho(){const{translations:a}=R(),{remote:t}=y(),e=N(a,"Restart");function s(i){re(i)&&!Ut(i)||t.seek(0,i)}return h`
+    <button
+      type="button"
+      class="plyr__control"
+      data-plyr="restart"
+      @pointerup=${s}
+      @keydown=${s}
+    >
+      <slot name="restart-icon"></slot>
+      <span class="plyr__tooltip">${e}</span>
+    </button>
+  `}function po(){const{translations:a,seekTime:t}=R(),e=m(()=>`${we(a,"Rewind")} ${t()}s`),s=m(()=>-1*t());return h`
+    <media-seek-button
+      class="plyr__controls__item plyr__control"
+      seconds=${s}
+      data-no-label
+      data-plyr="rewind"
+    >
+      <slot name="rewind-icon"></slot>
+      <span class="plyr__tooltip">${e}</span>
+    </media-seek-button>
+  `}function mo(){const{translations:a,seekTime:t}=R(),e=m(()=>`${we(a,"Forward")} ${t()}s`),s=m(t);return h`
+    <media-seek-button
+      class="plyr__controls__item plyr__control"
+      seconds=${s}
+      data-no-label
+      data-plyr="fast-forward"
+    >
+      <slot name="fast-forward-icon"></slot>
+      <span class="plyr__tooltip">${e}</span>
+    </media-seek-button>
+  `}function fo(){let a=y(),{duration:t,viewType:e}=a.$state,{translations:s,markers:i,thumbnails:n,seekTime:r,previewTime:o}=R(),l=N(s,"Seek"),c=g(null),u=m(()=>{const D=c();return D?h`<span class="plyr__progress__marker-label">${qs(D.label)}<br /></span>`:null});function p(D){o.set(D.detail)}function v(){c.set(this)}function $(){c.set(null)}function S(){const D=n(),st=m(()=>e()==="audio");return D?h`
+          <media-slider-preview class="plyr__slider__preview" ?no-clamp=${st}>
+            <media-slider-thumbnail .src=${D} class="plyr__slider__preview__thumbnail">
+              <span class="plyr__slider__preview__time-container">
+                ${u}
+                <media-slider-value class="plyr__slider__preview__time"></media-slider-value>
+              </span>
+            </media-slider-thumbnail>
+          </media-slider-preview>
+        `:h`
+          <span class="plyr__tooltip">
+            ${u}
+            <media-slider-value></media-slider-value>
+          </span>
+        `}function V(){const D=t();return Number.isFinite(D)?i()?.map(st=>h`
+        <span
+          class="plyr__progress__marker"
+          @mouseenter=${v.bind(st)}
+          @mouseleave=${$}
+          style=${`left: ${st.time/D*100}%;`}
+        ></span>
+      `):null}return h`
+    <div class="plyr__controls__item plyr__progress__container">
+      <div class="plyr__progress">
+        <media-time-slider
+          class="plyr__slider"
+          data-plyr="seek"
+          pause-while-dragging
+          key-step=${m(r)}
+          aria-label=${l}
+          @media-seeking-request=${p}
+        >
+          <div class="plyr__slider__track"></div>
+          <div class="plyr__slider__thumb"></div>
+          <div class="plyr__slider__buffer"></div>
+          ${m(S)}${m(V)}
+        </media-time-slider>
+      </div>
+    </div>
+  `}function go(a){return m(()=>{const t=a==="mute"||a==="mute+volume",e=a==="volume"||a==="mute+volume";return h`
+      <div class="plyr__controls__item plyr__volume">
+        ${[t?lo():null,e?bo():null]}
+      </div>
+    `})}function bo(){const{translations:a}=R(),t=N(a,"Volume");return h`
+    <media-volume-slider class="plyr__slider" data-plyr="volume" aria-label=${t}>
+      <div class="plyr__slider__track"></div>
+      <div class="plyr__slider__thumb"></div>
+    </media-volume-slider>
+  `}function yo(){const a=y(),{translations:t,invertTime:e,toggleTime:s,displayDuration:i}=R(),n=g(f(e));function r(l){!s()||i()||re(l)&&!Ut(l)||n.set(c=>!c)}function o(){return m(()=>i()?Ki():null)}return m(()=>{const{streamType:l}=a.$state,c=N(t,"LIVE"),u=N(t,"Current time"),p=m(()=>!i()&&n());return l()==="live"||l()==="ll-live"?h`
+          <media-live-button
+            class="plyr__controls__item plyr__control plyr__live-button"
+            data-plyr="live"
+          >
+            <span class="plyr__live-button__text">${c}</span>
+          </media-live-button>
+        `:h`
+          <media-time
+            type="current"
+            class="plyr__controls__item plyr__time plyr__time--current"
+            tabindex="0"
+            role="timer"
+            aria-label=${u}
+            ?remainder=${p}
+            @pointerup=${r}
+            @keydown=${r}
+          ></media-time>
+          ${o()}
+        `})}function Ki(){const{translations:a}=R(),t=N(a,"Duration");return h`
+    <media-time
+      type="duration"
+      class="plyr__controls__item plyr__time plyr__time--duration"
+      role="timer"
+      tabindex="0"
+      aria-label=${t}
+    ></media-time>
+  `}function vo(){return m(()=>{const a=y(),{translations:t,download:e}=R(),{title:s,source:i}=a.$state,n=i(),r=e(),o=Ns({title:s(),src:n,download:r}),l=N(t,"Download");return P(o?.url)?h`
+          <a
+            class="plyr__controls__item plyr__control"
+            href=${Fs(o.url,{download:o.name})}
+            download=${o.name}
+            target="_blank"
+          >
+            <slot name="download-icon" />
+            <span class="plyr__tooltip">${l}</span>
+          </a>
+        `:null})}function $o(){return m(()=>{const{clickToPlay:a,clickToFullscreen:t}=R();return[a()?h`
+            <media-gesture
+              class="plyr__gesture"
+              event="pointerup"
+              action="toggle:paused"
+            ></media-gesture>
+          `:null,t()?h`
+            <media-gesture
+              class="plyr__gesture"
+              event="dblpointerup"
+              action="toggle:fullscreen"
+            ></media-gesture>
+          `:null]})}function wo(){const a=y(),t=g(void 0),e=m(()=>qs(t()?.text));return d(()=>{const s=a.$state.textTrack();if(!s)return;function i(){t.set(s?.activeCues[0])}return i(),H(s,"cue-change",i)}),h`
+    <div class="plyr__captions" dir="auto">
+      <span class="plyr__caption">${e}</span>
+    </div>
+  `}function To(){const{translations:a}=R(),t=N(a,"Settings");return h`
+    <div class="plyr__controls__item plyr__menu">
+      <media-menu>
+        <media-menu-button class="plyr__control" data-plyr="settings">
+          <slot name="settings-icon" />
+          <span class="plyr__tooltip">${t}</span>
+        </media-menu-button>
+        <media-menu-items class="plyr__menu__container" placement="top end">
+          <div><div>${[So(),Eo(),Ao(),Po()]}</div></div>
+        </media-menu-items>
+      </media-menu>
+    </div>
+  `}function Te({label:a,children:t}){const e=g(!1);return h`
+    <media-menu @open=${()=>e.set(!0)} @close=${()=>e.set(!1)}>
+      ${ko({label:a,open:e})}
+      <media-menu-items>${t}</media-menu-items>
+    </media-menu>
+  `}function ko({open:a,label:t}){const{translations:e}=R(),s=m(()=>`plyr__control plyr__control--${a()?"back":"forward"}`);function i(){const n=N(e,"Go back to previous menu");return m(()=>a()?h`<span class="plyr__sr-only">${n}</span>`:null)}return h`
+    <media-menu-button class=${s} data-plyr="settings">
+      <span class="plyr__menu__label" aria-hidden=${Do(a)}>
+        ${N(e,t)}
+      </span>
+      <span class="plyr__menu__value" data-part="hint"></span>
+      ${i()}
+    </media-menu-button>
+  `}function So(){return Te({label:"Audio",children:xo()})}function xo(){const{translations:a}=R();return h`
+    <media-audio-radio-group empty-label=${N(a,"Default")}>
+      <template>
+        <media-radio class="plyr__control" data-plyr="audio">
+          <span data-part="label"></span>
+        </media-radio>
+      </template>
+    </media-audio-radio-group>
+  `}function Po(){return Te({label:"Speed",children:Co()})}function Co(){const{translations:a,speed:t}=R();return h`
+    <media-speed-radio-group .rates=${t} normal-label=${N(a,"Normal")}>
+      <template>
+        <media-radio class="plyr__control" data-plyr="speed">
+          <span data-part="label"></span>
+        </media-radio>
+      </template>
+    </media-speed-radio-group>
+  `}function Eo(){return Te({label:"Captions",children:Mo()})}function Mo(){const{translations:a}=R();return h`
+    <media-captions-radio-group off-label=${N(a,"Disabled")}>
+      <template>
+        <media-radio class="plyr__control" data-plyr="captions">
+          <span data-part="label"></span>
+        </media-radio>
+      </template>
+    </media-captions-radio-group>
+  `}function Ao(){return Te({label:"Quality",children:Lo()})}function Lo(){const{translations:a}=R();return h`
+    <media-quality-radio-group auto-label=${N(a,"Auto")}>
+      <template>
+        <media-radio class="plyr__control" data-plyr="quality">
+          <span data-part="label"></span>
+        </media-radio>
+      </template>
+    </media-quality-radio-group>
+  `}function Do(a){return m(()=>a()?"true":"false")}function N(a,t){return m(()=>we(a,t))}class qo extends T(fe,jr){static tagName="media-plyr-layout";#t;onSetup(){this.forwardKeepAlive=!1,this.#t=y()}onConnect(){this.#t.player.el?.setAttribute("data-layout","plyr"),C(()=>this.#t.player.el?.removeAttribute("data-layout")),Yr(this,this.#t),d(()=>{this.$props.customIcons()?new Je([this]).connect():new Jr([this]).connect()})}render(){return m(this.#e.bind(this))}#e(){const{viewType:t}=this.#t.$state;return t()==="audio"?Zr():t()==="video"?to():null}}w(Vr),w(Qr),w(qo);function us(a,t){const e=String(a),s=e.length;if(s<t){const n=t-s;return`${"0".repeat(n)}${a}`}return e}function Wi(a){const t=Math.trunc(a/3600),e=Math.trunc(a%3600/60),s=Math.trunc(a%60),i=Number((a-Math.trunc(a)).toPrecision(3));return{hours:t,minutes:e,seconds:s,fraction:i}}function ke(a,{padHrs:t=null,padMins:e=null,showHrs:s=!1,showMs:i=!1}={}){const{hours:n,minutes:r,seconds:o,fraction:l}=Wi(a),c=t?us(n,2):n,u=e||Ct(e)&&a>=3600?us(r,2):r,p=us(o,2),v=i&&l>0?`.${String(l).replace(/^0?\./,"")}`:"",$=`${u}:${p}${v}`;return n>0||s?`${c}:${$}`:$}function Se(a){const t=[],{hours:e,minutes:s,seconds:i}=Wi(a);return e>0&&t.push(`${e} hour`),s>0&&t.push(`${s} min`),(i>0||t.length===0)&&t.push(`${i} sec`),t.join(" ")}class _o extends k{static props={translations:null};static state=new gt({label:null,busy:!1});#t;#e=!1;onSetup(){this.#t=y()}onAttach(t){t.style.display="contents"}onConnect(t){t.setAttribute("data-media-announcer",""),L(t,"role","status"),L(t,"aria-live","polite");const{busy:e}=this.$state;this.setAttributes({"aria-busy":()=>e()?"true":null}),this.#e=!0,d(this.#s.bind(this)),d(this.#r.bind(this)),d(this.#n.bind(this)),d(this.#i.bind(this)),d(this.#a.bind(this)),d(this.#c.bind(this)),d(this.#h.bind(this)),lt(),this.#e=!1}#s(){const{paused:t}=this.#t.$state;this.#d(t()?"Pause":"Play")}#i(){const{fullscreen:t}=this.#t.$state;this.#d(t()?"Enter Fullscreen":"Exit Fullscreen")}#a(){const{pictureInPicture:t}=this.#t.$state;this.#d(t()?"Enter PiP":"Exit PiP")}#n(){const{textTrack:t}=this.#t.$state;this.#d(t()?"Closed-Captions On":"Closed-Captions Off")}#r(){const{muted:t,volume:e,audioGain:s}=this.#t.$state;this.#d(t()||e()===0?"Mute":`${Math.round(e()*(s()??1)*100)}% ${this.#u("Volume")}`)}#o=-1;#l=-1;#c(){const{seeking:t,currentTime:e}=this.#t.$state,s=t();this.#o>0?(window.clearTimeout(this.#l),this.#l=window.setTimeout(()=>{if(!this.scope)return;const i=f(e),n=Math.abs(i-this.#o);if(n>=1){const r=i>=this.#o,o=Se(n);this.#d(`${this.#u(r?"Seek Forward":"Seek Backward")} ${o}`)}this.#o=-1,this.#l=-1},300)):s&&(this.#o=f(e))}#u(t){const{translations:e}=this.$props;return e?.()?.[t||""]??t}#h(){const{label:t,busy:e}=this.$state,s=this.#u(t());if(this.#e)return;e.set(!0);const i=window.setTimeout(()=>void e.set(!1),150);return this.el&&b(this.el,"aria-label",s),P(s)&&this.dispatch("change",{detail:s}),()=>window.clearTimeout(i)}#d(t){const{label:e}=this.$state;e.set(t)}}class Io extends T(HTMLElement,_o){static tagName="media-announcer"}class Vo extends at{#t;constructor(t){super(),this.#t=t}onAttach(t){const{$props:e,ariaKeys:s}=y(),i=t.getAttribute("aria-keyshortcuts");if(i){s[this.#t]=i,C(()=>{delete s[this.#t]});return}const n=e.keyShortcuts()[this.#t];if(n){const r=U(n)?n.join(" "):P(n)?n:n?.keys;t.setAttribute("aria-keyshortcuts",U(r)?r.join(" "):r)}}}class Y extends at{static props={disabled:!1};#t;constructor(t){super(),this.#t=t,new rt,t.keyShortcut&&new Vo(t.keyShortcut)}onSetup(){const{disabled:t}=this.$props;this.setAttributes({"data-pressed":this.#t.isPresssed,"aria-pressed":this.#e.bind(this),"aria-disabled":()=>t()?"true":null})}onAttach(t){L(t,"tabindex","0"),L(t,"role","button"),L(t,"type","button")}onConnect(t){const e=yt(t,this.#i.bind(this));for(const s of["click","touchstart"])e.add(s,this.#a.bind(this),{passive:!0})}#e(){return de(this.#t.isPresssed())}#s(t){Ca(this.#t.isPresssed)&&this.#t.isPresssed.set(e=>!e)}#i(t){if(this.$props.disabled()||this.el.hasAttribute("data-disabled")){t.preventDefault(),t.stopImmediatePropagation();return}t.preventDefault(),(this.#t.onPress??this.#s).call(this,t)}#a(t){this.$props.disabled()&&(t.preventDefault(),t.stopImmediatePropagation())}}class Oo extends k{static props=Y.props;#t;constructor(){super(),new Y({isPresssed:this.#s.bind(this),onPress:this.#e.bind(this)})}onSetup(){this.#t=y();const{canAirPlay:t,isAirPlayConnected:e}=this.#t.$state;this.setAttributes({"data-active":e,"data-supported":t,"data-state":this.#i.bind(this),"aria-hidden":K(()=>!t())})}onAttach(t){t.setAttribute("data-media-tooltip","airplay"),bt(t,this.#a.bind(this))}#e(t){this.#t.remote.requestAirPlay(t)}#s(){const{remotePlaybackType:t,remotePlaybackState:e}=this.#t.$state;return t()==="airplay"&&e()!=="disconnected"}#i(){const{remotePlaybackType:t,remotePlaybackState:e}=this.#t.$state;return t()==="airplay"&&e()}#a(){const{remotePlaybackState:t}=this.#t.$state;return`AirPlay ${t()}`}}class Ro extends T(HTMLElement,Oo){static tagName="media-airplay-button"}class No extends k{static props=Y.props;#t;constructor(){super(),new Y({isPresssed:this.#s.bind(this),keyShortcut:"toggleCaptions",onPress:this.#e.bind(this)})}onSetup(){this.#t=y(),this.setAttributes({"data-active":this.#s.bind(this),"data-supported":()=>!this.#i(),"aria-hidden":K(this.#i.bind(this))})}onAttach(t){t.setAttribute("data-media-tooltip","caption"),bt(t,"Captions")}#e(t){this.#t.remote.toggleCaptions(t)}#s(){const{textTrack:t}=this.#t.$state,e=t();return!!e&&Q(e)}#i(){const{hasCaptions:t}=this.#t.$state;return!t()}}class Fo extends T(HTMLElement,No){static tagName="media-caption-button"}class Ho extends k{static props={...Y.props,target:"prefer-media"};#t;constructor(){super(),new Y({isPresssed:this.#s.bind(this),keyShortcut:"toggleFullscreen",onPress:this.#e.bind(this)})}onSetup(){this.#t=y();const{fullscreen:t}=this.#t.$state,e=this.#i.bind(this);this.setAttributes({"data-active":t,"data-supported":e,"aria-hidden":K(()=>!e())})}onAttach(t){t.setAttribute("data-media-tooltip","fullscreen"),bt(t,"Fullscreen")}#e(t){const e=this.#t.remote,s=this.$props.target();this.#s()?e.exitFullscreen(s,t):e.enterFullscreen(s,t)}#s(){const{fullscreen:t}=this.#t.$state;return t()}#i(){const{canFullscreen:t}=this.#t.$state;return t()}}class Bo extends T(HTMLElement,Ho){static tagName="media-fullscreen-button"}class Go extends k{static props=Y.props;#t;constructor(){super(),new Y({isPresssed:this.#s.bind(this),onPress:this.#e.bind(this)})}onSetup(){this.#t=y();const{canGoogleCast:t,isGoogleCastConnected:e}=this.#t.$state;this.setAttributes({"data-active":e,"data-supported":t,"data-state":this.#i.bind(this),"aria-hidden":K(()=>!t())})}onAttach(t){t.setAttribute("data-media-tooltip","google-cast"),bt(t,this.#a.bind(this))}#e(t){this.#t.remote.requestGoogleCast(t)}#s(){const{remotePlaybackType:t,remotePlaybackState:e}=this.#t.$state;return t()==="google-cast"&&e()!=="disconnected"}#i(){const{remotePlaybackType:t,remotePlaybackState:e}=this.#t.$state;return t()==="google-cast"&&e()}#a(){const{remotePlaybackState:t}=this.#t.$state;return`Google Cast ${t()}`}}class Ko extends T(HTMLElement,Go){static tagName="media-google-cast-button"}class Wo extends k{static props={disabled:!1};#t;constructor(){super(),new rt}onSetup(){this.#t=y();const{disabled:t}=this.$props,{live:e,liveEdge:s}=this.#t.$state,i=()=>!e();this.setAttributes({"data-edge":s,"data-hidden":i,"aria-disabled":K(()=>t()||s()),"aria-hidden":K(i)})}onAttach(t){L(t,"tabindex","0"),L(t,"role","button"),L(t,"type","button"),t.setAttribute("data-media-tooltip","live")}onConnect(t){yt(t,this.#e.bind(this))}#e(t){const{disabled:e}=this.$props,{liveEdge:s}=this.#t.$state;e()||s()||this.#t.remote.seekToLiveEdge(t)}}class Uo extends T(HTMLElement,Wo){static tagName="media-live-button"}class Qo extends k{static props=Y.props;#t;constructor(){super(),new Y({isPresssed:this.#s.bind(this),keyShortcut:"toggleMuted",onPress:this.#e.bind(this)})}onSetup(){this.#t=y(),this.setAttributes({"data-muted":this.#s.bind(this),"data-state":this.#i.bind(this)})}onAttach(t){t.setAttribute("data-media-mute-button",""),t.setAttribute("data-media-tooltip","mute"),bt(t,"Mute")}#e(t){const e=this.#t.remote;this.#s()?e.unmute(t):e.mute(t)}#s(){const{muted:t,volume:e}=this.#t.$state;return t()||e()===0}#i(){const{muted:t,volume:e}=this.#t.$state,s=e();if(t()||s===0)return"muted";if(s>=.5)return"high";if(s<.5)return"low"}}class zo extends T(HTMLElement,Qo){static tagName="media-mute-button"}class jo extends k{static props=Y.props;#t;constructor(){super(),new Y({isPresssed:this.#s.bind(this),keyShortcut:"togglePictureInPicture",onPress:this.#e.bind(this)})}onSetup(){this.#t=y();const{pictureInPicture:t}=this.#t.$state,e=this.#i.bind(this);this.setAttributes({"data-active":t,"data-supported":e,"aria-hidden":K(()=>!e())})}onAttach(t){t.setAttribute("data-media-tooltip","pip"),bt(t,"PiP")}#e(t){const e=this.#t.remote;this.#s()?e.exitPictureInPicture(t):e.enterPictureInPicture(t)}#s(){const{pictureInPicture:t}=this.#t.$state;return t()}#i(){const{canPictureInPicture:t}=this.#t.$state;return t()}}class Yo extends T(HTMLElement,jo){static tagName="media-pip-button"}class Xo extends k{static props=Y.props;#t;constructor(){super(),new Y({isPresssed:this.#s.bind(this),keyShortcut:"togglePaused",onPress:this.#e.bind(this)})}onSetup(){this.#t=y();const{paused:t,ended:e}=this.#t.$state;this.setAttributes({"data-paused":t,"data-ended":e})}onAttach(t){t.setAttribute("data-media-tooltip","play"),bt(t,"Play")}#e(t){const e=this.#t.remote;this.#s()?e.pause(t):e.play(t)}#s(){const{paused:t}=this.#t.$state;return!t()}}class Jo extends T(HTMLElement,Xo){static tagName="media-play-button"}class Zo extends k{static props={disabled:!1,seconds:30};#t;constructor(){super(),new rt}onSetup(){this.#t=y();const{seeking:t}=this.#t.$state,{seconds:e}=this.$props,s=this.#e.bind(this);this.setAttributes({seconds:e,"data-seeking":t,"data-supported":s,"aria-hidden":K(()=>!s())})}onAttach(t){L(t,"tabindex","0"),L(t,"role","button"),L(t,"type","button"),t.setAttribute("data-media-tooltip","seek"),bt(t,this.#s.bind(this))}onConnect(t){yt(t,this.#i.bind(this))}#e(){const{canSeek:t}=this.#t.$state;return t()}#s(){const{seconds:t}=this.$props;return`Seek ${t()>0?"forward":"backward"} ${t()} seconds`}#i(t){const{seconds:e,disabled:s}=this.$props;if(s())return;const{currentTime:i}=this.#t.$state,n=i()+e();this.#t.remote.seek(n,t)}}class tl extends T(HTMLElement,Zo){static tagName="media-seek-button"}class Ui extends k{static props={disabled:!1,defaultPressed:!1};#t=g(!1);get pressed(){return this.#t()}constructor(){super(),new Y({isPresssed:this.#t})}}const el=Ui.prototype;x(el,"pressed");class sl extends T(HTMLElement,Ui){static tagName="media-toggle-button"}class il{priority=10;#t=null;#e;#s;constructor(t){this.#e=t}attach(){}canRender(){return!0}detach(){this.#s?.abort(),this.#s=void 0,this.#e.reset(),this.#t=null}changeTrack(t){!t||this.#t===t||(this.#s?.abort(),this.#s=new _(t),t.readyState<2?(this.#e.reset(),this.#s.add("load",()=>this.#i(t),{once:!0})):this.#i(t),this.#s.add("add-cue",e=>{this.#e.addCue(e.detail)}).add("remove-cue",e=>{this.#e.removeCue(e.detail)}),this.#t=t)}#i(t){this.#e.changeTrack({cues:[...t.cues],regions:[...t.regions]})}}class wt extends k{static props={textDir:"ltr",exampleText:"Captions look like this."};#t;static lib=g(null);onSetup(){this.#t=y(),this.setAttributes({"aria-hidden":K(this.#e.bind(this))})}onAttach(t){t.style.setProperty("pointer-events","none")}onConnect(t){wt.lib()||import("https://cdn.jsdelivr.net/npm/media-captions@next/dist/prod.js").then(e=>wt.lib.set(e)),d(this.#s.bind(this))}#e(){const{textTrack:t,remotePlaybackState:e,iOSControls:s}=this.#t.$state,i=t();return s()||e()==="connected"||!i||!Q(i)}#s(){if(!wt.lib())return;const{viewType:t}=this.#t.$state;return t()==="audio"?this.#i():this.#o()}#i(){return d(this.#a.bind(this)),this.#u(null),()=>{this.el.textContent=""}}#a(){if(this.#e())return;this.#n();const{textTrack:t}=this.#t.$state;H(t(),"cue-change",this.#n.bind(this)),d(this.#r.bind(this))}#n(){this.el.textContent="",this.#p>=0&&this.#b();const{realCurrentTime:t,textTrack:e}=this.#t.$state,{renderVTTCueString:s}=wt.lib(),i=f(t),n=f(e).activeCues;for(const r of n){const o=this.#g(),l=this.#y();l.innerHTML=s(r,i),o.append(l),this.el.append(l)}}#r(){const{realCurrentTime:t}=this.#t.$state,{updateTimedVTTCueNodes:e}=wt.lib();e(this.el,t())}#o(){const{CaptionsRenderer:t}=wt.lib(),e=new t(this.el),s=new il(e);return this.#t.textRenderers.add(s),d(this.#l.bind(this,e)),d(this.#c.bind(this,e)),this.#u(e),()=>{this.el.textContent="",this.#t.textRenderers.remove(s),e.destroy()}}#l(t){t.dir=this.$props.textDir()}#c(t){if(this.#e())return;const{realCurrentTime:e,textTrack:s}=this.#t.$state;t.currentTime=e(),this.#p>=0&&s()?.activeCues[0]&&this.#b()}#u(t){const e=this.#t.player;if(!e)return;const s=this.#h.bind(this,t);H(e,"vds-font-change",s)}#h(t){if(this.#p>=0){this.#m();return}const{textTrack:e}=this.#t.$state;e()?.activeCues[0]?t?.update(!0):this.#d()}#d(){const t=this.#g();b(t,"data-example","");const e=this.#y();b(e,"data-example",""),e.textContent=this.$props.exampleText(),t?.append(e),this.el?.append(t),this.el?.setAttribute("data-example",""),this.#m()}#p=-1;#m(){window.clearTimeout(this.#p),this.#p=window.setTimeout(this.#b.bind(this),2500)}#b(){this.el?.removeAttribute("data-example"),this.el?.querySelector("[data-example]")&&(this.el.textContent=""),this.#p=-1}#g(){const t=document.createElement("div");return b(t,"data-part","cue-display"),t}#y(){const t=document.createElement("div");return b(t,"data-part","cue"),t}}class al extends T(HTMLElement,wt){static tagName="media-captions"}class nl extends k{static props={defaultText:""}}class rl extends T(HTMLElement,nl){static tagName="media-chapter-title";#t;#e;onSetup(){this.#t=y(),this.#e=g("")}onConnect(){const t=this.#t.textTracks;Wa(t,"chapters",this.#e.set),d(this.#s.bind(this))}#s(){const{defaultText:t}=this.$props;this.textContent=this.#e()||t()}}class ol extends k{static props={hideDelay:2e3,hideOnMouseLeave:!1};#t;onSetup(){this.#t=y(),d(this.#s.bind(this))}onAttach(t){const{pictureInPicture:e,fullscreen:s}=this.#t.$state;tt(t,"pointer-events","none"),L(t,"role","group"),this.setAttributes({"data-visible":this.#i.bind(this),"data-fullscreen":s,"data-pip":e}),d(()=>{this.dispatch("change",{detail:this.#i()})}),d(this.#e.bind(this)),d(()=>{const i=s();for(const n of["top","right","bottom","left"])tt(t,`padding-${n}`,i&&`env(safe-area-inset-${n})`)})}#e(){if(!this.el)return;const{nativeControls:t}=this.#t.$state,e=t();b(this.el,"aria-hidden",e?"true":null),tt(this.el,"display",e?"none":null)}#s(){const{controls:t}=this.#t.player,{hideDelay:e,hideOnMouseLeave:s}=this.$props;t.defaultDelay=e()===2e3?this.#t.$props.controlsDelay():e(),t.hideOnMouseLeave=s()}#i(){const{controlsVisible:t}=this.#t.$state;return t()}}class ll extends T(HTMLElement,ol){static tagName="media-controls"}class dl extends k{onAttach(t){t.style.pointerEvents||tt(t,"pointer-events","auto")}}class cl extends T(HTMLElement,dl){static tagName="media-controls-group"}class ul extends k{static props={disabled:!1,event:void 0,action:void 0};#t;#e=null;onSetup(){this.#t=y();const{event:t,action:e}=this.$props;this.setAttributes({event:t,action:e})}onAttach(t){t.setAttribute("data-media-gesture",""),t.style.setProperty("pointer-events","none")}onConnect(t){this.#e=this.#t.player.el?.querySelector("[data-media-provider]"),d(this.#s.bind(this))}#s(){let t=this.$props.event(),e=this.$props.disabled();!this.#e||!t||e||(/^dbl/.test(t)&&(t=t.split(/^dbl/)[1]),(t==="pointerup"||t==="pointerdown")&&this.#t.$state.pointer()==="coarse"&&(t=t==="pointerup"?"touchend":"touchstart"),H(this.#e,t,this.#n.bind(this),{passive:!1}))}#i=0;#a=-1;#n(t){if(this.$props.disabled()||_s(t)&&(t.button!==0||this.#t.activeMenu)||ne(t)&&this.#t.activeMenu||Ge(t)||!this.#o(t))return;if(t.MEDIA_GESTURE=!0,t.preventDefault(),!f(this.$props.event)?.startsWith("dbl"))this.#i===0&&setTimeout(()=>{this.#i===1&&this.#r(t)},250);else if(this.#i===1){queueMicrotask(()=>this.#r(t)),clearTimeout(this.#a),this.#i=0;return}this.#i===0&&(this.#a=window.setTimeout(()=>{this.#i=0},275)),this.#i++}#r(t){this.el.setAttribute("data-triggered",""),requestAnimationFrame(()=>{this.#l()&&this.#c(f(this.$props.action),t),requestAnimationFrame(()=>{this.el.removeAttribute("data-triggered")})})}#o(t){if(!this.el)return!1;if(_s(t)||Ea(t)||ne(t)){const e=ne(t)?t.changedTouches[0]??t.touches[0]:void 0,s=e?.clientX??t.clientX,i=e?.clientY??t.clientY,n=this.el.getBoundingClientRect(),r=i>=n.top&&i<=n.bottom&&s>=n.left&&s<=n.right;return t.type.includes("leave")?!r:r}return!0}#l(){const t=this.#t.player.el.querySelectorAll("[data-media-gesture][data-triggered]");return Array.from(t).sort((e,s)=>+getComputedStyle(s).zIndex-+getComputedStyle(e).zIndex)[0]===this.el}#c(t,e){if(!t)return;const s=new W("will-trigger",{detail:t,cancelable:!0,trigger:e});if(this.dispatchEvent(s),s.defaultPrevented)return;const[i,n]=t.replace(/:([a-z])/,"-$1").split(":");t.includes(":fullscreen")?this.#t.remote.toggleFullscreen("prefer-media",e):t.includes("seek:")?this.#t.remote.seek(f(this.#t.$state.currentTime)+(+n||0),e):this.#t.remote[Ma(i)](e),this.dispatch("trigger",{detail:t,trigger:e})}}class hl extends T(HTMLElement,ul){static tagName="media-gesture"}class pl extends k{static props={when:!1}}class ml extends T(HTMLElement,pl){static tagName="media-layout";#t;onSetup(){this.#t=y()}onConnect(){d(this.#e.bind(this))}#e(){const t=this.firstElementChild,e=t?.localName==="template",s=this.$props.when();if(!(Ls(s)?s:q(()=>s(this.#t.player.state))())){e?(this.textContent="",this.appendChild(t)):vt(t)&&(t.style.display="none");return}e?this.append(t.content.cloneNode(!0)):vt(t)&&(t.style.display="")}}const G=ot(),hs=ot();class Lt extends at{#t=new Set;#e=g("");#s=null;onValueChange;get values(){return Array.from(this.#t).map(t=>t.value())}get value(){return this.#e()}set value(t){this.#r(t)}onSetup(){X(hs,{add:this.#i.bind(this),remove:this.#a.bind(this)})}onAttach(t){J(G)||L(t,"role","radiogroup"),this.setAttributes({value:this.#e})}onDestroy(){this.#t.clear()}#i(t){this.#t.has(t)||(this.#t.add(t),t.onCheck=this.#n,t.check(t.value()===this.#e()))}#a(t){t.onCheck=null,this.#t.delete(t)}#n=this.#r.bind(this);#r(t,e){const s=f(this.#e);if(!t||t===s)return;const i=this.#o(s),n=this.#o(t);i?.check(!1,e),n?.check(!0,e),this.#e.set(t),this.onValueChange?.(t,e)}#o(t){for(const e of this.#t)if(t===f(e.value))return e;return null}}const fl=[1,1.25,1.5,1.75,2,2.5,3,4];class Qi extends k{static props={normalLabel:"Disabled",gains:fl};#t;#e;#s;get value(){return this.#s.value}get disabled(){const{gains:t}=this.$props,{canSetAudioGain:e}=this.#t.$state;return!e()||t().length===0}constructor(){super(),this.#s=new Lt,this.#s.onValueChange=this.#o.bind(this)}onSetup(){this.#t=y(),J(G)&&(this.#e=O(G))}onConnect(t){d(this.#i.bind(this)),d(this.#a.bind(this)),d(this.#n.bind(this))}getOptions(){const{gains:t,normalLabel:e}=this.$props;return t().map(s=>({label:s===1||s===null?e:String(s*100)+"%",value:s.toString()}))}#i(){this.#s.value=this.#r()}#a(){const{normalLabel:t}=this.$props,{audioGain:e}=this.#t.$state,s=e();this.#e?.hint.set(s===1||s==null?t():String(s*100)+"%")}#n(){this.#e?.disable(this.disabled)}#r(){const{audioGain:t}=this.#t.$state;return t()?.toString()??"1"}#o(t,e){if(this.disabled)return;const s=+t;this.#t.remote.changeAudioGain(s,e),this.dispatch("change",{detail:s,trigger:e})}}const ps=Qi.prototype;x(ps,"value"),x(ps,"disabled"),F(ps,"getOptions");function Ht(a,t){ht(()=>{if(!a.connectScope)return;const e=a.querySelector("template");e&&d(()=>{const s=a.getOptions();Ke(e,s.length,(i,n)=>{const{label:r,value:o}=s[n],l=i.querySelector('[data-part="label"]');i.setAttribute("value",o),l&&(P(r)?l.textContent=r:d(()=>{l.textContent=r()})),t?.(i,s[n],n)})})})}class gl extends T(HTMLElement,Qi){static tagName="media-audio-gain-radio-group";onConnect(){Ht(this)}}class zi extends k{static props={emptyLabel:"Default"};#t;#e;#s;get value(){return this.#s.value}get disabled(){const{audioTracks:t}=this.#e.$state;return t().length<=1}constructor(){super(),this.#s=new Lt,this.#s.onValueChange=this.#o.bind(this)}onSetup(){this.#e=y(),J(G)&&(this.#t=O(G))}onConnect(t){d(this.#i.bind(this)),d(this.#n.bind(this)),d(this.#a.bind(this))}getOptions(){const{audioTracks:t}=this.#e.$state;return t().map(e=>({track:e,label:e.label,value:e.label.toLowerCase()}))}#i(){this.#s.value=this.#r()}#a(){const{emptyLabel:t}=this.$props,{audioTrack:e}=this.#e.$state,s=e();this.#t?.hint.set(s?.label??t())}#n(){this.#t?.disable(this.disabled)}#r(){const{audioTrack:t}=this.#e.$state,e=t();return e?e.label.toLowerCase():""}#o(t,e){if(this.disabled)return;const s=this.#e.audioTracks.toArray().findIndex(i=>i.label.toLowerCase()===t);if(s>=0){const i=this.#e.audioTracks[s];this.#e.remote.changeAudioTrack(s,e),this.dispatch("change",{detail:i,trigger:e})}}}const ms=zi.prototype;x(ms,"value"),x(ms,"disabled"),F(ms,"getOptions");class bl extends T(HTMLElement,zi){static tagName="media-audio-radio-group";onConnect(){Ht(this)}}class ji extends k{static props={offLabel:"Off"};#t;#e;#s;get value(){return this.#s.value}get disabled(){const{hasCaptions:t}=this.#t.$state;return!t()}constructor(){super(),this.#s=new Lt,this.#s.onValueChange=this.#o.bind(this)}onSetup(){this.#t=y(),J(G)&&(this.#e=O(G))}onConnect(t){super.onConnect?.(t),d(this.#i.bind(this)),d(this.#n.bind(this)),d(this.#a.bind(this))}getOptions(){const{offLabel:t}=this.$props,{textTracks:e}=this.#t.$state;return[{value:"off",label:t},...e().filter(Q).map(s=>({track:s,label:s.label,value:this.#l(s)}))]}#i(){this.#s.value=this.#r()}#a(){const{offLabel:t}=this.$props,{textTrack:e}=this.#t.$state,s=e();this.#e?.hint.set(s&&Q(s)&&s.mode==="showing"?s.label:t())}#n(){this.#e?.disable(this.disabled)}#r(){const{textTrack:t}=this.#t.$state,e=t();return e&&Q(e)&&e.mode==="showing"?this.#l(e):"off"}#o(t,e){if(this.disabled)return;if(t==="off"){const i=this.#t.textTracks.selected;if(i){const n=this.#t.textTracks.indexOf(i);this.#t.remote.changeTextTrackMode(n,"disabled",e),this.dispatch("change",{detail:null,trigger:e})}return}const s=this.#t.textTracks.toArray().findIndex(i=>this.#l(i)===t);if(s>=0){const i=this.#t.textTracks[s];this.#t.remote.changeTextTrackMode(s,"showing",e),this.dispatch("change",{detail:i,trigger:e})}}#l(t){return t.id+":"+t.kind+"-"+t.label.toLowerCase()}}const fs=ji.prototype;x(fs,"value"),x(fs,"disabled"),F(fs,"getOptions");class yl extends T(HTMLElement,ji){static tagName="media-captions-radio-group";onConnect(){Ht(this)}}var vl=Object.defineProperty,$l=Object.getOwnPropertyDescriptor,gs=(a,t,e,s)=>{for(var i=$l(t,e),n=a.length-1,r;n>=0;n--)(r=a[n])&&(i=r(t,e,i)||i);return i&&vl(t,e,i),i};class xe extends k{static props={thumbnails:null};#t;#e;#s;#i=g(null);#a=g([]);get value(){return this.#s.value}get disabled(){return!this.#a()?.length}constructor(){super(),this.#s=new Lt,this.#s.onValueChange=this.#u.bind(this)}onSetup(){this.#t=y(),J(G)&&(this.#e=O(G));const{thumbnails:t}=this.$props;this.setAttributes({"data-thumbnails":()=>!!t()})}onAttach(t){this.#e?.attachObserver({onOpen:this.#n.bind(this)})}getOptions(){const{seekableStart:t,seekableEnd:e}=this.#t.$state,s=t(),i=e();return this.#a().map((n,r)=>({cue:n,value:r.toString(),label:n.text,startTime:ke(Math.max(0,n.startTime-s)),duration:Se(Math.min(i,n.endTime)-Math.max(s,n.startTime))}))}#n(){f(()=>this.#l())}onConnect(t){d(this.#l.bind(this)),d(this.#c.bind(this)),d(this.#r.bind(this)),jt(this.#t.textTracks,"chapters",this.#i.set)}#r(){const t=this.#i();if(!t)return;const e=this.#o.bind(this,t);return e(),new _(t).add("add-cue",e).add("remove-cue",e),()=>{this.#a.set([])}}#o(t){const{seekableStart:e,seekableEnd:s}=this.#t.$state,i=e(),n=s();this.#a.set([...t.cues].filter(r=>r.startTime<=n&&r.endTime>=i))}#l(){if(!this.#e?.expanded())return;if(!this.#i()){this.#s.value="-1";return}const{realCurrentTime:e,seekableStart:s,seekableEnd:i}=this.#t.$state,n=s(),r=i(),o=e(),l=this.#a().findIndex(c=>Ua(c,o));this.#s.value=l.toString(),l>=0&&ht(()=>{if(!this.connectScope)return;const c=this.#a()[l],u=this.el.querySelector("[aria-checked='true']"),p=Math.max(n,c.startTime),v=Math.min(r,c.endTime)-p,$=Math.max(0,o-p)/v*100;u&&tt(u,"--progress",B($,3)+"%")})}#c(){this.#e?.disable(this.disabled)}#u(t,e){if(this.disabled||!e)return;const s=+t,i=this.#a(),{clipStartTime:n}=this.#t.$state;dt(s)&&i?.[s]&&(this.#s.value=s.toString(),this.#t.remote.seek(i[s].startTime-n(),e),this.dispatch("change",{detail:i[s],trigger:e}))}}gs([x],xe.prototype,"value"),gs([x],xe.prototype,"disabled"),gs([F],xe.prototype,"getOptions");class wl extends T(HTMLElement,xe){static tagName="media-chapters-radio-group";onConnect(){Ht(this,(t,e)=>{const{cue:s,startTime:i,duration:n}=e,r=t.querySelector(".vds-thumbnail,media-thumbnail"),o=t.querySelector('[data-part="start-time"]'),l=t.querySelector('[data-part="duration"]');o&&(o.textContent=i),l&&(l.textContent=n),r&&(r.setAttribute("time",s.startTime+""),d(()=>{const c=this.$props.thumbnails();"src"in r?r.src=c:P(c)&&r.setAttribute("src",c)}))})}}class bs extends k{static props={disabled:!1};#t;#e=g(null);get expanded(){return this.#t?.expanded()??!1}constructor(){super(),new rt}onSetup(){this.#t=O(G)}onAttach(t){this.#t.attachMenuButton(this),d(this.#s.bind(this)),L(t,"type","button")}onConnect(t){d(this.#i.bind(this)),this.#a();const e=new MutationObserver(this.#a.bind(this));e.observe(t,{attributeFilter:["data-part"],childList:!0,subtree:!0}),C(()=>e.disconnect()),yt(t,s=>{this.dispatch("select",{trigger:s})})}#s(){this.#t.disableMenuButton(this.$props.disabled())}#i(){const t=this.#e();t&&d(()=>{const e=this.#t.hint();e&&(t.textContent=e)})}#a(){const t=this.el?.querySelector('[data-part="hint"]');this.#e.set(t??null)}}const Tl=bs.prototype;x(Tl,"expanded");class kl extends T(HTMLElement,bs){static tagName="media-menu-button"}class Yi extends at{#t;constructor(t){super(),this.#t=t,d(this.#e.bind(this))}onDestroy(){this.#a?.(),this.#a=null}#e(){const t=this.#t.trigger();if(!t){this.hide();return}const e=this.show.bind(this),s=this.hide.bind(this);this.#t.listen(t,e,s)}#s=-1;#i=-1;#a=null;show(t){this.#n(),window.cancelAnimationFrame(this.#i),this.#i=-1,this.#a?.(),this.#a=null,this.#s=window.setTimeout(()=>{this.#s=-1;const e=this.#t.content();e&&e.style.removeProperty("display"),f(()=>this.#t.onChange(!0,t))},this.#t.showDelay?.()??0)}hide(t){this.#n(),f(()=>this.#t.onChange(!1,t)),this.#i=requestAnimationFrame(()=>{this.#n(),this.#i=-1;const e=this.#t.content();if(e){const s=()=>{e.style.display="none",this.#a=null};if(fn(e)){this.#a?.();const n=H(e,"animationend",s,{once:!0});this.#a=n}else s()}})}#n(){window.clearTimeout(this.#s),this.#s=-1}}const ys=ot(),te=ot();function Sl(a,t){const e=Aa(a,t);for(const{el:s,top:i,left:n}of e)s.scroll({top:i,left:n,behavior:t.behavior})}function xl(a,t={}){Sl(a,{scrollMode:"if-needed",block:"center",inline:"center",...t})}const Pl=["a[href]","[tabindex]","input","select","button"].map(a=>`${a}:not([aria-hidden='true'])`).join(","),Cl=new Set(["Escape","Tab","ArrowUp","ArrowDown","Home","PageUp","End","PageDown","Enter"," "]);class El{#t=-1;#e=null;#s=[];#i;get items(){return this.#s}constructor(t){this.#i=t}attachMenu(t){H(t,"focus",this.#r.bind(this)),this.#e=t,C(()=>{this.#e=null})}listen(){this.#e&&(this.update(),new _(this.#e).add("keyup",this.#l.bind(this)).add("keydown",this.#c.bind(this)),C(()=>{this.#t=-1,this.#s=[]}))}update(){this.#t=0,this.#s=this.#h()}scroll(t=this.#n()){const e=this.#s[t];e&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{xl(e,{behavior:"smooth",boundary:s=>!s.hasAttribute("data-root")})})})}focusActive(t=!0){const e=this.#n();this.#a(e>=0?e:0,t)}#a(t,e=!0){this.#t=t,this.#s[t]?(this.#s[t].focus({preventScroll:!0}),e&&this.scroll(t)):this.#e?.focus({preventScroll:!0})}#n(){return this.#s.findIndex(t=>document.activeElement===t||t.getAttribute("role")==="menuitemradio"&&t.getAttribute("aria-checked")==="true")}#r(){this.#t>=0||(this.update(),this.focusActive())}#o(t){const e=t.target;if(La(t)&&e instanceof Element){const s=e.getAttribute("role");return!/a|input|select|button/.test(e.localName)&&!s}return Cl.has(t.key)}#l(t){this.#o(t)&&(t.stopPropagation(),t.preventDefault())}#c(t){if(this.#o(t))switch(t.stopPropagation(),t.preventDefault(),t.key){case"Escape":this.#i.closeMenu(t);break;case"Tab":this.#a(this.#u(t.shiftKey?-1:1));break;case"ArrowUp":this.#a(this.#u(-1));break;case"ArrowDown":this.#a(this.#u(1));break;case"Home":case"PageUp":this.#a(0);break;case"End":case"PageDown":this.#a(this.#s.length-1);break}}#u(t){let e=this.#t;do e=(e+t+this.#s.length)%this.#s.length;while(this.#s[e]?.offsetParent===null);return e}#h(){if(!this.#e)return[];const t=this.#e.querySelectorAll(Pl),e=[],s=i=>i.getAttribute("role")==="menu";for(const i of t)vt(i)&&i.offsetParent!==null&&ei(this.#e,i,s)&&e.push(i);return e}}var Ml=Object.defineProperty,Al=Object.getOwnPropertyDescriptor,ee=(a,t,e,s)=>{for(var i=Al(t,e),n=a.length-1,r;n>=0;n--)(r=a[n])&&(i=r(t,e,i)||i);return i&&Ml(t,e,i),i};let Ll=0;class Bt extends k{static props={showDelay:0};#t;#e;#s;#i=g(!1);#a=g(!1);#n=g(null);#r=g(null);#o;#l=new Set;#c=null;#u;#h;#d=!1;#p=g(!1);#m=new Set;get triggerElement(){return this.#n()}get contentElement(){return this.#r()}get isSubmenu(){return!!this.#o}constructor(){super();const{showDelay:t}=this.$props;this.#u=new Yi({trigger:this.#n,content:this.#r,showDelay:t,listen:(e,s,i)=>{yt(e,r=>{this.#i()?i(r):s(r)});const n=this.#A();n&&yt(n,r=>{r.stopPropagation(),i(r)})},onChange:this.#T.bind(this)})}onSetup(){this.#t=y();const t=++Ll;this.#e=`media-menu-${t}`,this.#s=`media-menu-button-${t}`,this.#h=new El({closeMenu:this.close.bind(this)}),J(G)&&(this.#o=O(G)),this.#b(),this.setAttributes({"data-open":this.#i,"data-root":!this.isSubmenu,"data-submenu":this.isSubmenu,"data-disabled":this.#P.bind(this)}),X(G,{button:this.#n,content:this.#r,expanded:this.#i,hint:g(""),submenu:!!this.#o,disable:this.#E.bind(this),attachMenuButton:this.#y.bind(this),attachMenuItems:this.#$.bind(this),attachObserver:this.#w.bind(this),disableMenuButton:this.#x.bind(this),addSubmenu:this.#_.bind(this),onTransitionEvent:e=>{this.#m.add(e),C(()=>{this.#m.delete(e)})}})}onAttach(t){t.style.setProperty("display","contents")}onConnect(t){d(this.#g.bind(this)),this.isSubmenu&&this.#o?.addSubmenu(this)}onDestroy(){this.#n.set(null),this.#r.set(null),this.#c=null,this.#m.clear()}#b(){let t=-1,e=J(te)?O(te):null;X(te,{onDragStart:()=>{e?.onDragStart?.(),window.clearTimeout(t),t=-1,this.#d=!0},onDragEnd:()=>{e?.onDragEnd?.(),t=window.setTimeout(()=>{this.#d=!1,t=-1},300)}})}#g(){const t=this.#S();this.isSubmenu||this.#R(),this.#v(t),t&&(d(()=>{const{height:e}=this.#t.$state,s=this.#r();s&&tt(s,"--player-height",e()+"px")}),this.#h.listen(),this.listen("pointerup",this.#M.bind(this)),H(window,"pointerup",this.#C.bind(this)))}#y(t){const e=t.el,s=this.isSubmenu,i=K(this.#P.bind(this));L(e,"tabindex",s?"-1":"0"),L(e,"role",s?"menuitem":"button"),b(e,"id",this.#s),b(e,"aria-haspopup","menu"),b(e,"aria-expanded","false"),b(e,"data-root",!this.isSubmenu),b(e,"data-submenu",this.isSubmenu),d(()=>{b(e,"data-open",this.#i()),b(e,"aria-disabled",i())}),this.#n.set(e),C(()=>{this.#n.set(null)})}#$(t){const e=t.el;e.style.setProperty("display","none"),b(e,"id",this.#e),L(e,"role","menu"),L(e,"tabindex","-1"),b(e,"data-root",!this.isSubmenu),b(e,"data-submenu",this.isSubmenu),this.#r.set(e),C(()=>this.#r.set(null)),d(()=>b(e,"data-open",this.#i())),this.#h.attachMenu(e),this.#v(!1);const i=this.#B.bind(this);this.isSubmenu?this.#o?.onTransitionEvent(i):(t.listen("transitionstart",i),t.listen("transitionend",i),t.listen("animationend",this.#R),t.listen("vds-menu-resize",this.#R))}#w(t){this.#c=t}#v(t){const e=f(this.#r);e&&b(e,"aria-hidden",de(!t))}#x(t){this.#p.set(t)}#f=!1;#T(t,e){if(this.#f=re(e),e?.stopPropagation(),this.#i()===t)return;if(this.#P()){t&&this.#u.hide(e);return}this.el?.dispatchEvent(new Event("vds-menu-resize",{bubbles:!0,composed:!0}));const s=this.#n(),i=this.#r();if(s&&(b(s,"aria-controls",t&&this.#e),b(s,"aria-expanded",de(t))),i&&b(i,"aria-labelledby",t&&this.#s),this.#i.set(t),this.#D(e),lt(),this.#f){t?i?.focus():s?.focus();for(const n of[this.el,i])n&&n.setAttribute("data-keyboard","")}else for(const n of[this.el,i])n&&n.removeAttribute("data-keyboard");if(this.dispatch(t?"open":"close",{trigger:e}),t)!this.isSubmenu&&this.#t.activeMenu!==this&&(this.#t.activeMenu?.close(e),this.#t.activeMenu=this),this.#c?.onOpen?.(e);else{if(this.isSubmenu)for(const n of this.#l)n.close(e);else this.#t.activeMenu=null;this.#c?.onClose?.(e)}t&&requestAnimationFrame(this.#k.bind(this))}#k(){this.#N||this.#L||(this.#h.update(),requestAnimationFrame(()=>{this.#f?this.#h.focusActive():this.#h.scroll()}))}#S(){return!this.#P()&&this.#i()}#P(){return this.#a()||this.#p()}#E(t){this.#a.set(t)}#M(t){const e=this.#r();this.#d||e&&Js(e,t)||t.stopPropagation()}#C(t){const e=this.#r();this.#d||e&&Js(e,t)||this.close(t)}#A(){const t=this.el?.querySelector('[data-part="close-target"]');return this.el&&t&&ei(this.el,t,e=>e.getAttribute("role")==="menu")?t:null}#D(t){this.isSubmenu||(this.#i()?this.#t.remote.pauseControls(t):this.#t.remote.resumeControls(t))}#_(t){this.#l.add(t),new _(t).add("open",this.#O).add("close",this.#F),C(this.#q)}#q=this.#V.bind(this);#V(t){this.#l.delete(t)}#L=!1;#O=this.#I.bind(this);#I(t){this.#L=!0;const e=this.#r();this.isSubmenu&&this.triggerElement?.setAttribute("aria-hidden","true");for(const s of this.#l)if(s!==t.target)for(const i of[s.el,s.triggerElement])i?.setAttribute("aria-hidden","true");if(e){const s=t.target.el;for(const i of e.children)i.contains(s)?i.setAttribute("data-open",""):i!==s&&i.setAttribute("data-hidden","")}}#F=this.#H.bind(this);#H(t){this.#L=!1;const e=this.#r();this.isSubmenu&&this.triggerElement?.setAttribute("aria-hidden","false");for(const s of this.#l)for(const i of[s.el,s.triggerElement])i?.setAttribute("aria-hidden","false");if(e)for(const s of e.children)s.removeAttribute("data-open"),s.removeAttribute("data-hidden")}#R=ct(()=>{const t=f(this.#r);if(!t)return;let e=0,s=getComputedStyle(t),i=[...t.children];for(const n of["paddingTop","paddingBottom","borderTopWidth","borderBottomWidth"])e+=parseFloat(s[n])||0;for(const n of i)if(vt(n)&&n.style.display==="contents")i.push(...n.children);else if(n.nodeType===3)e+=parseFloat(getComputedStyle(n).fontSize);else if(vt(n)){if(!Zs(n))continue;const r=getComputedStyle(n);e+=n.offsetHeight+(parseFloat(r.marginTop)||0)+(parseFloat(r.marginBottom)||0)}tt(t,"--menu-height",e+"px")});#N=!1;#B(t){const e=this.#r();e&&t.propertyName==="height"&&(this.#N=t.type==="transitionstart",b(e,"data-transition",this.#N?"height":null),this.#i()&&this.#k());for(const s of this.#m)s(t)}open(t){f(this.#i)||(this.#u.show(t),lt())}close(t){f(this.#i)&&(this.#u.hide(t),lt())}}ee([x],Bt.prototype,"triggerElement"),ee([x],Bt.prototype,"contentElement"),ee([x],Bt.prototype,"isSubmenu"),ee([F],Bt.prototype,"open"),ee([F],Bt.prototype,"close");class Dl extends T(HTMLElement,Bt){static tagName="media-menu"}class ql extends bs{}class _l extends T(HTMLElement,ql){static tagName="media-menu-item"}class Il extends k{static props={container:null,disabled:!1};#t=null;#e;onSetup(){this.#e=y(),X(Pe,{attach:this.#s.bind(this)})}onAttach(t){t.style.setProperty("display","contents")}onConnect(t){}onDestroy(){this.#t?.remove(),this.#t=null}#s(t){this.#a(!1),this.#t=t,ht(()=>{ht(()=>{this.connectScope&&d(this.#i.bind(this))})})}#i(){const{fullscreen:t}=this.#e.$state,{disabled:e}=this.$props;this.#a(e()==="fullscreen"?!t():!e())}#a(t){if(!this.#t)return;let e=this.#n(this.$props.container());if(!e)return;const s=this.#t.parentElement===e;b(this.#t,"data-portal",t),t?s||(this.#t.remove(),e.append(this.#t)):s&&this.#t.parentElement===e&&(this.#t.remove(),this.el?.append(this.#t))}#n(t){return vt(t)?t:t?document.querySelector(t):document.body}}const Pe=ot();class Vl extends k{static props={placement:null,offset:0,alignOffset:0};#t;constructor(){super(),new rt;const{placement:t}=this.$props;this.setAttributes({"data-placement":t})}onAttach(t){if(this.#t=O(G),this.#t.attachMenuItems(this),J(Pe)){const e=O(Pe);e&&(X(Pe,null),e.attach(t),C(()=>e.attach(null)))}}onConnect(t){d(this.#e.bind(this))}#e(){const{expanded:t}=this.#t;if(!this.el||!t())return;const e=this.$props.placement();if(!e)return;Object.assign(this.el.style,{position:"absolute",top:0,left:0,width:"max-content"});const{offset:s,alignOffset:i}=this.$props;C(si(this.el,this.#i(),e,{offsetVarName:"media-menu",xOffset:i(),yOffset:s()})),C(this.#s.bind(this))}#s(){this.el&&(this.el.removeAttribute("style"),this.el.style.display="none")}#i(){return this.#t.button()}}class Ol extends T(HTMLElement,Vl){static tagName="media-menu-items"}class Rl extends T(HTMLElement,Il){static tagName="media-menu-portal";static attrs={disabled:{converter(t){return P(t)?t:t!==null}}}}function Xi(a,t){return[...a].sort(t?Fl:Nl)}function Nl(a,t){return a.height===t.height?(a.bitrate??0)-(t.bitrate??0):a.height-t.height}function Fl(a,t){return t.height===a.height?(t.bitrate??0)-(a.bitrate??0):t.height-a.height}class Ji extends k{static props={autoLabel:"Auto",hideBitrate:!1,sort:"descending"};#t;#e;#s;get value(){return this.#s.value}get disabled(){const{canSetQuality:t,qualities:e}=this.#t.$state;return!t()||e().length<=1}#i=q(()=>{const{sort:t}=this.$props,{qualities:e}=this.#t.$state;return Xi(e(),t()==="descending")});constructor(){super(),this.#s=new Lt,this.#s.onValueChange=this.#o.bind(this)}onSetup(){this.#t=y(),J(G)&&(this.#e=O(G))}onConnect(t){d(this.#a.bind(this)),d(this.#r.bind(this)),d(this.#n.bind(this))}getOptions(){const{autoLabel:t,hideBitrate:e}=this.$props;return[{value:"auto",label:t},...this.#i().map(s=>{const i=s.bitrate&&s.bitrate>=0?`${B(s.bitrate/1e6,2)} Mbps`:null;return{quality:s,label:s.height+"p",value:this.#c(s),bitrate:()=>e()?null:i}})]}#a(){this.#s.value=this.#l()}#n(){const{autoLabel:t}=this.$props,{autoQuality:e,quality:s}=this.#t.$state,i=s()?s().height+"p":"";this.#e?.hint.set(e()?t()+(i?` (${i})`:""):i)}#r(){this.#e?.disable(this.disabled)}#o(t,e){if(this.disabled)return;if(t==="auto"){this.#t.remote.changeQuality(-1,e),this.dispatch("change",{detail:"auto",trigger:e});return}const{qualities:s}=this.#t.$state,i=f(s).findIndex(n=>this.#c(n)===t);if(i>=0){const n=f(s)[i];this.#t.remote.changeQuality(i,e),this.dispatch("change",{detail:n,trigger:e})}}#l(){const{quality:t,autoQuality:e}=this.#t.$state;if(e())return"auto";const s=t();return s?this.#c(s):"auto"}#c(t){return t.height+"_"+t.bitrate}}const vs=Ji.prototype;x(vs,"value"),x(vs,"disabled"),F(vs,"getOptions");class Hl extends T(HTMLElement,Ji){static tagName="media-quality-radio-group";onConnect(){Ht(this,(t,e)=>{const s=e.bitrate,i=t.querySelector('[data-part="bitrate"]');s&&i&&d(()=>{i.textContent=s()||""})})}}class Zi extends k{static props={value:""};#t=g(!1);#e={value:this.$props.value,check:this.#r.bind(this),onCheck:null};get checked(){return this.#t()}constructor(){super(),new rt}onSetup(){this.setAttributes({value:this.$props.value,"data-checked":this.#t,"aria-checked":K(this.#t)})}onAttach(t){const e=J(G);L(t,"tabindex",e?"-1":"0"),L(t,"role",e?"menuitemradio":"radio"),d(this.#a.bind(this))}onConnect(t){this.#i(),yt(t,this.#n.bind(this)),C(this.#s.bind(this))}#s(){zt(()=>{O(hs).remove(this.#e)},this.connectScope)}#i(){O(hs).add(this.#e)}#a(){const{value:t}=this.$props,e=t();f(this.#t)&&this.#e.onCheck?.(e)}#n(t){f(this.#t)||(this.#o(!0,t),this.#l(t),this.#e.onCheck?.(f(this.$props.value),t))}#r(t,e){f(this.#t)!==t&&this.#o(t,e)}#o(t,e){this.#t.set(t),this.dispatch("change",{detail:t,trigger:e})}#l(t){this.dispatch("select",{trigger:t})}}const Bl=Zi.prototype;x(Bl,"checked");class Gl extends T(HTMLElement,Zi){static tagName="media-radio"}class ta extends k{static props={value:""};#t;get values(){return this.#t.values}get value(){return this.#t.value}set value(t){this.#t.value=t}constructor(){super(),this.#t=new Lt,this.#t.onValueChange=this.#s.bind(this)}onSetup(){d(this.#e.bind(this))}#e(){this.#t.value=this.$props.value()}#s(t,e){const s=this.createEvent("change",{detail:t,trigger:e});this.dispatch(s)}}const ea=ta.prototype;x(ea,"values"),x(ea,"value");class Kl extends T(HTMLElement,ta){static tagName="media-radio-group"}const Wl=[.25,.5,.75,1,1.25,1.5,1.75,2];class sa extends k{static props={normalLabel:"Normal",rates:Wl};#t;#e;#s;get value(){return this.#s.value}get disabled(){const{rates:t}=this.$props,{canSetPlaybackRate:e}=this.#t.$state;return!e()||t().length===0}constructor(){super(),this.#s=new Lt,this.#s.onValueChange=this.#o.bind(this)}onSetup(){this.#t=y(),J(G)&&(this.#e=O(G))}onConnect(t){d(this.#i.bind(this)),d(this.#a.bind(this)),d(this.#n.bind(this))}getOptions(){const{rates:t,normalLabel:e}=this.$props;return t().map(s=>({label:s===1?e:s+"\xD7",value:s.toString()}))}#i(){this.#s.value=this.#r()}#a(){const{normalLabel:t}=this.$props,{playbackRate:e}=this.#t.$state,s=e();this.#e?.hint.set(s===1?t():s+"\xD7")}#n(){this.#e?.disable(this.disabled)}#r(){const{playbackRate:t}=this.#t.$state;return t().toString()}#o(t,e){if(this.disabled)return;const s=+t;this.#t.remote.changePlaybackRate(s,e),this.dispatch("change",{detail:s,trigger:e})}}const $s=sa.prototype;x($s,"value"),x($s,"disabled"),F($s,"getOptions");class Ul extends T(HTMLElement,sa){static tagName="media-speed-radio-group";onConnect(){Ht(this)}}class Ql extends k{static props={src:null,alt:null,crossOrigin:null};static state=new gt({img:null,src:null,alt:null,crossOrigin:null,loading:!0,error:null,hidden:!1});#t;onSetup(){this.#t=y(),this.#o(),this.#l(),this.#c(),this.#i()}onAttach(t){t.style.setProperty("pointer-events","none"),d(this.#n.bind(this)),d(this.#o.bind(this)),d(this.#l.bind(this)),d(this.#c.bind(this)),d(this.#i.bind(this));const{started:e}=this.#t.$state;this.setAttributes({"data-visible":()=>!e()&&!this.$state.hidden(),"data-loading":this.#a.bind(this),"data-error":this.#e.bind(this),"data-hidden":this.$state.hidden})}onConnect(t){d(this.#s.bind(this)),d(this.#u.bind(this))}#e(){const{error:t}=this.$state;return!Ct(t())}#s(){const{canLoadPoster:t,poster:e}=this.#t.$state;!t()&&e()&&Yt(e(),"preconnect")}#i(){const{src:t}=this.$props,{poster:e,nativeControls:s}=this.#t.$state;this.el&&b(this.el,"display",s()?"none":null),this.$state.hidden.set(this.#e()||!(t()||e())||s())}#a(){const{loading:t,hidden:e}=this.$state;return!e()&&t()}#n(){const t=this.$state.img();t&&(new _(t).add("load",this.#h.bind(this)).add("error",this.#d.bind(this)),t.complete&&this.#h())}#r="";#o(){const{poster:t}=this.#t.$props,{canLoadPoster:e,providedPoster:s,inferredPoster:i}=this.#t.$state,n=this.$props.src()||"",r=n||t()||i();this.#r===s()&&s.set(n),this.$state.src.set(e()&&r.length?r:null),this.#r=n}#l(){const{src:t}=this.$props,{alt:e}=this.$state,{poster:s}=this.#t.$state;e.set(t()||s()?this.$props.alt():null)}#c(){const{crossOrigin:t}=this.$props,{crossOrigin:e}=this.$state,{crossOrigin:s,poster:i}=this.#t.$state,n=t()!==null?t():s();e.set(/ytimg\.com|vimeo/.test(i()||"")?null:n===!0?"anonymous":n)}#u(){const{loading:t,error:e}=this.$state,{canLoadPoster:s,poster:i}=this.#t.$state;t.set(s()&&!!i()),e.set(null)}#h(){const{loading:t,error:e}=this.$state;t.set(!1),e.set(null)}#d(t){const{loading:e,error:s}=this.$state;e.set(!1),s.set(t)}}class zl extends T(HTMLElement,Ql){static tagName="media-poster";static attrs={crossOrigin:"crossorigin"};#t=document.createElement("img");onSetup(){this.$state.img.set(this.#t)}onConnect(){const{src:t,alt:e,crossOrigin:s}=this.$state;d(()=>{const{loading:i,hidden:n}=this.$state;this.#t.style.display=i()||n()?"none":""}),d(()=>{b(this.#t,"alt",e()),b(this.#t,"crossorigin",s()),b(this.#t,"src",t())}),this.#t.parentNode!==this&&this.prepend(this.#t)}}const Dt=new gt({min:0,max:100,value:0,step:1,pointerValue:0,focused:!1,dragging:!1,pointing:!1,hidden:!1,get active(){return this.dragging||this.focused||this.pointing},get fillRate(){return ia(this.min,this.max,this.value)},get fillPercent(){return this.fillRate*100},get pointerRate(){return ia(this.min,this.max,this.pointerValue)},get pointerPercent(){return this.pointerRate*100}});function ia(a,t,e){const s=t-a,i=e-a;return s>0?i/s:0}const Gt=ot(()=>({}));class aa extends at{#t;#e;constructor(t){super(),this.#t=t}onConnect(t){this.#e=new IntersectionObserver(e=>{this.#t.callback?.(e,this.#e)},this.#t),this.#e.observe(t),C(this.#s.bind(this))}#s(){this.#e?.disconnect(),this.#e=void 0}}function jl(a,t,e,s){return Re(a,B(e,Qa(s)),t)}function Yl(a,t,e,s){const i=Re(0,e,1),n=t-a,r=n*i,o=r/s,l=s*Math.round(o);return a+l}const ws={Left:-1,ArrowLeft:-1,Up:1,ArrowUp:1,Right:1,ArrowRight:1,Down:-1,ArrowDown:-1};class Xl extends at{#t;#e;#s;constructor(t,e){super(),this.#t=t,this.#e=e}onSetup(){J(te)&&(this.#s=O(te))}onConnect(t){d(this.#c.bind(this,t)),d(this.#u.bind(this,t)),this.#t.swipeGesture&&d(this.#i.bind(this))}#i(){const{pointer:t}=this.#e.$state;if(t()!=="coarse"||!this.#t.swipeGesture()){this.#a=null;return}this.#a=this.#e.player.el?.querySelector("media-provider,[data-media-provider]"),this.#a&&new _(this.#a).add("touchstart",this.#o.bind(this),{passive:!0}).add("touchmove",this.#l.bind(this),{passive:!1})}#a=null;#n=null;#r=null;#o(t){this.#n=t.touches[0]}#l(t){if(Ct(this.#n)||Ge(t))return;const e=t.touches[0],s=e.clientX-this.#n.clientX,i=e.clientY-this.#n.clientY,n=this.$state.dragging();!n&&Math.abs(i)>5||n||(t.preventDefault(),Math.abs(s)>20&&(this.#n=e,this.#r=this.$state.value(),this.#w(this.#r,t)))}#c(t){const{hidden:e}=this.$props;H(t,"focus",this.#h.bind(this)),!(e()||this.#t.isDisabled())&&new _(t).add("keyup",this.#k.bind(this)).add("keydown",this.#T.bind(this)).add("pointerenter",this.#b.bind(this)).add("pointermove",this.#g.bind(this)).add("pointerleave",this.#y.bind(this)).add("pointerdown",this.#$.bind(this))}#u(t){this.#t.isDisabled()||!this.$state.dragging()||new _(document).add("pointerup",this.#E.bind(this),{capture:!0}).add("pointermove",this.#C.bind(this)).add("touchmove",this.#M.bind(this),{passive:!1})}#h(){this.#p(this.$state.value())}#d(t,e){const{value:s,min:i,max:n,dragging:r}=this.$state,o=Math.max(i(),Math.min(t,n()));s.set(o);const l=this.createEvent("value-change",{detail:o,trigger:e});if(this.dispatch(l),this.#t.onValueChange?.(l),r()){const c=this.createEvent("drag-value-change",{detail:o,trigger:e});this.dispatch(c),this.#t.onDragValueChange?.(c)}}#p(t,e){const{pointerValue:s,dragging:i}=this.$state;s.set(t),this.dispatch("pointer-value-change",{detail:t,trigger:e}),i()&&this.#d(t,e)}#m(t){let e,s=this.el.getBoundingClientRect(),{min:i,max:n}=this.$state;if(this.$props.orientation()==="vertical"){const{bottom:r,height:o}=s;e=(r-t.clientY)/o}else if(this.#n&&dt(this.#r)){const{width:r}=this.#a.getBoundingClientRect(),o=(t.clientX-this.#n.clientX)/r,l=n()-i(),c=l*Math.abs(o);e=(o<0?this.#r-c:this.#r+c)/l}else{const{left:r,width:o}=s;e=(t.clientX-r)/o}return Math.max(i(),Math.min(n(),this.#t.roundValue(Yl(i(),n(),e,this.#t.getStep()))))}#b(t){this.$state.pointing.set(!0)}#g(t){const{dragging:e}=this.$state;e()||this.#p(this.#m(t),t)}#y(t){this.$state.pointing.set(!1)}#$(t){if(t.button!==0)return;const e=this.#m(t);this.#w(e,t),this.#p(e,t)}#w(t,e){const{dragging:s}=this.$state;if(s())return;s.set(!0),this.#e.remote.pauseControls(e);const i=this.createEvent("drag-start",{detail:t,trigger:e});this.dispatch(i),this.#t.onDragStart?.(i),this.#s?.onDragStart?.()}#v(t,e){const{dragging:s}=this.$state;if(!s())return;s.set(!1),this.#e.remote.resumeControls(e);const i=this.createEvent("drag-end",{detail:t,trigger:e});this.dispatch(i),this.#t.onDragEnd?.(i),this.#n=null,this.#r=null,this.#s?.onDragEnd?.()}#x;#f=!1;#T(t){if(!Object.keys(ws).includes(t.key))return;const{key:s}=t,i=this.#S(t);if(!Ct(i)){this.#p(i,t),this.#d(i,t);return}const n=this.#P(t);this.#f||(this.#f=s===this.#x,!this.$state.dragging()&&this.#f&&this.#w(n,t)),this.#p(n,t),this.#x=s}#k(t){if(!Object.keys(ws).includes(t.key)||!Ct(this.#S(t)))return;const s=this.#f?this.$state.pointerValue():this.#P(t);this.#d(s,t),this.#v(s,t),this.#x="",this.#f=!1}#S(t){let e=t.key,{min:s,max:i}=this.$state;return e==="Home"||e==="PageUp"?s():e==="End"||e==="PageDown"?i():!t.metaKey&&/^[0-9]$/.test(e)?(i()-s())/10*Number(e):null}#P(t){const{key:e,shiftKey:s}=t;t.preventDefault(),t.stopPropagation();const{shiftKeyMultiplier:i}=this.$props,{min:n,max:r,value:o,pointerValue:l}=this.$state,c=this.#t.getStep(),u=this.#t.getKeyStep(),p=s?u*i():u,v=Number(ws[e]),$=p*v,S=this.#f?l():this.#t.getValue?.()??o(),V=(S+$)/c;return Math.max(n(),Math.min(r(),Number((c*V).toFixed(3))))}#E(t){if(t.button!==0)return;t.preventDefault(),t.stopImmediatePropagation();const e=this.#m(t);this.#p(e,t),this.#v(e,t)}#M(t){t.preventDefault()}#C=Pt(t=>{this.#p(this.#m(t),t)},20,{leading:!0})}class et extends at{static props={hidden:!1,disabled:!1,step:1,keyStep:1,orientation:"horizontal",shiftKeyMultiplier:5};#t;#e;#s=g(!0);#i=g(!0);constructor(t){super(),this.#e=t}onSetup(){this.#t=y();const t=new rt;t.attach(this),this.$state.focused=t.focused.bind(t),J(Gt)||X(Gt,{default:"value"}),X(ys,{orientation:this.$props.orientation,disabled:this.#e.isDisabled,preview:g(null)}),d(this.#r.bind(this)),d(this.#o.bind(this)),d(this.#l.bind(this)),this.#u(),new Xl(this.#e,this.#t).attach(this),new aa({callback:this.#a.bind(this)}).attach(this)}onAttach(t){L(t,"role","slider"),L(t,"tabindex","0"),L(t,"autocomplete","off"),d(this.#h.bind(this))}onConnect(t){C(ti(t,this.#s.set)),d(this.#n.bind(this))}#a(t){this.#i.set(t[0].isIntersecting)}#n(){const{hidden:t}=this.$props;this.$state.hidden.set(t()||!this.#s()||!this.#i.bind(this))}#r(){const{dragging:t,value:e,min:s,max:i}=this.$state;f(t)||e.set(jl(s(),i(),e(),this.#e.getStep()))}#o(){this.$state.step.set(this.#e.getStep())}#l(){if(!this.#e.isDisabled())return;const{dragging:t,pointing:e}=this.$state;t.set(!1),e.set(!1)}#c(){return de(this.#e.isDisabled())}#u(){const{orientation:t}=this.$props,{dragging:e,active:s,pointing:i}=this.$state;this.setAttributes({"data-dragging":e,"data-pointing":i,"data-active":s,"aria-disabled":this.#c.bind(this),"aria-valuemin":this.#e.aria.valueMin??this.$state.min,"aria-valuemax":this.#e.aria.valueMax??this.$state.max,"aria-valuenow":this.#e.aria.valueNow,"aria-valuetext":this.#e.aria.valueText,"aria-orientation":t})}#h(){const{fillPercent:t,pointerPercent:e}=this.$state;this.#d(B(t(),3),B(e(),3))}#d=ct((t,e)=>{this.el?.style.setProperty("--slider-fill",t+"%"),this.el?.style.setProperty("--slider-pointer",e+"%")})}class Jl extends k{static props={...et.props,step:25,keyStep:25,shiftKeyMultiplier:2,min:0,max:300};static state=Dt;#t;onSetup(){this.#t=y(),X(Gt,{default:"percent",percent:(t,e)=>B(this.$state.value(),e)+"%"}),new et({getStep:this.$props.step,getKeyStep:this.$props.keyStep,roundValue:Math.round,isDisabled:this.#n.bind(this),aria:{valueNow:this.#e.bind(this),valueText:this.#s.bind(this)},onDragValueChange:this.#l.bind(this),onValueChange:this.#o.bind(this)}).attach(this),d(this.#i.bind(this)),d(this.#a.bind(this))}onAttach(t){t.setAttribute("data-media-audio-gain-slider",""),L(t,"aria-label","Audio Boost");const{canSetAudioGain:e}=this.#t.$state;this.setAttributes({"data-supported":e,"aria-hidden":K(()=>!e())})}#e(){const{value:t}=this.$state;return Math.round(t())}#s(){const{value:t}=this.$state;return t()+"%"}#i(){const{min:t,max:e}=this.$props;this.$state.min.set(t()),this.$state.max.set(e())}#a(){const{audioGain:t}=this.#t.$state,e=((t()??1)-1)*100;this.$state.value.set(e),this.dispatch("value-change",{detail:e})}#n(){const{disabled:t}=this.$props,{canSetAudioGain:e}=this.#t.$state;return t()||!e()}#r(t){if(!t.trigger)return;const e=B(1+t.detail/100,2);this.#t.remote.changeAudioGain(e,t)}#o(t){this.#r(t)}#l(t){this.#r(t)}}class Zl extends T(HTMLElement,Jl){static tagName="media-audio-gain-slider"}class td extends k{static props={...et.props,step:1,keyStep:1,shiftKeyMultiplier:1};static state=Dt;#t;#e=q(()=>{const{qualities:t}=this.#t.$state;return Xi(t())});onSetup(){this.#t=y(),new et({getStep:this.$props.step,getKeyStep:this.$props.keyStep,roundValue:Math.round,isDisabled:this.#r.bind(this),aria:{valueNow:this.#s.bind(this),valueText:this.#i.bind(this)},onDragValueChange:this.#u.bind(this),onValueChange:this.#c.bind(this)}).attach(this),d(this.#a.bind(this)),d(this.#n.bind(this))}onAttach(t){t.setAttribute("data-media-quality-slider",""),L(t,"aria-label","Video Quality");const{qualities:e,canSetQuality:s}=this.#t.$state,i=q(()=>s()&&e().length>0);this.setAttributes({"data-supported":i,"aria-hidden":K(()=>!i())})}#s(){const{value:t}=this.$state;return t()}#i(){const{quality:t}=this.#t.$state;if(!t())return"";const{height:e,bitrate:s}=t(),i=s&&s>0?`${(s/1e6).toFixed(2)} Mbps`:null;return e?`${e}p${i?` (${i})`:""}`:"Auto"}#a(){const t=this.#e();this.$state.max.set(Math.max(0,t.length-1))}#n(){let{quality:t}=this.#t.$state,e=this.#e(),s=Math.max(0,e.indexOf(t()));this.$state.value.set(s),this.dispatch("value-change",{detail:s})}#r(){const{disabled:t}=this.$props,{canSetQuality:e,qualities:s}=this.#t.$state;return t()||s().length<=1||!e()}#o=Pt(this.#l.bind(this),25);#l(t){if(!t.trigger)return;const{qualities:e}=this.#t,s=f(this.#e)[t.detail];this.#t.remote.changeQuality(e.indexOf(s),t)}#c(t){this.#o(t)}#u(t){this.#o(t)}}class ed extends T(HTMLElement,td){static tagName="media-quality-slider"}class na extends k{static props={...et.props,step:.1,keyStep:5,shiftKeyMultiplier:2,pauseWhileDragging:!1,noSwipeGesture:!1,seekingRequestThrottle:100};static state=Dt;#t;#e;#s=g(null);constructor(){super();const{noSwipeGesture:t}=this.$props;new et({swipeGesture:()=>!t(),getValue:this.#b.bind(this),getStep:this.#g.bind(this),getKeyStep:this.#y.bind(this),roundValue:this.#$,isDisabled:this.#w.bind(this),aria:{valueNow:this.#v.bind(this),valueText:this.#x.bind(this)},onDragStart:this.#h.bind(this),onDragValueChange:this.#d.bind(this),onDragEnd:this.#p.bind(this),onValueChange:this.#m.bind(this)})}onSetup(){this.#t=y(),X(Gt,{default:"time",value:this.#k.bind(this),time:this.#S.bind(this)}),this.setAttributes({"data-chapters":this.#a.bind(this)}),this.setStyles({"--slider-progress":this.#i.bind(this)}),d(this.#r.bind(this)),d(this.#n.bind(this))}onAttach(t){t.setAttribute("data-media-time-slider",""),L(t,"aria-label","Seek")}onConnect(t){d(this.#o.bind(this)),jt(this.#t.textTracks,"chapters",this.#s.set)}#i(){const{bufferedEnd:t,duration:e}=this.#t.$state;return B(Math.min(t()/Math.max(e(),1),1)*100,3)+"%"}#a(){const{duration:t}=this.#t.$state;return this.#s()?.cues.length&&Number.isFinite(t())&&t()>0}#n(){this.#e=Pt(this.#l.bind(this),this.$props.seekingRequestThrottle())}#r(){if(this.$state.hidden())return;const{value:t,dragging:e}=this.$state,s=this.#b();f(e)||(t.set(s),this.dispatch("value-change",{detail:s}))}#o(){const t=this.#t.player.el,{preview:e}=O(ys);t&&e()&&b(t,"data-preview",this.$state.active())}#l(t,e){this.#t.remote.seeking(t,e)}#c(t,e,s){this.#e.cancel();const{live:i}=this.#t.$state;if(i()&&e>=99){this.#t.remote.seekToLiveEdge(s);return}this.#t.remote.seek(t,s)}#u=!1;#h(t){const{pauseWhileDragging:e}=this.$props;if(e()){const{paused:s}=this.#t.$state;this.#u=!s(),this.#t.remote.pause(t)}}#d(t){this.#e(this.#f(t.detail),t)}#p(t){const{seeking:e}=this.#t.$state;f(e)||this.#l(this.#f(t.detail),t);const s=t.detail;this.#c(this.#f(s),s,t);const{pauseWhileDragging:i}=this.$props;i()&&this.#u&&(this.#t.remote.play(t),this.#u=!1)}#m(t){const{dragging:e}=this.$state;e()||!t.trigger||this.#p(t)}#b(){const{currentTime:t}=this.#t.$state;return this.#T(t())}#g(){const t=this.$props.step()/this.#t.$state.duration()*100;return Number.isFinite(t)?t:1}#y(){const t=this.$props.keyStep()/this.#t.$state.duration()*100;return Number.isFinite(t)?t:1}#$(t){return B(t,3)}#w(){const{disabled:t}=this.$props,{canSeek:e}=this.#t.$state;return t()||!e()}#v(){const{value:t}=this.$state;return Math.round(t())}#x(){const t=this.#f(this.$state.value()),{duration:e}=this.#t.$state;return Number.isFinite(t)?`${Se(t)} out of ${Se(e())}`:"live"}#f(t){const{duration:e}=this.#t.$state;return B(t/100*e(),5)}#T(t){const{liveEdge:e,duration:s}=this.#t.$state,i=Math.max(0,Math.min(1,e()?1:Math.min(t,s())/s()));return Number.isNaN(i)?0:Number.isFinite(i)?i*100:100}#k(t){const e=this.#f(t),{live:s,duration:i}=this.#t.$state;return Number.isFinite(e)?(s()?e-i():e).toFixed(0):"LIVE"}#S(t,e){const s=this.#f(t),{live:i,duration:n}=this.#t.$state,r=i()?s-n():s;return Number.isFinite(s)?`${r<0?"-":""}${ke(Math.abs(r),e)}`:"LIVE"}}class ra extends k{static props={disabled:!1};#t;#e;#s;#i=null;#a=[];#n=g(null);#r=g([]);#o=g(-1);#l=g(-1);#c=0;get cues(){return this.#r()}get activeCue(){return this.#r()[this.#o()]||null}get activePointerCue(){return this.#r()[this.#l()]||null}onSetup(){this.#t=y(),this.#e=Nt(na.state)}onAttach(t){jt(this.#t.textTracks,"chapters",this.#u.bind(this)),d(this.#E.bind(this))}onConnect(){C(()=>this.#h.bind(this))}onDestroy(){this.#u(null)}setRefs(t){if(this.#a=t,this.#s?.dispose(),this.#a.length===1){const e=this.#a[0];e.style.width="100%",e.style.setProperty("--chapter-fill","var(--slider-fill)"),e.style.setProperty("--chapter-progress","var(--slider-progress)")}else this.#a.length>0&&zt(()=>this.#d(),this.#s=Da())}#u(t){f(this.#n)!==t&&(this.#h(),this.#n.set(t))}#h(){this.#a=[],this.#r.set([]),this.#o.set(-1),this.#l.set(-1),this.#c=0,this.#s?.dispose()}#d(){this.#a.length&&d(this.#p.bind(this))}#p(){const{hidden:t}=this.#e;t()||(d(this.#m.bind(this)),d(this.#b.bind(this)),d(this.#g.bind(this)),d(this.#v.bind(this)))}#m(){const t=this.#r();if(!t.length)return;let e,{seekableStart:s,seekableEnd:i}=this.#t.$state,n=s(),r=i()||t[t.length-1].endTime,o=r-n,l=100;for(let c=0;c<t.length;c++)if(e=t[c],this.#a[c]){const u=c===t.length-1?l:B((e.endTime-Math.max(n,e.startTime))/o*100,3);this.#a[c].style.width=u+"%",l-=u}}#b(){let{liveEdge:t,seekableStart:e,seekableEnd:s}=this.#t.$state,{fillPercent:i,value:n}=this.#e,r=this.#r(),o=t(),l=f(this.#o),c=r[l],u=o?this.#r.length-1:this.#w(c&&c.startTime/s()*100<=f(n)?l:0,i());o||!c?this.#y(0,r.length,100):u>l?this.#y(l,u,100):u<l&&this.#y(u+1,l+1,0);const p=o?100:this.#S(r[u],i(),e(),this.#k(r));this.#$(this.#a[u],p),this.#o.set(u)}#g(){let{hidden:t,pointerPercent:e}=this.#e;if(t()){this.#l.set(-1);return}const s=this.#w(0,e());this.#l.set(s)}#y(t,e,s){for(let i=t;i<e;i++)this.#$(this.#a[i],s)}#$(t,e){t&&(t.style.setProperty("--chapter-fill",e+"%"),b(t,"data-active",e>0&&e<100),b(t,"data-ended",e===100))}#w(t,e){let s=0,i=this.#r();if(e===0)return 0;if(e===100)return i.length-1;let{seekableStart:n}=this.#t.$state,r=n(),o=this.#k(i);for(let l=t;l<i.length;l++)if(s=this.#S(i[l],e,r,o),s>=0&&s<100)return l;return 0}#v(){this.#x(this.#f())}#x=ct(t=>{let e,s=this.#r(),{seekableStart:i}=this.#t.$state,n=i(),r=this.#k(s);for(let o=this.#c;o<this.#a.length;o++)if(e=this.#S(s[o],t,n,r),this.#a[o]?.style.setProperty("--chapter-progress",e+"%"),e<100){this.#c=o;break}});#f=q(this.#T.bind(this));#T(){const{bufferedEnd:t,duration:e}=this.#t.$state;return B(Math.min(t()/Math.max(e(),1),1),3)*100}#k(t){const{seekableEnd:e}=this.#t.$state,s=e();return Number.isFinite(s)?s:t[t.length-1]?.endTime||0}#S(t,e,s,i){if(!t||this.#r().length===0)return 0;const r=i-s,o=Math.max(0,t.startTime-s),l=Math.min(i,t.endTime)-s,c=o/r,u=c*100,p=Math.min(1,c+(l-o)/r)*100;return Math.max(0,B(e>=p?100:(e-u)/(p-u)*100,3))}#P(t){let e=[],{seekableStart:s,seekableEnd:i,duration:n}=this.#t.$state,r=s(),o=i();t=t.filter(u=>u.startTime<=o&&u.endTime>=r);const l=t[0];l&&l.startTime>r&&e.push(new window.VTTCue(r,l.startTime,""));for(let u=0;u<t.length-1;u++){const p=t[u],v=t[u+1];if(e.push(p),v){const $=v.startTime-p.endTime;$>0&&e.push(new window.VTTCue(p.endTime,p.endTime+$,""))}}const c=t[t.length-1];if(c){e.push(c);const u=n();u>=0&&u-c.endTime>1&&e.push(new window.VTTCue(c.endTime,n(),""))}return e}#E(){const{source:t}=this.#t.$state;t(),this.#M()}#M(){if(!this.scope)return;const{disabled:t}=this.$props;if(t()){this.#r.set([]),this.#o.set(0),this.#c=0;return}const e=this.#n();if(e){const s=this.#A.bind(this);s(),new _(e).add("add-cue",s).add("remove-cue",s),d(this.#C.bind(this))}return this.#i=this.#q(),this.#i&&d(this.#D.bind(this)),()=>{this.#i&&(this.#i.textContent="",this.#i=null)}}#C(){this.#t.$state.duration(),this.#A()}#A=De(()=>{const t=f(this.#n);!this.scope||!t||!t.cues.length||(this.#r.set(this.#P(t.cues)),this.#o.set(0),this.#c=0)},150,!0);#D(){const t=this.activePointerCue||this.activeCue;this.#i&&(this.#i.textContent=t?.text||"")}#_(){let t=this.el;for(;t&&t.getAttribute("role")!=="slider";)t=t.parentElement;return t}#q(){const t=this.#_();return t?t.querySelector('[data-part="chapter-title"]'):null}}const Ce=ra.prototype;x(Ce,"cues"),x(Ce,"activeCue"),x(Ce,"activePointerCue"),F(Ce,"setRefs");class sd extends T(HTMLElement,ra){static tagName="media-slider-chapters";#t=null;onConnect(){ht(()=>{if(!this.connectScope)return;const t=this.querySelector("template");t&&(this.#t=t,d(this.#e.bind(this)))})}#e(){if(!this.#t)return;const t=Ke(this.#t,this.cues.length||1);this.setRefs(t)}}class se extends k{static props={...et.props,min:0,max:100,value:0};static state=Dt;constructor(){super(),new et({getStep:this.$props.step,getKeyStep:this.$props.keyStep,roundValue:Math.round,isDisabled:this.$props.disabled,aria:{valueNow:this.#t.bind(this),valueText:this.#e.bind(this)}})}onSetup(){d(this.#s.bind(this)),d(this.#i.bind(this))}#t(){const{value:t}=this.$state;return Math.round(t())}#e(){const{value:t,max:e}=this.$state;return B(t()/e()*100,2)+"%"}#s(){const{value:t}=this.$props;this.$state.value.set(t())}#i(){const{min:t,max:e}=this.$props;this.$state.min.set(t()),this.$state.max.set(e())}}class id extends T(HTMLElement,se){static tagName="media-slider"}class ad extends k{static props={offset:0,noClamp:!1};#t;onSetup(){this.#t=O(ys);const{active:t}=Nt(se.state);this.setAttributes({"data-visible":t})}onAttach(t){Object.assign(t.style,{position:"absolute",top:0,left:0,width:"max-content"})}onConnect(t){const{preview:e}=this.#t;e.set(t),C(()=>e.set(null)),d(this.#e.bind(this));const s=new ResizeObserver(this.#e.bind(this));s.observe(t),C(()=>s.disconnect())}#e=ct(()=>{const{disabled:t,orientation:e}=this.#t;if(t())return;const s=this.el,{offset:i,noClamp:n}=this.$props;s&&nd(s,{clamp:!n(),offset:i(),orientation:e()})})}function nd(a,{clamp:t,offset:e,orientation:s}){const i=getComputedStyle(a),n=parseFloat(i.width),r=parseFloat(i.height),o={top:null,right:null,bottom:null,left:null};if(o[s==="horizontal"?"bottom":"left"]=`calc(100% + var(--media-slider-preview-offset, ${e}px))`,s==="horizontal"){const l=n/2;if(!t)o.left=`calc(var(--slider-pointer) - ${l}px)`;else{const c=`max(0px, calc(var(--slider-pointer) - ${l}px))`,u=`calc(100% - ${n}px)`;o.left=`min(${c}, ${u})`}}else{const l=r/2;if(!t)o.bottom=`calc(var(--slider-pointer) - ${l}px)`;else{const c=`max(${l}px, calc(var(--slider-pointer) - ${l}px))`,u=`calc(100% - ${r}px)`;o.bottom=`min(${c}, ${u})`}}Object.assign(a.style,o)}class rd extends T(HTMLElement,ad){static tagName="media-slider-preview"}class od extends k{}class ld extends T(HTMLElement,od){static tagName="media-slider-steps";#t=null;onConnect(t){ht(()=>{this.connectScope&&(this.#t=t.querySelector("template"),this.#t&&d(this.#e.bind(this)))})}#e(){if(!this.#t)return;const{min:t,max:e,step:s}=Nt(Dt),i=(e()-t())/s();Ke(this.#t,Math.floor(i)+1)}}const ft=new Map,Ee=new Map;class Ss{#t;#e;#s;$images=g([]);static create(t,e){const s=y();return new Ss(t,e,s)}constructor(t,e,s){this.#e=t,this.#s=e,this.#t=s,d(this.#i.bind(this))}#i(){const{canLoad:t}=this.#t.$state;if(!t())return;const e=this.#e();if(e){if(P(e)&&ft.has(e)){const s=ft.get(e);if(ft.delete(e),ft.set(e,s),ft.size>99){const i=ft.keys().next().value;ft.delete(i)}this.$images.set(ft.get(e))}else if(P(e)){const s=this.#s(),i=e+"::"+s;if(!Ee.has(i)){const n=new Promise(async(r,o)=>{try{const l=await fetch(e,{credentials:he(s)});if(l.headers.get("content-type")==="application/json"){const u=await l.json();if(U(u))if(u[0]&&"text"in u[0])r(this.#r(u));else{for(let p=0;p<u.length;p++){const v=u[p];ut(qa(v),!1),ut("url"in v&&P(v.url),!1),ut("startTime"in v&&dt(v.startTime),!1)}r(u)}else r(this.#n(u));return}import("https://cdn.jsdelivr.net/npm/media-captions@next/dist/prod.js").then(async({parseResponse:u})=>{try{const{cues:p}=await u(l);r(this.#r(p))}catch(p){o(p)}})}catch(l){o(l)}}).then(r=>(ft.set(i,r),r)).catch(r=>{this.#u(e,r)}).finally(()=>{P(i)&&Ee.delete(i)});Ee.set(i,n)}Ee.get(i)?.then(n=>{this.$images.set(n||[])})}else if(U(e))try{this.$images.set(this.#a(e))}catch(s){this.#u(e,s)}else try{this.$images.set(this.#n(e))}catch(s){this.#u(e,s)}return()=>{this.$images.set([])}}}#a(t){const e=this.#o();return t.map((s,i)=>(ut(s.url&&P(s.url)),ut("startTime"in s&&dt(s.startTime)),{...s,url:P(s.url)?this.#l(s.url,e):s.url}))}#n(t){ut(P(t.url)),ut(U(t.tiles)&&t.tiles?.length);const e=new URL(t.url),s=[],i="tile_width"in t?t.tile_width:t.tileWidth,n="tile_height"in t?t.tile_height:t.tileHeight;for(const r of t.tiles)s.push({url:e,startTime:"start"in r?r.start:r.startTime,width:i,height:n,coords:{x:r.x,y:r.y}});return s}#r(t){for(let i=0;i<t.length;i++){const n=t[i];ut("startTime"in n&&dt(n.startTime)),ut("text"in n&&P(n.text))}const e=[],s=this.#o();for(const i of t){const[n,r]=i.text.split("#"),o=this.#c(r);e.push({url:this.#l(n,s),startTime:i.startTime,endTime:i.endTime,width:o?.w,height:o?.h,coords:o&&dt(o.x)&&dt(o.y)?{x:o.x,y:o.y}:void 0})}return e}#o(){let t=f(this.#e);return!P(t)||!/^https?:/.test(t)?location.href:t}#l(t,e){return/^https?:/.test(t)?new URL(t):new URL(t,e)}#c(t){if(!t)return{};const[e,s]=t.split("="),i=s?.split(","),n={};if(!e||!i)return null;for(let r=0;r<e.length;r++){const o=+i[r];isNaN(o)||(n[e[r]]=o)}return n}#u(t,e){}}class dd extends k{static props={src:null,time:0,crossOrigin:null};static state=new gt({src:"",img:null,thumbnails:[],activeThumbnail:null,crossOrigin:null,loading:!1,error:null,hidden:!1});media;#t;#e=[];onSetup(){this.media=y(),this.#t=Ss.create(this.$props.src,this.$state.crossOrigin),this.#i(),this.setAttributes({"data-loading":this.#o.bind(this),"data-error":this.#l.bind(this),"data-hidden":this.$state.hidden,"aria-hidden":K(this.$state.hidden)})}onConnect(t){d(this.#s.bind(this)),d(this.#c.bind(this)),d(this.#i.bind(this)),d(this.#a.bind(this)),d(this.#u.bind(this)),d(this.#h.bind(this))}#s(){const t=this.$state.img();t&&new _(t).add("load",this.#n.bind(this)).add("error",this.#r.bind(this))}#i(){const{crossOrigin:t}=this.$props,{crossOrigin:e}=this.$state,{crossOrigin:s}=this.media.$state,i=t()!==null?t():s();e.set(i===!0?"anonymous":i)}#a(){const{src:t,loading:e,error:s}=this.$state;return t()&&(e.set(!0),s.set(null)),()=>{this.#p(),e.set(!1),s.set(null)}}#n(){const{loading:t,error:e}=this.$state;this.#h(),t.set(!1),e.set(null)}#r(t){const{loading:e,error:s}=this.$state;e.set(!1),s.set(t)}#o(){const{loading:t,hidden:e}=this.$state;return!e()&&t()}#l(){const{error:t}=this.$state;return!Ct(t())}#c(){const{hidden:t}=this.$state,{duration:e}=this.media.$state,s=this.#t.$images();t.set(this.#l()||!Number.isFinite(e())||s.length===0)}getTime(){return this.$props.time()}#u(){let t=this.#t.$images();if(!t.length)return;let e=this.getTime(),{src:s,activeThumbnail:i}=this.$state,n=-1,r=null;for(let o=t.length-1;o>=0;o--){const l=t[o];if(e>=l.startTime&&(!l.endTime||e<l.endTime)){n=o;break}}t[n]&&(r=t[n]),i.set(r),s.set(r?.url.href||"")}#h(){if(!this.scope||this.$state.hidden())return;const t=this.el,e=this.$state.img(),s=this.$state.activeThumbnail();if(!e||!s||!t)return;let i=s.width??e.naturalWidth,n=s?.height??e.naturalHeight,{maxWidth:r,maxHeight:o,minWidth:l,minHeight:c,width:u,height:p}=getComputedStyle(this.el);l==="100%"&&(l=parseFloat(u)+""),c==="100%"&&(c=parseFloat(p)+"");let v=Math.max(parseInt(l)/i,parseInt(c)/n),$=Math.min(Math.max(parseInt(l),parseInt(r))/i,Math.max(parseInt(c),parseInt(o))/n),S=!isNaN($)&&$<1?$:v>1?v:1;this.#d(t,"--thumbnail-width",`${i*S}px`),this.#d(t,"--thumbnail-height",`${n*S}px`),this.#d(t,"--thumbnail-aspect-ratio",String(B(i/n,5))),this.#d(e,"width",`${e.naturalWidth*S}px`),this.#d(e,"height",`${e.naturalHeight*S}px`),this.#d(e,"transform",s.coords?`translate(-${s.coords.x*S}px, -${s.coords.y*S}px)`:""),this.#d(e,"max-width","none")}#d(t,e,s){t.style.setProperty(e,s),this.#e.push(()=>t.style.removeProperty(e))}#p(){for(const t of this.#e)t();this.#e=[]}}const cd=We('<img loading="eager" decoding="async" aria-hidden="true">');class oa extends T(HTMLElement,dd){static tagName="media-thumbnail";static attrs={crossOrigin:"crossorigin"};#t;#e=this.#s();onSetup(){this.#t=y(),this.$state.img.set(this.#e)}onConnect(){const{src:t,crossOrigin:e}=this.$state;this.#e.parentNode!==this&&this.prepend(this.#e),d(()=>{b(this.#e,"src",t()),b(this.#e,"crossorigin",e())})}#s(){return Ue(cd)}}class ud extends oa{static tagName="media-slider-thumbnail";#t;#e;onSetup(){super.onSetup(),this.#t=y(),this.#e=Nt(se.state)}onConnect(){super.onConnect(),d(this.#s.bind(this))}#s(){const{duration:t,clipStartTime:e}=this.#t.$state;this.time=e()+this.#e.pointerRate()*t()}}class la extends k{static props={type:"pointer",format:null,showHours:!1,showMs:!1,padHours:null,padMinutes:null,decimalPlaces:2};#t;#e;#s;onSetup(){this.#s=Nt(se.state),this.#t=O(Gt),this.#e=q(this.getValueText.bind(this))}getValueText(){const{type:t,format:e,decimalPlaces:s,padHours:i,padMinutes:n,showHours:r,showMs:o}=this.$props,{value:l,pointerValue:c,min:u,max:p}=this.#s,v=e?.()??this.#t.default,$=t()==="current"?l():c();if(v==="percent"){const S=p()-u(),V=$/S*100;return(this.#t.percent??B)(V,s())+"%"}else return v==="time"?(this.#t.time??ke)($,{padHrs:i(),padMins:n(),showHrs:r(),showMs:o()}):(this.#t.value?.($)??$.toFixed(2))+""}}const hd=la.prototype;F(hd,"getValueText");class pd extends T(HTMLElement,la){static tagName="media-slider-value";static attrs={padMinutes:{converter:_a}};onConnect(){d(()=>{this.textContent=this.getValueText()})}}class da extends k{static props={src:null,crossOrigin:null};static state=new gt({video:null,src:null,crossOrigin:null,canPlay:!1,error:null,hidden:!1});#t;#e;get video(){return this.$state.video()}onSetup(){this.#t=y(),this.#e=Nt(se.state),this.#a(),this.setAttributes({"data-loading":this.#n.bind(this),"data-hidden":this.$state.hidden,"data-error":this.#r.bind(this),"aria-hidden":K(this.$state.hidden)})}onAttach(t){d(this.#s.bind(this)),d(this.#i.bind(this)),d(this.#a.bind(this)),d(this.#o.bind(this)),d(this.#l.bind(this)),d(this.#h.bind(this))}#s(){const t=this.$state.video();t&&(t.readyState>=2&&this.#c(),new _(t).add("canplay",this.#c.bind(this)).add("error",this.#u.bind(this)))}#i(){const{src:t}=this.$state,{canLoad:e}=this.#t.$state;t.set(e()?this.$props.src():null)}#a(){const{crossOrigin:t}=this.$props,{crossOrigin:e}=this.$state,{crossOrigin:s}=this.#t.$state,i=t()!==null?t():s();e.set(i===!0?"anonymous":i)}#n(){const{canPlay:t,hidden:e}=this.$state;return!t()&&!e()}#r(){const{error:t}=this.$state;return!Ct(t)}#o(){const{src:t,hidden:e}=this.$state,{canLoad:s,duration:i}=this.#t.$state;e.set(s()&&(!t()||this.#r()||!Number.isFinite(i())))}#l(){const{src:t,canPlay:e,error:s}=this.$state;t(),e.set(!1),s.set(null)}#c(t){const{canPlay:e,error:s}=this.$state;e.set(!0),s.set(null),this.dispatch("can-play",{trigger:t})}#u(t){const{canPlay:e,error:s}=this.$state;e.set(!1),s.set(t),this.dispatch("error",{trigger:t})}#h(){const{video:t,canPlay:e}=this.$state,{duration:s}=this.#t.$state,{pointerRate:i}=this.#e,n=t();e()&&n&&Number.isFinite(s())&&Number.isFinite(i())&&(n.currentTime=i()*s())}}const md=da.prototype;x(md,"video");const fd=We('<video muted playsinline preload="none" style="max-width: unset;"></video>');class gd extends T(HTMLElement,da){static tagName="media-slider-video";#t;#e=this.#s();onSetup(){this.#t=y(),this.$state.video.set(this.#e)}onConnect(){const{canLoad:t}=this.#t.$state,{src:e,crossOrigin:s}=this.$state;this.#e.parentNode!==this&&this.prepend(this.#e),d(()=>{b(this.#e,"crossorigin",s()),b(this.#e,"preload",t()?"auto":"none"),b(this.#e,"src",e())})}#s(){return Ue(fd)}}class bd extends k{static props={...et.props,step:.25,keyStep:.25,shiftKeyMultiplier:2,min:0,max:2};static state=Dt;#t;onSetup(){this.#t=y(),new et({getStep:this.$props.step,getKeyStep:this.$props.keyStep,roundValue:this.#n,isDisabled:this.#r.bind(this),aria:{valueNow:this.#e.bind(this),valueText:this.#s.bind(this)},onDragValueChange:this.#u.bind(this),onValueChange:this.#c.bind(this)}).attach(this),d(this.#i.bind(this)),d(this.#a.bind(this))}onAttach(t){t.setAttribute("data-media-speed-slider",""),L(t,"aria-label","Speed");const{canSetPlaybackRate:e}=this.#t.$state;this.setAttributes({"data-supported":e,"aria-hidden":K(()=>!e())})}#e(){const{value:t}=this.$state;return t()}#s(){const{value:t}=this.$state;return t()+"x"}#i(){const{min:t,max:e}=this.$props;this.$state.min.set(t()),this.$state.max.set(e())}#a(){const{playbackRate:t}=this.#t.$state,e=t();this.$state.value.set(e),this.dispatch("value-change",{detail:e})}#n(t){return B(t,2)}#r(){const{disabled:t}=this.$props,{canSetPlaybackRate:e}=this.#t.$state;return t()||!e()}#o=Pt(this.#l.bind(this),25);#l(t){if(!t.trigger)return;const e=t.detail;this.#t.remote.changePlaybackRate(e,t)}#c(t){this.#o(t)}#u(t){this.#o(t)}}class yd extends T(HTMLElement,bd){static tagName="media-speed-slider"}class vd extends T(HTMLElement,na){static tagName="media-time-slider"}class $d extends k{static props={...et.props,keyStep:5,shiftKeyMultiplier:2};static state=Dt;#t;onSetup(){this.#t=y();const{audioGain:t}=this.#t.$state;X(Gt,{default:"percent",value(e){return(e*(t()??1)).toFixed(2)},percent(e){return Math.round(e*(t()??1))}}),new et({getStep:this.$props.step,getKeyStep:this.$props.keyStep,roundValue:Math.round,isDisabled:this.#a.bind(this),aria:{valueMax:this.#i.bind(this),valueNow:this.#e.bind(this),valueText:this.#s.bind(this)},onDragValueChange:this.#c.bind(this),onValueChange:this.#l.bind(this)}).attach(this),d(this.#n.bind(this))}onAttach(t){t.setAttribute("data-media-volume-slider",""),L(t,"aria-label","Volume");const{canSetVolume:e}=this.#t.$state;this.setAttributes({"data-supported":e,"aria-hidden":K(()=>!e())})}#e(){const{value:t}=this.$state,{audioGain:e}=this.#t.$state;return Math.round(t()*(e()??1))}#s(){const{value:t,max:e}=this.$state,{audioGain:s}=this.#t.$state;return B(t()/e()*(s()??1)*100,2)+"%"}#i(){const{audioGain:t}=this.#t.$state;return this.$state.max()*(t()??1)}#a(){const{disabled:t}=this.$props,{canSetVolume:e}=this.#t.$state;return t()||!e()}#n(){const{muted:t,volume:e}=this.#t.$state,s=t()?0:e()*100;this.$state.value.set(s),this.dispatch("value-change",{detail:s})}#r=Pt(this.#o.bind(this),25);#o(t){if(!t.trigger)return;const e=B(t.detail/100,3);this.#t.remote.changeVolume(e,t)}#l(t){this.#r(t)}#c(t){this.#r(t)}}class wd extends T(HTMLElement,$d){static tagName="media-volume-slider"}class Td extends k{static props={size:96,trackWidth:8,fillPercent:50};onConnect(t){ht(()=>{if(!this.connectScope)return;const e=t.querySelector("svg"),s=e.firstElementChild,i=s.nextElementSibling;d(this.#t.bind(this,e,s,i))})}#t(t,e,s){const{size:i,trackWidth:n,fillPercent:r}=this.$props;b(t,"width",i()),b(t,"height",i()),b(e,"stroke-width",n()),b(s,"stroke-width",n()),b(s,"stroke-dashoffset",100-r())}}class kd extends T(fe,Td){static tagName="media-spinner";render(){return h`
+      <svg fill="none" viewBox="0 0 120 120" aria-hidden="true" data-part="root">
+        <circle cx="60" cy="60" r="54" stroke="currentColor" data-part="track"></circle>
+        <circle
+          cx="60"
+          cy="60"
+          r="54"
+          stroke="currentColor"
+          pathLength="100"
+          stroke-dasharray="100"
+          data-part="track-fill"
+        ></circle>
+      </svg>
+    `}}class Sd extends k{static props={type:"current",showHours:!1,padHours:null,padMinutes:null,remainder:!1,toggle:!1,hidden:!1};static state=new gt({timeText:"",hidden:!1});#t;#e=g(null);#s=g(!0);#i=g(!0);onSetup(){this.#t=y(),this.#o();const{type:t}=this.$props;this.setAttributes({"data-type":t,"data-remainder":this.#u.bind(this)}),new aa({callback:this.#a.bind(this)}).attach(this)}onAttach(t){t.hasAttribute("role")||d(this.#l.bind(this)),d(this.#o.bind(this))}onConnect(t){C(ti(t,this.#s.set)),d(this.#n.bind(this)),d(this.#r.bind(this))}#a(t){this.#i.set(t[0].isIntersecting)}#n(){const{hidden:t}=this.$props;this.$state.hidden.set(t()||!this.#s()||!this.#i())}#r(){if(!this.$props.toggle()){this.#e.set(null);return}this.el&&yt(this.el,this.#h.bind(this))}#o(){const{hidden:t,timeText:e}=this.$state,{duration:s}=this.#t.$state;if(t())return;const{type:i,padHours:n,padMinutes:r,showHours:o}=this.$props,l=this.#c(i()),c=s(),u=this.#u();if(!Number.isFinite(l+c)){e.set("LIVE");return}const p=u?Math.max(0,c-l):l,v=ke(p,{padHrs:n(),padMins:r(),showHrs:o()});e.set((u?"-":"")+v)}#l(){if(!this.el)return;const{toggle:t}=this.$props;b(this.el,"role",t()?"timer":null),b(this.el,"tabindex",t()?0:null)}#c(t){const{bufferedEnd:e,duration:s,currentTime:i}=this.#t.$state;switch(t){case"buffered":return e();case"duration":return s();default:return i()}}#u(){return this.$props.remainder()&&this.#e()!==!1}#h(t){if(t.preventDefault(),this.#e()===null){this.#e.set(!this.$props.remainder());return}this.#e.set(e=>!e)}}class xd extends T(HTMLElement,Sd){static tagName="media-time";onConnect(){d(()=>{this.textContent=this.$state.timeText()})}}class Pd extends k{}class Cd extends T(HTMLElement,Pd){static tagName="media-title";#t;onSetup(){this.#t=y()}onConnect(){d(this.#e.bind(this))}#e(){const{title:t}=this.#t.$state;this.textContent=t()}}const qt=ot();class Ed extends k{static props={placement:"top center",offset:0,alignOffset:0};constructor(){super(),new rt;const{placement:t}=this.$props;this.setAttributes({"data-placement":t})}onAttach(t){this.#t(t),Object.assign(t.style,{position:"absolute",top:0,left:0,width:"max-content"})}onConnect(t){this.#t(t);const e=O(qt);C(()=>e.detachContent(t)),C(ht(()=>{this.connectScope&&d(this.#e.bind(this))}))}#t(t){O(qt).attachContent(t)}#e(){const{showing:t}=O(qt);if(!t())return;const{placement:e,offset:s,alignOffset:i}=this.$props;return si(this.el,this.#s(),e(),{offsetVarName:"media-tooltip",xOffset:i(),yOffset:s()})}#s(){return O(qt).trigger()}}class Md extends T(HTMLElement,Ed){static tagName="media-tooltip-content"}let Ad=0;class Ld extends k{static props={showDelay:700};#t=`media-tooltip-${++Ad}`;#e=g(null);#s=g(null);#i=g(!1);constructor(){super(),new rt;const{showDelay:t}=this.$props;new Yi({trigger:this.#e,content:this.#s,showDelay:t,listen(e,s,i){d(()=>{pe()&&H(e,"focus",s),H(e,"blur",i)}),new _(e).add("touchstart",n=>n.preventDefault(),{passive:!1}).add("mouseenter",s).add("mouseleave",i)},onChange:this.#l.bind(this)})}onAttach(t){t.style.setProperty("display","contents")}onSetup(){X(qt,{trigger:this.#e,content:this.#s,showing:this.#i,attachTrigger:this.#a.bind(this),detachTrigger:this.#n.bind(this),attachContent:this.#r.bind(this),detachContent:this.#o.bind(this)})}#a(t){this.#e.set(t);let e=t.getAttribute("data-media-tooltip");e&&this.el?.setAttribute(`data-media-${e}-tooltip`,""),b(t,"data-describedby",this.#t)}#n(t){t.removeAttribute("data-describedby"),t.removeAttribute("aria-describedby"),this.#e.set(null)}#r(t){t.setAttribute("id",this.#t),t.style.display="none",L(t,"role","tooltip"),this.#s.set(t)}#o(t){t.removeAttribute("id"),t.removeAttribute("role"),this.#s.set(null)}#l(t){const e=this.#e(),s=this.#s();e&&b(e,"aria-describedby",t?this.#t:null);for(const i of[this.el,e,s])i&&b(i,"data-visible",t);this.#i.set(t)}}class Dd extends T(HTMLElement,Ld){static tagName="media-tooltip"}class qd extends k{constructor(){super(),new rt}onConnect(t){C(ht(()=>{if(!this.connectScope)return;this.#t();const e=O(qt);C(()=>{const s=this.#e();s&&e.detachTrigger(s)})}))}#t(){const t=this.#e(),e=O(qt);t&&e.attachTrigger(t)}#e(){const t=this.el.firstElementChild;return t?.localName==="button"||t?.getAttribute("role")==="button"?t:this.el}}class _d extends T(HTMLElement,qd){static tagName="media-tooltip-trigger";onConnect(){this.style.display="contents"}}w(ml),w(ll),w(cl),w(zl),w(Io),w(Dd),w(_d),w(Md),w(Jo),w(zo),w(Fo),w(Bo),w(Yo),w(tl),w(Ro),w(Ko),w(sl),w(id),w(Zl),w(wd),w(vd),w(yd),w(ed),w(sd),w(ld),w(rd),w(pd),w(ud),w(gd),w(Dl),w(kl),w(Rl),w(Ol),w(_l),w(bl),w(yl),w(Ul),w(gl),w(Hl),w(wl),w(Kl),w(Gl),w(hl),w(oa),w(al),w(Uo),w(xd),w(Cd),w(rl),w(kd);export{We as a,Ue as c};