@broadcastingplatforms/player 0.0.0-dev.3802fed

package/dist/bp-player.js

@@ -0,0 +1,2896 @@
+/*!
+ * BP Player (v0.0.0-dev.3802fed)
+ * Universal video player web component
+ */
+"use strict";var BPPlayer=(()=>{var Om=Object.create;var pr=Object.defineProperty;var ou=Object.getOwnPropertyDescriptor;var Um=Object.getOwnPropertyNames;var Nm=Object.getPrototypeOf,$m=Object.prototype.hasOwnProperty;var nu=i=>{throw TypeError(i)};var Hm=(i,e,t)=>e in i?pr(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var au=(i=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(i,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):i)(function(i){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+i+'" is not supported')});var Bm=(i,e)=>{for(var t in e)pr(i,t,{get:e[t],enumerable:!0})},su=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of Um(e))!$m.call(i,o)&&o!==t&&pr(i,o,{get:()=>e[o],enumerable:!(r=ou(e,o))||r.enumerable});return i};var Vm=(i,e,t)=>(t=i!=null?Om(Nm(i)):{},su(e||!i||!i.__esModule?pr(t,"default",{value:i,enumerable:!0}):t,i)),Wm=i=>su(pr({},"__esModule",{value:!0}),i),x=(i,e,t,r)=>{for(var o=r>1?void 0:r?ou(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&pr(e,t,o),o};var H=(i,e,t)=>Hm(i,typeof e!="symbol"?e+"":e,t),Al=(i,e,t)=>e.has(i)||nu("Cannot "+t);var u=(i,e,t)=>(Al(i,e,"read from private field"),t?t.call(i):e.get(i)),S=(i,e,t)=>e.has(i)?nu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_=(i,e,t,r)=>(Al(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),U=(i,e,t)=>(Al(i,e,"access private method"),t);var FE={};Bm(FE,{Attribute:()=>zo,BPDefaultUI:()=>z,BPErrorDisplay:()=>Ht,BPLiveError:()=>at,BPLiveService:()=>fr,BPOverlay:()=>It,BPPlayer:()=>fe,Hls:()=>Se.default,HlsVideo:()=>bi,HlsVideoElement:()=>Pc,LiveKitVideo:()=>Si,LiveKitVideoElement:()=>Nc,NANOPLAYER_NO_REPLAY_CODES:()=>ku,NanoVideo:()=>Ai,NanoVideoElement:()=>Oc,PlayerCoreImpl:()=>Ko,StateReceiverMixin:()=>Iu,StateReceiverProps:()=>Ri,addGlobalStyles:()=>gr,classifyNanoPlayerError:()=>Lu,createInitialState:()=>Wo,createPlayerCore:()=>ca,createTemplate:()=>xu,forEachStateReceiverElement:()=>xi,isBPLiveClipSource:()=>Mi,isBPLiveSource:()=>wu,isBPLiveStreamSource:()=>Fo,isStateReceiverElement:()=>ua,propagateStateToReceiver:()=>qo,removeStateFromReceiver:()=>Go,templateWithStyles:()=>Pu,toggleAttribute:()=>Te});var na=globalThis,aa=na.ShadowRoot&&(na.ShadyCSS===void 0||na.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Sl=Symbol(),lu=new WeakMap,xo=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==Sl)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(aa&&e===void 0){let r=t!==void 0&&t.length===1;r&&(e=lu.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&lu.set(t,e))}return e}toString(){return this.cssText}},du=i=>new xo(typeof i=="string"?i:i+"",void 0,Sl),Po=(i,...e)=>{let t=i.length===1?i[0]:e.reduce((r,o,n)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[n+1],i[0]);return new xo(t,i,Sl)},cu=(i,e)=>{if(aa)i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let r=document.createElement("style"),o=na.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)}},kl=aa?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(let r of e.cssRules)t+=r.cssText;return du(t)})(i):i;var{is:Fm,defineProperty:Km,getOwnPropertyDescriptor:qm,getOwnPropertyNames:Gm,getOwnPropertySymbols:zm,getPrototypeOf:Ym}=Object,Kt=globalThis,uu=Kt.trustedTypes,Qm=uu?uu.emptyScript:"",Ll=Kt.reactiveElementPolyfillSupport,Do=(i,e)=>i,Oo={toAttribute(i,e){switch(e){case Boolean:i=i?Qm:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},sa=(i,e)=>!Fm(i,e),hu={attribute:!0,type:String,converter:Oo,reflect:!1,useDefault:!1,hasChanged:sa};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Kt.litPropertyMetadata??(Kt.litPropertyMetadata=new WeakMap);var xt=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=hu){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let r=Symbol(),o=this.getPropertyDescriptor(e,r,t);o!==void 0&&Km(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){let{get:o,set:n}=qm(this.prototype,e)??{get(){return this[t]},set(a){this[t]=a}};return{get:o,set(a){let l=o==null?void 0:o.call(this);n==null||n.call(this,a),this.requestUpdate(e,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??hu}static _$Ei(){if(this.hasOwnProperty(Do("elementProperties")))return;let e=Ym(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Do("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Do("properties"))){let t=this.properties,r=[...Gm(t),...zm(t)];for(let o of r)this.createProperty(o,t[o])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[r,o]of t)this.elementProperties.set(r,o)}this._$Eh=new Map;for(let[t,r]of this.elementProperties){let o=this._$Eu(t,r);o!==void 0&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let r=new Set(e.flat(1/0).reverse());for(let o of r)t.unshift(kl(o))}else e!==void 0&&t.push(kl(e));return t}static _$Eu(e,t){let r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let r of t.keys())this.hasOwnProperty(r)&&(e.set(r,this[r]),delete this[r]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return cu(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(t=>{var r;return(r=t.hostConnected)==null?void 0:r.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var r;return(r=t.hostDisconnected)==null?void 0:r.call(t)})}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$ET(e,t){var n;let r=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,r);if(o!==void 0&&r.reflect===!0){let a=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:Oo).toAttribute(t,r.type);this._$Em=e,a==null?this.removeAttribute(o):this.setAttribute(o,a),this._$Em=null}}_$AK(e,t){var n,a;let r=this.constructor,o=r._$Eh.get(e);if(o!==void 0&&this._$Em!==o){let l=r.getPropertyOptions(o),c=typeof l.converter=="function"?{fromAttribute:l.converter}:((n=l.converter)==null?void 0:n.fromAttribute)!==void 0?l.converter:Oo;this._$Em=o;let p=c.fromAttribute(t,l.type);this[o]=p??((a=this._$Ej)==null?void 0:a.get(o))??p,this._$Em=null}}requestUpdate(e,t,r){var o;if(e!==void 0){let n=this.constructor,a=this[e];if(r??(r=n.getPropertyOptions(e)),!((r.hasChanged??sa)(a,t)||r.useDefault&&r.reflect&&a===((o=this._$Ej)==null?void 0:o.get(e))&&!this.hasAttribute(n._$Eu(e,r))))return;this.C(e,t,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:r,reflect:o,wrapped:n},a){r&&!(this._$Ej??(this._$Ej=new Map)).has(e)&&(this._$Ej.set(e,a??t??this[e]),n!==!0||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||r||(t=void 0),this._$AL.set(e,t)),o===!0&&this._$Em!==e&&(this._$Eq??(this._$Eq=new Set)).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[n,a]of this._$Ep)this[n]=a;this._$Ep=void 0}let o=this.constructor.elementProperties;if(o.size>0)for(let[n,a]of o){let{wrapped:l}=a,c=this[n];l!==!0||this._$AL.has(n)||c===void 0||this.C(n,void 0,a,c)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(r=this._$EO)==null||r.forEach(o=>{var n;return(n=o.hostUpdate)==null?void 0:n.call(o)}),this.update(t)):this._$EM()}catch(o){throw e=!1,this._$EM(),o}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(r=>{var o;return(o=r.hostUpdated)==null?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(t=>this._$ET(t,this[t]))),this._$EM()}updated(e){}firstUpdated(e){}};xt.elementStyles=[],xt.shadowRootOptions={mode:"open"},xt[Do("elementProperties")]=new Map,xt[Do("finalized")]=new Map,Ll==null||Ll({ReactiveElement:xt}),(Kt.reactiveElementVersions??(Kt.reactiveElementVersions=[])).push("2.1.1");var No=globalThis,la=No.trustedTypes,pu=la?la.createPolicy("lit-html",{createHTML:i=>i}):void 0,bu="$lit$",qt=`lit$${Math.random().toFixed(9).slice(2)}$`,_u="?"+qt,Zm=`<${_u}>`,wi=document,$o=()=>wi.createComment(""),Ho=i=>i===null||typeof i!="object"&&typeof i!="function",Dl=Array.isArray,Xm=i=>Dl(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",wl=`[ 	
+\f\r]`,Uo=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,mu=/-->/g,vu=/>/g,ki=RegExp(`>|${wl}(?:([^\\s"'>=/]+)(${wl}*=${wl}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),fu=/'/g,gu=/"/g,yu=/^(?:script|style|textarea|title)$/i,Ol=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),He=Ol(1),ZE=Ol(2),XE=Ol(3),Ii=Symbol.for("lit-noChange"),ae=Symbol.for("lit-nothing"),Eu=new WeakMap,Li=wi.createTreeWalker(wi,129);function Tu(i,e){if(!Dl(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return pu!==void 0?pu.createHTML(e):e}var Jm=(i,e)=>{let t=i.length-1,r=[],o,n=e===2?"<svg>":e===3?"<math>":"",a=Uo;for(let l=0;l<t;l++){let c=i[l],p,h,v=-1,g=0;for(;g<c.length&&(a.lastIndex=g,h=a.exec(c),h!==null);)g=a.lastIndex,a===Uo?h[1]==="!--"?a=mu:h[1]!==void 0?a=vu:h[2]!==void 0?(yu.test(h[2])&&(o=RegExp("</"+h[2],"g")),a=ki):h[3]!==void 0&&(a=ki):a===ki?h[0]===">"?(a=o??Uo,v=-1):h[1]===void 0?v=-2:(v=a.lastIndex-h[2].length,p=h[1],a=h[3]===void 0?ki:h[3]==='"'?gu:fu):a===gu||a===fu?a=ki:a===mu||a===vu?a=Uo:(a=ki,o=void 0);let m=a===ki&&i[l+1].startsWith("/>")?" ":"";n+=a===Uo?c+Zm:v>=0?(r.push(p),c.slice(0,v)+bu+c.slice(v)+qt+m):c+qt+(v===-2?l:m)}return[Tu(i,n+(i[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),r]},Bo=class i{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let n=0,a=0,l=e.length-1,c=this.parts,[p,h]=Jm(e,t);if(this.el=i.createElement(p,r),Li.currentNode=this.el.content,t===2||t===3){let v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(o=Li.nextNode())!==null&&c.length<l;){if(o.nodeType===1){if(o.hasAttributes())for(let v of o.getAttributeNames())if(v.endsWith(bu)){let g=h[a++],m=o.getAttribute(v).split(qt),A=/([.?@])?(.*)/.exec(g);c.push({type:1,index:n,name:A[2],strings:m,ctor:A[1]==="."?Ml:A[1]==="?"?Rl:A[1]==="@"?xl:vr}),o.removeAttribute(v)}else v.startsWith(qt)&&(c.push({type:6,index:n}),o.removeAttribute(v));if(yu.test(o.tagName)){let v=o.textContent.split(qt),g=v.length-1;if(g>0){o.textContent=la?la.emptyScript:"";for(let m=0;m<g;m++)o.append(v[m],$o()),Li.nextNode(),c.push({type:2,index:++n});o.append(v[g],$o())}}}else if(o.nodeType===8)if(o.data===_u)c.push({type:2,index:n});else{let v=-1;for(;(v=o.data.indexOf(qt,v+1))!==-1;)c.push({type:7,index:n}),v+=qt.length-1}n++}}static createElement(e,t){let r=wi.createElement("template");return r.innerHTML=e,r}};function mr(i,e,t=i,r){var a,l;if(e===Ii)return e;let o=r!==void 0?(a=t._$Co)==null?void 0:a[r]:t._$Cl,n=Ho(e)?void 0:e._$litDirective$;return(o==null?void 0:o.constructor)!==n&&((l=o==null?void 0:o._$AO)==null||l.call(o,!1),n===void 0?o=void 0:(o=new n(i),o._$AT(i,t,r)),r!==void 0?(t._$Co??(t._$Co=[]))[r]=o:t._$Cl=o),o!==void 0&&(e=mr(i,o._$AS(i,e.values),o,r)),e}var Cl=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:r}=this._$AD,o=((e==null?void 0:e.creationScope)??wi).importNode(t,!0);Li.currentNode=o;let n=Li.nextNode(),a=0,l=0,c=r[0];for(;c!==void 0;){if(a===c.index){let p;c.type===2?p=new Vo(n,n.nextSibling,this,e):c.type===1?p=new c.ctor(n,c.name,c.strings,this,e):c.type===6&&(p=new Pl(n,this,e)),this._$AV.push(p),c=r[++l]}a!==(c==null?void 0:c.index)&&(n=Li.nextNode(),a++)}return Li.currentNode=wi,o}p(e){let t=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},Vo=class i{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,t,r,o){this.type=2,this._$AH=ae,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=mr(this,e,t),Ho(e)?e===ae||e==null||e===""?(this._$AH!==ae&&this._$AR(),this._$AH=ae):e!==this._$AH&&e!==Ii&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Xm(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ae&&Ho(this._$AH)?this._$AA.nextSibling.data=e:this.T(wi.createTextNode(e)),this._$AH=e}$(e){var n;let{values:t,_$litType$:r}=e,o=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=Bo.createElement(Tu(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===o)this._$AH.p(t);else{let a=new Cl(o,this),l=a.u(this.options);a.p(t),this.T(l),this._$AH=a}}_$AC(e){let t=Eu.get(e.strings);return t===void 0&&Eu.set(e.strings,t=new Bo(e)),t}k(e){Dl(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,r,o=0;for(let n of e)o===t.length?t.push(r=new i(this.O($o()),this.O($o()),this,this.options)):r=t[o],r._$AI(n),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,t);e!==this._$AB;){let o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}},vr=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,r,o,n){this.type=1,this._$AH=ae,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=ae}_$AI(e,t=this,r,o){let n=this.strings,a=!1;if(n===void 0)e=mr(this,e,t,0),a=!Ho(e)||e!==this._$AH&&e!==Ii,a&&(this._$AH=e);else{let l=e,c,p;for(e=n[0],c=0;c<n.length-1;c++)p=mr(this,l[r+c],t,c),p===Ii&&(p=this._$AH[c]),a||(a=!Ho(p)||p!==this._$AH[c]),p===ae?e=ae:e!==ae&&(e+=(p??"")+n[c+1]),this._$AH[c]=p}a&&!o&&this.j(e)}j(e){e===ae?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Ml=class extends vr{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ae?void 0:e}},Rl=class extends vr{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ae)}},xl=class extends vr{constructor(e,t,r,o,n){super(e,t,r,o,n),this.type=5}_$AI(e,t=this){if((e=mr(this,e,t,0)??ae)===Ii)return;let r=this._$AH,o=e===ae&&r!==ae||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,n=e!==ae&&(r===ae||o);o&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;typeof this._$AH=="function"?this._$AH.call(((t=this.options)==null?void 0:t.host)??this.element,e):this._$AH.handleEvent(e)}},Pl=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){mr(this,e)}};var Il=No.litHtmlPolyfillSupport;Il==null||Il(Bo,Vo),(No.litHtmlVersions??(No.litHtmlVersions=[])).push("3.3.1");var Au=(i,e,t)=>{let r=(t==null?void 0:t.renderBefore)??e,o=r._$litPart$;if(o===void 0){let n=(t==null?void 0:t.renderBefore)??null;r._$litPart$=o=new Vo(e.insertBefore($o(),n),n,void 0,t??{})}return o._$AI(i),o};var Ci=globalThis,Ie=class extends xt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;let e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Au(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return Ii}},Su;Ie._$litElement$=!0,Ie.finalized=!0,(Su=Ci.litElementHydrateSupport)==null||Su.call(Ci,{LitElement:Ie});var Ul=Ci.litElementPolyfillSupport;Ul==null||Ul({LitElement:Ie});(Ci.litElementVersions??(Ci.litElementVersions=[])).push("4.2.1");var Gt=i=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(i,e)}):customElements.define(i,e)};var jm={attribute:!0,type:String,converter:Oo,reflect:!1,hasChanged:sa},ev=(i=jm,e,t)=>{let{kind:r,metadata:o}=t,n=globalThis.litPropertyMetadata.get(o);if(n===void 0&&globalThis.litPropertyMetadata.set(o,n=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),n.set(t.name,i),r==="accessor"){let{name:a}=t;return{set(l){let c=e.get.call(this);e.set.call(this,l),this.requestUpdate(a,c,i)},init(l){return l!==void 0&&this.C(a,void 0,i,l),l}}}if(r==="setter"){let{name:a}=t;return function(l){let c=this[a];e.call(this,l),this.requestUpdate(a,c,i)}}throw Error("Unsupported decorator location: "+r)};function V(i){return(e,t)=>typeof t=="object"?ev(i,e,t):((r,o,n)=>{let a=o.hasOwnProperty(n);return o.constructor.createProperty(n,r),a?Object.getOwnPropertyDescriptor(o,n):void 0})(i,e,t)}function Ce(i){return V({...i,state:!0,attribute:!1})}var ku=[1005,1007,1008,1009,3001,3002,3003,3004,3005,3100,3101,3200,4003];function Lu(i){return i===1005||i===1007||i===1009?"autoplay":i>=2001&&i<=2004?"offline":i>=3e3&&i<=3999?"media":i>=4900&&i<=4999?"security":i>=4e3&&i<=4899?"network":i>=5e3&&i<=5999?"setup":i>=1e3&&i<=1999?"media":"unknown"}function Wo(){return{paused:!0,playing:!1,ended:!1,seeking:!1,waiting:!1,currentTime:0,duration:NaN,buffered:null,volume:1,muted:!1,loop:!1,playbackRate:1,readyState:0,videoWidth:0,videoHeight:0,qualities:[],currentQuality:null,targetQuality:null,fullscreen:!1,presentationMode:"inline",providerType:null,connectionState:"idle",streamType:"vod",contentType:"video",error:null}}function Fo(i){return typeof i=="object"&&i!==null&&"type"in i&&i.type==="bplive"&&"streamId"in i}function Mi(i){return typeof i=="object"&&i!==null&&"type"in i&&i.type==="bplive"&&"clipId"in i}function wu(i){return Fo(i)||Mi(i)}var at=class extends Error{constructor(t,r,o){super(t);this.code=r;this.status=o;this.name="BPLiveError"}},fr=class{constructor(e){this._authToken=null;this._stream=null;this._clip=null;this._config=e,this._authToken=e.authToken??null}get config(){return this._config}get authToken(){return this._authToken}get stream(){return this._stream}get clip(){return this._clip}async fetch(e){if(!this._authToken)throw new at("No auth token provided. Ensure config.bpLive.authToken is set before loading a BPLive source.","AUTH_REQUIRED");let t=`${this._config.discoveryUrl}${e}`,r=await fetch(t,{method:"GET",headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:`Bearer ${this._authToken}`}});if(!r.ok)throw new at(`HTTP ${r.status}: ${r.statusText}`,"HTTP_ERROR",r.status);return r.json()}async getStream(e){return this.fetch(`/streams/${e}`)}async getClip(e){return this.fetch(`/clips/${e}`)}mapPlayerSourceToResolvedSource(e){if(e.provider==="livekit")return{type:"livekit",url:e.url,token:e.token,room:e.room};if(e.provider==="nanoplayer"){let{provider:t,...r}=e;return{type:"nano",source:r}}throw new at(`Unknown player source provider: ${e.provider}`,"UNKNOWN_PROVIDER")}selectClipMedia(e,t="landscape"){let r=e.filter(l=>l.type==="clip");if(r.length===0)return null;let o=r.find(l=>l.orientation===t);if(o)return o;let n=t==="landscape"?"portrait":"landscape",a=r.find(l=>l.orientation===n);return a||r[0]}mapClipMediaToPlayerSource(e){return{type:"video",url:e.url}}async resolveSource(e){if(this._stream=null,this._clip=null,Fo(e))return this.resolveStreamSource(e);if(Mi(e))return this.resolveClipSource(e);throw new at("Invalid BPLive source","INVALID_SOURCE")}extractStreamPoster(e){var t;return e.cover_photo??((t=e.channel)==null?void 0:t.cover_image)??void 0}async resolveStreamSource(e){var a,l,c;let r=(await this.getStream(e.streamId)).data;this._stream=r;let o=r.player_source??((a=r.active_stream)==null?void 0:a.player_source),n=this.extractStreamPoster(r);if(o)return{source:this.mapPlayerSourceToResolvedSource(o),contentType:"stream",poster:n};if(((c=(l=r.media)==null?void 0:l.vod)==null?void 0:c.length)>0){let p=r.media.vod[0];return{source:{type:"video",url:p.original},contentType:"video",poster:n??p.thumb??void 0}}throw new at("Stream is not live and has no VOD content","STREAM_OFFLINE")}async resolveClipSource(e){let r=(await this.getClip(e.clipId)).data;this._clip=r;let o=this.selectClipMedia(r.media,e.preferredOrientation);if(!o)throw new at("No playable media found in clip","NO_MEDIA");let n=o.orientation==="portrait"||e.preferredOrientation==="portrait";return{source:this.mapClipMediaToPlayerSource(o),contentType:"clip",poster:o.thumbnail??void 0,aspectRatio:n?"9 / 16":"16 / 9"}}destroy(){this._authToken=null,this._stream=null,this._clip=null}};function tv(i){if(typeof i=="string")return"video";switch(i.type){case"video":return"video";case"nano":return"nano";case"livekit":return"livekit";default:return"video"}}function iv(i){return typeof i=="object"&&i!==null&&i.type==="bplive"}var rv=["loadstart","loadedmetadata","loadeddata","canplay","canplaythrough","play","playing","pause","waiting","seeking","seeked","timeupdate","durationchange","ratechange","volumechange","ended","progress","error","resize"],Ko=class{constructor(){this._mediaElement=null;this._container=null;this._listeners=new Map;this._eventCleanup=[];this._destroyed=!1;this._bpLive=null;this._state=Wo()}get state(){return this._state}get videoElement(){return this._mediaElement}get bpLive(){return this._bpLive}addEventListener(e,t){let r=Array.isArray(e)?e:[e];for(let o of r)this._listeners.has(o)||this._listeners.set(o,new Set),this._listeners.get(o).add(t)}removeEventListener(e,t){let r=Array.isArray(e)?e:[e];for(let o of r){let n=this._listeners.get(o);n&&(n.delete(t),n.size===0&&this._listeners.delete(o))}}dispatch(e,t){let r=this._listeners.get(e);if(r)for(let o of r)try{o(t)}catch(n){console.error(`[PlayerCore] Error in event listener for "${e}":`,n)}}updateState(e){this._state={...this._state,...e},this.dispatch("statechange",{state:this._state})}async loadSource(e,t,r){if(!this._destroyed){this.unloadSource(),this._container=t,this.updateState({connectionState:"connecting"}),this.dispatch("sourcechange",{source:e});try{let o=e,n=this._state.contentType,a,l;if(iv(e)){if(r!=null&&r.bpLive&&(this._bpLive&&this._bpLive.destroy(),this._bpLive=new fr(r.bpLive)),!this._bpLive)throw new Error("BPLive source requires config.bpLive configuration.");let g=await this._bpLive.resolveSource(e);o=g.source,n=g.contentType,a=g.poster,l=g.aspectRatio}let c=tv(o),v=c==="nano"||c==="livekit"||n==="stream"?"live":"vod";return this.updateState({providerType:c,contentType:n,streamType:v}),this._mediaElement=this.createMediaElement(c,o,r),this._mediaElement.style.width="100%",this._mediaElement.style.height="100%",this._mediaElement.style.objectFit="contain",this._state.muted&&(this._mediaElement.muted=!0),this._state.loop&&(this._mediaElement.loop=!0),this.attachMediaElementListeners(this._mediaElement),t.appendChild(this._mediaElement),this.dispatch("videoelementchange",{video:this._mediaElement}),{poster:a,aspectRatio:l}}catch(o){console.error("[PlayerCore] loadSource error:",o);let n={code:-1,message:o instanceof Error?o.message:"Failed to load source",fatal:!0,category:"setup"};this.updateState({error:n,connectionState:"failed"}),this.dispatch("error",n)}}}createMediaElement(e,t,r){switch(e){case"nano":{let o=document.createElement("nano-video"),n=t;return o.libraryLocation=(r==null?void 0:r.libraryLocation)??"/vendor/bp-player",n.source?o.sourceConfig=n.source:n.streamid&&(o.streamid=n.streamid),r!=null&&r.nano&&(o.config=r.nano),o}case"livekit":{let o=document.createElement("livekit-video"),n=t;return o.url=n.url,o.token=n.token,r!=null&&r.livekit&&(o.config=r.livekit),o}case"video":default:{let o=document.createElement("hls-video"),n=typeof t=="string"?t:t.url;return o.src=n,r!=null&&r.video&&(o.config=r.video),o}}}attachMediaElementListeners(e){for(let t of rv){let r=()=>this.handleMediaEvent(t,e);e.addEventListener(t,r),this._eventCleanup.push(()=>e.removeEventListener(t,r))}}handleMediaEvent(e,t){var r,o;switch(e){case"loadstart":this.updateState({readyState:1}),this.dispatch("loadstart",void 0);break;case"loadedmetadata":{let a=t.duration===1/0?"live":this._state.streamType;this.updateState({duration:t.duration,videoWidth:t.videoWidth,videoHeight:t.videoHeight,streamType:a}),this.dispatch("loadedmetadata",{duration:t.duration,videoWidth:t.videoWidth,videoHeight:t.videoHeight});break}case"loadeddata":this.updateState({readyState:2}),this.dispatch("loadeddata",void 0);break;case"canplay":this.updateState({readyState:3,connectionState:"connected"}),this.dispatch("canplay",void 0),this.dispatch("connectionstatechange",{state:"connected"});break;case"canplaythrough":this.updateState({readyState:4}),this.dispatch("canplaythrough",void 0);break;case"play":this.updateState({paused:!1,ended:!1}),this.dispatch("play",void 0);break;case"playing":this.updateState({paused:!1,playing:!0,ended:!1,waiting:!1,readyState:4}),this.dispatch("playing",void 0);break;case"pause":this.updateState({paused:!0,playing:!1,waiting:!1}),this.dispatch("pause",void 0);break;case"waiting":this.updateState({playing:!1,waiting:!0,readyState:2}),this.dispatch("waiting",void 0);break;case"seeking":this.updateState({seeking:!0,currentTime:t.currentTime}),this.dispatch("seeking",{currentTime:t.currentTime});break;case"seeked":this.updateState({seeking:!1,currentTime:t.currentTime}),this.dispatch("seeked",{currentTime:t.currentTime});break;case"timeupdate":this.updateState({currentTime:t.currentTime,duration:t.duration}),this.dispatch("timeupdate",{currentTime:t.currentTime,duration:t.duration});break;case"durationchange":{let a=t.duration===1/0?"live":this._state.streamType;this.updateState({duration:t.duration,streamType:a}),this.dispatch("durationchange",{duration:t.duration}),this.dispatch("streamtypechange",{streamType:this._state.streamType});break}case"ratechange":this.updateState({playbackRate:t.playbackRate}),this.dispatch("ratechange",{playbackRate:t.playbackRate});break;case"volumechange":this.updateState({volume:t.volume,muted:t.muted}),this.dispatch("volumechange",{volume:t.volume,muted:t.muted});break;case"ended":this.updateState({ended:!0,paused:!0,playing:!1}),this.dispatch("ended",void 0);break;case"progress":this.updateState({buffered:t.buffered}),this.dispatch("progress",{buffered:t.buffered});break;case"error":let n={code:((r=t.error)==null?void 0:r.code)??-1,message:((o=t.error)==null?void 0:o.message)??"Unknown error",fatal:!0,category:"media"};this.updateState({error:n}),this.dispatch("error",n);break;case"resize":t.videoWidth&&t.videoHeight&&(this.updateState({videoWidth:t.videoWidth,videoHeight:t.videoHeight}),this.dispatch("resize",{videoWidth:t.videoWidth,videoHeight:t.videoHeight}));break}}unloadSource(){this._eventCleanup.forEach(e=>e()),this._eventCleanup=[],this._mediaElement&&(this._mediaElement.remove(),this._mediaElement=null),this.updateState({...Wo(),volume:this._state.volume,muted:this._state.muted,playbackRate:this._state.playbackRate}),this.dispatch("videoelementchange",{video:null}),this.dispatch("sourcechange",{source:null})}async play(){if(this._mediaElement){this.updateState({paused:!1}),this.dispatch("play",void 0);try{await this._mediaElement.play()}catch(e){throw this.updateState({paused:!0}),this.dispatch("pause",void 0),e}}}pause(){this._mediaElement&&(this.updateState({paused:!0,playing:!1}),this.dispatch("pause",void 0),this._mediaElement.pause())}seek(e){this._mediaElement&&(this._mediaElement.currentTime=e)}setVolume(e){let t=Math.max(0,Math.min(1,e));this.updateState({volume:t}),this._mediaElement&&(this._mediaElement.volume=t),this.dispatch("volumechange",{volume:t,muted:this._state.muted})}setMuted(e){this.updateState({muted:e}),this._mediaElement&&(this._mediaElement.muted=e),this.dispatch("volumechange",{volume:this._state.volume,muted:e})}setLoop(e){this.updateState({loop:e}),this._mediaElement&&(this._mediaElement.loop=e)}setPlaybackRate(e){this.updateState({playbackRate:e}),this._mediaElement&&(this._mediaElement.playbackRate=e),this.dispatch("ratechange",{playbackRate:e})}setTargetQuality(e){this.updateState({targetQuality:e}),this.dispatch("targetqualitychanged",{quality:e});let t=this._mediaElement;t!=null&&t.videoRenditions&&(t.videoRenditions.selectedIndex=(e==null?void 0:e.index)??-1)}setQuality(e){this.setTargetQuality(e)}setFullscreen(e){this.updateState({fullscreen:e,presentationMode:e?"fullscreen":"inline"}),this.dispatch("fullscreenchange",{fullscreen:e}),this.dispatch("presentationmodechange",{mode:e?"fullscreen":"inline"})}setPresentationMode(e){this.updateState({presentationMode:e,fullscreen:e==="fullscreen"}),this.dispatch("presentationmodechange",{mode:e})}destroy(){this._destroyed||(this._destroyed=!0,this.unloadSource(),this._bpLive&&(this._bpLive.destroy(),this._bpLive=null),this.dispatch("destroy",void 0),this._listeners.clear())}};function ca(){return new Ko}var Ri="bpPlayerObservedProperties";function ua(i){return Ri in i&&Array.isArray(i[Ri])}function Iu(i,e){class t extends i{get[Ri](){return e}}return t}function ov(i){if(i.shadowRoot)return Array.from(i.shadowRoot.children);if(i.localName==="slot"){let t=i.assignedNodes();if(t.length>0)return t.filter(r=>r.nodeType===Node.ELEMENT_NODE)}return Array.from(i.children)}async function xi(i,e,t){if(e!=null&&e.contains(i))return;i.nodeName.includes("-")&&!ua(i)&&(await Promise.resolve(),await customElements.whenDefined(i.nodeName.toLowerCase()),customElements.upgrade(i)),ua(i)&&t(i);let r=ov(i);r.length>0&&await Promise.all(r.map(o=>xi(o,e,t)))}function qo(i,e,t){let r=i[Ri];r.includes("player")&&(i.player=e),r.includes("paused")&&(i.paused=t.paused),r.includes("playing")&&(i.playing=t.playing),r.includes("ended")&&(i.ended=t.ended),r.includes("seeking")&&(i.seeking=t.seeking),r.includes("currentTime")&&(i.currentTime=t.currentTime),r.includes("duration")&&(i.duration=t.duration),r.includes("volume")&&(i.volume=t.volume),r.includes("muted")&&(i.muted=t.muted),r.includes("playbackRate")&&(i.playbackRate=t.playbackRate),r.includes("readyState")&&(i.readyState=t.readyState),r.includes("videoWidth")&&(i.videoWidth=t.videoWidth),r.includes("videoHeight")&&(i.videoHeight=t.videoHeight),r.includes("qualities")&&(i.qualities=t.qualities),r.includes("currentQuality")&&(i.currentQuality=t.currentQuality),r.includes("targetQuality")&&(i.targetQuality=t.targetQuality),r.includes("fullscreen")&&(i.fullscreen=t.fullscreen),r.includes("presentationMode")&&(i.presentationMode=t.presentationMode),r.includes("connectionState")&&(i.connectionState=t.connectionState),r.includes("streamType")&&(i.streamType=t.streamType),r.includes("error")&&(i.error=t.error)}function Go(i){i[Ri].includes("player")&&(i.player=void 0)}var Cu=`/**
+ * BP Player CSS Custom Properties
+ * 
+ * All styling can be customized by overriding these CSS variables.
+ * Variables follow the naming convention: --bp-{category}-{property}
+ */
+
+:root,
+:host {
+  /* Container */
+  --bp-background: #000;
+  --bp-aspect-ratio: 16 / 9;
+  --bp-min-width: 300px;
+  --bp-border-radius: 0;
+  --bp-video-object-fit: contain;
+
+  /* Typography */
+  --bp-text-color: #fff;
+  --bp-text-font-size: 14px;
+  --bp-text-content-height: var(--bp-control-height, 24px);
+
+  /* Controls */
+  --bp-control-height: 24px;
+  --bp-control-padding: 10px;
+  --bp-control-background: transparent;
+  --bp-control-hover-background: transparent;
+
+  /* Control Bar */
+  --bp-control-bar-background: linear-gradient(
+    to top,
+    rgba(0, 0, 0, 0.7) 0%,
+    rgba(0, 0, 0, 0.3) 60%,
+    transparent 100%
+  );
+  --bp-control-bar-padding: 32px 0 0 0;
+
+  /* Icons / Buttons */
+  --bp-icon-color: #fff;
+  --bp-button-icon-width: 24px;
+  --bp-button-icon-height: 24px;
+  --bp-button-icon-shadow: none;
+  --bp-button-hover-icon-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
+  --bp-button-icon-transition: none;
+
+  /* Center Play Button */
+  --bp-center-play-icon-width: 72px;
+  --bp-center-play-icon-height: 72px;
+  --bp-center-play-hover-scale: 1.1;
+  --bp-center-play-hover-shadow: 0 0 12px rgba(255, 255, 255, 0.6);
+
+  /* Range (sliders) */
+  --bp-range-track-height: 4px;
+  --bp-range-track-background: rgba(255, 255, 255, 0.3);
+  --bp-range-progress-background: rgba(255, 255, 255, 0.5);
+  --bp-range-buffered-background: rgba(255, 255, 255, 0.4);
+  --bp-range-thumb-size: 12px;
+  --bp-range-bar-color: rgba(255, 255, 255, 0.9);
+
+  /* Volume Range */
+  --bp-volume-range-width: 70px;
+
+  /* Overlays */
+  --bp-overlay-background: rgba(0, 0, 0, 0.6);
+  --bp-error-background: rgba(0, 0, 0, 0.8);
+
+  /* Loading */
+  --bp-loading-icon-size: 48px;
+
+  /* Overlay */
+  --bp-overlay-gap: 16px;
+  --bp-overlay-padding: 24px;
+  --bp-overlay-icon-opacity: 0.9;
+  --bp-overlay-message-font-size: 1rem;
+  --bp-overlay-message-font-weight: 500;
+  --bp-overlay-message-opacity: 0.9;
+  --bp-overlay-submessage-font-size: 0.875rem;
+  --bp-overlay-submessage-opacity: 0.6;
+
+  /* Error Display */
+  --bp-error-gap: 12px;
+  --bp-error-max-width: 80%;
+  --bp-error-icon-size: 48px;
+  --bp-error-icon-opacity: 0.9;
+  --bp-error-heading-font-size: 1.25rem;
+  --bp-error-heading-font-weight: 600;
+  --bp-error-message-font-size: 0.875rem;
+  --bp-error-message-opacity: 0.8;
+  --bp-error-code-font-size: 0.75rem;
+  --bp-error-code-opacity: 0.5;
+  --bp-error-code-font-family: monospace;
+
+  /* Focus */
+  --bp-focus-ring-color: rgba(27, 127, 204, 0.9);
+
+  /* Transitions */
+  --bp-transition-duration: 0.2s;
+  --bp-transition-timing: ease;
+
+  /* Auto-hide */
+  --bp-autohide-transition-duration: 1s;
+
+  /* Clip Mode (Short-form content) */
+  --bp-clip-seekbar-height: 3px;
+  --bp-clip-seekbar-hover-height: 5px;
+  --bp-clip-seekbar-opacity: 0.5;
+
+  /* Mobile */
+  --bp-mobile-control-backdrop-background: rgba(0, 0, 0, 0.5);
+}
+`;var Mu=`/**
+ * BP Player Global Styles
+ * 
+ * Base styles and resets for the player components.
+ */
+
+/* Import variables */
+@import './variables.css';
+
+/* Full window mode support */
+html.bp-player-full-window {
+  overflow: hidden !important;
+}
+
+html.bp-player-full-window > body {
+  width: 100% !important;
+  height: 100% !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+`;var Ru=!1;function gr(){if(Ru)return;let i=document.createElement("style");i.id="bp-player-global-styles",i.textContent=Cu+`
+`+Mu,document.head.appendChild(i),Ru=!0}function xu(i,e){let t;return()=>(t||(t=document.createElement("template"),t.innerHTML=e),t)}function Pu(i,e){return`<style>${i}</style>${e}`}var zo=(L=>(L.CONFIGURATION="configuration",L.SOURCE="source",L.SOURCES="sources",L.AUTOPLAY="autoplay",L.MUTED="muted",L.LOOP="loop",L.POSTER="poster",L.SCALING="scaling",L.ASPECT_RATIO="aspect-ratio",L.DEBUG="debug",L.AUTOHIDE="autohide",L.HOTKEYS="hotkeys",L.PAUSED="paused",L.PLAYING="playing",L.ENDED="ended",L.SEEKING="seeking",L.WAITING="waiting",L.LOADING="loading",L.READY="ready",L.HAS_ERROR="has-error",L.HAS_FIRST_PLAY="has-first-play",L.FULLSCREEN="fullscreen",L.FULLWINDOW="fullwindow",L.DEVICE_TYPE="device-type",L.MOBILE="mobile",L.TV="tv",L.STREAM_TYPE="stream-type",L.LIVE="live",L.CONTENT_TYPE="content-type",L.USER_IDLE="user-idle",L.USER_IDLE_TIMEOUT="user-idle-timeout",L.MOBILE_ONLY="mobile-only",L.MOBILE_HIDDEN="mobile-hidden",L.TV_ONLY="tv-only",L.TV_HIDDEN="tv-hidden",L.LIVE_ONLY="live-only",L.LIVE_HIDDEN="live-hidden",L.VOD_HIDDEN="vod-hidden",L.CLIP_HIDDEN="clip-hidden",L.NO_AUTO_HIDE="no-auto-hide",L.DISABLED="disabled",L.HIDDEN="hidden",L.NOTOOLTIP="notooltip",L.MENU="menu",L.MENU_OPENED="menu-opened",L.ARIA_LABEL="aria-label",L.ARIA_LIVE="aria-live",L.ARIA_CHECKED="aria-checked",L.VOLUME_LEVEL="volume-level",L.PROVIDER_TYPE="provider-type",L))(zo||{});function Te(i,e,t){return t!==void 0?t?(i.setAttribute(e,""),!0):(i.removeAttribute(e),!1):i.hasAttribute(e)?(i.removeAttribute(e),!1):(i.setAttribute(e,""),!0)}var Du=`/**
+ * BP Player Styles
+ * 
+ * Core player component styles using CSS custom properties.
+ */
+
+/* ============================================
+   Container
+   ============================================ */
+
+bp-player {
+  display: block;
+  width: 100%;
+  height: 100%;
+  /* Default 16:9 aspect-ratio for width: auto sizing before metadata loads */
+  aspect-ratio: var(--bp-aspect-ratio, 16 / 9);
+}
+
+bp-player[hidden] {
+  display: none !important;
+}
+
+/* ============================================
+   Player Container
+   ============================================ */
+
+.bp-player-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+  background-color: var(--bp-background, #000);
+  border-radius: var(--bp-border-radius, 0);
+}
+
+/* ============================================
+   Provider Layer
+   ============================================ */
+
+.bp-player-provider {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+}
+
+.bp-player-provider video {
+  width: 100% !important;
+  height: 100% !important;
+  max-width: 100%;
+  max-height: 100%;
+}
+
+/* ============================================
+   Scaling Modes
+   ============================================ */
+
+.bp-player-container--letterbox .bp-player-provider video {
+  object-fit: var(--bp-video-object-fit, contain);
+}
+
+.bp-player-container--crop .bp-player-provider video {
+  object-fit: cover;
+}
+
+.bp-player-container--fill .bp-player-provider video {
+  object-fit: fill;
+}
+
+/* ============================================
+   Poster Image
+   ============================================ */
+
+.bp-player-poster {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  object-fit: var(--bp-video-object-fit, contain);
+  pointer-events: none;
+}
+
+.bp-player-poster--crop {
+  object-fit: cover;
+}
+
+.bp-player-poster--fill {
+  object-fit: fill;
+}
+
+/* ============================================
+   State Attributes
+   ============================================ */
+
+bp-player[paused] {
+  /* Styles when player is paused */
+}
+
+bp-player[ended] {
+  /* Styles when player has ended */
+}
+
+bp-player[waiting] {
+  /* Styles when player is buffering */
+}
+
+bp-player[has-error] {
+  /* Styles when player has an error */
+}
+`;var Ou=!1;function lv(){if(Ou)return;gr();let i=document.createElement("style");i.id="bp-player-styles",i.textContent=Du,document.head.appendChild(i),Ou=!0}var dv=["play","playing","pause","waiting","seeking","seeked","timeupdate","durationchange","volumechange","ratechange","ended","loadedmetadata","loadeddata","canplay","canplaythrough","progress","error","resize"],Nl=class extends EventTarget{constructor(t){super();this._renditions=[];this._cleanup=[];this._player=t}get length(){return this._renditions.length}[Symbol.iterator](){return this._renditions[Symbol.iterator]()}get selectedIndex(){var r;let t=(r=this._player.player)==null?void 0:r.state.targetQuality;return t?this._renditions.findIndex(o=>o.id===String(t.index)):-1}set selectedIndex(t){var r,o,n;if(t<0)(r=this._player.player)==null||r.setQuality(null);else{let l=(((o=this._player.player)==null?void 0:o.state.qualities)??[])[t];l&&((n=this._player.player)==null||n.setQuality(l))}this._updateSelection(),this.dispatchEvent(new Event("change"))}_updateSelection(){let t=this.selectedIndex;this._renditions.forEach((r,o)=>{r.selected=o===t})}_syncFromPlayer(){var o,n;let t=((o=this._player.player)==null?void 0:o.state.qualities)??[];if(t.length===0){let a=(n=this._player.player)==null?void 0:n.videoElement;a!=null&&a.videoRenditions&&(t=[...a.videoRenditions].map((l,c)=>({index:c,width:l.width??0,height:l.height??0,bitrate:l.bitrate??0})))}let r=this._renditions.length;for(let a=0;a<r;a++)delete this[a];this._renditions=t.map((a,l)=>({id:String(a.index),width:a.width,height:a.height,bitrate:a.bitrate,selected:!1})),this._renditions.forEach((a,l)=>{this[l]=a}),this._updateSelection();for(let a of this._renditions)this.dispatchEvent(new CustomEvent("addrendition",{detail:a}))}_setupListeners(){let t=this._player.player;if(!t)return;let r=()=>{this._syncFromPlayer()},o=()=>{this._updateSelection(),this.dispatchEvent(new Event("change"))};t.addEventListener("qualitieschange",r),t.addEventListener("qualitychange",o),t.addEventListener("targetqualitychanged",o),this._cleanup.push(()=>{t.removeEventListener("qualitieschange",r),t.removeEventListener("qualitychange",o),t.removeEventListener("targetqualitychanged",o)});let n=t.videoElement;n!=null&&n.videoRenditions&&(n.videoRenditions.addEventListener("addrendition",r),n.videoRenditions.addEventListener("removerendition",r),this._cleanup.push(()=>{var a,l;(a=n.videoRenditions)==null||a.removeEventListener("addrendition",r),(l=n.videoRenditions)==null||l.removeEventListener("removerendition",r)})),this._syncFromPlayer()}_destroy(){this._cleanup.forEach(t=>t()),this._cleanup=[],this._renditions=[]}},fe=class extends Ie{constructor(){super(...arguments);this.autoplay=!1;this.defaultMuted=!1;this.loop=!1;this.scaling="letterbox";this.debug=!1;this._playerCore=null;this._ready=!1;this._resolvedPoster=null;this.containerRef=null;this.providerContainer=null;this.eventCleanup=[];this.stateReceivers=[];this._mutationObserver=null;this._videoRenditions=new Nl(this);this.handleMutation=t=>{for(let r of t)if(r.type==="childList"){for(let o of r.addedNodes)o.nodeType===Node.ELEMENT_NODE&&xi(o,this.providerContainer,this.registerStateReceiver);for(let o of r.removedNodes)o.nodeType===Node.ELEMENT_NODE&&xi(o,this.providerContainer,this.unregisterStateReceiver)}};this.registerStateReceiver=t=>{this.stateReceivers.includes(t)||(this.stateReceivers.push(t),this._playerCore&&qo(t,this._playerCore,this._playerCore.state))};this.unregisterStateReceiver=t=>{let r=this.stateReceivers.indexOf(t);r>=0&&(this.stateReceivers.splice(r,1),Go(t))}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),lv(),this._mutationObserver=new MutationObserver(this.handleMutation),this._mutationObserver.observe(this,{childList:!0,subtree:!0})}get player(){return this._playerCore}get playerState(){var t;return((t=this._playerCore)==null?void 0:t.state)??null}get bpLive(){var t;return((t=this._playerCore)==null?void 0:t.bpLive)??null}async play(){var t;this.debug&&console.log("[BPPlayer] play() called"),await((t=this._playerCore)==null?void 0:t.play())}pause(){var t;this.debug&&console.log("[BPPlayer] pause() called"),(t=this._playerCore)==null||t.pause()}get paused(){var r;let t=((r=this._playerCore)==null?void 0:r.state.paused)??!0;return this.debug&&console.log("[BPPlayer] paused getter:",t),t}get ended(){var t;return((t=this._playerCore)==null?void 0:t.state.ended)??!1}get seeking(){var t;return((t=this._playerCore)==null?void 0:t.state.seeking)??!1}get waiting(){var t;return((t=this._playerCore)==null?void 0:t.state.waiting)??!1}get currentTime(){var t;return((t=this._playerCore)==null?void 0:t.state.currentTime)??0}set currentTime(t){var r;(r=this._playerCore)==null||r.seek(t)}get duration(){var t;return((t=this._playerCore)==null?void 0:t.state.duration)??NaN}get volume(){var t;return((t=this._playerCore)==null?void 0:t.state.volume)??1}set volume(t){var r;(r=this._playerCore)==null||r.setVolume(t)}get muted(){var t;return((t=this._playerCore)==null?void 0:t.state.muted)??this.defaultMuted}set muted(t){var r;(r=this._playerCore)==null||r.setMuted(t),this.defaultMuted=t}get playbackRate(){var t;return((t=this._playerCore)==null?void 0:t.state.playbackRate)??1}set playbackRate(t){var r;(r=this._playerCore)==null||r.setPlaybackRate(t)}get readyState(){var t;return((t=this._playerCore)==null?void 0:t.state.readyState)??0}get buffered(){var r;let t=(r=this._playerCore)==null?void 0:r.state.buffered;return t||{length:0,start:()=>0,end:()=>0}}get videoWidth(){var o,n,a;let t=(o=this._playerCore)==null?void 0:o.videoElement;if(t!=null&&t.videoWidth)return t.videoWidth;let r=(n=this._playerCore)==null?void 0:n.state.currentQuality;return r!=null&&r.width?r.width:((a=this._playerCore)==null?void 0:a.state.videoWidth)??0}get videoHeight(){var o,n,a;let t=(o=this._playerCore)==null?void 0:o.videoElement;if(t!=null&&t.videoHeight)return t.videoHeight;let r=(n=this._playerCore)==null?void 0:n.state.currentQuality;return r!=null&&r.height?r.height:((a=this._playerCore)==null?void 0:a.state.videoHeight)??0}get videoElement(){var t;return((t=this._playerCore)==null?void 0:t.videoElement)??null}get providerType(){var t;return((t=this._playerCore)==null?void 0:t.state.providerType)??null}get videoRenditions(){return this._videoRenditions}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._mutationObserver)==null||t.disconnect(),this.destroyPlayer()}firstUpdated(t){super.firstUpdated(t),this.containerRef=this.renderRoot.querySelector(".bp-player-container"),this.containerRef&&!this.providerContainer&&(this.providerContainer=document.createElement("div"),this.providerContainer.className="bp-player-provider",this.providerContainer.style.cssText="width: 100%; height: 100%; position: absolute; top: 0; left: 0;",this.containerRef.appendChild(this.providerContainer));let{playableSource:r}=this.resolveSourcesArray();r&&!this._ready&&this.initPlayer()}updated(t){if(super.updated(t),t.has("sources")){let{playableSource:r,posterUrl:o}=this.resolveSourcesArray();this._resolvedPoster=o,r&&this._ready&&this.loadPlayableSource(r)}t.has("defaultMuted")&&this._playerCore&&this._playerCore.setMuted(this.defaultMuted),t.has("loop")&&this._playerCore&&this._playerCore.setLoop(this.loop)}resolveSourcesArray(){if(!this.sources||this.sources.length===0)return{playableSource:null,posterUrl:null};let t=this.sources.find(o=>o.type==="poster");return{playableSource:this.sources.find(o=>o.type!=="poster")??null,posterUrl:(t==null?void 0:t.url)??null}}propagateStateToAllReceivers(){if(!this._playerCore)return;let t=this._playerCore.state;for(let r of this.stateReceivers)qo(r,this._playerCore,t)}setupEventForwarding(){if(!this._playerCore)return;for(let l of dv){let c=()=>{var p;this.debug&&!["durationchange","timeupdate"].includes(l)&&console.log(`[BPPlayer] Forwarding event: ${l}`,(p=this._playerCore)==null?void 0:p.state),this.dispatchEvent(new Event(l,{bubbles:!0,composed:!0}))};this._playerCore.addEventListener(l,c),this.eventCleanup.push(()=>{var p;return(p=this._playerCore)==null?void 0:p.removeEventListener(l,c)})}let t=l=>{l.videoWidth&&l.videoHeight&&this.setAspectRatioVariable(`${l.videoWidth} / ${l.videoHeight}`)},{videoWidth:r,videoHeight:o}=this._playerCore.state;r&&o&&this.setAspectRatioVariable(`${r} / ${o}`),this._playerCore.addEventListener("loadedmetadata",t),this.eventCleanup.push(()=>{var l;return(l=this._playerCore)==null?void 0:l.removeEventListener("loadedmetadata",t)});let n=()=>{this.dispatchEvent(new Event("resize",{bubbles:!0,composed:!0}))};this._playerCore.addEventListener("qualitychange",n),this.eventCleanup.push(()=>{var l;return(l=this._playerCore)==null?void 0:l.removeEventListener("qualitychange",n)});let a=()=>{this.propagateStateToAllReceivers(),this.updateStateAttributes()};this._playerCore.addEventListener("statechange",a),this.eventCleanup.push(()=>{var l;return(l=this._playerCore)==null?void 0:l.removeEventListener("statechange",a)})}updateStateAttributes(){if(!this._playerCore)return;let t=this._playerCore.state;Te(this,"paused",t.paused),Te(this,"playing",t.playing),Te(this,"ended",t.ended),Te(this,"seeking",t.seeking),Te(this,"waiting",t.waiting),Te(this,"has-error",t.error!==null),Te(this,"ready",this._ready),this.setAttribute("stream-type",t.streamType),this.setAttribute("content-type",t.contentType),t.providerType&&this.setAttribute("provider-type",t.providerType)}async initPlayer(){var o,n,a;let{playableSource:t,posterUrl:r}=this.resolveSourcesArray();if(!(!t||!this.providerContainer||this._ready)){this._resolvedPoster=r;try{this._playerCore=ca(),this.defaultMuted&&this._playerCore.setMuted(!0),this.loop&&this._playerCore.setLoop(!0),this.setupEventForwarding();let l=await this._playerCore.loadSource(t,this.providerContainer,this.config);if(!this._playerCore)return;if(!this._resolvedPoster&&(l!=null&&l.poster)&&(this._resolvedPoster=l.poster),this._ready=!0,xi(this,this.providerContainer,this.registerStateReceiver),this.propagateStateToAllReceivers(),this.autoplay)try{await this._playerCore.play()}catch{}this._videoRenditions._setupListeners(),this.dispatchEvent(new CustomEvent("ready",{detail:this._playerCore,bubbles:!0,composed:!0})),(n=(o=this._playerCore)==null?void 0:o.state)!=null&&n.paused&&this.dispatchEvent(new Event("pause",{bubbles:!0,composed:!0})),this.debug&&console.log("[BPPlayer] Player ready",(a=this._playerCore)==null?void 0:a.state)}catch(l){console.error("[BPPlayer] Failed to initialize player:",l)}}}async loadPlayableSource(t){if(!this._playerCore||!this.providerContainer){this.debug&&console.log("[BPPlayer] loadPlayableSource skipped:",{playerCore:!!this._playerCore,providerContainer:!!this.providerContainer});return}this.debug&&console.log("[BPPlayer] loadPlayableSource:",t);try{let r=await this._playerCore.loadSource(t,this.providerContainer,this.config);if(!this._playerCore){this.debug&&console.log("[BPPlayer] Player was destroyed during source load");return}if(!this._resolvedPoster&&(r!=null&&r.poster)&&(this._resolvedPoster=r.poster),r!=null&&r.aspectRatio&&(this.setAspectRatioVariable(r.aspectRatio),this.debug&&console.log("[BPPlayer] BPLive aspect ratio:",r.aspectRatio)),this.autoplay)try{await this._playerCore.play()}catch{}}catch(r){console.error("[BPPlayer] Failed to load source:",r)}}destroyPlayer(){this.eventCleanup.forEach(t=>t()),this.eventCleanup=[],this._videoRenditions._destroy();for(let t of this.stateReceivers)Go(t);if(this.stateReceivers=[],this._playerCore&&(this._playerCore.destroy(),this._playerCore=null),this.providerContainer)for(;this.providerContainer.firstChild;)this.providerContainer.removeChild(this.providerContainer.firstChild);this._ready=!1}setAspectRatioVariable(t){getComputedStyle(this).getPropertyValue("--bp-aspect-ratio").trim()||(this.style.setProperty("--bp-aspect-ratio",t),this.debug&&console.log("[BPPlayer] Set --bp-aspect-ratio:",t))}getContainerClasses(){return["bp-player-container",`bp-player-container--${this.scaling}`].join(" ")}getPosterClasses(){let t=["bp-player-poster"];return this.scaling==="crop"&&t.push("bp-player-poster--crop"),this.scaling==="fill"&&t.push("bp-player-poster--fill"),t.join(" ")}getContainerStyle(){return this.aspectRatio?`aspect-ratio: ${this.aspectRatio}`:""}getEffectivePoster(){return this._resolvedPoster??this.poster??null}render(){let t=this.getEffectivePoster();return He`
+      <div 
+        class="${this.getContainerClasses()}"
+        style="${this.getContainerStyle()}"
+      >
+        ${t&&!this._ready?He`<img class="${this.getPosterClasses()}" src="${t}" alt="" />`:null}
+      </div>
+    `}};x([V({type:Array})],fe.prototype,"sources",2),x([V({type:Boolean})],fe.prototype,"autoplay",2),x([V({type:Boolean,reflect:!0,attribute:"muted"})],fe.prototype,"defaultMuted",2),x([V({type:Boolean})],fe.prototype,"loop",2),x([V({type:String})],fe.prototype,"poster",2),x([V({type:String})],fe.prototype,"scaling",2),x([V({type:String,attribute:"aspect-ratio"})],fe.prototype,"aspectRatio",2),x([V({type:Object})],fe.prototype,"config",2),x([V({type:Boolean})],fe.prototype,"debug",2),x([Ce()],fe.prototype,"_playerCore",2),x([Ce()],fe.prototype,"_ready",2),x([Ce()],fe.prototype,"_resolvedPoster",2),fe=x([Gt("bp-player")],fe);var b={MEDIA_PLAY_REQUEST:"mediaplayrequest",MEDIA_PAUSE_REQUEST:"mediapauserequest",MEDIA_MUTE_REQUEST:"mediamuterequest",MEDIA_UNMUTE_REQUEST:"mediaunmuterequest",MEDIA_LOOP_REQUEST:"medialooprequest",MEDIA_VOLUME_REQUEST:"mediavolumerequest",MEDIA_SEEK_REQUEST:"mediaseekrequest",MEDIA_AIRPLAY_REQUEST:"mediaairplayrequest",MEDIA_ENTER_FULLSCREEN_REQUEST:"mediaenterfullscreenrequest",MEDIA_EXIT_FULLSCREEN_REQUEST:"mediaexitfullscreenrequest",MEDIA_PREVIEW_REQUEST:"mediapreviewrequest",MEDIA_ENTER_PIP_REQUEST:"mediaenterpiprequest",MEDIA_EXIT_PIP_REQUEST:"mediaexitpiprequest",MEDIA_ENTER_CAST_REQUEST:"mediaentercastrequest",MEDIA_EXIT_CAST_REQUEST:"mediaexitcastrequest",MEDIA_SHOW_TEXT_TRACKS_REQUEST:"mediashowtexttracksrequest",MEDIA_HIDE_TEXT_TRACKS_REQUEST:"mediahidetexttracksrequest",MEDIA_SHOW_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_TOGGLE_SUBTITLES_REQUEST:"mediatogglesubtitlesrequest",MEDIA_PLAYBACK_RATE_REQUEST:"mediaplaybackraterequest",MEDIA_RENDITION_REQUEST:"mediarenditionrequest",MEDIA_AUDIO_TRACK_REQUEST:"mediaaudiotrackrequest",MEDIA_SEEK_TO_LIVE_REQUEST:"mediaseektoliverequest",REGISTER_MEDIA_STATE_RECEIVER:"registermediastatereceiver",UNREGISTER_MEDIA_STATE_RECEIVER:"unregistermediastatereceiver"},N={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},$l={MEDIA_AIRPLAY_UNAVAILABLE:"mediaAirplayUnavailable",MEDIA_AUDIO_TRACK_ENABLED:"mediaAudioTrackEnabled",MEDIA_AUDIO_TRACK_LIST:"mediaAudioTrackList",MEDIA_AUDIO_TRACK_UNAVAILABLE:"mediaAudioTrackUnavailable",MEDIA_BUFFERED:"mediaBuffered",MEDIA_CAST_UNAVAILABLE:"mediaCastUnavailable",MEDIA_CHAPTERS_CUES:"mediaChaptersCues",MEDIA_CURRENT_TIME:"mediaCurrentTime",MEDIA_DURATION:"mediaDuration",MEDIA_ENDED:"mediaEnded",MEDIA_ERROR:"mediaError",MEDIA_ERROR_CODE:"mediaErrorCode",MEDIA_ERROR_MESSAGE:"mediaErrorMessage",MEDIA_FULLSCREEN_UNAVAILABLE:"mediaFullscreenUnavailable",MEDIA_HAS_PLAYED:"mediaHasPlayed",MEDIA_HEIGHT:"mediaHeight",MEDIA_IS_AIRPLAYING:"mediaIsAirplaying",MEDIA_IS_CASTING:"mediaIsCasting",MEDIA_IS_FULLSCREEN:"mediaIsFullscreen",MEDIA_IS_PIP:"mediaIsPip",MEDIA_LOADING:"mediaLoading",MEDIA_MUTED:"mediaMuted",MEDIA_LOOP:"mediaLoop",MEDIA_PAUSED:"mediaPaused",MEDIA_PIP_UNAVAILABLE:"mediaPipUnavailable",MEDIA_PLAYBACK_RATE:"mediaPlaybackRate",MEDIA_PREVIEW_CHAPTER:"mediaPreviewChapter",MEDIA_PREVIEW_COORDS:"mediaPreviewCoords",MEDIA_PREVIEW_IMAGE:"mediaPreviewImage",MEDIA_PREVIEW_TIME:"mediaPreviewTime",MEDIA_RENDITION_LIST:"mediaRenditionList",MEDIA_RENDITION_SELECTED:"mediaRenditionSelected",MEDIA_RENDITION_UNAVAILABLE:"mediaRenditionUnavailable",MEDIA_SEEKABLE:"mediaSeekable",MEDIA_STREAM_TYPE:"mediaStreamType",MEDIA_SUBTITLES_LIST:"mediaSubtitlesList",MEDIA_SUBTITLES_SHOWING:"mediaSubtitlesShowing",MEDIA_TARGET_LIVE_WINDOW:"mediaTargetLiveWindow",MEDIA_TIME_IS_LIVE:"mediaTimeIsLive",MEDIA_VOLUME:"mediaVolume",MEDIA_VOLUME_LEVEL:"mediaVolumeLevel",MEDIA_VOLUME_UNAVAILABLE:"mediaVolumeUnavailable",MEDIA_LANG:"mediaLang",MEDIA_WIDTH:"mediaWidth"},Uu=Object.entries($l),s=Uu.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{}),cv={USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"},Pi=Uu.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{...cv}),s_=Object.entries(Pi).reduce((i,[e,t])=>{let r=s[e];return r&&(i[t]=r),i},{userinactivechange:"userinactive"}),Nu=Object.entries(s).reduce((i,[e,t])=>{let r=Pi[e];return r&&(i[t]=r),i},{userinactive:"userinactivechange"}),Me={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},zt={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var ha={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},Re={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},Xe={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};var $u={INLINE:"inline",FULLSCREEN:"fullscreen",PICTURE_IN_PICTURE:"picture-in-picture"};function Hu(i){return i==null?void 0:i.map(hv).join(" ")}function Bu(i){return i==null?void 0:i.split(/\s+/).map(pv)}function hv(i){if(i){let{id:e,width:t,height:r}=i;return[e,t,r].filter(o=>o!=null).join(":")}}function pv(i){if(i){let[e,t,r]=i.split(":");return{id:e,width:+t,height:+r}}}function Vu(i){return i==null?void 0:i.map(mv).join(" ")}function Wu(i){return i==null?void 0:i.split(/\s+/).map(vv)}function mv(i){if(i){let{id:e,kind:t,language:r,label:o}=i;return[e,t,r,o].filter(n=>n!=null).join(":")}}function vv(i){if(i){let[e,t,r,o]=i.split(":");return{id:e,kind:t,language:r,label:o}}}function Er(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}var pa=i=>new Promise(e=>setTimeout(e,i));var Fu=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],fv=(i,e)=>{let t=i===1?Fu[e].singular:Fu[e].plural;return`${i} ${t}`},Di=i=>{if(!Er(i))return"";let e=Math.abs(i),t=e!==i,r=new Date(0,0,0,0,0,e,0);return`${[r.getHours(),r.getMinutes(),r.getSeconds()].map((l,c)=>l&&fv(l,c)).filter(l=>l).join(", ")}${t?" remaining":""}`};function Je(i,e){let t=!1;i<0&&(t=!0,i=0-i),i=i<0?0:i;let r=Math.floor(i%60),o=Math.floor(i/60%60),n=Math.floor(i/3600),a=Math.floor(e/60%60),l=Math.floor(e/3600);return(isNaN(i)||i===1/0)&&(n=o=r="0"),n=n>0||l>0?n+":":"",o=((n||a>=10)&&o<10?"0"+o:o)+":",r=r<10?"0"+r:r,(t?"-":"")+n+o+r}var c_=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});var Ku={"Start airplay":"Start airplay","Stop airplay":"Stop airplay",Audio:"Audio",Captions:"Captions","Enable captions":"Enable captions","Disable captions":"Disable captions","Start casting":"Start casting","Stop casting":"Stop casting","Enter fullscreen mode":"Enter fullscreen mode","Exit fullscreen mode":"Exit fullscreen mode",Mute:"Mute",Unmute:"Unmute",Loop:"Loop","Enter picture in picture mode":"Enter picture in picture mode","Exit picture in picture mode":"Exit picture in picture mode",Play:"Play",Pause:"Pause","Playback rate":"Playback rate","Playback rate {playbackRate}":"Playback rate {playbackRate}",Quality:"Quality","Seek backward":"Seek backward","Seek forward":"Seek forward",Settings:"Settings",Auto:"Auto","audio player":"audio player","video player":"video player",volume:"volume",seek:"seek","closed captions":"closed captions","current playback rate":"current playback rate","playback time":"playback time","media loading":"media loading",settings:"settings","audio tracks":"audio tracks",quality:"quality",play:"play",pause:"pause",mute:"mute",unmute:"unmute","chapter: {chapterName}":"chapter: {chapterName}",live:"live",Off:"Off","start airplay":"start airplay","stop airplay":"stop airplay","start casting":"start casting","stop casting":"stop casting","enter fullscreen mode":"enter fullscreen mode","exit fullscreen mode":"exit fullscreen mode","enter picture in picture mode":"enter picture in picture mode","exit picture in picture mode":"exit picture in picture mode","seek to live":"seek to live","playing live":"playing live","seek back {seekOffset} seconds":"seek back {seekOffset} seconds","seek forward {seekOffset} seconds":"seek forward {seekOffset} seconds","Network Error":"Network Error","Decode Error":"Decode Error","Source Not Supported":"Source Not Supported","Encryption Error":"Encryption Error","A network error caused the media download to fail.":"A network error caused the media download to fail.","A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.":"A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.","An unsupported error occurred. The server or network failed, or your browser does not support this format.":"An unsupported error occurred. The server or network failed, or your browser does not support this format.","The media is encrypted and there are no keys to decrypt it.":"The media is encrypted and there are no keys to decrypt it."};var qu,Hl={en:Ku},Bl=((qu=globalThis.navigator)==null?void 0:qu.language)||"en",Gu=i=>{Bl=i};var Ev=i=>{var e,t,r;let[o]=Bl.split("-");return((e=Hl[Bl])==null?void 0:e[i])||((t=Hl[o])==null?void 0:t[i])||((r=Hl.en)==null?void 0:r[i])||i},E=(i,e={})=>Ev(i).replace(/\{(\w+)\}/g,(t,r)=>r in e?String(e[r]):`{${r}}`);var ma=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},va=class extends ma{},fa=class extends va{constructor(){super(...arguments),this.role=null}},Vl=class{observe(){}unobserve(){}disconnect(){}},zu={createElement:function(){return new Yo.HTMLElement},createElementNS:function(){return new Yo.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(i){return!1}},Yo={ResizeObserver:Vl,document:zu,Node:va,Element:fa,HTMLElement:class extends fa{constructor(){super(...arguments),this.innerHTML=""}get content(){return new Yo.DocumentFragment}},DocumentFragment:class extends ma{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},localStorage:{getItem(i){return null},setItem(i,e){},removeItem(i){}},CustomEvent:function(){},getComputedStyle:function(){},navigator:{languages:[],get userAgent(){return""}},matchMedia(i){return{matches:!1,media:i}},DOMParser:class{parseFromString(e,t){return{body:{textContent:e}}}}},Yu="global"in globalThis&&(globalThis==null?void 0:globalThis.global)===globalThis||typeof window>"u"||typeof window.customElements>"u",Qu=Object.keys(Yo).every(i=>i in globalThis),d=Yu&&!Qu?Yo:globalThis,ee=Yu&&!Qu?zu:globalThis.document;var Zu=new WeakMap,Wl=i=>{let e=Zu.get(i);return e||Zu.set(i,e=new Set),e},Xu=new d.ResizeObserver(i=>{for(let e of i)for(let t of Wl(e.target))t(e)});function Pt(i,e){Wl(i).add(e),Xu.observe(i)}function Dt(i,e){let t=Wl(i);t.delete(e),t.size||Xu.unobserve(i)}function j(i){let e={};for(let t of i)e[t.name]=t.value;return e}function X(i){var e;return(e=ga(i))!=null?e:st(i,"media-controller")}function ga(i){var e;let{MEDIA_CONTROLLER:t}=N,r=i.getAttribute(t);if(r)return(e=Oi(i))==null?void 0:e.getElementById(r)}var Ea=(i,e,t=".value")=>{let r=i.querySelector(t);r&&(r.textContent=e)},bv=(i,e)=>{let t=`slot[name="${e}"]`,r=i.shadowRoot.querySelector(t);return r?r.children:[]},ba=(i,e)=>bv(i,e)[0],Ae=(i,e)=>!i||!e?!1:i!=null&&i.contains(e)?!0:Ae(i,e.getRootNode().host),st=(i,e)=>{if(!i)return null;let t=i.closest(e);return t||st(i.getRootNode().host,e)};function Qo(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=Qo(t.shadowRoot))!=null?e:t:null}function Oi(i){var e;let t=(e=i==null?void 0:i.getRootNode)==null?void 0:e.call(i);return t instanceof ShadowRoot||t instanceof Document?t:null}function _a(i,{depth:e=3,checkOpacity:t=!0,checkVisibilityCSS:r=!0}={}){if(i.checkVisibility)return i.checkVisibility({checkOpacity:t,checkVisibilityCSS:r});let o=i;for(;o&&e>0;){let n=getComputedStyle(o);if(t&&n.opacity==="0"||r&&n.visibility==="hidden"||n.display==="none")return!1;o=o.parentElement,e--}return!0}function Ju(i,e,t,r){let o=r.x-t.x,n=r.y-t.y,a=o*o+n*n;if(a===0)return 0;let l=((i-t.x)*o+(e-t.y)*n)/a;return Math.max(0,Math.min(1,l))}function J(i,e){let t=_v(i,r=>r===e);return t||Zo(i,e)}function _v(i,e){var t,r;let o;for(o of(t=i.querySelectorAll("style:not([media])"))!=null?t:[]){let n;try{n=(r=o.sheet)==null?void 0:r.cssRules}catch{continue}for(let a of n??[])if(e(a.selectorText))return a}}function Zo(i,e){var t,r;let o=(t=i.querySelectorAll("style:not([media])"))!=null?t:[],n=o==null?void 0:o[o.length-1];return n!=null&&n.sheet?(n==null||n.sheet.insertRule(`${e}{}`,n.sheet.cssRules.length),(r=n.sheet.cssRules)==null?void 0:r[n.sheet.cssRules.length-1]):(console.warn("Media Chrome: No style sheet found on style tag of",i),{style:{setProperty:()=>{},removeProperty:()=>"",getPropertyValue:()=>""}})}function $(i,e,t=Number.NaN){let r=i.getAttribute(e);return r!=null?+r:t}function B(i,e,t){let r=+t;if(t==null||Number.isNaN(r)){i.hasAttribute(e)&&i.removeAttribute(e);return}$(i,e,void 0)!==r&&i.setAttribute(e,`${r}`)}function w(i,e){return i.hasAttribute(e)}function I(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}w(i,e)!=t&&i.toggleAttribute(e,t)}function P(i,e,t=null){var r;return(r=i.getAttribute(e))!=null?r:t}function D(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}let r=`${t}`;P(i,e,void 0)!==r&&i.setAttribute(e,r)}var ju=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Yt=(i,e,t)=>(ju(i,e,"read from private field"),t?t.call(i):e.get(i)),yv=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ya=(i,e,t,r)=>(ju(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),xe;function Tv(i){return`
+    <style>
+      :host {
+        display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
+        box-sizing: border-box;
+      }
+    </style>
+  `}var br=class extends d.HTMLElement{constructor(){if(super(),yv(this,xe,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[N.MEDIA_CONTROLLER,s.MEDIA_PAUSED]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===N.MEDIA_CONTROLLER&&(t&&((n=(o=Yt(this,xe))==null?void 0:o.unassociateElement)==null||n.call(o,this),ya(this,xe,null)),r&&this.isConnected&&(ya(this,xe,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=Yt(this,xe))==null?void 0:l.associateElement)==null||c.call(l,this)))}connectedCallback(){var e,t,r,o;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),ya(this,xe,Av(this)),this.getAttribute(N.MEDIA_CONTROLLER)&&((t=(e=Yt(this,xe))==null?void 0:e.associateElement)==null||t.call(e,this)),(r=Yt(this,xe))==null||r.addEventListener("pointerdown",this),(o=Yt(this,xe))==null||o.addEventListener("click",this)}disconnectedCallback(){var e,t,r,o;this.getAttribute(N.MEDIA_CONTROLLER)&&((t=(e=Yt(this,xe))==null?void 0:e.unassociateElement)==null||t.call(e,this)),(r=Yt(this,xe))==null||r.removeEventListener("pointerdown",this),(o=Yt(this,xe))==null||o.removeEventListener("click",this),ya(this,xe,null)}handleEvent(e){var t;let r=(t=e.composedPath())==null?void 0:t[0];if(["video","media-controller"].includes(r==null?void 0:r.localName)){if(e.type==="pointerdown")this._pointerType=e.pointerType;else if(e.type==="click"){let{clientX:n,clientY:a}=e,{left:l,top:c,width:p,height:h}=this.getBoundingClientRect(),v=n-l,g=a-c;if(v<0||g<0||v>p||g>h||p===0&&h===0)return;let m=this._pointerType||"mouse";if(this._pointerType=void 0,m===ha.TOUCH){this.handleTap(e);return}else if(m===ha.MOUSE||m===ha.PEN){this.handleMouseClick(e);return}}}}get mediaPaused(){return w(this,s.MEDIA_PAUSED)}set mediaPaused(e){I(this,s.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?b.MEDIA_PLAY_REQUEST:b.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new d.CustomEvent(t,{composed:!0,bubbles:!0}))}};xe=new WeakMap;br.shadowRootOptions={mode:"open"};br.getTemplateHTML=Tv;function Av(i){var e;let t=i.getAttribute(N.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):st(i,"media-controller")}d.customElements.get("media-gesture-receiver")||d.customElements.define("media-gesture-receiver",br);var Ta=br;var Gl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ve=(i,e,t)=>(Gl(i,e,"read from private field"),t?t.call(i):e.get(i)),Be=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ui=(i,e,t,r)=>(Gl(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Ke=(i,e,t)=>(Gl(i,e,"access private method"),t),ka,_r,Jo,yr,Aa,Fl,eh,Xo,Sa,Kl,th,ql,ih,jo,La,wa,zl,Tr,en,M={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive",AUTOHIDE_OVER_CONTROLS:"autohideovercontrols"};function Sv(i){return`
+    <style>
+      
+      :host([${s.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) {
+        outline: none;
+      }
+
+      :host {
+        box-sizing: border-box;
+        position: relative;
+        display: inline-block;
+        line-height: 0;
+        background-color: var(--media-background-color, #000);
+        overflow: hidden;
+      }
+
+      :host(:not([${M.AUDIO}])) [part~=layer]:not([part~=media-layer]) {
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        display: flex;
+        flex-flow: column nowrap;
+        align-items: start;
+        pointer-events: none;
+        background: none;
+      }
+
+      slot[name=media] {
+        display: var(--media-slot-display, contents);
+      }
+
+      
+      :host([${M.AUDIO}]) slot[name=media] {
+        display: var(--media-slot-display, none);
+      }
+
+      
+      :host([${M.AUDIO}]) [part~=layer][part~=gesture-layer] {
+        height: 0;
+        display: block;
+      }
+
+      
+      :host(:not([${M.AUDIO}])[${M.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
+          :host(:not([${M.AUDIO}])[${M.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] {
+        display: none;
+      }
+
+      
+      ::slotted(:not([slot=media]):not([slot=poster]):not(media-loading-indicator):not([role=dialog]):not([hidden])) {
+        pointer-events: auto;
+      }
+
+      :host(:not([${M.AUDIO}])) *[part~=layer][part~=centered-layer] {
+        align-items: center;
+        justify-content: center;
+      }
+
+      :host(:not([${M.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
+      :host(:not([${M.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] {
+        align-self: stretch;
+        flex-grow: 1;
+      }
+
+      slot[name=middle-chrome] {
+        display: inline;
+        flex-grow: 1;
+        pointer-events: none;
+        background: none;
+      }
+
+      
+      ::slotted([slot=media]),
+      ::slotted([slot=poster]) {
+        width: 100%;
+        height: 100%;
+      }
+
+      
+      :host(:not([${M.AUDIO}])) .spacer {
+        flex-grow: 1;
+      }
+
+      
+      :host(:-webkit-full-screen) {
+        
+        width: 100% !important;
+        height: 100% !important;
+      }
+
+      
+      ::slotted(:not([slot=media]):not([slot=poster]):not([${M.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) {
+        opacity: 1;
+        transition: var(--media-control-transition-in, opacity 0.25s);
+      }
+
+      
+      :host([${M.USER_INACTIVE}]:not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_AIRPLAYING}]):not([${s.MEDIA_IS_CASTING}]):not([${M.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${M.NO_AUTOHIDE}]):not([role=dialog])) {
+        opacity: 0;
+        transition: var(--media-control-transition-out, opacity 1s);
+      }
+
+      :host([${M.USER_INACTIVE}]:not([${M.NO_AUTOHIDE}]):not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_CASTING}]):not([${M.AUDIO}])) ::slotted([slot=media]) {
+        cursor: none;
+      }
+
+      :host([${M.USER_INACTIVE}][${M.AUTOHIDE_OVER_CONTROLS}]:not([${M.NO_AUTOHIDE}]):not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_CASTING}]):not([${M.AUDIO}])) * {
+        --media-cursor: none;
+        cursor: none;
+      }
+
+
+      ::slotted(media-control-bar)  {
+        align-self: stretch;
+      }
+
+      
+      :host(:not([${M.AUDIO}])[${s.MEDIA_HAS_PLAYED}]) slot[name=poster] {
+        display: none;
+      }
+
+      ::slotted([role=dialog]) {
+        width: 100%;
+        height: 100%;
+        align-self: center;
+      }
+
+      ::slotted([role=menu]) {
+        align-self: end;
+      }
+    </style>
+
+    <slot name="media" part="layer media-layer"></slot>
+    <slot name="poster" part="layer poster-layer"></slot>
+    <slot name="gestures-chrome" part="layer gesture-layer">
+      <media-gesture-receiver slot="gestures-chrome">
+        <template shadowrootmode="${Ta.shadowRootOptions.mode}">
+          ${Ta.getTemplateHTML({})}
+        </template>
+      </media-gesture-receiver>
+    </slot>
+    <span part="layer vertical-layer">
+      <slot name="top-chrome" part="top chrome"></slot>
+      <slot name="middle-chrome" part="middle chrome"></slot>
+      <slot name="centered-chrome" part="layer centered-layer center centered chrome"></slot>
+      
+      <slot part="bottom chrome"></slot>
+    </span>
+    <slot name="dialog" part="layer dialog-layer"></slot>
+  `}var kv=Object.values(s),Lv="sm:384 md:576 lg:768 xl:960";function wv(i){rh(i.target,i.contentRect.width)}function rh(i,e){var t;if(!i.isConnected)return;let r=(t=i.getAttribute(M.BREAKPOINTS))!=null?t:Lv,o=Iv(r),n=Cv(o,e),a=!1;if(Object.keys(o).forEach(l=>{if(n.includes(l)){i.hasAttribute(`breakpoint${l}`)||(i.setAttribute(`breakpoint${l}`,""),a=!0);return}i.hasAttribute(`breakpoint${l}`)&&(i.removeAttribute(`breakpoint${l}`),a=!0)}),a){let l=new CustomEvent(Pi.BREAKPOINTS_CHANGE,{detail:n});i.dispatchEvent(l)}i.breakpointsComputed||(i.breakpointsComputed=!0,i.dispatchEvent(new CustomEvent(Pi.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}function Iv(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function Cv(i,e){return Object.keys(i).filter(t=>e>=parseInt(i[t]))}var Ni=class extends d.HTMLElement{constructor(){if(super(),Be(this,Fl),Be(this,Kl),Be(this,ql),Be(this,jo),Be(this,wa),Be(this,Tr),Be(this,ka,0),Be(this,_r,null),Be(this,Jo,null),Be(this,yr,void 0),this.breakpointsComputed=!1,Be(this,Aa,new MutationObserver(Ke(this,Fl,eh).bind(this))),Be(this,Xo,!1),Be(this,Sa,t=>{Ve(this,Xo)||(setTimeout(()=>{wv(t),Ui(this,Xo,!1)},0),Ui(this,Xo,!0))}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let t=j(this.attributes),r=this.constructor.getTemplateHTML(t);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(r):this.shadowRoot.innerHTML=r}let e=this.querySelector(":scope > slot[slot=media]");e&&e.addEventListener("slotchange",()=>{if(!e.assignedElements({flatten:!0}).length){Ve(this,_r)&&this.mediaUnsetCallback(Ve(this,_r));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[M.AUTOHIDE,M.GESTURES_DISABLED].concat(kv).filter(e=>![s.MEDIA_RENDITION_LIST,s.MEDIA_AUDIO_TRACK_LIST,s.MEDIA_CHAPTERS_CUES,s.MEDIA_WIDTH,s.MEDIA_HEIGHT,s.MEDIA_ERROR,s.MEDIA_ERROR_MESSAGE].includes(e))}attributeChangedCallback(e,t,r){e.toLowerCase()==M.AUTOHIDE&&(this.autohide=r)}get media(){let e=this.querySelector(":scope > [slot=media]");return(e==null?void 0:e.nodeName)=="SLOT"&&(e=e.assignedElements({flatten:!0})[0]),e}async handleMediaUpdated(e){e&&(Ui(this,_r,e),e.localName.includes("-")&&await d.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;Ve(this,Aa).observe(this,{childList:!0,subtree:!0}),Pt(this,Ve(this,Sa));let r=this.getAttribute(M.AUDIO)!=null?E("audio player"):E("video player");this.setAttribute("role","region"),this.setAttribute("aria-label",r),this.handleMediaUpdated(this.media),this.setAttribute(M.USER_INACTIVE,""),rh(this,this.getBoundingClientRect().width),this.addEventListener("pointerdown",this),this.addEventListener("pointermove",this),this.addEventListener("pointerup",this),this.addEventListener("mouseleave",this),this.addEventListener("keyup",this),(e=d.window)==null||e.addEventListener("mouseup",this)}disconnectedCallback(){var e;Ve(this,Aa).disconnect(),Dt(this,Ve(this,Sa)),this.media&&this.mediaUnsetCallback(this.media),(e=d.window)==null||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){Ui(this,_r,null)}handleEvent(e){switch(e.type){case"pointerdown":Ui(this,ka,e.timeStamp);break;case"pointermove":Ke(this,Kl,th).call(this,e);break;case"pointerup":Ke(this,ql,ih).call(this,e);break;case"mouseleave":Ke(this,jo,La).call(this);break;case"mouseup":this.removeAttribute(M.KEYBOARD_CONTROL);break;case"keyup":Ke(this,Tr,en).call(this),this.setAttribute(M.KEYBOARD_CONTROL,"");break}}set autohide(e){let t=Number(e);Ui(this,yr,isNaN(t)?0:t)}get autohide(){return(Ve(this,yr)===void 0?2:Ve(this,yr)).toString()}get breakpoints(){return P(this,M.BREAKPOINTS)}set breakpoints(e){D(this,M.BREAKPOINTS,e)}get audio(){return w(this,M.AUDIO)}set audio(e){I(this,M.AUDIO,e)}get gesturesDisabled(){return w(this,M.GESTURES_DISABLED)}set gesturesDisabled(e){I(this,M.GESTURES_DISABLED,e)}get keyboardControl(){return w(this,M.KEYBOARD_CONTROL)}set keyboardControl(e){I(this,M.KEYBOARD_CONTROL,e)}get noAutohide(){return w(this,M.NO_AUTOHIDE)}set noAutohide(e){I(this,M.NO_AUTOHIDE,e)}get autohideOverControls(){return w(this,M.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){I(this,M.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return w(this,M.USER_INACTIVE)}set userInteractive(e){I(this,M.USER_INACTIVE,e)}};ka=new WeakMap;_r=new WeakMap;Jo=new WeakMap;yr=new WeakMap;Aa=new WeakMap;Fl=new WeakSet;eh=function(i){let e=this.media;for(let t of i){if(t.type!=="childList")continue;let r=t.removedNodes;for(let o of r){if(o.slot!="media"||t.target!=this)continue;let n=t.previousSibling&&t.previousSibling.previousElementSibling;if(!n||!e)this.mediaUnsetCallback(o);else{let a=n.slot!=="media";for(;(n=n.previousSibling)!==null;)n.slot=="media"&&(a=!1);a&&this.mediaUnsetCallback(o)}}if(e)for(let o of t.addedNodes)o===e&&this.handleMediaUpdated(e)}};Xo=new WeakMap;Sa=new WeakMap;Kl=new WeakSet;th=function(i){if(i.pointerType!=="mouse"&&i.timeStamp-Ve(this,ka)<250)return;Ke(this,wa,zl).call(this),clearTimeout(Ve(this,Jo));let e=this.hasAttribute(M.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(i.target)||e)&&Ke(this,Tr,en).call(this)};ql=new WeakSet;ih=function(i){if(i.pointerType==="touch"){let e=!this.hasAttribute(M.USER_INACTIVE);[this,this.media].includes(i.target)&&e?Ke(this,jo,La).call(this):Ke(this,Tr,en).call(this)}else i.composedPath().some(e=>["media-play-button","media-fullscreen-button"].includes(e==null?void 0:e.localName))&&Ke(this,Tr,en).call(this)};jo=new WeakSet;La=function(){if(Ve(this,yr)<0||this.hasAttribute(M.USER_INACTIVE))return;this.setAttribute(M.USER_INACTIVE,"");let i=new d.CustomEvent(Pi.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(i)};wa=new WeakSet;zl=function(){if(!this.hasAttribute(M.USER_INACTIVE))return;this.removeAttribute(M.USER_INACTIVE);let i=new d.CustomEvent(Pi.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(i)};Tr=new WeakSet;en=function(){Ke(this,wa,zl).call(this),clearTimeout(Ve(this,Jo));let i=parseInt(this.autohide);i<0||Ui(this,Jo,setTimeout(()=>{Ke(this,jo,La).call(this)},i*1e3))};Ni.shadowRootOptions={mode:"open"};Ni.getTemplateHTML=Sv;d.customElements.get("media-container")||d.customElements.define("media-container",Ni);var oh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ge=(i,e,t)=>(oh(i,e,"read from private field"),t?t.call(i):e.get(i)),tn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ia=(i,e,t,r)=>(oh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Ar,Sr,Ca,$i,Ot,Qt,Zt=class{constructor(e,t,{defaultValue:r}={defaultValue:void 0}){tn(this,Ot),tn(this,Ar,void 0),tn(this,Sr,void 0),tn(this,Ca,void 0),tn(this,$i,new Set),Ia(this,Ar,e),Ia(this,Sr,t),Ia(this,Ca,new Set(r))}[Symbol.iterator](){return ge(this,Ot,Qt).values()}get length(){return ge(this,Ot,Qt).size}get value(){var e;return(e=[...ge(this,Ot,Qt)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(Ia(this,$i,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...ge(this,Ot,Qt)][e]}values(){return ge(this,Ot,Qt).values()}forEach(e,t){ge(this,Ot,Qt).forEach(e,t)}add(...e){var t,r;e.forEach(o=>ge(this,$i).add(o)),!(this.value===""&&!((t=ge(this,Ar))!=null&&t.hasAttribute(`${ge(this,Sr)}`)))&&((r=ge(this,Ar))==null||r.setAttribute(`${ge(this,Sr)}`,`${this.value}`))}remove(...e){var t;e.forEach(r=>ge(this,$i).delete(r)),(t=ge(this,Ar))==null||t.setAttribute(`${ge(this,Sr)}`,`${this.value}`)}contains(e){return ge(this,Ot,Qt).has(e)}toggle(e,t){return typeof t<"u"?t?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,t){return this.remove(e),this.add(t),e===t}};Ar=new WeakMap;Sr=new WeakMap;Ca=new WeakMap;$i=new WeakMap;Ot=new WeakSet;Qt=function(){return ge(this,$i).size?ge(this,$i):ge(this,Ca)};var Mv=(i="")=>i.split(/\s+/),nh=(i="")=>{let[e,t,r]=i.split(":"),o=r?decodeURIComponent(r):void 0;return{kind:e==="cc"?Me.CAPTIONS:Me.SUBTITLES,language:t,label:o}},Hi=(i="",e={})=>Mv(i).map(t=>{let r=nh(t);return{...e,...r}}),Yl=i=>i?Array.isArray(i)?i.map(e=>typeof e=="string"?nh(e):e):typeof i=="string"?Hi(i):[i]:[],Ma=({kind:i,label:e,language:t}={kind:"subtitles"})=>e?`${i==="captions"?"cc":"sb"}:${t}:${encodeURIComponent(e)}`:t,Ut=(i=[])=>Array.prototype.map.call(i,Ma).join(" "),Rv=(i,e)=>t=>t[i]===e,ah=i=>{let e=Object.entries(i).map(([t,r])=>Rv(t,r));return t=>e.every(r=>r(t))},Bi=(i,e=[],t=[])=>{let r=Yl(t).map(ah),o=n=>r.some(a=>a(n));Array.from(e).filter(o).forEach(n=>{n.mode=i})},Vi=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:ah(e);return Array.from(i.textTracks).filter(t)},Ra=i=>{var e;return!!((e=i.mediaSubtitlesShowing)!=null&&e.length)||i.hasAttribute(s.MEDIA_SUBTITLES_SHOWING)};var lh=i=>{var e;let{media:t,fullscreenElement:r}=i;try{let o=r&&"requestFullscreen"in r?"requestFullscreen":r&&"webkitRequestFullScreen"in r?"webkitRequestFullScreen":void 0;if(o){let n=(e=r[o])==null?void 0:e.call(r);if(n instanceof Promise)return n.catch(()=>{})}else t!=null&&t.webkitEnterFullscreen?t.webkitEnterFullscreen():t!=null&&t.requestFullscreen&&t.requestFullscreen()}catch(o){console.error(o)}},sh="exitFullscreen"in ee?"exitFullscreen":"webkitExitFullscreen"in ee?"webkitExitFullscreen":"webkitCancelFullScreen"in ee?"webkitCancelFullScreen":void 0,dh=i=>{var e;let{documentElement:t}=i;if(sh){let r=(e=t==null?void 0:t[sh])==null?void 0:e.call(t);if(r instanceof Promise)return r.catch(()=>{})}},rn="fullscreenElement"in ee?"fullscreenElement":"webkitFullscreenElement"in ee?"webkitFullscreenElement":void 0,xv=i=>{let{documentElement:e,media:t}=i,r=e==null?void 0:e[rn];return!r&&"webkitDisplayingFullscreen"in t&&"webkitPresentationMode"in t&&t.webkitDisplayingFullscreen&&t.webkitPresentationMode===$u.FULLSCREEN?t:r},ch=i=>{var e;let{media:t,documentElement:r,fullscreenElement:o=t}=i;if(!t||!r)return!1;let n=xv(i);if(!n)return!1;if(n===o||n===t)return!0;if(n.localName.includes("-")){let a=n.shadowRoot;if(!(rn in a))return Ae(n,o);for(;a!=null&&a[rn];){if(a[rn]===o)return!0;a=(e=a[rn])==null?void 0:e.shadowRoot}}return!1},Pv="fullscreenEnabled"in ee?"fullscreenEnabled":"webkitFullscreenEnabled"in ee?"webkitFullscreenEnabled":void 0,uh=i=>{let{documentElement:e,media:t}=i;return!!(e!=null&&e[Pv])||t&&"webkitSupportsFullscreen"in t};var xa,Ql=()=>{var i,e;return xa||(xa=(e=(i=ee)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),xa)},hh=async(i=Ql())=>{if(!i)return!1;let e=i.volume;i.volume=e/2+.1;let t=new AbortController,r=await Promise.race([Dv(i,t.signal),Ov(i,e)]);return t.abort(),r},Dv=(i,e)=>new Promise(t=>{i.addEventListener("volumechange",()=>t(!0),{signal:e})}),Ov=async(i,e)=>{for(let t=0;t<10;t++){if(i.volume===e)return!1;await pa(10)}return i.volume!==e},Uv=/.*Version\/.*Safari\/.*/.test(d.navigator.userAgent),Zl=(i=Ql())=>d.matchMedia("(display-mode: standalone)").matches&&Uv?!1:typeof(i==null?void 0:i.requestPictureInPicture)=="function",Xl=(i=Ql())=>uh({documentElement:ee,media:i}),ph=Xl(),mh=Zl(),vh=!!d.WebKitPlaybackTargetAvailabilityEvent,fh=!!d.chrome;var kr=i=>Vi(i.media,e=>[Me.SUBTITLES,Me.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),Jl=i=>Vi(i.media,e=>e.mode===zt.SHOWING&&[Me.SUBTITLES,Me.CAPTIONS].includes(e.kind)),Pa=(i,e)=>{let t=kr(i),r=Jl(i),o=!!r.length;if(t.length){if(e===!1||o&&e!==!0)Bi(zt.DISABLED,t,r);else if(e===!0||!o&&e!==!1){let n=t[0],{options:a}=i;if(!(a!=null&&a.noSubtitlesLangPref)){let h=globalThis.localStorage.getItem("media-chrome-pref-subtitles-lang"),v=h?[h,...globalThis.navigator.languages]:globalThis.navigator.languages,g=t.filter(m=>v.some(A=>m.language.toLowerCase().startsWith(A.split("-")[0]))).sort((m,A)=>{let f=v.findIndex(O=>m.language.toLowerCase().startsWith(O.split("-")[0])),R=v.findIndex(O=>A.language.toLowerCase().startsWith(O.split("-")[0]));return f-R});g[0]&&(n=g[0])}let{language:l,label:c,kind:p}=n;Bi(zt.DISABLED,t,r),Bi(zt.SHOWING,t,[{language:l,label:c,kind:p}])}}},Da=(i,e)=>i===e?!0:i==null||e==null||typeof i!=typeof e?!1:typeof i=="number"&&Number.isNaN(i)&&Number.isNaN(e)?!0:typeof i!="object"?!1:Array.isArray(i)?Nv(i,e):Object.entries(i).every(([t,r])=>t in e&&Da(r,e[t])),Nv=(i,e)=>{let t=Array.isArray(i),r=Array.isArray(e);return t!==r?!1:t||r?i.length!==e.length?!1:i.every((o,n)=>Da(o,e[n])):!0};var $v=Object.values(Xe),Oa,Hv=hh().then(i=>(Oa=i,Oa)),gh=async(...i)=>{await Promise.all(i.filter(e=>e).map(async e=>{if(!("localName"in e&&e instanceof d.HTMLElement))return;let t=e.localName;if(!t.includes("-"))return;let r=d.customElements.get(t);r&&e instanceof r||(await d.customElements.whenDefined(t),d.customElements.upgrade(e))}))},Bv=new d.DOMParser,Vv=i=>i&&(Bv.parseFromString(i,"text/html").body.textContent||i),Lr={mediaError:{get(i,e){let{media:t}=i;if((e==null?void 0:e.type)!=="playing")return t==null?void 0:t.error},mediaEvents:["emptied","error","playing"]},mediaErrorCode:{get(i,e){var t;let{media:r}=i;if((e==null?void 0:e.type)!=="playing")return(t=r==null?void 0:r.error)==null?void 0:t.code},mediaEvents:["emptied","error","playing"]},mediaErrorMessage:{get(i,e){var t,r;let{media:o}=i;if((e==null?void 0:e.type)!=="playing")return(r=(t=o==null?void 0:o.error)==null?void 0:t.message)!=null?r:""},mediaEvents:["emptied","error","playing"]},mediaWidth:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoWidth)!=null?e:0},mediaEvents:["resize"]},mediaHeight:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoHeight)!=null?e:0},mediaEvents:["resize"]},mediaPaused:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.paused)!=null?e:!0},set(i,e){var t;let{media:r}=e;r&&(i?r.pause():(t=r.play())==null||t.catch(()=>{}))},mediaEvents:["play","playing","pause","emptied"]},mediaHasPlayed:{get(i,e){let{media:t}=i;return t?e?e.type==="playing":!t.paused:!1},mediaEvents:["playing","emptied"]},mediaEnded:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.ended)!=null?e:!1},mediaEvents:["seeked","ended","emptied"]},mediaPlaybackRate:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.playbackRate)!=null?e:1},set(i,e){let{media:t}=e;t&&Number.isFinite(+i)&&(t.playbackRate=+i)},mediaEvents:["ratechange","loadstart"]},mediaMuted:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.muted)!=null?e:!1},set(i,e){let{media:t,options:{noMutedPref:r}={}}=e;if(t){t.muted=i;try{let o=d.localStorage.getItem("media-chrome-pref-muted")!==null,n=t.hasAttribute("muted");if(r){o&&d.localStorage.removeItem("media-chrome-pref-muted");return}if(n&&!o)return;d.localStorage.setItem("media-chrome-pref-muted",i?"true":"false")}catch(o){console.debug("Error setting muted pref",o)}}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(i,e)=>{let{options:{noMutedPref:t}}=e,{media:r}=e;if(!(!r||r.muted||t))try{let o=d.localStorage.getItem("media-chrome-pref-muted")==="true";Lr.mediaMuted.set(o,e),i(o)}catch(o){console.debug("Error getting muted pref",o)}}]},mediaLoop:{get(i){let{media:e}=i;return e==null?void 0:e.loop},set(i,e){let{media:t}=e;t&&(t.loop=i)},mediaEvents:["medialooprequest"]},mediaVolume:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.volume)!=null?e:1},set(i,e){let{media:t,options:{noVolumePref:r}={}}=e;if(t){try{i==null?d.localStorage.removeItem("media-chrome-pref-volume"):!t.hasAttribute("muted")&&!r&&d.localStorage.setItem("media-chrome-pref-volume",i.toString())}catch(o){console.debug("Error setting volume pref",o)}Number.isFinite(+i)&&(t.volume=+i)}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(i,e)=>{let{options:{noVolumePref:t}}=e;if(!t)try{let{media:r}=e;if(!r)return;let o=d.localStorage.getItem("media-chrome-pref-volume");if(o==null)return;Lr.mediaVolume.set(+o,e),i(+o)}catch(r){console.debug("Error getting volume pref",r)}}]},mediaVolumeLevel:{get(i){let{media:e}=i;return typeof(e==null?void 0:e.volume)>"u"?"high":e.muted||e.volume===0?"off":e.volume<.5?"low":e.volume<.75?"medium":"high"},mediaEvents:["volumechange"]},mediaCurrentTime:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.currentTime)!=null?e:0},set(i,e){let{media:t}=e;!t||!Er(i)||(t.currentTime=i)},mediaEvents:["timeupdate","loadedmetadata"]},mediaDuration:{get(i){let{media:e,options:{defaultDuration:t}={}}=i;return t&&(!e||!e.duration||Number.isNaN(e.duration)||!Number.isFinite(e.duration))?t:Number.isFinite(e==null?void 0:e.duration)?e.duration:Number.NaN},mediaEvents:["durationchange","loadedmetadata","emptied"]},mediaLoading:{get(i){let{media:e}=i;return(e==null?void 0:e.readyState)<3},mediaEvents:["waiting","playing","emptied"]},mediaSeekable:{get(i){var e;let{media:t}=i;if(!((e=t==null?void 0:t.seekable)!=null&&e.length))return;let r=t.seekable.start(0),o=t.seekable.end(t.seekable.length-1);if(!(!r&&!o))return[Number(r.toFixed(3)),Number(o.toFixed(3))]},mediaEvents:["loadedmetadata","emptied","progress","seekablechange"]},mediaBuffered:{get(i){var e;let{media:t}=i,r=(e=t==null?void 0:t.buffered)!=null?e:[];return Array.from(r).map((o,n)=>[Number(r.start(n).toFixed(3)),Number(r.end(n).toFixed(3))])},mediaEvents:["progress","emptied"]},mediaStreamType:{get(i){let{media:e,options:{defaultStreamType:t}={}}=i,r=[Xe.LIVE,Xe.ON_DEMAND].includes(t)?t:void 0;if(!e)return r;let{streamType:o}=e;if($v.includes(o))return o===Xe.UNKNOWN?r:o;let n=e.duration;return n===1/0?Xe.LIVE:Number.isFinite(n)?Xe.ON_DEMAND:r},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(i){let{media:e}=i;if(!e)return Number.NaN;let{targetLiveWindow:t}=e,r=Lr.mediaStreamType.get(i);return(t==null||Number.isNaN(t))&&r===Xe.LIVE?0:t},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},mediaTimeIsLive:{get(i){let{media:e,options:{liveEdgeOffset:t=10}={}}=i;if(!e)return!1;if(typeof e.liveEdgeStart=="number")return Number.isNaN(e.liveEdgeStart)?!1:e.currentTime>=e.liveEdgeStart;if(!(Lr.mediaStreamType.get(i)===Xe.LIVE))return!1;let o=e.seekable;if(!o)return!0;if(!o.length)return!1;let n=o.end(o.length-1)-t;return e.currentTime>=n},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get(i){return kr(i).map(({kind:e,label:t,language:r})=>({kind:e,label:t,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get(i){return Jl(i).map(({kind:e,label:t,language:r})=>({kind:e,label:t,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,e)=>{var t,r;let{media:o,options:n}=e;if(!o)return;let a=l=>{var c;!n.defaultSubtitles||l&&![Me.CAPTIONS,Me.SUBTITLES].includes((c=l==null?void 0:l.track)==null?void 0:c.kind)||Pa(e,!0)};return o.addEventListener("loadstart",a),(t=o.textTracks)==null||t.addEventListener("addtrack",a),(r=o.textTracks)==null||r.addEventListener("removetrack",a),()=>{var l,c;o.removeEventListener("loadstart",a),(l=o.textTracks)==null||l.removeEventListener("addtrack",a),(c=o.textTracks)==null||c.removeEventListener("removetrack",a)}}]},mediaChaptersCues:{get(i){var e;let{media:t}=i;if(!t)return[];let[r]=Vi(t,{kind:Me.CHAPTERS});return Array.from((e=r==null?void 0:r.cues)!=null?e:[]).map(({text:o,startTime:n,endTime:a})=>({text:Vv(o),startTime:n,endTime:a}))},mediaEvents:["loadstart","loadedmetadata"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:r}=e;if(!r)return;let o=r.querySelector('track[kind="chapters"][default][src]'),n=(t=r.shadowRoot)==null?void 0:t.querySelector(':is(video,audio) > track[kind="chapters"][default][src]');return o==null||o.addEventListener("load",i),n==null||n.addEventListener("load",i),()=>{o==null||o.removeEventListener("load",i),n==null||n.removeEventListener("load",i)}}]},mediaIsPip:{get(i){var e,t;let{media:r,documentElement:o}=i;if(!r||!o||!o.pictureInPictureElement)return!1;if(o.pictureInPictureElement===r)return!0;if(o.pictureInPictureElement instanceof HTMLMediaElement)return(e=r.localName)!=null&&e.includes("-")?Ae(r,o.pictureInPictureElement):!1;if(o.pictureInPictureElement.localName.includes("-")){let n=o.pictureInPictureElement.shadowRoot;for(;n!=null&&n.pictureInPictureElement;){if(n.pictureInPictureElement===r)return!0;n=(t=n.pictureInPictureElement)==null?void 0:t.shadowRoot}}return!1},set(i,e){let{media:t}=e;if(t)if(i){if(!ee.pictureInPictureEnabled){console.warn("MediaChrome: Picture-in-picture is not enabled");return}if(!t.requestPictureInPicture){console.warn("MediaChrome: The current media does not support picture-in-picture");return}let r=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};t.requestPictureInPicture().catch(o=>{if(o.code===11){if(!t.src){console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a src set.");return}if(t.readyState===0&&t.preload==="none"){let n=()=>{t.removeEventListener("loadedmetadata",a),t.preload="none"},a=()=>{t.requestPictureInPicture().catch(r),n()};t.addEventListener("loadedmetadata",a),t.preload="metadata",setTimeout(()=>{t.readyState===0&&r(),n()},1e3)}else throw o}else throw o})}else ee.pictureInPictureElement&&ee.exitPictureInPicture()},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},mediaRenditionList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.videoRenditions)!=null?e:[]].map(r=>({...r}))},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaRenditionSelected:{get(i){var e,t,r;let{media:o}=i;return(r=(t=o==null?void 0:o.videoRenditions)==null?void 0:t[(e=o.videoRenditions)==null?void 0:e.selectedIndex])==null?void 0:r.id},set(i,e){let{media:t}=e;if(!(t!=null&&t.videoRenditions)){console.warn("MediaController: Rendition selection not supported by this media.");return}let r=i,o=Array.prototype.findIndex.call(t.videoRenditions,n=>n.id==r);t.videoRenditions.selectedIndex!=o&&(t.videoRenditions.selectedIndex=o)},mediaEvents:["emptied"],videoRenditionsEvents:["addrendition","removerendition","change"]},mediaAudioTrackList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.audioTracks)!=null?e:[]]},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaAudioTrackEnabled:{get(i){var e,t;let{media:r}=i;return(t=[...(e=r==null?void 0:r.audioTracks)!=null?e:[]].find(o=>o.enabled))==null?void 0:t.id},set(i,e){let{media:t}=e;if(!(t!=null&&t.audioTracks)){console.warn("MediaChrome: Audio track selection not supported by this media.");return}let r=i;for(let o of t.audioTracks)o.enabled=r==o.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]},mediaIsFullscreen:{get(i){return ch(i)},set(i,e,t){var r;i?(lh(e),t.detail&&((r=e.media)==null||r.focus())):dh(e)},rootEvents:["fullscreenchange","webkitfullscreenchange"],mediaEvents:["webkitbeginfullscreen","webkitendfullscreen","webkitpresentationmodechanged"]},mediaIsCasting:{get(i){var e;let{media:t}=i;return!(t!=null&&t.remote)||((e=t.remote)==null?void 0:e.state)==="disconnected"?!1:!!t.remote.state},set(i,e){var t,r;let{media:o}=e;if(o&&!(i&&((t=o.remote)==null?void 0:t.state)!=="disconnected")&&!(!i&&((r=o.remote)==null?void 0:r.state)!=="connected")){if(typeof o.remote.prompt!="function"){console.warn("MediaChrome: Casting is not supported in this environment");return}o.remote.prompt().catch(()=>{})}},remoteEvents:["connect","connecting","disconnect"]},mediaIsAirplaying:{get(){return!1},set(i,e){let{media:t}=e;if(t){if(!(t.webkitShowPlaybackTargetPicker&&d.WebKitPlaybackTargetAvailabilityEvent)){console.error("MediaChrome: received a request to select AirPlay but AirPlay is not supported in this environment");return}t.webkitShowPlaybackTargetPicker()}},mediaEvents:["webkitcurrentplaybacktargetiswirelesschanged"]},mediaFullscreenUnavailable:{get(i){let{media:e}=i;if(!ph||!Xl(e))return Re.UNSUPPORTED}},mediaPipUnavailable:{get(i){let{media:e}=i;if(!mh||!Zl(e))return Re.UNSUPPORTED;if(e!=null&&e.disablePictureInPicture)return Re.UNAVAILABLE}},mediaVolumeUnavailable:{get(i){let{media:e}=i;if(Oa===!1||(e==null?void 0:e.volume)==null)return Re.UNSUPPORTED},stateOwnersUpdateHandlers:[i=>{Oa==null&&Hv.then(e=>i(e?void 0:Re.UNSUPPORTED))}]},mediaCastUnavailable:{get(i,{availability:e="not-available"}={}){var t;let{media:r}=i;if(!fh||!((t=r==null?void 0:r.remote)!=null&&t.state))return Re.UNSUPPORTED;if(!(e==null||e==="available"))return Re.UNAVAILABLE},stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:r}=e;return r?(r.disableRemotePlayback||r.hasAttribute("disableremoteplayback")||(t=r==null?void 0:r.remote)==null||t.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=r==null?void 0:r.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaAirplayUnavailable:{get(i,e){if(!vh)return Re.UNSUPPORTED;if((e==null?void 0:e.availability)==="not-available")return Re.UNAVAILABLE},mediaEvents:["webkitplaybacktargetavailabilitychanged"],stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:r}=e;return r?(r.disableRemotePlayback||r.hasAttribute("disableremoteplayback")||(t=r==null?void 0:r.remote)==null||t.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=r==null?void 0:r.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaRenditionUnavailable:{get(i){var e;let{media:t}=i;if(!(t!=null&&t.videoRenditions))return Re.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return Re.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(i){var e,t;let{media:r}=i;if(!(r!=null&&r.audioTracks))return Re.UNSUPPORTED;if(((t=(e=r.audioTracks)==null?void 0:e.length)!=null?t:0)<=1)return Re.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaLang:{get(i){let{options:{mediaLang:e}={}}=i;return e??"en"}}};var Eh={[b.MEDIA_PREVIEW_REQUEST](i,e,{detail:t}){var r,o,n;let{media:a}=e,l=t??void 0,c,p;if(a&&l!=null){let[m]=Vi(a,{kind:Me.METADATA,label:"thumbnails"}),A=Array.prototype.find.call((r=m==null?void 0:m.cues)!=null?r:[],(f,R,O)=>R===0?f.endTime>l:R===O.length-1?f.startTime<=l:f.startTime<=l&&f.endTime>l);if(A){let f=/'^(?:[a-z]+:)?\/\//i.test(A.text)||(o=a==null?void 0:a.querySelector('track[label="thumbnails"]'))==null?void 0:o.src,R=new URL(A.text,f);p=new URLSearchParams(R.hash).get("#xywh").split(",").map(Ne=>+Ne),c=R.href}}let h=i.mediaDuration.get(e),g=(n=i.mediaChaptersCues.get(e).find((m,A,f)=>A===f.length-1&&h===m.endTime?m.startTime<=l&&m.endTime>=l:m.startTime<=l&&m.endTime>l))==null?void 0:n.text;return t!=null&&g==null&&(g=""),{mediaPreviewTime:l,mediaPreviewImage:c,mediaPreviewCoords:p,mediaPreviewChapter:g}},[b.MEDIA_PAUSE_REQUEST](i,e){i["mediaPaused"].set(!0,e)},[b.MEDIA_PLAY_REQUEST](i,e){var t,r,o,n;let a="mediaPaused",c=i.mediaStreamType.get(e)===Xe.LIVE,p=!((t=e.options)!=null&&t.noAutoSeekToLive),h=i.mediaTargetLiveWindow.get(e)>0;if(c&&p&&!h){let v=(r=i.mediaSeekable.get(e))==null?void 0:r[1];if(v){let g=(n=(o=e.options)==null?void 0:o.seekToLiveOffset)!=null?n:0,m=v-g;i.mediaCurrentTime.set(m,e)}}i[a].set(!1,e)},[b.MEDIA_PLAYBACK_RATE_REQUEST](i,e,{detail:t}){let r="mediaPlaybackRate",o=t;i[r].set(o,e)},[b.MEDIA_MUTE_REQUEST](i,e){i["mediaMuted"].set(!0,e)},[b.MEDIA_UNMUTE_REQUEST](i,e){let t="mediaMuted";i.mediaVolume.get(e)||i.mediaVolume.set(.25,e),i[t].set(!1,e)},[b.MEDIA_LOOP_REQUEST](i,e,{detail:t}){let r="mediaLoop",o=!!t;return i[r].set(o,e),{mediaLoop:o}},[b.MEDIA_VOLUME_REQUEST](i,e,{detail:t}){let r="mediaVolume",o=t;o&&i.mediaMuted.get(e)&&i.mediaMuted.set(!1,e),i[r].set(o,e)},[b.MEDIA_SEEK_REQUEST](i,e,{detail:t}){let r="mediaCurrentTime",o=t;i[r].set(o,e)},[b.MEDIA_SEEK_TO_LIVE_REQUEST](i,e){var t,r,o;let n="mediaCurrentTime",a=(t=i.mediaSeekable.get(e))==null?void 0:t[1];if(Number.isNaN(Number(a)))return;let l=(o=(r=e.options)==null?void 0:r.seekToLiveOffset)!=null?o:0,c=a-l;i[n].set(c,e)},[b.MEDIA_SHOW_SUBTITLES_REQUEST](i,e,{detail:t}){var r;let{options:o}=e,n=kr(e),a=Yl(t),l=(r=a[0])==null?void 0:r.language;l&&!o.noSubtitlesLangPref&&d.localStorage.setItem("media-chrome-pref-subtitles-lang",l),Bi(zt.SHOWING,n,a)},[b.MEDIA_DISABLE_SUBTITLES_REQUEST](i,e,{detail:t}){let r=kr(e),o=t??[];Bi(zt.DISABLED,r,o)},[b.MEDIA_TOGGLE_SUBTITLES_REQUEST](i,e,{detail:t}){Pa(e,t)},[b.MEDIA_RENDITION_REQUEST](i,e,{detail:t}){let r="mediaRenditionSelected",o=t;i[r].set(o,e)},[b.MEDIA_AUDIO_TRACK_REQUEST](i,e,{detail:t}){let r="mediaAudioTrackEnabled",o=t;i[r].set(o,e)},[b.MEDIA_ENTER_PIP_REQUEST](i,e){let t="mediaIsPip";i.mediaIsFullscreen.get(e)&&i.mediaIsFullscreen.set(!1,e),i[t].set(!0,e)},[b.MEDIA_EXIT_PIP_REQUEST](i,e){i["mediaIsPip"].set(!1,e)},[b.MEDIA_ENTER_FULLSCREEN_REQUEST](i,e,t){let r="mediaIsFullscreen";i.mediaIsPip.get(e)&&i.mediaIsPip.set(!1,e),i[r].set(!0,e,t)},[b.MEDIA_EXIT_FULLSCREEN_REQUEST](i,e){i["mediaIsFullscreen"].set(!1,e)},[b.MEDIA_ENTER_CAST_REQUEST](i,e){let t="mediaIsCasting";i.mediaIsFullscreen.get(e)&&i.mediaIsFullscreen.set(!1,e),i[t].set(!0,e)},[b.MEDIA_EXIT_CAST_REQUEST](i,e){i["mediaIsCasting"].set(!1,e)},[b.MEDIA_AIRPLAY_REQUEST](i,e){i["mediaIsAirplaying"].set(!0,e)}};var bh=({media:i,fullscreenElement:e,documentElement:t,stateMediator:r=Lr,requestMap:o=Eh,options:n={},monitorStateOwnersOnlyWithSubscriptions:a=!0})=>{let l=[],c={options:{...n}},p=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),h=f=>{f!=null&&(Da(f,p)||(p=Object.freeze({...p,...f}),l.forEach(R=>R(p))))},v=()=>{let f=Object.entries(r).reduce((R,[O,{get:Ne}])=>(R[O]=Ne(c),R),{});h(f)},g={},m,A=async(f,R)=>{var O,Ne,nt,Co,cr,$c,yl,k,K,ne,te,G,pe,Rt,Mo,Hc;let wm=!!m;if(m={...c,...m??{},...f},wm)return;await gh(...Object.values(f));let ur=l.length>0&&R===0&&a,Bc=c.media!==m.media,Vc=((O=c.media)==null?void 0:O.textTracks)!==((Ne=m.media)==null?void 0:Ne.textTracks),Wc=((nt=c.media)==null?void 0:nt.videoRenditions)!==((Co=m.media)==null?void 0:Co.videoRenditions),Fc=((cr=c.media)==null?void 0:cr.audioTracks)!==(($c=m.media)==null?void 0:$c.audioTracks),Kc=((yl=c.media)==null?void 0:yl.remote)!==((k=m.media)==null?void 0:k.remote),qc=c.documentElement!==m.documentElement,Gc=!!c.media&&(Bc||ur),zc=!!((K=c.media)!=null&&K.textTracks)&&(Vc||ur),Yc=!!((ne=c.media)!=null&&ne.videoRenditions)&&(Wc||ur),Qc=!!((te=c.media)!=null&&te.audioTracks)&&(Fc||ur),Zc=!!((G=c.media)!=null&&G.remote)&&(Kc||ur),Xc=!!c.documentElement&&(qc||ur),Tl=Gc||zc||Yc||Qc||Zc||Xc,hr=l.length===0&&R===1&&a,Jc=!!m.media&&(Bc||hr),L=!!((pe=m.media)!=null&&pe.textTracks)&&(Vc||hr),jc=!!((Rt=m.media)!=null&&Rt.videoRenditions)&&(Wc||hr),eu=!!((Mo=m.media)!=null&&Mo.audioTracks)&&(Fc||hr),tu=!!((Hc=m.media)!=null&&Hc.remote)&&(Kc||hr),iu=!!m.documentElement&&(qc||hr),ru=Jc||L||jc||eu||tu||iu;if(!(Tl||ru)){Object.entries(m).forEach(([Y,Ro])=>{c[Y]=Ro}),v(),m=void 0;return}Object.entries(r).forEach(([Y,{get:Ro,mediaEvents:Im=[],textTracksEvents:Cm=[],videoRenditionsEvents:Mm=[],audioTracksEvents:Rm=[],remoteEvents:xm=[],rootEvents:Pm=[],stateOwnersUpdateHandlers:Dm=[]}])=>{g[Y]||(g[Y]={});let $e=ie=>{let ue=Ro(c,ie);h({[Y]:ue})},ve;ve=g[Y].mediaEvents,Im.forEach(ie=>{ve&&Gc&&(c.media.removeEventListener(ie,ve),g[Y].mediaEvents=void 0),Jc&&(m.media.addEventListener(ie,$e),g[Y].mediaEvents=$e)}),ve=g[Y].textTracksEvents,Cm.forEach(ie=>{var ue,Ze;ve&&zc&&((ue=c.media.textTracks)==null||ue.removeEventListener(ie,ve),g[Y].textTracksEvents=void 0),L&&((Ze=m.media.textTracks)==null||Ze.addEventListener(ie,$e),g[Y].textTracksEvents=$e)}),ve=g[Y].videoRenditionsEvents,Mm.forEach(ie=>{var ue,Ze;ve&&Yc&&((ue=c.media.videoRenditions)==null||ue.removeEventListener(ie,ve),g[Y].videoRenditionsEvents=void 0),jc&&((Ze=m.media.videoRenditions)==null||Ze.addEventListener(ie,$e),g[Y].videoRenditionsEvents=$e)}),ve=g[Y].audioTracksEvents,Rm.forEach(ie=>{var ue,Ze;ve&&Qc&&((ue=c.media.audioTracks)==null||ue.removeEventListener(ie,ve),g[Y].audioTracksEvents=void 0),eu&&((Ze=m.media.audioTracks)==null||Ze.addEventListener(ie,$e),g[Y].audioTracksEvents=$e)}),ve=g[Y].remoteEvents,xm.forEach(ie=>{var ue,Ze;ve&&Zc&&((ue=c.media.remote)==null||ue.removeEventListener(ie,ve),g[Y].remoteEvents=void 0),tu&&((Ze=m.media.remote)==null||Ze.addEventListener(ie,$e),g[Y].remoteEvents=$e)}),ve=g[Y].rootEvents,Pm.forEach(ie=>{ve&&Xc&&(c.documentElement.removeEventListener(ie,ve),g[Y].rootEvents=void 0),iu&&(m.documentElement.addEventListener(ie,$e),g[Y].rootEvents=$e)});let oa=g[Y].stateOwnersUpdateHandlers;if(oa&&Tl&&(Array.isArray(oa)?oa:[oa]).forEach(ue=>{typeof ue=="function"&&ue()}),ru){let ie=Dm.map(ue=>ue($e,m)).filter(ue=>typeof ue=="function");g[Y].stateOwnersUpdateHandlers=ie.length===1?ie[0]:ie}else Tl&&(g[Y].stateOwnersUpdateHandlers=void 0)}),Object.entries(m).forEach(([Y,Ro])=>{c[Y]=Ro}),v(),m=void 0};return A({media:i,fullscreenElement:e,documentElement:t,options:n}),{dispatch(f){let{type:R,detail:O}=f;if(o[R]&&p.mediaErrorCode==null){h(o[R](r,c,f));return}R==="mediaelementchangerequest"?A({media:O}):R==="fullscreenelementchangerequest"?A({fullscreenElement:O}):R==="documentelementchangerequest"?A({documentElement:O}):R==="optionschangerequest"&&(Object.entries(O??{}).forEach(([Ne,nt])=>{c.options[Ne]=nt}),v())},getState(){return p},subscribe(f){return A({},l.length+1),l.push(f),f(p),()=>{let R=l.indexOf(f);R>=0&&(A({},l.length-1),l.splice(R,1))}}}};var od=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},C=(i,e,t)=>(od(i,e,"read from private field"),t?t.call(i):e.get(i)),qe=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},lt=(i,e,t,r)=>(od(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ct=(i,e,t)=>(od(i,e,"access private method"),t),Xt,on,W,Fi,nn,dt,Ua,an,Na,jl,Ki,wr,$a,ed,td,Lh,wh=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Enter"," ","f","m","k","c","l","j",">","<","p"],_h=10,yh=.025,Th=.25,Wv=.25,Fv=2,y={DEFAULT_SUBTITLES:"defaultsubtitles",DEFAULT_STREAM_TYPE:"defaultstreamtype",DEFAULT_DURATION:"defaultduration",FULLSCREEN_ELEMENT:"fullscreenelement",HOTKEYS:"hotkeys",KEYBOARD_BACKWARD_SEEK_OFFSET:"keyboardbackwardseekoffset",KEYBOARD_FORWARD_SEEK_OFFSET:"keyboardforwardseekoffset",KEYBOARD_DOWN_VOLUME_STEP:"keyboarddownvolumestep",KEYBOARD_UP_VOLUME_STEP:"keyboardupvolumestep",KEYS_USED:"keysused",LANG:"lang",LOOP:"loop",LIVE_EDGE_OFFSET:"liveedgeoffset",NO_AUTO_SEEK_TO_LIVE:"noautoseektolive",NO_DEFAULT_STORE:"nodefaultstore",NO_HOTKEYS:"nohotkeys",NO_MUTED_PREF:"nomutedpref",NO_SUBTITLES_LANG_PREF:"nosubtitleslangpref",NO_VOLUME_PREF:"novolumepref",SEEK_TO_LIVE_OFFSET:"seektoliveoffset"},id=class extends Ni{constructor(){super(),qe(this,Na),qe(this,Ki),qe(this,$a),qe(this,td),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,qe(this,Xt,new Zt(this,y.HOTKEYS)),qe(this,on,void 0),qe(this,W,void 0),qe(this,Fi,null),qe(this,nn,void 0),qe(this,dt,void 0),qe(this,Ua,t=>{var r;(r=C(this,W))==null||r.dispatch(t)}),qe(this,an,void 0),this.associateElement(this);let e={};lt(this,nn,t=>{Object.entries(t).forEach(([r,o])=>{if(r in e&&e[r]===o)return;this.propagateMediaState(r,o);let n=r.toLowerCase(),a=new d.CustomEvent(Nu[n],{composed:!0,detail:o});this.dispatchEvent(a)}),e=t}),this.hasAttribute(y.NO_HOTKEYS)?this.disableHotkeys():this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat(y.NO_HOTKEYS,y.HOTKEYS,y.DEFAULT_STREAM_TYPE,y.DEFAULT_SUBTITLES,y.DEFAULT_DURATION,y.NO_MUTED_PREF,y.NO_VOLUME_PREF,y.LANG,y.LOOP)}get mediaStore(){return C(this,W)}set mediaStore(e){var t,r;if(C(this,W)&&((t=C(this,dt))==null||t.call(this),lt(this,dt,void 0)),lt(this,W,e),!C(this,W)&&!this.hasAttribute(y.NO_DEFAULT_STORE)){ct(this,Na,jl).call(this);return}lt(this,dt,(r=C(this,W))==null?void 0:r.subscribe(C(this,nn)))}get fullscreenElement(){var e;return(e=C(this,on))!=null?e:this}set fullscreenElement(e){var t;this.hasAttribute(y.FULLSCREEN_ELEMENT)&&this.removeAttribute(y.FULLSCREEN_ELEMENT),lt(this,on,e),(t=C(this,W))==null||t.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}get defaultSubtitles(){return w(this,y.DEFAULT_SUBTITLES)}set defaultSubtitles(e){I(this,y.DEFAULT_SUBTITLES,e)}get defaultStreamType(){return P(this,y.DEFAULT_STREAM_TYPE)}set defaultStreamType(e){D(this,y.DEFAULT_STREAM_TYPE,e)}get defaultDuration(){return $(this,y.DEFAULT_DURATION)}set defaultDuration(e){B(this,y.DEFAULT_DURATION,e)}get noHotkeys(){return w(this,y.NO_HOTKEYS)}set noHotkeys(e){I(this,y.NO_HOTKEYS,e)}get keysUsed(){return P(this,y.KEYS_USED)}set keysUsed(e){D(this,y.KEYS_USED,e)}get liveEdgeOffset(){return $(this,y.LIVE_EDGE_OFFSET)}set liveEdgeOffset(e){B(this,y.LIVE_EDGE_OFFSET,e)}get noAutoSeekToLive(){return w(this,y.NO_AUTO_SEEK_TO_LIVE)}set noAutoSeekToLive(e){I(this,y.NO_AUTO_SEEK_TO_LIVE,e)}get noVolumePref(){return w(this,y.NO_VOLUME_PREF)}set noVolumePref(e){I(this,y.NO_VOLUME_PREF,e)}get noMutedPref(){return w(this,y.NO_MUTED_PREF)}set noMutedPref(e){I(this,y.NO_MUTED_PREF,e)}get noSubtitlesLangPref(){return w(this,y.NO_SUBTITLES_LANG_PREF)}set noSubtitlesLangPref(e){I(this,y.NO_SUBTITLES_LANG_PREF,e)}get noDefaultStore(){return w(this,y.NO_DEFAULT_STORE)}set noDefaultStore(e){I(this,y.NO_DEFAULT_STORE,e)}attributeChangedCallback(e,t,r){var o,n,a,l,c,p,h,v,g,m,A,f;if(super.attributeChangedCallback(e,t,r),e===y.NO_HOTKEYS)r!==t&&r===""?(this.hasAttribute(y.HOTKEYS)&&console.warn("Media Chrome: Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):r!==t&&r===null&&this.enableHotkeys();else if(e===y.HOTKEYS)C(this,Xt).value=r;else if(e===y.DEFAULT_SUBTITLES&&r!==t)(o=C(this,W))==null||o.dispatch({type:"optionschangerequest",detail:{defaultSubtitles:this.hasAttribute(y.DEFAULT_SUBTITLES)}});else if(e===y.DEFAULT_STREAM_TYPE)(a=C(this,W))==null||a.dispatch({type:"optionschangerequest",detail:{defaultStreamType:(n=this.getAttribute(y.DEFAULT_STREAM_TYPE))!=null?n:void 0}});else if(e===y.LIVE_EDGE_OFFSET)(l=C(this,W))==null||l.dispatch({type:"optionschangerequest",detail:{liveEdgeOffset:this.hasAttribute(y.LIVE_EDGE_OFFSET)?+this.getAttribute(y.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(y.SEEK_TO_LIVE_OFFSET)?void 0:+this.getAttribute(y.LIVE_EDGE_OFFSET)}});else if(e===y.SEEK_TO_LIVE_OFFSET)(c=C(this,W))==null||c.dispatch({type:"optionschangerequest",detail:{seekToLiveOffset:this.hasAttribute(y.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(y.SEEK_TO_LIVE_OFFSET):void 0}});else if(e===y.NO_AUTO_SEEK_TO_LIVE)(p=C(this,W))==null||p.dispatch({type:"optionschangerequest",detail:{noAutoSeekToLive:this.hasAttribute(y.NO_AUTO_SEEK_TO_LIVE)}});else if(e===y.FULLSCREEN_ELEMENT){let R=r?(h=this.getRootNode())==null?void 0:h.getElementById(r):void 0;lt(this,on,R),(v=C(this,W))==null||v.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}else e===y.LANG&&r!==t?(Gu(r),(g=C(this,W))==null||g.dispatch({type:"optionschangerequest",detail:{mediaLang:r}})):e===y.LOOP&&r!==t?(m=C(this,W))==null||m.dispatch({type:b.MEDIA_LOOP_REQUEST,detail:r!=null}):e===y.NO_VOLUME_PREF&&r!==t?(A=C(this,W))==null||A.dispatch({type:"optionschangerequest",detail:{noVolumePref:this.hasAttribute(y.NO_VOLUME_PREF)}}):e===y.NO_MUTED_PREF&&r!==t&&((f=C(this,W))==null||f.dispatch({type:"optionschangerequest",detail:{noMutedPref:this.hasAttribute(y.NO_MUTED_PREF)}}))}connectedCallback(){var e,t;!C(this,W)&&!this.hasAttribute(y.NO_DEFAULT_STORE)&&ct(this,Na,jl).call(this),(e=C(this,W))==null||e.dispatch({type:"documentelementchangerequest",detail:ee}),super.connectedCallback(),C(this,W)&&!C(this,dt)&&lt(this,dt,(t=C(this,W))==null?void 0:t.subscribe(C(this,nn))),C(this,an)!==void 0&&C(this,W)&&this.media&&setTimeout(()=>{var r,o,n;(o=(r=this.media)==null?void 0:r.textTracks)!=null&&o.length&&((n=C(this,W))==null||n.dispatch({type:b.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:C(this,an)}))},0),this.hasAttribute(y.NO_HOTKEYS)?this.disableHotkeys():this.enableHotkeys()}disconnectedCallback(){var e,t,r,o,n;if((e=super.disconnectedCallback)==null||e.call(this),C(this,W)){let a=C(this,W).getState();lt(this,an,!!((t=a.mediaSubtitlesShowing)!=null&&t.length)),(r=C(this,W))==null||r.dispatch({type:"documentelementchangerequest",detail:void 0}),(o=C(this,W))==null||o.dispatch({type:b.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})}C(this,dt)&&((n=C(this,dt))==null||n.call(this),lt(this,dt,void 0))}mediaSetCallback(e){var t;super.mediaSetCallback(e),(t=C(this,W))==null||t.dispatch({type:"mediaelementchangerequest",detail:e}),e.hasAttribute("tabindex")||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),(t=C(this,W))==null||t.dispatch({type:"mediaelementchangerequest",detail:void 0})}propagateMediaState(e,t){kh(this.mediaStateReceivers,e,t)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let r=this.registerMediaStateReceiver.bind(this),o=this.unregisterMediaStateReceiver.bind(this),n=Qv(e,r,o);Object.values(b).forEach(a=>{e.addEventListener(a,C(this,Ua))}),t.set(e,n)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(!t.has(e))return;t.get(e)(),t.delete(e),Object.values(b).forEach(o=>{e.removeEventListener(o,C(this,Ua))})}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),C(this,W)&&Object.entries(C(this,W).getState()).forEach(([o,n])=>{kh([e],o,n)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,r=t.indexOf(e);r<0||t.splice(r,1)}enableHotkeys(){this.addEventListener("keydown",ct(this,$a,ed))}disableHotkeys(){this.removeEventListener("keydown",ct(this,$a,ed)),this.removeEventListener("keyup",ct(this,Ki,wr))}get hotkeys(){return P(this,y.HOTKEYS)}set hotkeys(e){D(this,y.HOTKEYS,e)}keyboardShortcutHandler(e){var t,r,o,n,a,l,c,p,h;let v=e.target;if(((o=(r=(t=v.getAttribute(y.KEYS_USED))==null?void 0:t.split(" "))!=null?r:v==null?void 0:v.keysUsed)!=null?o:[]).map(O=>O==="Space"?" ":O).filter(Boolean).includes(e.key))return;let m,A,f;if(!(C(this,Xt).contains(`no${e.key.toLowerCase()}`)||e.key===" "&&C(this,Xt).contains("nospace")||e.shiftKey&&(e.key==="/"||e.key==="?")&&C(this,Xt).contains("noshift+/")))switch(e.key){case" ":case"k":m=C(this,W).getState().mediaPaused?b.MEDIA_PLAY_REQUEST:b.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new d.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"m":m=this.mediaStore.getState().mediaVolumeLevel==="off"?b.MEDIA_UNMUTE_REQUEST:b.MEDIA_MUTE_REQUEST,this.dispatchEvent(new d.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"f":m=this.mediaStore.getState().mediaIsFullscreen?b.MEDIA_EXIT_FULLSCREEN_REQUEST:b.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new d.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"c":this.dispatchEvent(new d.CustomEvent(b.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}));break;case"ArrowLeft":case"j":{let O=this.hasAttribute(y.KEYBOARD_BACKWARD_SEEK_OFFSET)?+this.getAttribute(y.KEYBOARD_BACKWARD_SEEK_OFFSET):_h;A=Math.max(((n=this.mediaStore.getState().mediaCurrentTime)!=null?n:0)-O,0),f=new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"ArrowRight":case"l":{let O=this.hasAttribute(y.KEYBOARD_FORWARD_SEEK_OFFSET)?+this.getAttribute(y.KEYBOARD_FORWARD_SEEK_OFFSET):_h;A=Math.max(((a=this.mediaStore.getState().mediaCurrentTime)!=null?a:0)+O,0),f=new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"ArrowUp":{let O=this.hasAttribute(y.KEYBOARD_UP_VOLUME_STEP)?+this.getAttribute(y.KEYBOARD_UP_VOLUME_STEP):yh;A=Math.min(((l=this.mediaStore.getState().mediaVolume)!=null?l:1)+O,1),f=new d.CustomEvent(b.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"ArrowDown":{let O=this.hasAttribute(y.KEYBOARD_DOWN_VOLUME_STEP)?+this.getAttribute(y.KEYBOARD_DOWN_VOLUME_STEP):yh;A=Math.max(((c=this.mediaStore.getState().mediaVolume)!=null?c:1)-O,0),f=new d.CustomEvent(b.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"<":{let O=(p=this.mediaStore.getState().mediaPlaybackRate)!=null?p:1;A=Math.max(O-Th,Wv).toFixed(2),f=new d.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case">":{let O=(h=this.mediaStore.getState().mediaPlaybackRate)!=null?h:1;A=Math.min(O+Th,Fv).toFixed(2),f=new d.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"/":case"?":{e.shiftKey&&ct(this,td,Lh).call(this);break}case"p":{m=this.mediaStore.getState().mediaIsPip?b.MEDIA_EXIT_PIP_REQUEST:b.MEDIA_ENTER_PIP_REQUEST,f=new d.CustomEvent(m,{composed:!0,bubbles:!0}),this.dispatchEvent(f);break}default:break}}};Xt=new WeakMap;on=new WeakMap;W=new WeakMap;Fi=new WeakMap;nn=new WeakMap;dt=new WeakMap;Ua=new WeakMap;an=new WeakMap;Na=new WeakSet;jl=function(){var i;this.mediaStore=bh({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(y.DEFAULT_SUBTITLES),defaultDuration:this.hasAttribute(y.DEFAULT_DURATION)?+this.getAttribute(y.DEFAULT_DURATION):void 0,defaultStreamType:(i=this.getAttribute(y.DEFAULT_STREAM_TYPE))!=null?i:void 0,liveEdgeOffset:this.hasAttribute(y.LIVE_EDGE_OFFSET)?+this.getAttribute(y.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(y.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(y.SEEK_TO_LIVE_OFFSET):this.hasAttribute(y.LIVE_EDGE_OFFSET)?+this.getAttribute(y.LIVE_EDGE_OFFSET):void 0,noAutoSeekToLive:this.hasAttribute(y.NO_AUTO_SEEK_TO_LIVE),noVolumePref:this.hasAttribute(y.NO_VOLUME_PREF),noMutedPref:this.hasAttribute(y.NO_MUTED_PREF),noSubtitlesLangPref:this.hasAttribute(y.NO_SUBTITLES_LANG_PREF)}})};Ki=new WeakSet;wr=function(i){let{key:e,shiftKey:t}=i;if(!(t&&(e==="/"||e==="?")||wh.includes(e))){this.removeEventListener("keyup",ct(this,Ki,wr));return}this.keyboardShortcutHandler(i)};$a=new WeakSet;ed=function(i){var e;let{metaKey:t,altKey:r,key:o,shiftKey:n}=i,a=n&&(o==="/"||o==="?");if(a&&((e=C(this,Fi))!=null&&e.open)){this.removeEventListener("keyup",ct(this,Ki,wr));return}if(t||r||!a&&!wh.includes(o)){this.removeEventListener("keyup",ct(this,Ki,wr));return}let l=i.target,c=l instanceof HTMLElement&&(l.tagName.toLowerCase()==="media-volume-range"||l.tagName.toLowerCase()==="media-time-range");[" ","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(o)&&!(C(this,Xt).contains(`no${o.toLowerCase()}`)||o===" "&&C(this,Xt).contains("nospace"))&&!c&&i.preventDefault(),this.addEventListener("keyup",ct(this,Ki,wr),{once:!0})};td=new WeakSet;Lh=function(){C(this,Fi)||(lt(this,Fi,ee.createElement("media-keyboard-shortcuts-dialog")),this.appendChild(C(this,Fi))),C(this,Fi).open=!0};var Kv=Object.values(s),qv=Object.values($l),Ih=i=>{var e,t,r,o;let{observedAttributes:n}=i.constructor;!n&&((e=i.nodeName)!=null&&e.includes("-"))&&(d.customElements.upgrade(i),{observedAttributes:n}=i.constructor);let a=(o=(r=(t=i==null?void 0:i.getAttribute)==null?void 0:t.call(i,N.MEDIA_CHROME_ATTRIBUTES))==null?void 0:r.split)==null?void 0:o.call(r,/\s+/);return Array.isArray(n||a)?(n||a).filter(l=>Kv.includes(l)):[]},Gv=i=>{var e,t;return(e=i.nodeName)!=null&&e.includes("-")&&d.customElements.get((t=i.nodeName)==null?void 0:t.toLowerCase())&&!(i instanceof d.customElements.get(i.nodeName.toLowerCase()))&&d.customElements.upgrade(i),qv.some(r=>r in i)},rd=i=>Gv(i)||!!Ih(i).length,Ah=i=>{var e;return(e=i==null?void 0:i.join)==null?void 0:e.call(i,":")},Sh={[s.MEDIA_SUBTITLES_LIST]:Ut,[s.MEDIA_SUBTITLES_SHOWING]:Ut,[s.MEDIA_SEEKABLE]:Ah,[s.MEDIA_BUFFERED]:i=>i==null?void 0:i.map(Ah).join(" "),[s.MEDIA_PREVIEW_COORDS]:i=>i==null?void 0:i.join(" "),[s.MEDIA_RENDITION_LIST]:Hu,[s.MEDIA_AUDIO_TRACK_LIST]:Vu},zv=async(i,e,t)=>{var r,o;if(i.isConnected||await pa(0),typeof t=="boolean"||t==null)return I(i,e,t);if(typeof t=="number")return B(i,e,t);if(typeof t=="string")return D(i,e,t);if(Array.isArray(t)&&!t.length)return i.removeAttribute(e);let n=(o=(r=Sh[e])==null?void 0:r.call(Sh,t))!=null?o:t;return i.setAttribute(e,n)},Yv=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},Wi=(i,e)=>{if(Yv(i))return;let t=(o,n)=>{var a,l;rd(o)&&n(o);let{children:c=[]}=o??{},p=(l=(a=o==null?void 0:o.shadowRoot)==null?void 0:a.children)!=null?l:[];[...c,...p].forEach(v=>Wi(v,n))},r=i==null?void 0:i.nodeName.toLowerCase();if(r.includes("-")&&!rd(i)){d.customElements.whenDefined(r).then(()=>{t(i,e)});return}t(i,e)},kh=(i,e,t)=>{i.forEach(r=>{if(e in r){r[e]=t;return}let o=Ih(r),n=e.toLowerCase();o.includes(n)&&zv(r,n,t)})},Qv=(i,e,t)=>{Wi(i,e);let r=h=>{var v;let g=(v=h==null?void 0:h.composedPath()[0])!=null?v:h.target;e(g)},o=h=>{var v;let g=(v=h==null?void 0:h.composedPath()[0])!=null?v:h.target;t(g)};i.addEventListener(b.REGISTER_MEDIA_STATE_RECEIVER,r),i.addEventListener(b.UNREGISTER_MEDIA_STATE_RECEIVER,o);let n=h=>{h.forEach(v=>{let{addedNodes:g=[],removedNodes:m=[],type:A,target:f,attributeName:R}=v;A==="childList"?(Array.prototype.forEach.call(g,O=>Wi(O,e)),Array.prototype.forEach.call(m,O=>Wi(O,t))):A==="attributes"&&R===N.MEDIA_CHROME_ATTRIBUTES&&(rd(f)?e(f):t(f))})},a=[],l=h=>{let v=h.target;v.name!=="media"&&(a.forEach(g=>Wi(g,t)),a=[...v.assignedElements({flatten:!0})],a.forEach(g=>Wi(g,e)))};i.addEventListener("slotchange",l);let c=new MutationObserver(n);return c.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{Wi(i,t),i.removeEventListener("slotchange",l),c.disconnect(),i.removeEventListener(b.REGISTER_MEDIA_STATE_RECEIVER,r),i.removeEventListener(b.UNREGISTER_MEDIA_STATE_RECEIVER,o)}};d.customElements.get("media-controller")||d.customElements.define("media-controller",id);var Ir={PLACEMENT:"placement",BOUNDS:"bounds"};function Zv(i){return`
+    <style>
+      :host {
+        --_tooltip-background-color: var(--media-tooltip-background-color, var(--media-secondary-color, rgba(20, 20, 30, .7)));
+        --_tooltip-background: var(--media-tooltip-background, var(--_tooltip-background-color));
+        --_tooltip-arrow-half-width: calc(var(--media-tooltip-arrow-width, 12px) / 2);
+        --_tooltip-arrow-height: var(--media-tooltip-arrow-height, 5px);
+        --_tooltip-arrow-background: var(--media-tooltip-arrow-color, var(--_tooltip-background-color));
+        position: relative;
+        pointer-events: none;
+        display: var(--media-tooltip-display, inline-flex);
+        justify-content: center;
+        align-items: center;
+        box-sizing: border-box;
+        z-index: var(--media-tooltip-z-index, 1);
+        background: var(--_tooltip-background);
+        color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+        font: var(--media-font,
+          var(--media-font-weight, 400)
+          var(--media-font-size, 13px) /
+          var(--media-text-content-height, var(--media-control-height, 18px))
+          var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
+        padding: var(--media-tooltip-padding, .35em .7em);
+        border: var(--media-tooltip-border, none);
+        border-radius: var(--media-tooltip-border-radius, 5px);
+        filter: var(--media-tooltip-filter, drop-shadow(0 0 4px rgba(0, 0, 0, .2)));
+        white-space: var(--media-tooltip-white-space, nowrap);
+      }
+
+      :host([hidden]) {
+        display: none;
+      }
+
+      img, svg {
+        display: inline-block;
+      }
+
+      #arrow {
+        position: absolute;
+        width: 0px;
+        height: 0px;
+        border-style: solid;
+        display: var(--media-tooltip-arrow-display, block);
+      }
+
+      :host(:not([placement])),
+      :host([placement="top"]) {
+        position: absolute;
+        bottom: calc(100% + var(--media-tooltip-distance, 12px));
+        left: 50%;
+        transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0);
+      }
+      :host(:not([placement])) #arrow,
+      :host([placement="top"]) #arrow {
+        top: 100%;
+        left: 50%;
+        border-width: var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width);
+        border-color: var(--_tooltip-arrow-background) transparent transparent transparent;
+        transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0);
+      }
+
+      :host([placement="right"]) {
+        position: absolute;
+        left: calc(100% + var(--media-tooltip-distance, 12px));
+        top: 50%;
+        transform: translate(0, -50%);
+      }
+      :host([placement="right"]) #arrow {
+        top: 50%;
+        right: 100%;
+        border-width: var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0;
+        border-color: transparent var(--_tooltip-arrow-background) transparent transparent;
+        transform: translate(0, -50%);
+      }
+
+      :host([placement="bottom"]) {
+        position: absolute;
+        top: calc(100% + var(--media-tooltip-distance, 12px));
+        left: 50%;
+        transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0);
+      }
+      :host([placement="bottom"]) #arrow {
+        bottom: 100%;
+        left: 50%;
+        border-width: 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width);
+        border-color: transparent transparent var(--_tooltip-arrow-background) transparent;
+        transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0);
+      }
+
+      :host([placement="left"]) {
+        position: absolute;
+        right: calc(100% + var(--media-tooltip-distance, 12px));
+        top: 50%;
+        transform: translate(0, -50%);
+      }
+      :host([placement="left"]) #arrow {
+        top: 50%;
+        left: 100%;
+        border-width: var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height);
+        border-color: transparent transparent transparent var(--_tooltip-arrow-background);
+        transform: translate(0, -50%);
+      }
+      
+      :host([placement="none"]) #arrow {
+        display: none;
+      }
+    </style>
+    <slot></slot>
+    <div id="arrow"></div>
+  `}var Cr=class extends d.HTMLElement{constructor(){if(super(),this.updateXOffset=()=>{var e;if(!_a(this,{checkOpacity:!1,checkVisibilityCSS:!1}))return;let t=this.placement;if(t==="left"||t==="right"){this.style.removeProperty("--media-tooltip-offset-x");return}let r=getComputedStyle(this),o=(e=st(this,"#"+this.bounds))!=null?e:X(this);if(!o)return;let{x:n,width:a}=o.getBoundingClientRect(),{x:l,width:c}=this.getBoundingClientRect(),p=l+c,h=n+a,v=r.getPropertyValue("--media-tooltip-offset-x"),g=v?parseFloat(v.replace("px","")):0,m=r.getPropertyValue("--media-tooltip-container-margin"),A=m?parseFloat(m.replace("px","")):0,f=l-n+g-A,R=p-h+g+A;if(f<0){this.style.setProperty("--media-tooltip-offset-x",`${f}px`);return}if(R>0){this.style.setProperty("--media-tooltip-offset-x",`${R}px`);return}this.style.removeProperty("--media-tooltip-offset-x")},!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}if(this.arrowEl=this.shadowRoot.querySelector("#arrow"),Object.prototype.hasOwnProperty.call(this,"placement")){let e=this.placement;delete this.placement,this.placement=e}}static get observedAttributes(){return[Ir.PLACEMENT,Ir.BOUNDS]}get placement(){return P(this,Ir.PLACEMENT)}set placement(e){D(this,Ir.PLACEMENT,e)}get bounds(){return P(this,Ir.BOUNDS)}set bounds(e){D(this,Ir.BOUNDS,e)}};Cr.shadowRootOptions={mode:"open"};Cr.getTemplateHTML=Zv;d.customElements.get("media-tooltip")||d.customElements.define("media-tooltip",Cr);var Ha=Cr;var ad=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},he=(i,e,t)=>(ad(i,e,"read from private field"),t?t.call(i):e.get(i)),Mr=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ba=(i,e,t,r)=>(ad(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Xv=(i,e,t)=>(ad(i,e,"access private method"),t),ut,xr,jt,Rr,Va,nd,Ch,Jt={TOOLTIP_PLACEMENT:"tooltipplacement",DISABLED:"disabled",NO_TOOLTIP:"notooltip"};function Jv(i,e={}){return`
+    <style>
+      :host {
+        position: relative;
+        font: var(--media-font,
+          var(--media-font-weight, bold)
+          var(--media-font-size, 14px) /
+          var(--media-text-content-height, var(--media-control-height, 24px))
+          var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
+        color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+        background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
+        padding: var(--media-button-padding, var(--media-control-padding, 10px));
+        justify-content: var(--media-button-justify-content, center);
+        display: inline-flex;
+        align-items: center;
+        vertical-align: middle;
+        box-sizing: border-box;
+        transition: background .15s linear;
+        pointer-events: auto;
+        cursor: var(--media-cursor, pointer);
+        -webkit-tap-highlight-color: transparent;
+      }
+
+      
+      :host(:focus-visible) {
+        box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
+        outline: 0;
+      }
+      
+      :host(:where(:focus)) {
+        box-shadow: none;
+        outline: 0;
+      }
+
+      :host(:hover) {
+        background: var(--media-control-hover-background, rgba(50 50 70 / .7));
+      }
+
+      svg, img, ::slotted(svg), ::slotted(img) {
+        width: var(--media-button-icon-width);
+        height: var(--media-button-icon-height, var(--media-control-height, 24px));
+        transform: var(--media-button-icon-transform);
+        transition: var(--media-button-icon-transition);
+        fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
+        vertical-align: middle;
+        max-width: 100%;
+        max-height: 100%;
+        min-width: 100%;
+      }
+
+      media-tooltip {
+        
+        max-width: 0;
+        overflow-x: clip;
+        opacity: 0;
+        transition: opacity .3s, max-width 0s 9s;
+      }
+
+      :host(:hover) media-tooltip,
+      :host(:focus-visible) media-tooltip {
+        max-width: 100vw;
+        opacity: 1;
+        transition: opacity .3s;
+      }
+
+      :host([notooltip]) slot[name="tooltip"] {
+        display: none;
+      }
+    </style>
+
+    ${this.getSlotTemplateHTML(i,e)}
+
+    <slot name="tooltip">
+      <media-tooltip part="tooltip" aria-hidden="true">
+        <template shadowrootmode="${Ha.shadowRootOptions.mode}">
+          ${Ha.getTemplateHTML({})}
+        </template>
+        <slot name="tooltip-content">
+          ${this.getTooltipContentHTML(i)}
+        </slot>
+      </media-tooltip>
+    </slot>
+  `}function jv(i,e){return`
+    <slot></slot>
+  `}function ef(){return""}var F=class extends d.HTMLElement{constructor(){if(super(),Mr(this,nd),Mr(this,ut,void 0),this.preventClick=!1,this.tooltipEl=null,Mr(this,xr,e=>{this.preventClick||this.handleClick(e),setTimeout(he(this,jt),0)}),Mr(this,jt,()=>{var e,t;(t=(e=this.tooltipEl)==null?void 0:e.updateXOffset)==null||t.call(e)}),Mr(this,Rr,e=>{let{key:t}=e;if(!this.keysUsed.includes(t)){this.removeEventListener("keyup",he(this,Rr));return}this.preventClick||this.handleClick(e)}),Mr(this,Va,e=>{let{metaKey:t,altKey:r,key:o}=e;if(t||r||!this.keysUsed.includes(o)){this.removeEventListener("keyup",he(this,Rr));return}this.addEventListener("keyup",he(this,Rr),{once:!0})}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.tooltipEl=this.shadowRoot.querySelector("media-tooltip")}static get observedAttributes(){return["disabled",Jt.TOOLTIP_PLACEMENT,N.MEDIA_CONTROLLER,s.MEDIA_LANG]}enable(){this.addEventListener("click",he(this,xr)),this.addEventListener("keydown",he(this,Va)),this.tabIndex=0}disable(){this.removeEventListener("click",he(this,xr)),this.removeEventListener("keydown",he(this,Va)),this.removeEventListener("keyup",he(this,Rr)),this.tabIndex=-1}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===N.MEDIA_CONTROLLER?(t&&((n=(o=he(this,ut))==null?void 0:o.unassociateElement)==null||n.call(o,this),Ba(this,ut,null)),r&&this.isConnected&&(Ba(this,ut,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=he(this,ut))==null?void 0:l.associateElement)==null||c.call(l,this))):e==="disabled"&&r!==t?r==null?this.enable():this.disable():e===Jt.TOOLTIP_PLACEMENT&&this.tooltipEl&&r!==t?this.tooltipEl.placement=r:e===s.MEDIA_LANG&&(this.shadowRoot.querySelector('slot[name="tooltip-content"]').innerHTML=this.constructor.getTooltipContentHTML()),he(this,jt).call(this)}connectedCallback(){var e,t,r;let{style:o}=J(this.shadowRoot,":host");o.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),this.hasAttribute("disabled")?this.disable():this.enable(),this.setAttribute("role","button");let n=this.getAttribute(N.MEDIA_CONTROLLER);n&&(Ba(this,ut,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(r=(t=he(this,ut))==null?void 0:t.associateElement)==null||r.call(t,this)),d.customElements.whenDefined("media-tooltip").then(()=>Xv(this,nd,Ch).call(this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=he(this,ut))==null?void 0:e.unassociateElement)==null||t.call(e,this),Ba(this,ut,null),this.removeEventListener("mouseenter",he(this,jt)),this.removeEventListener("focus",he(this,jt)),this.removeEventListener("click",he(this,xr))}get keysUsed(){return["Enter"," "]}get tooltipPlacement(){return P(this,Jt.TOOLTIP_PLACEMENT)}set tooltipPlacement(e){D(this,Jt.TOOLTIP_PLACEMENT,e)}get mediaController(){return P(this,N.MEDIA_CONTROLLER)}set mediaController(e){D(this,N.MEDIA_CONTROLLER,e)}get disabled(){return w(this,Jt.DISABLED)}set disabled(e){I(this,Jt.DISABLED,e)}get noTooltip(){return w(this,Jt.NO_TOOLTIP)}set noTooltip(e){I(this,Jt.NO_TOOLTIP,e)}handleClick(e){}};ut=new WeakMap;xr=new WeakMap;jt=new WeakMap;Rr=new WeakMap;Va=new WeakMap;nd=new WeakSet;Ch=function(){this.addEventListener("mouseenter",he(this,jt)),this.addEventListener("focus",he(this,jt)),this.addEventListener("click",he(this,xr));let i=this.tooltipPlacement;i&&this.tooltipEl&&(this.tooltipEl.placement=i)};F.shadowRootOptions={mode:"open"};F.getTemplateHTML=Jv;F.getSlotTemplateHTML=jv;F.getTooltipContentHTML=ef;d.customElements.get("media-chrome-button")||d.customElements.define("media-chrome-button",F);var Mh=`<svg aria-hidden="true" viewBox="0 0 26 24">
+  <path d="M22.13 3H3.87a.87.87 0 0 0-.87.87v13.26a.87.87 0 0 0 .87.87h3.4L9 16H5V5h16v11h-4l1.72 2h3.4a.87.87 0 0 0 .87-.87V3.87a.87.87 0 0 0-.86-.87Zm-8.75 11.44a.5.5 0 0 0-.76 0l-4.91 5.73a.5.5 0 0 0 .38.83h9.82a.501.501 0 0 0 .38-.83l-4.91-5.73Z"/>
+</svg>
+`;function tf(i){return`
+    <style>
+      :host([${s.MEDIA_IS_AIRPLAYING}]) slot[name=icon] slot:not([name=exit]) {
+        display: none !important;
+      }
+
+      
+      :host(:not([${s.MEDIA_IS_AIRPLAYING}])) slot[name=icon] slot:not([name=enter]) {
+        display: none !important;
+      }
+
+      :host([${s.MEDIA_IS_AIRPLAYING}]) slot[name=tooltip-enter],
+      :host(:not([${s.MEDIA_IS_AIRPLAYING}])) slot[name=tooltip-exit] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="enter">${Mh}</slot>
+      <slot name="exit">${Mh}</slot>
+    </slot>
+  `}function rf(){return`
+    <slot name="tooltip-enter">${E("start airplay")}</slot>
+    <slot name="tooltip-exit">${E("stop airplay")}</slot>
+  `}var Rh=i=>{let e=i.mediaIsAirplaying?E("stop airplay"):E("start airplay");i.setAttribute("aria-label",e)},sn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_AIRPLAYING,s.MEDIA_AIRPLAY_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Rh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_AIRPLAYING&&Rh(this)}get mediaIsAirplaying(){return w(this,s.MEDIA_IS_AIRPLAYING)}set mediaIsAirplaying(e){I(this,s.MEDIA_IS_AIRPLAYING,e)}get mediaAirplayUnavailable(){return P(this,s.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){D(this,s.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new d.CustomEvent(b.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};sn.getSlotTemplateHTML=tf;sn.getTooltipContentHTML=rf;d.customElements.get("media-airplay-button")||d.customElements.define("media-airplay-button",sn);var of=`<svg aria-hidden="true" viewBox="0 0 26 24">
+  <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>
+</svg>`,nf=`<svg aria-hidden="true" viewBox="0 0 26 24">
+  <path d="M17.73 14.09a1.4 1.4 0 0 1-1 .37 1.579 1.579 0 0 1-1.27-.58A3 3 0 0 1 15 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34A2.89 2.89 0 0 0 19 9.07a3 3 0 0 0-2.14-.78 3.14 3.14 0 0 0-2.42 1 3.91 3.91 0 0 0-.93 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.17 3.17 0 0 0 1.07-1.74l-1.4-.45c-.083.43-.3.822-.62 1.12Zm-7.22 0a1.43 1.43 0 0 1-1 .37 1.58 1.58 0 0 1-1.27-.58A3 3 0 0 1 7.76 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34a2.81 2.81 0 0 0-.74-1.32 2.94 2.94 0 0 0-2.13-.78 3.18 3.18 0 0 0-2.43 1 4 4 0 0 0-.92 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.23 3.23 0 0 0 1.07-1.74l-1.4-.45a2.06 2.06 0 0 1-.6 1.07Zm12.32-8.41a2.59 2.59 0 0 0-2.3-2.51C18.72 3.05 15.86 3 13 3c-2.86 0-5.72.05-7.53.17a2.59 2.59 0 0 0-2.3 2.51c-.23 4.207-.23 8.423 0 12.63a2.57 2.57 0 0 0 2.3 2.5c1.81.13 4.67.19 7.53.19 2.86 0 5.72-.06 7.53-.19a2.57 2.57 0 0 0 2.3-2.5c.23-4.207.23-8.423 0-12.63Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.14-.21-8.29 0-12.43a1.11 1.11 0 0 1 .91-1.11C7.24 4.56 10 4.49 13 4.49s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.14.21 8.29 0 12.43Z"/>
+</svg>`;function af(i){return`
+    <style>
+      :host([aria-checked="true"]) slot[name=off] {
+        display: none !important;
+      }
+
+      
+      :host(:not([aria-checked="true"])) slot[name=on] {
+        display: none !important;
+      }
+
+      :host([aria-checked="true"]) slot[name=tooltip-enable],
+      :host(:not([aria-checked="true"])) slot[name=tooltip-disable] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="on">${of}</slot>
+      <slot name="off">${nf}</slot>
+    </slot>
+  `}function sf(){return`
+    <slot name="tooltip-enable">${E("Enable captions")}</slot>
+    <slot name="tooltip-disable">${E("Disable captions")}</slot>
+  `}var xh=i=>{i.setAttribute("aria-checked",Ra(i).toString())},ln=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_SUBTITLES_LIST,s.MEDIA_SUBTITLES_SHOWING]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",E("closed captions")),xh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_SUBTITLES_SHOWING&&xh(this)}get mediaSubtitlesList(){return Ph(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Dh(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Ph(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Dh(this,s.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new d.CustomEvent(b.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}};ln.getSlotTemplateHTML=af;ln.getTooltipContentHTML=sf;var Ph=(i,e)=>{let t=i.getAttribute(e);return t?Hi(t):[]},Dh=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let r=Ut(t);i.getAttribute(e)!==r&&i.setAttribute(e,r)};d.customElements.get("media-captions-button")||d.customElements.define("media-captions-button",ln);var lf='<svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/></g></svg>',df='<svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/><path class="cast_caf_icon_boxfill" d="M5,7 L5,8.63 C8,8.6 13.37,14 13.37,17 L19,17 L19,7 Z"/></g></svg>';function cf(i){return`
+    <style>
+      :host([${s.MEDIA_IS_CASTING}]) slot[name=icon] slot:not([name=exit]) {
+        display: none !important;
+      }
+
+      
+      :host(:not([${s.MEDIA_IS_CASTING}])) slot[name=icon] slot:not([name=enter]) {
+        display: none !important;
+      }
+
+      :host([${s.MEDIA_IS_CASTING}]) slot[name=tooltip-enter],
+      :host(:not([${s.MEDIA_IS_CASTING}])) slot[name=tooltip-exit] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="enter">${lf}</slot>
+      <slot name="exit">${df}</slot>
+    </slot>
+  `}function uf(){return`
+    <slot name="tooltip-enter">${E("Start casting")}</slot>
+    <slot name="tooltip-exit">${E("Stop casting")}</slot>
+  `}var Oh=i=>{let e=i.mediaIsCasting?E("stop casting"):E("start casting");i.setAttribute("aria-label",e)},dn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_CASTING,s.MEDIA_CAST_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Oh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_CASTING&&Oh(this)}get mediaIsCasting(){return w(this,s.MEDIA_IS_CASTING)}set mediaIsCasting(e){I(this,s.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return P(this,s.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){D(this,s.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?b.MEDIA_EXIT_CAST_REQUEST:b.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new d.CustomEvent(e,{composed:!0,bubbles:!0}))}};dn.getSlotTemplateHTML=cf;dn.getTooltipContentHTML=uf;d.customElements.get("media-cast-button")||d.customElements.define("media-cast-button",dn);var pd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Gi=(i,e,t)=>(pd(i,e,"read from private field"),t?t.call(i):e.get(i)),Nt=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},md=(i,e,t,r)=>(pd(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),qi=(i,e,t)=>(pd(i,e,"access private method"),t),Fa,un,zi,Wa,sd,ld,Uh,dd,Nh,cd,$h,ud,Hh,hd,Bh;function hf(i){return`
+    <style>
+      :host {
+        font: var(--media-font,
+          var(--media-font-weight, normal)
+          var(--media-font-size, 14px) /
+          var(--media-text-content-height, var(--media-control-height, 24px))
+          var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
+        color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+        display: var(--media-dialog-display, inline-flex);
+        justify-content: center;
+        align-items: center;
+        
+        transition-behavior: allow-discrete;
+        visibility: hidden;
+        opacity: 0;
+        transform: translateY(2px) scale(.99);
+        pointer-events: none;
+      }
+
+      :host([open]) {
+        transition: display .2s, visibility 0s, opacity .2s ease-out, transform .15s ease-out;
+        visibility: visible;
+        opacity: 1;
+        transform: translateY(0) scale(1);
+        pointer-events: auto;
+      }
+
+      #content {
+        display: flex;
+        position: relative;
+        box-sizing: border-box;
+        width: min(320px, 100%);
+        word-wrap: break-word;
+        max-height: 100%;
+        overflow: auto;
+        text-align: center;
+        line-height: 1.4;
+      }
+    </style>
+    ${this.getSlotTemplateHTML(i)}
+  `}function pf(i){return`
+    <slot id="content"></slot>
+  `}var cn={OPEN:"open",ANCHOR:"anchor"},ht=class extends d.HTMLElement{constructor(){super(),Nt(this,Wa),Nt(this,ld),Nt(this,dd),Nt(this,cd),Nt(this,ud),Nt(this,hd),Nt(this,Fa,!1),Nt(this,un,null),Nt(this,zi,null),this.addEventListener("invoke",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this)}static get observedAttributes(){return[cn.OPEN,cn.ANCHOR]}get open(){return w(this,cn.OPEN)}set open(e){I(this,cn.OPEN,e)}handleEvent(e){switch(e.type){case"invoke":qi(this,cd,$h).call(this,e);break;case"focusout":qi(this,ud,Hh).call(this,e);break;case"keydown":qi(this,hd,Bh).call(this,e);break}}connectedCallback(){qi(this,Wa,sd).call(this),this.role||(this.role="dialog")}attributeChangedCallback(e,t,r){qi(this,Wa,sd).call(this),e===cn.OPEN&&r!==t&&(this.open?qi(this,ld,Uh).call(this):qi(this,dd,Nh).call(this))}focus(){md(this,un,Qo());let e=!this.dispatchEvent(new Event("focus",{composed:!0,cancelable:!0})),t=!this.dispatchEvent(new Event("focusin",{composed:!0,bubbles:!0,cancelable:!0}));if(e||t)return;let r=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');r==null||r.focus()}get keysUsed(){return["Escape","Tab"]}};Fa=new WeakMap;un=new WeakMap;zi=new WeakMap;Wa=new WeakSet;sd=function(){if(!Gi(this,Fa)&&(md(this,Fa,!0),!this.shadowRoot)){this.attachShadow(this.constructor.shadowRootOptions);let i=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(i),queueMicrotask(()=>{let{style:e}=J(this.shadowRoot,":host");e.setProperty("transition","display .15s, visibility .15s, opacity .15s ease-in, transform .15s ease-in")})}};ld=new WeakSet;Uh=function(){var i;(i=Gi(this,zi))==null||i.setAttribute("aria-expanded","true"),this.dispatchEvent(new Event("open",{composed:!0,bubbles:!0})),this.addEventListener("transitionend",()=>this.focus(),{once:!0})};dd=new WeakSet;Nh=function(){var i;(i=Gi(this,zi))==null||i.setAttribute("aria-expanded","false"),this.dispatchEvent(new Event("close",{composed:!0,bubbles:!0}))};cd=new WeakSet;$h=function(i){md(this,zi,i.relatedTarget),Ae(this,i.relatedTarget)||(this.open=!this.open)};ud=new WeakSet;Hh=function(i){var e;Ae(this,i.relatedTarget)||((e=Gi(this,un))==null||e.focus(),Gi(this,zi)&&Gi(this,zi)!==i.relatedTarget&&this.open&&(this.open=!1))};hd=new WeakSet;Bh=function(i){var e,t,r,o,n;let{key:a,ctrlKey:l,altKey:c,metaKey:p}=i;l||c||p||this.keysUsed.includes(a)&&(i.preventDefault(),i.stopPropagation(),a==="Tab"?(i.shiftKey?(t=(e=this.previousElementSibling)==null?void 0:e.focus)==null||t.call(e):(o=(r=this.nextElementSibling)==null?void 0:r.focus)==null||o.call(r),this.blur()):a==="Escape"&&((n=Gi(this,un))==null||n.focus(),this.open=!1))};ht.shadowRootOptions={mode:"open"};ht.getTemplateHTML=hf;ht.getSlotTemplateHTML=pf;d.customElements.get("media-chrome-dialog")||d.customElements.define("media-chrome-dialog",ht);var yd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},oe=(i,e,t)=>(yd(i,e,"read from private field"),t?t.call(i):e.get(i)),be=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ei=(i,e,t,r)=>(yd(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),je=(i,e,t)=>(yd(i,e,"access private method"),t),pt,ja,Ka,qa,et,Xa,Ga,za,Ya,Td,Vh,Qa,vd,Za,fd,Ja,Ad,gd,Wh,Ed,Fh,bd,Kh,_d,qh;function mf(i){return`
+    <style>
+      :host {
+        --_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
+        --_media-range-padding: var(--media-range-padding, var(--media-control-padding, 10px));
+
+        box-shadow: var(--_focus-visible-box-shadow, none);
+        background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
+        height: calc(var(--media-control-height, 24px) + 2 * var(--_media-range-padding));
+        display: inline-flex;
+        align-items: center;
+        
+        vertical-align: middle;
+        box-sizing: border-box;
+        position: relative;
+        width: 100px;
+        transition: background .15s linear;
+        cursor: var(--media-cursor, pointer);
+        pointer-events: auto;
+        touch-action: none; 
+      }
+
+      
+      input[type=range]:focus {
+        outline: 0;
+      }
+      input[type=range]:focus::-webkit-slider-runnable-track {
+        outline: 0;
+      }
+
+      :host(:hover) {
+        background: var(--media-control-hover-background, rgb(50 50 70 / .7));
+      }
+
+      #leftgap {
+        padding-left: var(--media-range-padding-left, var(--_media-range-padding));
+      }
+
+      #rightgap {
+        padding-right: var(--media-range-padding-right, var(--_media-range-padding));
+      }
+
+      #startpoint,
+      #endpoint {
+        position: absolute;
+      }
+
+      #endpoint {
+        right: 0;
+      }
+
+      #container {
+        
+        width: var(--media-range-track-width, 100%);
+        transform: translate(var(--media-range-track-translate-x, 0px), var(--media-range-track-translate-y, 0px));
+        position: relative;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        min-width: 40px;
+      }
+
+      #range {
+        
+        display: var(--media-time-range-hover-display, block);
+        bottom: var(--media-time-range-hover-bottom, -7px);
+        height: var(--media-time-range-hover-height, max(100% + 7px, 25px));
+        width: 100%;
+        position: absolute;
+        cursor: var(--media-cursor, pointer);
+
+        -webkit-appearance: none; 
+        -webkit-tap-highlight-color: transparent;
+        background: transparent; 
+        margin: 0;
+        z-index: 1;
+      }
+
+      @media (hover: hover) {
+        #range {
+          bottom: var(--media-time-range-hover-bottom, -5px);
+          height: var(--media-time-range-hover-height, max(100% + 5px, 20px));
+        }
+      }
+
+      
+      
+      #range::-webkit-slider-thumb {
+        -webkit-appearance: none;
+        background: transparent;
+        width: .1px;
+        height: .1px;
+      }
+
+      
+      #range::-moz-range-thumb {
+        background: transparent;
+        border: transparent;
+        width: .1px;
+        height: .1px;
+      }
+
+      #appearance {
+        height: var(--media-range-track-height, 4px);
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        width: 100%;
+        position: absolute;
+        
+        will-change: transform;
+      }
+
+      #track {
+        background: var(--media-range-track-background, rgb(255 255 255 / .2));
+        border-radius: var(--media-range-track-border-radius, 1px);
+        border: var(--media-range-track-border, none);
+        outline: var(--media-range-track-outline);
+        outline-offset: var(--media-range-track-outline-offset);
+        backdrop-filter: var(--media-range-track-backdrop-filter);
+        -webkit-backdrop-filter: var(--media-range-track-backdrop-filter);
+        box-shadow: var(--media-range-track-box-shadow, none);
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+      }
+
+      #progress,
+      #pointer {
+        position: absolute;
+        height: 100%;
+        will-change: width;
+      }
+
+      #progress {
+        background: var(--media-range-bar-color, var(--media-primary-color, rgb(238 238 238)));
+        transition: var(--media-range-track-transition);
+      }
+
+      #pointer {
+        background: var(--media-range-track-pointer-background);
+        border-right: var(--media-range-track-pointer-border-right);
+        transition: visibility .25s, opacity .25s;
+        visibility: hidden;
+        opacity: 0;
+      }
+
+      @media (hover: hover) {
+        :host(:hover) #pointer {
+          transition: visibility .5s, opacity .5s;
+          visibility: visible;
+          opacity: 1;
+        }
+      }
+
+      #thumb,
+      ::slotted([slot=thumb]) {
+        width: var(--media-range-thumb-width, 10px);
+        height: var(--media-range-thumb-height, 10px);
+        transition: var(--media-range-thumb-transition);
+        transform: var(--media-range-thumb-transform, none);
+        opacity: var(--media-range-thumb-opacity, 1);
+        translate: -50%;
+        position: absolute;
+        left: 0;
+        cursor: var(--media-cursor, pointer);
+      }
+
+      #thumb {
+        border-radius: var(--media-range-thumb-border-radius, 10px);
+        background: var(--media-range-thumb-background, var(--media-primary-color, rgb(238 238 238)));
+        box-shadow: var(--media-range-thumb-box-shadow, 1px 1px 1px transparent);
+        border: var(--media-range-thumb-border, none);
+      }
+
+      :host([disabled]) #thumb {
+        background-color: #777;
+      }
+
+      .segments #appearance {
+        height: var(--media-range-segment-hover-height, 7px);
+      }
+
+      #track {
+        clip-path: url(#segments-clipping);
+      }
+
+      #segments {
+        --segments-gap: var(--media-range-segments-gap, 2px);
+        position: absolute;
+        width: 100%;
+        height: 100%;
+      }
+
+      #segments-clipping {
+        transform: translateX(calc(var(--segments-gap) / 2));
+      }
+
+      #segments-clipping:empty {
+        display: none;
+      }
+
+      #segments-clipping rect {
+        height: var(--media-range-track-height, 4px);
+        y: calc((var(--media-range-segment-hover-height, 7px) - var(--media-range-track-height, 4px)) / 2);
+        transition: var(--media-range-segment-transition, transform .1s ease-in-out);
+        transform: var(--media-range-segment-transform, scaleY(1));
+        transform-origin: center;
+      }
+    </style>
+    <div id="leftgap"></div>
+    <div id="container">
+      <div id="startpoint"></div>
+      <div id="endpoint"></div>
+      <div id="appearance">
+        <div id="track" part="track">
+          <div id="pointer"></div>
+          <div id="progress" part="progress"></div>
+        </div>
+        <slot name="thumb">
+          <div id="thumb" part="thumb"></div>
+        </slot>
+        <svg id="segments"><clipPath id="segments-clipping"></clipPath></svg>
+      </div>
+      <input id="range" type="range" min="0" max="1" step="any" value="0">
+
+      ${this.getContainerTemplateHTML(i)}
+    </div>
+    <div id="rightgap"></div>
+  `}function vf(i){return""}var mt=class extends d.HTMLElement{constructor(){if(super(),be(this,Td),be(this,Qa),be(this,Za),be(this,Ja),be(this,gd),be(this,Ed),be(this,bd),be(this,_d),be(this,pt,void 0),be(this,ja,void 0),be(this,Ka,void 0),be(this,qa,void 0),be(this,et,{}),be(this,Xa,[]),be(this,Ga,()=>{if(this.range.matches(":focus-visible")){let{style:e}=J(this.shadowRoot,":host");e.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),be(this,za,()=>{let{style:e}=J(this.shadowRoot,":host");e.removeProperty("--_focus-visible-box-shadow")}),be(this,Ya,()=>{let e=this.shadowRoot.querySelector("#segments-clipping");e&&e.parentNode.append(e)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.container=this.shadowRoot.querySelector("#container"),ei(this,Ka,this.shadowRoot.querySelector("#startpoint")),ei(this,qa,this.shadowRoot.querySelector("#endpoint")),this.range=this.shadowRoot.querySelector("#range"),this.appearance=this.shadowRoot.querySelector("#appearance")}static get observedAttributes(){return["disabled","aria-disabled",N.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===N.MEDIA_CONTROLLER?(t&&((n=(o=oe(this,pt))==null?void 0:o.unassociateElement)==null||n.call(o,this),ei(this,pt,null)),r&&this.isConnected&&(ei(this,pt,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=oe(this,pt))==null?void 0:l.associateElement)==null||c.call(l,this))):(e==="disabled"||e==="aria-disabled"&&t!==r)&&(r==null?(this.range.removeAttribute(e),je(this,Qa,vd).call(this)):(this.range.setAttribute(e,r),je(this,Za,fd).call(this)))}connectedCallback(){var e,t,r;let{style:o}=J(this.shadowRoot,":host");o.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),oe(this,et).pointer=J(this.shadowRoot,"#pointer"),oe(this,et).progress=J(this.shadowRoot,"#progress"),oe(this,et).thumb=J(this.shadowRoot,'#thumb, ::slotted([slot="thumb"])'),oe(this,et).activeSegment=J(this.shadowRoot,"#segments-clipping rect:nth-child(0)");let n=this.getAttribute(N.MEDIA_CONTROLLER);n&&(ei(this,pt,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(r=(t=oe(this,pt))==null?void 0:t.associateElement)==null||r.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",oe(this,Ga)),this.shadowRoot.addEventListener("focusout",oe(this,za)),je(this,Qa,vd).call(this),Pt(this.container,oe(this,Ya))}disconnectedCallback(){var e,t;je(this,Za,fd).call(this),(t=(e=oe(this,pt))==null?void 0:e.unassociateElement)==null||t.call(e,this),ei(this,pt,null),this.shadowRoot.removeEventListener("focusin",oe(this,Ga)),this.shadowRoot.removeEventListener("focusout",oe(this,za)),Dt(this.container,oe(this,Ya))}updatePointerBar(e){var t;(t=oe(this,et).pointer)==null||t.style.setProperty("width",`${this.getPointerRatio(e)*100}%`)}updateBar(){var e,t;let r=this.range.valueAsNumber*100;(e=oe(this,et).progress)==null||e.style.setProperty("width",`${r}%`),(t=oe(this,et).thumb)==null||t.style.setProperty("left",`${r}%`)}updateSegments(e){let t=this.shadowRoot.querySelector("#segments-clipping");if(t.textContent="",this.container.classList.toggle("segments",!!(e!=null&&e.length)),!(e!=null&&e.length))return;let r=[...new Set([+this.range.min,...e.flatMap(n=>[n.start,n.end]),+this.range.max])];ei(this,Xa,[...r]);let o=r.pop();for(let[n,a]of r.entries()){let[l,c]=[n===0,n===r.length-1],p=l?"calc(var(--segments-gap) / -1)":`${a*100}%`,v=`calc(${((c?o:r[n+1])-a)*100}%${l||c?"":" - var(--segments-gap)"})`,g=ee.createElementNS("http://www.w3.org/2000/svg","rect"),m=Zo(this.shadowRoot,`#segments-clipping rect:nth-child(${n+1})`);m.style.setProperty("x",p),m.style.setProperty("width",v),t.append(g)}}getPointerRatio(e){return Ju(e.clientX,e.clientY,oe(this,Ka).getBoundingClientRect(),oe(this,qa).getBoundingClientRect())}get dragging(){return this.hasAttribute("dragging")}handleEvent(e){switch(e.type){case"pointermove":je(this,_d,qh).call(this,e);break;case"input":this.updateBar();break;case"pointerenter":je(this,gd,Wh).call(this,e);break;case"pointerdown":je(this,Ja,Ad).call(this,e);break;case"pointerup":je(this,Ed,Fh).call(this);break;case"pointerleave":je(this,bd,Kh).call(this);break}}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}};pt=new WeakMap;ja=new WeakMap;Ka=new WeakMap;qa=new WeakMap;et=new WeakMap;Xa=new WeakMap;Ga=new WeakMap;za=new WeakMap;Ya=new WeakMap;Td=new WeakSet;Vh=function(i){let e=oe(this,et).activeSegment;if(!e)return;let t=this.getPointerRatio(i),o=`#segments-clipping rect:nth-child(${oe(this,Xa).findIndex((n,a,l)=>{let c=l[a+1];return c!=null&&t>=n&&t<=c})+1})`;(e.selectorText!=o||!e.style.transform)&&(e.selectorText=o,e.style.setProperty("transform","var(--media-range-segment-hover-transform, scaleY(2))"))};Qa=new WeakSet;vd=function(){this.hasAttribute("disabled")||(this.addEventListener("input",this),this.addEventListener("pointerdown",this),this.addEventListener("pointerenter",this))};Za=new WeakSet;fd=function(){var i,e;this.removeEventListener("input",this),this.removeEventListener("pointerdown",this),this.removeEventListener("pointerenter",this),(i=d.window)==null||i.removeEventListener("pointerup",this),(e=d.window)==null||e.removeEventListener("pointermove",this)};Ja=new WeakSet;Ad=function(i){var e;ei(this,ja,i.composedPath().includes(this.range)),(e=d.window)==null||e.addEventListener("pointerup",this)};gd=new WeakSet;Wh=function(i){var e;i.pointerType!=="mouse"&&je(this,Ja,Ad).call(this,i),this.addEventListener("pointerleave",this),(e=d.window)==null||e.addEventListener("pointermove",this)};Ed=new WeakSet;Fh=function(){var i;(i=d.window)==null||i.removeEventListener("pointerup",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled")};bd=new WeakSet;Kh=function(){var i,e;this.removeEventListener("pointerleave",this),(i=d.window)==null||i.removeEventListener("pointermove",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled"),(e=oe(this,et).activeSegment)==null||e.style.removeProperty("transform")};_d=new WeakSet;qh=function(i){i.pointerType==="pen"&&i.buttons===0||(this.toggleAttribute("dragging",i.buttons===1||i.pointerType!=="mouse"),this.updatePointerBar(i),je(this,Td,Vh).call(this,i),this.dragging&&(i.pointerType!=="mouse"||!oe(this,ja))&&(this.range.disabled=!0,this.range.valueAsNumber=this.getPointerRatio(i),this.range.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))))};mt.shadowRootOptions={mode:"open"};mt.getTemplateHTML=mf;mt.getContainerTemplateHTML=vf;d.customElements.get("media-chrome-range")||d.customElements.define("media-chrome-range",mt);var Gh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},es=(i,e,t)=>(Gh(i,e,"read from private field"),t?t.call(i):e.get(i)),ff=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ts=(i,e,t,r)=>(Gh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),vt;function gf(i){return`
+    <style>
+      :host {
+        
+        box-sizing: border-box;
+        display: var(--media-control-display, var(--media-control-bar-display, inline-flex));
+        color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+        --media-loading-indicator-icon-height: 44px;
+      }
+
+      ::slotted(media-time-range),
+      ::slotted(media-volume-range) {
+        min-height: 100%;
+      }
+
+      ::slotted(media-time-range),
+      ::slotted(media-clip-selector) {
+        flex-grow: 1;
+      }
+
+      ::slotted([role="menu"]) {
+        position: absolute;
+      }
+    </style>
+
+    <slot></slot>
+  `}var hn=class extends d.HTMLElement{constructor(){if(super(),ff(this,vt,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[N.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===N.MEDIA_CONTROLLER&&(t&&((n=(o=es(this,vt))==null?void 0:o.unassociateElement)==null||n.call(o,this),ts(this,vt,null)),r&&this.isConnected&&(ts(this,vt,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=es(this,vt))==null?void 0:l.associateElement)==null||c.call(l,this)))}connectedCallback(){var e,t,r;let o=this.getAttribute(N.MEDIA_CONTROLLER);o&&(ts(this,vt,(e=this.getRootNode())==null?void 0:e.getElementById(o)),(r=(t=es(this,vt))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=es(this,vt))==null?void 0:e.unassociateElement)==null||t.call(e,this),ts(this,vt,null)}};vt=new WeakMap;hn.shadowRootOptions={mode:"open"};hn.getTemplateHTML=gf;d.customElements.get("media-control-bar")||d.customElements.define("media-control-bar",hn);var zh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},is=(i,e,t)=>(zh(i,e,"read from private field"),t?t.call(i):e.get(i)),Ef=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},rs=(i,e,t,r)=>(zh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ft;function bf(i,e={}){return`
+    <style>
+      :host {
+        font: var(--media-font,
+          var(--media-font-weight, normal)
+          var(--media-font-size, 14px) /
+          var(--media-text-content-height, var(--media-control-height, 24px))
+          var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
+        color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+        background: var(--media-text-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))));
+        padding: var(--media-control-padding, 10px);
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        vertical-align: middle;
+        box-sizing: border-box;
+        text-align: center;
+        pointer-events: auto;
+      }
+
+      
+      :host(:focus-visible) {
+        box-shadow: inset 0 0 0 2px rgb(27 127 204 / .9);
+        outline: 0;
+      }
+
+      
+      :host(:where(:focus)) {
+        box-shadow: none;
+        outline: 0;
+      }
+    </style>
+
+    ${this.getSlotTemplateHTML(i,e)}
+  `}function _f(i,e){return`
+    <slot></slot>
+  `}var Pe=class extends d.HTMLElement{constructor(){if(super(),Ef(this,ft,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[N.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===N.MEDIA_CONTROLLER&&(t&&((n=(o=is(this,ft))==null?void 0:o.unassociateElement)==null||n.call(o,this),rs(this,ft,null)),r&&this.isConnected&&(rs(this,ft,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=is(this,ft))==null?void 0:l.associateElement)==null||c.call(l,this)))}connectedCallback(){var e,t,r;let{style:o}=J(this.shadowRoot,":host");o.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let n=this.getAttribute(N.MEDIA_CONTROLLER);n&&(rs(this,ft,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(r=(t=is(this,ft))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=is(this,ft))==null?void 0:e.unassociateElement)==null||t.call(e,this),rs(this,ft,null)}};ft=new WeakMap;Pe.shadowRootOptions={mode:"open"};Pe.getTemplateHTML=bf;Pe.getSlotTemplateHTML=_f;d.customElements.get("media-text-display")||d.customElements.define("media-text-display",Pe);var Qh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Yh=(i,e,t)=>(Qh(i,e,"read from private field"),t?t.call(i):e.get(i)),yf=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Tf=(i,e,t,r)=>(Qh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),pn;function Af(i,e){return`
+    <slot>${Je(e.mediaDuration)}</slot>
+  `}var os=class extends Pe{constructor(){var e;super(),yf(this,pn,void 0),Tf(this,pn,this.shadowRoot.querySelector("slot")),Yh(this,pn).textContent=Je((e=this.mediaDuration)!=null?e:0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_DURATION]}attributeChangedCallback(e,t,r){e===s.MEDIA_DURATION&&(Yh(this,pn).textContent=Je(+r)),super.attributeChangedCallback(e,t,r)}get mediaDuration(){return $(this,s.MEDIA_DURATION)}set mediaDuration(e){B(this,s.MEDIA_DURATION,e)}};pn=new WeakMap;os.getSlotTemplateHTML=Af;d.customElements.get("media-duration-display")||d.customElements.define("media-duration-display",os);var Sf={2:E("Network Error"),3:E("Decode Error"),4:E("Source Not Supported"),5:E("Encryption Error")},kf={2:E("A network error caused the media download to fail."),3:E("A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format."),4:E("An unsupported error occurred. The server or network failed, or your browser does not support this format."),5:E("The media is encrypted and there are no keys to decrypt it.")},Sd=i=>{var e,t;return i.code===1?null:{title:(e=Sf[i.code])!=null?e:`Error ${i.code}`,message:(t=kf[i.code])!=null?t:i.message}};var Xh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Lf=(i,e,t)=>(Xh(i,e,"read from private field"),t?t.call(i):e.get(i)),wf=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},If=(i,e,t,r)=>(Xh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ns;function Cf(i){return`
+    <style>
+      :host {
+        background: rgb(20 20 30 / .8);
+      }
+
+      #content {
+        display: block;
+        padding: 1.2em 1.5em;
+      }
+
+      h3,
+      p {
+        margin-block: 0 .3em;
+      }
+    </style>
+    <slot name="error-${i.mediaerrorcode}" id="content">
+      ${Jh({code:+i.mediaerrorcode,message:i.mediaerrormessage})}
+    </slot>
+  `}function Mf(i){return i.code&&Sd(i)!==null}function Jh(i){var e;let{title:t,message:r}=(e=Sd(i))!=null?e:{},o="";return t&&(o+=`<slot name="error-${i.code}-title"><h3>${t}</h3></slot>`),r&&(o+=`<slot name="error-${i.code}-message"><p>${r}</p></slot>`),o}var Zh=[s.MEDIA_ERROR_CODE,s.MEDIA_ERROR_MESSAGE],mn=class extends ht{constructor(){super(...arguments),wf(this,ns,null)}static get observedAttributes(){return[...super.observedAttributes,...Zh]}formatErrorMessage(e){return this.constructor.formatErrorMessage(e)}attributeChangedCallback(e,t,r){var o;if(super.attributeChangedCallback(e,t,r),!Zh.includes(e))return;let n=(o=this.mediaError)!=null?o:{code:this.mediaErrorCode,message:this.mediaErrorMessage};this.open=Mf(n),this.open&&(this.shadowRoot.querySelector("slot").name=`error-${this.mediaErrorCode}`,this.shadowRoot.querySelector("#content").innerHTML=this.formatErrorMessage(n))}get mediaError(){return Lf(this,ns)}set mediaError(e){If(this,ns,e)}get mediaErrorCode(){return $(this,"mediaerrorcode")}set mediaErrorCode(e){B(this,"mediaerrorcode",e)}get mediaErrorMessage(){return P(this,"mediaerrormessage")}set mediaErrorMessage(e){D(this,"mediaerrormessage",e)}};ns=new WeakMap;mn.getSlotTemplateHTML=Cf;mn.formatErrorMessage=Jh;d.customElements.get("media-error-dialog")||d.customElements.define("media-error-dialog",mn);var Rf=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ti=(i,e,t)=>(Rf(i,e,"read from private field"),t?t.call(i):e.get(i)),jh=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Pr,Dr;function xf(i){return`
+    <style>
+      :host {
+        position: fixed;
+        top: 0;
+        left: 0;
+        z-index: 9999;
+        background: rgb(20 20 30 / .8);
+        backdrop-filter: blur(10px);
+      }
+
+      #content {
+        display: block;
+        width: clamp(400px, 40vw, 700px);
+        max-width: 90vw;
+        text-align: left;
+      }
+
+      h2 {
+        margin: 0 0 1.5rem 0;
+        font-size: 1.5rem;
+        font-weight: 500;
+        text-align: center;
+      }
+
+      .shortcuts-table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+
+      .shortcuts-table tr {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+      }
+
+      .shortcuts-table tr:last-child {
+        border-bottom: none;
+      }
+
+      .shortcuts-table td {
+        padding: 0.75rem 0.5rem;
+      }
+
+      .shortcuts-table td:first-child {
+        text-align: right;
+        padding-right: 1rem;
+        width: 40%;
+        min-width: 120px;
+      }
+
+      .shortcuts-table td:last-child {
+        padding-left: 1rem;
+      }
+
+      .key {
+        display: inline-block;
+        background: rgba(255, 255, 255, 0.15);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        border-radius: 4px;
+        padding: 0.25rem 0.5rem;
+        font-family: 'Courier New', monospace;
+        font-size: 0.9rem;
+        font-weight: 500;
+        min-width: 1.5rem;
+        text-align: center;
+        margin: 0 0.2rem;
+      }
+
+      .description {
+        color: rgba(255, 255, 255, 0.9);
+        font-size: 0.95rem;
+      }
+
+      .key-combo {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        gap: 0.3rem;
+      }
+
+      .key-separator {
+        color: rgba(255, 255, 255, 0.5);
+        font-size: 0.9rem;
+      }
+    </style>
+    <slot id="content">
+      ${Pf()}
+    </slot>
+  `}function Pf(){return`
+    <h2>Keyboard Shortcuts</h2>
+    <table class="shortcuts-table">${[{keys:["Space","k"],description:"Toggle Playback"},{keys:["m"],description:"Toggle mute"},{keys:["f"],description:"Toggle fullscreen"},{keys:["c"],description:"Toggle captions or subtitles, if available"},{keys:["p"],description:"Toggle Picture in Picture"},{keys:["\u2190","j"],description:"Seek back 10s"},{keys:["\u2192","l"],description:"Seek forward 10s"},{keys:["\u2191"],description:"Turn volume up"},{keys:["\u2193"],description:"Turn volume down"},{keys:["< (SHIFT+,)"],description:"Decrease playback rate"},{keys:["> (SHIFT+.)"],description:"Increase playback rate"}].map(({keys:t,description:r})=>`
+      <tr>
+        <td>
+          <div class="key-combo">${t.map((n,a)=>a>0?`<span class="key-separator">or</span><span class="key">${n}</span>`:`<span class="key">${n}</span>`).join("")}</div>
+        </td>
+        <td class="description">${r}</td>
+      </tr>
+    `).join("")}</table>
+  `}var as=class extends ht{constructor(){super(...arguments),jh(this,Pr,e=>{var t;if(!this.open)return;let r=(t=this.shadowRoot)==null?void 0:t.querySelector("#content");if(!r)return;let o=e.composedPath(),n=o[0]===this||o.includes(this),a=o.includes(r);n&&!a&&(this.open=!1)}),jh(this,Dr,e=>{if(!this.open)return;let t=e.shiftKey&&(e.key==="/"||e.key==="?");(e.key==="Escape"||t)&&!e.ctrlKey&&!e.altKey&&!e.metaKey&&(this.open=!1,e.preventDefault(),e.stopPropagation())})}connectedCallback(){super.connectedCallback(),this.open&&(this.addEventListener("click",ti(this,Pr)),document.addEventListener("keydown",ti(this,Dr)))}disconnectedCallback(){this.removeEventListener("click",ti(this,Pr)),document.removeEventListener("keydown",ti(this,Dr))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e==="open"&&(this.open?(this.addEventListener("click",ti(this,Pr)),document.addEventListener("keydown",ti(this,Dr))):(this.removeEventListener("click",ti(this,Pr)),document.removeEventListener("keydown",ti(this,Dr))))}};Pr=new WeakMap;Dr=new WeakMap;as.getSlotTemplateHTML=xf;d.customElements.get("media-keyboard-shortcuts-dialog")||d.customElements.define("media-keyboard-shortcuts-dialog",as);var tp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Df=(i,e,t)=>(tp(i,e,"read from private field"),t?t.call(i):e.get(i)),Of=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Uf=(i,e,t,r)=>(tp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ss,Nf=`<svg aria-hidden="true" viewBox="0 0 26 24">
+  <path d="M16 3v2.5h3.5V9H22V3h-6ZM4 9h2.5V5.5H10V3H4v6Zm15.5 9.5H16V21h6v-6h-2.5v3.5ZM6.5 15H4v6h6v-2.5H6.5V15Z"/>
+</svg>`,$f=`<svg aria-hidden="true" viewBox="0 0 26 24">
+  <path d="M18.5 6.5V3H16v6h6V6.5h-3.5ZM16 21h2.5v-3.5H22V15h-6v6ZM4 17.5h3.5V21H10v-6H4v2.5Zm3.5-11H4V9h6V3H7.5v3.5Z"/>
+</svg>`;function Hf(i){return`
+    <style>
+      :host([${s.MEDIA_IS_FULLSCREEN}]) slot[name=icon] slot:not([name=exit]) {
+        display: none !important;
+      }
+
+      
+      :host(:not([${s.MEDIA_IS_FULLSCREEN}])) slot[name=icon] slot:not([name=enter]) {
+        display: none !important;
+      }
+
+      :host([${s.MEDIA_IS_FULLSCREEN}]) slot[name=tooltip-enter],
+      :host(:not([${s.MEDIA_IS_FULLSCREEN}])) slot[name=tooltip-exit] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="enter">${Nf}</slot>
+      <slot name="exit">${$f}</slot>
+    </slot>
+  `}function Bf(){return`
+    <slot name="tooltip-enter">${E("Enter fullscreen mode")}</slot>
+    <slot name="tooltip-exit">${E("Exit fullscreen mode")}</slot>
+  `}var ep=i=>{let e=i.mediaIsFullscreen?E("exit fullscreen mode"):E("enter fullscreen mode");i.setAttribute("aria-label",e)},vn=class extends F{constructor(){super(...arguments),Of(this,ss,null)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_FULLSCREEN,s.MEDIA_FULLSCREEN_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),ep(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_FULLSCREEN&&ep(this)}get mediaFullscreenUnavailable(){return P(this,s.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){D(this,s.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return w(this,s.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){I(this,s.MEDIA_IS_FULLSCREEN,e)}handleClick(e){Uf(this,ss,e);let t=Df(this,ss)instanceof PointerEvent,r=this.mediaIsFullscreen?new d.CustomEvent(b.MEDIA_EXIT_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0}):new d.CustomEvent(b.MEDIA_ENTER_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(r)}};ss=new WeakMap;vn.getSlotTemplateHTML=Hf;vn.getTooltipContentHTML=Bf;d.customElements.get("media-fullscreen-button")||d.customElements.define("media-fullscreen-button",vn);var{MEDIA_TIME_IS_LIVE:ls,MEDIA_PAUSED:fn}=s,{MEDIA_SEEK_TO_LIVE_REQUEST:Vf,MEDIA_PLAY_REQUEST:Wf}=b,Ff='<svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg>';function Kf(i){return`
+    <style>
+      :host { --media-tooltip-display: none; }
+      
+      slot[name=indicator] > *,
+      :host ::slotted([slot=indicator]) {
+        
+        min-width: auto;
+        fill: var(--media-live-button-icon-color, rgb(140, 140, 140));
+        color: var(--media-live-button-icon-color, rgb(140, 140, 140));
+      }
+
+      :host([${ls}]:not([${fn}])) slot[name=indicator] > *,
+      :host([${ls}]:not([${fn}])) ::slotted([slot=indicator]) {
+        fill: var(--media-live-button-indicator-color, rgb(255, 0, 0));
+        color: var(--media-live-button-indicator-color, rgb(255, 0, 0));
+      }
+
+      :host([${ls}]:not([${fn}])) {
+        cursor: var(--media-cursor, not-allowed);
+      }
+
+      slot[name=text]{
+        text-transform: uppercase;
+      }
+
+    </style>
+
+    <slot name="indicator">${Ff}</slot>
+    
+    <slot name="spacer">&nbsp;</slot><slot name="text">${E("live")}</slot>
+  `}var ip=i=>{var e;let t=i.mediaPaused||!i.mediaTimeIsLive,r=t?E("seek to live"):E("playing live");i.setAttribute("aria-label",r);let o=(e=i.shadowRoot)==null?void 0:e.querySelector('slot[name="text"]');o&&(o.textContent=E("live")),t?i.removeAttribute("aria-disabled"):i.setAttribute("aria-disabled","true")},ds=class extends F{static get observedAttributes(){return[...super.observedAttributes,ls,fn]}connectedCallback(){super.connectedCallback(),ip(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),ip(this)}get mediaPaused(){return w(this,s.MEDIA_PAUSED)}set mediaPaused(e){I(this,s.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return w(this,s.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){I(this,s.MEDIA_TIME_IS_LIVE,e)}handleClick(){!this.mediaPaused&&this.mediaTimeIsLive||(this.dispatchEvent(new d.CustomEvent(Vf,{composed:!0,bubbles:!0})),this.hasAttribute(fn)&&this.dispatchEvent(new d.CustomEvent(Wf,{composed:!0,bubbles:!0})))}};ds.getSlotTemplateHTML=Kf;d.customElements.get("media-live-button")||d.customElements.define("media-live-button",ds);var op=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},gn=(i,e,t)=>(op(i,e,"read from private field"),t?t.call(i):e.get(i)),rp=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},En=(i,e,t,r)=>(op(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),gt,us,cs={LOADING_DELAY:"loadingdelay",NO_AUTOHIDE:"noautohide"},np=500,qf=`
+<svg aria-hidden="true" viewBox="0 0 100 100">
+  <path d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
+    <animateTransform
+       attributeName="transform"
+       attributeType="XML"
+       type="rotate"
+       dur="1s"
+       from="0 50 50"
+       to="360 50 50"
+       repeatCount="indefinite" />
+  </path>
+</svg>
+`;function Gf(i){return`
+    <style>
+      :host {
+        display: var(--media-control-display, var(--media-loading-indicator-display, inline-block));
+        vertical-align: middle;
+        box-sizing: border-box;
+        --_loading-indicator-delay: var(--media-loading-indicator-transition-delay, ${np}ms);
+      }
+
+      #status {
+        color: rgba(0,0,0,0);
+        width: 0px;
+        height: 0px;
+      }
+
+      :host slot[name=icon] > *,
+      :host ::slotted([slot=icon]) {
+        opacity: var(--media-loading-indicator-opacity, 0);
+        transition: opacity 0.15s;
+      }
+
+      :host([${s.MEDIA_LOADING}]:not([${s.MEDIA_PAUSED}])) slot[name=icon] > *,
+      :host([${s.MEDIA_LOADING}]:not([${s.MEDIA_PAUSED}])) ::slotted([slot=icon]) {
+        opacity: var(--media-loading-indicator-opacity, 1);
+        transition: opacity 0.15s var(--_loading-indicator-delay);
+      }
+
+      :host #status {
+        visibility: var(--media-loading-indicator-opacity, hidden);
+        transition: visibility 0.15s;
+      }
+
+      :host([${s.MEDIA_LOADING}]:not([${s.MEDIA_PAUSED}])) #status {
+        visibility: var(--media-loading-indicator-opacity, visible);
+        transition: visibility 0.15s var(--_loading-indicator-delay);
+      }
+
+      svg, img, ::slotted(svg), ::slotted(img) {
+        width: var(--media-loading-indicator-icon-width);
+        height: var(--media-loading-indicator-icon-height, 100px);
+        fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
+        vertical-align: middle;
+      }
+    </style>
+
+    <slot name="icon">${qf}</slot>
+    <div id="status" role="status" aria-live="polite">${E("media loading")}</div>
+  `}var bn=class extends d.HTMLElement{constructor(){if(super(),rp(this,gt,void 0),rp(this,us,np),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[N.MEDIA_CONTROLLER,s.MEDIA_PAUSED,s.MEDIA_LOADING,cs.LOADING_DELAY]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===cs.LOADING_DELAY&&t!==r?this.loadingDelay=Number(r):e===N.MEDIA_CONTROLLER&&(t&&((n=(o=gn(this,gt))==null?void 0:o.unassociateElement)==null||n.call(o,this),En(this,gt,null)),r&&this.isConnected&&(En(this,gt,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=gn(this,gt))==null?void 0:l.associateElement)==null||c.call(l,this)))}connectedCallback(){var e,t,r;let o=this.getAttribute(N.MEDIA_CONTROLLER);o&&(En(this,gt,(e=this.getRootNode())==null?void 0:e.getElementById(o)),(r=(t=gn(this,gt))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=gn(this,gt))==null?void 0:e.unassociateElement)==null||t.call(e,this),En(this,gt,null)}get loadingDelay(){return gn(this,us)}set loadingDelay(e){En(this,us,e);let{style:t}=J(this.shadowRoot,":host");t.setProperty("--_loading-indicator-delay",`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return w(this,s.MEDIA_PAUSED)}set mediaPaused(e){I(this,s.MEDIA_PAUSED,e)}get mediaLoading(){return w(this,s.MEDIA_LOADING)}set mediaLoading(e){I(this,s.MEDIA_LOADING,e)}get mediaController(){return P(this,N.MEDIA_CONTROLLER)}set mediaController(e){D(this,N.MEDIA_CONTROLLER,e)}get noAutohide(){return w(this,cs.NO_AUTOHIDE)}set noAutohide(e){I(this,cs.NO_AUTOHIDE,e)}};gt=new WeakMap;us=new WeakMap;bn.shadowRootOptions={mode:"open"};bn.getTemplateHTML=Gf;d.customElements.get("media-loading-indicator")||d.customElements.define("media-loading-indicator",bn);var zf=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="M16.5 12A4.5 4.5 0 0 0 14 8v2.18l2.45 2.45a4.22 4.22 0 0 0 .05-.63Zm2.5 0a6.84 6.84 0 0 1-.54 2.64L20 16.15A8.8 8.8 0 0 0 21 12a9 9 0 0 0-7-8.77v2.06A7 7 0 0 1 19 12ZM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25A6.92 6.92 0 0 1 14 18.7v2.06A9 9 0 0 0 17.69 19l2 2.05L21 19.73l-9-9L4.27 3ZM12 4 9.91 6.09 12 8.18V4Z"/>
+</svg>`,ap=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.47 4.47 0 0 0 2.5-4Z"/>
+</svg>`,Yf=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.47 4.47 0 0 0 2.5-4ZM14 3.23v2.06a7 7 0 0 1 0 13.42v2.06a9 9 0 0 0 0-17.54Z"/>
+</svg>`;function Qf(i){return`
+    <style>
+      :host(:not([${s.MEDIA_VOLUME_LEVEL}])) slot[name=icon] slot:not([name=high]),
+      :host([${s.MEDIA_VOLUME_LEVEL}=high]) slot[name=icon] slot:not([name=high]) {
+        display: none !important;
+      }
+
+      :host([${s.MEDIA_VOLUME_LEVEL}=off]) slot[name=icon] slot:not([name=off]) {
+        display: none !important;
+      }
+
+      :host([${s.MEDIA_VOLUME_LEVEL}=low]) slot[name=icon] slot:not([name=low]) {
+        display: none !important;
+      }
+
+      :host([${s.MEDIA_VOLUME_LEVEL}=medium]) slot[name=icon] slot:not([name=medium]) {
+        display: none !important;
+      }
+
+      :host(:not([${s.MEDIA_VOLUME_LEVEL}=off])) slot[name=tooltip-unmute],
+      :host([${s.MEDIA_VOLUME_LEVEL}=off]) slot[name=tooltip-mute] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="off">${zf}</slot>
+      <slot name="low">${ap}</slot>
+      <slot name="medium">${ap}</slot>
+      <slot name="high">${Yf}</slot>
+    </slot>
+  `}function Zf(){return`
+    <slot name="tooltip-mute">${E("Mute")}</slot>
+    <slot name="tooltip-unmute">${E("Unmute")}</slot>
+  `}var sp=i=>{let t=i.mediaVolumeLevel==="off"?E("unmute"):E("mute");i.setAttribute("aria-label",t)},_n=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),sp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_VOLUME_LEVEL&&sp(this)}get mediaVolumeLevel(){return P(this,s.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){D(this,s.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e=this.mediaVolumeLevel==="off"?b.MEDIA_UNMUTE_REQUEST:b.MEDIA_MUTE_REQUEST;this.dispatchEvent(new d.CustomEvent(e,{composed:!0,bubbles:!0}))}};_n.getSlotTemplateHTML=Qf;_n.getTooltipContentHTML=Zf;d.customElements.get("media-mute-button")||d.customElements.define("media-mute-button",_n);var lp=`<svg aria-hidden="true" viewBox="0 0 28 24">
+  <path d="M24 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Zm-1 16H5V5h18v14Zm-3-8h-7v5h7v-5Z"/>
+</svg>`;function Xf(i){return`
+    <style>
+      :host([${s.MEDIA_IS_PIP}]) slot[name=icon] slot:not([name=exit]) {
+        display: none !important;
+      }
+
+      :host(:not([${s.MEDIA_IS_PIP}])) slot[name=icon] slot:not([name=enter]) {
+        display: none !important;
+      }
+
+      :host([${s.MEDIA_IS_PIP}]) slot[name=tooltip-enter],
+      :host(:not([${s.MEDIA_IS_PIP}])) slot[name=tooltip-exit] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="enter">${lp}</slot>
+      <slot name="exit">${lp}</slot>
+    </slot>
+  `}function Jf(){return`
+    <slot name="tooltip-enter">${E("Enter picture in picture mode")}</slot>
+    <slot name="tooltip-exit">${E("Exit picture in picture mode")}</slot>
+  `}var dp=i=>{let e=i.mediaIsPip?E("exit picture in picture mode"):E("enter picture in picture mode");i.setAttribute("aria-label",e)},yn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_PIP,s.MEDIA_PIP_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),dp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_PIP&&dp(this)}get mediaPipUnavailable(){return P(this,s.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){D(this,s.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return w(this,s.MEDIA_IS_PIP)}set mediaIsPip(e){I(this,s.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?b.MEDIA_EXIT_PIP_REQUEST:b.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new d.CustomEvent(e,{composed:!0,bubbles:!0}))}};yn.getSlotTemplateHTML=Xf;yn.getTooltipContentHTML=Jf;d.customElements.get("media-pip-button")||d.customElements.define("media-pip-button",yn);var jf=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Or=(i,e,t)=>(jf(i,e,"read from private field"),t?t.call(i):e.get(i)),eg=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ii,kd={RATES:"rates"},Ld=[1,1.2,1.5,1.7,2],Yi=1;function tg(i){return`
+    <style>
+      :host {
+        min-width: 5ch;
+        padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
+      }
+    </style>
+    <slot name="icon">${i.mediaplaybackrate||Yi}x</slot>
+  `}function ig(){return E("Playback rate")}var Tn=class extends F{constructor(){var e;super(),eg(this,ii,new Zt(this,kd.RATES,{defaultValue:Ld})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${(e=this.mediaPlaybackRate)!=null?e:Yi}x`}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE,kd.RATES]}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),e===kd.RATES&&(Or(this,ii).value=r),e===s.MEDIA_PLAYBACK_RATE){let o=r?+r:Number.NaN,n=Number.isNaN(o)?Yi:o;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",E("Playback rate {playbackRate}",{playbackRate:n}))}}get rates(){return Or(this,ii)}set rates(e){e?Array.isArray(e)?Or(this,ii).value=e.join(" "):typeof e=="string"&&(Or(this,ii).value=e):Or(this,ii).value=""}get mediaPlaybackRate(){return $(this,s.MEDIA_PLAYBACK_RATE,Yi)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let r=Array.from(Or(this,ii).values(),a=>+a).sort((a,l)=>a-l),o=(t=(e=r.find(a=>a>this.mediaPlaybackRate))!=null?e:r[0])!=null?t:Yi,n=new d.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:o});this.dispatchEvent(n)}};ii=new WeakMap;Tn.getSlotTemplateHTML=tg;Tn.getTooltipContentHTML=ig;d.customElements.get("media-playback-rate-button")||d.customElements.define("media-playback-rate-button",Tn);var rg=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="m6 21 15-9L6 3v18Z"/>
+</svg>`,og=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/>
+</svg>`;function ng(i){return`
+    <style>
+      :host([${s.MEDIA_PAUSED}]) slot[name=pause],
+      :host(:not([${s.MEDIA_PAUSED}])) slot[name=play] {
+        display: none !important;
+      }
+
+      :host([${s.MEDIA_PAUSED}]) slot[name=tooltip-pause],
+      :host(:not([${s.MEDIA_PAUSED}])) slot[name=tooltip-play] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="play">${rg}</slot>
+      <slot name="pause">${og}</slot>
+    </slot>
+  `}function ag(){return`
+    <slot name="tooltip-play">${E("Play")}</slot>
+    <slot name="tooltip-pause">${E("Pause")}</slot>
+  `}var cp=i=>{let e=i.mediaPaused?E("play"):E("pause");i.setAttribute("aria-label",e)},An=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PAUSED,s.MEDIA_ENDED]}connectedCallback(){super.connectedCallback(),cp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),(e===s.MEDIA_PAUSED||e===s.MEDIA_LANG)&&cp(this)}get mediaPaused(){return w(this,s.MEDIA_PAUSED)}set mediaPaused(e){I(this,s.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?b.MEDIA_PLAY_REQUEST:b.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new d.CustomEvent(e,{composed:!0,bubbles:!0}))}};An.getSlotTemplateHTML=ng;An.getTooltipContentHTML=ag;d.customElements.get("media-play-button")||d.customElements.define("media-play-button",An);var Et={PLACEHOLDER_SRC:"placeholdersrc",SRC:"src"};function sg(i){return`
+    <style>
+      :host {
+        pointer-events: none;
+        display: var(--media-poster-image-display, inline-block);
+        box-sizing: border-box;
+      }
+
+      img {
+        max-width: 100%;
+        max-height: 100%;
+        min-width: 100%;
+        min-height: 100%;
+        background-repeat: no-repeat;
+        background-position: var(--media-poster-image-background-position, var(--media-object-position, center));
+        background-size: var(--media-poster-image-background-size, var(--media-object-fit, contain));
+        object-fit: var(--media-object-fit, contain);
+        object-position: var(--media-object-position, center);
+      }
+    </style>
+
+    <img part="poster img" aria-hidden="true" id="image"/>
+  `}var lg=i=>{i.style.removeProperty("background-image")},dg=(i,e)=>{i.style["background-image"]=`url('${e}')`},Sn=class extends d.HTMLElement{static get observedAttributes(){return[Et.PLACEHOLDER_SRC,Et.SRC]}constructor(){if(super(),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,r){e===Et.SRC&&(r==null?this.image.removeAttribute(Et.SRC):this.image.setAttribute(Et.SRC,r)),e===Et.PLACEHOLDER_SRC&&(r==null?lg(this.image):dg(this.image,r))}get placeholderSrc(){return P(this,Et.PLACEHOLDER_SRC)}set placeholderSrc(e){D(this,Et.SRC,e)}get src(){return P(this,Et.SRC)}set src(e){D(this,Et.SRC,e)}};Sn.shadowRootOptions={mode:"open"};Sn.getTemplateHTML=sg;d.customElements.get("media-poster-image")||d.customElements.define("media-poster-image",Sn);var up=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},cg=(i,e,t)=>(up(i,e,"read from private field"),t?t.call(i):e.get(i)),ug=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},hg=(i,e,t,r)=>(up(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),hs,wd=class extends Pe{constructor(){super(),ug(this,hs,void 0),hg(this,hs,this.shadowRoot.querySelector("slot"))}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PREVIEW_CHAPTER,s.MEDIA_LANG]}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),(e===s.MEDIA_PREVIEW_CHAPTER||e===s.MEDIA_LANG)&&r!==t&&r!=null)if(cg(this,hs).textContent=r,r!==""){let o=E("chapter: {chapterName}",{chapterName:r});this.setAttribute("aria-valuetext",o)}else this.removeAttribute("aria-valuetext")}get mediaPreviewChapter(){return P(this,s.MEDIA_PREVIEW_CHAPTER)}set mediaPreviewChapter(e){D(this,s.MEDIA_PREVIEW_CHAPTER,e)}};hs=new WeakMap;d.customElements.get("media-preview-chapter-display")||d.customElements.define("media-preview-chapter-display",wd);var hp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ps=(i,e,t)=>(hp(i,e,"read from private field"),t?t.call(i):e.get(i)),pg=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ms=(i,e,t,r)=>(hp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),bt;function mg(i){return`
+    <style>
+      :host {
+        box-sizing: border-box;
+        display: var(--media-control-display, var(--media-preview-thumbnail-display, inline-block));
+        overflow: hidden;
+      }
+
+      img {
+        display: none;
+        position: relative;
+      }
+    </style>
+    <img crossorigin loading="eager" decoding="async">
+  `}var Ur=class extends d.HTMLElement{constructor(){if(super(),pg(this,bt,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[N.MEDIA_CONTROLLER,s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,r;let o=this.getAttribute(N.MEDIA_CONTROLLER);o&&(ms(this,bt,(e=this.getRootNode())==null?void 0:e.getElementById(o)),(r=(t=ps(this,bt))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=ps(this,bt))==null?void 0:e.unassociateElement)==null||t.call(e,this),ms(this,bt,null)}attributeChangedCallback(e,t,r){var o,n,a,l,c;[s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===N.MEDIA_CONTROLLER&&(t&&((n=(o=ps(this,bt))==null?void 0:o.unassociateElement)==null||n.call(o,this),ms(this,bt,null)),r&&this.isConnected&&(ms(this,bt,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=ps(this,bt))==null?void 0:l.associateElement)==null||c.call(l,this)))}get mediaPreviewImage(){return P(this,s.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){D(this,s.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewCoords(){let e=this.getAttribute(s.MEDIA_PREVIEW_COORDS);if(e)return e.split(/\s+/).map(t=>+t)}set mediaPreviewCoords(e){if(!e){this.removeAttribute(s.MEDIA_PREVIEW_COORDS);return}this.setAttribute(s.MEDIA_PREVIEW_COORDS,e.join(" "))}update(){let e=this.mediaPreviewCoords,t=this.mediaPreviewImage;if(!(e&&t))return;let[r,o,n,a]=e,l=t.split("#")[0],c=getComputedStyle(this),{maxWidth:p,maxHeight:h,minWidth:v,minHeight:g}=c,m=Math.min(parseInt(p)/n,parseInt(h)/a),A=Math.max(parseInt(v)/n,parseInt(g)/a),f=m<1,R=f?m:A>1?A:1,{style:O}=J(this.shadowRoot,":host"),Ne=J(this.shadowRoot,"img").style,nt=this.shadowRoot.querySelector("img"),Co=f?"min":"max";O.setProperty(`${Co}-width`,"initial","important"),O.setProperty(`${Co}-height`,"initial","important"),O.width=`${n*R}px`,O.height=`${a*R}px`;let cr=()=>{Ne.width=`${this.imgWidth*R}px`,Ne.height=`${this.imgHeight*R}px`,Ne.display="block"};nt.src!==l&&(nt.onload=()=>{this.imgWidth=nt.naturalWidth,this.imgHeight=nt.naturalHeight,cr()},nt.src=l,cr()),cr(),Ne.transform=`translate(-${r*R}px, -${o*R}px)`}};bt=new WeakMap;Ur.shadowRootOptions={mode:"open"};Ur.getTemplateHTML=mg;d.customElements.get("media-preview-thumbnail")||d.customElements.define("media-preview-thumbnail",Ur);var vs=Ur;var mp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},pp=(i,e,t)=>(mp(i,e,"read from private field"),t?t.call(i):e.get(i)),vg=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},fg=(i,e,t,r)=>(mp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),kn,Id=class extends Pe{constructor(){super(),vg(this,kn,void 0),fg(this,kn,this.shadowRoot.querySelector("slot")),pp(this,kn).textContent=Je(0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_PREVIEW_TIME&&r!=null&&(pp(this,kn).textContent=Je(parseFloat(r)))}get mediaPreviewTime(){return $(this,s.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){B(this,s.MEDIA_PREVIEW_TIME,e)}};kn=new WeakMap;d.customElements.get("media-preview-time-display")||d.customElements.define("media-preview-time-display",Id);var Nr={SEEK_OFFSET:"seekoffset"},Cd=30,gg=i=>`
+  <svg aria-hidden="true" viewBox="0 0 20 24">
+    <defs>
+      <style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style>
+    </defs>
+    <text class="text value" transform="translate(2.18 19.87)">${i}</text>
+    <path d="M10 6V3L4.37 7 10 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 10 6Z"/>
+  </svg>`;function Eg(i,e){return`
+    <slot name="icon">${gg(e.seekOffset)}</slot>
+  `}function bg(){return E("Seek backward")}var _g=0,Ln=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_CURRENT_TIME,Nr.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=$(this,Nr.SEEK_OFFSET,Cd)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===Nr.SEEK_OFFSET&&(this.seekOffset=$(this,Nr.SEEK_OFFSET,Cd))}get seekOffset(){return $(this,Nr.SEEK_OFFSET,Cd)}set seekOffset(e){B(this,Nr.SEEK_OFFSET,e),this.setAttribute("aria-label",E("seek back {seekOffset} seconds",{seekOffset:this.seekOffset})),Ea(ba(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return $(this,s.MEDIA_CURRENT_TIME,_g)}set mediaCurrentTime(e){B(this,s.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};Ln.getSlotTemplateHTML=Eg;Ln.getTooltipContentHTML=bg;d.customElements.get("media-seek-backward-button")||d.customElements.define("media-seek-backward-button",Ln);var $r={SEEK_OFFSET:"seekoffset"},Md=30,yg=i=>`
+  <svg aria-hidden="true" viewBox="0 0 20 24">
+    <defs>
+      <style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style>
+    </defs>
+    <text class="text value" transform="translate(8.9 19.87)">${i}</text>
+    <path d="M10 6V3l5.61 4L10 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 10 6Z"/>
+  </svg>`;function Tg(i,e){return`
+    <slot name="icon">${yg(e.seekOffset)}</slot>
+  `}function Ag(){return E("Seek forward")}var Sg=0,wn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_CURRENT_TIME,$r.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=$(this,$r.SEEK_OFFSET,Md)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===$r.SEEK_OFFSET&&(this.seekOffset=$(this,$r.SEEK_OFFSET,Md))}get seekOffset(){return $(this,$r.SEEK_OFFSET,Md)}set seekOffset(e){B(this,$r.SEEK_OFFSET,e),this.setAttribute("aria-label",E("seek forward {seekOffset} seconds",{seekOffset:this.seekOffset})),Ea(ba(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return $(this,s.MEDIA_CURRENT_TIME,Sg)}set mediaCurrentTime(e){B(this,s.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};wn.getSlotTemplateHTML=Tg;wn.getTooltipContentHTML=Ag;d.customElements.get("media-seek-forward-button")||d.customElements.define("media-seek-forward-button",wn);var gp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Rd=(i,e,t)=>(gp(i,e,"read from private field"),t?t.call(i):e.get(i)),kg=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Lg=(i,e,t,r)=>(gp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Hr,Qi={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},vp=[...Object.values(Qi),s.MEDIA_CURRENT_TIME,s.MEDIA_DURATION,s.MEDIA_SEEKABLE],fp=["Enter"," "],wg="&nbsp;/&nbsp;",xd=(i,{timesSep:e=wg}={})=>{var t,r;let o=(t=i.mediaCurrentTime)!=null?t:0,[,n]=(r=i.mediaSeekable)!=null?r:[],a=0;Number.isFinite(i.mediaDuration)?a=i.mediaDuration:Number.isFinite(n)&&(a=n);let l=i.remaining?Je(0-(a-o)):Je(o);return i.showDuration?`${l}${e}${Je(a)}`:l},Ig="video not loaded, unknown time.",Cg=i=>{var e;let t=i.mediaCurrentTime,[,r]=(e=i.mediaSeekable)!=null?e:[],o=null;if(Number.isFinite(i.mediaDuration)?o=i.mediaDuration:Number.isFinite(r)&&(o=r),t==null||o===null){i.setAttribute("aria-valuetext",Ig);return}let n=i.remaining?Di(0-(o-t)):Di(t);if(!i.showDuration){i.setAttribute("aria-valuetext",n);return}let a=Di(o),l=`${n} of ${a}`;i.setAttribute("aria-valuetext",l)};function Mg(i,e){return`
+    <slot>${xd(e)}</slot>
+  `}var fs=class extends Pe{constructor(){super(),kg(this,Hr,void 0),Lg(this,Hr,this.shadowRoot.querySelector("slot")),Rd(this,Hr).innerHTML=`${xd(this)}`}static get observedAttributes(){return[...super.observedAttributes,...vp,"disabled"]}connectedCallback(){let{style:e}=J(this.shadowRoot,":host(:hover:not([notoggle]))");e.setProperty("cursor","var(--media-cursor, pointer)"),e.setProperty("background","var(--media-control-hover-background, rgba(50 50 70 / .7))"),this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","progressbar"),this.setAttribute("aria-label",E("playback time"));let t=r=>{let{key:o}=r;if(!fp.includes(o)){this.removeEventListener("keyup",t);return}this.toggleTimeDisplay()};this.addEventListener("keydown",r=>{let{metaKey:o,altKey:n,key:a}=r;if(o||n||!fp.includes(a)){this.removeEventListener("keyup",t);return}this.addEventListener("keyup",t)}),this.addEventListener("click",this.toggleTimeDisplay),super.connectedCallback()}toggleTimeDisplay(){this.noToggle||(this.hasAttribute("remaining")?this.removeAttribute("remaining"):this.setAttribute("remaining",""))}disconnectedCallback(){this.disable(),super.disconnectedCallback()}attributeChangedCallback(e,t,r){vp.includes(e)?this.update():e==="disabled"&&r!==t&&(r==null?this.enable():this.disable()),super.attributeChangedCallback(e,t,r)}enable(){this.tabIndex=0}disable(){this.tabIndex=-1}get remaining(){return w(this,Qi.REMAINING)}set remaining(e){I(this,Qi.REMAINING,e)}get showDuration(){return w(this,Qi.SHOW_DURATION)}set showDuration(e){I(this,Qi.SHOW_DURATION,e)}get noToggle(){return w(this,Qi.NO_TOGGLE)}set noToggle(e){I(this,Qi.NO_TOGGLE,e)}get mediaDuration(){return $(this,s.MEDIA_DURATION)}set mediaDuration(e){B(this,s.MEDIA_DURATION,e)}get mediaCurrentTime(){return $(this,s.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){B(this,s.MEDIA_CURRENT_TIME,e)}get mediaSeekable(){let e=this.getAttribute(s.MEDIA_SEEKABLE);if(e)return e.split(":").map(t=>+t)}set mediaSeekable(e){if(e==null){this.removeAttribute(s.MEDIA_SEEKABLE);return}this.setAttribute(s.MEDIA_SEEKABLE,e.join(":"))}update(){let e=xd(this);Cg(this),e!==Rd(this,Hr).innerHTML&&(Rd(this,Hr).innerHTML=e)}};Hr=new WeakMap;fs.getSlotTemplateHTML=Mg;d.customElements.get("media-time-display")||d.customElements.define("media-time-display",fs);var Ep=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ee=(i,e,t)=>(Ep(i,e,"read from private field"),t?t.call(i):e.get(i)),_t=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},We=(i,e,t,r)=>(Ep(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Rg=(i,e,t,r)=>({set _(o){We(i,e,o,t)},get _(){return Ee(i,e,r)}}),Br,gs,Vr,In,Es,bs,_s,Wr,Zi,ys,Ts=class{constructor(e,t,r){_t(this,Br,void 0),_t(this,gs,void 0),_t(this,Vr,void 0),_t(this,In,void 0),_t(this,Es,void 0),_t(this,bs,void 0),_t(this,_s,void 0),_t(this,Wr,void 0),_t(this,Zi,0),_t(this,ys,(o=performance.now())=>{We(this,Zi,requestAnimationFrame(Ee(this,ys))),We(this,In,performance.now()-Ee(this,Vr));let n=1e3/this.fps;if(Ee(this,In)>n){We(this,Vr,o-Ee(this,In)%n);let a=1e3/((o-Ee(this,gs))/++Rg(this,Es)._),l=(o-Ee(this,bs))/1e3/this.duration,c=Ee(this,_s)+l*this.playbackRate;c-Ee(this,Br).valueAsNumber>0?We(this,Wr,this.playbackRate/this.duration/a):(We(this,Wr,.995*Ee(this,Wr)),c=Ee(this,Br).valueAsNumber+Ee(this,Wr)),this.callback(c)}}),We(this,Br,e),this.callback=t,this.fps=r}start(){Ee(this,Zi)===0&&(We(this,Vr,performance.now()),We(this,gs,Ee(this,Vr)),We(this,Es,0),Ee(this,ys).call(this))}stop(){Ee(this,Zi)!==0&&(cancelAnimationFrame(Ee(this,Zi)),We(this,Zi,0))}update({start:e,duration:t,playbackRate:r}){let o=e-Ee(this,Br).valueAsNumber,n=Math.abs(t-this.duration);(o>0||o<-.03||n>=.5)&&this.callback(e),We(this,_s,e),We(this,bs,performance.now()),this.duration=t,this.playbackRate=r}};Br=new WeakMap;gs=new WeakMap;Vr=new WeakMap;In=new WeakMap;Es=new WeakMap;bs=new WeakMap;_s=new WeakMap;Wr=new WeakMap;Zi=new WeakMap;ys=new WeakMap;var Ud=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},se=(i,e,t)=>(Ud(i,e,"read from private field"),t?t.call(i):e.get(i)),me=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ge=(i,e,t,r)=>(Ud(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ye=(i,e,t)=>(Ud(i,e,"access private method"),t),Fr,Xi,ks,Mn,Ls,Ss,Rn,xn,Kr,qr,Gr,Cn,Nd,bp,Pd,ws,$d,Is,Hd,Cs,Bd,Dd,_p,Pn,Ms,Od,yp,xg="video not loaded, unknown time.",Pg=i=>{let e=i.range,t=Di(+Tp(i)),r=Di(+i.mediaSeekableEnd),o=t&&r?`${t} of ${r}`:xg;e.setAttribute("aria-valuetext",o)};function Dg(i){return`
+    <style>
+      :host {
+        --media-box-border-radius: 4px;
+        --media-box-padding-left: 10px;
+        --media-box-padding-right: 10px;
+        --media-preview-border-radius: var(--media-box-border-radius);
+        --media-box-arrow-offset: var(--media-box-border-radius);
+        --_control-background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
+        --_preview-background: var(--media-preview-background, var(--_control-background));
+
+        
+        contain: layout;
+      }
+
+      #buffered {
+        background: var(--media-time-range-buffered-color, rgb(255 255 255 / .4));
+        position: absolute;
+        height: 100%;
+        will-change: width;
+      }
+
+      #preview-rail,
+      #current-rail {
+        width: 100%;
+        position: absolute;
+        left: 0;
+        bottom: 100%;
+        pointer-events: none;
+        will-change: transform;
+      }
+
+      [part~="box"] {
+        width: min-content;
+        
+        position: absolute;
+        bottom: 100%;
+        flex-direction: column;
+        align-items: center;
+        transform: translateX(-50%);
+      }
+
+      [part~="current-box"] {
+        display: var(--media-current-box-display, var(--media-box-display, flex));
+        margin: var(--media-current-box-margin, var(--media-box-margin, 0 0 5px));
+        visibility: hidden;
+      }
+
+      [part~="preview-box"] {
+        display: var(--media-preview-box-display, var(--media-box-display, flex));
+        margin: var(--media-preview-box-margin, var(--media-box-margin, 0 0 5px));
+        transition-property: var(--media-preview-transition-property, visibility, opacity);
+        transition-duration: var(--media-preview-transition-duration-out, .25s);
+        transition-delay: var(--media-preview-transition-delay-out, 0s);
+        visibility: hidden;
+        opacity: 0;
+      }
+
+      :host(:is([${s.MEDIA_PREVIEW_IMAGE}], [${s.MEDIA_PREVIEW_TIME}])[dragging]) [part~="preview-box"] {
+        transition-duration: var(--media-preview-transition-duration-in, .5s);
+        transition-delay: var(--media-preview-transition-delay-in, .25s);
+        visibility: visible;
+        opacity: 1;
+      }
+
+      @media (hover: hover) {
+        :host(:is([${s.MEDIA_PREVIEW_IMAGE}], [${s.MEDIA_PREVIEW_TIME}]):hover) [part~="preview-box"] {
+          transition-duration: var(--media-preview-transition-duration-in, .5s);
+          transition-delay: var(--media-preview-transition-delay-in, .25s);
+          visibility: visible;
+          opacity: 1;
+        }
+      }
+
+      media-preview-thumbnail,
+      ::slotted(media-preview-thumbnail) {
+        visibility: hidden;
+        
+        transition: visibility 0s .25s;
+        transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
+        background: var(--media-preview-thumbnail-background, var(--_preview-background));
+        box-shadow: var(--media-preview-thumbnail-box-shadow, 0 0 4px rgb(0 0 0 / .2));
+        max-width: var(--media-preview-thumbnail-max-width, 180px);
+        max-height: var(--media-preview-thumbnail-max-height, 160px);
+        min-width: var(--media-preview-thumbnail-min-width, 120px);
+        min-height: var(--media-preview-thumbnail-min-height, 80px);
+        border: var(--media-preview-thumbnail-border);
+        border-radius: var(--media-preview-thumbnail-border-radius,
+          var(--media-preview-border-radius) var(--media-preview-border-radius) 0 0);
+      }
+
+      :host([${s.MEDIA_PREVIEW_IMAGE}][dragging]) media-preview-thumbnail,
+      :host([${s.MEDIA_PREVIEW_IMAGE}][dragging]) ::slotted(media-preview-thumbnail) {
+        transition-delay: var(--media-preview-transition-delay-in, .25s);
+        visibility: visible;
+      }
+
+      @media (hover: hover) {
+        :host([${s.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail,
+        :host([${s.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) {
+          transition-delay: var(--media-preview-transition-delay-in, .25s);
+          visibility: visible;
+        }
+
+        :host([${s.MEDIA_PREVIEW_TIME}]:hover) {
+          --media-time-range-hover-display: block;
+        }
+      }
+
+      media-preview-chapter-display,
+      ::slotted(media-preview-chapter-display) {
+        font-size: var(--media-font-size, 13px);
+        line-height: 17px;
+        min-width: 0;
+        visibility: hidden;
+        
+        transition: min-width 0s, border-radius 0s, margin 0s, padding 0s, visibility 0s;
+        transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
+        background: var(--media-preview-chapter-background, var(--_preview-background));
+        border-radius: var(--media-preview-chapter-border-radius,
+          var(--media-preview-border-radius) var(--media-preview-border-radius)
+          var(--media-preview-border-radius) var(--media-preview-border-radius));
+        padding: var(--media-preview-chapter-padding, 3.5px 9px);
+        margin: var(--media-preview-chapter-margin, 0 0 5px);
+        text-shadow: var(--media-preview-chapter-text-shadow, 0 0 4px rgb(0 0 0 / .75));
+      }
+
+      :host([${s.MEDIA_PREVIEW_IMAGE}]) media-preview-chapter-display,
+      :host([${s.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-chapter-display) {
+        transition-delay: var(--media-preview-transition-delay-in, .25s);
+        border-radius: var(--media-preview-chapter-border-radius, 0);
+        padding: var(--media-preview-chapter-padding, 3.5px 9px 0);
+        margin: var(--media-preview-chapter-margin, 0);
+        min-width: 100%;
+      }
+
+      media-preview-chapter-display[${s.MEDIA_PREVIEW_CHAPTER}],
+      ::slotted(media-preview-chapter-display[${s.MEDIA_PREVIEW_CHAPTER}]) {
+        visibility: visible;
+      }
+
+      media-preview-chapter-display:not([aria-valuetext]),
+      ::slotted(media-preview-chapter-display:not([aria-valuetext])) {
+        display: none;
+      }
+
+      media-preview-time-display,
+      ::slotted(media-preview-time-display),
+      media-time-display,
+      ::slotted(media-time-display) {
+        font-size: var(--media-font-size, 13px);
+        line-height: 17px;
+        min-width: 0;
+        
+        transition: min-width 0s, border-radius 0s;
+        transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
+        background: var(--media-preview-time-background, var(--_preview-background));
+        border-radius: var(--media-preview-time-border-radius,
+          var(--media-preview-border-radius) var(--media-preview-border-radius)
+          var(--media-preview-border-radius) var(--media-preview-border-radius));
+        padding: var(--media-preview-time-padding, 3.5px 9px);
+        margin: var(--media-preview-time-margin, 0);
+        text-shadow: var(--media-preview-time-text-shadow, 0 0 4px rgb(0 0 0 / .75));
+        transform: translateX(min(
+          max(calc(50% - var(--_box-width) / 2),
+          calc(var(--_box-shift, 0))),
+          calc(var(--_box-width) / 2 - 50%)
+        ));
+      }
+
+      :host([${s.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display,
+      :host([${s.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-time-display) {
+        transition-delay: var(--media-preview-transition-delay-in, .25s);
+        border-radius: var(--media-preview-time-border-radius,
+          0 0 var(--media-preview-border-radius) var(--media-preview-border-radius));
+        min-width: 100%;
+      }
+
+      :host([${s.MEDIA_PREVIEW_TIME}]:hover) {
+        --media-time-range-hover-display: block;
+      }
+
+      [part~="arrow"],
+      ::slotted([part~="arrow"]) {
+        display: var(--media-box-arrow-display, inline-block);
+        transform: translateX(min(
+          max(calc(50% - var(--_box-width) / 2 + var(--media-box-arrow-offset)),
+          calc(var(--_box-shift, 0))),
+          calc(var(--_box-width) / 2 - 50% - var(--media-box-arrow-offset))
+        ));
+        
+        border-color: transparent;
+        border-top-color: var(--media-box-arrow-background, var(--_control-background));
+        border-width: var(--media-box-arrow-border-width,
+          var(--media-box-arrow-height, 5px) var(--media-box-arrow-width, 6px) 0);
+        border-style: solid;
+        justify-content: center;
+        height: 0;
+      }
+    </style>
+    <div id="preview-rail">
+      <slot name="preview" part="box preview-box">
+        <media-preview-thumbnail>
+          <template shadowrootmode="${vs.shadowRootOptions.mode}">
+            ${vs.getTemplateHTML({})}
+          </template>
+        </media-preview-thumbnail>
+        <media-preview-chapter-display></media-preview-chapter-display>
+        <media-preview-time-display></media-preview-time-display>
+        <slot name="preview-arrow"><div part="arrow"></div></slot>
+      </slot>
+    </div>
+    <div id="current-rail">
+      <slot name="current" part="box current-box">
+        
+      </slot>
+    </div>
+  `}var As=(i,e=i.mediaCurrentTime)=>{let t=Number.isFinite(i.mediaSeekableStart)?i.mediaSeekableStart:0,r=Number.isFinite(i.mediaDuration)?i.mediaDuration:i.mediaSeekableEnd;if(Number.isNaN(r))return 0;let o=(e-t)/(r-t);return Math.max(0,Math.min(o,1))},Tp=(i,e=i.range.valueAsNumber)=>{let t=Number.isFinite(i.mediaSeekableStart)?i.mediaSeekableStart:0,r=Number.isFinite(i.mediaDuration)?i.mediaDuration:i.mediaSeekableEnd;return Number.isNaN(r)?0:e*(r-t)+t},Dn=class extends mt{constructor(){super(),me(this,Gr),me(this,Nd),me(this,ws),me(this,Is),me(this,Cs),me(this,Dd),me(this,Pn),me(this,Od),me(this,Fr,void 0),me(this,Xi,void 0),me(this,ks,void 0),me(this,Mn,void 0),me(this,Ls,void 0),me(this,Ss,void 0),me(this,Rn,void 0),me(this,xn,void 0),me(this,Kr,void 0),me(this,qr,void 0),me(this,Pd,r=>{this.dragging||(Er(r)&&(this.range.valueAsNumber=r),se(this,qr)||this.updateBar())}),this.shadowRoot.querySelector("#track").insertAdjacentHTML("afterbegin",'<div id="buffered" part="buffered"></div>'),Ge(this,ks,this.shadowRoot.querySelectorAll('[part~="box"]')),Ge(this,Ls,this.shadowRoot.querySelector('[part~="preview-box"]')),Ge(this,Ss,this.shadowRoot.querySelector('[part~="current-box"]'));let t=getComputedStyle(this);Ge(this,Rn,parseInt(t.getPropertyValue("--media-box-padding-left"))),Ge(this,xn,parseInt(t.getPropertyValue("--media-box-padding-right"))),Ge(this,Xi,new Ts(this.range,se(this,Pd),60))}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PAUSED,s.MEDIA_DURATION,s.MEDIA_SEEKABLE,s.MEDIA_CURRENT_TIME,s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_TIME,s.MEDIA_PREVIEW_CHAPTER,s.MEDIA_BUFFERED,s.MEDIA_PLAYBACK_RATE,s.MEDIA_LOADING,s.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute("aria-label",E("seek")),ye(this,Gr,Cn).call(this),Ge(this,Fr,this.getRootNode()),(e=se(this,Fr))==null||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),ye(this,Gr,Cn).call(this),(e=se(this,Fr))==null||e.removeEventListener("transitionstart",this),Ge(this,Fr,null)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),t!=r&&(e===s.MEDIA_CURRENT_TIME||e===s.MEDIA_PAUSED||e===s.MEDIA_ENDED||e===s.MEDIA_LOADING||e===s.MEDIA_DURATION||e===s.MEDIA_SEEKABLE?(se(this,Xi).update({start:As(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),ye(this,Gr,Cn).call(this),Pg(this)):e===s.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===s.MEDIA_DURATION||e===s.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=se(this,Kr),this.updateBar()))}get mediaChaptersCues(){return se(this,Kr)}set mediaChaptersCues(e){var t;Ge(this,Kr,e),this.updateSegments((t=se(this,Kr))==null?void 0:t.map(r=>({start:As(this,r.startTime),end:As(this,r.endTime)})))}get mediaPaused(){return w(this,s.MEDIA_PAUSED)}set mediaPaused(e){I(this,s.MEDIA_PAUSED,e)}get mediaLoading(){return w(this,s.MEDIA_LOADING)}set mediaLoading(e){I(this,s.MEDIA_LOADING,e)}get mediaDuration(){return $(this,s.MEDIA_DURATION)}set mediaDuration(e){B(this,s.MEDIA_DURATION,e)}get mediaCurrentTime(){return $(this,s.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){B(this,s.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return $(this,s.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(s.MEDIA_BUFFERED);return e?e.split(" ").map(t=>t.split(":").map(r=>+r)):[]}set mediaBuffered(e){if(!e){this.removeAttribute(s.MEDIA_BUFFERED);return}let t=e.map(r=>r.join(":")).join(" ");this.setAttribute(s.MEDIA_BUFFERED,t)}get mediaSeekable(){let e=this.getAttribute(s.MEDIA_SEEKABLE);if(e)return e.split(":").map(t=>+t)}set mediaSeekable(e){if(e==null){this.removeAttribute(s.MEDIA_SEEKABLE);return}this.setAttribute(s.MEDIA_SEEKABLE,e.join(":"))}get mediaSeekableEnd(){var e;let[,t=this.mediaDuration]=(e=this.mediaSeekable)!=null?e:[];return t}get mediaSeekableStart(){var e;let[t=0]=(e=this.mediaSeekable)!=null?e:[];return t}get mediaPreviewImage(){return P(this,s.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){D(this,s.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return $(this,s.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){B(this,s.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return w(this,s.MEDIA_ENDED)}set mediaEnded(e){I(this,s.MEDIA_ENDED,e)}updateBar(){super.updateBar(),this.updateBufferedBar(),this.updateCurrentBox()}updateBufferedBar(){var e;let t=this.mediaBuffered;if(!t.length)return;let r;if(this.mediaEnded)r=1;else{let n=this.mediaCurrentTime,[,a=this.mediaSeekableStart]=(e=t.find(([l,c])=>l<=n&&n<=c))!=null?e:[];r=As(this,a)}let{style:o}=J(this.shadowRoot,"#buffered");o.setProperty("width",`${r*100}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector('slot[name="current"]').assignedElements().length)return;let t=J(this.shadowRoot,"#current-rail"),r=J(this.shadowRoot,'[part~="current-box"]'),o=ye(this,ws,$d).call(this,se(this,Ss)),n=ye(this,Is,Hd).call(this,o,this.range.valueAsNumber),a=ye(this,Cs,Bd).call(this,o,this.range.valueAsNumber);t.style.transform=`translateX(${n})`,t.style.setProperty("--_range-width",`${o.range.width}`),r.style.setProperty("--_box-shift",`${a}`),r.style.setProperty("--_box-width",`${o.box.width}px`),r.style.setProperty("visibility","initial")}handleEvent(e){switch(super.handleEvent(e),e.type){case"input":ye(this,Od,yp).call(this);break;case"pointermove":ye(this,Dd,_p).call(this,e);break;case"pointerup":se(this,qr)&&Ge(this,qr,!1);break;case"pointerdown":Ge(this,qr,!0);break;case"pointerleave":ye(this,Pn,Ms).call(this,null);break;case"transitionstart":Ae(e.target,this)&&setTimeout(()=>ye(this,Gr,Cn).call(this),0);break}}};Fr=new WeakMap;Xi=new WeakMap;ks=new WeakMap;Mn=new WeakMap;Ls=new WeakMap;Ss=new WeakMap;Rn=new WeakMap;xn=new WeakMap;Kr=new WeakMap;qr=new WeakMap;Gr=new WeakSet;Cn=function(){ye(this,Nd,bp).call(this)?se(this,Xi).start():se(this,Xi).stop()};Nd=new WeakSet;bp=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&_a(this)};Pd=new WeakMap;ws=new WeakSet;$d=function(i){var e;let r=((e=this.getAttribute("bounds")?st(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?e:this).getBoundingClientRect(),o=this.range.getBoundingClientRect(),n=i.offsetWidth,a=-(o.left-r.left-n/2),l=r.right-o.left-n/2;return{box:{width:n,min:a,max:l},bounds:r,range:o}};Is=new WeakSet;Hd=function(i,e){let t=`${e*100}%`,{width:r,min:o,max:n}=i.box;if(!r)return t;if(Number.isNaN(o)||(t=`max(${`calc(1 / var(--_range-width) * 100 * ${o}% + var(--media-box-padding-left))`}, ${t})`),!Number.isNaN(n)){let l=`calc(1 / var(--_range-width) * 100 * ${n}% - var(--media-box-padding-right))`;t=`min(${t}, ${l})`}return t};Cs=new WeakSet;Bd=function(i,e){let{width:t,min:r,max:o}=i.box,n=e*i.range.width;if(n<r+se(this,Rn)){let a=i.range.left-i.bounds.left-se(this,Rn);return`${n-t/2+a}px`}if(n>o-se(this,xn)){let a=i.bounds.right-i.range.right-se(this,xn);return`${n+t/2-a-i.range.width}px`}return 0};Dd=new WeakSet;_p=function(i){let e=[...se(this,ks)].some(h=>i.composedPath().includes(h));if(!this.dragging&&(e||!i.composedPath().includes(this))){ye(this,Pn,Ms).call(this,null);return}let t=this.mediaSeekableEnd;if(!t)return;let r=J(this.shadowRoot,"#preview-rail"),o=J(this.shadowRoot,'[part~="preview-box"]'),n=ye(this,ws,$d).call(this,se(this,Ls)),a=(i.clientX-n.range.left)/n.range.width;a=Math.max(0,Math.min(1,a));let l=ye(this,Is,Hd).call(this,n,a),c=ye(this,Cs,Bd).call(this,n,a);r.style.transform=`translateX(${l})`,r.style.setProperty("--_range-width",`${n.range.width}`),o.style.setProperty("--_box-shift",`${c}`),o.style.setProperty("--_box-width",`${n.box.width}px`);let p=Math.round(se(this,Mn))-Math.round(a*t);Math.abs(p)<1&&a>.01&&a<.99||(Ge(this,Mn,a*t),ye(this,Pn,Ms).call(this,se(this,Mn)))};Pn=new WeakSet;Ms=function(i){this.dispatchEvent(new d.CustomEvent(b.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:i}))};Od=new WeakSet;yp=function(){se(this,Xi).stop();let i=Tp(this);this.dispatchEvent(new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:i}))};Dn.shadowRootOptions={mode:"open"};Dn.getContainerTemplateHTML=Dg;d.customElements.get("media-time-range")||d.customElements.define("media-time-range",Dn);var Og=1,Ug=i=>i.mediaMuted?0:i.mediaVolume,Ng=i=>`${Math.round(i*100)}%`,Vd=class extends mt{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_VOLUME,s.MEDIA_MUTED,s.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.addEventListener("input",()=>{let e=this.range.value,t=new d.CustomEvent(b.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)})}connectedCallback(){super.connectedCallback(),this.range.setAttribute("aria-label",E("volume"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),(e===s.MEDIA_VOLUME||e===s.MEDIA_MUTED)&&(this.range.valueAsNumber=Ug(this),this.range.setAttribute("aria-valuetext",Ng(this.range.valueAsNumber)),this.updateBar())}get mediaVolume(){return $(this,s.MEDIA_VOLUME,Og)}set mediaVolume(e){B(this,s.MEDIA_VOLUME,e)}get mediaMuted(){return w(this,s.MEDIA_MUTED)}set mediaMuted(e){I(this,s.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return P(this,s.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){D(this,s.MEDIA_VOLUME_UNAVAILABLE,e)}};d.customElements.get("media-volume-range")||d.customElements.define("media-volume-range",Vd);function $g(i){return`
+      <style>
+        :host {
+          min-width: 4ch;
+          padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
+          width: 100%;
+          display: grid;
+          grid-template-columns: 1fr auto;
+          gap: 1rem;
+          font-weight: var(--media-button-font-weight, normal);
+        }
+
+        #checked-indicator {
+          display: none;
+        }
+
+        :host([${s.MEDIA_LOOP}]) #checked-indicator {
+          display: block;
+        }
+      </style>
+      
+      <span id="icon">
+     </span>
+
+      <div id="checked-indicator">
+        <svg aria-hidden="true" viewBox="0 1 24 24" part="checked-indicator indicator">
+          <path d="m10 15.17 9.193-9.191 1.414 1.414-10.606 10.606-6.364-6.364 1.414-1.414 4.95 4.95Z"/>
+        </svg>
+      </div>
+    `}function Hg(){return E("Loop")}var On=class extends F{constructor(){super(...arguments),this.container=null}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_LOOP]}connectedCallback(){var e;super.connectedCallback(),this.container=((e=this.shadowRoot)==null?void 0:e.querySelector("#icon"))||null,this.container&&(this.container.textContent=E("Loop"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_LOOP&&this.container&&this.setAttribute("aria-checked",this.mediaLoop?"true":"false")}get mediaLoop(){return w(this,s.MEDIA_LOOP)}set mediaLoop(e){I(this,s.MEDIA_LOOP,e)}handleClick(){let e=!this.mediaLoop,t=new d.CustomEvent(b.MEDIA_LOOP_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};On.getSlotTemplateHTML=$g;On.getTooltipContentHTML=Hg;d.customElements.get("media-loop-button")||d.customElements.define("media-loop-button",On);function Ap({anchor:i,floating:e,placement:t}){let r=Bg({anchor:i,floating:e}),{x:o,y:n}=Wg(r,t);return{x:o,y:n}}function Bg({anchor:i,floating:e}){return{anchor:Vg(i,e.offsetParent),floating:{x:0,y:0,width:e.offsetWidth,height:e.offsetHeight}}}function Vg(i,e){var t;let r=i.getBoundingClientRect(),o=(t=e==null?void 0:e.getBoundingClientRect())!=null?t:{x:0,y:0};return{x:r.x-o.x,y:r.y-o.y,width:r.width,height:r.height}}function Wg({anchor:i,floating:e},t){let r=Fg(t)==="x"?"y":"x",o=r==="y"?"height":"width",n=Sp(t),a=i.x+i.width/2-e.width/2,l=i.y+i.height/2-e.height/2,c=i[o]/2-e[o]/2,p;switch(n){case"top":p={x:a,y:i.y-e.height};break;case"bottom":p={x:a,y:i.y+i.height};break;case"right":p={x:i.x+i.width,y:l};break;case"left":p={x:i.x-e.width,y:l};break;default:p={x:i.x,y:i.y}}switch(t.split("-")[1]){case"start":p[r]-=c;break;case"end":p[r]+=c;break}return p}function Sp(i){return i.split("-")[0]}function Fg(i){return["top","bottom"].includes(Sp(i))?"y":"x"}var ri=class extends Event{constructor({action:e="auto",relatedTarget:t,...r}){super("invoke",r),this.action=e,this.relatedTarget=t}},Rs=class extends Event{constructor({newState:e,oldState:t,...r}){super("toggle",r),this.newState=e,this.oldState=t}};var jd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},q=(i,e,t)=>(jd(i,e,"read from private field"),t?t.call(i):e.get(i)),Q=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},yt=(i,e,t,r)=>(jd(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Z=(i,e,t)=>(jd(i,e,"access private method"),t),Tt,ji,oi,xs,Ps,er,$n,Wd,kp,Us,ec,Ns,Ds,Fd,Kd,Lp,qd,wp,Gd,Ip,zr,Yr,Qr,Hn,$s,tc,zd,Cp,ic,Mp,Yd,Rp,rc,xp,Qd,Pp,Zd,Dp,Un,Hs,Xd,Op,Nn,Bs,Os,Jd;function At({type:i,text:e,value:t,checked:r}){let o=ee.createElement("media-chrome-menu-item");o.type=i??"",o.part.add("menu-item"),i&&o.part.add(i),o.value=t,o.checked=r;let n=ee.createElement("span");return n.textContent=e,o.append(n),o}function tt(i,e){let t=i.querySelector(`:scope > [slot="${e}"]`);if((t==null?void 0:t.nodeName)=="SLOT"&&(t=t.assignedElements({flatten:!0})[0]),t)return t=t.cloneNode(!0),t;let r=i.shadowRoot.querySelector(`[name="${e}"] > svg`);return r?r.cloneNode(!0):""}function Kg(i){return`
+    <style>
+      :host {
+        font: var(--media-font,
+          var(--media-font-weight, normal)
+          var(--media-font-size, 14px) /
+          var(--media-text-content-height, var(--media-control-height, 24px))
+          var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
+        color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+        --_menu-bg: rgb(20 20 30 / .8);
+        background: var(--media-menu-background, var(--media-control-background, var(--media-secondary-color, var(--_menu-bg))));
+        border-radius: var(--media-menu-border-radius);
+        border: var(--media-menu-border, none);
+        display: var(--media-menu-display, inline-flex) !important;
+        
+        transition: var(--media-menu-transition-in,
+          visibility 0s,
+          opacity .2s ease-out,
+          transform .15s ease-out,
+          left .2s ease-in-out,
+          min-width .2s ease-in-out,
+          min-height .2s ease-in-out
+        ) !important;
+        
+        visibility: var(--media-menu-visibility, visible);
+        opacity: var(--media-menu-opacity, 1);
+        max-height: var(--media-menu-max-height, var(--_menu-max-height, 300px));
+        transform: var(--media-menu-transform-in, translateY(0) scale(1));
+        flex-direction: column;
+        
+        min-height: 0;
+        position: relative;
+        bottom: var(--_menu-bottom);
+        box-sizing: border-box;
+      } 
+
+      @-moz-document url-prefix() {
+        :host{
+          --_menu-bg: rgb(20 20 30);
+        }
+      }
+
+      :host([hidden]) {
+        transition: var(--media-menu-transition-out,
+          visibility .15s ease-in,
+          opacity .15s ease-in,
+          transform .15s ease-in
+        ) !important;
+        visibility: var(--media-menu-hidden-visibility, hidden);
+        opacity: var(--media-menu-hidden-opacity, 0);
+        max-height: var(--media-menu-hidden-max-height,
+          var(--media-menu-max-height, var(--_menu-max-height, 300px)));
+        transform: var(--media-menu-transform-out, translateY(2px) scale(.99));
+        pointer-events: none;
+      }
+
+      :host([slot="submenu"]) {
+        background: none;
+        width: 100%;
+        min-height: 100%;
+        position: absolute;
+        bottom: 0;
+        right: -100%;
+      }
+
+      #container {
+        display: flex;
+        flex-direction: column;
+        min-height: 0;
+        transition: transform .2s ease-out;
+        transform: translate(0, 0);
+      }
+
+      #container.has-expanded {
+        transition: transform .2s ease-in;
+        transform: translate(-100%, 0);
+      }
+
+      button {
+        background: none;
+        color: inherit;
+        border: none;
+        padding: 0;
+        font: inherit;
+        outline: inherit;
+        display: inline-flex;
+        align-items: center;
+      }
+
+      slot[name="header"][hidden] {
+        display: none;
+      }
+
+      slot[name="header"] > *,
+      slot[name="header"]::slotted(*) {
+        padding: .4em .7em;
+        border-bottom: 1px solid rgb(255 255 255 / .25);
+        cursor: var(--media-cursor, default);
+      }
+
+      slot[name="header"] > button[part~="back"],
+      slot[name="header"]::slotted(button[part~="back"]) {
+        cursor: var(--media-cursor, pointer);
+      }
+
+      svg[part~="back"] {
+        height: var(--media-menu-icon-height, var(--media-control-height, 24px));
+        fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
+        display: block;
+        margin-right: .5ch;
+      }
+
+      slot:not([name]) {
+        gap: var(--media-menu-gap);
+        flex-direction: var(--media-menu-flex-direction, column);
+        overflow: var(--media-menu-overflow, hidden auto);
+        display: flex;
+        min-height: 0;
+      }
+
+      :host([role="menu"]) slot:not([name]) {
+        padding-block: .4em;
+      }
+
+      slot:not([name])::slotted([role="menu"]) {
+        background: none;
+      }
+
+      media-chrome-menu-item > span {
+        margin-right: .5ch;
+        max-width: var(--media-menu-item-max-width);
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+    </style>
+    <style id="layout-row" media="width:0">
+
+      slot[name="header"] > *,
+      slot[name="header"]::slotted(*) {
+        padding: .4em .5em;
+      }
+
+      slot:not([name]) {
+        gap: var(--media-menu-gap, .25em);
+        flex-direction: var(--media-menu-flex-direction, row);
+        padding-inline: .5em;
+      }
+
+      media-chrome-menu-item {
+        padding: .3em .5em;
+      }
+
+      media-chrome-menu-item[aria-checked="true"] {
+        background: var(--media-menu-item-checked-background, rgb(255 255 255 / .2));
+      }
+
+      
+      media-chrome-menu-item::part(checked-indicator) {
+        display: var(--media-menu-item-checked-indicator-display, none);
+      }
+    </style>
+    <div id="container" part="container">
+      <slot name="header" hidden>
+        <button part="back button" aria-label="Back to previous menu">
+          <slot name="back-icon">
+            <svg aria-hidden="true" viewBox="0 0 20 24" part="back indicator">
+              <path d="m11.88 17.585.742-.669-4.2-4.665 4.2-4.666-.743-.669-4.803 5.335 4.803 5.334Z"/>
+            </svg>
+          </slot>
+          <slot name="title"></slot>
+        </button>
+      </slot>
+      <slot></slot>
+    </div>
+    <slot name="checked-indicator" hidden></slot>
+  `}var Ji={STYLE:"style",HIDDEN:"hidden",DISABLED:"disabled",ANCHOR:"anchor"},le=class extends d.HTMLElement{constructor(){if(super(),Q(this,Wd),Q(this,Us),Q(this,Ds),Q(this,Kd),Q(this,qd),Q(this,Gd),Q(this,Qr),Q(this,$s),Q(this,zd),Q(this,ic),Q(this,Yd),Q(this,rc),Q(this,Qd),Q(this,Zd),Q(this,Un),Q(this,Xd),Q(this,Nn),Q(this,Os),Q(this,Tt,null),Q(this,ji,null),Q(this,oi,null),Q(this,xs,new Set),Q(this,Ps,void 0),Q(this,er,!1),Q(this,$n,null),Q(this,Ns,()=>{let e=q(this,xs),t=new Set(this.items);for(let r of e)t.has(r)||this.dispatchEvent(new CustomEvent("removemenuitem",{detail:r}));for(let r of t)e.has(r)||this.dispatchEvent(new CustomEvent("addmenuitem",{detail:r}));yt(this,xs,t)}),Q(this,zr,()=>{Z(this,Qr,Hn).call(this),Z(this,$s,tc).call(this,!1)}),Q(this,Yr,()=>{Z(this,Qr,Hn).call(this)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.container=this.shadowRoot.querySelector("#container"),this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.shadowRoot.addEventListener("slotchange",this),yt(this,Ps,new MutationObserver(q(this,Ns))),q(this,Ps).observe(this.defaultSlot,{childList:!0})}static get observedAttributes(){return[Ji.DISABLED,Ji.HIDDEN,Ji.STYLE,Ji.ANCHOR,N.MEDIA_CONTROLLER]}static formatMenuItemText(e,t){return e}enable(){this.addEventListener("click",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this),this.addEventListener("invoke",this),this.addEventListener("toggle",this)}disable(){this.removeEventListener("click",this),this.removeEventListener("focusout",this),this.removeEventListener("keyup",this),this.removeEventListener("invoke",this),this.removeEventListener("toggle",this)}handleEvent(e){switch(e.type){case"slotchange":Z(this,Wd,kp).call(this,e);break;case"invoke":Z(this,Kd,Lp).call(this,e);break;case"click":Z(this,zd,Cp).call(this,e);break;case"toggle":Z(this,Yd,Rp).call(this,e);break;case"focusout":Z(this,Qd,Pp).call(this,e);break;case"keydown":Z(this,Zd,Dp).call(this,e);break}}connectedCallback(){var e,t;yt(this,$n,Zo(this.shadowRoot,":host")),Z(this,Ds,Fd).call(this),this.hasAttribute("disabled")||this.enable(),this.role||(this.role="menu"),yt(this,Tt,ga(this)),(t=(e=q(this,Tt))==null?void 0:e.associateElement)==null||t.call(e,this),this.hidden||(Pt(Bn(this),q(this,zr)),Pt(this,q(this,Yr))),Z(this,Us,ec).call(this)}disconnectedCallback(){var e,t;Dt(Bn(this),q(this,zr)),Dt(this,q(this,Yr)),this.disable(),(t=(e=q(this,Tt))==null?void 0:e.unassociateElement)==null||t.call(e,this),yt(this,Tt,null)}attributeChangedCallback(e,t,r){var o,n,a,l;e===Ji.HIDDEN&&r!==t?(q(this,er)||yt(this,er,!0),this.hidden?Z(this,Gd,Ip).call(this):Z(this,qd,wp).call(this),this.dispatchEvent(new Rs({oldState:this.hidden?"open":"closed",newState:this.hidden?"closed":"open",bubbles:!0}))):e===N.MEDIA_CONTROLLER?(t&&((n=(o=q(this,Tt))==null?void 0:o.unassociateElement)==null||n.call(o,this),yt(this,Tt,null)),r&&this.isConnected&&(yt(this,Tt,ga(this)),(l=(a=q(this,Tt))==null?void 0:a.associateElement)==null||l.call(a,this))):e===Ji.DISABLED&&r!==t?r==null?this.enable():this.disable():e===Ji.STYLE&&r!==t&&Z(this,Ds,Fd).call(this)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}get anchor(){return this.getAttribute("anchor")}set anchor(e){this.setAttribute("anchor",`${e}`)}get anchorElement(){var e;return this.anchor?(e=Oi(this))==null?void 0:e.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:!0}).filter(qg)}get radioGroupItems(){return this.items.filter(e=>e.role==="menuitemradio")}get checkedItems(){return this.items.filter(e=>e.checked)}get value(){var e,t;return(t=(e=this.checkedItems[0])==null?void 0:e.value)!=null?t:""}set value(e){let t=this.items.find(r=>r.value===e);t&&Z(this,Os,Jd).call(this,t)}focus(){if(yt(this,ji,Qo()),this.items.length){Z(this,Nn,Bs).call(this,this.items[0]),this.items[0].focus();return}let e=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');e==null||e.focus()}handleSelect(e){var t;let r=Z(this,Un,Hs).call(this,e);r&&(Z(this,Os,Jd).call(this,r,r.type==="checkbox"),q(this,oi)&&!this.hidden&&((t=q(this,ji))==null||t.focus(),this.hidden=!0))}get keysUsed(){return["Enter","Escape","Tab"," ","ArrowDown","ArrowUp","Home","End"]}handleMove(e){var t,r;let{key:o}=e,n=this.items,a=(r=(t=Z(this,Un,Hs).call(this,e))!=null?t:Z(this,Xd,Op).call(this))!=null?r:n[0],l=n.indexOf(a),c=Math.max(0,l);o==="ArrowDown"?c++:o==="ArrowUp"?c--:e.key==="Home"?c=0:e.key==="End"&&(c=n.length-1),c<0&&(c=n.length-1),c>n.length-1&&(c=0),Z(this,Nn,Bs).call(this,n[c]),n[c].focus()}};Tt=new WeakMap;ji=new WeakMap;oi=new WeakMap;xs=new WeakMap;Ps=new WeakMap;er=new WeakMap;$n=new WeakMap;Wd=new WeakSet;kp=function(i){let e=i.target;for(let t of e.assignedNodes({flatten:!0}))t.nodeType===3&&t.textContent.trim()===""&&t.remove();["header","title"].includes(e.name)&&Z(this,Us,ec).call(this),e.name||q(this,Ns).call(this)};Us=new WeakSet;ec=function(){let i=this.shadowRoot.querySelector('slot[name="header"]'),e=this.shadowRoot.querySelector('slot[name="title"]');i.hidden=e.assignedNodes().length===0&&i.assignedNodes().length===0};Ns=new WeakMap;Ds=new WeakSet;Fd=function(){var i;let e=this.shadowRoot.querySelector("#layout-row"),t=(i=getComputedStyle(this).getPropertyValue("--media-menu-layout"))==null?void 0:i.trim();e.setAttribute("media",t==="row"?"":"width:0")};Kd=new WeakSet;Lp=function(i){yt(this,oi,i.relatedTarget),Ae(this,i.relatedTarget)||(this.hidden=!this.hidden)};qd=new WeakSet;wp=function(){var i;(i=q(this,oi))==null||i.setAttribute("aria-expanded","true"),this.addEventListener("transitionend",()=>this.focus(),{once:!0}),Pt(Bn(this),q(this,zr)),Pt(this,q(this,Yr))};Gd=new WeakSet;Ip=function(){var i;(i=q(this,oi))==null||i.setAttribute("aria-expanded","false"),Dt(Bn(this),q(this,zr)),Dt(this,q(this,Yr))};zr=new WeakMap;Yr=new WeakMap;Qr=new WeakSet;Hn=function(i){if(this.hasAttribute("mediacontroller")&&!this.anchor||this.hidden||!this.anchorElement)return;let{x:e,y:t}=Ap({anchor:this.anchorElement,floating:this,placement:"top-start"});i??(i=this.offsetWidth);let o=Bn(this).getBoundingClientRect(),n=o.width-e-i,a=o.height-t-this.offsetHeight,{style:l}=q(this,$n);l.setProperty("position","absolute"),l.setProperty("right",`${Math.max(0,n)}px`),l.setProperty("--_menu-bottom",`${a}px`);let c=getComputedStyle(this),h=l.getPropertyValue("--_menu-bottom")===c.bottom?a:parseFloat(c.bottom),v=o.height-h-parseFloat(c.marginBottom);this.style.setProperty("--_menu-max-height",`${v}px`)};$s=new WeakSet;tc=function(i){let e=this.querySelector('[role="menuitem"][aria-haspopup][aria-expanded="true"]'),t=e==null?void 0:e.querySelector('[role="menu"]'),{style:r}=q(this,$n);if(i||r.setProperty("--media-menu-transition-in","none"),t){let o=t.offsetHeight,n=Math.max(t.offsetWidth,e.offsetWidth);this.style.setProperty("min-width",`${n}px`),this.style.setProperty("min-height",`${o}px`),Z(this,Qr,Hn).call(this,n)}else this.style.removeProperty("min-width"),this.style.removeProperty("min-height"),Z(this,Qr,Hn).call(this);r.removeProperty("--media-menu-transition-in")};zd=new WeakSet;Cp=function(i){var e;if(i.stopPropagation(),i.composedPath().includes(q(this,ic,Mp))){(e=q(this,ji))==null||e.focus(),this.hidden=!0;return}let t=Z(this,Un,Hs).call(this,i);!t||t.hasAttribute("disabled")||(Z(this,Nn,Bs).call(this,t),this.handleSelect(i))};ic=new WeakSet;Mp=function(){var i;return(i=this.shadowRoot.querySelector('slot[name="header"]').assignedElements({flatten:!0}))==null?void 0:i.find(t=>t.matches('button[part~="back"]'))};Yd=new WeakSet;Rp=function(i){if(i.target===this)return;Z(this,rc,xp).call(this);let e=Array.from(this.querySelectorAll('[role="menuitem"][aria-haspopup]'));for(let t of e)t.invokeTargetElement!=i.target&&i.newState=="open"&&t.getAttribute("aria-expanded")=="true"&&!t.invokeTargetElement.hidden&&t.invokeTargetElement.dispatchEvent(new ri({relatedTarget:t}));for(let t of e)t.setAttribute("aria-expanded",`${!t.submenuElement.hidden}`);Z(this,$s,tc).call(this,!0)};rc=new WeakSet;xp=function(){let e=this.querySelector('[role="menuitem"] > [role="menu"]:not([hidden])');this.container.classList.toggle("has-expanded",!!e)};Qd=new WeakSet;Pp=function(i){var e;Ae(this,i.relatedTarget)||(q(this,er)&&((e=q(this,ji))==null||e.focus()),q(this,oi)&&q(this,oi)!==i.relatedTarget&&!this.hidden&&(this.hidden=!0))};Zd=new WeakSet;Dp=function(i){var e,t,r,o,n;let{key:a,ctrlKey:l,altKey:c,metaKey:p}=i;if(!(l||c||p)&&this.keysUsed.includes(a))if(i.preventDefault(),i.stopPropagation(),a==="Tab"){if(q(this,er)){this.hidden=!0;return}i.shiftKey?(t=(e=this.previousElementSibling)==null?void 0:e.focus)==null||t.call(e):(o=(r=this.nextElementSibling)==null?void 0:r.focus)==null||o.call(r),this.blur()}else a==="Escape"?((n=q(this,ji))==null||n.focus(),q(this,er)&&(this.hidden=!0)):a==="Enter"||a===" "?this.handleSelect(i):this.handleMove(i)};Un=new WeakSet;Hs=function(i){return i.composedPath().find(e=>["menuitemradio","menuitemcheckbox"].includes(e.role))};Xd=new WeakSet;Op=function(){return this.items.find(i=>i.tabIndex===0)};Nn=new WeakSet;Bs=function(i){for(let e of this.items)e.tabIndex=e===i?0:-1};Os=new WeakSet;Jd=function(i,e){let t=[...this.checkedItems];i.type==="radio"&&this.radioGroupItems.forEach(r=>r.checked=!1),e?i.checked=!i.checked:i.checked=!0,this.checkedItems.some((r,o)=>r!=t[o])&&this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};le.shadowRootOptions={mode:"open"};le.getTemplateHTML=Kg;function qg(i){return["menuitem","menuitemradio","menuitemcheckbox"].includes(i==null?void 0:i.role)}function Bn(i){var e;return(e=i.getAttribute("bounds")?st(i,`#${i.getAttribute("bounds")}`):X(i)||i.parentElement)!=null?e:i}d.customElements.get("media-chrome-menu")||d.customElements.define("media-chrome-menu",le);var dc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},St=(i,e,t)=>(dc(i,e,"read from private field"),t?t.call(i):e.get(i)),$t=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},oc=(i,e,t,r)=>(dc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),it=(i,e,t)=>(dc(i,e,"access private method"),t),Vs,Wn,nc,Up,Fs,cc,uc,Np,kt,Zr,Fn,ac,$p,Ws,sc;function Gg(i){return`
+    <style>
+      :host {
+        transition: var(--media-menu-item-transition,
+          background .15s linear,
+          opacity .2s ease-in-out
+        );
+        outline: var(--media-menu-item-outline, 0);
+        outline-offset: var(--media-menu-item-outline-offset, -1px);
+        cursor: var(--media-cursor, pointer);
+        display: flex;
+        align-items: center;
+        align-self: stretch;
+        justify-self: stretch;
+        white-space: nowrap;
+        white-space-collapse: collapse;
+        text-wrap: nowrap;
+        padding: .4em .8em .4em 1em;
+      }
+
+      :host(:focus-visible) {
+        box-shadow: var(--media-menu-item-focus-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
+        outline: var(--media-menu-item-hover-outline, 0);
+        outline-offset: var(--media-menu-item-hover-outline-offset,  var(--media-menu-item-outline-offset, -1px));
+      }
+
+      :host(:hover) {
+        cursor: var(--media-cursor, pointer);
+        background: var(--media-menu-item-hover-background, rgb(92 92 102 / .5));
+        outline: var(--media-menu-item-hover-outline);
+        outline-offset: var(--media-menu-item-hover-outline-offset,  var(--media-menu-item-outline-offset, -1px));
+      }
+
+      :host([aria-checked="true"]) {
+        background: var(--media-menu-item-checked-background);
+      }
+
+      :host([hidden]) {
+        display: none;
+      }
+
+      :host([disabled]) {
+        pointer-events: none;
+        color: rgba(255, 255, 255, .3);
+      }
+
+      slot:not([name]) {
+        width: 100%;
+      }
+
+      slot:not([name="submenu"]) {
+        display: inline-flex;
+        align-items: center;
+        transition: inherit;
+        opacity: var(--media-menu-item-opacity, 1);
+      }
+
+      slot[name="description"] {
+        justify-content: end;
+      }
+
+      slot[name="description"] > span {
+        display: inline-block;
+        margin-inline: 1em .2em;
+        max-width: var(--media-menu-item-description-max-width, 100px);
+        text-overflow: ellipsis;
+        overflow: hidden;
+        font-size: .8em;
+        font-weight: 400;
+        text-align: right;
+        position: relative;
+        top: .04em;
+      }
+
+      slot[name="checked-indicator"] {
+        display: none;
+      }
+
+      :host(:is([role="menuitemradio"],[role="menuitemcheckbox"])) slot[name="checked-indicator"] {
+        display: var(--media-menu-item-checked-indicator-display, inline-block);
+      }
+
+      
+      svg, img, ::slotted(svg), ::slotted(img) {
+        height: var(--media-menu-item-icon-height, var(--media-control-height, 24px));
+        fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
+        display: block;
+      }
+
+      
+      [part~="indicator"],
+      ::slotted([part~="indicator"]) {
+        fill: var(--media-menu-item-indicator-fill,
+          var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))));
+        height: var(--media-menu-item-indicator-height, 1.25em);
+        margin-right: .5ch;
+      }
+
+      [part~="checked-indicator"] {
+        visibility: hidden;
+      }
+
+      :host([aria-checked="true"]) [part~="checked-indicator"] {
+        visibility: visible;
+      }
+    </style>
+    <slot name="checked-indicator">
+      <svg aria-hidden="true" viewBox="0 1 24 24" part="checked-indicator indicator">
+        <path d="m10 15.17 9.193-9.191 1.414 1.414-10.606 10.606-6.364-6.364 1.414-1.414 4.95 4.95Z"/>
+      </svg>
+    </slot>
+    <slot name="prefix"></slot>
+    <slot></slot>
+    <slot name="description"></slot>
+    <slot name="suffix">
+      ${this.getSuffixSlotInnerHTML(i)}
+    </slot>
+    <slot name="submenu"></slot>
+  `}function zg(i){return""}var ze={TYPE:"type",VALUE:"value",CHECKED:"checked",DISABLED:"disabled"},Fe=class extends d.HTMLElement{constructor(){if(super(),$t(this,nc),$t(this,Fs),$t(this,uc),$t(this,Zr),$t(this,ac),$t(this,Ws),$t(this,Vs,!1),$t(this,Wn,void 0),$t(this,kt,()=>{var e,t;this.submenuElement.items&&this.setAttribute("submenusize",`${this.submenuElement.items.length}`);let r=this.shadowRoot.querySelector('slot[name="description"]'),o=(e=this.submenuElement.checkedItems)==null?void 0:e[0],n=(t=o==null?void 0:o.dataset.description)!=null?t:o==null?void 0:o.text,a=ee.createElement("span");a.textContent=n??"",r.replaceChildren(a)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.shadowRoot.addEventListener("slotchange",this)}static get observedAttributes(){return[ze.TYPE,ze.DISABLED,ze.CHECKED,ze.VALUE]}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),Vn(this)&&!this.hasAttribute("aria-checked")&&this.setAttribute("aria-checked","false"),this.addEventListener("click",this),this.addEventListener("keydown",this)}disable(){this.removeAttribute("tabindex"),this.removeEventListener("click",this),this.removeEventListener("keydown",this),this.removeEventListener("keyup",this)}handleEvent(e){switch(e.type){case"slotchange":it(this,nc,Up).call(this,e);break;case"click":this.handleClick(e);break;case"keydown":it(this,ac,$p).call(this,e);break;case"keyup":it(this,Zr,Fn).call(this,e);break}}attributeChangedCallback(e,t,r){e===ze.CHECKED&&Vn(this)&&!St(this,Vs)?this.setAttribute("aria-checked",r!=null?"true":"false"):e===ze.TYPE&&r!==t?this.role="menuitem"+r:e===ze.DISABLED&&r!==t&&(r==null?this.enable():this.disable())}connectedCallback(){this.hasAttribute(ze.DISABLED)||this.enable(),this.role="menuitem"+this.type,oc(this,Wn,lc(this,this.parentNode)),it(this,Ws,sc).call(this),this.submenuElement&&it(this,Fs,cc).call(this)}disconnectedCallback(){this.disable(),it(this,Ws,sc).call(this),oc(this,Wn,null)}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?(e=Oi(this))==null?void 0:e.querySelector(`#${this.invokeTarget}`):this.submenuElement}get submenuElement(){return this.shadowRoot.querySelector('slot[name="submenu"]').assignedElements({flatten:!0})[0]}get type(){var e;return(e=this.getAttribute(ze.TYPE))!=null?e:""}set type(e){this.setAttribute(ze.TYPE,`${e}`)}get value(){var e;return(e=this.getAttribute(ze.VALUE))!=null?e:this.text}set value(e){this.setAttribute(ze.VALUE,e)}get text(){var e;return((e=this.textContent)!=null?e:"").trim()}get checked(){if(Vn(this))return this.getAttribute("aria-checked")==="true"}set checked(e){Vn(this)&&(oc(this,Vs,!0),this.setAttribute("aria-checked",e?"true":"false"),e?this.part.add("checked"):this.part.remove("checked"))}handleClick(e){Vn(this)||this.invokeTargetElement&&Ae(this,e.target)&&this.invokeTargetElement.dispatchEvent(new ri({relatedTarget:this}))}get keysUsed(){return["Enter"," "]}};Vs=new WeakMap;Wn=new WeakMap;nc=new WeakSet;Up=function(i){let e=i.target;if(!(e!=null&&e.name))for(let r of e.assignedNodes({flatten:!0}))r instanceof Text&&r.textContent.trim()===""&&r.remove();e.name==="submenu"&&(this.submenuElement?it(this,Fs,cc).call(this):it(this,uc,Np).call(this))};Fs=new WeakSet;cc=async function(){this.setAttribute("aria-haspopup","menu"),this.setAttribute("aria-expanded",`${!this.submenuElement.hidden}`),this.submenuElement.addEventListener("change",St(this,kt)),this.submenuElement.addEventListener("addmenuitem",St(this,kt)),this.submenuElement.addEventListener("removemenuitem",St(this,kt)),St(this,kt).call(this)};uc=new WeakSet;Np=function(){this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.submenuElement.removeEventListener("change",St(this,kt)),this.submenuElement.removeEventListener("addmenuitem",St(this,kt)),this.submenuElement.removeEventListener("removemenuitem",St(this,kt)),St(this,kt).call(this)};kt=new WeakMap;Zr=new WeakSet;Fn=function(i){let{key:e}=i;if(!this.keysUsed.includes(e)){this.removeEventListener("keyup",it(this,Zr,Fn));return}this.handleClick(i)};ac=new WeakSet;$p=function(i){let{metaKey:e,altKey:t,key:r}=i;if(e||t||!this.keysUsed.includes(r)){this.removeEventListener("keyup",it(this,Zr,Fn));return}this.addEventListener("keyup",it(this,Zr,Fn),{once:!0})};Ws=new WeakSet;sc=function(){var i;let e=(i=St(this,Wn))==null?void 0:i.radioGroupItems;if(!e)return;let t=e.filter(r=>r.getAttribute("aria-checked")==="true").pop();t||(t=e[0]);for(let r of e)r.setAttribute("aria-checked","false");t==null||t.setAttribute("aria-checked","true")};Fe.shadowRootOptions={mode:"open"};Fe.getTemplateHTML=Gg;Fe.getSuffixSlotInnerHTML=zg;function Vn(i){return i.type==="radio"||i.type==="checkbox"}function lc(i,e){if(!i)return null;let{host:t}=i.getRootNode();return!e&&t?lc(i,t):e!=null&&e.items?e:lc(e,e==null?void 0:e.parentNode)}d.customElements.get("media-chrome-menu-item")||d.customElements.define("media-chrome-menu-item",Fe);function Yg(i){return`
+    ${le.getTemplateHTML(i)}
+    <style>
+      :host {
+        --_menu-bg: rgb(20 20 30 / .8);
+        background: var(--media-settings-menu-background,
+            var(--media-menu-background,
+              var(--media-control-background,
+                var(--media-secondary-color, var(--_menu-bg)))));
+        min-width: var(--media-settings-menu-min-width, 170px);
+        border-radius: 2px 2px 0 0;
+        overflow: hidden;
+      }
+
+      @-moz-document url-prefix() {
+        :host{
+          --_menu-bg: rgb(20 20 30);
+        }
+      }
+
+      :host([role="menu"]) {
+        
+        justify-content: end;
+      }
+
+      slot:not([name]) {
+        justify-content: var(--media-settings-menu-justify-content);
+        flex-direction: var(--media-settings-menu-flex-direction, column);
+        overflow: visible;
+      }
+
+      #container.has-expanded {
+        --media-settings-menu-item-opacity: 0;
+      }
+    </style>
+  `}var Kn=class extends le{get anchorElement(){return this.anchor!=="auto"?super.anchorElement:X(this).querySelector("media-settings-menu-button")}};Kn.getTemplateHTML=Yg;d.customElements.get("media-settings-menu")||d.customElements.define("media-settings-menu",Kn);function Qg(i){return`
+    ${Fe.getTemplateHTML.call(this,i)}
+    <style>
+      slot:not([name="submenu"]) {
+        opacity: var(--media-settings-menu-item-opacity, var(--media-menu-item-opacity));
+      }
+
+      :host([aria-expanded="true"]:hover) {
+        background: transparent;
+      }
+    </style>
+  `}function Zg(i){return`
+    <svg aria-hidden="true" viewBox="0 0 20 24">
+      <path d="m8.12 17.585-.742-.669 4.2-4.665-4.2-4.666.743-.669 4.803 5.335-4.803 5.334Z"/>
+    </svg>
+  `}var tr=class extends Fe{};tr.shadowRootOptions={mode:"open"};tr.getTemplateHTML=Qg;tr.getSuffixSlotInnerHTML=Zg;d.customElements.get("media-settings-menu-item")||d.customElements.define("media-settings-menu-item",tr);var De=class extends F{connectedCallback(){super.connectedCallback(),this.invokeTargetElement&&this.setAttribute("aria-haspopup","menu")}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?(e=Oi(this))==null?void 0:e.querySelector(`#${this.invokeTarget}`):null}handleClick(){var e;(e=this.invokeTargetElement)==null||e.dispatchEvent(new ri({relatedTarget:this}))}};d.customElements.get("media-chrome-menu-button")||d.customElements.define("media-chrome-menu-button",De);function Xg(){return`
+    <style>
+      :host([aria-expanded="true"]) slot[name=tooltip] {
+        display: none;
+      }
+    </style>
+    <slot name="icon">
+      <svg aria-hidden="true" viewBox="0 0 24 24">
+        <path d="M4.5 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
+      </svg>
+    </slot>
+  `}function Jg(){return E("Settings")}var Xr=class extends De{static get observedAttributes(){return[...super.observedAttributes,"target"]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",E("settings"))}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:X(this).querySelector("media-settings-menu")}};Xr.getSlotTemplateHTML=Xg;Xr.getTooltipContentHTML=Jg;d.customElements.get("media-settings-menu-button")||d.customElements.define("media-settings-menu-button",Xr);var vc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Hp=(i,e,t)=>(vc(i,e,"read from private field"),t?t.call(i):e.get(i)),Ks=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},hc=(i,e,t,r)=>(vc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),qs=(i,e,t)=>(vc(i,e,"access private method"),t),qn,Ys,Gs,pc,zs,mc,Qs=class extends le{constructor(){super(...arguments),Ks(this,Gs),Ks(this,zs),Ks(this,qn,[]),Ks(this,Ys,void 0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_AUDIO_TRACK_LIST,s.MEDIA_AUDIO_TRACK_ENABLED,s.MEDIA_AUDIO_TRACK_UNAVAILABLE]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_AUDIO_TRACK_ENABLED&&t!==r?this.value=r:e===s.MEDIA_AUDIO_TRACK_LIST&&t!==r&&(hc(this,qn,Wu(r??"")),qs(this,Gs,pc).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",qs(this,zs,mc))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",qs(this,zs,mc))}get anchorElement(){var e;return this.anchor!=="auto"?super.anchorElement:(e=X(this))==null?void 0:e.querySelector("media-audio-track-menu-button")}get mediaAudioTrackList(){return Hp(this,qn)}set mediaAudioTrackList(e){hc(this,qn,e),qs(this,Gs,pc).call(this)}get mediaAudioTrackEnabled(){var e;return(e=P(this,s.MEDIA_AUDIO_TRACK_ENABLED))!=null?e:""}set mediaAudioTrackEnabled(e){D(this,s.MEDIA_AUDIO_TRACK_ENABLED,e)}};qn=new WeakMap;Ys=new WeakMap;Gs=new WeakSet;pc=function(){if(Hp(this,Ys)===JSON.stringify(this.mediaAudioTrackList))return;hc(this,Ys,JSON.stringify(this.mediaAudioTrackList));let i=this.mediaAudioTrackList;this.defaultSlot.textContent="",i.sort((e,t)=>e.id.localeCompare(t.id,void 0,{numeric:!0}));for(let e of i){let t=this.formatMenuItemText(e.label,e),r=At({type:"radio",text:t,value:`${e.id}`,checked:e.enabled});r.prepend(tt(this,"checked-indicator")),this.defaultSlot.append(r)}};zs=new WeakSet;mc=function(){if(this.value==null)return;let i=new d.CustomEvent(b.MEDIA_AUDIO_TRACK_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};d.customElements.get("media-audio-track-menu")||d.customElements.define("media-audio-track-menu",Qs);var jg=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="M11 17H9.5V7H11v10Zm-3-3H6.5v-4H8v4Zm6-5h-1.5v6H14V9Zm3 7h-1.5V8H17v8Z"/>
+  <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"/>
+</svg>`;function eE(){return`
+    <style>
+      :host([aria-expanded="true"]) slot[name=tooltip] {
+        display: none;
+      }
+    </style>
+    <slot name="icon">${jg}</slot>
+  `}function tE(){return E("Audio")}var Bp=i=>{let e=E("Audio");i.setAttribute("aria-label",e)},Jr=class extends De{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_AUDIO_TRACK_ENABLED,s.MEDIA_AUDIO_TRACK_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Bp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_LANG&&Bp(this)}get invokeTargetElement(){var e;return this.invokeTarget!=null?super.invokeTargetElement:(e=X(this))==null?void 0:e.querySelector("media-audio-track-menu")}get mediaAudioTrackEnabled(){var e;return(e=P(this,s.MEDIA_AUDIO_TRACK_ENABLED))!=null?e:""}set mediaAudioTrackEnabled(e){D(this,s.MEDIA_AUDIO_TRACK_ENABLED,e)}};Jr.getSlotTemplateHTML=eE;Jr.getTooltipContentHTML=tE;d.customElements.get("media-audio-track-menu-button")||d.customElements.define("media-audio-track-menu-button",Jr);var bc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},iE=(i,e,t)=>(bc(i,e,"read from private field"),t?t.call(i):e.get(i)),fc=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},rE=(i,e,t,r)=>(bc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Zs=(i,e,t)=>(bc(i,e,"access private method"),t),js,Xs,gc,Js,Ec,oE=`
+  <svg aria-hidden="true" viewBox="0 0 26 24" part="captions-indicator indicator">
+    <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>
+  </svg>`;function nE(i){return`
+    ${le.getTemplateHTML(i)}
+    <slot name="captions-indicator" hidden>${oE}</slot>
+  `}var Gn=class extends le{constructor(){super(...arguments),fc(this,Xs),fc(this,Js),fc(this,js,void 0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_SUBTITLES_LIST,s.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_SUBTITLES_LIST&&t!==r?Zs(this,Xs,gc).call(this):e===s.MEDIA_SUBTITLES_SHOWING&&t!==r&&(this.value=r||"",Zs(this,Xs,gc).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Zs(this,Js,Ec))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Zs(this,Js,Ec))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:X(this).querySelector("media-captions-menu-button")}get mediaSubtitlesList(){return Vp(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Wp(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Vp(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Wp(this,s.MEDIA_SUBTITLES_SHOWING,e)}};js=new WeakMap;Xs=new WeakSet;gc=function(){var i;let e=iE(this,js)!==JSON.stringify(this.mediaSubtitlesList),t=this.value!==this.getAttribute(s.MEDIA_SUBTITLES_SHOWING);if(!e&&!t)return;rE(this,js,JSON.stringify(this.mediaSubtitlesList)),this.defaultSlot.textContent="";let r=!this.value,o=At({type:"radio",text:this.formatMenuItemText(E("Off")),value:"off",checked:r});o.prepend(tt(this,"checked-indicator")),this.defaultSlot.append(o);let n=this.mediaSubtitlesList;for(let a of n){let l=At({type:"radio",text:this.formatMenuItemText(a.label,a),value:Ma(a),checked:this.value==Ma(a)});l.prepend(tt(this,"checked-indicator")),((i=a.kind)!=null?i:"subs")==="captions"&&l.append(tt(this,"captions-indicator")),this.defaultSlot.append(l)}};Js=new WeakSet;Ec=function(){let i=this.mediaSubtitlesShowing,e=this.getAttribute(s.MEDIA_SUBTITLES_SHOWING),t=this.value!==e;if(i!=null&&i.length&&t&&this.dispatchEvent(new d.CustomEvent(b.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:i})),!this.value||!t)return;let r=new d.CustomEvent(b.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(r)};Gn.getTemplateHTML=nE;var Vp=(i,e)=>{let t=i.getAttribute(e);return t?Hi(t):[]},Wp=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let r=Ut(t);i.getAttribute(e)!==r&&i.setAttribute(e,r)};d.customElements.get("media-captions-menu")||d.customElements.define("media-captions-menu",Gn);var aE=`<svg aria-hidden="true" viewBox="0 0 26 24">
+  <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>
+</svg>`,sE=`<svg aria-hidden="true" viewBox="0 0 26 24">
+  <path d="M17.73 14.09a1.4 1.4 0 0 1-1 .37 1.579 1.579 0 0 1-1.27-.58A3 3 0 0 1 15 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34A2.89 2.89 0 0 0 19 9.07a3 3 0 0 0-2.14-.78 3.14 3.14 0 0 0-2.42 1 3.91 3.91 0 0 0-.93 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.17 3.17 0 0 0 1.07-1.74l-1.4-.45c-.083.43-.3.822-.62 1.12Zm-7.22 0a1.43 1.43 0 0 1-1 .37 1.58 1.58 0 0 1-1.27-.58A3 3 0 0 1 7.76 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34a2.81 2.81 0 0 0-.74-1.32 2.94 2.94 0 0 0-2.13-.78 3.18 3.18 0 0 0-2.43 1 4 4 0 0 0-.92 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.23 3.23 0 0 0 1.07-1.74l-1.4-.45a2.06 2.06 0 0 1-.6 1.07Zm12.32-8.41a2.59 2.59 0 0 0-2.3-2.51C18.72 3.05 15.86 3 13 3c-2.86 0-5.72.05-7.53.17a2.59 2.59 0 0 0-2.3 2.51c-.23 4.207-.23 8.423 0 12.63a2.57 2.57 0 0 0 2.3 2.5c1.81.13 4.67.19 7.53.19 2.86 0 5.72-.06 7.53-.19a2.57 2.57 0 0 0 2.3-2.5c.23-4.207.23-8.423 0-12.63Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.14-.21-8.29 0-12.43a1.11 1.11 0 0 1 .91-1.11C7.24 4.56 10 4.49 13 4.49s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.14.21 8.29 0 12.43Z"/>
+</svg>`;function lE(){return`
+    <style>
+      :host([data-captions-enabled="true"]) slot[name=off] {
+        display: none !important;
+      }
+
+      
+      :host(:not([data-captions-enabled="true"])) slot[name=on] {
+        display: none !important;
+      }
+
+      :host([aria-expanded="true"]) slot[name=tooltip] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="on">${aE}</slot>
+      <slot name="off">${sE}</slot>
+    </slot>
+  `}function dE(){return E("Captions")}var Fp=i=>{i.setAttribute("data-captions-enabled",Ra(i).toString())},Kp=i=>{i.setAttribute("aria-label",E("closed captions"))},jr=class extends De{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_SUBTITLES_LIST,s.MEDIA_SUBTITLES_SHOWING,s.MEDIA_LANG]}connectedCallback(){super.connectedCallback(),Kp(this),Fp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_SUBTITLES_SHOWING?Fp(this):e===s.MEDIA_LANG&&Kp(this)}get invokeTargetElement(){var e;return this.invokeTarget!=null?super.invokeTargetElement:(e=X(this))==null?void 0:e.querySelector("media-captions-menu")}get mediaSubtitlesList(){return qp(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Gp(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return qp(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Gp(this,s.MEDIA_SUBTITLES_SHOWING,e)}};jr.getSlotTemplateHTML=lE;jr.getTooltipContentHTML=dE;var qp=(i,e)=>{let t=i.getAttribute(e);return t?Hi(t):[]},Gp=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let r=Ut(t);i.getAttribute(e)!==r&&i.setAttribute(e,r)};d.customElements.get("media-captions-menu-button")||d.customElements.define("media-captions-menu-button",jr);var zp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},to=(i,e,t)=>(zp(i,e,"read from private field"),t?t.call(i):e.get(i)),_c=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},eo=(i,e,t)=>(zp(i,e,"access private method"),t),ni,io,zn,el,Tc,yc={RATES:"rates"},tl=class extends le{constructor(){super(),_c(this,io),_c(this,el),_c(this,ni,new Zt(this,yc.RATES,{defaultValue:Ld})),eo(this,io,zn).call(this)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE,yc.RATES]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_PLAYBACK_RATE&&t!=r?(this.value=r,eo(this,io,zn).call(this)):e===yc.RATES&&t!=r&&(to(this,ni).value=r,eo(this,io,zn).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",eo(this,el,Tc))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",eo(this,el,Tc))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:X(this).querySelector("media-playback-rate-menu-button")}get rates(){return to(this,ni)}set rates(e){e?Array.isArray(e)?to(this,ni).value=e.join(" "):typeof e=="string"&&(to(this,ni).value=e):to(this,ni).value="",eo(this,io,zn).call(this)}get mediaPlaybackRate(){return $(this,s.MEDIA_PLAYBACK_RATE,Yi)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}};ni=new WeakMap;io=new WeakSet;zn=function(){this.defaultSlot.textContent="";let i=this.mediaPlaybackRate,e=new Set(Array.from(to(this,ni)).map(r=>Number(r)));i>0&&!e.has(i)&&e.add(i);let t=Array.from(e).sort((r,o)=>r-o);for(let r of t){let o=At({type:"radio",text:this.formatMenuItemText(`${r}x`,r),value:r.toString(),checked:i===r});o.prepend(tt(this,"checked-indicator")),this.defaultSlot.append(o)}};el=new WeakSet;Tc=function(){if(!this.value)return;let i=new d.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};d.customElements.get("media-playback-rate-menu")||d.customElements.define("media-playback-rate-menu",tl);var il=1;function cE(i){return`
+    <style>
+      :host {
+        min-width: 5ch;
+        padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
+      }
+      
+      :host([aria-expanded="true"]) slot {
+        display: block;
+      }
+
+      :host([aria-expanded="true"]) slot[name=tooltip] {
+        display: none;
+      }
+    </style>
+    <slot name="icon">${i.mediaplaybackrate||il}x</slot>
+  `}function uE(){return E("Playback rate")}var ro=class extends De{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE]}constructor(){var e;super(),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${(e=this.mediaPlaybackRate)!=null?e:il}x`}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),e===s.MEDIA_PLAYBACK_RATE){let o=r?+r:Number.NaN,n=Number.isNaN(o)?il:o;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",E("Playback rate {playbackRate}",{playbackRate:n}))}}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:X(this).querySelector("media-playback-rate-menu")}get mediaPlaybackRate(){return $(this,s.MEDIA_PLAYBACK_RATE,il)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}};ro.getSlotTemplateHTML=cE;ro.getTooltipContentHTML=uE;d.customElements.get("media-playback-rate-menu-button")||d.customElements.define("media-playback-rate-menu-button",ro);var Sc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Yn=(i,e,t)=>(Sc(i,e,"read from private field"),t?t.call(i):e.get(i)),rl=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Yp=(i,e,t,r)=>(Sc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),oo=(i,e,t)=>(Sc(i,e,"access private method"),t),Qn,ao,no,Zn,ol,Ac,nl=class extends le{constructor(){super(...arguments),rl(this,no),rl(this,ol),rl(this,Qn,[]),rl(this,ao,{})}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_RENDITION_LIST,s.MEDIA_RENDITION_SELECTED,s.MEDIA_RENDITION_UNAVAILABLE,s.MEDIA_HEIGHT]}static formatMenuItemText(e,t){return super.formatMenuItemText(e,t)}static formatRendition(e,{showBitrate:t=!1}={}){let r=`${Math.min(e.width,e.height)}p`;if(t&&e.bitrate){let o=e.bitrate/1e6,n=`${o.toFixed(o<1?1:0)} Mbps`;return`${r} (${n})`}return this.formatMenuItemText(r,e)}static compareRendition(e,t){var r,o;return t.height===e.height?((r=t.bitrate)!=null?r:0)-((o=e.bitrate)!=null?o:0):t.height-e.height}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_RENDITION_SELECTED&&t!==r?(this.value=r??"auto",oo(this,no,Zn).call(this)):e===s.MEDIA_RENDITION_LIST&&t!==r?(Yp(this,Qn,Bu(r)),oo(this,no,Zn).call(this)):e===s.MEDIA_HEIGHT&&t!==r&&oo(this,no,Zn).call(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",oo(this,ol,Ac))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",oo(this,ol,Ac))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:X(this).querySelector("media-rendition-menu-button")}get mediaRenditionList(){return Yn(this,Qn)}set mediaRenditionList(e){Yp(this,Qn,e),oo(this,no,Zn).call(this)}get mediaRenditionSelected(){return P(this,s.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){D(this,s.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return $(this,s.MEDIA_HEIGHT)}set mediaHeight(e){B(this,s.MEDIA_HEIGHT,e)}compareRendition(e,t){return this.constructor.compareRendition(e,t)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}formatRendition(e,t){return this.constructor.formatRendition(e,t)}showRenditionBitrate(e){return this.mediaRenditionList.some(t=>t!==e&&t.height===e.height&&t.bitrate!==e.bitrate)}};Qn=new WeakMap;ao=new WeakMap;no=new WeakSet;Zn=function(){if(Yn(this,ao).mediaRenditionList===JSON.stringify(this.mediaRenditionList)&&Yn(this,ao).mediaHeight===this.mediaHeight)return;Yn(this,ao).mediaRenditionList=JSON.stringify(this.mediaRenditionList),Yn(this,ao).mediaHeight=this.mediaHeight;let i=this.mediaRenditionList.sort(this.compareRendition.bind(this)),e=i.find(a=>a.id===this.mediaRenditionSelected);for(let a of i)a.selected=a===e;this.defaultSlot.textContent="";let t=!this.mediaRenditionSelected;for(let a of i){let l=this.formatRendition(a,{showBitrate:this.showRenditionBitrate(a)}),c=At({type:"radio",text:l,value:`${a.id}`,checked:a.selected&&!t});c.prepend(tt(this,"checked-indicator")),this.defaultSlot.append(c)}let r=e&&this.showRenditionBitrate(e),o=t?e?this.formatMenuItemText(`${E("Auto")} \u2022 ${this.formatRendition(e,{showBitrate:r})}`,e):this.formatMenuItemText(`${E("Auto")} (${this.mediaHeight}p)`):this.formatMenuItemText(E("Auto")),n=At({type:"radio",text:o,value:"auto",checked:t});n.dataset.description=o,n.prepend(tt(this,"checked-indicator")),this.defaultSlot.append(n)};ol=new WeakSet;Ac=function(){if(this.value==null)return;let i=new d.CustomEvent(b.MEDIA_RENDITION_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};d.customElements.get("media-rendition-menu")||d.customElements.define("media-rendition-menu",nl);var hE=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="M13.5 2.5h2v6h-2v-2h-11v-2h11v-2Zm4 2h4v2h-4v-2Zm-12 4h2v6h-2v-2h-3v-2h3v-2Zm4 2h12v2h-12v-2Zm1 4h2v6h-2v-2h-8v-2h8v-2Zm4 2h7v2h-7v-2Z" />
+</svg>`;function pE(){return`
+    <style>
+      :host([aria-expanded="true"]) slot[name=tooltip] {
+        display: none;
+      }
+    </style>
+    <slot name="icon">${hE}</slot>
+  `}function mE(){return E("Quality")}var so=class extends De{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_RENDITION_SELECTED,s.MEDIA_RENDITION_UNAVAILABLE,s.MEDIA_HEIGHT]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",E("quality"))}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:X(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return P(this,s.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){D(this,s.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return $(this,s.MEDIA_HEIGHT)}set mediaHeight(e){B(this,s.MEDIA_HEIGHT,e)}};so.getSlotTemplateHTML=pE;so.getTooltipContentHTML=mE;d.customElements.get("media-rendition-menu-button")||d.customElements.define("media-rendition-menu-button",so);var wc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},wt=(i,e,t)=>(wc(i,e,"read from private field"),t?t.call(i):e.get(i)),Lt=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Qp=(i,e,t,r)=>(wc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Ye=(i,e,t)=>(wc(i,e,"access private method"),t),co,Xn,ul,ir,lo,Ic,Zp,al,kc,sl,Lc,Xp,dl,cl,ll;function vE(i){return`
+      ${le.getTemplateHTML(i)}
+      <style>
+        :host {
+          --_menu-bg: rgb(20 20 30 / .8);
+          background: var(--media-settings-menu-background,
+            var(--media-menu-background,
+              var(--media-control-background,
+                var(--media-secondary-color, var(--_menu-bg)))));
+          min-width: var(--media-settings-menu-min-width, 170px);
+          border-radius: 2px;
+          overflow: hidden;
+        }
+      </style>
+    `}var Jn=class extends le{constructor(){super(),Lt(this,Xn),Lt(this,ir),Lt(this,Ic),Lt(this,al),Lt(this,Lc),Lt(this,co,!1),Lt(this,sl,e=>{let t=e.target,r=(t==null?void 0:t.nodeName)==="VIDEO",o=Ye(this,al,kc).call(this,t);(r||o)&&(wt(this,co)?Ye(this,ir,lo).call(this):Ye(this,Lc,Xp).call(this,e))}),Lt(this,dl,e=>{let t=e.target,r=this.contains(t),o=e.button===2,n=(t==null?void 0:t.nodeName)==="VIDEO",a=Ye(this,al,kc).call(this,t);r||o&&(n||a)||Ye(this,ir,lo).call(this)}),Lt(this,cl,e=>{e.key==="Escape"&&Ye(this,ir,lo).call(this)}),Lt(this,ll,e=>{var t,r;let o=e.target;if((t=o.matches)!=null&&t.call(o,'button[invoke="copy"]')){let n=(r=o.closest("media-context-menu-item"))==null?void 0:r.querySelector('input[slot="copy"]');n&&navigator.clipboard.writeText(n.value)}Ye(this,ir,lo).call(this)}),this.setAttribute("noautohide",""),Ye(this,Xn,ul).call(this)}connectedCallback(){super.connectedCallback(),X(this).addEventListener("contextmenu",wt(this,sl)),this.addEventListener("click",wt(this,ll))}disconnectedCallback(){super.disconnectedCallback(),X(this).removeEventListener("contextmenu",wt(this,sl)),this.removeEventListener("click",wt(this,ll)),document.removeEventListener("mousedown",wt(this,dl)),document.removeEventListener("keydown",wt(this,cl))}};co=new WeakMap;Xn=new WeakSet;ul=function(){this.hidden=!wt(this,co)};ir=new WeakSet;lo=function(){Qp(this,co,!1),Ye(this,Xn,ul).call(this)};Ic=new WeakSet;Zp=function(){document.querySelectorAll("media-context-menu").forEach(e=>{var t;e!==this&&Ye(t=e,ir,lo).call(t)})};al=new WeakSet;kc=function(i){return i?i.hasAttribute("slot")&&i.getAttribute("slot")==="media"?!0:i.nodeName.includes("-")&&i.tagName.includes("-")?i.hasAttribute("src")||i.hasAttribute("poster")||i.hasAttribute("preload")||i.hasAttribute("playsinline"):!1:!1};sl=new WeakMap;Lc=new WeakSet;Xp=function(i){i.preventDefault(),Ye(this,Ic,Zp).call(this),Qp(this,co,!0),this.style.position="fixed",this.style.left=`${i.clientX}px`,this.style.top=`${i.clientY}px`,Ye(this,Xn,ul).call(this),document.addEventListener("mousedown",wt(this,dl),{once:!0}),document.addEventListener("keydown",wt(this,cl),{once:!0})};dl=new WeakMap;cl=new WeakMap;ll=new WeakMap;Jn.getTemplateHTML=vE;d.customElements.get("media-context-menu")||d.customElements.define("media-context-menu",Jn);function fE(i){return`
+    ${Fe.getTemplateHTML.call(this,i)}
+    <style>
+        ::slotted(*) {
+            color: var(--media-text-color, white);
+            text-decoration: none;
+            border: none;
+            background: none;
+            cursor: pointer;
+            padding: 0;
+            min-height: var(--media-control-height, 24px);
+        }
+    </style>
+  `}var uo=class extends Fe{};uo.shadowRootOptions={mode:"open"};uo.getTemplateHTML=fE;d.customElements.get("media-context-menu-item")||d.customElements.define("media-context-menu-item",uo);var gE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
+</svg>`,EE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h18v8zM9 10v4c0 .55-.45 1-1 1H5v-2h2v-2H5v-2h3c.55 0 1 .45 1 1zm4 4h2v1h-4v-6h2v2h2v1h-2v2zm6-3v1h-2v3h-2v-6h4v2h-2z"/>
+</svg>`,bE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M24 8.98C20.93 5.9 16.69 4 12 4S3.07 5.9 0 8.98L12 21 24 8.98zM2.92 9.07C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07l-1.43 1.43C17.5 8.94 14.86 8 12 8s-5.5.94-7.65 2.51L2.92 9.07zM12 18l-6.36-6.36C7.34 10.27 9.58 9.5 12 9.5s4.66.77 6.36 2.14L12 18z"/>
+  <line x1="2" y1="2" x2="22" y2="22" stroke="currentColor" stroke-width="2"/>
+</svg>`,_E=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/>
+</svg>`;function yE(i){switch(i){case"offline":return EE;case"network":return bE;case"security":return _E;default:return gE}}function TE(i){switch(i){case"offline":return"Stream Unavailable";case"network":return"Connection Error";case"security":return"Access Denied";case"autoplay":return"Playback Blocked";case"media":return"Playback Error";case"setup":return"Configuration Error";default:return"An error occurred"}}var Ht=class extends Ie{constructor(){super(...arguments);this.error=null;this.showCode=!1}render(){if(!this.error)return null;let t=this.error.category,r=yE(t),o=TE(t);return He`
+      <div part="icon">
+        <slot name="icon">${this.renderIcon(r)}</slot>
+      </div>
+      <h2 part="heading">
+        <slot name="heading">${o}</slot>
+      </h2>
+      <p part="message">
+        <slot name="message">${this.error.message}</slot>
+      </p>
+      ${this.showCode?He`
+        <span part="code">
+          <slot name="code">Error ${this.error.code}</slot>
+        </span>
+      `:null}
+    `}renderIcon(t){let r=document.createElement("template");return r.innerHTML=t.trim(),r.content.cloneNode(!0)}};Ht.styles=Po`
+    :host {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      gap: var(--bp-error-gap, 12px);
+      max-width: var(--bp-error-max-width, 80%);
+      color: inherit;
+    }
+
+    :host([hidden]) {
+      display: none !important;
+    }
+
+    [part="icon"] {
+      width: var(--bp-error-icon-size, 48px);
+      height: var(--bp-error-icon-size, 48px);
+      opacity: var(--bp-error-icon-opacity, 0.9);
+    }
+
+    [part="icon"] svg,
+    ::slotted(svg) {
+      width: 100%;
+      height: 100%;
+      fill: currentColor;
+    }
+
+    [part="heading"] {
+      margin: 0;
+      padding: 0;
+      font-size: var(--bp-error-heading-font-size, 1.25rem);
+      font-weight: var(--bp-error-heading-font-weight, 600);
+      line-height: 1.3;
+    }
+
+    [part="message"] {
+      margin: 0;
+      padding: 0;
+      font-size: var(--bp-error-message-font-size, 0.875rem);
+      opacity: var(--bp-error-message-opacity, 0.8);
+      line-height: 1.4;
+    }
+
+    [part="code"] {
+      font-size: var(--bp-error-code-font-size, 0.75rem);
+      opacity: var(--bp-error-code-opacity, 0.5);
+      font-family: var(--bp-error-code-font-family, monospace);
+    }
+  `,x([V({type:Object})],Ht.prototype,"error",2),x([V({type:Boolean})],Ht.prototype,"showCode",2),Ht=x([Gt("bp-error-display")],Ht);var AE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <circle cx="12" cy="12" r="10" stroke-opacity="0.25"/>
+  <path d="M12 2a10 10 0 0 1 10 10" stroke-linecap="round">
+    <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/>
+  </path>
+</svg>`,SE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h18v8z"/>
+  <circle cx="12" cy="12" r="3" fill="currentColor"/>
+</svg>`,kE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
+</svg>`,LE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
+</svg>`,It=class extends Ie{constructor(){super(...arguments);this.type="none";this.live=!1;this.buttonMode=!1}getIcon(){switch(this.type){case"loading":return AE;case"offline":return SE;case"ended":return this.live?kE:LE;default:return""}}getDefaultMessage(){switch(this.type){case"loading":return"Loading...";case"offline":return"The live stream hasn't started yet";case"ended":return this.live?"Stream has ended":"Replay";default:return""}}render(){if(this.type==="none")return null;let t=this.getIcon(),r=this.getDefaultMessage();return He`
+      <div part="icon">
+        <slot name="icon">${this.renderIcon(t)}</slot>
+      </div>
+      <p part="message">
+        <slot name="message">${r}</slot>
+      </p>
+      <p part="submessage">
+        <slot name="submessage"></slot>
+      </p>
+    `}renderIcon(t){if(!t)return null;let r=document.createElement("template");return r.innerHTML=t.trim(),r.content.cloneNode(!0)}};It.styles=Po`
+    :host {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      gap: var(--bp-overlay-gap, 16px);
+      color: inherit;
+      padding: var(--bp-overlay-padding, 24px);
+    }
+
+    :host([hidden]),
+    :host([type="none"]) {
+      display: none !important;
+    }
+
+    [part="icon"] {
+      width: var(--bp-loading-icon-size, 48px);
+      height: var(--bp-loading-icon-size, 48px);
+      opacity: var(--bp-overlay-icon-opacity, 0.9);
+    }
+
+    [part="icon"] svg,
+    ::slotted(svg) {
+      width: 100%;
+      height: 100%;
+    }
+
+    [part="message"] {
+      margin: 0;
+      padding: 0;
+      font-size: var(--bp-overlay-message-font-size, 1rem);
+      font-weight: var(--bp-overlay-message-font-weight, 500);
+      line-height: 1.4;
+      opacity: var(--bp-overlay-message-opacity, 0.9);
+    }
+
+    [part="submessage"] {
+      margin: 0;
+      padding: 0;
+      font-size: var(--bp-overlay-submessage-font-size, 0.875rem);
+      opacity: var(--bp-overlay-submessage-opacity, 0.6);
+    }
+
+    /* Button mode for VOD replay */
+    :host([button-mode]) {
+      cursor: pointer;
+      padding: 0;
+    }
+
+    :host([button-mode]) [part="icon"] {
+      width: var(--bp-center-play-icon-width, 72px);
+      height: var(--bp-center-play-icon-height, 72px);
+      transition: transform var(--bp-transition-duration, 0.15s) var(--bp-transition-timing, ease),
+                  filter var(--bp-transition-duration, 0.15s) var(--bp-transition-timing, ease);
+    }
+
+    :host([button-mode]:hover) [part="icon"] {
+      transform: scale(var(--bp-center-play-hover-scale, 1.1));
+      filter: drop-shadow(var(--bp-center-play-hover-shadow, 0 0 12px rgba(255, 255, 255, 0.6)));
+    }
+
+    :host([button-mode]:active) [part="icon"] {
+      transform: scale(0.95);
+    }
+
+    :host([button-mode]) [part="message"],
+    :host([button-mode]) [part="submessage"] {
+      display: none;
+    }
+  `,x([V({type:String,reflect:!0})],It.prototype,"type",2),x([V({type:Boolean,reflect:!0})],It.prototype,"live",2),x([V({type:Boolean,reflect:!0,attribute:"button-mode"})],It.prototype,"buttonMode",2),It=x([Gt("bp-overlay")],It);var Jp=`/**
+ * BP Default UI Styles
+ * 
+ * All values use CSS custom properties for easy theming.
+ * Override --bp-* variables to customize appearance.
+ */
+
+/* ============================================
+   Container
+   ============================================ */
+
+bp-default-ui {
+  display: block;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: var(--bp-background, #000);
+  color: var(--bp-text-color, #fff);
+  overflow: hidden;
+
+  container-name: bp-default-ui-container;
+  container-type: size;
+}
+
+/* Fluid mode: adapts to video content aspect ratio.
+   Container should set fixed height; width auto-calculates from aspect-ratio. */
+bp-default-ui[fluid] {
+  width: auto;
+  height: 100%;
+  max-width: 100%;
+  aspect-ratio: var(--bp-aspect-ratio, 16 / 9);
+}
+
+bp-default-ui[hidden] {
+  display: none !important;
+}
+
+/* ============================================
+   Media Controller
+   ============================================ */
+
+bp-default-ui media-controller {
+  width: 100%;
+  height: 100%;
+  display: block;
+  position: relative;
+
+  /* Media Chrome CSS Custom Properties */
+  --media-background-color: transparent;
+  --media-control-background: var(--bp-control-background, transparent);
+  --media-control-hover-background: var(--bp-control-hover-background, transparent);
+  --media-primary-color: var(--bp-text-color, #fff);
+  --media-secondary-color: rgba(255, 255, 255, 0.7);
+  --media-range-track-background: var(--bp-range-track-background, rgba(255, 255, 255, 0.3));
+  --media-range-track-progress-background: var(--bp-range-progress-background, rgba(255, 255, 255, 0.5));
+  --media-time-range-buffered-color: var(--bp-range-buffered-background, rgba(255, 255, 255, 0.4));
+  --media-control-height: var(--bp-control-height, 24px);
+  --media-button-icon-height: var(--bp-button-icon-height, 24px);
+  --media-button-icon-width: var(--bp-button-icon-width, 24px);
+  --media-button-padding: var(--bp-control-padding, 8px);
+  --media-control-padding: var(--bp-control-padding, 8px);
+}
+
+/* ============================================
+   Player
+   ============================================ */
+
+bp-default-ui bp-player {
+  width: 100%;
+  height: 100%;
+}
+
+/* Disable pointer events on all media slot descendants to prevent
+   blocking media-chrome's autohide hover detection.
+   pointer-events does NOT inherit, so we must target all descendants. */
+bp-default-ui bp-player,
+bp-default-ui bp-player *,
+bp-default-ui bp-player *::before,
+bp-default-ui bp-player *::after {
+  pointer-events: none;
+}
+
+/* ============================================
+   Control Bar
+   ============================================ */
+
+bp-default-ui media-control-bar {
+  background: var(--bp-control-bar-background, linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 60%, transparent 100%));
+  padding: var(--bp-control-bar-padding, 32px 0 0 0);
+  align-items: center;
+}
+
+bp-default-ui media-control-bar > *:hover {
+  --media-icon-color: var(--bp-icon-color, #fff);
+  filter: drop-shadow(var(--bp-button-hover-icon-shadow, 0 0 6px rgba(255, 255, 255, 0.8)));
+}
+
+/* Ensure slotted content takes full width (exclude menus) */
+bp-default-ui media-controller > [slot="top-chrome"],
+bp-default-ui media-controller > [slot="bottom-chrome"],
+bp-default-ui media-controller > :not([slot]):not(media-rendition-menu):not(media-audio-track-menu):not(media-captions-menu):not(media-settings-menu) {
+  width: 100%;
+}
+
+/* ============================================
+   Volume Range
+   ============================================ */
+
+bp-default-ui media-volume-range {
+  width: var(--bp-volume-range-width, 70px);
+  height: var(--bp-control-height, 24px);
+}
+
+/* ============================================
+   Rendition Menu
+   ============================================ */
+
+bp-default-ui media-rendition-menu[mediarenditionunavailable],
+bp-default-ui media-rendition-menu-button[mediarenditionunavailable] {
+  display: none;
+}
+
+bp-default-ui media-rendition-menu {
+  --media-menu-background: var(--bp-menu-background, rgba(0, 0, 0, 0.85));
+  --media-menu-border-radius: var(--bp-menu-border-radius, 6px);
+  --media-menu-item-checked-background: var(--bp-menu-item-checked-background, rgba(255, 255, 255, 0.2));
+}
+
+/* ============================================
+   Loading Indicator
+   ============================================ */
+
+bp-default-ui media-loading-indicator {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+
+/* ============================================
+   State Overlay
+   ============================================ */
+
+bp-default-ui .bp-state-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bp-overlay-background, rgba(0, 0, 0, 0.6));
+  z-index: 1;
+  pointer-events: none;
+}
+
+bp-default-ui .bp-state-overlay[hidden] {
+  display: none !important;
+}
+
+/* ============================================
+   Error Overlay
+   ============================================ */
+
+bp-default-ui .bp-error-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bp-error-background, rgba(0, 0, 0, 0.8));
+  z-index: 100;
+  pointer-events: none;
+}
+
+bp-default-ui .bp-error-overlay:not([hidden]) {
+  pointer-events: auto;
+}
+
+bp-default-ui .bp-error-overlay[hidden] {
+  display: none !important;
+}
+
+/* ============================================
+   Center Play Button
+   ============================================ */
+
+bp-default-ui media-play-button.bp-center-play {
+  --media-button-icon-width: var(--bp-center-play-icon-width, 72px);
+  --media-button-icon-height: var(--bp-center-play-icon-height, 72px);
+  --media-control-background: transparent;
+  --media-control-hover-background: transparent;
+  transition: transform var(--bp-transition-duration, 0.15s) var(--bp-transition-timing, ease),
+              filter var(--bp-transition-duration, 0.15s) var(--bp-transition-timing, ease);
+  pointer-events: auto;
+}
+
+bp-default-ui media-play-button.bp-center-play:hover {
+  transform: scale(var(--bp-center-play-hover-scale, 1.1));
+  filter: drop-shadow(var(--bp-center-play-hover-shadow, 0 0 12px rgba(255, 255, 255, 0.6)));
+}
+
+bp-default-ui media-play-button.bp-center-play:active {
+  transform: scale(0.95);
+}
+
+/* ============================================
+   Visibility Modifiers
+   ============================================
+   
+   These CSS rules enable attribute-based visibility control.
+   Add these attributes to any element to control when it's shown:
+   
+   - [clip-hidden]   : Hidden when content-type="clip"
+   - [live-hidden]   : Hidden when stream is live
+   - [vod-hidden]    : Hidden when stream is VOD
+   - [live-only]     : Only shown when stream is live
+   - [mobile-hidden] : Hidden on mobile devices
+   - [mobile-only]   : Only shown on mobile devices
+   - [tv-hidden]     : Hidden on TV devices
+   - [tv-only]       : Only shown on TV devices
+   - [no-auto-hide]  : Prevents auto-hiding when user is idle
+   - [paused-only]   : Only shown when paused
+   - [playing-only]  : Only shown when playing
+   ============================================ */
+
+/* Content Type: Clip */
+bp-default-ui[content-type='clip'] [clip-hidden] {
+  display: none !important;
+}
+
+/* Stream Type: Live/VOD (using media-chrome's attributes) */
+bp-default-ui media-controller[mediastreamtype='live'] [live-hidden] {
+  display: none !important;
+}
+
+bp-default-ui media-controller:not([mediastreamtype='live']) [vod-hidden] {
+  display: none !important;
+}
+
+bp-default-ui media-controller:not([mediastreamtype='live']) [live-only] {
+  display: none !important;
+}
+
+bp-default-ui media-controller[mediastreamtype='live'] [vod-only] {
+  display: none !important;
+}
+
+/* Stream Type: Using our own attributes */
+bp-default-ui[stream-type='live'] [live-hidden] {
+  display: none !important;
+}
+
+bp-default-ui:not([stream-type='live']) [live-only] {
+  display: none !important;
+}
+
+bp-default-ui[stream-type='live'] [vod-only] {
+  display: none !important;
+}
+
+bp-default-ui:not([stream-type='live']) [vod-hidden] {
+  display: none !important;
+}
+
+/* Playback State */
+bp-default-ui[paused] [paused-hidden] {
+  display: none !important;
+}
+
+bp-default-ui:not([paused]) [paused-only] {
+  display: none !important;
+}
+
+bp-default-ui:not([paused]) [playing-hidden] {
+  display: none !important;
+}
+
+bp-default-ui[paused] [playing-only] {
+  display: none !important;
+}
+
+bp-default-ui[ended] [ended-hidden] {
+  display: none !important;
+}
+
+bp-default-ui:not([ended]) [ended-only] {
+  display: none !important;
+}
+
+/* ============================================
+   Clip Mode - YouTube Shorts Style
+   ============================================ */
+
+bp-default-ui[content-type='clip'] media-control-bar {
+  background: transparent;
+  padding: 0;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: auto;
+}
+
+bp-default-ui[content-type='clip'] media-time-range {
+  width: 100%;
+  height: var(--bp-clip-seekbar-height, 3px);
+  --media-range-track-height: var(--bp-clip-seekbar-height, 3px);
+  --media-range-thumb-height: 0;
+  --media-range-thumb-width: 0;
+  --media-control-background: transparent;
+  --media-control-hover-background: transparent;
+  --media-control-padding: 0;
+  --media-range-padding: 0;
+  --media-range-track-background: var(--bp-range-track-background, rgba(255, 255, 255, 0.3));
+  --media-range-bar-color: var(--bp-range-bar-color, rgba(255, 255, 255, 0.9));
+  --media-range-track-border-radius: 0;
+  opacity: var(--bp-clip-seekbar-opacity, 0.5);
+  transition: opacity var(--bp-transition-duration, 0.2s) var(--bp-transition-timing, ease),
+              height var(--bp-transition-duration, 0.15s) var(--bp-transition-timing, ease);
+}
+
+bp-default-ui[content-type='clip'] media-time-range:hover {
+  opacity: 1;
+  height: var(--bp-clip-seekbar-hover-height, 5px);
+  --media-range-track-height: var(--bp-clip-seekbar-hover-height, 5px);
+}
+
+bp-default-ui[content-type='clip'] media-controller[mediapaused] media-time-range {
+  opacity: 1;
+}
+
+/* ============================================
+   Device-Specific Visibility
+   ============================================ */
+
+bp-default-ui[mobile] [mobile-hidden] {
+  display: none !important;
+}
+
+bp-default-ui:not([mobile]) [mobile-only] {
+  display: none !important;
+}
+
+bp-default-ui[tv] [tv-hidden] {
+  display: none !important;
+}
+
+bp-default-ui:not([tv]) [tv-only] {
+  display: none !important;
+}
+
+/* ============================================
+   Auto-hide Controls
+   ============================================ */
+
+bp-default-ui media-controller:not([mediapaused])[userinactive] media-control-bar:not([no-auto-hide]),
+bp-default-ui media-controller:not([mediapaused])[userinactive] .bp-center-play {
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--bp-autohide-transition-duration, 1s);
+}
+
+/* ============================================
+   Container Queries - Small Player
+   ============================================ */
+
+@container bp-default-ui-container (max-width: 300px) {
+  bp-default-ui media-control-bar {
+    --media-control-padding: 4px;
+    --media-button-padding: 4px;
+  }
+  
+  bp-default-ui media-play-button.bp-center-play {
+    --media-button-icon-width: 48px;
+    --media-button-icon-height: 48px;
+  }
+}
+
+/* ============================================
+   DEBUG: Element Boundaries
+   Add [debug-hitboxes] attribute to bp-default-ui to visualize
+   ============================================ */
+
+bp-default-ui[debug-hitboxes] media-controller * {
+  outline: 2px solid rgba(255, 0, 0, 0.5) !important;
+  background: rgba(255, 0, 0, 0.1) !important;
+}
+
+bp-default-ui[debug-hitboxes] media-controller *:hover {
+  outline: 2px solid rgba(0, 255, 0, 1) !important;
+  background: rgba(0, 255, 0, 0.3) !important;
+}
+`;var jp=!1;function IE(){if(jp)return;gr();let i=document.createElement("style");i.id="bp-default-ui-styles",i.textContent=Jp,document.head.appendChild(i),jp=!0}var z=class extends Ie{constructor(){super(...arguments);this.autoplay=!1;this.muted=!1;this.loop=!1;this.scaling="letterbox";this.debug=!1;this.autohide=2;this.hotkeys=!0;this.mobile=!1;this.live=!1;this.fluid=!1;this._player=null;this._providerType=null;this._error=null;this._overlayType="none";this._connectionState="idle";this._hasError=!1;this._hasCustomTopChrome=!1;this._hasCustomCenteredChrome=!1;this._hasCustomBottomChrome=!1;this._cleanupListeners=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),IE(),this.detectMobile(),this._detectCustomChrome()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupListeners.forEach(t=>t()),this._cleanupListeners=[]}get player(){return this._player}get mediaController(){return this.querySelector("media-controller")}get bpLive(){var t;return((t=this._player)==null?void 0:t.bpLive)??null}_detectCustomChrome(){this._hasCustomTopChrome=this.querySelector(':scope > [slot="top-chrome"]')!==null,this._hasCustomCenteredChrome=this.querySelector(':scope > [slot="centered-chrome"]')!==null,this._hasCustomBottomChrome=this.querySelector(':scope > [slot="bottom-chrome"]')!==null}detectMobile(){let t=/Android|iPhone|iPad|iPod|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);this.mobile=t}firstUpdated(t){super.firstUpdated(t),this.setupPlayer(),this._moveSlottedContent(),this.fluid&&this._setInitialAspectRatioFromSources()}updated(t){super.updated(t),this._moveSlottedContent(),t.has("debug")&&this.toggleAttribute("debug-hitboxes",this.debug),t.has("sources")&&this.fluid&&this._setInitialAspectRatioFromSources()}_setInitialAspectRatioFromSources(){if(this.sources){for(let t of this.sources)if(Mi(t)&&t.preferredOrientation){let r=t.preferredOrientation==="portrait"?"9 / 16":"16 / 9";this.style.setProperty("--bp-aspect-ratio",r),this.debug&&console.log("[BPDefaultUI] Set initial --bp-aspect-ratio from preferredOrientation:",r);break}}}_moveSlottedContent(){let t=this.querySelector("media-controller");if(!t)return;let r=[{from:"top-chrome",to:"top-chrome"},{from:"centered-chrome",to:"centered-chrome"},{from:"bottom-chrome",to:null}];for(let{from:o,to:n}of r)this.querySelectorAll(`:scope > [slot="${o}"]`).forEach(l=>{l.parentElement!==t&&(n?l.setAttribute("slot",n):l.removeAttribute("slot"),t.appendChild(l))})}setupPlayer(){let t=this.querySelector("bp-player");t&&t.addEventListener("ready",r=>{this._player=r.detail,this._providerType=t.providerType,this.live=this._player.state.streamType==="live",this.setupPlayerListeners(),this.dispatchEvent(new CustomEvent("ready",{detail:this._player,bubbles:!0,composed:!0})),this.requestUpdate()})}setupPlayerListeners(){if(!this._player)return;let t=()=>{var v;let h=((v=this._player)==null?void 0:v.state.error)??null;this._error=h,this._hasError=h!==null&&h.category!=="offline",(h==null?void 0:h.category)==="offline"&&(this._overlayType="offline")},r=()=>{var v;let h=(v=this._player)==null?void 0:v.state;h&&(this._connectionState=h.connectionState,this.live=h.streamType==="live",this.setAttribute("content-type",h.contentType),this.setAttribute("stream-type",h.streamType),Te(this,"paused",h.paused),Te(this,"ended",h.ended),Te(this,"waiting",h.waiting),Te(this,"has-error",this._hasError),h.connectionState==="connecting"?(this._overlayType="loading",this._error=null,this._hasError=!1):h.connectionState==="connected"&&h.playing?(this._overlayType="none",this._error=null,this._hasError=!1):h.ended&&(this._overlayType="ended"))},o=()=>{this._error=null,this._overlayType="none",this._hasError=!1},n=()=>{this._overlayType="loading"},a=()=>{this._overlayType="ended"},l=h=>{if(this.debug&&console.log("[BPDefaultUI] updateAspectRatio called",{fluid:this.fluid,...h}),this.fluid&&h.videoWidth>0&&h.videoHeight>0){let v=`${h.videoWidth} / ${h.videoHeight}`;this.style.setProperty("--bp-aspect-ratio",v),this.debug&&console.log("[BPDefaultUI] Set --bp-aspect-ratio:",v)}};this._player.addEventListener("error",t),this._player.addEventListener("statechange",r),this._player.addEventListener("playing",o),this._player.addEventListener("waiting",n),this._player.addEventListener("ended",a),this._player.addEventListener("resize",l),this._player.addEventListener("loadedmetadata",l);let{videoWidth:c,videoHeight:p}=this._player.state;this.debug&&console.log("[BPDefaultUI] Initial dimensions check",{videoWidth:c,videoHeight:p,fluid:this.fluid}),c>0&&p>0&&l({videoWidth:c,videoHeight:p}),this._cleanupListeners.push(()=>{var h;return(h=this._player)==null?void 0:h.removeEventListener("error",t)},()=>{var h;return(h=this._player)==null?void 0:h.removeEventListener("statechange",r)},()=>{var h;return(h=this._player)==null?void 0:h.removeEventListener("playing",o)},()=>{var h;return(h=this._player)==null?void 0:h.removeEventListener("waiting",n)},()=>{var h;return(h=this._player)==null?void 0:h.removeEventListener("ended",a)},()=>{var h;return(h=this._player)==null?void 0:h.removeEventListener("resize",l)},()=>{var h;return(h=this._player)==null?void 0:h.removeEventListener("loadedmetadata",l)})}renderDefaultControls(){return this._providerType==="nano"||this._providerType==="livekit"?He`
+        <media-control-bar>
+          <media-play-button notooltip clip-hidden></media-play-button>
+          <media-live-button notooltip vod-hidden clip-hidden></media-live-button>
+          <media-mute-button notooltip clip-hidden></media-mute-button>
+          <media-volume-range clip-hidden></media-volume-range>
+          <span style="flex: 1;" clip-hidden></span>
+          <media-rendition-menu-button notooltip clip-hidden></media-rendition-menu-button>
+          <media-fullscreen-button notooltip clip-hidden></media-fullscreen-button>
+        </media-control-bar>
+      `:He`
+      <media-control-bar>
+        <media-play-button notooltip clip-hidden></media-play-button>
+        <media-live-button notooltip vod-hidden clip-hidden></media-live-button>
+        <media-seek-backward-button notooltip seekoffset="10" live-hidden clip-hidden></media-seek-backward-button>
+        <media-seek-forward-button notooltip seekoffset="10" live-hidden clip-hidden></media-seek-forward-button>
+        <media-mute-button notooltip clip-hidden></media-mute-button>
+        <media-volume-range clip-hidden></media-volume-range>
+        <span style="flex: 1;" vod-hidden clip-hidden></span>
+        <media-time-range live-hidden></media-time-range>
+        <media-time-display showduration live-hidden clip-hidden></media-time-display>
+        <media-playback-rate-button notooltip live-hidden clip-hidden></media-playback-rate-button>
+        <media-rendition-menu-button notooltip clip-hidden></media-rendition-menu-button>
+        <media-pip-button notooltip clip-hidden></media-pip-button>
+        <media-fullscreen-button notooltip clip-hidden></media-fullscreen-button>
+      </media-control-bar>
+    `}render(){return He`
+      <media-controller autohide="${this.autohide}" ?hotkeys="${this.hotkeys}">
+        <bp-player
+          slot="media"
+          .sources="${this.sources}"
+          ?autoplay="${this.autoplay}"
+          ?muted="${this.muted}"
+          ?loop="${this.loop}"
+          .poster="${this.poster}"
+          .scaling="${this.scaling}"
+          .aspectRatio="${this.aspectRatio}"
+          .config="${this.config}"
+          ?debug="${this.debug}"
+        ></bp-player>
+
+        <!-- Menus -->
+        <media-rendition-menu hidden anchor="auto"></media-rendition-menu>
+
+        <!-- Loading indicator (media-chrome built-in, no label) -->
+        <media-loading-indicator slot="centered-chrome" noautohide></media-loading-indicator>
+
+        <!-- State overlay (offline/live ended only - has dark background) -->
+        <div class="bp-state-overlay" slot="centered-chrome" ?hidden="${this._overlayType==="none"||this._overlayType==="loading"||this._hasError||this._overlayType==="ended"&&!this.live}">
+          <bp-overlay
+            type="${this._overlayType}"
+            ?live="${this.live}"
+          ></bp-overlay>
+        </div>
+
+        <!-- Center play button (default centered chrome, hidden if user provides custom) -->
+        ${this._hasCustomCenteredChrome?ae:He`<media-play-button class="bp-center-play" slot="centered-chrome" notooltip></media-play-button>`}
+
+        <!-- Error overlay -->
+        <div class="bp-error-overlay" ?hidden="${!this._hasError}">
+          <bp-error-display .error="${this._error}" ?showCode="${this.debug}"></bp-error-display>
+        </div>
+
+        <!-- Default controls (only if no custom bottom-chrome) -->
+        ${this._hasCustomBottomChrome?ae:this.renderDefaultControls()}
+      </media-controller>
+    `}};x([V({type:Array})],z.prototype,"sources",2),x([V({type:Boolean})],z.prototype,"autoplay",2),x([V({type:Boolean})],z.prototype,"muted",2),x([V({type:Boolean})],z.prototype,"loop",2),x([V({type:String})],z.prototype,"poster",2),x([V({type:String})],z.prototype,"scaling",2),x([V({type:String,attribute:"aspect-ratio"})],z.prototype,"aspectRatio",2),x([V({type:Object})],z.prototype,"config",2),x([V({type:Boolean})],z.prototype,"debug",2),x([V({type:Number})],z.prototype,"autohide",2),x([V({type:Boolean})],z.prototype,"hotkeys",2),x([V({type:Boolean,reflect:!0})],z.prototype,"mobile",2),x([V({type:Boolean,reflect:!0})],z.prototype,"live",2),x([V({type:Boolean,reflect:!0})],z.prototype,"fluid",2),x([Ce()],z.prototype,"_player",2),x([Ce()],z.prototype,"_providerType",2),x([Ce()],z.prototype,"_error",2),x([Ce()],z.prototype,"_overlayType",2),x([Ce()],z.prototype,"_connectionState",2),x([Ce()],z.prototype,"_hasError",2),x([Ce()],z.prototype,"_hasCustomTopChrome",2),x([Ce()],z.prototype,"_hasCustomCenteredChrome",2),x([Ce()],z.prototype,"_hasCustomBottomChrome",2),z=x([Gt("bp-default-ui")],z);var CE=["abort","canplay","canplaythrough","durationchange","emptied","encrypted","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting","waitingforkey","resize","enterpictureinpicture","leavepictureinpicture","webkitbeginfullscreen","webkitendfullscreen","webkitpresentationmodechanged"],em=["autopictureinpicture","disablepictureinpicture","disableremoteplayback","autoplay","controls","controlslist","crossorigin","loop","muted","playsinline","poster","preload","src"];function ME(i){return`
+    <style>
+      :host {
+        display: inline-flex;
+        line-height: 0;
+        flex-direction: column;
+        justify-content: end;
+      }
+
+      audio {
+        width: 100%;
+      }
+    </style>
+    <slot name="media">
+      <audio${am(i)}></audio>
+    </slot>
+    <slot></slot>
+  `}function RE(i){return`
+    <style>
+      :host {
+        display: inline-block;
+        line-height: 0;
+      }
+
+      video {
+        max-width: 100%;
+        max-height: 100%;
+        min-width: 100%;
+        min-height: 100%;
+        object-fit: var(--media-object-fit, contain);
+        object-position: var(--media-object-position, 50% 50%);
+      }
+
+      video::-webkit-media-text-track-container {
+        transform: var(--media-webkit-text-track-transform);
+        transition: var(--media-webkit-text-track-transition);
+      }
+    </style>
+    <slot name="media">
+      <video${am(i)}></video>
+    </slot>
+    <slot></slot>
+  `}function nm(i,{tag:e,is:t}){var n,a,l,c,p,tm,v,g,m,A,f,rr,Cc,im,Mc,rm,om;let r=(a=(n=globalThis.document)==null?void 0:n.createElement)==null?void 0:a.call(n,e,{is:t}),o=r?xE(r):[];return l=class extends i{constructor(){super(...arguments);S(this,f);S(this,v,!1);S(this,g,null);S(this,m,new Map);S(this,A);H(this,"get");H(this,"set");H(this,"call")}static get observedAttributes(){var K,ne;return U(K=l,p,tm).call(K),[...((ne=r==null?void 0:r.constructor)==null?void 0:ne.observedAttributes)??[],...em]}get nativeEl(){var k;return U(this,f,rr).call(this),u(this,g)??this.querySelector(":scope > [slot=media]")??this.querySelector(e)??((k=this.shadowRoot)==null?void 0:k.querySelector(e))??null}set nativeEl(k){_(this,g,k)}get defaultMuted(){return this.hasAttribute("muted")}set defaultMuted(k){this.toggleAttribute("muted",k)}get src(){return this.getAttribute("src")}set src(k){this.setAttribute("src",`${k}`)}get preload(){var k;return this.getAttribute("preload")??((k=this.nativeEl)==null?void 0:k.preload)}set preload(k){this.setAttribute("preload",`${k}`)}init(){if(!this.shadowRoot){this.attachShadow({mode:"open"});let k=PE(this.attributes);t&&(k.is=t),e&&(k.part=e),this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(k)}this.nativeEl.muted=this.hasAttribute("muted");for(let k of o)U(this,f,rm).call(this,k);_(this,A,new MutationObserver(U(this,f,im).bind(this))),this.shadowRoot.addEventListener("slotchange",()=>U(this,f,Cc).call(this)),U(this,f,Cc).call(this);for(let k of this.constructor.Events)this.shadowRoot.addEventListener(k,this,!0)}handleEvent(k){k.target===this.nativeEl&&this.dispatchEvent(new CustomEvent(k.type,{detail:k.detail}))}attributeChangedCallback(k,K,ne){U(this,f,rr).call(this),U(this,f,om).call(this,k,K,ne)}connectedCallback(){U(this,f,rr).call(this)}},c=new WeakMap,p=new WeakSet,tm=function(){if(u(this,c))return;_(this,c,!0);let k=new Set(this.observedAttributes);k.delete("muted");for(let K of o)if(!(K in this.prototype))if(typeof r[K]=="function")this.prototype[K]=function(...ne){return U(this,f,rr).call(this),(()=>{var pe;if(this.call)return this.call(K,...ne);let G=(pe=this.nativeEl)==null?void 0:pe[K];return G==null?void 0:G.apply(this.nativeEl,ne)})()};else{let ne={get(){var G,pe;U(this,f,rr).call(this);let te=K.toLowerCase();if(k.has(te)){let Rt=this.getAttribute(te);return Rt===null?!1:Rt===""?!0:Rt}return((G=this.get)==null?void 0:G.call(this,K))??((pe=this.nativeEl)==null?void 0:pe[K])}};K!==K.toUpperCase()&&(ne.set=function(te){U(this,f,rr).call(this);let G=K.toLowerCase();if(k.has(G)){te===!0||te===!1||te==null?this.toggleAttribute(G,!!te):this.setAttribute(G,te);return}if(this.set){this.set(K,te);return}this.nativeEl&&(this.nativeEl[K]=te)}),Object.defineProperty(this.prototype,K,ne)}},v=new WeakMap,g=new WeakMap,m=new WeakMap,A=new WeakMap,f=new WeakSet,rr=function(){u(this,v)||(_(this,v,!0),this.init())},Cc=function(){var te;let k=new Map(u(this,m)),K=(te=this.shadowRoot)==null?void 0:te.querySelector("slot:not([name])");(K==null?void 0:K.assignedElements({flatten:!0}).filter(G=>["track","source"].includes(G.localName))).forEach(G=>{var Rt,Mo;k.delete(G);let pe=u(this,m).get(G);pe||(pe=G.cloneNode(),u(this,m).set(G,pe),(Rt=u(this,A))==null||Rt.observe(G,{attributes:!0})),(Mo=this.nativeEl)==null||Mo.append(pe),U(this,f,Mc).call(this,pe)}),k.forEach((G,pe)=>{G.remove(),u(this,m).delete(pe)})},im=function(k){for(let K of k)if(K.type==="attributes"){let{target:ne,attributeName:te}=K,G=u(this,m).get(ne);G&&te&&(G.setAttribute(te,ne.getAttribute(te)??""),U(this,f,Mc).call(this,G))}},Mc=function(k){k&&k.localName==="track"&&k.default&&(k.kind==="chapters"||k.kind==="metadata")&&k.track.mode==="disabled"&&(k.track.mode="hidden")},rm=function(k){if(Object.prototype.hasOwnProperty.call(this,k)){let K=this[k];delete this[k],this[k]=K}},om=function(k,K,ne){var te,G,pe;["id","class"].includes(k)||!l.observedAttributes.includes(k)&&this.constructor.observedAttributes.includes(k)||(ne===null?(te=this.nativeEl)==null||te.removeAttribute(k):((G=this.nativeEl)==null?void 0:G.getAttribute(k))!==ne&&((pe=this.nativeEl)==null||pe.setAttribute(k,ne)))},S(l,p),H(l,"getTemplateHTML",e.endsWith("audio")?ME:RE),H(l,"shadowRootOptions",{mode:"open"}),H(l,"Events",CE),S(l,c,!1),l}function xE(i){let e=[];for(let t=Object.getPrototypeOf(i);t&&t!==HTMLElement.prototype;t=Object.getPrototypeOf(t)){let r=Object.getOwnPropertyNames(t);e.push(...r)}return e}function am(i){let e="";for(let t in i){if(!em.includes(t))continue;let r=i[t];r===""?e+=` ${t}`:e+=` ${t}="${r}"`}return e}function PE(i){let e={};for(let t of i)e[t.name]=t.value;return e}var Oe=nm(globalThis.HTMLElement??class{},{tag:"video"}),iw=nm(globalThis.HTMLElement??class{},{tag:"audio"});var Bt=class extends Event{constructor(t,r){super(t);H(this,"track");this.track=r.track}};var Rc=new WeakMap;function T(i){return Rc.get(i)??DE(i,{})}function DE(i,e){let t=Rc.get(i);return t||Rc.set(i,t={}),Object.assign(t,e)}function hl(i,e){let t=i.videoTracks;T(e).media=i,T(e).renditionSet||(T(e).renditionSet=new Set);let r=T(t).trackSet;r.add(e);let o=r.size-1;o in nr.prototype||Object.defineProperty(nr.prototype,o,{get(){return[...T(this).trackSet][o]}}),queueMicrotask(()=>{t.dispatchEvent(new Bt("addtrack",{track:e}))})}function pl(i){var r;let e=(r=T(i).media)==null?void 0:r.videoTracks;if(!e)return;T(e).trackSet.delete(i),queueMicrotask(()=>{e.dispatchEvent(new Bt("removetrack",{track:i}))})}function sm(i){let e=T(i).media.videoTracks??[],t=!1;for(let r of e)r!==i&&(r.selected=!1,t=!0);if(t){if(T(e).changeRequested)return;T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,e.dispatchEvent(new Event("change"))})}}var ai,si,li,or,jn,nr=class extends EventTarget{constructor(){super();S(this,or);S(this,ai);S(this,si);S(this,li);T(this).trackSet=new Set}[Symbol.iterator](){return u(this,or,jn).values()}get length(){return u(this,or,jn).size}getTrackById(t){return[...u(this,or,jn)].find(r=>r.id===t)??null}get selectedIndex(){return[...u(this,or,jn)].findIndex(t=>t.selected)}get onaddtrack(){return u(this,ai)}set onaddtrack(t){u(this,ai)&&(this.removeEventListener("addtrack",u(this,ai)),_(this,ai,void 0)),typeof t=="function"&&(_(this,ai,t),this.addEventListener("addtrack",t))}get onremovetrack(){return u(this,si)}set onremovetrack(t){u(this,si)&&(this.removeEventListener("removetrack",u(this,si)),_(this,si,void 0)),typeof t=="function"&&(_(this,si,t),this.addEventListener("removetrack",t))}get onchange(){return u(this,li)}set onchange(t){u(this,li)&&(this.removeEventListener("change",u(this,li)),_(this,li,void 0)),typeof t=="function"&&(_(this,li,t),this.addEventListener("change",t))}};ai=new WeakMap,si=new WeakMap,li=new WeakMap,or=new WeakSet,jn=function(){return T(this).trackSet};var Vt=class extends Event{constructor(t,r){super(t);H(this,"rendition");this.rendition=r.rendition}};function lm(i,e){let t=T(i).media.videoRenditions;T(e).media=T(i).media,T(e).track=i;let r=T(i).renditionSet;r.add(e);let o=r.size-1;o in ar.prototype||Object.defineProperty(ar.prototype,o,{get(){return ho(this)[o]}}),queueMicrotask(()=>{i.selected&&t.dispatchEvent(new Vt("addrendition",{rendition:e}))})}function dm(i){let e=T(i).media.videoRenditions,t=T(i).track;T(t).renditionSet.delete(i),queueMicrotask(()=>{T(i).track.selected&&e.dispatchEvent(new Vt("removerendition",{rendition:i}))})}function cm(i){let e=T(i).media.videoRenditions;!e||T(e).changeRequested||(T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,T(i).track.selected&&e.dispatchEvent(new Event("change"))}))}function ho(i){return[...T(i).media.videoTracks].filter(t=>t.selected).flatMap(t=>[...T(t).renditionSet])}var di,ci,ui,ar=class extends EventTarget{constructor(){super(...arguments);S(this,di);S(this,ci);S(this,ui)}[Symbol.iterator](){return ho(this).values()}get length(){return ho(this).length}getRenditionById(t){return ho(this).find(r=>`${r.id}`==`${t}`)??null}get selectedIndex(){return ho(this).findIndex(t=>t.selected)}set selectedIndex(t){for(let[r,o]of ho(this).entries())o.selected=r===t}get onaddrendition(){return u(this,di)}set onaddrendition(t){u(this,di)&&(this.removeEventListener("addrendition",u(this,di)),_(this,di,void 0)),typeof t=="function"&&(_(this,di,t),this.addEventListener("addrendition",t))}get onremoverendition(){return u(this,ci)}set onremoverendition(t){u(this,ci)&&(this.removeEventListener("removerendition",u(this,ci)),_(this,ci,void 0)),typeof t=="function"&&(_(this,ci,t),this.addEventListener("removerendition",t))}get onchange(){return u(this,ui)}set onchange(t){u(this,ui)&&(this.removeEventListener("change",u(this,ui)),_(this,ui,void 0)),typeof t=="function"&&(_(this,ui,t),this.addEventListener("change",t))}};di=new WeakMap,ci=new WeakMap,ui=new WeakMap;var po,ea=class{constructor(){H(this,"src");H(this,"id");H(this,"width");H(this,"height");H(this,"bitrate");H(this,"frameRate");H(this,"codec");S(this,po,!1)}get selected(){return u(this,po)}set selected(e){u(this,po)!==e&&(_(this,po,e),cm(this))}};po=new WeakMap;var mo,vo=class{constructor(){H(this,"id");H(this,"kind");H(this,"label","");H(this,"language","");H(this,"sourceBuffer");S(this,mo,!1)}addRendition(e,t,r,o,n,a){let l=new ea;return l.src=e,l.width=t,l.height=r,l.frameRate=a,l.bitrate=n,l.codec=o,lm(this,l),l}removeRendition(e){dm(e)}get selected(){return u(this,mo)}set selected(e){u(this,mo)!==e&&(_(this,mo,e),e===!0&&sm(this))}};mo=new WeakMap;function um(i,e){let t=T(i).media.audioRenditions;T(e).media=T(i).media,T(e).track=i;let r=T(i).renditionSet;r.add(e);let o=r.size-1;o in sr.prototype||Object.defineProperty(sr.prototype,o,{get(){return fo(this)[o]}}),queueMicrotask(()=>{i.enabled&&t.dispatchEvent(new Vt("addrendition",{rendition:e}))})}function hm(i){let e=T(i).media.audioRenditions,t=T(i).track;T(t).renditionSet.delete(i),queueMicrotask(()=>{T(i).track.enabled&&e.dispatchEvent(new Vt("removerendition",{rendition:i}))})}function pm(i){let e=T(i).media.audioRenditions;!e||T(e).changeRequested||(T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,T(i).track.enabled&&e.dispatchEvent(new Event("change"))}))}function fo(i){return[...T(i).media.audioTracks].filter(t=>t.enabled).flatMap(t=>[...T(t).renditionSet])}var hi,pi,mi,sr=class extends EventTarget{constructor(){super(...arguments);S(this,hi);S(this,pi);S(this,mi)}[Symbol.iterator](){return fo(this).values()}get length(){return fo(this).length}getRenditionById(t){return fo(this).find(r=>`${r.id}`==`${t}`)??null}get selectedIndex(){return fo(this).findIndex(t=>t.selected)}set selectedIndex(t){for(let[r,o]of fo(this).entries())o.selected=r===t}get onaddrendition(){return u(this,hi)}set onaddrendition(t){u(this,hi)&&(this.removeEventListener("addrendition",u(this,hi)),_(this,hi,void 0)),typeof t=="function"&&(_(this,hi,t),this.addEventListener("addrendition",t))}get onremoverendition(){return u(this,pi)}set onremoverendition(t){u(this,pi)&&(this.removeEventListener("removerendition",u(this,pi)),_(this,pi,void 0)),typeof t=="function"&&(_(this,pi,t),this.addEventListener("removerendition",t))}get onchange(){return u(this,mi)}set onchange(t){u(this,mi)&&(this.removeEventListener("change",u(this,mi)),_(this,mi,void 0)),typeof t=="function"&&(_(this,mi,t),this.addEventListener("change",t))}};hi=new WeakMap,pi=new WeakMap,mi=new WeakMap;var go,ta=class{constructor(){H(this,"src");H(this,"id");H(this,"bitrate");H(this,"codec");S(this,go,!1)}get selected(){return u(this,go)}set selected(e){u(this,go)!==e&&(_(this,go,e),pm(this))}};go=new WeakMap;function vl(i,e){let t=i.audioTracks;T(e).media=i,T(e).renditionSet||(T(e).renditionSet=new Set);let r=T(t).trackSet;r.add(e);let o=r.size-1;o in lr.prototype||Object.defineProperty(lr.prototype,o,{get(){return[...T(this).trackSet][o]}}),queueMicrotask(()=>{t.dispatchEvent(new Bt("addtrack",{track:e}))})}function fl(i){var r;let e=(r=T(i).media)==null?void 0:r.audioTracks;if(!e)return;T(e).trackSet.delete(i),queueMicrotask(()=>{e.dispatchEvent(new Bt("removetrack",{track:i}))})}function mm(i){let e=T(i).media.audioTracks;!e||T(e).changeRequested||(T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,e.dispatchEvent(new Event("change"))}))}var vi,fi,gi,Eo,ml,lr=class extends EventTarget{constructor(){super();S(this,Eo);S(this,vi);S(this,fi);S(this,gi);T(this).trackSet=new Set}[Symbol.iterator](){return u(this,Eo,ml).values()}get length(){return u(this,Eo,ml).size}getTrackById(t){return[...u(this,Eo,ml)].find(r=>r.id===t)??null}get onaddtrack(){return u(this,vi)}set onaddtrack(t){u(this,vi)&&(this.removeEventListener("addtrack",u(this,vi)),_(this,vi,void 0)),typeof t=="function"&&(_(this,vi,t),this.addEventListener("addtrack",t))}get onremovetrack(){return u(this,fi)}set onremovetrack(t){u(this,fi)&&(this.removeEventListener("removetrack",u(this,fi)),_(this,fi,void 0)),typeof t=="function"&&(_(this,fi,t),this.addEventListener("removetrack",t))}get onchange(){return u(this,gi)}set onchange(t){u(this,gi)&&(this.removeEventListener("change",u(this,gi)),_(this,gi,void 0)),typeof t=="function"&&(_(this,gi,t),this.addEventListener("change",t))}};vi=new WeakMap,fi=new WeakMap,gi=new WeakMap,Eo=new WeakSet,ml=function(){return T(this).trackSet};var bo,_o=class{constructor(){H(this,"id");H(this,"kind");H(this,"label","");H(this,"language","");H(this,"sourceBuffer");S(this,bo,!1)}addRendition(e,t,r){let o=new ta;return o.src=e,o.codec=t,o.bitrate=r,um(this,o),o}removeRendition(e){hm(e)}get enabled(){return u(this,bo)}set enabled(e){u(this,bo)!==e&&(_(this,bo,e),mm(this))}};bo=new WeakMap;var vm=gl(globalThis.HTMLMediaElement,"video"),fm=gl(globalThis.HTMLMediaElement,"audio");function yo(i){if(!(i!=null&&i.prototype))return i;let e=gl(i,"video");(!e||`${e}`.includes("[native code]"))&&Object.defineProperty(i.prototype,"videoTracks",{get(){return OE(this)}});let t=gl(i,"audio");(!t||`${t}`.includes("[native code]"))&&Object.defineProperty(i.prototype,"audioTracks",{get(){return UE(this)}}),"addVideoTrack"in i.prototype||(i.prototype.addVideoTrack=function(n,a="",l=""){let c=new vo;return c.kind=n,c.label=a,c.language=l,hl(this,c),c}),"removeVideoTrack"in i.prototype||(i.prototype.removeVideoTrack=pl),"addAudioTrack"in i.prototype||(i.prototype.addAudioTrack=function(n,a="",l=""){let c=new _o;return c.kind=n,c.label=a,c.language=l,vl(this,c),c}),"removeAudioTrack"in i.prototype||(i.prototype.removeAudioTrack=fl),"videoRenditions"in i.prototype||Object.defineProperty(i.prototype,"videoRenditions",{get(){return r(this)}});let r=n=>{let a=T(n).videoRenditions;return a||(a=new ar,T(a).media=n,T(n).videoRenditions=a),a};"audioRenditions"in i.prototype||Object.defineProperty(i.prototype,"audioRenditions",{get(){return o(this)}});let o=n=>{let a=T(n).audioRenditions;return a||(a=new sr,T(a).media=n,T(n).audioRenditions=a),a};return i}function gl(i,e){var t;if(i!=null&&i.prototype)return(t=Object.getOwnPropertyDescriptor(i.prototype,`${e}Tracks`))==null?void 0:t.get}function OE(i){let e=T(i).videoTracks;if(!e&&(e=new nr,T(i).videoTracks=e,vm)){let t=vm.call(i.nativeEl??i);for(let r of t)hl(i,r);t.addEventListener("change",()=>{e.dispatchEvent(new Event("change"))}),t.addEventListener("addtrack",r=>{if([...e].some(o=>o instanceof vo)){for(let o of t)pl(o);return}hl(i,r.track)}),t.addEventListener("removetrack",r=>{pl(r.track)})}return e}function UE(i){let e=T(i).audioTracks;if(!e&&(e=new lr,T(i).audioTracks=e,fm)){let t=fm.call(i.nativeEl??i);for(let r of t)vl(i,r);t.addEventListener("change",()=>{e.dispatchEvent(new Event("change"))}),t.addEventListener("addtrack",r=>{if([...e].some(o=>o instanceof _o)){for(let o of t)fl(o);return}vl(i,r.track)}),t.addEventListener("removetrack",r=>{fl(r.track)})}return e}var Se=Vm(au("hls.js"),1);var NE=yo(Oe),Wt,Ei,To,rt,gm,Em,xc,ia,bm,bi=class extends NE{constructor(){super();S(this,rt);S(this,Wt,null);S(this,Ei,null);S(this,To,!1);this.api=null;S(this,ia,()=>{var r,o;let t=this.nativeEl;t!=null&&t.webkitCurrentPlaybackTargetIsWireless?(r=this.api)==null||r.stopLoad():(o=this.api)==null||o.startLoad()});U(this,rt,bm).call(this,"config")}static getTemplateHTML(t,r={}){let{src:o,...n}=t;return`
+      <script type="application/json" id="config">
+        ${JSON.stringify(r.config||{})}
+      <\/script>
+      ${Oe.getTemplateHTML(n)}
+    `}get config(){return u(this,Ei)}set config(t){_(this,Ei,t)}attributeChangedCallback(t,r,o){t!=="src"&&super.attributeChangedCallback(t,r,o),t==="src"&&r!==o&&this.load()}async load(){var o,n,a;let t=!this.api&&!u(this,To);if(U(this,rt,gm).call(this),!this.src)return;if(t&&!u(this,Ei)&&_(this,Ei,JSON.parse(((n=(o=this.shadowRoot)==null?void 0:o.getElementById("config"))==null?void 0:n.textContent)||"{}")),!U(this,rt,Em).call(this,this.src)){await Promise.resolve(),_(this,To,!0),this.nativeEl.src=this.src;return}if(Se.default.isSupported()){switch(await Promise.resolve(),this.api=new Se.default({liveDurationInfinity:!0,autoStartLoad:!1,...u(this,Ei)}),this.api.loadSource(this.src),this.api.attachMedia(this.nativeEl),this.nativeEl.preload){case"none":{let v=()=>{var g;return(g=this.api)==null?void 0:g.startLoad()};this.nativeEl.addEventListener("play",v,{once:!0}),this.api.on(Se.default.Events.DESTROYING,()=>{this.nativeEl.removeEventListener("play",v)});break}case"metadata":{let v=this.api.config.maxBufferLength,g=this.api.config.maxBufferSize;this.api.config.maxBufferLength=1,this.api.config.maxBufferSize=1;let m=()=>{this.api&&(this.api.config.maxBufferLength=v,this.api.config.maxBufferSize=g)};this.nativeEl.addEventListener("play",m,{once:!0}),this.api.on(Se.default.Events.DESTROYING,()=>{this.nativeEl.removeEventListener("play",m)}),this.api.startLoad();break}default:this.api.startLoad()}this.nativeEl.webkitCurrentPlaybackTargetIsWireless&&this.api.stopLoad(),this.nativeEl.addEventListener("webkitcurrentplaybacktargetiswirelesschanged",u(this,ia)),_(this,Wt,document.createElement("source")),u(this,Wt).setAttribute("type","application/x-mpegURL"),u(this,Wt).setAttribute("src",this.src),this.nativeEl.disableRemotePlayback=!1,this.nativeEl.append(u(this,Wt));let c=new WeakMap;this.api.on(Se.default.Events.MANIFEST_PARSED,(v,g)=>{this.nativeEl.autoplay&&this.nativeEl.paused&&this.nativeEl.play().catch(A=>{console.warn("Autoplay failed:",A)}),U(this,rt,xc).call(this);let m=this.videoTracks.getTrackById("main");m||(m=this.addVideoTrack("main"),m.id="main",m.selected=!0);for(let[A,f]of g.levels.entries()){let R=m.addRendition(f.url[0],f.width,f.height,f.videoCodec??void 0,f.bitrate);c.set(f,`${A}`),R.id=`${A}`}for(let[A,f]of g.audioTracks.entries()){let R=f.default?"main":"alternative",O=this.addAudioTrack(R,f.name,f.lang);O.id=`${A}`,f.default&&(O.enabled=!0)}}),this.audioTracks.addEventListener("change",()=>{var A,f;let v=[...this.audioTracks].find(R=>R.enabled),g=v?+v.id:void 0,m=((A=this.api)==null?void 0:A.audioTracks.map(R=>R.id))??[];g!==void 0&&g!==((f=this.api)==null?void 0:f.audioTrack)&&m.includes(g)&&this.api&&(this.api.audioTrack=g)}),this.api.on(Se.default.Events.LEVELS_UPDATED,(v,g)=>{let m=[...this.videoTracks][this.videoTracks.selectedIndex??0];if(!m)return;let A=g.levels.map(f=>c.get(f));for(let f of this.videoRenditions)f.id&&!A.includes(f.id)&&m.removeRendition(f)});let p=null;this.api.on(Se.default.Events.ERROR,(v,g)=>{var m;g.type===Se.default.ErrorTypes.NETWORK_ERROR&&g.details===Se.default.ErrorDetails.FRAG_LOAD_ERROR&&(p=((m=g.frag)==null?void 0:m.level)??null)}),this.api.on(Se.default.Events.LEVEL_SWITCHED,(v,g)=>{let m=g.level;p!==null&&m<p&&(console.warn(`hls.js downgraded quality from level ${p} to ${m} due to fragment load failure.`),this.videoRenditions.selectedIndex=m,p=null)});let h=()=>{let v=this.videoRenditions.selectedIndex;this.api&&v!==this.api.nextLevel&&(this.api.nextLevel=v)};(a=this.videoRenditions)==null||a.addEventListener("change",h),this.api.once(Se.default.Events.DESTROYING,()=>U(this,rt,xc).call(this));return}await Promise.resolve(),this.nativeEl.canPlayType("application/vnd.apple.mpegurl")&&(this.nativeEl.src=this.src)}};Wt=new WeakMap,Ei=new WeakMap,To=new WeakMap,rt=new WeakSet,gm=function(){var t,r;(t=u(this,Wt))==null||t.remove(),_(this,Wt,null),(r=this.nativeEl)==null||r.removeEventListener("webkitcurrentplaybacktargetiswirelesschanged",u(this,ia)),this.api&&(this.api.detachMedia(),this.api.destroy(),this.api=null),_(this,To,!1)},Em=function(t){return t.includes(".m3u8")||t.includes("application/x-mpegURL")},xc=function(){for(let t of this.videoTracks)this.removeVideoTrack(t);for(let t of this.audioTracks)this.removeAudioTrack(t)},ia=new WeakMap,bm=function(t){if(Object.prototype.hasOwnProperty.call(this,t)){let r=this[t];delete this[t],this[t]=r}},bi.shadowRootOptions={...Oe.shadowRootOptions};globalThis.customElements&&!globalThis.customElements.get("hls-video")&&globalThis.customElements.define("hls-video",bi);var Pc=bi;var $E="nanoplayer.4.min.js",HE="nanoplayer",ke={loading:!1,loaded:!1,error:null,callbacks:[]};function BE(i){return new Promise((e,t)=>{if(window.NanoPlayer){ke.loaded=!0,e();return}if(ke.loaded){e();return}if(ke.error){t(ke.error);return}if(ke.callbacks.push(a=>{a?t(a):e()}),ke.loading)return;ke.loading=!0;let o=`${i.endsWith("/")?i:`${i}/`}${HE}/${$E}`,n=document.createElement("script");n.src=o,n.async=!0,n.onload=()=>{ke.loaded=!0,ke.loading=!1,ke.callbacks.forEach(a=>a()),ke.callbacks=[]},n.onerror=()=>{let a=new Error(`Failed to load NanoPlayer script from ${o}`);ke.error=a,ke.loading=!1,ke.callbacks.forEach(l=>l(a)),ke.callbacks=[]},document.head.appendChild(n)})}var VE=yo(Oe),Ft,_i,de,ot,Ao,Le,ra,yi,dr,So,Ti,ko,we,Dc,_m,ym,Tm,El,Ai=class extends VE{constructor(){super();S(this,we);S(this,Ft,null);S(this,_i,null);S(this,de,null);S(this,ot,null);S(this,Ao,"");S(this,Le,null);S(this,ra,!0);S(this,yi,[]);S(this,dr,[]);S(this,So,null);S(this,Ti,null);S(this,ko,!1);this.api=null;U(this,we,El).call(this,"config"),U(this,we,El).call(this,"streamid"),U(this,we,El).call(this,"sourceConfig")}static get observedAttributes(){return[...Oe.observedAttributes,"streamid","library-location"]}static getTemplateHTML(t,r={}){let{streamid:o,"library-location":n,...a}=t;return`
+      <script type="application/json" id="config">
+        ${JSON.stringify(r.config||{})}
+      <\/script>
+      ${Oe.getTemplateHTML(a)}
+    `}get config(){return u(this,Ft)}set config(t){_(this,Ft,t)}get sourceConfig(){return u(this,_i)}set sourceConfig(t){let r=u(this,_i)!==t;_(this,_i,t),r&&t&&this.load()}get streamid(){return this.getAttribute("streamid")}set streamid(t){t?this.setAttribute("streamid",t):this.removeAttribute("streamid")}get libraryLocation(){return this.getAttribute("library-location")||"/vendor/bp-player"}set libraryLocation(t){this.setAttribute("library-location",t)}attributeChangedCallback(t,r,o){t==="streamid"&&r!==o?this.load():t!=="streamid"&&t!=="library-location"&&super.attributeChangedCallback(t,r,o)}async load(){var n,a,l,c,p;let t=!u(this,de);U(this,we,Dc).call(this);let r=this.streamid,o=!!u(this,_i);if(!(!r&&!o)){_(this,So,new Promise(h=>{_(this,Ti,h)})),t&&!u(this,Ft)&&_(this,Ft,JSON.parse(((a=(n=this.shadowRoot)==null?void 0:n.getElementById("config"))==null?void 0:a.textContent)||"{}"));try{await BE(this.libraryLocation)}catch(h){console.error("[nano-video] Failed to load NanoPlayer script:",h),this.dispatchEvent(new ErrorEvent("error",{error:h,message:"Failed to load NanoPlayer script"})),(l=u(this,Ti))==null||l.call(this);return}_(this,Ao,`nano-video-${Date.now()}-${Math.random().toString(36).slice(2,9)}`),_(this,ot,document.createElement("div")),u(this,ot).id=u(this,Ao),u(this,ot).style.cssText="width: 100%; height: 100%; position: absolute; top: 0; left: 0;",this.addEventListener("pause",h=>{var v;h.target!==this&&((v=u(this,ot))!=null&&v.contains(h.target))&&u(this,ko)&&h.stopImmediatePropagation()},!0),this.style.position="relative",this.nativeEl.style.display="none",this.appendChild(u(this,ot)),_(this,de,new window.NanoPlayer(u(this,Ao))),this.api=u(this,de);try{let h=U(this,we,_m).call(this,r,o?u(this,_i):void 0),v=await u(this,de).setup(h);_(this,dr,((c=v.source.entries)==null?void 0:c.map((g,m)=>({index:m,height:g.info.height??0,width:g.info.width??0,bitrate:g.info.bitrate??0,label:g.info.height?`${g.info.height}p`:m===0?"Source":`Stream ${m+1}`})))??[]),U(this,we,Tm).call(this)}catch(h){console.error("[nano-video] Failed to setup NanoPlayer:",h),this.dispatchEvent(new ErrorEvent("error",{error:h,message:"Failed to setup NanoPlayer"})),(p=u(this,Ti))==null||p.call(this)}}}async play(){if(u(this,So)&&await u(this,So),u(this,de)){_(this,ko,!0),u(this,de).play();return}return super.play()}pause(){if(u(this,de)){u(this,de).pause();return}super.pause()}get currentTime(){var t;return((t=u(this,Le))==null?void 0:t.currentTime)??super.currentTime}set currentTime(t){u(this,de)||(super.currentTime=t)}get duration(){return 1/0}get paused(){var t;return((t=u(this,Le))==null?void 0:t.paused)??super.paused}get volume(){var t;return((t=u(this,Le))==null?void 0:t.volume)??super.volume}set volume(t){u(this,Le)?u(this,Le).volume=t:super.volume=t}get muted(){var t;return((t=u(this,Le))==null?void 0:t.muted)??super.muted}set muted(t){u(this,Le)&&(u(this,Le).muted=t),u(this,de)?t?u(this,de).mute():u(this,de).unmute():super.muted=t}get videoWidth(){var t;return((t=u(this,Le))==null?void 0:t.videoWidth)??super.videoWidth}get videoHeight(){var t;return((t=u(this,Le))==null?void 0:t.videoHeight)??super.videoHeight}disconnectedCallback(){var t;U(this,we,Dc).call(this),(t=super.disconnectedCallback)==null||t.call(this)}};Ft=new WeakMap,_i=new WeakMap,de=new WeakMap,ot=new WeakMap,Ao=new WeakMap,Le=new WeakMap,ra=new WeakMap,yi=new WeakMap,dr=new WeakMap,So=new WeakMap,Ti=new WeakMap,ko=new WeakMap,we=new WeakSet,Dc=function(){u(this,yi).forEach(t=>t()),_(this,yi,[]),u(this,de)&&(u(this,de).destroy(),_(this,de,null),this.api=null),u(this,ot)&&(u(this,ot).remove(),_(this,ot,null)),_(this,Le,null),_(this,dr,[])},_m=function(t,r){var n,a;return{source:r??{group:{id:t},options:{adaption:{rule:"deviationOfMean2"},switch:{method:"server",pauseOnError:!1,forcePlay:!0,timeout:10}}},playback:{autoplay:this.nativeEl.autoplay,muted:this.nativeEl.muted,reconnect:((n=u(this,Ft))==null?void 0:n.reconnect)??{minDelay:2,maxDelay:10,delaySteps:10,maxRetries:10},buffer:((a=u(this,Ft))==null?void 0:a.buffer)??{min:.1,max:2,target:.5}},style:{width:"100%",height:"100%",controls:!1,view:!1,interactive:!1},events:{onReady:()=>{var l;this.dispatchEvent(new Event("loadeddata",{bubbles:!0})),this.dispatchEvent(new Event("canplay",{bubbles:!0})),this.dispatchEvent(new Event("canplaythrough",{bubbles:!0})),(l=u(this,Ti))==null||l.call(this)},onPlay:()=>{_(this,ko,!1),this.dispatchEvent(new Event("play",{bubbles:!0})),this.dispatchEvent(new Event("playing",{bubbles:!0}))},onPause:()=>{this.dispatchEvent(new Event("pause",{bubbles:!0}))},onLoading:()=>{this.dispatchEvent(new Event("waiting",{bubbles:!0}))},onStartBuffering:()=>{this.dispatchEvent(new Event("waiting",{bubbles:!0}))},onStopBuffering:()=>{this.dispatchEvent(new Event("canplaythrough",{bubbles:!0})),this.dispatchEvent(new Event("playing",{bubbles:!0}))},onError:l=>{var p;let c=new Error(l.data.message??"NanoPlayer error");this.dispatchEvent(new ErrorEvent("error",{error:c,message:l.data.message,bubbles:!0})),(p=u(this,Ti))==null||p.call(this)},onActiveVideoElementChange:l=>{var p;let c=(p=l.data)==null?void 0:p.activeVideoElement;c&&(_(this,Le,c),U(this,we,ym).call(this,c))}}}},ym=function(t){u(this,yi).forEach(o=>o()),_(this,yi,[]);let r=["timeupdate","volumechange","durationchange","resize"];for(let o of r){let n=()=>{this.dispatchEvent(new Event(o,{bubbles:!0}))};t.addEventListener(o,n),u(this,yi).push(()=>t.removeEventListener(o,n))}},Tm=function(){for(let o of this.videoTracks)this.removeVideoTrack(o);if(u(this,dr).length===0)return;let t=this.addVideoTrack("main");t.id="main",t.selected=!0;for(let o of u(this,dr)){let n=t.addRendition("",o.width,o.height,void 0,o.bitrate);n.id=`${o.index}`}let r=()=>{var n,a,l;let o=this.videoRenditions.selectedIndex;o<0?(_(this,ra,!0),(n=u(this,de))==null||n.setAdaption({rule:"deviationOfMean2"})):(_(this,ra,!1),(a=u(this,de))==null||a.switchStream(o).catch(()=>{}),(l=u(this,de))==null||l.setAdaption({rule:"none"}))};this.videoRenditions.addEventListener("change",r)},El=function(t){if(Object.prototype.hasOwnProperty.call(this,t)){let r=this[t];delete this[t],this[t]=r}},Ai.shadowRootOptions={...Oe.shadowRootOptions};globalThis.customElements&&!globalThis.customElements.get("nano-video")&&globalThis.customElements.define("nano-video",Ai);var Oc=Ai;var Ue=au("livekit-client");var WE=yo(Oe),Qe,_e,re,Ct,Lo,Mt,wo,Io,ce,Uc,Am,Sm,bl,km,Lm,_l,Si=class extends WE{constructor(){super();S(this,ce);S(this,Qe,null);S(this,_e,null);S(this,re,null);S(this,Ct,[]);S(this,Lo,[]);S(this,Mt,"disconnected");S(this,wo,null);S(this,Io,null);this.room=null;U(this,ce,_l).call(this,"config"),U(this,ce,_l).call(this,"url"),U(this,ce,_l).call(this,"token")}static get observedAttributes(){return[...Oe.observedAttributes,"url","token"]}static getTemplateHTML(t,r={}){let{url:o,token:n,...a}=t;return`
+      <script type="application/json" id="config">
+        ${JSON.stringify(r.config||{})}
+      <\/script>
+      ${Oe.getTemplateHTML(a)}
+    `}get config(){return u(this,Qe)}set config(t){_(this,Qe,t)}get url(){return this.getAttribute("url")}set url(t){t?this.setAttribute("url",t):this.removeAttribute("url")}get token(){return this.getAttribute("token")}set token(t){t?this.setAttribute("token",t):this.removeAttribute("token")}attributeChangedCallback(t,r,o){(t==="url"||t==="token")&&r!==o?this.url&&this.token&&this.load():t!=="url"&&t!=="token"&&super.attributeChangedCallback(t,r,o)}async load(){var l,c,p;let t=!u(this,_e);U(this,ce,Uc).call(this);let r=this.url,o=this.token;if(!r||!o)return;_(this,wo,new Promise(h=>{_(this,Io,h)})),t&&!u(this,Qe)&&_(this,Qe,JSON.parse(((c=(l=this.shadowRoot)==null?void 0:l.getElementById("config"))==null?void 0:c.textContent)||"{}"));let n=U(this,ce,km).call(this),a=U(this,ce,Lm).call(this);_(this,_e,new Ue.Room(n)),this.room=u(this,_e),u(this,_e).on(Ue.RoomEvent.Connected,()=>{_(this,Mt,"connected")}),u(this,_e).on(Ue.RoomEvent.Disconnected,()=>{_(this,Mt,"disconnected"),this.dispatchEvent(new Event("ended"))}),u(this,_e).on(Ue.RoomEvent.Reconnecting,()=>{_(this,Mt,"reconnecting"),this.dispatchEvent(new Event("waiting"))}),u(this,_e).on(Ue.RoomEvent.Reconnected,()=>{_(this,Mt,"connected"),this.dispatchEvent(new Event("playing"))}),u(this,_e).on(Ue.RoomEvent.TrackSubscribed,(h,v,g)=>{var m,A;if(h.kind===Ue.Track.Kind.Video){let f=h.attach();f.style.width="100%",f.style.height="100%",f.style.objectFit="contain",f.style.position="absolute",f.style.top="0",f.style.left="0",this.nativeEl.muted&&(f.muted=!0),this.nativeEl.style.display="none",(m=this.shadowRoot)==null||m.appendChild(f),_(this,re,f),U(this,ce,Am).call(this,f),U(this,ce,Sm).call(this,v),this.dispatchEvent(new Event("loadedmetadata")),this.dispatchEvent(new Event("resize")),this.dispatchEvent(new Event("canplay")),this.dispatchEvent(new Event("playing")),(A=u(this,Io))==null||A.call(this)}}),u(this,_e).on(Ue.RoomEvent.TrackUnsubscribed,h=>{h.kind===Ue.Track.Kind.Video&&(h.detach(),U(this,ce,bl).call(this),u(this,re)&&(u(this,Ct).forEach(v=>v()),_(this,Ct,[]),u(this,re).remove(),_(this,re,null)))}),_(this,Mt,"connecting"),this.dispatchEvent(new Event("loadstart"));try{await u(this,_e).connect(r,o,a)}catch(h){_(this,Mt,"failed"),console.error("[livekit-video] Failed to connect:",h),this.dispatchEvent(new ErrorEvent("error",{error:h,message:h instanceof Error?h.message:"Failed to connect to LiveKit room"})),(p=u(this,Io))==null||p.call(this)}}async play(){return u(this,wo)&&await u(this,wo),u(this,re)?u(this,re).play():super.play()}pause(){if(u(this,re)){u(this,re).pause();return}super.pause()}get currentTime(){var t;return((t=u(this,re))==null?void 0:t.currentTime)??super.currentTime}set currentTime(t){u(this,_e)||(super.currentTime=t)}get duration(){return 1/0}get paused(){var t;return((t=u(this,re))==null?void 0:t.paused)??super.paused}get volume(){var t;return((t=u(this,re))==null?void 0:t.volume)??super.volume}set volume(t){u(this,re)?u(this,re).volume=t:super.volume=t}get muted(){var t;return((t=u(this,re))==null?void 0:t.muted)??super.muted}set muted(t){u(this,re)?u(this,re).muted=t:super.muted=t}get videoWidth(){var t;return((t=u(this,re))==null?void 0:t.videoWidth)??super.videoWidth}get videoHeight(){var t;return((t=u(this,re))==null?void 0:t.videoHeight)??super.videoHeight}disconnectedCallback(){var t;U(this,ce,Uc).call(this),(t=super.disconnectedCallback)==null||t.call(this)}};Qe=new WeakMap,_e=new WeakMap,re=new WeakMap,Ct=new WeakMap,Lo=new WeakMap,Mt=new WeakMap,wo=new WeakMap,Io=new WeakMap,ce=new WeakSet,Uc=function(){u(this,Ct).forEach(t=>t()),_(this,Ct,[]),U(this,ce,bl).call(this),u(this,_e)&&(u(this,_e).disconnect(),_(this,_e,null),this.room=null),u(this,re)&&(u(this,re).remove(),_(this,re,null)),_(this,Mt,"disconnected")},Am=function(t){u(this,Ct).forEach(o=>o()),_(this,Ct,[]);let r=["timeupdate","volumechange","play","playing","pause","resize"];for(let o of r){let n=()=>{this.dispatchEvent(new Event(o))};t.addEventListener(o,n),u(this,Ct).push(()=>t.removeEventListener(o,n))}},Sm=function(t){var l;U(this,ce,bl).call(this);let r=(l=t.trackInfo)==null?void 0:l.layers;if(!r||r.length===0)return;let o=this.addVideoTrack("main");o.id="main",o.selected=!0;let n=[...r].sort((c,p)=>c.quality-p.quality);for(let c of n){let p=o.addRendition("",c.width,c.height,void 0,c.bitrate);p.id=`${c.quality}`}let a=()=>{let c=this.videoRenditions.selectedIndex;if(c<0)t.setVideoQuality(Ue.VideoQuality.HIGH);else{let p=n[c];p&&t.setVideoQuality(p.quality)}};this.videoRenditions.addEventListener("change",a),u(this,Lo).push(()=>this.videoRenditions.removeEventListener("change",a))},bl=function(){u(this,Lo).forEach(t=>t()),_(this,Lo,[]);for(let t of this.videoTracks)this.removeVideoTrack(t)},km=function(){var t,r,o;return{adaptiveStream:((t=u(this,Qe))==null?void 0:t.adaptiveStream)??!1,dynacast:((r=u(this,Qe))==null?void 0:r.dynacast)??!0,disconnectOnPageLeave:((o=u(this,Qe))==null?void 0:o.disconnectOnPageLeave)??!1}},Lm=function(){var t,r;return{autoSubscribe:!0,peerConnectionTimeout:((t=u(this,Qe))==null?void 0:t.peerConnectionTimeout)??8e3,rtcConfig:{iceTransportPolicy:((r=u(this,Qe))==null?void 0:r.iceTransportPolicy)??"relay"}}},_l=function(t){if(Object.prototype.hasOwnProperty.call(this,t)){let r=this[t];delete this[t],this[t]=r}},Si.shadowRootOptions={...Oe.shadowRootOptions};globalThis.customElements&&!globalThis.customElements.get("livekit-video")&&globalThis.customElements.define("livekit-video",Si);var Nc=Si;return Wm(FE);})();
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+if (typeof window !== 'undefined') { window.BPPlayer = BPPlayer; }
+//# sourceMappingURL=bp-player.js.map