@videojs/html 10.0.0-beta.4 → 10.0.0-beta.5

package/cdn/video-minimal.js

@@ -15,7 +15,7 @@ function P(e){return e}
 * @license
 * Copyright 2021 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
-*/var F=class{constructor(e,t,n,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(e,t)=>{this.unsubscribe&&(this.unsubscribe!==t&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=e,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(e,t)),this.unsubscribe=t},this.host=e,t.context!==void 0){let e=t;this.context=e.context,this.callback=e.callback,this.subscribe=e.subscribe??!1}else this.context=t,this.callback=n,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&=(this.unsubscribe(),void 0)}dispatchRequest(){this.host.dispatchEvent(new _t(this.context,this.host,this.t,this.subscribe))}},vt=class{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){let n=t||!Object.is(e,this.o);this.o=e,n&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:t}]of this.subscriptions)e(this.o,t)},e!==void 0&&(this.value=e)}addCallback(e,t,n){if(!n)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});let{disposer:r}=this.subscriptions.get(e);e(this.value,r)}clearCallbacks(){this.subscriptions.clear()}},yt=class extends Event{constructor(e,t){super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t}},I=class extends vt{constructor(e,t,n){super(t.context===void 0?n:t.initialValue),this.onContextRequest=e=>{if(e.context!==this.context)return;let t=e.contextTarget??e.composedPath()[0];t!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,t,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context||(e.contextTarget??e.composedPath()[0])===this.host)return;let t=new Set;for(let[e,{consumerHost:n}]of this.subscriptions)t.has(e)||(t.add(e),n.dispatchEvent(new _t(this.context,n,e,!0)));e.stopPropagation()},this.host=e,t.context===void 0?this.context=t:this.context=t.context,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener(`context-request`,this.onContextRequest),this.host.addEventListener(`context-provider`,this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new yt(this.context,this.host))}};const L=P(Symbol(`@videojs/player`));function bt(e){return t=>{class n extends t{#e=_;#t=null;#n=null;constructor(...t){super(...t),new F(this,{context:e,callback:e=>{this.#n=e??null,this.#o()},subscribe:!0})}get store(){return this.#n}connectedCallback(){super.connectedCallback(),this.#t=new MutationObserver(e=>{e.some(Ct)&&this.#o()}),this.#t.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`name`]}),this.addEventListener(`slotchange`,this.#r),this.#o()}disconnectedCallback(){super.disconnectedCallback(),this.#t?.disconnect(),this.#t=null,this.removeEventListener(`slotchange`,this.#r),this.#e()}#r=()=>{this.#o()};#i(){let e=this.querySelector(`slot[name="media"]`);if(!e)return null;for(let t of e.assignedElements({flatten:!0}))if(R(t))return t;return null}#a(){return Array.from(this.children).find(R)||null}#o(){let e=this.#n??this.store;if(!e)return;let t=this.querySelector(`video, audio`)??this.#a()??this.#i();if(!t){this.#e(),this.#e=_;return}xt(t)&&globalThis.customElements?.upgrade?.(t);let n={media:t,container:this},r=e.target?.media!==n.media,i=e.target?.container!==n.container;(r||i)&&(this.#e(),this.#e=e.attach(n))}}return n}}function R(e){return e instanceof HTMLMediaElement||xt(e)}function xt(e){return e instanceof HTMLElement&&(e.localName.endsWith(`-audio`)||e.localName.endsWith(`-video`))}function St(e){return e instanceof HTMLSlotElement&&e.name===`media`}function Ct(e){if(St(e.target))return!0;for(let t of e.addedNodes)if(R(t)||St(t))return!0;for(let t of e.removedNodes)if(R(t)||St(t))return!0;return!1}function wt(e){class t extends e{#e=!1;#t=new Set;get destroyed(){return this.#e}destroy(){this.#e||(this.#e=!0,this.destroyCallback())}destroyCallback(){for(let e of this.#t)e.hostDestroyed?.()}addController(e){super.addController(e),this.#t.add(e)}removeController(e){super.removeController(e),this.#t.delete(e)}connectedCallback(){this.#e||super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),!this.#e&&!this.hasAttribute(`keep-alive`)&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.isConnected||this.destroy()})})}performUpdate(){this.#e||super.performUpdate()}}return t}const Tt=new WeakMap,Et=new Map;var Dt=class extends HTMLElement{static{this.properties={}}static get observedAttributes(){return[...Ot(this).attrToProp.keys()]}#e=new Set;#t=new Map;#n;#r;constructor(){super(),this.isUpdatePending=!1,this.hasUpdated=!1,this.#r=new Promise(e=>this.enableUpdating=e);let{props:e}=Ot(this.constructor);for(let t of e.keys())Object.hasOwn(this,t)&&((this.#n??=new Map).set(t,this[t]),delete this[t]);this.requestUpdate()}enableUpdating(e){}addController(e){this.#e.add(e),this.isConnected&&e.hostConnected?.()}removeController(e){this.#e.delete(e)}connectedCallback(){this.enableUpdating(!0);for(let e of this.#e)e.hostConnected?.()}disconnectedCallback(){for(let e of this.#e)e.hostDisconnected?.()}attributeChangedCallback(e,t,n){if(t===n)return;let{props:r,attrToProp:i}=Ot(this.constructor),a=i.get(e);if(!a)return;let o=r.get(a);if(!o)return;let s=n;o.type===Boolean?s=n!==null:o.type===Number&&(s=n===null?null:Number(n)),this[a]=s}requestUpdate(e,t){e!==void 0&&this.#t.set(e,t),!this.isUpdatePending&&(this.#r=this.#i())}async#i(){this.isUpdatePending=!0;try{await this.#r}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated&&this.#n){for(let[e,t]of this.#n)this[e]=t;this.#n=void 0}let e=this.#t;this.willUpdate(e);for(let e of this.#e)e.hostUpdate?.();this.update(e),this.#t=new Map,this.isUpdatePending=!1;for(let e of this.#e)e.hostUpdated?.();this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}willUpdate(e){}update(e){}firstUpdated(e){}updated(e){}get updateComplete(){return this.#r}};function Ot(e){let t=Tt.get(e);if(t)return t;let n=new Map,r=new Map;for(let[t,i]of Object.entries(e.properties))if(n.set(t,i),r.set(i.attribute??t,t),!Object.getOwnPropertyDescriptor(e.prototype,t)?.get){let n=Et.get(t);n||(n=Symbol(t),Et.set(t,n)),Object.defineProperty(e.prototype,t,{get(){return this[n]},set(e){let r=this[n];this[n]=e,Object.is(r,e)||this.requestUpdate(t,r)},configurable:!0,enumerable:!0})}let i={props:n,attrToProp:r};return Tt.set(e,i),i}var z=class extends wt(Dt){};const kt=bt(L);var At=class extends kt(z){static{this.tagName=`media-container`}};function jt(e,t){return n=>{class r extends n{#e=t();#t=new I(this,{context:e,initialValue:this.store});get store(){return s(this.#e)&&(this.#e=t()),this.#e}connectedCallback(){super.connectedCallback(),this.#t.setValue(this.store)}destroyCallback(){this.#e?.destroy(),this.#e=null,super.destroyCallback()}}return r}}var Mt=class{#e;#t;#n;#r;#i=_;constructor(e,t,n){this.#e=e,this.#n=t,this.#t=n,e.addController(this)}get value(){return this.#t?(this.#r??=this.#t(this.#n.current),this.#r):this.#n.current}track(e){this.#n=e,this.#a()}hostConnected(){this.#a()}hostDisconnected(){this.#i(),this.#i=_,this.#r=void 0}#a(){if(this.#i(),!this.#t){this.#i=this.#n.subscribe(()=>this.#e.requestUpdate());return}let e=this.#t;this.#r=e(this.#n.current),this.#i=this.#n.subscribe(()=>{let t=e(this.#n.current);h(this.#r,t)||(this.#r=t,this.#e.requestUpdate())})}},Nt=class{#e;#t;#n;constructor(e,t,n){this.#e=n??_,oe(t)?(this.#n=t,this.#t=null):(this.#n=null,this.#t=new F(e,{context:t,callback:e=>this.#e(e),subscribe:!1})),e.addController(this)}get value(){return this.#t?this.#t.value??null:this.#n}hostConnected(){this.#n&&this.#e(this.#n)}},Pt=class{#e;#t;#n;#r=null;constructor(e,t,n){this.#e=e,this.#t=n,this.#n=new Nt(e,t,e=>this.#i(e)),e.addController(this)}get value(){let e=this.#n.value;if(s(e))throw Error(`Store not available`);return c(this.#t)?e:this.#r.value}hostConnected(){}#i(e){c(this.#t)||(this.#r?this.#r.track(e.$state):this.#r=new Mt(this.#e,e.$state,this.#t))}},B=class{#e;#t;#n;#r=null;constructor(e,t,n){this.#e=e,this.#t=n,this.#n=new F(e,{context:t,callback:e=>this.#i(e),subscribe:!0}),e.addController(this)}get value(){let e=this.#n.value;if(e)return this.#t?this.#r?.value:e}get displayName(){return this.#t?.displayName}hostConnected(){let e=this.#n.value;e&&this.#i(e)}hostDisconnected(){this.#r=null}#i(e){!this.#r&&this.#t&&(this.#r=new Pt(this.#e,e,this.#t))}};function Ft(e){let n=t(...e.features);function r(){return ae()(n)}return{context:L,create:r,PlayerController:B,ProviderMixin:jt(L,r),ContainerMixin:bt(L)}}function V(e){customElements.get(e.tagName)||customElements.define(e.tagName,e)}const{ProviderMixin:It}=Ft({features:Be});V(class extends It(z){static{this.tagName=`video-player`}}),V(At);const Lt={"captions-off":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><rect width="16.5" height="12.5" x=".75" y="2.75" stroke="currentColor" stroke-width="1.5" rx="3"/><rect width="3" height="1.5" x="3" y="8.5" fill="currentColor" rx=".75"/><rect width="2" height="1.5" x="13" y="8.5" fill="currentColor" rx=".75"/><rect width="4" height="1.5" x="11" y="11.5" fill="currentColor" rx=".75"/><rect width="5" height="1.5" x="7" y="8.5" fill="currentColor" rx=".75"/><rect width="7" height="1.5" x="3" y="11.5" fill="currentColor" rx=".75"/></svg>`,"captions-on":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM3.75 11.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5zm8 0a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5zm-8-3a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5zm4 0a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5zm6 0a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5z"/></svg>`,"fullscreen-enter":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M15.25 2a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V3.5h-3.75a.75.75 0 0 1-.743-.648L10 2.75a.75.75 0 0 1 .75-.75z"/><path fill="currentColor" d="M14.72 2.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06zM2.75 10a.75.75 0 0 1 .75.75v3.75h3.75a.75.75 0 0 1 .743.648L8 15.25a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 .75-.75"/><path fill="currentColor" d="M6.72 10.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06z"/></svg>`,"fullscreen-exit":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M10.75 2a.75.75 0 0 1 .75.75V6.5h3.75a.75.75 0 0 1 .743.648L16 7.25a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 .75-.75"/><path fill="currentColor" d="M14.72 2.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06zM7.25 10a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V11.5H2.75a.75.75 0 0 1-.743-.648L2 10.75a.75.75 0 0 1 .75-.75z"/><path fill="currentColor" d="M6.72 10.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06z"/></svg>`,pause:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><rect width="4" height="12" x="3" y="3" fill="currentColor" rx="1.75"/><rect width="4" height="12" x="11" y="3" fill="currentColor" rx="1.75"/></svg>`,pip:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M13 2a4 4 0 0 1 4 4v2.645a3.5 3.5 0 0 0-1-.145h-.5V6A2.5 2.5 0 0 0 13 3.5H4A2.5 2.5 0 0 0 1.5 6v6A2.5 2.5 0 0 0 4 14.5h2.5v.5c0 .347.05.683.145 1H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z"/><rect width="10" height="7" x="8" y="10" fill="currentColor" rx="2"/></svg>`,play:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="m13.473 10.476-6.845 4.256a1.697 1.697 0 0 1-2.364-.547 1.77 1.77 0 0 1-.264-.93v-8.51C4 3.78 4.768 3 5.714 3c.324 0 .64.093.914.268l6.845 4.255a1.763 1.763 0 0 1 0 2.953"/></svg>`,restart:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M9 17a8 8 0 0 1-8-8h1.5a6.5 6.5 0 1 0 1.43-4.07l1.643 1.643A.25.25 0 0 1 5.396 7H1.25A.25.25 0 0 1 1 6.75V2.604a.25.25 0 0 1 .427-.177l1.438 1.438A8 8 0 1 1 9 17"/><path fill="currentColor" d="m11.61 9.639-3.331 2.07a.826.826 0 0 1-1.15-.266.86.86 0 0 1-.129-.452V6.849C7 6.38 7.374 6 7.834 6c.158 0 .312.045.445.13l3.331 2.071a.858.858 0 0 1 0 1.438"/></svg>`,seek:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M1 9c0 2.21.895 4.21 2.343 5.657l1.06-1.06a6.5 6.5 0 1 1 9.665-8.665l-1.641 1.641a.25.25 0 0 0 .177.427h4.146a.25.25 0 0 0 .25-.25V2.604a.25.25 0 0 0-.427-.177l-1.438 1.438A8 8 0 0 0 1 9"/></svg>`,spinner:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" aria-hidden="true" viewBox="0 0 18 18"><rect width="2" height="5" x="8" y=".5" opacity=".5" rx="1"><animate attributeName="opacity" begin="0s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="2" height="5" x="12.243" y="2.257" opacity=".45" rx="1" transform="rotate(45 13.243 4.757)"><animate attributeName="opacity" begin="0.125s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="5" height="2" x="12.5" y="8" opacity=".4" rx="1"><animate attributeName="opacity" begin="0.25s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="5" height="2" x="10.743" y="12.243" opacity=".35" rx="1" transform="rotate(45 13.243 13.243)"><animate attributeName="opacity" begin="0.375s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="2" height="5" x="8" y="12.5" opacity=".3" rx="1"><animate attributeName="opacity" begin="0.5s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="2" height="5" x="3.757" y="10.743" opacity=".25" rx="1" transform="rotate(45 4.757 13.243)"><animate attributeName="opacity" begin="0.625s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="5" height="2" x=".5" y="8" opacity=".15" rx="1"><animate attributeName="opacity" begin="0.75s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="5" height="2" x="2.257" y="3.757" opacity=".1" rx="1" transform="rotate(45 4.757 4.757)"><animate attributeName="opacity" begin="0.875s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect></svg>`,"volume-high":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M15.6 3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4C15.4 5.9 16 7.4 16 9s-.6 3.1-1.8 4.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3.3 0 .5-.1.7-.3C17.1 13.2 18 11.2 18 9s-.9-4.2-2.4-5.7"/><path fill="currentColor" d="M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402"/></svg>`,"volume-low":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402"/></svg>`,"volume-off":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z"/></svg>`};function H(e,t){let n=Lt[e];if(!n)return``;if(!t)return n;let r=Object.entries(t).map(([e,t])=>` ${e}="${t}"`).join(``);return n.replace(`<svg`,`<svg${r}`)}var Rt=`video-player{display:contents}video-player video,video-player hls-video,video-player simple-hls-video{width:100%;height:100%;display:block}video-player video::-webkit-media-text-track-container{transition:transform var(--media-caption-track-duration,.15s) ease-out;transition-delay:var(--media-caption-track-delay,.6s);transform:translateY(var(--media-caption-track-y,0)) scale(.98);z-index:var(--media-caption-track-z,1);font-family:inherit}@media (prefers-reduced-motion:reduce){video-player video::-webkit-media-text-track-container{transition-duration:50ms}}`;const zt=`__media-styles`;function Bt(){if(document.getElementById(zt))return;let e=document.createElement(`style`);e.id=zt,e.textContent=Rt,document.head.appendChild(e)}function Vt(e){class t extends e{static{this.shadowRootOptions={mode:`open`}}constructor(...e){if(super(...e),Bt(),!this.shadowRoot){let e=this.constructor;this.attachShadow(e.shadowRootOptions),e.styles&&(this.shadowRoot.adoptedStyleSheets=[e.styles]),e.getTemplateHTML&&(this.shadowRoot.innerHTML=e.getTemplateHTML())}}}return t}function Ht(e){let t=new CSSStyleSheet;return t.replaceSync(e),t}var Ut=`.media-button--play .media-icon--restart,.media-button--play .media-icon--play,.media-button--play .media-icon--pause,.media-button--mute .media-icon--volume-off,.media-button--mute .media-icon--volume-low,.media-button--mute .media-icon--volume-high,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on{opacity:0;display:none}.media-button--play[data-ended] .media-icon--restart,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{opacity:1;display:block}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause,.media-button--fullscreen:not([data-fullscreen])+.media-tooltip .media-tooltip-label--enter-fullscreen,.media-button--fullscreen[data-fullscreen]+.media-tooltip .media-tooltip-label--exit-fullscreen,.media-button--captions:not([data-active])+.media-tooltip .media-tooltip-label--enable-captions,.media-button--captions[data-active]+.media-tooltip .media-tooltip-label--disable-captions,.media-button--pip:not([data-pip])+.media-tooltip .media-tooltip-label--enter-pip,.media-button--pip[data-pip]+.media-tooltip .media-tooltip-label--exit-pip{display:block}.media-minimal-skin *,.media-minimal-skin :before,.media-minimal-skin :after{box-sizing:border-box;margin:0}.media-minimal-skin img,.media-minimal-skin video,.media-minimal-skin svg{max-width:100%;display:block}.media-minimal-skin button{font:inherit}@media (prefers-reduced-motion:no-preference){.media-minimal-skin{interpolate-size:allow-keywords}}.media-minimal-skin{isolation:isolate;border-radius:var(--media-border-radius,.75rem);letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;line-height:1.5;display:block;position:relative;container:media-root/inline-size}.media-minimal-skin ::slotted(video),.media-minimal-skin video{width:100%;height:100%;display:block}.media-minimal-skin ::slotted(video){border-radius:var(--media-border-radius,.75rem)}.media-minimal-skin video{border-radius:inherit}.media-minimal-skin>img{border-radius:inherit;object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0;&:not([data-visible]){opacity:0}}.media-minimal-skin:fullscreen video,.media-minimal-skin:fullscreen ::slotted(video),.media-minimal-skin>img{object-fit:contain}.media-minimal-skin:fullscreen ::slotted(video){border-radius:0}.media-minimal-skin .media-overlay{border-radius:inherit;backdrop-filter:blur()saturate(1.5);opacity:0;pointer-events:none;background-image:linear-gradient(0deg,oklch(0% 0 0/.7),oklch(0% 0 0/.5) 7.5rem,oklch(0% 0 0/0));transition:opacity .5s ease-out .5s,backdrop-filter .5s ease-out .5s;position:absolute;inset:0;@media (prefers-reduced-motion:reduce){transition-duration:.1s}}.media-minimal-skin .media-controls[data-visible]~.media-overlay,.media-minimal-skin .media-error[data-open]~.media-overlay{opacity:1;transition-duration:.15s;transition-delay:0s}.media-minimal-skin .media-error[data-open]~.media-overlay{backdrop-filter:blur(16px)saturate(1.5)}.media-minimal-skin .media-buffering-indicator{color:oklch(100% 0 0);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0;&[data-visible]{display:flex}}.media-minimal-skin .media-error{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-minimal-skin .media-error__dialog{color:oklch(100% 0 0);text-shadow:0 1px oklch(0% 0 0/.5);max-width:16rem;transition-property:opacity,transform;transition-duration:.5s;transition-delay:.1s;transition-timing-function:linear(0, .034 1.5%, .763 9.7%, 1.066 13.9%, 1.198 19.9%, 1.184 21.8%, .963 37.5%, .997 50.9%, 1);flex-direction:column;gap:.75rem;padding:1rem;font-size:.875rem;display:flex;@media (prefers-reduced-motion:reduce){transition-duration:.1s;transition-delay:0s;transition-timing-function:ease-out}}.media-minimal-skin .media-error[data-starting-style] .media-error__dialog,.media-minimal-skin .media-error[data-ending-style] .media-error__dialog{opacity:0;transform:scale(.5)}.media-minimal-skin .media-error__content{flex-direction:column;gap:.5rem;padding:.375rem 0;display:flex}.media-minimal-skin .media-error__title{font-weight:600;line-height:1.25}.media-minimal-skin .media-error__description{opacity:.7}.media-minimal-skin .media-error__actions{gap:.5rem;display:flex;&>*{flex:1}}.media-minimal-skin .media-controls{--media-controls-current-shadow-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .25));--media-controls-current-shadow-color-subtle:oklch(from var(--media-controls-current-shadow-color) l c h / calc(alpha * .4));text-shadow:0 0 1px var(--media-controls-current-shadow-color);align-items:center;display:flex;container:media-controls/inline-size}.media-minimal-skin .media-time-controls{flex-direction:row-reverse;flex:1;align-items:center;gap:.75rem;display:flex}.media-minimal-skin .media-time{align-items:center;gap:.25rem;display:flex}.media-minimal-skin .media-time__value{font-variant-numeric:tabular-nums}.media-minimal-skin .media-time__value--current,.media-minimal-skin .media-time__separator{display:none}@container media-controls (width>28rem){.media-minimal-skin .media-time-controls{flex-direction:row}.media-minimal-skin .media-time__value--duration,.media-minimal-skin .media-time__separator{color:oklch(from currentColor l c h / .6)}.media-minimal-skin .media-time__value--current,.media-minimal-skin .media-time__separator{display:inline}}.media-minimal-skin .media-button-group{align-items:center;gap:.075rem;display:flex;@container media-root (width>40rem){gap:.125rem}}.media-minimal-skin .media-button{outline-offset:-2px;color:oklch(0% 0 0);text-align:center;text-shadow:inherit;cursor:pointer;user-select:none;background:oklch(100% 0 0);border:none;border-radius:.5rem;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition-property:background-color,color,outline-offset,transform;transition-duration:.15s;transition-timing-function:ease-out;display:flex;&:focus-visible{outline-offset:2px;outline-color:currentColor}&[disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}&[data-availability=unavailable]{display:none}}.media-minimal-skin .media-button--icon{aspect-ratio:1;width:2.375rem;color:inherit;background:0 0;padding:0;display:grid;&:hover,&:focus-visible,&[aria-expanded=true]{color:oklch(from currentColor l c h / .8);text-decoration:none}&:active{transform:scale(.9)}& .media-icon{filter:drop-shadow(0 1px 0 var(--media-controls-current-shadow-color,oklch(0% 0 0/.25)))}}.media-minimal-skin .media-button--seek{& .media-icon__label{font-variant-numeric:tabular-nums;font-size:.75em;font-weight:480;position:absolute;bottom:-3px;right:-1px}&:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}@container media-controls (width<28rem){display:none}}.media-minimal-skin .media-button--playback-rate{padding:0;&:after{content:attr(data-rate) "×";font-variant-numeric:tabular-nums;width:4ch}}.media-minimal-skin .media-icon__container{position:relative}.media-minimal-skin .media-icon{transition-behavior:allow-discrete;flex-shrink:0;grid-area:1/1;width:18px;height:18px;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out;display:block}.media-minimal-skin .media-icon--flipped{scale:-1 1}.media-minimal-skin .media-slider{border-radius:3.40282e38px;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;&[data-orientation=horizontal]{width:100%;min-width:5rem;height:1.25rem}&[data-orientation=vertical]{width:1.25rem;height:4.5rem}}.media-minimal-skin .media-slider__track{isolation:isolate;border-radius:inherit;user-select:none;background-color:oklch(from currentColor l c h / .2);position:relative;overflow:hidden;&[data-orientation=horizontal]{width:100%;height:.1875rem}&[data-orientation=vertical]{width:.1875rem;height:100%}}.media-minimal-skin .media-slider__thumb{z-index:10;width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--media-controls-current-shadow-color-subtle,oklch(0% 0 0/.1)), 0 1px 3px 0 oklch(0% 0 0/.15), 0 1px 2px -1px oklch(0% 0 0/.15);opacity:0;transform-origin:50%;user-select:none;outline-offset:-2px;background-color:currentColor;border-radius:3.40282e38px;outline:2px solid #0000;transition-property:opacity,scale,outline-offset;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;transform:translate(-50%,-50%)scale(.7);&[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}&[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}&:focus-visible{outline-offset:2px;outline-color:currentColor}}.media-minimal-skin .media-slider:hover .media-slider__thumb,.media-minimal-skin .media-slider:focus-within .media-slider__thumb,.media-minimal-skin .media-slider__thumb--persistent{opacity:1;scale:1}.media-minimal-skin .media-slider__buffer,.media-minimal-skin .media-slider__fill{border-radius:inherit;pointer-events:none;position:absolute}.media-minimal-skin .media-slider__buffer[data-orientation=horizontal],.media-minimal-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-minimal-skin .media-slider__buffer[data-orientation=vertical],.media-minimal-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-minimal-skin .media-slider__buffer{background-color:oklch(from currentColor l c h / .2);transition-duration:.25s;transition-timing-function:ease-out;&[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-minimal-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-minimal-skin .media-slider__time-display{font-variant-numeric:tabular-nums}.media-minimal-skin .media-popover,.media-minimal-skin .media-tooltip{color:inherit;border:0;margin:0;transition-property:transform,scale,opacity,filter;transition-duration:.2s;overflow:visible;&[data-starting-style],&[data-ending-style]{opacity:0;filter:blur(8px);transform:scale(0)}&[data-instant]{transition-duration:0s}&[data-side=top]{transform-origin:bottom}&[data-side=bottom]{transform-origin:top}&[data-side=left]{transform-origin:100%}&[data-side=right]{transform-origin:0}}.media-minimal-skin .media-tooltip{backdrop-filter:blur(16px)saturate(1.5);white-space:nowrap;--media-tooltip-side-offset:.5rem;background-color:oklch(100% 0 0/.1);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;box-shadow:0 4px 6px -1px oklch(0% 0 0/.1),0 2px 4px -2px oklch(0% 0 0/.1);@media (prefers-reduced-transparency:reduce){background-color:oklch(0% 0 0/.7)}@media (prefers-contrast:more){background-color:oklch(0% 0 0/.9)}}.media-minimal-skin{--media-caption-track-delay:.6s;--media-caption-track-y:-.5rem;&:has(.media-controls[data-visible]){--media-caption-track-delay:25ms;--media-caption-track-y:-3rem}}.media-minimal-skin video::-webkit-media-text-track-container{transition:transform .15s ease-out;transition-delay:var(--media-caption-track-delay);transform:translateY(var(--media-caption-track-y)) scale(.98);z-index:1;font-family:inherit}@media (prefers-reduced-motion:reduce){.media-minimal-skin video::-webkit-media-text-track-container{transition-duration:50ms}}.media-minimal-skin--video{--media-border-color:oklch(0% 0 0/.15);background:oklch(0% 0 0);@media (prefers-color-scheme:dark){--media-border-color:oklch(100% 0 0/.15)}&:after{content:"";z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color);pointer-events:none;position:absolute;inset:0}&:fullscreen{border-radius:0}}.media-minimal-skin--video .media-controls{bottom:0;z-index:10;will-change:transform, filter, opacity;color:oklch(100% 0 0);gap:.5rem;padding:2rem .375rem .375rem;transition:transform 75ms ease-out,filter 75ms ease-out,opacity 75ms ease-out;position:absolute;inset-inline:0;@container media-root (width>40rem){gap:.875rem;padding:2.5rem .75rem .75rem}&:not([data-visible]){opacity:0;filter:blur(8px);pointer-events:none;transition-duration:.5s;transition-delay:.5s;transform:translateY(100%);@media (prefers-reduced-motion:reduce){filter:blur();transition-duration:.1s;transform:translateY(0)}}}.media-minimal-skin--video .media-slider__track{box-shadow:0 0 0 1px oklch(0% 0 0/.05)}.media-minimal-skin--video .media-popover--volume{--media-popover-side-offset:.5rem;background:0 0;padding:.25rem}media-tooltip-group{display:contents}`;V(At);function Wt(e){return{transitionStarting:e===`starting`,transitionEnding:e===`ending`}}var Gt=class e{static defaultProps={delay:500};state=x({visible:!1});#e={...e.defaultProps};#t=null;setProps(t){this.#e=u(t,e.defaultProps)}update(e){let t=e.waiting&&!e.paused;t&&!this.state.current.visible&&!this.#t?this.#t=setTimeout(()=>{this.#t=null,this.state.patch({visible:!0})},this.#e.delay):t||(this.#t!==null&&(clearTimeout(this.#t),this.#t=null),this.state.patch({visible:!1}))}};const Kt={visible:`data-visible`};var qt=class{#e=null;setMedia(e){this.#e=e}getState(){let e=this.#e;return{visible:e.controlsVisible,userActive:e.userActive}}};const Jt={visible:`data-visible`,userActive:`data-user-active`};var Yt=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return e.fullscreen?`Exit fullscreen`:`Enter fullscreen`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{fullscreen:e.fullscreen,availability:e.fullscreenAvailability}}async toggle(e){if(!this.#e.disabled&&e.fullscreenAvailability===`available`)try{e.fullscreen?await e.exitFullscreen():await e.requestFullscreen()}catch{}}};const Xt={fullscreen:`data-fullscreen`,availability:`data-availability`};var Zt=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return e.muted?`Unmute`:`Mute`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{muted:e.muted||e.volume===0,volumeLevel:Qt(e)}}toggle(e){this.#e.disabled||e.toggleMuted()}};function Qt(e){return e.muted||e.volume===0?`off`:e.volume<.5?`low`:e.volume<.75?`medium`:`high`}const $t={muted:`data-muted`,volumeLevel:`data-volume-level`};var en=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return e.pip?`Exit picture-in-picture`:`Enter picture-in-picture`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{pip:e.pip,availability:e.pipAvailability}}async toggle(e){if(!this.#e.disabled&&e.pipAvailability===`available`)try{e.pip?await e.exitPictureInPicture():await e.requestPictureInPicture()}catch{}}};const tn={pip:`data-pip`,availability:`data-availability`};var nn=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return e.ended?`Replay`:e.paused?`Play`:`Pause`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{paused:e.paused,ended:e.ended,started:e.started}}async toggle(e){if(!this.#e.disabled){if(e.paused||e.ended)return e.play();e.pause()}}};const rn={paused:`data-paused`,ended:`data-ended`,started:`data-started`};var an=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return`Playback rate ${e.rate}`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{rate:this.#t.playbackRate}}cycle(e){if(this.#e.disabled)return;let{playbackRates:t,playbackRate:n}=e;if(t.length===0)return;let r=t.indexOf(n),i=r===-1?t.find(e=>e>n)??t[0]:t[(r+1)%t.length];e.setPlaybackRate(i)}};const on={rate:`data-rate`};var U=class e{static defaultProps={side:`top`,align:`center`,modal:!1,closeOnEscape:!0,closeOnOutsideClick:!0,open:!1,defaultOpen:!1,openOnHover:!1,delay:300,closeDelay:0};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,modal:this.#e.modal,...Wt(e.status)}}getTriggerAttrs(e,t){return{"aria-expanded":e.open?`true`:`false`,"aria-haspopup":`dialog`,"aria-controls":t}}getPopupAttrs(e){return{popover:`manual`,role:`dialog`,"aria-modal":e.modal===!0?`true`:void 0}}};const sn={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var cn=class e{static defaultProps={seconds:30,label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;let n=Math.abs(this.#e.seconds);return e.direction===`backward`?`Seek backward ${n} seconds`:`Seek forward ${n} seconds`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{seeking:this.#t.seeking,direction:this.#e.seconds<0?`backward`:`forward`}}async seek(e){this.#e.disabled||await e.seek(e.currentTime+this.#e.seconds)}};const ln={seeking:`data-seeking`,direction:`data-direction`};var W=class e{static defaultProps={label:``,step:1,largeStep:10,orientation:`horizontal`,disabled:!1,thumbAlignment:`center`,value:0,min:0,max:100};static defaultInput={pointerPercent:0,dragPercent:0,dragging:!1,pointing:!1,focused:!1};#e={...e.defaultProps};#t={...e.defaultInput};get props(){return this.#e}get input(){return this.#t}constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}setInput(e){this.#t=e}getSliderState(e){let{orientation:t,disabled:n,thumbAlignment:r}=this.#e,{pointerPercent:i,dragging:a,pointing:o,focused:s}=this.#t;return{value:e,fillPercent:this.percentFromValue(e),pointerPercent:i,dragging:a,pointing:o,interactive:a||o||s,orientation:t,disabled:n,thumbAlignment:r}}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return``}getAttrs(e){return{role:`slider`,tabIndex:e.disabled?-1:0,autoComplete:`off`,"aria-label":this.getLabel(e),"aria-valuemin":this.#e.min,"aria-valuemax":this.#e.max,"aria-valuenow":e.value,"aria-orientation":e.orientation,"aria-disabled":e.disabled?`true`:void 0}}valueFromPercent(e){let{min:t,max:n,step:r}=this.#e;return at(k(t+e/100*(n-t),t,n),r,t)}percentFromValue(e){let{min:t,max:n}=this.#e;return n===t?0:(e-t)/(n-t)*100}getStepPercent(){let{step:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}getLargeStepPercent(){let{largeStep:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}adjustPercentForAlignment(e,t,n){if(this.#e.thumbAlignment===`center`||n===0)return e;let r=t/n*100/2,i=r,a=100-r;return i+e/100*(a-i)}};const G={dragging:`data-dragging`,pointing:`data-pointing`,interactive:`data-interactive`,orientation:`data-orientation`,disabled:`data-disabled`},un={loading:`data-loading`,error:`data-error`,hidden:`data-hidden`};function dn(e,t){let n=e.trim().split(`#`),r=n[0]??``,i=n[1],o=t?new URL(r,t).href:r;if(!i)return{url:o};let s=i.indexOf(`=`);if(s===-1)return{url:o};let c=i.slice(0,s),l=i.slice(s+1).split(`,`).map(Number),u={};for(let e=0;e<c.length;e++){let t=c[e],n=l[e];t&&a(n)&&!Number.isNaN(n)&&(u[t]=n)}let d={url:o};return a(u.w)&&(d.width=u.w),a(u.h)&&(d.height=u.h),a(u.x)&&a(u.y)&&(d.coords={x:u.x,y:u.y}),d}function fn(e,t){let n=[];for(let r of e){let e=dn(r.text,t),i={url:e.url,startTime:r.startTime,endTime:r.endTime};e.width&&(i.width=e.width),e.height&&(i.height=e.height),e.coords&&(i.coords=e.coords),n.push(i)}return n}const pn=[{singular:`hour`,plural:`hours`},{singular:`minute`,plural:`minutes`},{singular:`second`,plural:`seconds`}];function mn(e){return a(e)&&Number.isFinite(e)}function hn(e,t){return`${e} ${e===1?pn[t]?.singular:pn[t]?.plural}`}function gn(e,t){if(!mn(e))return`0:00`;let n=e<0,r=Math.abs(e),i=Math.floor(r/3600),a=Math.floor(r/60%60),o=Math.floor(r%60),s=t?Math.abs(t):0,c=Math.floor(s/3600),l=Math.floor(s/60%60),u=i>0||c>0,d=u||l>=10,f=u?`${i}:`:``,p=`${d&&a<10?`0`:``}${a}:`,m=o<10?`0${o}`:`${o}`;return`${n?`-`:``}${f}${p}${m}`}function _n(e){if(!mn(e))return``;let t=e<0,n=Math.abs(e),r=Math.floor(n/3600),i=Math.floor(n/60%60),a=Math.floor(n%60);return n===0?`${hn(0,2)}${t?` remaining`:``}`:`${[r,i,a].map((e,t)=>e>0?hn(e,t):null).filter(Boolean).join(`, `)}${t?` remaining`:``}`}function vn(e){if(!mn(e))return`PT0S`;let t=Math.abs(e),n=Math.floor(t/3600),r=Math.floor(t/60%60),i=Math.floor(t%60),a=`PT`;return n>0&&(a+=`${n}H`),r>0&&(a+=`${r}M`),(i>0||a===`PT`)&&(a+=`${i}S`),a}const yn={current:`Current time`,duration:`Duration`,remaining:`Remaining`};var K=class e{static defaultProps={type:`current`,negativeSign:`-`,label:``};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}setMedia(e){this.#t=e}#n(){let e=this.#t,{type:t}=this.#e;switch(t){case`current`:return e.currentTime;case`duration`:return e.duration;case`remaining`:return e.currentTime-e.duration;default:return 0}}#r(){let e=this.#t,t=this.#n();return gn(Math.abs(t),e.duration)}#i(){let{type:e}=this.#e,t=this.#n();return _n(e===`remaining`?t<0?t:-Math.abs(t):t)}#a(){let e=this.#n();return vn(Math.abs(e))}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return yn[this.#e.type]}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-valuetext":e.phrase}}getState(){let e=this.#n();return{type:this.#e.type,seconds:e,negative:this.#e.type===`remaining`&&e<0,text:this.#r(),phrase:this.#i(),datetime:this.#a()}}};const bn={type:`data-type`};var q=class e extends W{static defaultProps={...W.defaultProps,label:`Seek`,commitThrottle:100};#e={...e.defaultProps};#t=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps),super.setProps({...t,min:0})}setMedia(e){this.#t=e}getState(){let{duration:e,currentTime:t,seeking:n,buffered:r}=this.#t,{dragging:i,dragPercent:a}=this.input;super.setProps({...this.#e,min:0,max:e});let o=i?k(a/100*e,0,e):t,s=super.getSliderState(o),c=r.length>0?r[r.length-1][1]:0,l=e>0?c/e*100:0;return{...s,currentTime:t,duration:e,seeking:n,bufferPercent:l}}getLabel(e){return super.getLabel(e)||`Seek`}getAttrs(e){let t=super.getAttrs(e),n=_n(e.value),r=_n(e.duration),i=r?`${n} of ${r}`:n;return{...t,"aria-valuetext":i}}};const xn={...G,seeking:`data-seeking`};var J=class e{static defaultProps={side:`top`,align:`center`,open:!1,defaultOpen:!1,delay:600,closeDelay:0,disableHoverablePopup:!0,disabled:!1};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,...Wt(e.status)}}getTriggerAttrs(e,t){return{"aria-describedby":e.open?t:void 0}}getPopupAttrs(e){return{popover:`manual`,role:`tooltip`}}};const Sn={sideOffset:`--media-tooltip-side-offset`,alignOffset:`--media-tooltip-align-offset`,anchorWidth:`--media-tooltip-anchor-width`,anchorHeight:`--media-tooltip-anchor-height`,availableWidth:`--media-tooltip-available-width`,availableHeight:`--media-tooltip-available-height`},Cn={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var Y=class e{static defaultProps={delay:600,closeDelay:0,timeout:400};#e={...e.defaultProps};#t=0;#n=!1;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}get delay(){return this.#e.delay}get closeDelay(){return this.#e.closeDelay}shouldSkipDelay(){return this.#n?!0:Date.now()-this.#t<this.#e.timeout}notifyOpen(){this.#n=!0}notifyClose(){this.#n=!1,this.#t=Date.now()}},X=class e extends W{static defaultProps={...W.defaultProps,label:`Volume`};#e=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){super.setProps(u(t,e.defaultProps))}setMedia(e){this.#e=e}getState(){let{volume:e,muted:t}=this.#e,n=t||e===0,{dragging:r,dragPercent:i}=this.input,a=e*100,o=r?this.valueFromPercent(i):a,s=super.getSliderState(o);return{...s,fillPercent:n?0:s.fillPercent,volume:e,muted:n}}getLabel(e){return super.getLabel(e)||`Volume`}getAttrs(e){let t=super.getAttrs(e),n=`${Math.round(e.value)} percent${e.muted?`, muted`:``}`;return{...t,"aria-valuetext":n}}};({...G}),V(class extends z{constructor(...e){super(...e),this.delay=Gt.defaultProps.delay}static{this.tagName=`media-buffering-indicator`}static{this.properties={delay:{type:Number}}}#e=new Gt;#t=new B(this,L,Ge);#n=null;connectedCallback(){super.connectedCallback(),this.#n=new AbortController,this.#e.state.subscribe(()=>this.requestUpdate(),{signal:this.#n.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#n?.abort(),this.#n=null}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){super.update(e);let t=this.#t.value;t&&(this.#e.update(t),N(this,this.#e.state.current,Kt))}});const wn=P(Symbol(`@videojs/controls`));var Tn=class extends z{static{this.tagName=`media-controls`}#e=new qt;#t=new B(this,L,He);#n=new I(this,{context:wn});connectedCallback(){super.connectedCallback()}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setMedia(t);let n=this.#e.getState();N(this,n,Jt),this.#n.setValue({state:n,stateAttrMap:Jt})}},Z=class extends z{update(e){super.update(e);let t=this.consumer.value;t&&N(this,t.state,t.stateAttrMap)}},En=class extends Z{constructor(...e){super(...e),this.consumer=new F(this,{context:wn,subscribe:!0})}static{this.tagName=`media-controls-group`}connectedCallback(){super.connectedCallback(),(this.hasAttribute(`aria-label`)||this.hasAttribute(`aria-labelledby`))&&this.setAttribute(`role`,`group`)}};V(Tn),V(En);var Q=class extends z{constructor(...e){super(...e),this.disabled=!1,this.label=``}static{this.properties={label:{type:String},disabled:{type:Boolean}}}#e=null;connectedCallback(){super.connectedCallback(),this.#e=new AbortController;let e=Ze({onActivate:()=>this.activate(this.mediaState.value),isDisabled:()=>this.disabled||!this.mediaState.value});M(this,e,{signal:this.#e.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#e?.abort(),this.#e=null}willUpdate(e){super.willUpdate(e),this.core.setProps?.(this)}update(e){super.update(e);let t=this.mediaState.value;if(!t)return;this.core.setMedia(t);let n=this.core.getState();M(this,this.core.getAttrs?.(n)??{}),N(this,n,this.stateAttrMap)}};V(class extends Q{constructor(...e){super(...e),this.core=new Yt,this.stateAttrMap=Xt,this.mediaState=new B(this,L,Ue)}static{this.tagName=`media-fullscreen-button`}activate(e){this.core.toggle(e)}}),V(class extends Q{constructor(...e){super(...e),this.core=new Zt,this.stateAttrMap=$t,this.mediaState=new B(this,L,Ye)}static{this.tagName=`media-mute-button`}activate(e){this.core.toggle(e)}}),V(class extends Q{constructor(...e){super(...e),this.core=new en,this.stateAttrMap=tn,this.mediaState=new B(this,L,We)}static{this.tagName=`media-pip-button`}activate(e){this.core.toggle(e)}}),V(class extends Q{constructor(...e){super(...e),this.core=new nn,this.stateAttrMap=rn,this.mediaState=new B(this,L,Ge)}static{this.tagName=`media-play-button`}activate(e){this.core.toggle(e)}}),V(class extends Q{constructor(...e){super(...e),this.core=new an,this.stateAttrMap=on,this.mediaState=new B(this,L,Ke)}static{this.tagName=`media-playback-rate-button`}activate(e){this.core.cycle(e)}}),V(class extends z{constructor(...e){super(...e),this.open=U.defaultProps.open,this.defaultOpen=U.defaultProps.defaultOpen,this.side=U.defaultProps.side,this.align=U.defaultProps.align,this.modal=U.defaultProps.modal,this.closeOnEscape=U.defaultProps.closeOnEscape,this.closeOnOutsideClick=U.defaultProps.closeOnOutsideClick,this.openOnHover=U.defaultProps.openOnHover,this.delay=U.defaultProps.delay,this.closeDelay=U.defaultProps.closeDelay}static{this.tagName=`media-popover`}static{this.properties={open:{type:Boolean},defaultOpen:{type:Boolean,attribute:`default-open`},side:{type:String},align:{type:String},modal:{type:Boolean},closeOnEscape:{type:Boolean,attribute:`close-on-escape`},closeOnOutsideClick:{type:Boolean,attribute:`close-on-outside-click`},openOnHover:{type:Boolean,attribute:`open-on-hover`},delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`}}}#e=new U;#t=null;#n=null;#r=null;#i=null;#a=null;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#r=new AbortController,this.#t=Qe({transition:mt(),onOpenChange:(e,t)=>{this.open=e,this.dispatchEvent(new CustomEvent(`open-change`,{detail:{open:e,...t}}))},closeOnEscape:()=>this.closeOnEscape,closeOnOutsideClick:()=>this.closeOnOutsideClick,openOnHover:()=>this.openOnHover,delay:()=>this.delay,closeDelay:()=>this.closeDelay}),this.#t.setPopupElement(this),M(this,this.#t.popupProps,{signal:this.#r.signal}),this.#n?this.#n.track(this.#t.input):this.#n=new Mt(this,this.#t.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#t?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#r?.abort(),this.#r=null}destroyCallback(){this.#c(),this.#t?.destroy(),super.destroyCallback()}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#t&&e.has(`open`)){let{active:e}=this.#t.input.current;this.open!==e&&(this.open?this.#t.open():this.#t.close())}}update(e){if(super.update(e),!this.#t)return;let t=this.#o();this.#s(t);let n=this.#t.input.current;this.#e.setInput(n);let r=this.#e.getState();if(M(this,this.#e.getPopupAttrs(r)),N(this,r,sn),r.open?le(this):T(this),this.#a&&(M(this.#a,this.#e.getTriggerAttrs(r,this.id)),E(this.#a,et(this.id))),!r.open)return;let i={side:r.side,align:r.align};if(C())E(this,O(this.id,i));else{let e=this.#a?.getBoundingClientRect(),t=this.getBoundingClientRect(),n=document.documentElement.getBoundingClientRect(),r=it(this);E(this,O(this.id,i,e,t,n,r))}}#o(){return this.id?this.getRootNode().querySelector(`[commandfor="${this.id}"]`):null}#s(e){e!==this.#a&&(this.#c(),this.#a=e,this.#t?.setTriggerElement(e),e&&this.#t&&(this.#i=new AbortController,M(e,this.#t.triggerProps,{signal:this.#i.signal})))}#c(){this.#a&&(M(this.#a,{"aria-expanded":void 0,"aria-haspopup":void 0,"aria-controls":void 0}),this.#a.style.removeProperty(`anchor-name`)),this.#i?.abort(),this.#i=null,this.#a=null}}),V(class extends Q{constructor(...e){super(...e),this.seconds=cn.defaultProps.seconds,this.core=new cn,this.stateAttrMap=ln,this.mediaState=new B(this,L,Je)}static{this.tagName=`media-seek-button`}static{this.properties={...Q.properties,seconds:{type:Number}}}activate(e){this.core.seek(e)}});var Dn=class extends z{static{this.tagName=`media-time`}static{this.properties={type:{type:String},negativeSign:{type:String,attribute:`negative-sign`},label:{type:String}}}#e=new K;#t=new B(this,L,Je);#n=document.createElement(`span`);#r=document.createTextNode(``);constructor(){super(),this.type=K.defaultProps.type,this.negativeSign=K.defaultProps.negativeSign,this.label=K.defaultProps.label,this.#n.setAttribute(`aria-hidden`,`true`),this.#n.hidden=!0,this.appendChild(this.#n),this.appendChild(this.#r)}connectedCallback(){super.connectedCallback()}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setMedia(t);let n=this.#e.getState();this.#n.hidden=!n.negative,this.#n.textContent=n.negative?this.negativeSign:``,this.#r.textContent=n.text,M(this,this.#e.getAttrs(n)),N(this,n,bn)}},On=class extends z{static{this.tagName=`media-time-group`}},kn=class extends z{static{this.tagName=`media-time-separator`}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`),this.textContent?.trim()||(this.textContent=`/`)}};V(Dn),V(On),V(kn);const $=P(Symbol(`@videojs/slider`));var An=class extends Z{constructor(...e){super(...e),this.consumer=new F(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-buffer`}},jn=class extends Z{constructor(...e){super(...e),this.consumer=new F(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-fill`}},Mn=class extends z{constructor(...e){super(...e),this.overflow=`clamp`}static{this.tagName=`media-slider-preview`}static{this.properties={overflow:{type:String}}}#e=new F(this,{context:$,subscribe:!0});#t=null;#n=0;connectedCallback(){super.connectedCallback(),this.#t=new ResizeObserver(([e])=>{this.#n=e.contentRect.width,this.#r()}),this.#t.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.#t?.disconnect(),this.#t=null}#r(){E(this,lt(this.#n,this.overflow))}update(e){super.update(e);let t=this.#e.value;t&&N(this,t.state,t.stateAttrMap),this.#r()}},Nn=class extends z{static{this.tagName=`media-slider-thumb`}#e=new F(this,{context:$,subscribe:!0});#t=null;#n=!1;connectedCallback(){super.connectedCallback(),this.#t=new AbortController,this.#n=!1}disconnectedCallback(){super.disconnectedCallback(),this.#t?.abort(),this.#t=null,this.#n=!1}update(e){super.update(e);let t=this.#e.value;t&&(!this.#n&&this.#t&&(M(this,t.thumbProps,{signal:this.#t.signal}),this.#n=!0),M(this,t.thumbAttrs),N(this,t.state,t.stateAttrMap))}},Pn=class extends z{static{this.tagName=`media-thumbnail`}static{this.properties={time:{type:Number},crossOrigin:{type:String,attribute:`crossorigin`},loading:{type:String},fetchPriority:{type:String,attribute:`fetchpriority`}}}#e=new ut;#t=document.createElement(`img`);#n=new B(this,L,qe);#r=[];#i;#a;#o=null;constructor(){super(),this.time=0;let e=this.attachShadow({mode:`open`}),t=document.createElement(`style`);t.textContent=`:host {
+*/var F=class{constructor(e,t,n,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(e,t)=>{this.unsubscribe&&(this.unsubscribe!==t&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=e,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(e,t)),this.unsubscribe=t},this.host=e,t.context!==void 0){let e=t;this.context=e.context,this.callback=e.callback,this.subscribe=e.subscribe??!1}else this.context=t,this.callback=n,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&=(this.unsubscribe(),void 0)}dispatchRequest(){this.host.dispatchEvent(new _t(this.context,this.host,this.t,this.subscribe))}},vt=class{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){let n=t||!Object.is(e,this.o);this.o=e,n&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:t}]of this.subscriptions)e(this.o,t)},e!==void 0&&(this.value=e)}addCallback(e,t,n){if(!n)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});let{disposer:r}=this.subscriptions.get(e);e(this.value,r)}clearCallbacks(){this.subscriptions.clear()}},yt=class extends Event{constructor(e,t){super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t}},I=class extends vt{constructor(e,t,n){super(t.context===void 0?n:t.initialValue),this.onContextRequest=e=>{if(e.context!==this.context)return;let t=e.contextTarget??e.composedPath()[0];t!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,t,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context||(e.contextTarget??e.composedPath()[0])===this.host)return;let t=new Set;for(let[e,{consumerHost:n}]of this.subscriptions)t.has(e)||(t.add(e),n.dispatchEvent(new _t(this.context,n,e,!0)));e.stopPropagation()},this.host=e,t.context===void 0?this.context=t:this.context=t.context,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener(`context-request`,this.onContextRequest),this.host.addEventListener(`context-provider`,this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new yt(this.context,this.host))}};const L=P(Symbol(`@videojs/player`));function bt(e){return t=>{class n extends t{#e=_;#t=null;#n=null;constructor(...t){super(...t),new F(this,{context:e,callback:e=>{this.#n=e??null,this.#o()},subscribe:!0})}get store(){return this.#n}connectedCallback(){super.connectedCallback(),this.#t=new MutationObserver(e=>{e.some(Ct)&&this.#o()}),this.#t.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`name`]}),this.addEventListener(`slotchange`,this.#r),this.#o()}disconnectedCallback(){super.disconnectedCallback(),this.#t?.disconnect(),this.#t=null,this.removeEventListener(`slotchange`,this.#r),this.#e()}#r=()=>{this.#o()};#i(){let e=this.querySelector(`slot[name="media"]`);if(!e)return null;for(let t of e.assignedElements({flatten:!0}))if(R(t))return t;return null}#a(){return Array.from(this.children).find(R)||null}#o(){let e=this.#n??this.store;if(!e)return;let t=this.querySelector(`video, audio`)??this.#a()??this.#i();if(!t){this.#e(),this.#e=_;return}xt(t)&&globalThis.customElements?.upgrade?.(t);let n={media:t,container:this},r=e.target?.media!==n.media,i=e.target?.container!==n.container;(r||i)&&(this.#e(),this.#e=e.attach(n))}}return n}}function R(e){return e instanceof HTMLMediaElement||xt(e)}function xt(e){return e instanceof HTMLElement&&(e.localName.endsWith(`-audio`)||e.localName.endsWith(`-video`))}function St(e){return e instanceof HTMLSlotElement&&e.name===`media`}function Ct(e){if(St(e.target))return!0;for(let t of e.addedNodes)if(R(t)||St(t))return!0;for(let t of e.removedNodes)if(R(t)||St(t))return!0;return!1}function wt(e){class t extends e{#e=!1;#t=new Set;get destroyed(){return this.#e}destroy(){this.#e||(this.#e=!0,this.destroyCallback())}destroyCallback(){for(let e of this.#t)e.hostDestroyed?.()}addController(e){super.addController(e),this.#t.add(e)}removeController(e){super.removeController(e),this.#t.delete(e)}connectedCallback(){this.#e||super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),!this.#e&&!this.hasAttribute(`keep-alive`)&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.isConnected||this.destroy()})})}performUpdate(){this.#e||super.performUpdate()}}return t}const Tt=new WeakMap,Et=new Map;var Dt=class extends HTMLElement{static{this.properties={}}static get observedAttributes(){return[...Ot(this).attrToProp.keys()]}#e=new Set;#t=new Map;#n;#r;constructor(){super(),this.isUpdatePending=!1,this.hasUpdated=!1,this.#r=new Promise(e=>this.enableUpdating=e);let{props:e}=Ot(this.constructor);for(let t of e.keys())Object.hasOwn(this,t)&&((this.#n??=new Map).set(t,this[t]),delete this[t]);this.requestUpdate()}enableUpdating(e){}addController(e){this.#e.add(e),this.isConnected&&e.hostConnected?.()}removeController(e){this.#e.delete(e)}connectedCallback(){this.enableUpdating(!0);for(let e of this.#e)e.hostConnected?.()}disconnectedCallback(){for(let e of this.#e)e.hostDisconnected?.()}attributeChangedCallback(e,t,n){if(t===n)return;let{props:r,attrToProp:i}=Ot(this.constructor),a=i.get(e);if(!a)return;let o=r.get(a);if(!o)return;let s=n;o.type===Boolean?s=n!==null:o.type===Number&&(s=n===null?null:Number(n)),this[a]=s}requestUpdate(e,t){e!==void 0&&this.#t.set(e,t),!this.isUpdatePending&&(this.#r=this.#i())}async#i(){this.isUpdatePending=!0;try{await this.#r}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated&&this.#n){for(let[e,t]of this.#n)this[e]=t;this.#n=void 0}let e=this.#t;this.willUpdate(e);for(let e of this.#e)e.hostUpdate?.();this.update(e),this.#t=new Map,this.isUpdatePending=!1;for(let e of this.#e)e.hostUpdated?.();this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}willUpdate(e){}update(e){}firstUpdated(e){}updated(e){}get updateComplete(){return this.#r}};function Ot(e){let t=Tt.get(e);if(t)return t;let n=new Map,r=new Map;for(let[t,i]of Object.entries(e.properties))if(n.set(t,i),r.set(i.attribute??t,t),!Object.getOwnPropertyDescriptor(e.prototype,t)?.get){let n=Et.get(t);n||(n=Symbol(t),Et.set(t,n)),Object.defineProperty(e.prototype,t,{get(){return this[n]},set(e){let r=this[n];this[n]=e,Object.is(r,e)||this.requestUpdate(t,r)},configurable:!0,enumerable:!0})}let i={props:n,attrToProp:r};return Tt.set(e,i),i}var z=class extends wt(Dt){};const kt=bt(L);var At=class extends kt(z){static{this.tagName=`media-container`}};function jt(e,t){return n=>{class r extends n{#e=t();#t=new I(this,{context:e,initialValue:this.store});get store(){return s(this.#e)&&(this.#e=t()),this.#e}connectedCallback(){super.connectedCallback(),this.#t.setValue(this.store)}destroyCallback(){this.#e?.destroy(),this.#e=null,super.destroyCallback()}}return r}}var Mt=class{#e;#t;#n;#r;#i=_;constructor(e,t,n){this.#e=e,this.#n=t,this.#t=n,e.addController(this)}get value(){return this.#t?(this.#r??=this.#t(this.#n.current),this.#r):this.#n.current}track(e){this.#n=e,this.#a()}hostConnected(){this.#a()}hostDisconnected(){this.#i(),this.#i=_,this.#r=void 0}#a(){if(this.#i(),!this.#t){this.#i=this.#n.subscribe(()=>this.#e.requestUpdate());return}let e=this.#t;this.#r=e(this.#n.current),this.#i=this.#n.subscribe(()=>{let t=e(this.#n.current);h(this.#r,t)||(this.#r=t,this.#e.requestUpdate())})}},Nt=class{#e;#t;#n;constructor(e,t,n){this.#e=n??_,oe(t)?(this.#n=t,this.#t=null):(this.#n=null,this.#t=new F(e,{context:t,callback:e=>this.#e(e),subscribe:!1})),e.addController(this)}get value(){return this.#t?this.#t.value??null:this.#n}hostConnected(){this.#n&&this.#e(this.#n)}},Pt=class{#e;#t;#n;#r=null;constructor(e,t,n){this.#e=e,this.#t=n,this.#n=new Nt(e,t,e=>this.#i(e)),e.addController(this)}get value(){let e=this.#n.value;if(s(e))throw Error(`Store not available`);return c(this.#t)?e:this.#r.value}hostConnected(){}#i(e){c(this.#t)||(this.#r?this.#r.track(e.$state):this.#r=new Mt(this.#e,e.$state,this.#t))}},B=class{#e;#t;#n;#r=null;constructor(e,t,n){this.#e=e,this.#t=n,this.#n=new F(e,{context:t,callback:e=>this.#i(e),subscribe:!0}),e.addController(this)}get value(){let e=this.#n.value;if(e)return this.#t?this.#r?.value:e}get displayName(){return this.#t?.displayName}hostConnected(){let e=this.#n.value;e&&this.#i(e)}hostDisconnected(){this.#r=null}#i(e){!this.#r&&this.#t&&(this.#r=new Pt(this.#e,e,this.#t))}};function Ft(e){let n=t(...e.features);function r(){return ae()(n)}return{context:L,create:r,PlayerController:B,ProviderMixin:jt(L,r),ContainerMixin:bt(L)}}function V(e){customElements.get(e.tagName)||customElements.define(e.tagName,e)}const{ProviderMixin:It}=Ft({features:Be});V(class extends It(z){static{this.tagName=`video-player`}}),V(At);const Lt={"captions-off":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><rect width="16.5" height="12.5" x=".75" y="2.75" stroke="currentColor" stroke-width="1.5" rx="3"/><rect width="3" height="1.5" x="3" y="8.5" fill="currentColor" rx=".75"/><rect width="2" height="1.5" x="13" y="8.5" fill="currentColor" rx=".75"/><rect width="4" height="1.5" x="11" y="11.5" fill="currentColor" rx=".75"/><rect width="5" height="1.5" x="7" y="8.5" fill="currentColor" rx=".75"/><rect width="7" height="1.5" x="3" y="11.5" fill="currentColor" rx=".75"/></svg>`,"captions-on":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM3.75 11.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5zm8 0a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5zm-8-3a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5zm4 0a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5zm6 0a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5z"/></svg>`,"fullscreen-enter":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M15.25 2a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V3.5h-3.75a.75.75 0 0 1-.743-.648L10 2.75a.75.75 0 0 1 .75-.75z"/><path fill="currentColor" d="M14.72 2.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06zM2.75 10a.75.75 0 0 1 .75.75v3.75h3.75a.75.75 0 0 1 .743.648L8 15.25a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 .75-.75"/><path fill="currentColor" d="M6.72 10.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06z"/></svg>`,"fullscreen-exit":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M10.75 2a.75.75 0 0 1 .75.75V6.5h3.75a.75.75 0 0 1 .743.648L16 7.25a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 .75-.75"/><path fill="currentColor" d="M14.72 2.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06zM7.25 10a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V11.5H2.75a.75.75 0 0 1-.743-.648L2 10.75a.75.75 0 0 1 .75-.75z"/><path fill="currentColor" d="M6.72 10.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06z"/></svg>`,pause:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><rect width="4" height="12" x="3" y="3" fill="currentColor" rx="1.75"/><rect width="4" height="12" x="11" y="3" fill="currentColor" rx="1.75"/></svg>`,pip:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M13 2a4 4 0 0 1 4 4v2.645a3.5 3.5 0 0 0-1-.145h-.5V6A2.5 2.5 0 0 0 13 3.5H4A2.5 2.5 0 0 0 1.5 6v6A2.5 2.5 0 0 0 4 14.5h2.5v.5c0 .347.05.683.145 1H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z"/><rect width="10" height="7" x="8" y="10" fill="currentColor" rx="2"/></svg>`,play:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="m13.473 10.476-6.845 4.256a1.697 1.697 0 0 1-2.364-.547 1.77 1.77 0 0 1-.264-.93v-8.51C4 3.78 4.768 3 5.714 3c.324 0 .64.093.914.268l6.845 4.255a1.763 1.763 0 0 1 0 2.953"/></svg>`,restart:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M9 17a8 8 0 0 1-8-8h1.5a6.5 6.5 0 1 0 1.43-4.07l1.643 1.643A.25.25 0 0 1 5.396 7H1.25A.25.25 0 0 1 1 6.75V2.604a.25.25 0 0 1 .427-.177l1.438 1.438A8 8 0 1 1 9 17"/><path fill="currentColor" d="m11.61 9.639-3.331 2.07a.826.826 0 0 1-1.15-.266.86.86 0 0 1-.129-.452V6.849C7 6.38 7.374 6 7.834 6c.158 0 .312.045.445.13l3.331 2.071a.858.858 0 0 1 0 1.438"/></svg>`,seek:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M1 9c0 2.21.895 4.21 2.343 5.657l1.06-1.06a6.5 6.5 0 1 1 9.665-8.665l-1.641 1.641a.25.25 0 0 0 .177.427h4.146a.25.25 0 0 0 .25-.25V2.604a.25.25 0 0 0-.427-.177l-1.438 1.438A8 8 0 0 0 1 9"/></svg>`,spinner:`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" aria-hidden="true" viewBox="0 0 18 18"><rect width="2" height="5" x="8" y=".5" opacity=".5" rx="1"><animate attributeName="opacity" begin="0s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="2" height="5" x="12.243" y="2.257" opacity=".45" rx="1" transform="rotate(45 13.243 4.757)"><animate attributeName="opacity" begin="0.125s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="5" height="2" x="12.5" y="8" opacity=".4" rx="1"><animate attributeName="opacity" begin="0.25s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="5" height="2" x="10.743" y="12.243" opacity=".35" rx="1" transform="rotate(45 13.243 13.243)"><animate attributeName="opacity" begin="0.375s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="2" height="5" x="8" y="12.5" opacity=".3" rx="1"><animate attributeName="opacity" begin="0.5s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="2" height="5" x="3.757" y="10.743" opacity=".25" rx="1" transform="rotate(45 4.757 13.243)"><animate attributeName="opacity" begin="0.625s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="5" height="2" x=".5" y="8" opacity=".15" rx="1"><animate attributeName="opacity" begin="0.75s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect><rect width="5" height="2" x="2.257" y="3.757" opacity=".1" rx="1" transform="rotate(45 4.757 4.757)"><animate attributeName="opacity" begin="0.875s" calcMode="linear" dur="1s" repeatCount="indefinite" values="1;0"/></rect></svg>`,"volume-high":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M15.6 3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4C15.4 5.9 16 7.4 16 9s-.6 3.1-1.8 4.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3.3 0 .5-.1.7-.3C17.1 13.2 18 11.2 18 9s-.9-4.2-2.4-5.7"/><path fill="currentColor" d="M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402"/></svg>`,"volume-low":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402"/></svg>`,"volume-off":`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" aria-hidden="true" viewBox="0 0 18 18"><path fill="currentColor" d="M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z"/></svg>`};function H(e,t){let n=Lt[e];if(!n)return``;if(!t)return n;let r=Object.entries(t).map(([e,t])=>` ${e}="${t}"`).join(``);return n.replace(`<svg`,`<svg${r}`)}var Rt=`video-player{display:contents}video-player video,video-player hls-video,video-player simple-hls-video{width:100%;height:100%;display:block}video-player video::-webkit-media-text-track-container{transition:transform var(--media-caption-track-duration,.15s) ease-out;transition-delay:var(--media-caption-track-delay,.6s);transform:translateY(var(--media-caption-track-y,0)) scale(.98);z-index:var(--media-caption-track-z,1);font-family:inherit}@media (prefers-reduced-motion:reduce){video-player video::-webkit-media-text-track-container{transition-duration:50ms}}`;const zt=`__media-styles`;function Bt(){if(document.getElementById(zt))return;let e=document.createElement(`style`);e.id=zt,e.textContent=Rt,document.head.appendChild(e)}function Vt(e){class t extends e{static{this.shadowRootOptions={mode:`open`}}constructor(...e){if(super(...e),Bt(),!this.shadowRoot){let e=this.constructor;this.attachShadow(e.shadowRootOptions),e.styles&&(this.shadowRoot.adoptedStyleSheets=[e.styles]),e.getTemplateHTML&&(this.shadowRoot.innerHTML=e.getTemplateHTML())}}}return t}function Ht(e){let t=new CSSStyleSheet;return t.replaceSync(e),t}var Ut=`.media-button--play .media-icon--restart,.media-button--play .media-icon--play,.media-button--play .media-icon--pause,.media-button--mute .media-icon--volume-off,.media-button--mute .media-icon--volume-low,.media-button--mute .media-icon--volume-high,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on{opacity:0;display:none}.media-button--play[data-ended] .media-icon--restart,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{opacity:1;display:block}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause,.media-button--fullscreen:not([data-fullscreen])+.media-tooltip .media-tooltip-label--enter-fullscreen,.media-button--fullscreen[data-fullscreen]+.media-tooltip .media-tooltip-label--exit-fullscreen,.media-button--captions:not([data-active])+.media-tooltip .media-tooltip-label--enable-captions,.media-button--captions[data-active]+.media-tooltip .media-tooltip-label--disable-captions,.media-button--pip:not([data-pip])+.media-tooltip .media-tooltip-label--enter-pip,.media-button--pip[data-pip]+.media-tooltip .media-tooltip-label--exit-pip{display:block}.media-minimal-skin *,.media-minimal-skin :before,.media-minimal-skin :after{box-sizing:border-box;margin:0}.media-minimal-skin img,.media-minimal-skin video,.media-minimal-skin svg{max-width:100%;display:block}.media-minimal-skin button{font:inherit}@media (prefers-reduced-motion:no-preference){.media-minimal-skin{interpolate-size:allow-keywords}}.media-minimal-skin{isolation:isolate;border-radius:var(--media-border-radius,.75rem);letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;line-height:1.5;display:block;position:relative;container:media-root/inline-size}.media-minimal-skin ::slotted(video),.media-minimal-skin video{width:100%;height:100%;display:block}.media-minimal-skin ::slotted(video){border-radius:var(--media-border-radius,.75rem)}.media-minimal-skin video{border-radius:inherit}.media-minimal-skin>img{border-radius:inherit;object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0;&:not([data-visible]){opacity:0}}.media-minimal-skin:fullscreen video,.media-minimal-skin:fullscreen ::slotted(video),.media-minimal-skin:fullscreen>img{object-fit:contain}.media-minimal-skin:fullscreen ::slotted(video){border-radius:0}.media-minimal-skin .media-overlay{border-radius:inherit;backdrop-filter:blur()saturate(1.5);opacity:0;pointer-events:none;background-image:linear-gradient(0deg,oklch(0% 0 0/.7),oklch(0% 0 0/.5) 7.5rem,oklch(0% 0 0/0));position:absolute;inset:0;@media (pointer:fine){transition:opacity .5s ease-out .5s,backdrop-filter .5s ease-out .5s;@media (prefers-reduced-motion:reduce){transition-duration:.1s}}}.media-minimal-skin .media-controls[data-visible]~.media-overlay,.media-minimal-skin .media-error[data-open]~.media-overlay{opacity:1;@media (pointer:fine){transition-duration:.15s;transition-delay:0s}}.media-minimal-skin .media-error[data-open]~.media-overlay{backdrop-filter:blur(16px)saturate(1.5)}.media-minimal-skin .media-buffering-indicator{color:oklch(100% 0 0);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0;&[data-visible]{display:flex}}.media-minimal-skin .media-error{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-minimal-skin .media-error__dialog{color:oklch(100% 0 0);text-shadow:0 1px oklch(0% 0 0/.5);max-width:16rem;transition-property:opacity,transform;transition-duration:.5s;transition-delay:.1s;transition-timing-function:linear(0, .034 1.5%, .763 9.7%, 1.066 13.9%, 1.198 19.9%, 1.184 21.8%, .963 37.5%, .997 50.9%, 1);flex-direction:column;gap:.75rem;padding:1rem;font-size:.875rem;display:flex;@media (prefers-reduced-motion:reduce){transition-duration:.1s;transition-delay:0s;transition-timing-function:ease-out}}.media-minimal-skin .media-error[data-starting-style] .media-error__dialog,.media-minimal-skin .media-error[data-ending-style] .media-error__dialog{opacity:0;transform:scale(.5)}.media-minimal-skin .media-error__content{flex-direction:column;gap:.5rem;padding:.375rem 0;display:flex}.media-minimal-skin .media-error__title{font-weight:600;line-height:1.25}.media-minimal-skin .media-error__description{opacity:.7}.media-minimal-skin .media-error__actions{gap:.5rem;display:flex;&>*{flex:1}}.media-minimal-skin .media-controls{--media-controls-current-shadow-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .25));--media-controls-current-shadow-color-subtle:oklch(from var(--media-controls-current-shadow-color) l c h / calc(alpha * .4));text-shadow:0 0 1px var(--media-controls-current-shadow-color);align-items:center;display:flex;container:media-controls/inline-size}.media-minimal-skin .media-time-controls{flex-direction:row-reverse;flex:1;align-items:center;gap:.75rem;display:flex}.media-minimal-skin .media-time{align-items:center;gap:.25rem;display:flex}.media-minimal-skin .media-time__value{font-variant-numeric:tabular-nums}.media-minimal-skin .media-time__value--current,.media-minimal-skin .media-time__separator{display:none}@container media-controls (width>28rem){.media-minimal-skin .media-time-controls{flex-direction:row}.media-minimal-skin .media-time__value--duration,.media-minimal-skin .media-time__separator{color:oklch(from currentColor l c h / .6)}.media-minimal-skin .media-time__value--current,.media-minimal-skin .media-time__separator{display:inline}}.media-minimal-skin .media-button-group{align-items:center;gap:.075rem;display:flex;@container media-root (width>40rem){gap:.125rem}}.media-minimal-skin .media-button{outline-offset:-2px;color:oklch(0% 0 0);text-align:center;text-shadow:inherit;cursor:pointer;user-select:none;background:oklch(100% 0 0);border:none;border-radius:.5rem;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition-property:background-color,color,outline-offset,transform;transition-duration:.15s;transition-timing-function:ease-out;display:flex;&:focus-visible{outline-offset:2px;outline-color:currentColor}&[disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}&[data-availability=unavailable]{display:none}}.media-minimal-skin .media-button--icon{aspect-ratio:1;width:2.375rem;color:inherit;background:0 0;padding:0;display:grid;&:hover,&:focus-visible,&[aria-expanded=true]{color:oklch(from currentColor l c h / .8);text-decoration:none}&:active{transform:scale(.9)}& .media-icon{filter:drop-shadow(0 1px 0 var(--media-controls-current-shadow-color,oklch(0% 0 0/.25)))}}.media-minimal-skin .media-button--seek{& .media-icon__label{font-variant-numeric:tabular-nums;font-size:.75em;font-weight:480;position:absolute;bottom:-3px;right:-1px}&:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}@container media-controls (width<28rem){display:none}}.media-minimal-skin .media-button--playback-rate{padding:0;&:after{content:attr(data-rate) "×";font-variant-numeric:tabular-nums;width:4ch}}.media-minimal-skin .media-icon__container{position:relative}.media-minimal-skin .media-icon{transition-behavior:allow-discrete;flex-shrink:0;grid-area:1/1;width:18px;height:18px;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out;display:block}.media-minimal-skin .media-icon--flipped{scale:-1 1}.media-minimal-skin .media-slider{border-radius:3.40282e38px;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;&[data-orientation=horizontal]{width:100%;min-width:5rem;height:1.25rem}&[data-orientation=vertical]{width:1.25rem;height:4.5rem}}.media-minimal-skin .media-slider__track{isolation:isolate;border-radius:inherit;user-select:none;background-color:oklch(from currentColor l c h / .2);position:relative;overflow:hidden;&[data-orientation=horizontal]{width:100%;height:.1875rem}&[data-orientation=vertical]{width:.1875rem;height:100%}}.media-minimal-skin .media-slider__thumb{z-index:10;width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--media-controls-current-shadow-color-subtle,oklch(0% 0 0/.1)), 0 1px 3px 0 oklch(0% 0 0/.15), 0 1px 2px -1px oklch(0% 0 0/.15);opacity:0;transform-origin:50%;user-select:none;outline-offset:-2px;background-color:currentColor;border-radius:3.40282e38px;outline:2px solid #0000;transition-property:opacity,scale,outline-offset;transition-duration:.15s;transition-timing-function:ease-out;position:absolute;transform:translate(-50%,-50%)scale(.7);&[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}&[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}&:focus-visible{outline-offset:2px;outline-color:currentColor}}.media-minimal-skin .media-slider:hover .media-slider__thumb,.media-minimal-skin .media-slider:focus-within .media-slider__thumb,.media-minimal-skin .media-slider__thumb--persistent{opacity:1;scale:1}.media-minimal-skin .media-slider__buffer,.media-minimal-skin .media-slider__fill{border-radius:inherit;pointer-events:none;position:absolute}.media-minimal-skin .media-slider__buffer[data-orientation=horizontal],.media-minimal-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-minimal-skin .media-slider__buffer[data-orientation=vertical],.media-minimal-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-minimal-skin .media-slider__buffer{background-color:oklch(from currentColor l c h / .2);transition-duration:.25s;transition-timing-function:ease-out;&[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-minimal-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-minimal-skin .media-slider__time-display{font-variant-numeric:tabular-nums}.media-minimal-skin .media-popover,.media-minimal-skin .media-tooltip{color:inherit;border:0;margin:0;transition-property:transform,scale,opacity,filter;transition-duration:.2s;overflow:visible;&[data-starting-style],&[data-ending-style]{opacity:0;filter:blur(8px);transform:scale(0)}&[data-instant]{transition-duration:0s}&[data-side=top]{transform-origin:bottom}&[data-side=bottom]{transform-origin:top}&[data-side=left]{transform-origin:100%}&[data-side=right]{transform-origin:0}}.media-minimal-skin .media-tooltip{backdrop-filter:blur(16px)saturate(1.5);white-space:nowrap;--media-tooltip-side-offset:.5rem;background-color:oklch(100% 0 0/.1);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;box-shadow:0 4px 6px -1px oklch(0% 0 0/.1),0 2px 4px -2px oklch(0% 0 0/.1);@media (prefers-reduced-transparency:reduce){background-color:oklch(0% 0 0/.7)}@media (prefers-contrast:more){background-color:oklch(0% 0 0/.9)}}.media-minimal-skin{--media-caption-track-delay:.6s;--media-caption-track-y:-.5rem;&:has(.media-controls[data-visible]){--media-caption-track-delay:25ms;--media-caption-track-y:-3rem}}.media-minimal-skin video::-webkit-media-text-track-container{transition:transform .15s ease-out;transition-delay:var(--media-caption-track-delay);transform:translateY(var(--media-caption-track-y)) scale(.98);z-index:1;font-family:inherit}@media (prefers-reduced-motion:reduce){.media-minimal-skin video::-webkit-media-text-track-container{transition-duration:50ms}}.media-minimal-skin--video{--media-border-color:oklch(0% 0 0/.15);background:oklch(0% 0 0);@media (prefers-color-scheme:dark){--media-border-color:oklch(100% 0 0/.15)}&:after{content:"";z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color);pointer-events:none;position:absolute;inset:0}&:fullscreen{border-radius:0}}.media-minimal-skin--video .media-controls{bottom:0;z-index:10;color:oklch(100% 0 0);gap:.5rem;padding:2rem .375rem .375rem;position:absolute;inset-inline:0;@media (pointer:fine){will-change:transform, filter, opacity;transition:transform 75ms ease-out,filter 75ms ease-out,opacity 75ms ease-out}@container media-root (width>40rem){gap:.875rem;padding:2.5rem .75rem .75rem}&:not([data-visible]){opacity:0;pointer-events:none;@media (pointer:fine){filter:blur(8px);transition-duration:.5s;transition-delay:.5s;transform:translateY(100%);@media (prefers-reduced-motion:reduce){filter:blur();transition-duration:.1s;transform:translateY(0)}}}}.media-minimal-skin--video .media-slider__track{box-shadow:0 0 0 1px oklch(0% 0 0/.05)}.media-minimal-skin--video .media-popover--volume{--media-popover-side-offset:.5rem;background:0 0;padding:.25rem}media-tooltip-group{display:contents}`;V(At);function Wt(e){return{transitionStarting:e===`starting`,transitionEnding:e===`ending`}}var Gt=class e{static defaultProps={delay:500};state=x({visible:!1});#e={...e.defaultProps};#t=null;setProps(t){this.#e=u(t,e.defaultProps)}update(e){let t=e.waiting&&!e.paused;t&&!this.state.current.visible&&!this.#t?this.#t=setTimeout(()=>{this.#t=null,this.state.patch({visible:!0})},this.#e.delay):t||(this.#t!==null&&(clearTimeout(this.#t),this.#t=null),this.state.patch({visible:!1}))}};const Kt={visible:`data-visible`};var qt=class{#e=null;setMedia(e){this.#e=e}getState(){let e=this.#e;return{visible:e.controlsVisible,userActive:e.userActive}}};const Jt={visible:`data-visible`,userActive:`data-user-active`};var Yt=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return e.fullscreen?`Exit fullscreen`:`Enter fullscreen`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{fullscreen:e.fullscreen,availability:e.fullscreenAvailability}}async toggle(e){if(!this.#e.disabled&&e.fullscreenAvailability===`available`)try{e.fullscreen?await e.exitFullscreen():await e.requestFullscreen()}catch{}}};const Xt={fullscreen:`data-fullscreen`,availability:`data-availability`};var Zt=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return e.muted?`Unmute`:`Mute`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{muted:e.muted||e.volume===0,volumeLevel:Qt(e)}}toggle(e){this.#e.disabled||e.toggleMuted()}};function Qt(e){return e.muted||e.volume===0?`off`:e.volume<.5?`low`:e.volume<.75?`medium`:`high`}const $t={muted:`data-muted`,volumeLevel:`data-volume-level`};var en=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return e.pip?`Exit picture-in-picture`:`Enter picture-in-picture`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{pip:e.pip,availability:e.pipAvailability}}async toggle(e){if(!this.#e.disabled&&e.pipAvailability===`available`)try{e.pip?await e.exitPictureInPicture():await e.requestPictureInPicture()}catch{}}};const tn={pip:`data-pip`,availability:`data-availability`};var nn=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return e.ended?`Replay`:e.paused?`Play`:`Pause`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{paused:e.paused,ended:e.ended,started:e.started}}async toggle(e){if(!this.#e.disabled){if(e.paused||e.ended)return e.play();e.pause()}}};const rn={paused:`data-paused`,ended:`data-ended`,started:`data-started`};var an=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return`Playback rate ${e.rate}`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{rate:this.#t.playbackRate}}cycle(e){if(this.#e.disabled)return;let{playbackRates:t,playbackRate:n}=e;if(t.length===0)return;let r=t.indexOf(n),i=r===-1?t.find(e=>e>n)??t[0]:t[(r+1)%t.length];e.setPlaybackRate(i)}};const on={rate:`data-rate`};var U=class e{static defaultProps={side:`top`,align:`center`,modal:!1,closeOnEscape:!0,closeOnOutsideClick:!0,open:!1,defaultOpen:!1,openOnHover:!1,delay:300,closeDelay:0};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,modal:this.#e.modal,...Wt(e.status)}}getTriggerAttrs(e,t){return{"aria-expanded":e.open?`true`:`false`,"aria-haspopup":`dialog`,"aria-controls":t}}getPopupAttrs(e){return{popover:`manual`,role:`dialog`,"aria-modal":e.modal===!0?`true`:void 0}}};const sn={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var cn=class e{static defaultProps={seconds:30,label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;let n=Math.abs(this.#e.seconds);return e.direction===`backward`?`Seek backward ${n} seconds`:`Seek forward ${n} seconds`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{seeking:this.#t.seeking,direction:this.#e.seconds<0?`backward`:`forward`}}async seek(e){this.#e.disabled||await e.seek(e.currentTime+this.#e.seconds)}};const ln={seeking:`data-seeking`,direction:`data-direction`};var W=class e{static defaultProps={label:``,step:1,largeStep:10,orientation:`horizontal`,disabled:!1,thumbAlignment:`center`,value:0,min:0,max:100};static defaultInput={pointerPercent:0,dragPercent:0,dragging:!1,pointing:!1,focused:!1};#e={...e.defaultProps};#t={...e.defaultInput};get props(){return this.#e}get input(){return this.#t}constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}setInput(e){this.#t=e}getSliderState(e){let{orientation:t,disabled:n,thumbAlignment:r}=this.#e,{pointerPercent:i,dragging:a,pointing:o,focused:s}=this.#t;return{value:e,fillPercent:this.percentFromValue(e),pointerPercent:i,dragging:a,pointing:o,interactive:a||o||s,orientation:t,disabled:n,thumbAlignment:r}}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return``}getAttrs(e){return{role:`slider`,tabIndex:e.disabled?-1:0,autoComplete:`off`,"aria-label":this.getLabel(e),"aria-valuemin":this.#e.min,"aria-valuemax":this.#e.max,"aria-valuenow":e.value,"aria-orientation":e.orientation,"aria-disabled":e.disabled?`true`:void 0}}valueFromPercent(e){let{min:t,max:n,step:r}=this.#e;return at(k(t+e/100*(n-t),t,n),r,t)}percentFromValue(e){let{min:t,max:n}=this.#e;return n===t?0:(e-t)/(n-t)*100}getStepPercent(){let{step:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}getLargeStepPercent(){let{largeStep:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}adjustPercentForAlignment(e,t,n){if(this.#e.thumbAlignment===`center`||n===0)return e;let r=t/n*100/2,i=r,a=100-r;return i+e/100*(a-i)}};const G={dragging:`data-dragging`,pointing:`data-pointing`,interactive:`data-interactive`,orientation:`data-orientation`,disabled:`data-disabled`},un={loading:`data-loading`,error:`data-error`,hidden:`data-hidden`};function dn(e,t){let n=e.trim().split(`#`),r=n[0]??``,i=n[1],o=t?new URL(r,t).href:r;if(!i)return{url:o};let s=i.indexOf(`=`);if(s===-1)return{url:o};let c=i.slice(0,s),l=i.slice(s+1).split(`,`).map(Number),u={};for(let e=0;e<c.length;e++){let t=c[e],n=l[e];t&&a(n)&&!Number.isNaN(n)&&(u[t]=n)}let d={url:o};return a(u.w)&&(d.width=u.w),a(u.h)&&(d.height=u.h),a(u.x)&&a(u.y)&&(d.coords={x:u.x,y:u.y}),d}function fn(e,t){let n=[];for(let r of e){let e=dn(r.text,t),i={url:e.url,startTime:r.startTime,endTime:r.endTime};e.width&&(i.width=e.width),e.height&&(i.height=e.height),e.coords&&(i.coords=e.coords),n.push(i)}return n}const pn=[{singular:`hour`,plural:`hours`},{singular:`minute`,plural:`minutes`},{singular:`second`,plural:`seconds`}];function mn(e){return a(e)&&Number.isFinite(e)}function hn(e,t){return`${e} ${e===1?pn[t]?.singular:pn[t]?.plural}`}function gn(e,t){if(!mn(e))return`0:00`;let n=e<0,r=Math.abs(e),i=Math.floor(r/3600),a=Math.floor(r/60%60),o=Math.floor(r%60),s=t?Math.abs(t):0,c=Math.floor(s/3600),l=Math.floor(s/60%60),u=i>0||c>0,d=u||l>=10,f=u?`${i}:`:``,p=`${d&&a<10?`0`:``}${a}:`,m=o<10?`0${o}`:`${o}`;return`${n?`-`:``}${f}${p}${m}`}function _n(e){if(!mn(e))return``;let t=e<0,n=Math.abs(e),r=Math.floor(n/3600),i=Math.floor(n/60%60),a=Math.floor(n%60);return n===0?`${hn(0,2)}${t?` remaining`:``}`:`${[r,i,a].map((e,t)=>e>0?hn(e,t):null).filter(Boolean).join(`, `)}${t?` remaining`:``}`}function vn(e){if(!mn(e))return`PT0S`;let t=Math.abs(e),n=Math.floor(t/3600),r=Math.floor(t/60%60),i=Math.floor(t%60),a=`PT`;return n>0&&(a+=`${n}H`),r>0&&(a+=`${r}M`),(i>0||a===`PT`)&&(a+=`${i}S`),a}const yn={current:`Current time`,duration:`Duration`,remaining:`Remaining`};var K=class e{static defaultProps={type:`current`,negativeSign:`-`,label:``};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}setMedia(e){this.#t=e}#n(){let e=this.#t,{type:t}=this.#e;switch(t){case`current`:return e.currentTime;case`duration`:return e.duration;case`remaining`:return e.currentTime-e.duration;default:return 0}}#r(){let e=this.#t,t=this.#n();return gn(Math.abs(t),e.duration)}#i(){let{type:e}=this.#e,t=this.#n();return _n(e===`remaining`?t<0?t:-Math.abs(t):t)}#a(){let e=this.#n();return vn(Math.abs(e))}getLabel(e){let{label:t}=this.#e;if(o(t)){let n=t(e);if(n)return n}else if(t)return t;return yn[this.#e.type]}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-valuetext":e.phrase}}getState(){let e=this.#n();return{type:this.#e.type,seconds:e,negative:this.#e.type===`remaining`&&e<0,text:this.#r(),phrase:this.#i(),datetime:this.#a()}}};const bn={type:`data-type`};var q=class e extends W{static defaultProps={...W.defaultProps,label:`Seek`,commitThrottle:100};#e={...e.defaultProps};#t=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps),super.setProps({...t,min:0})}setMedia(e){this.#t=e}getState(){let{duration:e,currentTime:t,seeking:n,buffered:r}=this.#t,{dragging:i,dragPercent:a}=this.input;super.setProps({...this.#e,min:0,max:e});let o=i?k(a/100*e,0,e):t,s=super.getSliderState(o),c=r.length>0?r[r.length-1][1]:0,l=e>0?c/e*100:0;return{...s,currentTime:t,duration:e,seeking:n,bufferPercent:l}}getLabel(e){return super.getLabel(e)||`Seek`}getAttrs(e){let t=super.getAttrs(e),n=_n(e.value),r=_n(e.duration),i=r?`${n} of ${r}`:n;return{...t,"aria-valuetext":i}}};const xn={...G,seeking:`data-seeking`};var J=class e{static defaultProps={side:`top`,align:`center`,open:!1,defaultOpen:!1,delay:600,closeDelay:0,disableHoverablePopup:!0,disabled:!1};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,...Wt(e.status)}}getTriggerAttrs(e,t){return{"aria-describedby":e.open?t:void 0}}getPopupAttrs(e){return{popover:`manual`,role:`tooltip`}}};const Sn={sideOffset:`--media-tooltip-side-offset`,alignOffset:`--media-tooltip-align-offset`,anchorWidth:`--media-tooltip-anchor-width`,anchorHeight:`--media-tooltip-anchor-height`,availableWidth:`--media-tooltip-available-width`,availableHeight:`--media-tooltip-available-height`},Cn={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var Y=class e{static defaultProps={delay:600,closeDelay:0,timeout:400};#e={...e.defaultProps};#t=0;#n=!1;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=u(t,e.defaultProps)}get delay(){return this.#e.delay}get closeDelay(){return this.#e.closeDelay}shouldSkipDelay(){return this.#n?!0:Date.now()-this.#t<this.#e.timeout}notifyOpen(){this.#n=!0}notifyClose(){this.#n=!1,this.#t=Date.now()}},X=class e extends W{static defaultProps={...W.defaultProps,label:`Volume`};#e=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){super.setProps(u(t,e.defaultProps))}setMedia(e){this.#e=e}getState(){let{volume:e,muted:t}=this.#e,n=t||e===0,{dragging:r,dragPercent:i}=this.input,a=e*100,o=r?this.valueFromPercent(i):a,s=super.getSliderState(o);return{...s,fillPercent:n?0:s.fillPercent,volume:e,muted:n}}getLabel(e){return super.getLabel(e)||`Volume`}getAttrs(e){let t=super.getAttrs(e),n=`${Math.round(e.value)} percent${e.muted?`, muted`:``}`;return{...t,"aria-valuetext":n}}};({...G}),V(class extends z{constructor(...e){super(...e),this.delay=Gt.defaultProps.delay}static{this.tagName=`media-buffering-indicator`}static{this.properties={delay:{type:Number}}}#e=new Gt;#t=new B(this,L,Ge);#n=null;connectedCallback(){super.connectedCallback(),this.#n=new AbortController,this.#e.state.subscribe(()=>this.requestUpdate(),{signal:this.#n.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#n?.abort(),this.#n=null}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){super.update(e);let t=this.#t.value;t&&(this.#e.update(t),N(this,this.#e.state.current,Kt))}});const wn=P(Symbol(`@videojs/controls`));var Tn=class extends z{static{this.tagName=`media-controls`}#e=new qt;#t=new B(this,L,He);#n=new I(this,{context:wn});connectedCallback(){super.connectedCallback()}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setMedia(t);let n=this.#e.getState();N(this,n,Jt),this.#n.setValue({state:n,stateAttrMap:Jt})}},Z=class extends z{update(e){super.update(e);let t=this.consumer.value;t&&N(this,t.state,t.stateAttrMap)}},En=class extends Z{constructor(...e){super(...e),this.consumer=new F(this,{context:wn,subscribe:!0})}static{this.tagName=`media-controls-group`}connectedCallback(){super.connectedCallback(),(this.hasAttribute(`aria-label`)||this.hasAttribute(`aria-labelledby`))&&this.setAttribute(`role`,`group`)}};V(Tn),V(En);var Q=class extends z{constructor(...e){super(...e),this.disabled=!1,this.label=``}static{this.properties={label:{type:String},disabled:{type:Boolean}}}#e=null;connectedCallback(){super.connectedCallback(),this.#e=new AbortController;let e=Ze({onActivate:()=>this.activate(this.mediaState.value),isDisabled:()=>this.disabled||!this.mediaState.value});M(this,e,{signal:this.#e.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#e?.abort(),this.#e=null}willUpdate(e){super.willUpdate(e),this.core.setProps?.(this)}update(e){super.update(e);let t=this.mediaState.value;if(!t)return;this.core.setMedia(t);let n=this.core.getState();M(this,this.core.getAttrs?.(n)??{}),N(this,n,this.stateAttrMap)}};V(class extends Q{constructor(...e){super(...e),this.core=new Yt,this.stateAttrMap=Xt,this.mediaState=new B(this,L,Ue)}static{this.tagName=`media-fullscreen-button`}activate(e){this.core.toggle(e)}}),V(class extends Q{constructor(...e){super(...e),this.core=new Zt,this.stateAttrMap=$t,this.mediaState=new B(this,L,Ye)}static{this.tagName=`media-mute-button`}activate(e){this.core.toggle(e)}}),V(class extends Q{constructor(...e){super(...e),this.core=new en,this.stateAttrMap=tn,this.mediaState=new B(this,L,We)}static{this.tagName=`media-pip-button`}activate(e){this.core.toggle(e)}}),V(class extends Q{constructor(...e){super(...e),this.core=new nn,this.stateAttrMap=rn,this.mediaState=new B(this,L,Ge)}static{this.tagName=`media-play-button`}activate(e){this.core.toggle(e)}}),V(class extends Q{constructor(...e){super(...e),this.core=new an,this.stateAttrMap=on,this.mediaState=new B(this,L,Ke)}static{this.tagName=`media-playback-rate-button`}activate(e){this.core.cycle(e)}}),V(class extends z{constructor(...e){super(...e),this.open=U.defaultProps.open,this.defaultOpen=U.defaultProps.defaultOpen,this.side=U.defaultProps.side,this.align=U.defaultProps.align,this.modal=U.defaultProps.modal,this.closeOnEscape=U.defaultProps.closeOnEscape,this.closeOnOutsideClick=U.defaultProps.closeOnOutsideClick,this.openOnHover=U.defaultProps.openOnHover,this.delay=U.defaultProps.delay,this.closeDelay=U.defaultProps.closeDelay}static{this.tagName=`media-popover`}static{this.properties={open:{type:Boolean},defaultOpen:{type:Boolean,attribute:`default-open`},side:{type:String},align:{type:String},modal:{type:Boolean},closeOnEscape:{type:Boolean,attribute:`close-on-escape`},closeOnOutsideClick:{type:Boolean,attribute:`close-on-outside-click`},openOnHover:{type:Boolean,attribute:`open-on-hover`},delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`}}}#e=new U;#t=null;#n=null;#r=null;#i=null;#a=null;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#r=new AbortController,this.#t=Qe({transition:mt(),onOpenChange:(e,t)=>{this.open=e,this.dispatchEvent(new CustomEvent(`open-change`,{detail:{open:e,...t}}))},closeOnEscape:()=>this.closeOnEscape,closeOnOutsideClick:()=>this.closeOnOutsideClick,openOnHover:()=>this.openOnHover,delay:()=>this.delay,closeDelay:()=>this.closeDelay}),this.#t.setPopupElement(this),M(this,this.#t.popupProps,{signal:this.#r.signal}),this.#n?this.#n.track(this.#t.input):this.#n=new Mt(this,this.#t.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#t?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#r?.abort(),this.#r=null}destroyCallback(){this.#c(),this.#t?.destroy(),super.destroyCallback()}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#t&&e.has(`open`)){let{active:e}=this.#t.input.current;this.open!==e&&(this.open?this.#t.open():this.#t.close())}}update(e){if(super.update(e),!this.#t)return;let t=this.#o();this.#s(t);let n=this.#t.input.current;this.#e.setInput(n);let r=this.#e.getState();if(M(this,this.#e.getPopupAttrs(r)),N(this,r,sn),r.open?le(this):T(this),this.#a&&(M(this.#a,this.#e.getTriggerAttrs(r,this.id)),E(this.#a,et(this.id))),!r.open)return;let i={side:r.side,align:r.align};if(C())E(this,O(this.id,i));else{let e=this.#a?.getBoundingClientRect(),t=this.getBoundingClientRect(),n=document.documentElement.getBoundingClientRect(),r=it(this);E(this,O(this.id,i,e,t,n,r))}}#o(){return this.id?this.getRootNode().querySelector(`[commandfor="${this.id}"]`):null}#s(e){e!==this.#a&&(this.#c(),this.#a=e,this.#t?.setTriggerElement(e),e&&this.#t&&(this.#i=new AbortController,M(e,this.#t.triggerProps,{signal:this.#i.signal})))}#c(){this.#a&&(M(this.#a,{"aria-expanded":void 0,"aria-haspopup":void 0,"aria-controls":void 0}),this.#a.style.removeProperty(`anchor-name`)),this.#i?.abort(),this.#i=null,this.#a=null}}),V(class extends Q{constructor(...e){super(...e),this.seconds=cn.defaultProps.seconds,this.core=new cn,this.stateAttrMap=ln,this.mediaState=new B(this,L,Je)}static{this.tagName=`media-seek-button`}static{this.properties={...Q.properties,seconds:{type:Number}}}activate(e){this.core.seek(e)}});var Dn=class extends z{static{this.tagName=`media-time`}static{this.properties={type:{type:String},negativeSign:{type:String,attribute:`negative-sign`},label:{type:String}}}#e=new K;#t=new B(this,L,Je);#n=document.createElement(`span`);#r=document.createTextNode(``);constructor(){super(),this.type=K.defaultProps.type,this.negativeSign=K.defaultProps.negativeSign,this.label=K.defaultProps.label,this.#n.setAttribute(`aria-hidden`,`true`),this.#n.hidden=!0,this.appendChild(this.#n),this.appendChild(this.#r)}connectedCallback(){super.connectedCallback()}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setMedia(t);let n=this.#e.getState();this.#n.hidden=!n.negative,this.#n.textContent=n.negative?this.negativeSign:``,this.#r.textContent=n.text,M(this,this.#e.getAttrs(n)),N(this,n,bn)}},On=class extends z{static{this.tagName=`media-time-group`}},kn=class extends z{static{this.tagName=`media-time-separator`}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`),this.textContent?.trim()||(this.textContent=`/`)}};V(Dn),V(On),V(kn);const $=P(Symbol(`@videojs/slider`));var An=class extends Z{constructor(...e){super(...e),this.consumer=new F(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-buffer`}},jn=class extends Z{constructor(...e){super(...e),this.consumer=new F(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-fill`}},Mn=class extends z{constructor(...e){super(...e),this.overflow=`clamp`}static{this.tagName=`media-slider-preview`}static{this.properties={overflow:{type:String}}}#e=new F(this,{context:$,subscribe:!0});#t=null;#n=0;connectedCallback(){super.connectedCallback(),this.#t=new ResizeObserver(([e])=>{this.#n=e.contentRect.width,this.#r()}),this.#t.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.#t?.disconnect(),this.#t=null}#r(){E(this,lt(this.#n,this.overflow))}update(e){super.update(e);let t=this.#e.value;t&&N(this,t.state,t.stateAttrMap),this.#r()}},Nn=class extends z{static{this.tagName=`media-slider-thumb`}#e=new F(this,{context:$,subscribe:!0});#t=null;#n=!1;connectedCallback(){super.connectedCallback(),this.#t=new AbortController,this.#n=!1}disconnectedCallback(){super.disconnectedCallback(),this.#t?.abort(),this.#t=null,this.#n=!1}update(e){super.update(e);let t=this.#e.value;t&&(!this.#n&&this.#t&&(M(this,t.thumbProps,{signal:this.#t.signal}),this.#n=!0),M(this,t.thumbAttrs),N(this,t.state,t.stateAttrMap))}},Pn=class extends z{static{this.tagName=`media-thumbnail`}static{this.properties={time:{type:Number},crossOrigin:{type:String,attribute:`crossorigin`},loading:{type:String},fetchPriority:{type:String,attribute:`fetchpriority`}}}#e=new ut;#t=document.createElement(`img`);#n=new B(this,L,qe);#r=[];#i;#a;#o=null;constructor(){super(),this.time=0;let e=this.attachShadow({mode:`open`}),t=document.createElement(`style`);t.textContent=`:host {
   display: inline-block;
   overflow: hidden;
 }