@broadcastingplatforms/player 0.0.0-dev.0c8c26d

package/dist/bp-player.mjs

@@ -0,0 +1,2985 @@
+/*!
+ * BP Player (v0.0.0-dev.0c8c26d)
+ * Universal video player web component
+ */
+var ru=Object.defineProperty;var xm=Object.getOwnPropertyDescriptor;var ou=i=>{throw TypeError(i)};var Pm=(i,e,t)=>e in i?ru(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var N=(i,e,t,r)=>{for(var o=r>1?void 0:r?xm(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&&ru(e,t,o),o};var $=(i,e,t)=>Pm(i,typeof e!="symbol"?e+"":e,t),Tl=(i,e,t)=>e.has(i)||ou("Cannot "+t);var u=(i,e,t)=>(Tl(i,e,"read from private field"),t?t.call(i):e.get(i)),S=(i,e,t)=>e.has(i)?ou("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_=(i,e,t,r)=>(Tl(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),O=(i,e,t)=>(Tl(i,e,"access private method"),t);var jn=globalThis,ea=jn.ShadowRoot&&(jn.ShadyCSS===void 0||jn.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Al=Symbol(),nu=new WeakMap,Mo=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==Al)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(ea&&e===void 0){let r=t!==void 0&&t.length===1;r&&(e=nu.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&nu.set(t,e))}return e}toString(){return this.cssText}},au=i=>new Mo(typeof i=="string"?i:i+"",void 0,Al),Ro=(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 Mo(t,i,Al)},su=(i,e)=>{if(ea)i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let r=document.createElement("style"),o=jn.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)}},Sl=ea?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(let r of e.cssRules)t+=r.cssText;return au(t)})(i):i;var{is:Dm,defineProperty:Om,getOwnPropertyDescriptor:Um,getOwnPropertyNames:Nm,getOwnPropertySymbols:Hm,getPrototypeOf:$m}=Object,Wt=globalThis,lu=Wt.trustedTypes,Bm=lu?lu.emptyScript:"",kl=Wt.reactiveElementPolyfillSupport,xo=(i,e)=>i,Po={toAttribute(i,e){switch(e){case Boolean:i=i?Bm: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}},ta=(i,e)=>!Dm(i,e),du={attribute:!0,type:String,converter:Po,reflect:!1,useDefault:!1,hasChanged:ta};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Wt.litPropertyMetadata??(Wt.litPropertyMetadata=new WeakMap);var Ct=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=du){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&&Om(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){let{get:o,set:n}=Um(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)??du}static _$Ei(){if(this.hasOwnProperty(xo("elementProperties")))return;let e=$m(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(xo("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(xo("properties"))){let t=this.properties,r=[...Nm(t),...Hm(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(Sl(o))}else e!==void 0&&t.push(Sl(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 su(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:Po).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:Po;this._$Em=o;let v=c.fromAttribute(t,l.type);this[o]=v??((a=this._$Ej)==null?void 0:a.get(o))??v,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??ta)(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){}};Ct.elementStyles=[],Ct.shadowRootOptions={mode:"open"},Ct[xo("elementProperties")]=new Map,Ct[xo("finalized")]=new Map,kl==null||kl({ReactiveElement:Ct}),(Wt.reactiveElementVersions??(Wt.reactiveElementVersions=[])).push("2.1.1");var Oo=globalThis,ia=Oo.trustedTypes,cu=ia?ia.createPolicy("lit-html",{createHTML:i=>i}):void 0,fu="$lit$",Ft=`lit$${Math.random().toFixed(9).slice(2)}$`,gu="?"+Ft,Vm=`<${gu}>`,Ai=document,Uo=()=>Ai.createComment(""),No=i=>i===null||typeof i!="object"&&typeof i!="function",Pl=Array.isArray,Wm=i=>Pl(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",Ll=`[ 	
+\f\r]`,Do=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,uu=/-->/g,hu=/>/g,yi=RegExp(`>|${Ll}(?:([^\\s"'>=/]+)(${Ll}*=${Ll}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),pu=/'/g,mu=/"/g,Eu=/^(?:script|style|textarea|title)$/i,Dl=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),Ve=Dl(1),zE=Dl(2),YE=Dl(3),Si=Symbol.for("lit-noChange"),ve=Symbol.for("lit-nothing"),vu=new WeakMap,Ti=Ai.createTreeWalker(Ai,129);function bu(i,e){if(!Pl(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return cu!==void 0?cu.createHTML(e):e}var Fm=(i,e)=>{let t=i.length-1,r=[],o,n=e===2?"<svg>":e===3?"<math>":"",a=Do;for(let l=0;l<t;l++){let c=i[l],v,h,p=-1,f=0;for(;f<c.length&&(a.lastIndex=f,h=a.exec(c),h!==null);)f=a.lastIndex,a===Do?h[1]==="!--"?a=uu:h[1]!==void 0?a=hu:h[2]!==void 0?(Eu.test(h[2])&&(o=RegExp("</"+h[2],"g")),a=yi):h[3]!==void 0&&(a=yi):a===yi?h[0]===">"?(a=o??Do,p=-1):h[1]===void 0?p=-2:(p=a.lastIndex-h[2].length,v=h[1],a=h[3]===void 0?yi:h[3]==='"'?mu:pu):a===mu||a===pu?a=yi:a===uu||a===hu?a=Do:(a=yi,o=void 0);let m=a===yi&&i[l+1].startsWith("/>")?" ":"";n+=a===Do?c+Vm:p>=0?(r.push(v),c.slice(0,p)+fu+c.slice(p)+Ft+m):c+Ft+(p===-2?l:m)}return[bu(i,n+(i[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),r]},Ho=class i{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let n=0,a=0,l=e.length-1,c=this.parts,[v,h]=Fm(e,t);if(this.el=i.createElement(v,r),Ti.currentNode=this.el.content,t===2||t===3){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=Ti.nextNode())!==null&&c.length<l;){if(o.nodeType===1){if(o.hasAttributes())for(let p of o.getAttributeNames())if(p.endsWith(fu)){let f=h[a++],m=o.getAttribute(p).split(Ft),A=/([.?@])?(.*)/.exec(f);c.push({type:1,index:n,name:A[2],strings:m,ctor:A[1]==="."?Il:A[1]==="?"?Ml:A[1]==="@"?Rl:cr}),o.removeAttribute(p)}else p.startsWith(Ft)&&(c.push({type:6,index:n}),o.removeAttribute(p));if(Eu.test(o.tagName)){let p=o.textContent.split(Ft),f=p.length-1;if(f>0){o.textContent=ia?ia.emptyScript:"";for(let m=0;m<f;m++)o.append(p[m],Uo()),Ti.nextNode(),c.push({type:2,index:++n});o.append(p[f],Uo())}}}else if(o.nodeType===8)if(o.data===gu)c.push({type:2,index:n});else{let p=-1;for(;(p=o.data.indexOf(Ft,p+1))!==-1;)c.push({type:7,index:n}),p+=Ft.length-1}n++}}static createElement(e,t){let r=Ai.createElement("template");return r.innerHTML=e,r}};function dr(i,e,t=i,r){var a,l;if(e===Si)return e;let o=r!==void 0?(a=t._$Co)==null?void 0:a[r]:t._$Cl,n=No(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=dr(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)??Ai).importNode(t,!0);Ti.currentNode=o;let n=Ti.nextNode(),a=0,l=0,c=r[0];for(;c!==void 0;){if(a===c.index){let v;c.type===2?v=new $o(n,n.nextSibling,this,e):c.type===1?v=new c.ctor(n,c.name,c.strings,this,e):c.type===6&&(v=new xl(n,this,e)),this._$AV.push(v),c=r[++l]}a!==(c==null?void 0:c.index)&&(n=Ti.nextNode(),a++)}return Ti.currentNode=Ai,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++}},$o=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=ve,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=dr(this,e,t),No(e)?e===ve||e==null||e===""?(this._$AH!==ve&&this._$AR(),this._$AH=ve):e!==this._$AH&&e!==Si&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Wm(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!==ve&&No(this._$AH)?this._$AA.nextSibling.data=e:this.T(Ai.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=Ho.createElement(bu(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=vu.get(e.strings);return t===void 0&&vu.set(e.strings,t=new Ho(e)),t}k(e){Pl(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(Uo()),this.O(Uo()),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))}},cr=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,r,o,n){this.type=1,this._$AH=ve,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=ve}_$AI(e,t=this,r,o){let n=this.strings,a=!1;if(n===void 0)e=dr(this,e,t,0),a=!No(e)||e!==this._$AH&&e!==Si,a&&(this._$AH=e);else{let l=e,c,v;for(e=n[0],c=0;c<n.length-1;c++)v=dr(this,l[r+c],t,c),v===Si&&(v=this._$AH[c]),a||(a=!No(v)||v!==this._$AH[c]),v===ve?e=ve:e!==ve&&(e+=(v??"")+n[c+1]),this._$AH[c]=v}a&&!o&&this.j(e)}j(e){e===ve?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Il=class extends cr{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ve?void 0:e}},Ml=class extends cr{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ve)}},Rl=class extends cr{constructor(e,t,r,o,n){super(e,t,r,o,n),this.type=5}_$AI(e,t=this){if((e=dr(this,e,t,0)??ve)===Si)return;let r=this._$AH,o=e===ve&&r!==ve||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,n=e!==ve&&(r===ve||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)}},xl=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){dr(this,e)}};var wl=Oo.litHtmlPolyfillSupport;wl==null||wl(Ho,$o),(Oo.litHtmlVersions??(Oo.litHtmlVersions=[])).push("3.3.1");var _u=(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 $o(e.insertBefore(Uo(),n),n,void 0,t??{})}return o._$AI(i),o};var ki=globalThis,Le=class extends Ct{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=_u(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 Si}},yu;Le._$litElement$=!0,Le.finalized=!0,(yu=ki.litElementHydrateSupport)==null||yu.call(ki,{LitElement:Le});var Ol=ki.litElementPolyfillSupport;Ol==null||Ol({LitElement:Le});(ki.litElementVersions??(ki.litElementVersions=[])).push("4.2.1");var Kt=i=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(i,e)}):customElements.define(i,e)};var Km={attribute:!0,type:String,converter:Po,reflect:!1,hasChanged:ta},qm=(i=Km,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 W(i){return(e,t)=>typeof t=="object"?qm(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 qt(i){return W({...i,state:!0,attribute:!1})}var Gm=[1005,1007,1008,1009,3001,3002,3003,3004,3005,3100,3101,3200,4003];function Ul(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 Nl(i){return i===4e3||i===4001?"network":"unknown"}function oa(){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 na(i){return typeof i=="object"&&i!==null&&"type"in i&&i.type==="bplive"&&"streamId"in i}function ur(i){return typeof i=="object"&&i!==null&&"type"in i&&i.type==="bplive"&&"clipId"in i}function zm(i){return na(i)||ur(i)}var It=class extends Error{constructor(t,r,o){super(t);this.code=r;this.status=o;this.name="BPLiveError"}},Bo=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 It("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 It(`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 It(`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,na(e))return this.resolveStreamSource(e);if(ur(e))return this.resolveClipSource(e);throw new It("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,v,h;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,videoWidth:(v=p.dimension)==null?void 0:v.width,videoHeight:(h=p.dimension)==null?void 0:h.height}}throw new It("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 It("No playable media found in clip","NO_MEDIA");return{source:this.mapClipMediaToPlayerSource(o),contentType:"clip",poster:o.thumbnail??void 0,videoWidth:o.width,videoHeight:o.height}}destroy(){this._authToken=null,this._stream=null,this._clip=null}};function Ym(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 Qm(i){return typeof i=="object"&&i!==null&&i.type==="bplive"}var Zm=["loadstart","loadedmetadata","loadeddata","canplay","canplaythrough","play","playing","pause","waiting","seeking","seeked","timeupdate","durationchange","ratechange","volumechange","ended","progress","error","resize"],aa=class{constructor(){this._mediaElement=null;this._container=null;this._listeners=new Map;this._eventCleanup=[];this._destroyed=!1;this._bpLive=null;this._currentProviderType=null;this._ready=!1;this._state=oa()}get state(){return this._state}get videoElement(){return this._mediaElement}get bpLive(){return this._bpLive}get ready(){return this._ready}get providerType(){return this._currentProviderType}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})}attach(e,t){this._destroyed||(this._container=e,this._config=t,this._ready=!0)}async loadSource(e,t,r){if(this._destroyed)return;let o=t??this._container,n=r??this._config;if(!o){console.error("[PlayerCore] No container provided. Call attach() first or provide container to loadSource().");return}this._container=o,n&&(this._config=n),this.updateState({error:null,connectionState:"connecting",paused:!0,ended:!1,playing:!1,waiting:!1,seeking:!1,readyState:0,currentTime:0,duration:NaN,buffered:null}),this.dispatch("sourcechange",{source:e});try{let a=e,l=this._state.contentType,c,v,h;if(Qm(e)){if(n!=null&&n.bpLive&&(this._bpLive&&this._bpLive.destroy(),this._bpLive=new Bo(n.bpLive)),!this._bpLive)throw new Error("BPLive source requires config.bpLive configuration.");let L=await this._bpLive.resolveSource(e);a=L.source,l=L.contentType,c=L.poster,v=L.videoWidth,h=L.videoHeight}let p=Ym(a);(this._currentProviderType!==null&&this._currentProviderType!==p||this._mediaElement)&&this.destroyMediaElement();let g=p==="nano"||p==="livekit"||l==="stream"?"live":"vod";return this._currentProviderType=p,this.updateState({providerType:p,contentType:l,streamType:g}),this._mediaElement=this.createMediaElement(p,a,n),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),o.appendChild(this._mediaElement),this._ready=!0,this.dispatch("videoelementchange",{video:this._mediaElement}),{poster:c,videoWidth:v,videoHeight:h}}catch(a){console.error("[PlayerCore] loadSource error:",a);let l={code:-1,message:a instanceof Error?a.message:"Failed to load source",fatal:!0,category:"setup"};this.updateState({error:l,connectionState:"failed"}),this.dispatch("error",l)}}destroyMediaElement(){if(this._eventCleanup.forEach(e=>e()),this._eventCleanup=[],this._mediaElement&&(this._mediaElement.remove(),this._mediaElement=null,this.dispatch("emptied",void 0),this.dispatch("videoelementchange",{video:null})),this._container)for(;this._container.firstChild;)this._container.removeChild(this._container.firstChild)}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 Zm){let r=o=>this.handleMediaEvent(t,e,o);e.addEventListener(t,r),this._eventCleanup.push(()=>e.removeEventListener(t,r))}}handleMediaEvent(e,t,r){switch(e){case"loadstart":this.updateState({readyState:1}),this.dispatch("loadstart",void 0);break;case"loadedmetadata":{let o=t.duration===1/0?"live":this._state.streamType;this.updateState({duration:t.duration,videoWidth:t.videoWidth,videoHeight:t.videoHeight,streamType:o}),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 o=t.duration===1/0?"live":this._state.streamType;this.updateState({duration:t.duration,streamType:o}),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 o=-1,n="Unknown error";r instanceof ErrorEvent&&r.error?(o=r.error.code??-1,n=r.error.message??r.message??"Unknown error"):t.error&&(o=t.error.code??-1,n=t.error.message??"Unknown error");let a="media",l=!0;this._state.providerType==="nano"&&o>0?(a=Ul(o),l=a!=="offline"&&a!=="autoplay"):this._state.providerType==="livekit"&&o>0&&(a=Nl(o),l=!0);let c={code:o,message:n,fatal:l,category:a};this.updateState({error:c}),this.dispatch("error",c);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.destroyMediaElement(),this._currentProviderType=null,this.updateState({...oa(),volume:this._state.volume,muted:this._state.muted,loop:this._state.loop,playbackRate:this._state.playbackRate}),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._container=null,this._config=void 0,this._ready=!1,this.dispatch("destroy",void 0),this._listeners.clear())}};function Hl(){return new aa}var hr="bpPlayerObservedProperties";function $l(i){return hr in i&&Array.isArray(i[hr])}function Xm(i,e){class t extends i{get[hr](){return e}}return t}function Jm(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 pr(i,e,t){if(e!=null&&e.contains(i))return;i.nodeName.includes("-")&&!$l(i)&&(await Promise.resolve(),await customElements.whenDefined(i.nodeName.toLowerCase()),customElements.upgrade(i)),$l(i)&&t(i);let r=Jm(i);r.length>0&&await Promise.all(r.map(o=>pr(o,e,t)))}function sa(i,e,t){let r=i[hr];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 la(i){i[hr].includes("player")&&(i.player=void 0)}var Tu=`/**
+ * 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-min-width: 300px;
+  --bp-border-radius: 0;
+  --bp-video-object-fit: contain;
+
+  /* Video Dimensions */
+  --bp-video-width: 16;
+  --bp-video-height: 9;
+
+  /* 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 Au=`/**
+ * 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 Su=!1;function Vo(){if(Su)return;let i=document.createElement("style");i.id="bp-player-global-styles",i.textContent=Tu+`
+`+Au,document.head.appendChild(i),Su=!0}function tv(i,e){let t;return()=>(t||(t=document.createElement("template"),t.innerHTML=e),t)}function iv(i,e){return`<style>${i}</style>${e}`}var da=(w=>(w.CONFIGURATION="configuration",w.SOURCE="source",w.SOURCES="sources",w.AUTOPLAY="autoplay",w.MUTED="muted",w.LOOP="loop",w.SCALING="scaling",w.ASPECT_RATIO="aspect-ratio",w.DEBUG="debug",w.AUTOHIDE="autohide",w.HOTKEYS="hotkeys",w.PAUSED="paused",w.PLAYING="playing",w.ENDED="ended",w.SEEKING="seeking",w.WAITING="waiting",w.LOADING="loading",w.READY="ready",w.HAS_ERROR="has-error",w.HAS_FIRST_PLAY="has-first-play",w.FULLSCREEN="fullscreen",w.FULLWINDOW="fullwindow",w.DEVICE_TYPE="device-type",w.MOBILE="mobile",w.TV="tv",w.STREAM_TYPE="stream-type",w.LIVE="live",w.CONTENT_TYPE="content-type",w.USER_IDLE="user-idle",w.USER_IDLE_TIMEOUT="user-idle-timeout",w.MOBILE_ONLY="mobile-only",w.MOBILE_HIDDEN="mobile-hidden",w.TV_ONLY="tv-only",w.TV_HIDDEN="tv-hidden",w.LIVE_ONLY="live-only",w.LIVE_HIDDEN="live-hidden",w.VOD_HIDDEN="vod-hidden",w.CLIP_HIDDEN="clip-hidden",w.NO_AUTO_HIDE="no-auto-hide",w.DISABLED="disabled",w.HIDDEN="hidden",w.NOTOOLTIP="notooltip",w.MENU="menu",w.MENU_OPENED="menu-opened",w.ARIA_LABEL="aria-label",w.ARIA_LIVE="aria-live",w.ARIA_CHECKED="aria-checked",w.VOLUME_LEVEL="volume-level",w.PROVIDER_TYPE="provider-type",w))(da||{});function fe(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 ca=class extends EventTarget{constructor(t){super();this._renditions=[];this._cleanup=[];this._host=t}get length(){return this._renditions.length}[Symbol.iterator](){return this._renditions[Symbol.iterator]()}get selectedIndex(){var r;let t=(r=this._host.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._host.player)==null||r.setQuality(null);else{let l=(((o=this._host.player)==null?void 0:o.state.qualities)??[])[t];l&&((n=this._host.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._host.player)==null?void 0:o.state.qualities)??[];if(t.length===0){let a=(n=this._host.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=>({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(){this._cleanup.forEach(a=>a()),this._cleanup=[];let t=this._host.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=[];for(let t=0;t<this._renditions.length;t++)delete this[t]}};var ku=`/**
+ * BP Player Styles
+ * 
+ * Core player component styles using CSS custom properties.
+ */
+
+/* ============================================
+   Container
+   ============================================ */
+
+bp-player {
+  display: block;
+  width: 100%;
+  height: 100%;
+  /* Aspect ratio computed from video dimensions */
+  aspect-ratio: var(--bp-video-width, 16) / var(--bp-video-height, 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;
+}
+
+/* ============================================
+   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 Lu={fromAttribute:i=>{if(i)try{return JSON.parse(i)}catch{console.warn("[bp-player] Failed to parse JSON attribute:",i);return}},toAttribute:i=>i==null?null:JSON.stringify(i)},wu=!1;function ov(){if(wu)return;Vo();let i=document.createElement("style");i.id="bp-player-styles",i.textContent=ku,document.head.appendChild(i),wu=!0}var nv=["emptied","loadstart","play","playing","pause","waiting","seeking","seeked","timeupdate","durationchange","volumechange","ratechange","ended","loadedmetadata","loadeddata","canplay","canplaythrough","progress","error","resize"],we=class extends Le{constructor(){super(...arguments);this.autoplay=!1;this.defaultMuted=!1;this.loop=!1;this.scaling="letterbox";this.debug=!1;this._playerCore=null;this.containerRef=null;this.providerContainer=null;this.eventCleanup=[];this.stateReceivers=[];this._mutationObserver=null;this._videoRenditions=null;this._hasDispatchedReady=!1;this.handleMutation=t=>{for(let r of t)if(r.type==="childList"){for(let o of r.addedNodes)o.nodeType===Node.ELEMENT_NODE&&pr(o,this.providerContainer,this.registerStateReceiver);for(let o of r.removedNodes)o.nodeType===Node.ELEMENT_NODE&&pr(o,this.providerContainer,this.unregisterStateReceiver)}};this.registerStateReceiver=t=>{this.stateReceivers.includes(t)||(this.stateReceivers.push(t),this._playerCore&&sa(t,this._playerCore,this._playerCore.state))};this.unregisterStateReceiver=t=>{let r=this.stateReceivers.indexOf(t);r>=0&&(this.stateReceivers.splice(r,1),la(t))}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),ov(),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)),this.initPlayerCore(),this.source&&this.loadSource()}updated(t){super.updated(t),t.has("source")&&this.loadSource(),t.has("defaultMuted")&&this._playerCore&&this._playerCore.setMuted(this.defaultMuted),t.has("loop")&&this._playerCore&&this._playerCore.setLoop(this.loop)}initPlayerCore(){this._playerCore||!this.providerContainer||(this._playerCore=Hl(),this.defaultMuted&&this._playerCore.setMuted(!0),this.loop&&this._playerCore.setLoop(!0),this._playerCore.attach(this.providerContainer,this.config),this.setupEventForwarding(),this._videoRenditions=new ca(this))}async loadSource(){var r,o,n,a,l,c,v;let t=(o=(r=this.source)==null?void 0:r.sources)==null?void 0:o[0];if(!t){(n=this._playerCore)!=null&&n.ready&&this._playerCore.unloadSource();return}if(!this._playerCore||!this.providerContainer){this.debug&&console.log("[BPPlayer] loadSource skipped - player not initialized");return}this.debug&&console.log("[BPPlayer] loadSource:",t);try{let h=await this._playerCore.loadSource(t);if(!this._playerCore)return;if(h!=null&&h.videoWidth&&(h!=null&&h.videoHeight)&&(this.updateVideoDimensions(h.videoWidth,h.videoHeight),this.debug&&console.log("[BPPlayer] Source video dimensions:",{width:h.videoWidth,height:h.videoHeight})),(a=this._videoRenditions)==null||a._setupListeners(),this._hasDispatchedReady||(this._hasDispatchedReady=!0,pr(this,this.providerContainer,this.registerStateReceiver),this.dispatchEvent(new CustomEvent("ready",{detail:this._playerCore,bubbles:!0,composed:!0})),this.debug&&console.log("[BPPlayer] Player ready",(l=this._playerCore)==null?void 0:l.state)),this.propagateStateToAllReceivers(),this.updateStateAttributes(),(v=(c=this._playerCore)==null?void 0:c.state)!=null&&v.paused&&this.dispatchEvent(new Event("pause",{bubbles:!0,composed:!0})),this.autoplay)try{await this._playerCore.play()}catch{}}catch(h){console.error("[BPPlayer] Failed to load source:",h)}}propagateStateToAllReceivers(){if(!this._playerCore)return;let t=this._playerCore.state;for(let r of this.stateReceivers)sa(r,this._playerCore,t)}setupEventForwarding(){if(!this._playerCore)return;for(let n of nv){let a=()=>{var l;this.debug&&!["durationchange","timeupdate"].includes(n)&&console.log(`[BPPlayer] Forwarding event: ${n}`,(l=this._playerCore)==null?void 0:l.state),this.dispatchEvent(new Event(n,{bubbles:!0,composed:!0}))};this._playerCore.addEventListener(n,a),this.eventCleanup.push(()=>{var l;return(l=this._playerCore)==null?void 0:l.removeEventListener(n,a)})}let t=()=>{var a;let n=(a=this._playerCore)==null?void 0:a.videoElement;n&&this.updateVideoDimensions(n.videoWidth,n.videoHeight)};this._playerCore.addEventListener("resize",t),this._playerCore.addEventListener("loadedmetadata",t),this.eventCleanup.push(()=>{var n;return(n=this._playerCore)==null?void 0:n.removeEventListener("resize",t)}),this.eventCleanup.push(()=>{var n;return(n=this._playerCore)==null?void 0:n.removeEventListener("loadedmetadata",t)}),t();let r=()=>{this.dispatchEvent(new Event("resize",{bubbles:!0,composed:!0}))};this._playerCore.addEventListener("qualitychange",r),this.eventCleanup.push(()=>{var n;return(n=this._playerCore)==null?void 0:n.removeEventListener("qualitychange",r)});let o=()=>{this.propagateStateToAllReceivers(),this.updateStateAttributes()};this._playerCore.addEventListener("statechange",o),this.eventCleanup.push(()=>{var n;return(n=this._playerCore)==null?void 0:n.removeEventListener("statechange",o)})}updateStateAttributes(){if(!this._playerCore)return;let t=this._playerCore.state;fe(this,"paused",t.paused),fe(this,"playing",t.playing),fe(this,"ended",t.ended),fe(this,"seeking",t.seeking),fe(this,"waiting",t.waiting),fe(this,"has-error",t.error!==null),fe(this,"ready",this._playerCore.ready),this.setAttribute("stream-type",t.streamType),this.setAttribute("content-type",t.contentType),t.providerType&&this.setAttribute("provider-type",t.providerType)}destroyPlayer(){var t;this.eventCleanup.forEach(r=>r()),this.eventCleanup=[],(t=this._videoRenditions)==null||t._destroy(),this._videoRenditions=null;for(let r of this.stateReceivers)la(r);if(this.stateReceivers=[],this._playerCore&&(this._playerCore.destroy(),this._playerCore=null),this.providerContainer)for(;this.providerContainer.firstChild;)this.providerContainer.removeChild(this.providerContainer.firstChild);this.clearVideoDimensions(),this._hasDispatchedReady=!1}updateVideoDimensions(t,r){t>0&&r>0?(this.style.setProperty("--bp-video-width",String(t)),this.style.setProperty("--bp-video-height",String(r)),this.debug&&console.log("[BPPlayer] Set video dimensions:",{width:t,height:r})):(this.style.removeProperty("--bp-video-width"),this.style.removeProperty("--bp-video-height"),this.debug&&console.log("[BPPlayer] Cleared video dimensions"))}clearVideoDimensions(){this.style.removeProperty("--bp-video-width"),this.style.removeProperty("--bp-video-height")}getContainerClasses(){return["bp-player-container",`bp-player-container--${this.scaling}`].join(" ")}getContainerStyle(){return this.aspectRatio?`aspect-ratio: ${this.aspectRatio}`:""}render(){return Ve`
+      <div 
+        class="${this.getContainerClasses()}"
+        style="${this.getContainerStyle()}"
+      >
+      </div>
+    `}};N([W({converter:Lu})],we.prototype,"source",2),N([W({type:Boolean})],we.prototype,"autoplay",2),N([W({type:Boolean,reflect:!0,attribute:"muted"})],we.prototype,"defaultMuted",2),N([W({type:Boolean})],we.prototype,"loop",2),N([W({type:String})],we.prototype,"scaling",2),N([W({type:String,attribute:"aspect-ratio"})],we.prototype,"aspectRatio",2),N([W({converter:Lu})],we.prototype,"config",2),N([W({type:Boolean})],we.prototype,"debug",2),N([qt()],we.prototype,"_playerCore",2),we=N([Kt("bp-player")],we);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"},U={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},Bl={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"},Cu=Object.entries(Bl),s=Cu.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{}),av={USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"},Li=Cu.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{...av}),a_=Object.entries(Li).reduce((i,[e,t])=>{let r=s[e];return r&&(i[t]=r),i},{userinactivechange:"userinactive"}),Iu=Object.entries(s).reduce((i,[e,t])=>{let r=Li[e];return r&&(i[t]=r),i},{userinactive:"userinactivechange"}),Ce={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},Gt={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var ua={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},Ie={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},Qe={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};var Mu={INLINE:"inline",FULLSCREEN:"fullscreen",PICTURE_IN_PICTURE:"picture-in-picture"};function Ru(i){return i==null?void 0:i.map(lv).join(" ")}function xu(i){return i==null?void 0:i.split(/\s+/).map(dv)}function lv(i){if(i){let{id:e,width:t,height:r}=i;return[e,t,r].filter(o=>o!=null).join(":")}}function dv(i){if(i){let[e,t,r]=i.split(":");return{id:e,width:+t,height:+r}}}function Pu(i){return i==null?void 0:i.map(cv).join(" ")}function Du(i){return i==null?void 0:i.split(/\s+/).map(uv)}function cv(i){if(i){let{id:e,kind:t,language:r,label:o}=i;return[e,t,r,o].filter(n=>n!=null).join(":")}}function uv(i){if(i){let[e,t,r,o]=i.split(":");return{id:e,kind:t,language:r,label:o}}}function mr(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}var ha=i=>new Promise(e=>setTimeout(e,i));var Ou=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],hv=(i,e)=>{let t=i===1?Ou[e].singular:Ou[e].plural;return`${i} ${t}`},wi=i=>{if(!mr(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&&hv(l,c)).filter(l=>l).join(", ")}${t?" remaining":""}`};function Ze(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 d_=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 Uu={"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 Nu,Vl={en:Uu},Wl=((Nu=globalThis.navigator)==null?void 0:Nu.language)||"en",Hu=i=>{Wl=i};var mv=i=>{var e,t,r;let[o]=Wl.split("-");return((e=Vl[Wl])==null?void 0:e[i])||((t=Vl[o])==null?void 0:t[i])||((r=Vl.en)==null?void 0:r[i])||i},E=(i,e={})=>mv(i).replace(/\{(\w+)\}/g,(t,r)=>r in e?String(e[r]):`{${r}}`);var pa=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},ma=class extends pa{},va=class extends ma{constructor(){super(...arguments),this.role=null}},Fl=class{observe(){}unobserve(){}disconnect(){}},$u={createElement:function(){return new Wo.HTMLElement},createElementNS:function(){return new Wo.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(i){return!1}},Wo={ResizeObserver:Fl,document:$u,Node:ma,Element:va,HTMLElement:class extends va{constructor(){super(...arguments),this.innerHTML=""}get content(){return new Wo.DocumentFragment}},DocumentFragment:class extends pa{},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}}}}},Bu="global"in globalThis&&(globalThis==null?void 0:globalThis.global)===globalThis||typeof window>"u"||typeof window.customElements>"u",Vu=Object.keys(Wo).every(i=>i in globalThis),d=Bu&&!Vu?Wo:globalThis,j=Bu&&!Vu?$u:globalThis.document;var Wu=new WeakMap,Kl=i=>{let e=Wu.get(i);return e||Wu.set(i,e=new Set),e},Fu=new d.ResizeObserver(i=>{for(let e of i)for(let t of Kl(e.target))t(e)});function Mt(i,e){Kl(i).add(e),Fu.observe(i)}function Rt(i,e){let t=Kl(i);t.delete(e),t.size||Fu.unobserve(i)}function J(i){let e={};for(let t of i)e[t.name]=t.value;return e}function Z(i){var e;return(e=fa(i))!=null?e:ot(i,"media-controller")}function fa(i){var e;let{MEDIA_CONTROLLER:t}=U,r=i.getAttribute(t);if(r)return(e=Ci(i))==null?void 0:e.getElementById(r)}var ga=(i,e,t=".value")=>{let r=i.querySelector(t);r&&(r.textContent=e)},vv=(i,e)=>{let t=`slot[name="${e}"]`,r=i.shadowRoot.querySelector(t);return r?r.children:[]},Ea=(i,e)=>vv(i,e)[0],Te=(i,e)=>!i||!e?!1:i!=null&&i.contains(e)?!0:Te(i,e.getRootNode().host),ot=(i,e)=>{if(!i)return null;let t=i.closest(e);return t||ot(i.getRootNode().host,e)};function Fo(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=Fo(t.shadowRoot))!=null?e:t:null}function Ci(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 ba(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 Ku(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 X(i,e){let t=fv(i,r=>r===e);return t||Ko(i,e)}function fv(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 Ko(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 H(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}H(i,e,void 0)!==r&&i.setAttribute(e,`${r}`)}function C(i,e){return i.hasAttribute(e)}function I(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}C(i,e)!=t&&i.toggleAttribute(e,t)}function x(i,e,t=null){var r;return(r=i.getAttribute(e))!=null?r:t}function P(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}let r=`${t}`;x(i,e,void 0)!==r&&i.setAttribute(e,r)}var qu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},zt=(i,e,t)=>(qu(i,e,"read from private field"),t?t.call(i):e.get(i)),gv=(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)},_a=(i,e,t,r)=>(qu(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Me;function Ev(i){return`
+    <style>
+      :host {
+        display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
+        box-sizing: border-box;
+      }
+    </style>
+  `}var vr=class extends d.HTMLElement{constructor(){if(super(),gv(this,Me,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[U.MEDIA_CONTROLLER,s.MEDIA_PAUSED]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===U.MEDIA_CONTROLLER&&(t&&((n=(o=zt(this,Me))==null?void 0:o.unassociateElement)==null||n.call(o,this),_a(this,Me,null)),r&&this.isConnected&&(_a(this,Me,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=zt(this,Me))==null?void 0:l.associateElement)==null||c.call(l,this)))}connectedCallback(){var e,t,r,o;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),_a(this,Me,bv(this)),this.getAttribute(U.MEDIA_CONTROLLER)&&((t=(e=zt(this,Me))==null?void 0:e.associateElement)==null||t.call(e,this)),(r=zt(this,Me))==null||r.addEventListener("pointerdown",this),(o=zt(this,Me))==null||o.addEventListener("click",this)}disconnectedCallback(){var e,t,r,o;this.getAttribute(U.MEDIA_CONTROLLER)&&((t=(e=zt(this,Me))==null?void 0:e.unassociateElement)==null||t.call(e,this)),(r=zt(this,Me))==null||r.removeEventListener("pointerdown",this),(o=zt(this,Me))==null||o.removeEventListener("click",this),_a(this,Me,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:v,height:h}=this.getBoundingClientRect(),p=n-l,f=a-c;if(p<0||f<0||p>v||f>h||v===0&&h===0)return;let m=this._pointerType||"mouse";if(this._pointerType=void 0,m===ua.TOUCH){this.handleTap(e);return}else if(m===ua.MOUSE||m===ua.PEN){this.handleMouseClick(e);return}}}}get mediaPaused(){return C(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}))}};Me=new WeakMap;vr.shadowRootOptions={mode:"open"};vr.getTemplateHTML=Ev;function bv(i){var e;let t=i.getAttribute(U.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):ot(i,"media-controller")}d.customElements.get("media-gesture-receiver")||d.customElements.define("media-gesture-receiver",vr);var ya=vr;var Yl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ne=(i,e,t)=>(Yl(i,e,"read from private field"),t?t.call(i):e.get(i)),Ue=(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=(i,e,t,r)=>(Yl(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),We=(i,e,t)=>(Yl(i,e,"access private method"),t),Sa,fr,Go,gr,Ta,ql,Gu,qo,Aa,Gl,zu,zl,Yu,zo,ka,La,Ql,Er,Yo,R={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive",AUTOHIDE_OVER_CONTROLS:"autohideovercontrols"};function _v(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([${R.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([${R.AUDIO}]) slot[name=media] {
+        display: var(--media-slot-display, none);
+      }
+
+      
+      :host([${R.AUDIO}]) [part~=layer][part~=gesture-layer] {
+        height: 0;
+        display: block;
+      }
+
+      
+      :host(:not([${R.AUDIO}])[${R.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
+          :host(:not([${R.AUDIO}])[${R.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([${R.AUDIO}])) *[part~=layer][part~=centered-layer] {
+        align-items: center;
+        justify-content: center;
+      }
+
+      :host(:not([${R.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
+      :host(:not([${R.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([${R.AUDIO}])) .spacer {
+        flex-grow: 1;
+      }
+
+      
+      :host(:-webkit-full-screen) {
+        
+        width: 100% !important;
+        height: 100% !important;
+      }
+
+      
+      ::slotted(:not([slot=media]):not([slot=poster]):not([${R.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) {
+        opacity: 1;
+        transition: var(--media-control-transition-in, opacity 0.25s);
+      }
+
+      
+      :host([${R.USER_INACTIVE}]:not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_AIRPLAYING}]):not([${s.MEDIA_IS_CASTING}]):not([${R.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${R.NO_AUTOHIDE}]):not([role=dialog])) {
+        opacity: 0;
+        transition: var(--media-control-transition-out, opacity 1s);
+      }
+
+      :host([${R.USER_INACTIVE}]:not([${R.NO_AUTOHIDE}]):not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_CASTING}]):not([${R.AUDIO}])) ::slotted([slot=media]) {
+        cursor: none;
+      }
+
+      :host([${R.USER_INACTIVE}][${R.AUTOHIDE_OVER_CONTROLS}]:not([${R.NO_AUTOHIDE}]):not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_CASTING}]):not([${R.AUDIO}])) * {
+        --media-cursor: none;
+        cursor: none;
+      }
+
+
+      ::slotted(media-control-bar)  {
+        align-self: stretch;
+      }
+
+      
+      :host(:not([${R.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="${ya.shadowRootOptions.mode}">
+          ${ya.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 yv=Object.values(s),Tv="sm:384 md:576 lg:768 xl:960";function Av(i){Qu(i.target,i.contentRect.width)}function Qu(i,e){var t;if(!i.isConnected)return;let r=(t=i.getAttribute(R.BREAKPOINTS))!=null?t:Tv,o=Sv(r),n=kv(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(Li.BREAKPOINTS_CHANGE,{detail:n});i.dispatchEvent(l)}i.breakpointsComputed||(i.breakpointsComputed=!0,i.dispatchEvent(new CustomEvent(Li.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}function Sv(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function kv(i,e){return Object.keys(i).filter(t=>e>=parseInt(i[t]))}var Mi=class extends d.HTMLElement{constructor(){if(super(),Ue(this,ql),Ue(this,Gl),Ue(this,zl),Ue(this,zo),Ue(this,La),Ue(this,Er),Ue(this,Sa,0),Ue(this,fr,null),Ue(this,Go,null),Ue(this,gr,void 0),this.breakpointsComputed=!1,Ue(this,Ta,new MutationObserver(We(this,ql,Gu).bind(this))),Ue(this,qo,!1),Ue(this,Aa,t=>{Ne(this,qo)||(setTimeout(()=>{Av(t),Ii(this,qo,!1)},0),Ii(this,qo,!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){Ne(this,fr)&&this.mediaUnsetCallback(Ne(this,fr));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[R.AUTOHIDE,R.GESTURES_DISABLED].concat(yv).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()==R.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&&(Ii(this,fr,e),e.localName.includes("-")&&await d.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;Ne(this,Ta).observe(this,{childList:!0,subtree:!0}),Mt(this,Ne(this,Aa));let r=this.getAttribute(R.AUDIO)!=null?E("audio player"):E("video player");this.setAttribute("role","region"),this.setAttribute("aria-label",r),this.handleMediaUpdated(this.media),this.setAttribute(R.USER_INACTIVE,""),Qu(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;Ne(this,Ta).disconnect(),Rt(this,Ne(this,Aa)),this.media&&this.mediaUnsetCallback(this.media),(e=d.window)==null||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){Ii(this,fr,null)}handleEvent(e){switch(e.type){case"pointerdown":Ii(this,Sa,e.timeStamp);break;case"pointermove":We(this,Gl,zu).call(this,e);break;case"pointerup":We(this,zl,Yu).call(this,e);break;case"mouseleave":We(this,zo,ka).call(this);break;case"mouseup":this.removeAttribute(R.KEYBOARD_CONTROL);break;case"keyup":We(this,Er,Yo).call(this),this.setAttribute(R.KEYBOARD_CONTROL,"");break}}set autohide(e){let t=Number(e);Ii(this,gr,isNaN(t)?0:t)}get autohide(){return(Ne(this,gr)===void 0?2:Ne(this,gr)).toString()}get breakpoints(){return x(this,R.BREAKPOINTS)}set breakpoints(e){P(this,R.BREAKPOINTS,e)}get audio(){return C(this,R.AUDIO)}set audio(e){I(this,R.AUDIO,e)}get gesturesDisabled(){return C(this,R.GESTURES_DISABLED)}set gesturesDisabled(e){I(this,R.GESTURES_DISABLED,e)}get keyboardControl(){return C(this,R.KEYBOARD_CONTROL)}set keyboardControl(e){I(this,R.KEYBOARD_CONTROL,e)}get noAutohide(){return C(this,R.NO_AUTOHIDE)}set noAutohide(e){I(this,R.NO_AUTOHIDE,e)}get autohideOverControls(){return C(this,R.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){I(this,R.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return C(this,R.USER_INACTIVE)}set userInteractive(e){I(this,R.USER_INACTIVE,e)}};Sa=new WeakMap;fr=new WeakMap;Go=new WeakMap;gr=new WeakMap;Ta=new WeakMap;ql=new WeakSet;Gu=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)}};qo=new WeakMap;Aa=new WeakMap;Gl=new WeakSet;zu=function(i){if(i.pointerType!=="mouse"&&i.timeStamp-Ne(this,Sa)<250)return;We(this,La,Ql).call(this),clearTimeout(Ne(this,Go));let e=this.hasAttribute(R.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(i.target)||e)&&We(this,Er,Yo).call(this)};zl=new WeakSet;Yu=function(i){if(i.pointerType==="touch"){let e=!this.hasAttribute(R.USER_INACTIVE);[this,this.media].includes(i.target)&&e?We(this,zo,ka).call(this):We(this,Er,Yo).call(this)}else i.composedPath().some(e=>["media-play-button","media-fullscreen-button"].includes(e==null?void 0:e.localName))&&We(this,Er,Yo).call(this)};zo=new WeakSet;ka=function(){if(Ne(this,gr)<0||this.hasAttribute(R.USER_INACTIVE))return;this.setAttribute(R.USER_INACTIVE,"");let i=new d.CustomEvent(Li.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(i)};La=new WeakSet;Ql=function(){if(!this.hasAttribute(R.USER_INACTIVE))return;this.removeAttribute(R.USER_INACTIVE);let i=new d.CustomEvent(Li.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(i)};Er=new WeakSet;Yo=function(){We(this,La,Ql).call(this),clearTimeout(Ne(this,Go));let i=parseInt(this.autohide);i<0||Ii(this,Go,setTimeout(()=>{We(this,zo,ka).call(this)},i*1e3))};Mi.shadowRootOptions={mode:"open"};Mi.getTemplateHTML=_v;d.customElements.get("media-container")||d.customElements.define("media-container",Mi);var Zu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ge=(i,e,t)=>(Zu(i,e,"read from private field"),t?t.call(i):e.get(i)),Qo=(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)},wa=(i,e,t,r)=>(Zu(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),br,_r,Ca,Ri,xt,Yt,Qt=class{constructor(e,t,{defaultValue:r}={defaultValue:void 0}){Qo(this,xt),Qo(this,br,void 0),Qo(this,_r,void 0),Qo(this,Ca,void 0),Qo(this,Ri,new Set),wa(this,br,e),wa(this,_r,t),wa(this,Ca,new Set(r))}[Symbol.iterator](){return ge(this,xt,Yt).values()}get length(){return ge(this,xt,Yt).size}get value(){var e;return(e=[...ge(this,xt,Yt)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(wa(this,Ri,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...ge(this,xt,Yt)][e]}values(){return ge(this,xt,Yt).values()}forEach(e,t){ge(this,xt,Yt).forEach(e,t)}add(...e){var t,r;e.forEach(o=>ge(this,Ri).add(o)),!(this.value===""&&!((t=ge(this,br))!=null&&t.hasAttribute(`${ge(this,_r)}`)))&&((r=ge(this,br))==null||r.setAttribute(`${ge(this,_r)}`,`${this.value}`))}remove(...e){var t;e.forEach(r=>ge(this,Ri).delete(r)),(t=ge(this,br))==null||t.setAttribute(`${ge(this,_r)}`,`${this.value}`)}contains(e){return ge(this,xt,Yt).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}};br=new WeakMap;_r=new WeakMap;Ca=new WeakMap;Ri=new WeakMap;xt=new WeakSet;Yt=function(){return ge(this,Ri).size?ge(this,Ri):ge(this,Ca)};var Lv=(i="")=>i.split(/\s+/),Xu=(i="")=>{let[e,t,r]=i.split(":"),o=r?decodeURIComponent(r):void 0;return{kind:e==="cc"?Ce.CAPTIONS:Ce.SUBTITLES,language:t,label:o}},xi=(i="",e={})=>Lv(i).map(t=>{let r=Xu(t);return{...e,...r}}),Zl=i=>i?Array.isArray(i)?i.map(e=>typeof e=="string"?Xu(e):e):typeof i=="string"?xi(i):[i]:[],Ia=({kind:i,label:e,language:t}={kind:"subtitles"})=>e?`${i==="captions"?"cc":"sb"}:${t}:${encodeURIComponent(e)}`:t,Pt=(i=[])=>Array.prototype.map.call(i,Ia).join(" "),wv=(i,e)=>t=>t[i]===e,Ju=i=>{let e=Object.entries(i).map(([t,r])=>wv(t,r));return t=>e.every(r=>r(t))},Pi=(i,e=[],t=[])=>{let r=Zl(t).map(Ju),o=n=>r.some(a=>a(n));Array.from(e).filter(o).forEach(n=>{n.mode=i})},Di=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:Ju(e);return Array.from(i.textTracks).filter(t)},Ma=i=>{var e;return!!((e=i.mediaSubtitlesShowing)!=null&&e.length)||i.hasAttribute(s.MEDIA_SUBTITLES_SHOWING)};var eh=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)}},ju="exitFullscreen"in j?"exitFullscreen":"webkitExitFullscreen"in j?"webkitExitFullscreen":"webkitCancelFullScreen"in j?"webkitCancelFullScreen":void 0,th=i=>{var e;let{documentElement:t}=i;if(ju){let r=(e=t==null?void 0:t[ju])==null?void 0:e.call(t);if(r instanceof Promise)return r.catch(()=>{})}},Zo="fullscreenElement"in j?"fullscreenElement":"webkitFullscreenElement"in j?"webkitFullscreenElement":void 0,Cv=i=>{let{documentElement:e,media:t}=i,r=e==null?void 0:e[Zo];return!r&&"webkitDisplayingFullscreen"in t&&"webkitPresentationMode"in t&&t.webkitDisplayingFullscreen&&t.webkitPresentationMode===Mu.FULLSCREEN?t:r},ih=i=>{var e;let{media:t,documentElement:r,fullscreenElement:o=t}=i;if(!t||!r)return!1;let n=Cv(i);if(!n)return!1;if(n===o||n===t)return!0;if(n.localName.includes("-")){let a=n.shadowRoot;if(!(Zo in a))return Te(n,o);for(;a!=null&&a[Zo];){if(a[Zo]===o)return!0;a=(e=a[Zo])==null?void 0:e.shadowRoot}}return!1},Iv="fullscreenEnabled"in j?"fullscreenEnabled":"webkitFullscreenEnabled"in j?"webkitFullscreenEnabled":void 0,rh=i=>{let{documentElement:e,media:t}=i;return!!(e!=null&&e[Iv])||t&&"webkitSupportsFullscreen"in t};var Ra,Xl=()=>{var i,e;return Ra||(Ra=(e=(i=j)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),Ra)},oh=async(i=Xl())=>{if(!i)return!1;let e=i.volume;i.volume=e/2+.1;let t=new AbortController,r=await Promise.race([Mv(i,t.signal),Rv(i,e)]);return t.abort(),r},Mv=(i,e)=>new Promise(t=>{i.addEventListener("volumechange",()=>t(!0),{signal:e})}),Rv=async(i,e)=>{for(let t=0;t<10;t++){if(i.volume===e)return!1;await ha(10)}return i.volume!==e},xv=/.*Version\/.*Safari\/.*/.test(d.navigator.userAgent),Jl=(i=Xl())=>d.matchMedia("(display-mode: standalone)").matches&&xv?!1:typeof(i==null?void 0:i.requestPictureInPicture)=="function",jl=(i=Xl())=>rh({documentElement:j,media:i}),nh=jl(),ah=Jl(),sh=!!d.WebKitPlaybackTargetAvailabilityEvent,lh=!!d.chrome;var yr=i=>Di(i.media,e=>[Ce.SUBTITLES,Ce.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),ed=i=>Di(i.media,e=>e.mode===Gt.SHOWING&&[Ce.SUBTITLES,Ce.CAPTIONS].includes(e.kind)),xa=(i,e)=>{let t=yr(i),r=ed(i),o=!!r.length;if(t.length){if(e===!1||o&&e!==!0)Pi(Gt.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"),p=h?[h,...globalThis.navigator.languages]:globalThis.navigator.languages,f=t.filter(m=>p.some(A=>m.language.toLowerCase().startsWith(A.split("-")[0]))).sort((m,A)=>{let g=p.findIndex(D=>m.language.toLowerCase().startsWith(D.split("-")[0])),L=p.findIndex(D=>A.language.toLowerCase().startsWith(D.split("-")[0]));return g-L});f[0]&&(n=f[0])}let{language:l,label:c,kind:v}=n;Pi(Gt.DISABLED,t,r),Pi(Gt.SHOWING,t,[{language:l,label:c,kind:v}])}}},Pa=(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)?Pv(i,e):Object.entries(i).every(([t,r])=>t in e&&Pa(r,e[t])),Pv=(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)=>Pa(o,e[n])):!0};var Dv=Object.values(Qe),Da,Ov=oh().then(i=>(Da=i,Da)),dh=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))}))},Uv=new d.DOMParser,Nv=i=>i&&(Uv.parseFromString(i,"text/html").body.textContent||i),Tr={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";Tr.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;Tr.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||!mr(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=[Qe.LIVE,Qe.ON_DEMAND].includes(t)?t:void 0;if(!e)return r;let{streamType:o}=e;if(Dv.includes(o))return o===Qe.UNKNOWN?r:o;let n=e.duration;return n===1/0?Qe.LIVE:Number.isFinite(n)?Qe.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=Tr.mediaStreamType.get(i);return(t==null||Number.isNaN(t))&&r===Qe.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(!(Tr.mediaStreamType.get(i)===Qe.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 yr(i).map(({kind:e,label:t,language:r})=>({kind:e,label:t,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get(i){return ed(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&&![Ce.CAPTIONS,Ce.SUBTITLES].includes((c=l==null?void 0:l.track)==null?void 0:c.kind)||xa(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]=Di(t,{kind:Ce.CHAPTERS});return Array.from((e=r==null?void 0:r.cues)!=null?e:[]).map(({text:o,startTime:n,endTime:a})=>({text:Nv(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("-")?Te(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(!j.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 j.pictureInPictureElement&&j.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 ih(i)},set(i,e,t){var r;i?(eh(e),t.detail&&((r=e.media)==null||r.focus())):th(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(!nh||!jl(e))return Ie.UNSUPPORTED}},mediaPipUnavailable:{get(i){let{media:e}=i;if(!ah||!Jl(e))return Ie.UNSUPPORTED;if(e!=null&&e.disablePictureInPicture)return Ie.UNAVAILABLE}},mediaVolumeUnavailable:{get(i){let{media:e}=i;if(Da===!1||(e==null?void 0:e.volume)==null)return Ie.UNSUPPORTED},stateOwnersUpdateHandlers:[i=>{Da==null&&Ov.then(e=>i(e?void 0:Ie.UNSUPPORTED))}]},mediaCastUnavailable:{get(i,{availability:e="not-available"}={}){var t;let{media:r}=i;if(!lh||!((t=r==null?void 0:r.remote)!=null&&t.state))return Ie.UNSUPPORTED;if(!(e==null||e==="available"))return Ie.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(!sh)return Ie.UNSUPPORTED;if((e==null?void 0:e.availability)==="not-available")return Ie.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 Ie.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return Ie.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(i){var e,t;let{media:r}=i;if(!(r!=null&&r.audioTracks))return Ie.UNSUPPORTED;if(((t=(e=r.audioTracks)==null?void 0:e.length)!=null?t:0)<=1)return Ie.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaLang:{get(i){let{options:{mediaLang:e}={}}=i;return e??"en"}}};var ch={[b.MEDIA_PREVIEW_REQUEST](i,e,{detail:t}){var r,o,n;let{media:a}=e,l=t??void 0,c,v;if(a&&l!=null){let[m]=Di(a,{kind:Ce.METADATA,label:"thumbnails"}),A=Array.prototype.find.call((r=m==null?void 0:m.cues)!=null?r:[],(g,L,D)=>L===0?g.endTime>l:L===D.length-1?g.startTime<=l:g.startTime<=l&&g.endTime>l);if(A){let g=/'^(?:[a-z]+:)?\/\//i.test(A.text)||(o=a==null?void 0:a.querySelector('track[label="thumbnails"]'))==null?void 0:o.src,L=new URL(A.text,g);v=new URLSearchParams(L.hash).get("#xywh").split(",").map(De=>+De),c=L.href}}let h=i.mediaDuration.get(e),f=(n=i.mediaChaptersCues.get(e).find((m,A,g)=>A===g.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&&f==null&&(f=""),{mediaPreviewTime:l,mediaPreviewImage:c,mediaPreviewCoords:v,mediaPreviewChapter:f}},[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)===Qe.LIVE,v=!((t=e.options)!=null&&t.noAutoSeekToLive),h=i.mediaTargetLiveWindow.get(e)>0;if(c&&v&&!h){let p=(r=i.mediaSeekable.get(e))==null?void 0:r[1];if(p){let f=(n=(o=e.options)==null?void 0:o.seekToLiveOffset)!=null?n:0,m=p-f;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=yr(e),a=Zl(t),l=(r=a[0])==null?void 0:r.language;l&&!o.noSubtitlesLangPref&&d.localStorage.setItem("media-chrome-pref-subtitles-lang",l),Pi(Gt.SHOWING,n,a)},[b.MEDIA_DISABLE_SUBTITLES_REQUEST](i,e,{detail:t}){let r=yr(e),o=t??[];Pi(Gt.DISABLED,r,o)},[b.MEDIA_TOGGLE_SUBTITLES_REQUEST](i,e,{detail:t}){xa(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 uh=({media:i,fullscreenElement:e,documentElement:t,stateMediator:r=Tr,requestMap:o=ch,options:n={},monitorStateOwnersOnlyWithSubscriptions:a=!0})=>{let l=[],c={options:{...n}},v=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),h=g=>{g!=null&&(Pa(g,v)||(v=Object.freeze({...v,...g}),l.forEach(L=>L(v))))},p=()=>{let g=Object.entries(r).reduce((L,[D,{get:De}])=>(L[D]=De(c),L),{});h(g)},f={},m,A=async(g,L)=>{var D,De,rt,wo,ar,Nc,_l,k,K,ne,ee,G,he,wt,Co,Hc;let Sm=!!m;if(m={...c,...m??{},...g},Sm)return;await dh(...Object.values(g));let sr=l.length>0&&L===0&&a,$c=c.media!==m.media,Bc=((D=c.media)==null?void 0:D.textTracks)!==((De=m.media)==null?void 0:De.textTracks),Vc=((rt=c.media)==null?void 0:rt.videoRenditions)!==((wo=m.media)==null?void 0:wo.videoRenditions),Wc=((ar=c.media)==null?void 0:ar.audioTracks)!==((Nc=m.media)==null?void 0:Nc.audioTracks),Fc=((_l=c.media)==null?void 0:_l.remote)!==((k=m.media)==null?void 0:k.remote),Kc=c.documentElement!==m.documentElement,qc=!!c.media&&($c||sr),Gc=!!((K=c.media)!=null&&K.textTracks)&&(Bc||sr),zc=!!((ne=c.media)!=null&&ne.videoRenditions)&&(Vc||sr),Yc=!!((ee=c.media)!=null&&ee.audioTracks)&&(Wc||sr),Qc=!!((G=c.media)!=null&&G.remote)&&(Fc||sr),Zc=!!c.documentElement&&(Kc||sr),yl=qc||Gc||zc||Yc||Qc||Zc,lr=l.length===0&&L===1&&a,w=!!m.media&&($c||lr),Xc=!!((he=m.media)!=null&&he.textTracks)&&(Bc||lr),Jc=!!((wt=m.media)!=null&&wt.videoRenditions)&&(Vc||lr),jc=!!((Co=m.media)!=null&&Co.audioTracks)&&(Wc||lr),eu=!!((Hc=m.media)!=null&&Hc.remote)&&(Fc||lr),tu=!!m.documentElement&&(Kc||lr),iu=w||Xc||Jc||jc||eu||tu;if(!(yl||iu)){Object.entries(m).forEach(([z,Io])=>{c[z]=Io}),p(),m=void 0;return}Object.entries(r).forEach(([z,{get:Io,mediaEvents:km=[],textTracksEvents:Lm=[],videoRenditionsEvents:wm=[],audioTracksEvents:Cm=[],remoteEvents:Im=[],rootEvents:Mm=[],stateOwnersUpdateHandlers:Rm=[]}])=>{f[z]||(f[z]={});let Oe=te=>{let ce=Io(c,te);h({[z]:ce})},me;me=f[z].mediaEvents,km.forEach(te=>{me&&qc&&(c.media.removeEventListener(te,me),f[z].mediaEvents=void 0),w&&(m.media.addEventListener(te,Oe),f[z].mediaEvents=Oe)}),me=f[z].textTracksEvents,Lm.forEach(te=>{var ce,Ye;me&&Gc&&((ce=c.media.textTracks)==null||ce.removeEventListener(te,me),f[z].textTracksEvents=void 0),Xc&&((Ye=m.media.textTracks)==null||Ye.addEventListener(te,Oe),f[z].textTracksEvents=Oe)}),me=f[z].videoRenditionsEvents,wm.forEach(te=>{var ce,Ye;me&&zc&&((ce=c.media.videoRenditions)==null||ce.removeEventListener(te,me),f[z].videoRenditionsEvents=void 0),Jc&&((Ye=m.media.videoRenditions)==null||Ye.addEventListener(te,Oe),f[z].videoRenditionsEvents=Oe)}),me=f[z].audioTracksEvents,Cm.forEach(te=>{var ce,Ye;me&&Yc&&((ce=c.media.audioTracks)==null||ce.removeEventListener(te,me),f[z].audioTracksEvents=void 0),jc&&((Ye=m.media.audioTracks)==null||Ye.addEventListener(te,Oe),f[z].audioTracksEvents=Oe)}),me=f[z].remoteEvents,Im.forEach(te=>{var ce,Ye;me&&Qc&&((ce=c.media.remote)==null||ce.removeEventListener(te,me),f[z].remoteEvents=void 0),eu&&((Ye=m.media.remote)==null||Ye.addEventListener(te,Oe),f[z].remoteEvents=Oe)}),me=f[z].rootEvents,Mm.forEach(te=>{me&&Zc&&(c.documentElement.removeEventListener(te,me),f[z].rootEvents=void 0),tu&&(m.documentElement.addEventListener(te,Oe),f[z].rootEvents=Oe)});let Jn=f[z].stateOwnersUpdateHandlers;if(Jn&&yl&&(Array.isArray(Jn)?Jn:[Jn]).forEach(ce=>{typeof ce=="function"&&ce()}),iu){let te=Rm.map(ce=>ce(Oe,m)).filter(ce=>typeof ce=="function");f[z].stateOwnersUpdateHandlers=te.length===1?te[0]:te}else yl&&(f[z].stateOwnersUpdateHandlers=void 0)}),Object.entries(m).forEach(([z,Io])=>{c[z]=Io}),p(),m=void 0};return A({media:i,fullscreenElement:e,documentElement:t,options:n}),{dispatch(g){let{type:L,detail:D}=g;if(o[L]&&v.mediaErrorCode==null){h(o[L](r,c,g));return}L==="mediaelementchangerequest"?A({media:D}):L==="fullscreenelementchangerequest"?A({fullscreenElement:D}):L==="documentelementchangerequest"?A({documentElement:D}):L==="optionschangerequest"&&(Object.entries(D??{}).forEach(([De,rt])=>{c.options[De]=rt}),p())},getState(){return v},subscribe(g){return A({},l.length+1),l.push(g),g(v),()=>{let L=l.indexOf(g);L>=0&&(A({},l.length-1),l.splice(L,1))}}}};var ad=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},M=(i,e,t)=>(ad(i,e,"read from private field"),t?t.call(i):e.get(i)),Fe=(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)},nt=(i,e,t,r)=>(ad(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),st=(i,e,t)=>(ad(i,e,"access private method"),t),Zt,Xo,V,Ui,Jo,at,Oa,jo,Ua,td,Ni,Ar,Na,id,rd,Eh,bh=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Enter"," ","f","m","k","c","l","j",">","<","p"],hh=10,ph=.025,mh=.25,Hv=.25,$v=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"},od=class extends Mi{constructor(){super(),Fe(this,Ua),Fe(this,Ni),Fe(this,Na),Fe(this,rd),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,Fe(this,Zt,new Qt(this,y.HOTKEYS)),Fe(this,Xo,void 0),Fe(this,V,void 0),Fe(this,Ui,null),Fe(this,Jo,void 0),Fe(this,at,void 0),Fe(this,Oa,t=>{var r;(r=M(this,V))==null||r.dispatch(t)}),Fe(this,jo,void 0),this.associateElement(this);let e={};nt(this,Jo,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(Iu[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 M(this,V)}set mediaStore(e){var t,r;if(M(this,V)&&((t=M(this,at))==null||t.call(this),nt(this,at,void 0)),nt(this,V,e),!M(this,V)&&!this.hasAttribute(y.NO_DEFAULT_STORE)){st(this,Ua,td).call(this);return}nt(this,at,(r=M(this,V))==null?void 0:r.subscribe(M(this,Jo)))}get fullscreenElement(){var e;return(e=M(this,Xo))!=null?e:this}set fullscreenElement(e){var t;this.hasAttribute(y.FULLSCREEN_ELEMENT)&&this.removeAttribute(y.FULLSCREEN_ELEMENT),nt(this,Xo,e),(t=M(this,V))==null||t.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}get defaultSubtitles(){return C(this,y.DEFAULT_SUBTITLES)}set defaultSubtitles(e){I(this,y.DEFAULT_SUBTITLES,e)}get defaultStreamType(){return x(this,y.DEFAULT_STREAM_TYPE)}set defaultStreamType(e){P(this,y.DEFAULT_STREAM_TYPE,e)}get defaultDuration(){return H(this,y.DEFAULT_DURATION)}set defaultDuration(e){B(this,y.DEFAULT_DURATION,e)}get noHotkeys(){return C(this,y.NO_HOTKEYS)}set noHotkeys(e){I(this,y.NO_HOTKEYS,e)}get keysUsed(){return x(this,y.KEYS_USED)}set keysUsed(e){P(this,y.KEYS_USED,e)}get liveEdgeOffset(){return H(this,y.LIVE_EDGE_OFFSET)}set liveEdgeOffset(e){B(this,y.LIVE_EDGE_OFFSET,e)}get noAutoSeekToLive(){return C(this,y.NO_AUTO_SEEK_TO_LIVE)}set noAutoSeekToLive(e){I(this,y.NO_AUTO_SEEK_TO_LIVE,e)}get noVolumePref(){return C(this,y.NO_VOLUME_PREF)}set noVolumePref(e){I(this,y.NO_VOLUME_PREF,e)}get noMutedPref(){return C(this,y.NO_MUTED_PREF)}set noMutedPref(e){I(this,y.NO_MUTED_PREF,e)}get noSubtitlesLangPref(){return C(this,y.NO_SUBTITLES_LANG_PREF)}set noSubtitlesLangPref(e){I(this,y.NO_SUBTITLES_LANG_PREF,e)}get noDefaultStore(){return C(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,v,h,p,f,m,A,g;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)M(this,Zt).value=r;else if(e===y.DEFAULT_SUBTITLES&&r!==t)(o=M(this,V))==null||o.dispatch({type:"optionschangerequest",detail:{defaultSubtitles:this.hasAttribute(y.DEFAULT_SUBTITLES)}});else if(e===y.DEFAULT_STREAM_TYPE)(a=M(this,V))==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=M(this,V))==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=M(this,V))==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)(v=M(this,V))==null||v.dispatch({type:"optionschangerequest",detail:{noAutoSeekToLive:this.hasAttribute(y.NO_AUTO_SEEK_TO_LIVE)}});else if(e===y.FULLSCREEN_ELEMENT){let L=r?(h=this.getRootNode())==null?void 0:h.getElementById(r):void 0;nt(this,Xo,L),(p=M(this,V))==null||p.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}else e===y.LANG&&r!==t?(Hu(r),(f=M(this,V))==null||f.dispatch({type:"optionschangerequest",detail:{mediaLang:r}})):e===y.LOOP&&r!==t?(m=M(this,V))==null||m.dispatch({type:b.MEDIA_LOOP_REQUEST,detail:r!=null}):e===y.NO_VOLUME_PREF&&r!==t?(A=M(this,V))==null||A.dispatch({type:"optionschangerequest",detail:{noVolumePref:this.hasAttribute(y.NO_VOLUME_PREF)}}):e===y.NO_MUTED_PREF&&r!==t&&((g=M(this,V))==null||g.dispatch({type:"optionschangerequest",detail:{noMutedPref:this.hasAttribute(y.NO_MUTED_PREF)}}))}connectedCallback(){var e,t;!M(this,V)&&!this.hasAttribute(y.NO_DEFAULT_STORE)&&st(this,Ua,td).call(this),(e=M(this,V))==null||e.dispatch({type:"documentelementchangerequest",detail:j}),super.connectedCallback(),M(this,V)&&!M(this,at)&&nt(this,at,(t=M(this,V))==null?void 0:t.subscribe(M(this,Jo))),M(this,jo)!==void 0&&M(this,V)&&this.media&&setTimeout(()=>{var r,o,n;(o=(r=this.media)==null?void 0:r.textTracks)!=null&&o.length&&((n=M(this,V))==null||n.dispatch({type:b.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:M(this,jo)}))},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),M(this,V)){let a=M(this,V).getState();nt(this,jo,!!((t=a.mediaSubtitlesShowing)!=null&&t.length)),(r=M(this,V))==null||r.dispatch({type:"documentelementchangerequest",detail:void 0}),(o=M(this,V))==null||o.dispatch({type:b.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})}M(this,at)&&((n=M(this,at))==null||n.call(this),nt(this,at,void 0))}mediaSetCallback(e){var t;super.mediaSetCallback(e),(t=M(this,V))==null||t.dispatch({type:"mediaelementchangerequest",detail:e}),e.hasAttribute("tabindex")||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),(t=M(this,V))==null||t.dispatch({type:"mediaelementchangerequest",detail:void 0})}propagateMediaState(e,t){gh(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,M(this,Oa))}),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,M(this,Oa))})}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),M(this,V)&&Object.entries(M(this,V).getState()).forEach(([o,n])=>{gh([e],o,n)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,r=t.indexOf(e);r<0||t.splice(r,1)}enableHotkeys(){this.addEventListener("keydown",st(this,Na,id))}disableHotkeys(){this.removeEventListener("keydown",st(this,Na,id)),this.removeEventListener("keyup",st(this,Ni,Ar))}get hotkeys(){return x(this,y.HOTKEYS)}set hotkeys(e){P(this,y.HOTKEYS,e)}keyboardShortcutHandler(e){var t,r,o,n,a,l,c,v,h;let p=e.target;if(((o=(r=(t=p.getAttribute(y.KEYS_USED))==null?void 0:t.split(" "))!=null?r:p==null?void 0:p.keysUsed)!=null?o:[]).map(D=>D==="Space"?" ":D).filter(Boolean).includes(e.key))return;let m,A,g;if(!(M(this,Zt).contains(`no${e.key.toLowerCase()}`)||e.key===" "&&M(this,Zt).contains("nospace")||e.shiftKey&&(e.key==="/"||e.key==="?")&&M(this,Zt).contains("noshift+/")))switch(e.key){case" ":case"k":m=M(this,V).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 D=this.hasAttribute(y.KEYBOARD_BACKWARD_SEEK_OFFSET)?+this.getAttribute(y.KEYBOARD_BACKWARD_SEEK_OFFSET):hh;A=Math.max(((n=this.mediaStore.getState().mediaCurrentTime)!=null?n:0)-D,0),g=new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(g);break}case"ArrowRight":case"l":{let D=this.hasAttribute(y.KEYBOARD_FORWARD_SEEK_OFFSET)?+this.getAttribute(y.KEYBOARD_FORWARD_SEEK_OFFSET):hh;A=Math.max(((a=this.mediaStore.getState().mediaCurrentTime)!=null?a:0)+D,0),g=new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(g);break}case"ArrowUp":{let D=this.hasAttribute(y.KEYBOARD_UP_VOLUME_STEP)?+this.getAttribute(y.KEYBOARD_UP_VOLUME_STEP):ph;A=Math.min(((l=this.mediaStore.getState().mediaVolume)!=null?l:1)+D,1),g=new d.CustomEvent(b.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(g);break}case"ArrowDown":{let D=this.hasAttribute(y.KEYBOARD_DOWN_VOLUME_STEP)?+this.getAttribute(y.KEYBOARD_DOWN_VOLUME_STEP):ph;A=Math.max(((c=this.mediaStore.getState().mediaVolume)!=null?c:1)-D,0),g=new d.CustomEvent(b.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(g);break}case"<":{let D=(v=this.mediaStore.getState().mediaPlaybackRate)!=null?v:1;A=Math.max(D-mh,Hv).toFixed(2),g=new d.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(g);break}case">":{let D=(h=this.mediaStore.getState().mediaPlaybackRate)!=null?h:1;A=Math.min(D+mh,$v).toFixed(2),g=new d.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(g);break}case"/":case"?":{e.shiftKey&&st(this,rd,Eh).call(this);break}case"p":{m=this.mediaStore.getState().mediaIsPip?b.MEDIA_EXIT_PIP_REQUEST:b.MEDIA_ENTER_PIP_REQUEST,g=new d.CustomEvent(m,{composed:!0,bubbles:!0}),this.dispatchEvent(g);break}default:break}}};Zt=new WeakMap;Xo=new WeakMap;V=new WeakMap;Ui=new WeakMap;Jo=new WeakMap;at=new WeakMap;Oa=new WeakMap;jo=new WeakMap;Ua=new WeakSet;td=function(){var i;this.mediaStore=uh({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)}})};Ni=new WeakSet;Ar=function(i){let{key:e,shiftKey:t}=i;if(!(t&&(e==="/"||e==="?")||bh.includes(e))){this.removeEventListener("keyup",st(this,Ni,Ar));return}this.keyboardShortcutHandler(i)};Na=new WeakSet;id=function(i){var e;let{metaKey:t,altKey:r,key:o,shiftKey:n}=i,a=n&&(o==="/"||o==="?");if(a&&((e=M(this,Ui))!=null&&e.open)){this.removeEventListener("keyup",st(this,Ni,Ar));return}if(t||r||!a&&!bh.includes(o)){this.removeEventListener("keyup",st(this,Ni,Ar));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)&&!(M(this,Zt).contains(`no${o.toLowerCase()}`)||o===" "&&M(this,Zt).contains("nospace"))&&!c&&i.preventDefault(),this.addEventListener("keyup",st(this,Ni,Ar),{once:!0})};rd=new WeakSet;Eh=function(){M(this,Ui)||(nt(this,Ui,j.createElement("media-keyboard-shortcuts-dialog")),this.appendChild(M(this,Ui))),M(this,Ui).open=!0};var Bv=Object.values(s),Vv=Object.values(Bl),_h=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,U.MEDIA_CHROME_ATTRIBUTES))==null?void 0:r.split)==null?void 0:o.call(r,/\s+/);return Array.isArray(n||a)?(n||a).filter(l=>Bv.includes(l)):[]},Wv=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),Vv.some(r=>r in i)},nd=i=>Wv(i)||!!_h(i).length,vh=i=>{var e;return(e=i==null?void 0:i.join)==null?void 0:e.call(i,":")},fh={[s.MEDIA_SUBTITLES_LIST]:Pt,[s.MEDIA_SUBTITLES_SHOWING]:Pt,[s.MEDIA_SEEKABLE]:vh,[s.MEDIA_BUFFERED]:i=>i==null?void 0:i.map(vh).join(" "),[s.MEDIA_PREVIEW_COORDS]:i=>i==null?void 0:i.join(" "),[s.MEDIA_RENDITION_LIST]:Ru,[s.MEDIA_AUDIO_TRACK_LIST]:Pu},Fv=async(i,e,t)=>{var r,o;if(i.isConnected||await ha(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 P(i,e,t);if(Array.isArray(t)&&!t.length)return i.removeAttribute(e);let n=(o=(r=fh[e])==null?void 0:r.call(fh,t))!=null?o:t;return i.setAttribute(e,n)},Kv=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},Oi=(i,e)=>{if(Kv(i))return;let t=(o,n)=>{var a,l;nd(o)&&n(o);let{children:c=[]}=o??{},v=(l=(a=o==null?void 0:o.shadowRoot)==null?void 0:a.children)!=null?l:[];[...c,...v].forEach(p=>Oi(p,n))},r=i==null?void 0:i.nodeName.toLowerCase();if(r.includes("-")&&!nd(i)){d.customElements.whenDefined(r).then(()=>{t(i,e)});return}t(i,e)},gh=(i,e,t)=>{i.forEach(r=>{if(e in r){r[e]=t;return}let o=_h(r),n=e.toLowerCase();o.includes(n)&&Fv(r,n,t)})},qv=(i,e,t)=>{Oi(i,e);let r=h=>{var p;let f=(p=h==null?void 0:h.composedPath()[0])!=null?p:h.target;e(f)},o=h=>{var p;let f=(p=h==null?void 0:h.composedPath()[0])!=null?p:h.target;t(f)};i.addEventListener(b.REGISTER_MEDIA_STATE_RECEIVER,r),i.addEventListener(b.UNREGISTER_MEDIA_STATE_RECEIVER,o);let n=h=>{h.forEach(p=>{let{addedNodes:f=[],removedNodes:m=[],type:A,target:g,attributeName:L}=p;A==="childList"?(Array.prototype.forEach.call(f,D=>Oi(D,e)),Array.prototype.forEach.call(m,D=>Oi(D,t))):A==="attributes"&&L===U.MEDIA_CHROME_ATTRIBUTES&&(nd(g)?e(g):t(g))})},a=[],l=h=>{let p=h.target;p.name!=="media"&&(a.forEach(f=>Oi(f,t)),a=[...p.assignedElements({flatten:!0})],a.forEach(f=>Oi(f,e)))};i.addEventListener("slotchange",l);let c=new MutationObserver(n);return c.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{Oi(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",od);var Sr={PLACEMENT:"placement",BOUNDS:"bounds"};function Gv(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 kr=class extends d.HTMLElement{constructor(){if(super(),this.updateXOffset=()=>{var e;if(!ba(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=ot(this,"#"+this.bounds))!=null?e:Z(this);if(!o)return;let{x:n,width:a}=o.getBoundingClientRect(),{x:l,width:c}=this.getBoundingClientRect(),v=l+c,h=n+a,p=r.getPropertyValue("--media-tooltip-offset-x"),f=p?parseFloat(p.replace("px","")):0,m=r.getPropertyValue("--media-tooltip-container-margin"),A=m?parseFloat(m.replace("px","")):0,g=l-n+f-A,L=v-h+f+A;if(g<0){this.style.setProperty("--media-tooltip-offset-x",`${g}px`);return}if(L>0){this.style.setProperty("--media-tooltip-offset-x",`${L}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[Sr.PLACEMENT,Sr.BOUNDS]}get placement(){return x(this,Sr.PLACEMENT)}set placement(e){P(this,Sr.PLACEMENT,e)}get bounds(){return x(this,Sr.BOUNDS)}set bounds(e){P(this,Sr.BOUNDS,e)}};kr.shadowRootOptions={mode:"open"};kr.getTemplateHTML=Gv;d.customElements.get("media-tooltip")||d.customElements.define("media-tooltip",kr);var Ha=kr;var ld=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ue=(i,e,t)=>(ld(i,e,"read from private field"),t?t.call(i):e.get(i)),Lr=(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)},$a=(i,e,t,r)=>(ld(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),zv=(i,e,t)=>(ld(i,e,"access private method"),t),lt,Cr,Jt,wr,Ba,sd,yh,Xt={TOOLTIP_PLACEMENT:"tooltipplacement",DISABLED:"disabled",NO_TOOLTIP:"notooltip"};function Yv(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 Qv(i,e){return`
+    <slot></slot>
+  `}function Zv(){return""}var F=class extends d.HTMLElement{constructor(){if(super(),Lr(this,sd),Lr(this,lt,void 0),this.preventClick=!1,this.tooltipEl=null,Lr(this,Cr,e=>{this.preventClick||this.handleClick(e),setTimeout(ue(this,Jt),0)}),Lr(this,Jt,()=>{var e,t;(t=(e=this.tooltipEl)==null?void 0:e.updateXOffset)==null||t.call(e)}),Lr(this,wr,e=>{let{key:t}=e;if(!this.keysUsed.includes(t)){this.removeEventListener("keyup",ue(this,wr));return}this.preventClick||this.handleClick(e)}),Lr(this,Ba,e=>{let{metaKey:t,altKey:r,key:o}=e;if(t||r||!this.keysUsed.includes(o)){this.removeEventListener("keyup",ue(this,wr));return}this.addEventListener("keyup",ue(this,wr),{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",Xt.TOOLTIP_PLACEMENT,U.MEDIA_CONTROLLER,s.MEDIA_LANG]}enable(){this.addEventListener("click",ue(this,Cr)),this.addEventListener("keydown",ue(this,Ba)),this.tabIndex=0}disable(){this.removeEventListener("click",ue(this,Cr)),this.removeEventListener("keydown",ue(this,Ba)),this.removeEventListener("keyup",ue(this,wr)),this.tabIndex=-1}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===U.MEDIA_CONTROLLER?(t&&((n=(o=ue(this,lt))==null?void 0:o.unassociateElement)==null||n.call(o,this),$a(this,lt,null)),r&&this.isConnected&&($a(this,lt,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=ue(this,lt))==null?void 0:l.associateElement)==null||c.call(l,this))):e==="disabled"&&r!==t?r==null?this.enable():this.disable():e===Xt.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()),ue(this,Jt).call(this)}connectedCallback(){var e,t,r;let{style:o}=X(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(U.MEDIA_CONTROLLER);n&&($a(this,lt,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(r=(t=ue(this,lt))==null?void 0:t.associateElement)==null||r.call(t,this)),d.customElements.whenDefined("media-tooltip").then(()=>zv(this,sd,yh).call(this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=ue(this,lt))==null?void 0:e.unassociateElement)==null||t.call(e,this),$a(this,lt,null),this.removeEventListener("mouseenter",ue(this,Jt)),this.removeEventListener("focus",ue(this,Jt)),this.removeEventListener("click",ue(this,Cr))}get keysUsed(){return["Enter"," "]}get tooltipPlacement(){return x(this,Xt.TOOLTIP_PLACEMENT)}set tooltipPlacement(e){P(this,Xt.TOOLTIP_PLACEMENT,e)}get mediaController(){return x(this,U.MEDIA_CONTROLLER)}set mediaController(e){P(this,U.MEDIA_CONTROLLER,e)}get disabled(){return C(this,Xt.DISABLED)}set disabled(e){I(this,Xt.DISABLED,e)}get noTooltip(){return C(this,Xt.NO_TOOLTIP)}set noTooltip(e){I(this,Xt.NO_TOOLTIP,e)}handleClick(e){}};lt=new WeakMap;Cr=new WeakMap;Jt=new WeakMap;wr=new WeakMap;Ba=new WeakMap;sd=new WeakSet;yh=function(){this.addEventListener("mouseenter",ue(this,Jt)),this.addEventListener("focus",ue(this,Jt)),this.addEventListener("click",ue(this,Cr));let i=this.tooltipPlacement;i&&this.tooltipEl&&(this.tooltipEl.placement=i)};F.shadowRootOptions={mode:"open"};F.getTemplateHTML=Yv;F.getSlotTemplateHTML=Qv;F.getTooltipContentHTML=Zv;d.customElements.get("media-chrome-button")||d.customElements.define("media-chrome-button",F);var Th=`<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 Xv(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">${Th}</slot>
+      <slot name="exit">${Th}</slot>
+    </slot>
+  `}function Jv(){return`
+    <slot name="tooltip-enter">${E("start airplay")}</slot>
+    <slot name="tooltip-exit">${E("stop airplay")}</slot>
+  `}var Ah=i=>{let e=i.mediaIsAirplaying?E("stop airplay"):E("start airplay");i.setAttribute("aria-label",e)},en=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_AIRPLAYING,s.MEDIA_AIRPLAY_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Ah(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_AIRPLAYING&&Ah(this)}get mediaIsAirplaying(){return C(this,s.MEDIA_IS_AIRPLAYING)}set mediaIsAirplaying(e){I(this,s.MEDIA_IS_AIRPLAYING,e)}get mediaAirplayUnavailable(){return x(this,s.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){P(this,s.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new d.CustomEvent(b.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};en.getSlotTemplateHTML=Xv;en.getTooltipContentHTML=Jv;d.customElements.get("media-airplay-button")||d.customElements.define("media-airplay-button",en);var jv=`<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>`,ef=`<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 tf(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">${jv}</slot>
+      <slot name="off">${ef}</slot>
+    </slot>
+  `}function rf(){return`
+    <slot name="tooltip-enable">${E("Enable captions")}</slot>
+    <slot name="tooltip-disable">${E("Disable captions")}</slot>
+  `}var Sh=i=>{i.setAttribute("aria-checked",Ma(i).toString())},tn=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")),Sh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_SUBTITLES_SHOWING&&Sh(this)}get mediaSubtitlesList(){return kh(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Lh(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return kh(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Lh(this,s.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new d.CustomEvent(b.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}};tn.getSlotTemplateHTML=tf;tn.getTooltipContentHTML=rf;var kh=(i,e)=>{let t=i.getAttribute(e);return t?xi(t):[]},Lh=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let r=Pt(t);i.getAttribute(e)!==r&&i.setAttribute(e,r)};d.customElements.get("media-captions-button")||d.customElements.define("media-captions-button",tn);var of='<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>',nf='<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 af(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">${of}</slot>
+      <slot name="exit">${nf}</slot>
+    </slot>
+  `}function sf(){return`
+    <slot name="tooltip-enter">${E("Start casting")}</slot>
+    <slot name="tooltip-exit">${E("Stop casting")}</slot>
+  `}var wh=i=>{let e=i.mediaIsCasting?E("stop casting"):E("start casting");i.setAttribute("aria-label",e)},rn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_CASTING,s.MEDIA_CAST_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),wh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_CASTING&&wh(this)}get mediaIsCasting(){return C(this,s.MEDIA_IS_CASTING)}set mediaIsCasting(e){I(this,s.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return x(this,s.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){P(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}))}};rn.getSlotTemplateHTML=af;rn.getTooltipContentHTML=sf;d.customElements.get("media-cast-button")||d.customElements.define("media-cast-button",rn);var vd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},$i=(i,e,t)=>(vd(i,e,"read from private field"),t?t.call(i):e.get(i)),Dt=(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)},fd=(i,e,t,r)=>(vd(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Hi=(i,e,t)=>(vd(i,e,"access private method"),t),Wa,nn,Bi,Va,dd,cd,Ch,ud,Ih,hd,Mh,pd,Rh,md,xh;function lf(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 df(i){return`
+    <slot id="content"></slot>
+  `}var on={OPEN:"open",ANCHOR:"anchor"},dt=class extends d.HTMLElement{constructor(){super(),Dt(this,Va),Dt(this,cd),Dt(this,ud),Dt(this,hd),Dt(this,pd),Dt(this,md),Dt(this,Wa,!1),Dt(this,nn,null),Dt(this,Bi,null),this.addEventListener("invoke",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this)}static get observedAttributes(){return[on.OPEN,on.ANCHOR]}get open(){return C(this,on.OPEN)}set open(e){I(this,on.OPEN,e)}handleEvent(e){switch(e.type){case"invoke":Hi(this,hd,Mh).call(this,e);break;case"focusout":Hi(this,pd,Rh).call(this,e);break;case"keydown":Hi(this,md,xh).call(this,e);break}}connectedCallback(){Hi(this,Va,dd).call(this),this.role||(this.role="dialog")}attributeChangedCallback(e,t,r){Hi(this,Va,dd).call(this),e===on.OPEN&&r!==t&&(this.open?Hi(this,cd,Ch).call(this):Hi(this,ud,Ih).call(this))}focus(){fd(this,nn,Fo());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"]}};Wa=new WeakMap;nn=new WeakMap;Bi=new WeakMap;Va=new WeakSet;dd=function(){if(!$i(this,Wa)&&(fd(this,Wa,!0),!this.shadowRoot)){this.attachShadow(this.constructor.shadowRootOptions);let i=J(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(i),queueMicrotask(()=>{let{style:e}=X(this.shadowRoot,":host");e.setProperty("transition","display .15s, visibility .15s, opacity .15s ease-in, transform .15s ease-in")})}};cd=new WeakSet;Ch=function(){var i;(i=$i(this,Bi))==null||i.setAttribute("aria-expanded","true"),this.dispatchEvent(new Event("open",{composed:!0,bubbles:!0})),this.addEventListener("transitionend",()=>this.focus(),{once:!0})};ud=new WeakSet;Ih=function(){var i;(i=$i(this,Bi))==null||i.setAttribute("aria-expanded","false"),this.dispatchEvent(new Event("close",{composed:!0,bubbles:!0}))};hd=new WeakSet;Mh=function(i){fd(this,Bi,i.relatedTarget),Te(this,i.relatedTarget)||(this.open=!this.open)};pd=new WeakSet;Rh=function(i){var e;Te(this,i.relatedTarget)||((e=$i(this,nn))==null||e.focus(),$i(this,Bi)&&$i(this,Bi)!==i.relatedTarget&&this.open&&(this.open=!1))};md=new WeakSet;xh=function(i){var e,t,r,o,n;let{key:a,ctrlKey:l,altKey:c,metaKey:v}=i;l||c||v||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=$i(this,nn))==null||n.focus(),this.open=!1))};dt.shadowRootOptions={mode:"open"};dt.getTemplateHTML=lf;dt.getSlotTemplateHTML=df;d.customElements.get("media-chrome-dialog")||d.customElements.define("media-chrome-dialog",dt);var Ad=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},oe=(i,e,t)=>(Ad(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)},jt=(i,e,t,r)=>(Ad(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Xe=(i,e,t)=>(Ad(i,e,"access private method"),t),ct,Ja,Fa,Ka,Je,Za,qa,Ga,za,Sd,Ph,Ya,gd,Qa,Ed,Xa,kd,bd,Dh,_d,Oh,yd,Uh,Td,Nh;function cf(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 uf(i){return""}var ut=class extends d.HTMLElement{constructor(){if(super(),be(this,Sd),be(this,Ya),be(this,Qa),be(this,Xa),be(this,bd),be(this,_d),be(this,yd),be(this,Td),be(this,ct,void 0),be(this,Ja,void 0),be(this,Fa,void 0),be(this,Ka,void 0),be(this,Je,{}),be(this,Za,[]),be(this,qa,()=>{if(this.range.matches(":focus-visible")){let{style:e}=X(this.shadowRoot,":host");e.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),be(this,Ga,()=>{let{style:e}=X(this.shadowRoot,":host");e.removeProperty("--_focus-visible-box-shadow")}),be(this,za,()=>{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"),jt(this,Fa,this.shadowRoot.querySelector("#startpoint")),jt(this,Ka,this.shadowRoot.querySelector("#endpoint")),this.range=this.shadowRoot.querySelector("#range"),this.appearance=this.shadowRoot.querySelector("#appearance")}static get observedAttributes(){return["disabled","aria-disabled",U.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===U.MEDIA_CONTROLLER?(t&&((n=(o=oe(this,ct))==null?void 0:o.unassociateElement)==null||n.call(o,this),jt(this,ct,null)),r&&this.isConnected&&(jt(this,ct,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=oe(this,ct))==null?void 0:l.associateElement)==null||c.call(l,this))):(e==="disabled"||e==="aria-disabled"&&t!==r)&&(r==null?(this.range.removeAttribute(e),Xe(this,Ya,gd).call(this)):(this.range.setAttribute(e,r),Xe(this,Qa,Ed).call(this)))}connectedCallback(){var e,t,r;let{style:o}=X(this.shadowRoot,":host");o.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),oe(this,Je).pointer=X(this.shadowRoot,"#pointer"),oe(this,Je).progress=X(this.shadowRoot,"#progress"),oe(this,Je).thumb=X(this.shadowRoot,'#thumb, ::slotted([slot="thumb"])'),oe(this,Je).activeSegment=X(this.shadowRoot,"#segments-clipping rect:nth-child(0)");let n=this.getAttribute(U.MEDIA_CONTROLLER);n&&(jt(this,ct,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(r=(t=oe(this,ct))==null?void 0:t.associateElement)==null||r.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",oe(this,qa)),this.shadowRoot.addEventListener("focusout",oe(this,Ga)),Xe(this,Ya,gd).call(this),Mt(this.container,oe(this,za))}disconnectedCallback(){var e,t;Xe(this,Qa,Ed).call(this),(t=(e=oe(this,ct))==null?void 0:e.unassociateElement)==null||t.call(e,this),jt(this,ct,null),this.shadowRoot.removeEventListener("focusin",oe(this,qa)),this.shadowRoot.removeEventListener("focusout",oe(this,Ga)),Rt(this.container,oe(this,za))}updatePointerBar(e){var t;(t=oe(this,Je).pointer)==null||t.style.setProperty("width",`${this.getPointerRatio(e)*100}%`)}updateBar(){var e,t;let r=this.range.valueAsNumber*100;(e=oe(this,Je).progress)==null||e.style.setProperty("width",`${r}%`),(t=oe(this,Je).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])];jt(this,Za,[...r]);let o=r.pop();for(let[n,a]of r.entries()){let[l,c]=[n===0,n===r.length-1],v=l?"calc(var(--segments-gap) / -1)":`${a*100}%`,p=`calc(${((c?o:r[n+1])-a)*100}%${l||c?"":" - var(--segments-gap)"})`,f=j.createElementNS("http://www.w3.org/2000/svg","rect"),m=Ko(this.shadowRoot,`#segments-clipping rect:nth-child(${n+1})`);m.style.setProperty("x",v),m.style.setProperty("width",p),t.append(f)}}getPointerRatio(e){return Ku(e.clientX,e.clientY,oe(this,Fa).getBoundingClientRect(),oe(this,Ka).getBoundingClientRect())}get dragging(){return this.hasAttribute("dragging")}handleEvent(e){switch(e.type){case"pointermove":Xe(this,Td,Nh).call(this,e);break;case"input":this.updateBar();break;case"pointerenter":Xe(this,bd,Dh).call(this,e);break;case"pointerdown":Xe(this,Xa,kd).call(this,e);break;case"pointerup":Xe(this,_d,Oh).call(this);break;case"pointerleave":Xe(this,yd,Uh).call(this);break}}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}};ct=new WeakMap;Ja=new WeakMap;Fa=new WeakMap;Ka=new WeakMap;Je=new WeakMap;Za=new WeakMap;qa=new WeakMap;Ga=new WeakMap;za=new WeakMap;Sd=new WeakSet;Ph=function(i){let e=oe(this,Je).activeSegment;if(!e)return;let t=this.getPointerRatio(i),o=`#segments-clipping rect:nth-child(${oe(this,Za).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))"))};Ya=new WeakSet;gd=function(){this.hasAttribute("disabled")||(this.addEventListener("input",this),this.addEventListener("pointerdown",this),this.addEventListener("pointerenter",this))};Qa=new WeakSet;Ed=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)};Xa=new WeakSet;kd=function(i){var e;jt(this,Ja,i.composedPath().includes(this.range)),(e=d.window)==null||e.addEventListener("pointerup",this)};bd=new WeakSet;Dh=function(i){var e;i.pointerType!=="mouse"&&Xe(this,Xa,kd).call(this,i),this.addEventListener("pointerleave",this),(e=d.window)==null||e.addEventListener("pointermove",this)};_d=new WeakSet;Oh=function(){var i;(i=d.window)==null||i.removeEventListener("pointerup",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled")};yd=new WeakSet;Uh=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,Je).activeSegment)==null||e.style.removeProperty("transform")};Td=new WeakSet;Nh=function(i){i.pointerType==="pen"&&i.buttons===0||(this.toggleAttribute("dragging",i.buttons===1||i.pointerType!=="mouse"),this.updatePointerBar(i),Xe(this,Sd,Ph).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}))))};ut.shadowRootOptions={mode:"open"};ut.getTemplateHTML=cf;ut.getContainerTemplateHTML=uf;d.customElements.get("media-chrome-range")||d.customElements.define("media-chrome-range",ut);var Hh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ja=(i,e,t)=>(Hh(i,e,"read from private field"),t?t.call(i):e.get(i)),hf=(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)},es=(i,e,t,r)=>(Hh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ht;function pf(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 an=class extends d.HTMLElement{constructor(){if(super(),hf(this,ht,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[U.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===U.MEDIA_CONTROLLER&&(t&&((n=(o=ja(this,ht))==null?void 0:o.unassociateElement)==null||n.call(o,this),es(this,ht,null)),r&&this.isConnected&&(es(this,ht,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=ja(this,ht))==null?void 0:l.associateElement)==null||c.call(l,this)))}connectedCallback(){var e,t,r;let o=this.getAttribute(U.MEDIA_CONTROLLER);o&&(es(this,ht,(e=this.getRootNode())==null?void 0:e.getElementById(o)),(r=(t=ja(this,ht))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=ja(this,ht))==null?void 0:e.unassociateElement)==null||t.call(e,this),es(this,ht,null)}};ht=new WeakMap;an.shadowRootOptions={mode:"open"};an.getTemplateHTML=pf;d.customElements.get("media-control-bar")||d.customElements.define("media-control-bar",an);var $h=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ts=(i,e,t)=>($h(i,e,"read from private field"),t?t.call(i):e.get(i)),mf=(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)},is=(i,e,t,r)=>($h(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),pt;function vf(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 ff(i,e){return`
+    <slot></slot>
+  `}var Re=class extends d.HTMLElement{constructor(){if(super(),mf(this,pt,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[U.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===U.MEDIA_CONTROLLER&&(t&&((n=(o=ts(this,pt))==null?void 0:o.unassociateElement)==null||n.call(o,this),is(this,pt,null)),r&&this.isConnected&&(is(this,pt,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=ts(this,pt))==null?void 0:l.associateElement)==null||c.call(l,this)))}connectedCallback(){var e,t,r;let{style:o}=X(this.shadowRoot,":host");o.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let n=this.getAttribute(U.MEDIA_CONTROLLER);n&&(is(this,pt,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(r=(t=ts(this,pt))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=ts(this,pt))==null?void 0:e.unassociateElement)==null||t.call(e,this),is(this,pt,null)}};pt=new WeakMap;Re.shadowRootOptions={mode:"open"};Re.getTemplateHTML=vf;Re.getSlotTemplateHTML=ff;d.customElements.get("media-text-display")||d.customElements.define("media-text-display",Re);var Vh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Bh=(i,e,t)=>(Vh(i,e,"read from private field"),t?t.call(i):e.get(i)),gf=(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)},Ef=(i,e,t,r)=>(Vh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),sn;function bf(i,e){return`
+    <slot>${Ze(e.mediaDuration)}</slot>
+  `}var rs=class extends Re{constructor(){var e;super(),gf(this,sn,void 0),Ef(this,sn,this.shadowRoot.querySelector("slot")),Bh(this,sn).textContent=Ze((e=this.mediaDuration)!=null?e:0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_DURATION]}attributeChangedCallback(e,t,r){e===s.MEDIA_DURATION&&(Bh(this,sn).textContent=Ze(+r)),super.attributeChangedCallback(e,t,r)}get mediaDuration(){return H(this,s.MEDIA_DURATION)}set mediaDuration(e){B(this,s.MEDIA_DURATION,e)}};sn=new WeakMap;rs.getSlotTemplateHTML=bf;d.customElements.get("media-duration-display")||d.customElements.define("media-duration-display",rs);var _f={2:E("Network Error"),3:E("Decode Error"),4:E("Source Not Supported"),5:E("Encryption Error")},yf={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.")},Ld=i=>{var e,t;return i.code===1?null:{title:(e=_f[i.code])!=null?e:`Error ${i.code}`,message:(t=yf[i.code])!=null?t:i.message}};var Fh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Tf=(i,e,t)=>(Fh(i,e,"read from private field"),t?t.call(i):e.get(i)),Af=(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)},Sf=(i,e,t,r)=>(Fh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),os;function kf(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">
+      ${Kh({code:+i.mediaerrorcode,message:i.mediaerrormessage})}
+    </slot>
+  `}function Lf(i){return i.code&&Ld(i)!==null}function Kh(i){var e;let{title:t,message:r}=(e=Ld(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 Wh=[s.MEDIA_ERROR_CODE,s.MEDIA_ERROR_MESSAGE],ln=class extends dt{constructor(){super(...arguments),Af(this,os,null)}static get observedAttributes(){return[...super.observedAttributes,...Wh]}formatErrorMessage(e){return this.constructor.formatErrorMessage(e)}attributeChangedCallback(e,t,r){var o;if(super.attributeChangedCallback(e,t,r),!Wh.includes(e))return;let n=(o=this.mediaError)!=null?o:{code:this.mediaErrorCode,message:this.mediaErrorMessage};this.open=Lf(n),this.open&&(this.shadowRoot.querySelector("slot").name=`error-${this.mediaErrorCode}`,this.shadowRoot.querySelector("#content").innerHTML=this.formatErrorMessage(n))}get mediaError(){return Tf(this,os)}set mediaError(e){Sf(this,os,e)}get mediaErrorCode(){return H(this,"mediaerrorcode")}set mediaErrorCode(e){B(this,"mediaerrorcode",e)}get mediaErrorMessage(){return x(this,"mediaerrormessage")}set mediaErrorMessage(e){P(this,"mediaerrormessage",e)}};os=new WeakMap;ln.getSlotTemplateHTML=kf;ln.formatErrorMessage=Kh;d.customElements.get("media-error-dialog")||d.customElements.define("media-error-dialog",ln);var wf=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ei=(i,e,t)=>(wf(i,e,"read from private field"),t?t.call(i):e.get(i)),qh=(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)},Ir,Mr;function Cf(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">
+      ${If()}
+    </slot>
+  `}function If(){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 ns=class extends dt{constructor(){super(...arguments),qh(this,Ir,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)}),qh(this,Mr,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",ei(this,Ir)),document.addEventListener("keydown",ei(this,Mr)))}disconnectedCallback(){this.removeEventListener("click",ei(this,Ir)),document.removeEventListener("keydown",ei(this,Mr))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e==="open"&&(this.open?(this.addEventListener("click",ei(this,Ir)),document.addEventListener("keydown",ei(this,Mr))):(this.removeEventListener("click",ei(this,Ir)),document.removeEventListener("keydown",ei(this,Mr))))}};Ir=new WeakMap;Mr=new WeakMap;ns.getSlotTemplateHTML=Cf;d.customElements.get("media-keyboard-shortcuts-dialog")||d.customElements.define("media-keyboard-shortcuts-dialog",ns);var zh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Mf=(i,e,t)=>(zh(i,e,"read from private field"),t?t.call(i):e.get(i)),Rf=(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)},xf=(i,e,t,r)=>(zh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),as,Pf=`<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>`,Df=`<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 Of(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">${Pf}</slot>
+      <slot name="exit">${Df}</slot>
+    </slot>
+  `}function Uf(){return`
+    <slot name="tooltip-enter">${E("Enter fullscreen mode")}</slot>
+    <slot name="tooltip-exit">${E("Exit fullscreen mode")}</slot>
+  `}var Gh=i=>{let e=i.mediaIsFullscreen?E("exit fullscreen mode"):E("enter fullscreen mode");i.setAttribute("aria-label",e)},dn=class extends F{constructor(){super(...arguments),Rf(this,as,null)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_FULLSCREEN,s.MEDIA_FULLSCREEN_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Gh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_FULLSCREEN&&Gh(this)}get mediaFullscreenUnavailable(){return x(this,s.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){P(this,s.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return C(this,s.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){I(this,s.MEDIA_IS_FULLSCREEN,e)}handleClick(e){xf(this,as,e);let t=Mf(this,as)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)}};as=new WeakMap;dn.getSlotTemplateHTML=Of;dn.getTooltipContentHTML=Uf;d.customElements.get("media-fullscreen-button")||d.customElements.define("media-fullscreen-button",dn);var{MEDIA_TIME_IS_LIVE:ss,MEDIA_PAUSED:cn}=s,{MEDIA_SEEK_TO_LIVE_REQUEST:Nf,MEDIA_PLAY_REQUEST:Hf}=b,$f='<svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg>';function Bf(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([${ss}]:not([${cn}])) slot[name=indicator] > *,
+      :host([${ss}]:not([${cn}])) ::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([${ss}]:not([${cn}])) {
+        cursor: var(--media-cursor, not-allowed);
+      }
+
+      slot[name=text]{
+        text-transform: uppercase;
+      }
+
+    </style>
+
+    <slot name="indicator">${$f}</slot>
+    
+    <slot name="spacer">&nbsp;</slot><slot name="text">${E("live")}</slot>
+  `}var Yh=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")},ls=class extends F{static get observedAttributes(){return[...super.observedAttributes,ss,cn]}connectedCallback(){super.connectedCallback(),Yh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),Yh(this)}get mediaPaused(){return C(this,s.MEDIA_PAUSED)}set mediaPaused(e){I(this,s.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return C(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(Nf,{composed:!0,bubbles:!0})),this.hasAttribute(cn)&&this.dispatchEvent(new d.CustomEvent(Hf,{composed:!0,bubbles:!0})))}};ls.getSlotTemplateHTML=Bf;d.customElements.get("media-live-button")||d.customElements.define("media-live-button",ls);var Zh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},un=(i,e,t)=>(Zh(i,e,"read from private field"),t?t.call(i):e.get(i)),Qh=(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)},hn=(i,e,t,r)=>(Zh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),mt,cs,ds={LOADING_DELAY:"loadingdelay",NO_AUTOHIDE:"noautohide"},Xh=500,Vf=`
+<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 Wf(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, ${Xh}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">${Vf}</slot>
+    <div id="status" role="status" aria-live="polite">${E("media loading")}</div>
+  `}var pn=class extends d.HTMLElement{constructor(){if(super(),Qh(this,mt,void 0),Qh(this,cs,Xh),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=J(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[U.MEDIA_CONTROLLER,s.MEDIA_PAUSED,s.MEDIA_LOADING,ds.LOADING_DELAY]}attributeChangedCallback(e,t,r){var o,n,a,l,c;e===ds.LOADING_DELAY&&t!==r?this.loadingDelay=Number(r):e===U.MEDIA_CONTROLLER&&(t&&((n=(o=un(this,mt))==null?void 0:o.unassociateElement)==null||n.call(o,this),hn(this,mt,null)),r&&this.isConnected&&(hn(this,mt,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=un(this,mt))==null?void 0:l.associateElement)==null||c.call(l,this)))}connectedCallback(){var e,t,r;let o=this.getAttribute(U.MEDIA_CONTROLLER);o&&(hn(this,mt,(e=this.getRootNode())==null?void 0:e.getElementById(o)),(r=(t=un(this,mt))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=un(this,mt))==null?void 0:e.unassociateElement)==null||t.call(e,this),hn(this,mt,null)}get loadingDelay(){return un(this,cs)}set loadingDelay(e){hn(this,cs,e);let{style:t}=X(this.shadowRoot,":host");t.setProperty("--_loading-indicator-delay",`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return C(this,s.MEDIA_PAUSED)}set mediaPaused(e){I(this,s.MEDIA_PAUSED,e)}get mediaLoading(){return C(this,s.MEDIA_LOADING)}set mediaLoading(e){I(this,s.MEDIA_LOADING,e)}get mediaController(){return x(this,U.MEDIA_CONTROLLER)}set mediaController(e){P(this,U.MEDIA_CONTROLLER,e)}get noAutohide(){return C(this,ds.NO_AUTOHIDE)}set noAutohide(e){I(this,ds.NO_AUTOHIDE,e)}};mt=new WeakMap;cs=new WeakMap;pn.shadowRootOptions={mode:"open"};pn.getTemplateHTML=Wf;d.customElements.get("media-loading-indicator")||d.customElements.define("media-loading-indicator",pn);var Ff=`<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>`,Jh=`<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>`,Kf=`<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">${Ff}</slot>
+      <slot name="low">${Jh}</slot>
+      <slot name="medium">${Jh}</slot>
+      <slot name="high">${Kf}</slot>
+    </slot>
+  `}function Gf(){return`
+    <slot name="tooltip-mute">${E("Mute")}</slot>
+    <slot name="tooltip-unmute">${E("Unmute")}</slot>
+  `}var jh=i=>{let t=i.mediaVolumeLevel==="off"?E("unmute"):E("mute");i.setAttribute("aria-label",t)},mn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),jh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_VOLUME_LEVEL&&jh(this)}get mediaVolumeLevel(){return x(this,s.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){P(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}))}};mn.getSlotTemplateHTML=qf;mn.getTooltipContentHTML=Gf;d.customElements.get("media-mute-button")||d.customElements.define("media-mute-button",mn);var ep=`<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 zf(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">${ep}</slot>
+      <slot name="exit">${ep}</slot>
+    </slot>
+  `}function Yf(){return`
+    <slot name="tooltip-enter">${E("Enter picture in picture mode")}</slot>
+    <slot name="tooltip-exit">${E("Exit picture in picture mode")}</slot>
+  `}var tp=i=>{let e=i.mediaIsPip?E("exit picture in picture mode"):E("enter picture in picture mode");i.setAttribute("aria-label",e)},vn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_PIP,s.MEDIA_PIP_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),tp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_PIP&&tp(this)}get mediaPipUnavailable(){return x(this,s.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){P(this,s.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return C(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}))}};vn.getSlotTemplateHTML=zf;vn.getTooltipContentHTML=Yf;d.customElements.get("media-pip-button")||d.customElements.define("media-pip-button",vn);var Qf=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Rr=(i,e,t)=>(Qf(i,e,"read from private field"),t?t.call(i):e.get(i)),Zf=(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)},ti,wd={RATES:"rates"},Cd=[1,1.2,1.5,1.7,2],Vi=1;function Xf(i){return`
+    <style>
+      :host {
+        min-width: 5ch;
+        padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
+      }
+    </style>
+    <slot name="icon">${i.mediaplaybackrate||Vi}x</slot>
+  `}function Jf(){return E("Playback rate")}var fn=class extends F{constructor(){var e;super(),Zf(this,ti,new Qt(this,wd.RATES,{defaultValue:Cd})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${(e=this.mediaPlaybackRate)!=null?e:Vi}x`}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE,wd.RATES]}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),e===wd.RATES&&(Rr(this,ti).value=r),e===s.MEDIA_PLAYBACK_RATE){let o=r?+r:Number.NaN,n=Number.isNaN(o)?Vi:o;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",E("Playback rate {playbackRate}",{playbackRate:n}))}}get rates(){return Rr(this,ti)}set rates(e){e?Array.isArray(e)?Rr(this,ti).value=e.join(" "):typeof e=="string"&&(Rr(this,ti).value=e):Rr(this,ti).value=""}get mediaPlaybackRate(){return H(this,s.MEDIA_PLAYBACK_RATE,Vi)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let r=Array.from(Rr(this,ti).values(),a=>+a).sort((a,l)=>a-l),o=(t=(e=r.find(a=>a>this.mediaPlaybackRate))!=null?e:r[0])!=null?t:Vi,n=new d.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:o});this.dispatchEvent(n)}};ti=new WeakMap;fn.getSlotTemplateHTML=Xf;fn.getTooltipContentHTML=Jf;d.customElements.get("media-playback-rate-button")||d.customElements.define("media-playback-rate-button",fn);var jf=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="m6 21 15-9L6 3v18Z"/>
+</svg>`,eg=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/>
+</svg>`;function tg(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">${jf}</slot>
+      <slot name="pause">${eg}</slot>
+    </slot>
+  `}function ig(){return`
+    <slot name="tooltip-play">${E("Play")}</slot>
+    <slot name="tooltip-pause">${E("Pause")}</slot>
+  `}var ip=i=>{let e=i.mediaPaused?E("play"):E("pause");i.setAttribute("aria-label",e)},gn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PAUSED,s.MEDIA_ENDED]}connectedCallback(){super.connectedCallback(),ip(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),(e===s.MEDIA_PAUSED||e===s.MEDIA_LANG)&&ip(this)}get mediaPaused(){return C(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}))}};gn.getSlotTemplateHTML=tg;gn.getTooltipContentHTML=ig;d.customElements.get("media-play-button")||d.customElements.define("media-play-button",gn);var vt={PLACEHOLDER_SRC:"placeholdersrc",SRC:"src"};function rg(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 og=i=>{i.style.removeProperty("background-image")},ng=(i,e)=>{i.style["background-image"]=`url('${e}')`},En=class extends d.HTMLElement{static get observedAttributes(){return[vt.PLACEHOLDER_SRC,vt.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===vt.SRC&&(r==null?this.image.removeAttribute(vt.SRC):this.image.setAttribute(vt.SRC,r)),e===vt.PLACEHOLDER_SRC&&(r==null?og(this.image):ng(this.image,r))}get placeholderSrc(){return x(this,vt.PLACEHOLDER_SRC)}set placeholderSrc(e){P(this,vt.SRC,e)}get src(){return x(this,vt.SRC)}set src(e){P(this,vt.SRC,e)}};En.shadowRootOptions={mode:"open"};En.getTemplateHTML=rg;d.customElements.get("media-poster-image")||d.customElements.define("media-poster-image",En);var rp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ag=(i,e,t)=>(rp(i,e,"read from private field"),t?t.call(i):e.get(i)),sg=(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)=>(rp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),us,Id=class extends Re{constructor(){super(),sg(this,us,void 0),lg(this,us,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(ag(this,us).textContent=r,r!==""){let o=E("chapter: {chapterName}",{chapterName:r});this.setAttribute("aria-valuetext",o)}else this.removeAttribute("aria-valuetext")}get mediaPreviewChapter(){return x(this,s.MEDIA_PREVIEW_CHAPTER)}set mediaPreviewChapter(e){P(this,s.MEDIA_PREVIEW_CHAPTER,e)}};us=new WeakMap;d.customElements.get("media-preview-chapter-display")||d.customElements.define("media-preview-chapter-display",Id);var op=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},hs=(i,e,t)=>(op(i,e,"read from private field"),t?t.call(i):e.get(i)),dg=(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)},ps=(i,e,t,r)=>(op(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ft;function cg(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 xr=class extends d.HTMLElement{constructor(){if(super(),dg(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[U.MEDIA_CONTROLLER,s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,r;let o=this.getAttribute(U.MEDIA_CONTROLLER);o&&(ps(this,ft,(e=this.getRootNode())==null?void 0:e.getElementById(o)),(r=(t=hs(this,ft))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=hs(this,ft))==null?void 0:e.unassociateElement)==null||t.call(e,this),ps(this,ft,null)}attributeChangedCallback(e,t,r){var o,n,a,l,c;[s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===U.MEDIA_CONTROLLER&&(t&&((n=(o=hs(this,ft))==null?void 0:o.unassociateElement)==null||n.call(o,this),ps(this,ft,null)),r&&this.isConnected&&(ps(this,ft,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(c=(l=hs(this,ft))==null?void 0:l.associateElement)==null||c.call(l,this)))}get mediaPreviewImage(){return x(this,s.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){P(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:v,maxHeight:h,minWidth:p,minHeight:f}=c,m=Math.min(parseInt(v)/n,parseInt(h)/a),A=Math.max(parseInt(p)/n,parseInt(f)/a),g=m<1,L=g?m:A>1?A:1,{style:D}=X(this.shadowRoot,":host"),De=X(this.shadowRoot,"img").style,rt=this.shadowRoot.querySelector("img"),wo=g?"min":"max";D.setProperty(`${wo}-width`,"initial","important"),D.setProperty(`${wo}-height`,"initial","important"),D.width=`${n*L}px`,D.height=`${a*L}px`;let ar=()=>{De.width=`${this.imgWidth*L}px`,De.height=`${this.imgHeight*L}px`,De.display="block"};rt.src!==l&&(rt.onload=()=>{this.imgWidth=rt.naturalWidth,this.imgHeight=rt.naturalHeight,ar()},rt.src=l,ar()),ar(),De.transform=`translate(-${r*L}px, -${o*L}px)`}};ft=new WeakMap;xr.shadowRootOptions={mode:"open"};xr.getTemplateHTML=cg;d.customElements.get("media-preview-thumbnail")||d.customElements.define("media-preview-thumbnail",xr);var ms=xr;var ap=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},np=(i,e,t)=>(ap(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)=>(ap(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),bn,Md=class extends Re{constructor(){super(),ug(this,bn,void 0),hg(this,bn,this.shadowRoot.querySelector("slot")),np(this,bn).textContent=Ze(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&&(np(this,bn).textContent=Ze(parseFloat(r)))}get mediaPreviewTime(){return H(this,s.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){B(this,s.MEDIA_PREVIEW_TIME,e)}};bn=new WeakMap;d.customElements.get("media-preview-time-display")||d.customElements.define("media-preview-time-display",Md);var Pr={SEEK_OFFSET:"seekoffset"},Rd=30,pg=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 mg(i,e){return`
+    <slot name="icon">${pg(e.seekOffset)}</slot>
+  `}function vg(){return E("Seek backward")}var fg=0,_n=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_CURRENT_TIME,Pr.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=H(this,Pr.SEEK_OFFSET,Rd)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===Pr.SEEK_OFFSET&&(this.seekOffset=H(this,Pr.SEEK_OFFSET,Rd))}get seekOffset(){return H(this,Pr.SEEK_OFFSET,Rd)}set seekOffset(e){B(this,Pr.SEEK_OFFSET,e),this.setAttribute("aria-label",E("seek back {seekOffset} seconds",{seekOffset:this.seekOffset})),ga(Ea(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return H(this,s.MEDIA_CURRENT_TIME,fg)}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)}};_n.getSlotTemplateHTML=mg;_n.getTooltipContentHTML=vg;d.customElements.get("media-seek-backward-button")||d.customElements.define("media-seek-backward-button",_n);var Dr={SEEK_OFFSET:"seekoffset"},xd=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(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 Eg(i,e){return`
+    <slot name="icon">${gg(e.seekOffset)}</slot>
+  `}function bg(){return E("Seek forward")}var _g=0,yn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_CURRENT_TIME,Dr.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=H(this,Dr.SEEK_OFFSET,xd)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===Dr.SEEK_OFFSET&&(this.seekOffset=H(this,Dr.SEEK_OFFSET,xd))}get seekOffset(){return H(this,Dr.SEEK_OFFSET,xd)}set seekOffset(e){B(this,Dr.SEEK_OFFSET,e),this.setAttribute("aria-label",E("seek forward {seekOffset} seconds",{seekOffset:this.seekOffset})),ga(Ea(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return H(this,s.MEDIA_CURRENT_TIME,_g)}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)}};yn.getSlotTemplateHTML=Eg;yn.getTooltipContentHTML=bg;d.customElements.get("media-seek-forward-button")||d.customElements.define("media-seek-forward-button",yn);var dp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Pd=(i,e,t)=>(dp(i,e,"read from private field"),t?t.call(i):e.get(i)),yg=(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)},Tg=(i,e,t,r)=>(dp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Or,Wi={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},sp=[...Object.values(Wi),s.MEDIA_CURRENT_TIME,s.MEDIA_DURATION,s.MEDIA_SEEKABLE],lp=["Enter"," "],Ag="&nbsp;/&nbsp;",Dd=(i,{timesSep:e=Ag}={})=>{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?Ze(0-(a-o)):Ze(o);return i.showDuration?`${l}${e}${Ze(a)}`:l},Sg="video not loaded, unknown time.",kg=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",Sg);return}let n=i.remaining?wi(0-(o-t)):wi(t);if(!i.showDuration){i.setAttribute("aria-valuetext",n);return}let a=wi(o),l=`${n} of ${a}`;i.setAttribute("aria-valuetext",l)};function Lg(i,e){return`
+    <slot>${Dd(e)}</slot>
+  `}var vs=class extends Re{constructor(){super(),yg(this,Or,void 0),Tg(this,Or,this.shadowRoot.querySelector("slot")),Pd(this,Or).innerHTML=`${Dd(this)}`}static get observedAttributes(){return[...super.observedAttributes,...sp,"disabled"]}connectedCallback(){let{style:e}=X(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(!lp.includes(o)){this.removeEventListener("keyup",t);return}this.toggleTimeDisplay()};this.addEventListener("keydown",r=>{let{metaKey:o,altKey:n,key:a}=r;if(o||n||!lp.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){sp.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 C(this,Wi.REMAINING)}set remaining(e){I(this,Wi.REMAINING,e)}get showDuration(){return C(this,Wi.SHOW_DURATION)}set showDuration(e){I(this,Wi.SHOW_DURATION,e)}get noToggle(){return C(this,Wi.NO_TOGGLE)}set noToggle(e){I(this,Wi.NO_TOGGLE,e)}get mediaDuration(){return H(this,s.MEDIA_DURATION)}set mediaDuration(e){B(this,s.MEDIA_DURATION,e)}get mediaCurrentTime(){return H(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=Dd(this);kg(this),e!==Pd(this,Or).innerHTML&&(Pd(this,Or).innerHTML=e)}};Or=new WeakMap;vs.getSlotTemplateHTML=Lg;d.customElements.get("media-time-display")||d.customElements.define("media-time-display",vs);var cp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ee=(i,e,t)=>(cp(i,e,"read from private field"),t?t.call(i):e.get(i)),gt=(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)},He=(i,e,t,r)=>(cp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),wg=(i,e,t,r)=>({set _(o){He(i,e,o,t)},get _(){return Ee(i,e,r)}}),Ur,fs,Nr,Tn,gs,Es,bs,Hr,Fi,_s,ys=class{constructor(e,t,r){gt(this,Ur,void 0),gt(this,fs,void 0),gt(this,Nr,void 0),gt(this,Tn,void 0),gt(this,gs,void 0),gt(this,Es,void 0),gt(this,bs,void 0),gt(this,Hr,void 0),gt(this,Fi,0),gt(this,_s,(o=performance.now())=>{He(this,Fi,requestAnimationFrame(Ee(this,_s))),He(this,Tn,performance.now()-Ee(this,Nr));let n=1e3/this.fps;if(Ee(this,Tn)>n){He(this,Nr,o-Ee(this,Tn)%n);let a=1e3/((o-Ee(this,fs))/++wg(this,gs)._),l=(o-Ee(this,Es))/1e3/this.duration,c=Ee(this,bs)+l*this.playbackRate;c-Ee(this,Ur).valueAsNumber>0?He(this,Hr,this.playbackRate/this.duration/a):(He(this,Hr,.995*Ee(this,Hr)),c=Ee(this,Ur).valueAsNumber+Ee(this,Hr)),this.callback(c)}}),He(this,Ur,e),this.callback=t,this.fps=r}start(){Ee(this,Fi)===0&&(He(this,Nr,performance.now()),He(this,fs,Ee(this,Nr)),He(this,gs,0),Ee(this,_s).call(this))}stop(){Ee(this,Fi)!==0&&(cancelAnimationFrame(Ee(this,Fi)),He(this,Fi,0))}update({start:e,duration:t,playbackRate:r}){let o=e-Ee(this,Ur).valueAsNumber,n=Math.abs(t-this.duration);(o>0||o<-.03||n>=.5)&&this.callback(e),He(this,bs,e),He(this,Es,performance.now()),this.duration=t,this.playbackRate=r}};Ur=new WeakMap;fs=new WeakMap;Nr=new WeakMap;Tn=new WeakMap;gs=new WeakMap;Es=new WeakMap;bs=new WeakMap;Hr=new WeakMap;Fi=new WeakMap;_s=new WeakMap;var Hd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ae=(i,e,t)=>(Hd(i,e,"read from private field"),t?t.call(i):e.get(i)),pe=(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)},Ke=(i,e,t,r)=>(Hd(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ye=(i,e,t)=>(Hd(i,e,"access private method"),t),$r,Ki,Ss,Sn,ks,As,kn,Ln,Br,Vr,Wr,An,$d,up,Od,Ls,Bd,ws,Vd,Cs,Wd,Ud,hp,wn,Is,Nd,pp,Cg="video not loaded, unknown time.",Ig=i=>{let e=i.range,t=wi(+mp(i)),r=wi(+i.mediaSeekableEnd),o=t&&r?`${t} of ${r}`:Cg;e.setAttribute("aria-valuetext",o)};function Mg(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="${ms.shadowRootOptions.mode}">
+            ${ms.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 Ts=(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))},mp=(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},Cn=class extends ut{constructor(){super(),pe(this,Wr),pe(this,$d),pe(this,Ls),pe(this,ws),pe(this,Cs),pe(this,Ud),pe(this,wn),pe(this,Nd),pe(this,$r,void 0),pe(this,Ki,void 0),pe(this,Ss,void 0),pe(this,Sn,void 0),pe(this,ks,void 0),pe(this,As,void 0),pe(this,kn,void 0),pe(this,Ln,void 0),pe(this,Br,void 0),pe(this,Vr,void 0),pe(this,Od,r=>{this.dragging||(mr(r)&&(this.range.valueAsNumber=r),ae(this,Vr)||this.updateBar())}),this.shadowRoot.querySelector("#track").insertAdjacentHTML("afterbegin",'<div id="buffered" part="buffered"></div>'),Ke(this,Ss,this.shadowRoot.querySelectorAll('[part~="box"]')),Ke(this,ks,this.shadowRoot.querySelector('[part~="preview-box"]')),Ke(this,As,this.shadowRoot.querySelector('[part~="current-box"]'));let t=getComputedStyle(this);Ke(this,kn,parseInt(t.getPropertyValue("--media-box-padding-left"))),Ke(this,Ln,parseInt(t.getPropertyValue("--media-box-padding-right"))),Ke(this,Ki,new ys(this.range,ae(this,Od),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,Wr,An).call(this),Ke(this,$r,this.getRootNode()),(e=ae(this,$r))==null||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),ye(this,Wr,An).call(this),(e=ae(this,$r))==null||e.removeEventListener("transitionstart",this),Ke(this,$r,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?(ae(this,Ki).update({start:Ts(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),ye(this,Wr,An).call(this),Ig(this)):e===s.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===s.MEDIA_DURATION||e===s.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=ae(this,Br),this.updateBar()))}get mediaChaptersCues(){return ae(this,Br)}set mediaChaptersCues(e){var t;Ke(this,Br,e),this.updateSegments((t=ae(this,Br))==null?void 0:t.map(r=>({start:Ts(this,r.startTime),end:Ts(this,r.endTime)})))}get mediaPaused(){return C(this,s.MEDIA_PAUSED)}set mediaPaused(e){I(this,s.MEDIA_PAUSED,e)}get mediaLoading(){return C(this,s.MEDIA_LOADING)}set mediaLoading(e){I(this,s.MEDIA_LOADING,e)}get mediaDuration(){return H(this,s.MEDIA_DURATION)}set mediaDuration(e){B(this,s.MEDIA_DURATION,e)}get mediaCurrentTime(){return H(this,s.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){B(this,s.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return H(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 x(this,s.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){P(this,s.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return H(this,s.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){B(this,s.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return C(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=Ts(this,a)}let{style:o}=X(this.shadowRoot,"#buffered");o.setProperty("width",`${r*100}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector('slot[name="current"]').assignedElements().length)return;let t=X(this.shadowRoot,"#current-rail"),r=X(this.shadowRoot,'[part~="current-box"]'),o=ye(this,Ls,Bd).call(this,ae(this,As)),n=ye(this,ws,Vd).call(this,o,this.range.valueAsNumber),a=ye(this,Cs,Wd).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,Nd,pp).call(this);break;case"pointermove":ye(this,Ud,hp).call(this,e);break;case"pointerup":ae(this,Vr)&&Ke(this,Vr,!1);break;case"pointerdown":Ke(this,Vr,!0);break;case"pointerleave":ye(this,wn,Is).call(this,null);break;case"transitionstart":Te(e.target,this)&&setTimeout(()=>ye(this,Wr,An).call(this),0);break}}};$r=new WeakMap;Ki=new WeakMap;Ss=new WeakMap;Sn=new WeakMap;ks=new WeakMap;As=new WeakMap;kn=new WeakMap;Ln=new WeakMap;Br=new WeakMap;Vr=new WeakMap;Wr=new WeakSet;An=function(){ye(this,$d,up).call(this)?ae(this,Ki).start():ae(this,Ki).stop()};$d=new WeakSet;up=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&ba(this)};Od=new WeakMap;Ls=new WeakSet;Bd=function(i){var e;let r=((e=this.getAttribute("bounds")?ot(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}};ws=new WeakSet;Vd=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;Wd=function(i,e){let{width:t,min:r,max:o}=i.box,n=e*i.range.width;if(n<r+ae(this,kn)){let a=i.range.left-i.bounds.left-ae(this,kn);return`${n-t/2+a}px`}if(n>o-ae(this,Ln)){let a=i.bounds.right-i.range.right-ae(this,Ln);return`${n+t/2-a-i.range.width}px`}return 0};Ud=new WeakSet;hp=function(i){let e=[...ae(this,Ss)].some(h=>i.composedPath().includes(h));if(!this.dragging&&(e||!i.composedPath().includes(this))){ye(this,wn,Is).call(this,null);return}let t=this.mediaSeekableEnd;if(!t)return;let r=X(this.shadowRoot,"#preview-rail"),o=X(this.shadowRoot,'[part~="preview-box"]'),n=ye(this,Ls,Bd).call(this,ae(this,ks)),a=(i.clientX-n.range.left)/n.range.width;a=Math.max(0,Math.min(1,a));let l=ye(this,ws,Vd).call(this,n,a),c=ye(this,Cs,Wd).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 v=Math.round(ae(this,Sn))-Math.round(a*t);Math.abs(v)<1&&a>.01&&a<.99||(Ke(this,Sn,a*t),ye(this,wn,Is).call(this,ae(this,Sn)))};wn=new WeakSet;Is=function(i){this.dispatchEvent(new d.CustomEvent(b.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:i}))};Nd=new WeakSet;pp=function(){ae(this,Ki).stop();let i=mp(this);this.dispatchEvent(new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:i}))};Cn.shadowRootOptions={mode:"open"};Cn.getContainerTemplateHTML=Mg;d.customElements.get("media-time-range")||d.customElements.define("media-time-range",Cn);var Rg=1,xg=i=>i.mediaMuted?0:i.mediaVolume,Pg=i=>`${Math.round(i*100)}%`,Fd=class extends ut{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=xg(this),this.range.setAttribute("aria-valuetext",Pg(this.range.valueAsNumber)),this.updateBar())}get mediaVolume(){return H(this,s.MEDIA_VOLUME,Rg)}set mediaVolume(e){B(this,s.MEDIA_VOLUME,e)}get mediaMuted(){return C(this,s.MEDIA_MUTED)}set mediaMuted(e){I(this,s.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return x(this,s.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){P(this,s.MEDIA_VOLUME_UNAVAILABLE,e)}};d.customElements.get("media-volume-range")||d.customElements.define("media-volume-range",Fd);function Dg(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 Og(){return E("Loop")}var In=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 C(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)}};In.getSlotTemplateHTML=Dg;In.getTooltipContentHTML=Og;d.customElements.get("media-loop-button")||d.customElements.define("media-loop-button",In);function vp({anchor:i,floating:e,placement:t}){let r=Ug({anchor:i,floating:e}),{x:o,y:n}=Hg(r,t);return{x:o,y:n}}function Ug({anchor:i,floating:e}){return{anchor:Ng(i,e.offsetParent),floating:{x:0,y:0,width:e.offsetWidth,height:e.offsetHeight}}}function Ng(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 Hg({anchor:i,floating:e},t){let r=$g(t)==="x"?"y":"x",o=r==="y"?"height":"width",n=fp(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,v;switch(n){case"top":v={x:a,y:i.y-e.height};break;case"bottom":v={x:a,y:i.y+i.height};break;case"right":v={x:i.x+i.width,y:l};break;case"left":v={x:i.x-e.width,y:l};break;default:v={x:i.x,y:i.y}}switch(t.split("-")[1]){case"start":v[r]-=c;break;case"end":v[r]+=c;break}return v}function fp(i){return i.split("-")[0]}function $g(i){return["top","bottom"].includes(fp(i))?"y":"x"}var ii=class extends Event{constructor({action:e="auto",relatedTarget:t,...r}){super("invoke",r),this.action=e,this.relatedTarget=t}},Ms=class extends Event{constructor({newState:e,oldState:t,...r}){super("toggle",r),this.newState=e,this.oldState=t}};var tc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},q=(i,e,t)=>(tc(i,e,"read from private field"),t?t.call(i):e.get(i)),Y=(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)},Et=(i,e,t,r)=>(tc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Q=(i,e,t)=>(tc(i,e,"access private method"),t),bt,Gi,ri,Rs,xs,zi,xn,Kd,gp,Os,ic,Us,Ps,qd,Gd,Ep,zd,bp,Yd,_p,Fr,Kr,qr,Pn,Ns,rc,Qd,yp,oc,Tp,Zd,Ap,nc,Sp,Xd,kp,Jd,Lp,Mn,Hs,jd,wp,Rn,$s,Ds,ec;function _t({type:i,text:e,value:t,checked:r}){let o=j.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=j.createElement("span");return n.textContent=e,o.append(n),o}function je(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 Bg(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 qi={STYLE:"style",HIDDEN:"hidden",DISABLED:"disabled",ANCHOR:"anchor"},se=class extends d.HTMLElement{constructor(){if(super(),Y(this,Kd),Y(this,Os),Y(this,Ps),Y(this,Gd),Y(this,zd),Y(this,Yd),Y(this,qr),Y(this,Ns),Y(this,Qd),Y(this,oc),Y(this,Zd),Y(this,nc),Y(this,Xd),Y(this,Jd),Y(this,Mn),Y(this,jd),Y(this,Rn),Y(this,Ds),Y(this,bt,null),Y(this,Gi,null),Y(this,ri,null),Y(this,Rs,new Set),Y(this,xs,void 0),Y(this,zi,!1),Y(this,xn,null),Y(this,Us,()=>{let e=q(this,Rs),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}));Et(this,Rs,t)}),Y(this,Fr,()=>{Q(this,qr,Pn).call(this),Q(this,Ns,rc).call(this,!1)}),Y(this,Kr,()=>{Q(this,qr,Pn).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),Et(this,xs,new MutationObserver(q(this,Us))),q(this,xs).observe(this.defaultSlot,{childList:!0})}static get observedAttributes(){return[qi.DISABLED,qi.HIDDEN,qi.STYLE,qi.ANCHOR,U.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":Q(this,Kd,gp).call(this,e);break;case"invoke":Q(this,Gd,Ep).call(this,e);break;case"click":Q(this,Qd,yp).call(this,e);break;case"toggle":Q(this,Zd,Ap).call(this,e);break;case"focusout":Q(this,Xd,kp).call(this,e);break;case"keydown":Q(this,Jd,Lp).call(this,e);break}}connectedCallback(){var e,t;Et(this,xn,Ko(this.shadowRoot,":host")),Q(this,Ps,qd).call(this),this.hasAttribute("disabled")||this.enable(),this.role||(this.role="menu"),Et(this,bt,fa(this)),(t=(e=q(this,bt))==null?void 0:e.associateElement)==null||t.call(e,this),this.hidden||(Mt(Dn(this),q(this,Fr)),Mt(this,q(this,Kr))),Q(this,Os,ic).call(this)}disconnectedCallback(){var e,t;Rt(Dn(this),q(this,Fr)),Rt(this,q(this,Kr)),this.disable(),(t=(e=q(this,bt))==null?void 0:e.unassociateElement)==null||t.call(e,this),Et(this,bt,null)}attributeChangedCallback(e,t,r){var o,n,a,l;e===qi.HIDDEN&&r!==t?(q(this,zi)||Et(this,zi,!0),this.hidden?Q(this,Yd,_p).call(this):Q(this,zd,bp).call(this),this.dispatchEvent(new Ms({oldState:this.hidden?"open":"closed",newState:this.hidden?"closed":"open",bubbles:!0}))):e===U.MEDIA_CONTROLLER?(t&&((n=(o=q(this,bt))==null?void 0:o.unassociateElement)==null||n.call(o,this),Et(this,bt,null)),r&&this.isConnected&&(Et(this,bt,fa(this)),(l=(a=q(this,bt))==null?void 0:a.associateElement)==null||l.call(a,this))):e===qi.DISABLED&&r!==t?r==null?this.enable():this.disable():e===qi.STYLE&&r!==t&&Q(this,Ps,qd).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=Ci(this))==null?void 0:e.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:!0}).filter(Vg)}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&&Q(this,Ds,ec).call(this,t)}focus(){if(Et(this,Gi,Fo()),this.items.length){Q(this,Rn,$s).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=Q(this,Mn,Hs).call(this,e);r&&(Q(this,Ds,ec).call(this,r,r.type==="checkbox"),q(this,ri)&&!this.hidden&&((t=q(this,Gi))==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=Q(this,Mn,Hs).call(this,e))!=null?t:Q(this,jd,wp).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),Q(this,Rn,$s).call(this,n[c]),n[c].focus()}};bt=new WeakMap;Gi=new WeakMap;ri=new WeakMap;Rs=new WeakMap;xs=new WeakMap;zi=new WeakMap;xn=new WeakMap;Kd=new WeakSet;gp=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)&&Q(this,Os,ic).call(this),e.name||q(this,Us).call(this)};Os=new WeakSet;ic=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};Us=new WeakMap;Ps=new WeakSet;qd=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")};Gd=new WeakSet;Ep=function(i){Et(this,ri,i.relatedTarget),Te(this,i.relatedTarget)||(this.hidden=!this.hidden)};zd=new WeakSet;bp=function(){var i;(i=q(this,ri))==null||i.setAttribute("aria-expanded","true"),this.addEventListener("transitionend",()=>this.focus(),{once:!0}),Mt(Dn(this),q(this,Fr)),Mt(this,q(this,Kr))};Yd=new WeakSet;_p=function(){var i;(i=q(this,ri))==null||i.setAttribute("aria-expanded","false"),Rt(Dn(this),q(this,Fr)),Rt(this,q(this,Kr))};Fr=new WeakMap;Kr=new WeakMap;qr=new WeakSet;Pn=function(i){if(this.hasAttribute("mediacontroller")&&!this.anchor||this.hidden||!this.anchorElement)return;let{x:e,y:t}=vp({anchor:this.anchorElement,floating:this,placement:"top-start"});i??(i=this.offsetWidth);let o=Dn(this).getBoundingClientRect(),n=o.width-e-i,a=o.height-t-this.offsetHeight,{style:l}=q(this,xn);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),p=o.height-h-parseFloat(c.marginBottom);this.style.setProperty("--_menu-max-height",`${p}px`)};Ns=new WeakSet;rc=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,xn);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`),Q(this,qr,Pn).call(this,n)}else this.style.removeProperty("min-width"),this.style.removeProperty("min-height"),Q(this,qr,Pn).call(this);r.removeProperty("--media-menu-transition-in")};Qd=new WeakSet;yp=function(i){var e;if(i.stopPropagation(),i.composedPath().includes(q(this,oc,Tp))){(e=q(this,Gi))==null||e.focus(),this.hidden=!0;return}let t=Q(this,Mn,Hs).call(this,i);!t||t.hasAttribute("disabled")||(Q(this,Rn,$s).call(this,t),this.handleSelect(i))};oc=new WeakSet;Tp=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"]'))};Zd=new WeakSet;Ap=function(i){if(i.target===this)return;Q(this,nc,Sp).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 ii({relatedTarget:t}));for(let t of e)t.setAttribute("aria-expanded",`${!t.submenuElement.hidden}`);Q(this,Ns,rc).call(this,!0)};nc=new WeakSet;Sp=function(){let e=this.querySelector('[role="menuitem"] > [role="menu"]:not([hidden])');this.container.classList.toggle("has-expanded",!!e)};Xd=new WeakSet;kp=function(i){var e;Te(this,i.relatedTarget)||(q(this,zi)&&((e=q(this,Gi))==null||e.focus()),q(this,ri)&&q(this,ri)!==i.relatedTarget&&!this.hidden&&(this.hidden=!0))};Jd=new WeakSet;Lp=function(i){var e,t,r,o,n;let{key:a,ctrlKey:l,altKey:c,metaKey:v}=i;if(!(l||c||v)&&this.keysUsed.includes(a))if(i.preventDefault(),i.stopPropagation(),a==="Tab"){if(q(this,zi)){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,Gi))==null||n.focus(),q(this,zi)&&(this.hidden=!0)):a==="Enter"||a===" "?this.handleSelect(i):this.handleMove(i)};Mn=new WeakSet;Hs=function(i){return i.composedPath().find(e=>["menuitemradio","menuitemcheckbox"].includes(e.role))};jd=new WeakSet;wp=function(){return this.items.find(i=>i.tabIndex===0)};Rn=new WeakSet;$s=function(i){for(let e of this.items)e.tabIndex=e===i?0:-1};Ds=new WeakSet;ec=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}))};se.shadowRootOptions={mode:"open"};se.getTemplateHTML=Bg;function Vg(i){return["menuitem","menuitemradio","menuitemcheckbox"].includes(i==null?void 0:i.role)}function Dn(i){var e;return(e=i.getAttribute("bounds")?ot(i,`#${i.getAttribute("bounds")}`):Z(i)||i.parentElement)!=null?e:i}d.customElements.get("media-chrome-menu")||d.customElements.define("media-chrome-menu",se);var uc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},yt=(i,e,t)=>(uc(i,e,"read from private field"),t?t.call(i):e.get(i)),Ot=(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)},ac=(i,e,t,r)=>(uc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),et=(i,e,t)=>(uc(i,e,"access private method"),t),Bs,Un,sc,Cp,Ws,hc,pc,Ip,Tt,Gr,Nn,lc,Mp,Vs,dc;function Wg(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 Fg(i){return""}var qe={TYPE:"type",VALUE:"value",CHECKED:"checked",DISABLED:"disabled"},$e=class extends d.HTMLElement{constructor(){if(super(),Ot(this,sc),Ot(this,Ws),Ot(this,pc),Ot(this,Gr),Ot(this,lc),Ot(this,Vs),Ot(this,Bs,!1),Ot(this,Un,void 0),Ot(this,Tt,()=>{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=j.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[qe.TYPE,qe.DISABLED,qe.CHECKED,qe.VALUE]}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),On(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":et(this,sc,Cp).call(this,e);break;case"click":this.handleClick(e);break;case"keydown":et(this,lc,Mp).call(this,e);break;case"keyup":et(this,Gr,Nn).call(this,e);break}}attributeChangedCallback(e,t,r){e===qe.CHECKED&&On(this)&&!yt(this,Bs)?this.setAttribute("aria-checked",r!=null?"true":"false"):e===qe.TYPE&&r!==t?this.role="menuitem"+r:e===qe.DISABLED&&r!==t&&(r==null?this.enable():this.disable())}connectedCallback(){this.hasAttribute(qe.DISABLED)||this.enable(),this.role="menuitem"+this.type,ac(this,Un,cc(this,this.parentNode)),et(this,Vs,dc).call(this),this.submenuElement&&et(this,Ws,hc).call(this)}disconnectedCallback(){this.disable(),et(this,Vs,dc).call(this),ac(this,Un,null)}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?(e=Ci(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(qe.TYPE))!=null?e:""}set type(e){this.setAttribute(qe.TYPE,`${e}`)}get value(){var e;return(e=this.getAttribute(qe.VALUE))!=null?e:this.text}set value(e){this.setAttribute(qe.VALUE,e)}get text(){var e;return((e=this.textContent)!=null?e:"").trim()}get checked(){if(On(this))return this.getAttribute("aria-checked")==="true"}set checked(e){On(this)&&(ac(this,Bs,!0),this.setAttribute("aria-checked",e?"true":"false"),e?this.part.add("checked"):this.part.remove("checked"))}handleClick(e){On(this)||this.invokeTargetElement&&Te(this,e.target)&&this.invokeTargetElement.dispatchEvent(new ii({relatedTarget:this}))}get keysUsed(){return["Enter"," "]}};Bs=new WeakMap;Un=new WeakMap;sc=new WeakSet;Cp=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?et(this,Ws,hc).call(this):et(this,pc,Ip).call(this))};Ws=new WeakSet;hc=async function(){this.setAttribute("aria-haspopup","menu"),this.setAttribute("aria-expanded",`${!this.submenuElement.hidden}`),this.submenuElement.addEventListener("change",yt(this,Tt)),this.submenuElement.addEventListener("addmenuitem",yt(this,Tt)),this.submenuElement.addEventListener("removemenuitem",yt(this,Tt)),yt(this,Tt).call(this)};pc=new WeakSet;Ip=function(){this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.submenuElement.removeEventListener("change",yt(this,Tt)),this.submenuElement.removeEventListener("addmenuitem",yt(this,Tt)),this.submenuElement.removeEventListener("removemenuitem",yt(this,Tt)),yt(this,Tt).call(this)};Tt=new WeakMap;Gr=new WeakSet;Nn=function(i){let{key:e}=i;if(!this.keysUsed.includes(e)){this.removeEventListener("keyup",et(this,Gr,Nn));return}this.handleClick(i)};lc=new WeakSet;Mp=function(i){let{metaKey:e,altKey:t,key:r}=i;if(e||t||!this.keysUsed.includes(r)){this.removeEventListener("keyup",et(this,Gr,Nn));return}this.addEventListener("keyup",et(this,Gr,Nn),{once:!0})};Vs=new WeakSet;dc=function(){var i;let e=(i=yt(this,Un))==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")};$e.shadowRootOptions={mode:"open"};$e.getTemplateHTML=Wg;$e.getSuffixSlotInnerHTML=Fg;function On(i){return i.type==="radio"||i.type==="checkbox"}function cc(i,e){if(!i)return null;let{host:t}=i.getRootNode();return!e&&t?cc(i,t):e!=null&&e.items?e:cc(e,e==null?void 0:e.parentNode)}d.customElements.get("media-chrome-menu-item")||d.customElements.define("media-chrome-menu-item",$e);function Kg(i){return`
+    ${se.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 Hn=class extends se{get anchorElement(){return this.anchor!=="auto"?super.anchorElement:Z(this).querySelector("media-settings-menu-button")}};Hn.getTemplateHTML=Kg;d.customElements.get("media-settings-menu")||d.customElements.define("media-settings-menu",Hn);function qg(i){return`
+    ${$e.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 Gg(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 Yi=class extends $e{};Yi.shadowRootOptions={mode:"open"};Yi.getTemplateHTML=qg;Yi.getSuffixSlotInnerHTML=Gg;d.customElements.get("media-settings-menu-item")||d.customElements.define("media-settings-menu-item",Yi);var xe=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=Ci(this))==null?void 0:e.querySelector(`#${this.invokeTarget}`):null}handleClick(){var e;(e=this.invokeTargetElement)==null||e.dispatchEvent(new ii({relatedTarget:this}))}};d.customElements.get("media-chrome-menu-button")||d.customElements.define("media-chrome-menu-button",xe);function zg(){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 Yg(){return E("Settings")}var zr=class extends xe{static get observedAttributes(){return[...super.observedAttributes,"target"]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",E("settings"))}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:Z(this).querySelector("media-settings-menu")}};zr.getSlotTemplateHTML=zg;zr.getTooltipContentHTML=Yg;d.customElements.get("media-settings-menu-button")||d.customElements.define("media-settings-menu-button",zr);var gc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Rp=(i,e,t)=>(gc(i,e,"read from private field"),t?t.call(i):e.get(i)),Fs=(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)},mc=(i,e,t,r)=>(gc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Ks=(i,e,t)=>(gc(i,e,"access private method"),t),$n,zs,qs,vc,Gs,fc,Ys=class extends se{constructor(){super(...arguments),Fs(this,qs),Fs(this,Gs),Fs(this,$n,[]),Fs(this,zs,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&&(mc(this,$n,Du(r??"")),Ks(this,qs,vc).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Ks(this,Gs,fc))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Ks(this,Gs,fc))}get anchorElement(){var e;return this.anchor!=="auto"?super.anchorElement:(e=Z(this))==null?void 0:e.querySelector("media-audio-track-menu-button")}get mediaAudioTrackList(){return Rp(this,$n)}set mediaAudioTrackList(e){mc(this,$n,e),Ks(this,qs,vc).call(this)}get mediaAudioTrackEnabled(){var e;return(e=x(this,s.MEDIA_AUDIO_TRACK_ENABLED))!=null?e:""}set mediaAudioTrackEnabled(e){P(this,s.MEDIA_AUDIO_TRACK_ENABLED,e)}};$n=new WeakMap;zs=new WeakMap;qs=new WeakSet;vc=function(){if(Rp(this,zs)===JSON.stringify(this.mediaAudioTrackList))return;mc(this,zs,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=_t({type:"radio",text:t,value:`${e.id}`,checked:e.enabled});r.prepend(je(this,"checked-indicator")),this.defaultSlot.append(r)}};Gs=new WeakSet;fc=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",Ys);var Qg=`<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 Zg(){return`
+    <style>
+      :host([aria-expanded="true"]) slot[name=tooltip] {
+        display: none;
+      }
+    </style>
+    <slot name="icon">${Qg}</slot>
+  `}function Xg(){return E("Audio")}var xp=i=>{let e=E("Audio");i.setAttribute("aria-label",e)},Yr=class extends xe{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_AUDIO_TRACK_ENABLED,s.MEDIA_AUDIO_TRACK_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),xp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_LANG&&xp(this)}get invokeTargetElement(){var e;return this.invokeTarget!=null?super.invokeTargetElement:(e=Z(this))==null?void 0:e.querySelector("media-audio-track-menu")}get mediaAudioTrackEnabled(){var e;return(e=x(this,s.MEDIA_AUDIO_TRACK_ENABLED))!=null?e:""}set mediaAudioTrackEnabled(e){P(this,s.MEDIA_AUDIO_TRACK_ENABLED,e)}};Yr.getSlotTemplateHTML=Zg;Yr.getTooltipContentHTML=Xg;d.customElements.get("media-audio-track-menu-button")||d.customElements.define("media-audio-track-menu-button",Yr);var yc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Jg=(i,e,t)=>(yc(i,e,"read from private field"),t?t.call(i):e.get(i)),Ec=(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)},jg=(i,e,t,r)=>(yc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Qs=(i,e,t)=>(yc(i,e,"access private method"),t),Js,Zs,bc,Xs,_c,eE=`
+  <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 tE(i){return`
+    ${se.getTemplateHTML(i)}
+    <slot name="captions-indicator" hidden>${eE}</slot>
+  `}var Bn=class extends se{constructor(){super(...arguments),Ec(this,Zs),Ec(this,Xs),Ec(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?Qs(this,Zs,bc).call(this):e===s.MEDIA_SUBTITLES_SHOWING&&t!==r&&(this.value=r||"",Qs(this,Zs,bc).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Qs(this,Xs,_c))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Qs(this,Xs,_c))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:Z(this).querySelector("media-captions-menu-button")}get mediaSubtitlesList(){return Pp(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Dp(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Pp(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Dp(this,s.MEDIA_SUBTITLES_SHOWING,e)}};Js=new WeakMap;Zs=new WeakSet;bc=function(){var i;let e=Jg(this,Js)!==JSON.stringify(this.mediaSubtitlesList),t=this.value!==this.getAttribute(s.MEDIA_SUBTITLES_SHOWING);if(!e&&!t)return;jg(this,Js,JSON.stringify(this.mediaSubtitlesList)),this.defaultSlot.textContent="";let r=!this.value,o=_t({type:"radio",text:this.formatMenuItemText(E("Off")),value:"off",checked:r});o.prepend(je(this,"checked-indicator")),this.defaultSlot.append(o);let n=this.mediaSubtitlesList;for(let a of n){let l=_t({type:"radio",text:this.formatMenuItemText(a.label,a),value:Ia(a),checked:this.value==Ia(a)});l.prepend(je(this,"checked-indicator")),((i=a.kind)!=null?i:"subs")==="captions"&&l.append(je(this,"captions-indicator")),this.defaultSlot.append(l)}};Xs=new WeakSet;_c=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)};Bn.getTemplateHTML=tE;var Pp=(i,e)=>{let t=i.getAttribute(e);return t?xi(t):[]},Dp=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let r=Pt(t);i.getAttribute(e)!==r&&i.setAttribute(e,r)};d.customElements.get("media-captions-menu")||d.customElements.define("media-captions-menu",Bn);var iE=`<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>`,rE=`<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 oE(){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">${iE}</slot>
+      <slot name="off">${rE}</slot>
+    </slot>
+  `}function nE(){return E("Captions")}var Op=i=>{i.setAttribute("data-captions-enabled",Ma(i).toString())},Up=i=>{i.setAttribute("aria-label",E("closed captions"))},Qr=class extends xe{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_SUBTITLES_LIST,s.MEDIA_SUBTITLES_SHOWING,s.MEDIA_LANG]}connectedCallback(){super.connectedCallback(),Up(this),Op(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_SUBTITLES_SHOWING?Op(this):e===s.MEDIA_LANG&&Up(this)}get invokeTargetElement(){var e;return this.invokeTarget!=null?super.invokeTargetElement:(e=Z(this))==null?void 0:e.querySelector("media-captions-menu")}get mediaSubtitlesList(){return Np(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Hp(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Np(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Hp(this,s.MEDIA_SUBTITLES_SHOWING,e)}};Qr.getSlotTemplateHTML=oE;Qr.getTooltipContentHTML=nE;var Np=(i,e)=>{let t=i.getAttribute(e);return t?xi(t):[]},Hp=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let r=Pt(t);i.getAttribute(e)!==r&&i.setAttribute(e,r)};d.customElements.get("media-captions-menu-button")||d.customElements.define("media-captions-menu-button",Qr);var $p=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Xr=(i,e,t)=>($p(i,e,"read from private field"),t?t.call(i):e.get(i)),Tc=(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)},Zr=(i,e,t)=>($p(i,e,"access private method"),t),oi,Jr,Vn,js,Sc,Ac={RATES:"rates"},el=class extends se{constructor(){super(),Tc(this,Jr),Tc(this,js),Tc(this,oi,new Qt(this,Ac.RATES,{defaultValue:Cd})),Zr(this,Jr,Vn).call(this)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE,Ac.RATES]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_PLAYBACK_RATE&&t!=r?(this.value=r,Zr(this,Jr,Vn).call(this)):e===Ac.RATES&&t!=r&&(Xr(this,oi).value=r,Zr(this,Jr,Vn).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Zr(this,js,Sc))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Zr(this,js,Sc))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:Z(this).querySelector("media-playback-rate-menu-button")}get rates(){return Xr(this,oi)}set rates(e){e?Array.isArray(e)?Xr(this,oi).value=e.join(" "):typeof e=="string"&&(Xr(this,oi).value=e):Xr(this,oi).value="",Zr(this,Jr,Vn).call(this)}get mediaPlaybackRate(){return H(this,s.MEDIA_PLAYBACK_RATE,Vi)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}};oi=new WeakMap;Jr=new WeakSet;Vn=function(){this.defaultSlot.textContent="";let i=this.mediaPlaybackRate,e=new Set(Array.from(Xr(this,oi)).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=_t({type:"radio",text:this.formatMenuItemText(`${r}x`,r),value:r.toString(),checked:i===r});o.prepend(je(this,"checked-indicator")),this.defaultSlot.append(o)}};js=new WeakSet;Sc=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",el);var tl=1;function aE(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||tl}x</slot>
+  `}function sE(){return E("Playback rate")}var jr=class extends xe{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:tl}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)?tl:o;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",E("Playback rate {playbackRate}",{playbackRate:n}))}}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:Z(this).querySelector("media-playback-rate-menu")}get mediaPlaybackRate(){return H(this,s.MEDIA_PLAYBACK_RATE,tl)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}};jr.getSlotTemplateHTML=aE;jr.getTooltipContentHTML=sE;d.customElements.get("media-playback-rate-menu-button")||d.customElements.define("media-playback-rate-menu-button",jr);var Lc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Wn=(i,e,t)=>(Lc(i,e,"read from private field"),t?t.call(i):e.get(i)),il=(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)},Bp=(i,e,t,r)=>(Lc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),eo=(i,e,t)=>(Lc(i,e,"access private method"),t),Fn,io,to,Kn,rl,kc,ol=class extends se{constructor(){super(...arguments),il(this,to),il(this,rl),il(this,Fn,[]),il(this,io,{})}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",eo(this,to,Kn).call(this)):e===s.MEDIA_RENDITION_LIST&&t!==r?(Bp(this,Fn,xu(r)),eo(this,to,Kn).call(this)):e===s.MEDIA_HEIGHT&&t!==r&&eo(this,to,Kn).call(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",eo(this,rl,kc))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",eo(this,rl,kc))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:Z(this).querySelector("media-rendition-menu-button")}get mediaRenditionList(){return Wn(this,Fn)}set mediaRenditionList(e){Bp(this,Fn,e),eo(this,to,Kn).call(this)}get mediaRenditionSelected(){return x(this,s.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){P(this,s.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return H(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)}};Fn=new WeakMap;io=new WeakMap;to=new WeakSet;Kn=function(){if(Wn(this,io).mediaRenditionList===JSON.stringify(this.mediaRenditionList)&&Wn(this,io).mediaHeight===this.mediaHeight)return;Wn(this,io).mediaRenditionList=JSON.stringify(this.mediaRenditionList),Wn(this,io).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=_t({type:"radio",text:l,value:`${a.id}`,checked:a.selected&&!t});c.prepend(je(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=_t({type:"radio",text:o,value:"auto",checked:t});n.dataset.description=o,n.prepend(je(this,"checked-indicator")),this.defaultSlot.append(n)};rl=new WeakSet;kc=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",ol);var lE=`<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 dE(){return`
+    <style>
+      :host([aria-expanded="true"]) slot[name=tooltip] {
+        display: none;
+      }
+    </style>
+    <slot name="icon">${lE}</slot>
+  `}function cE(){return E("Quality")}var ro=class extends xe{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:Z(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return x(this,s.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){P(this,s.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return H(this,s.MEDIA_HEIGHT)}set mediaHeight(e){B(this,s.MEDIA_HEIGHT,e)}};ro.getSlotTemplateHTML=dE;ro.getTooltipContentHTML=cE;d.customElements.get("media-rendition-menu-button")||d.customElements.define("media-rendition-menu-button",ro);var Ic=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},St=(i,e,t)=>(Ic(i,e,"read from private field"),t?t.call(i):e.get(i)),At=(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)},Vp=(i,e,t,r)=>(Ic(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Ge=(i,e,t)=>(Ic(i,e,"access private method"),t),no,qn,cl,Qi,oo,Mc,Wp,nl,wc,al,Cc,Fp,ll,dl,sl;function uE(i){return`
+      ${se.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 Gn=class extends se{constructor(){super(),At(this,qn),At(this,Qi),At(this,Mc),At(this,nl),At(this,Cc),At(this,no,!1),At(this,al,e=>{let t=e.target,r=(t==null?void 0:t.nodeName)==="VIDEO",o=Ge(this,nl,wc).call(this,t);(r||o)&&(St(this,no)?Ge(this,Qi,oo).call(this):Ge(this,Cc,Fp).call(this,e))}),At(this,ll,e=>{let t=e.target,r=this.contains(t),o=e.button===2,n=(t==null?void 0:t.nodeName)==="VIDEO",a=Ge(this,nl,wc).call(this,t);r||o&&(n||a)||Ge(this,Qi,oo).call(this)}),At(this,dl,e=>{e.key==="Escape"&&Ge(this,Qi,oo).call(this)}),At(this,sl,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)}Ge(this,Qi,oo).call(this)}),this.setAttribute("noautohide",""),Ge(this,qn,cl).call(this)}connectedCallback(){super.connectedCallback(),Z(this).addEventListener("contextmenu",St(this,al)),this.addEventListener("click",St(this,sl))}disconnectedCallback(){super.disconnectedCallback(),Z(this).removeEventListener("contextmenu",St(this,al)),this.removeEventListener("click",St(this,sl)),document.removeEventListener("mousedown",St(this,ll)),document.removeEventListener("keydown",St(this,dl))}};no=new WeakMap;qn=new WeakSet;cl=function(){this.hidden=!St(this,no)};Qi=new WeakSet;oo=function(){Vp(this,no,!1),Ge(this,qn,cl).call(this)};Mc=new WeakSet;Wp=function(){document.querySelectorAll("media-context-menu").forEach(e=>{var t;e!==this&&Ge(t=e,Qi,oo).call(t)})};nl=new WeakSet;wc=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};al=new WeakMap;Cc=new WeakSet;Fp=function(i){i.preventDefault(),Ge(this,Mc,Wp).call(this),Vp(this,no,!0),this.style.position="fixed",this.style.left=`${i.clientX}px`,this.style.top=`${i.clientY}px`,Ge(this,qn,cl).call(this),document.addEventListener("mousedown",St(this,ll),{once:!0}),document.addEventListener("keydown",St(this,dl),{once:!0})};ll=new WeakMap;dl=new WeakMap;sl=new WeakMap;Gn.getTemplateHTML=uE;d.customElements.get("media-context-menu")||d.customElements.define("media-context-menu",Gn);function hE(i){return`
+    ${$e.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 ao=class extends $e{};ao.shadowRootOptions={mode:"open"};ao.getTemplateHTML=hE;d.customElements.get("media-context-menu-item")||d.customElements.define("media-context-menu-item",ao);var pE=`<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>`,mE=`<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>`,vE=`<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>`,fE=`<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 gE(i){switch(i){case"offline":return mE;case"network":return vE;case"security":return fE;default:return pE}}function EE(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 ni=class extends Le{constructor(){super(...arguments);this.error=null;this.showCode=!1}render(){if(!this.error)return null;let t=this.error.category,r=gE(t),o=EE(t);return Ve`
+      <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?Ve`
+        <span part="code">
+          <slot name="code">Error ${this.error.code}</slot>
+        </span>
+      `:null}
+      <div part="actions">
+        <slot name="actions"></slot>
+      </div>
+    `}renderIcon(t){let r=document.createElement("template");return r.innerHTML=t.trim(),r.content.cloneNode(!0)}};ni.styles=Ro`
+    :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);
+    }
+
+    [part="actions"] {
+      display: flex;
+      gap: var(--bp-error-actions-gap, 8px);
+      margin-top: var(--bp-error-actions-margin-top, 8px);
+    }
+
+    [part="actions"]::slotted(button),
+    [part="actions"] button {
+      cursor: pointer;
+    }
+  `,N([W({type:Object})],ni.prototype,"error",2),N([W({type:Boolean})],ni.prototype,"showCode",2),ni=N([Kt("bp-error-display")],ni);var Kp=`/**
+ * BP Default UI Styles
+ * 
+ * Layer-based architecture.
+ * Uses CSS-driven visibility based on [has-error] attribute.
+ * 
+ * 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;
+}
+
+/* ============================================
+   Layer System
+   ============================================ */
+
+bp-default-ui .bp-layer {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+}
+
+bp-default-ui .bp-chrome-layer {
+  z-index: 1;
+}
+
+bp-default-ui .bp-error-layer {
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bp-error-background, rgba(0, 0, 0, 0.8));
+  pointer-events: auto;
+}
+
+/* THE KEY RULE: Error layer visibility logic
+   - When NO error \u2192 hide error layer
+   - When HAS error \u2192 show error layer, hide chrome layer (media keeps playing underneath) */
+bp-default-ui:not([has-error]) .bp-error-layer {
+  display: none !important;
+}
+
+bp-default-ui[has-error] .bp-chrome-layer,
+bp-default-ui[has-error] .bp-status-layer {
+  pointer-events: none;
+  opacity: 0;
+}
+
+/* When status layer is visible, fade chrome controls */
+bp-default-ui .bp-status-layer:not([hidden]) ~ .bp-error-layer:not([has-error]) + .bp-chrome-layer {
+  /* This selector doesn't work well - handle via :has() instead */
+}
+
+bp-default-ui:has(.bp-status-layer:not([hidden])) .bp-chrome-layer {
+  pointer-events: none;
+  opacity: 0.3;
+}
+
+/* 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-video-width, 16) / var(--bp-video-height, 9);
+}
+
+bp-default-ui[hidden] {
+  display: none !important;
+}
+
+/* ============================================
+   Chrome Layer
+   ============================================ */
+
+bp-default-ui .bp-chrome-layer {
+  display: flex;
+  flex-direction: column;
+}
+
+/* ============================================
+   Media Controller
+   ============================================ */
+
+bp-default-ui .bp-chrome-layer 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 .bp-chrome-layer media-controller > [slot="top-chrome"],
+bp-default-ui .bp-chrome-layer media-controller > [slot="bottom-chrome"],
+bp-default-ui .bp-chrome-layer 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;
+}
+
+/* ============================================
+   Status Layer (stream ended, etc.)
+   ============================================ */
+
+bp-default-ui .bp-status-layer {
+  z-index: 50;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bp-status-background, rgba(0, 0, 0, 0.7));
+  pointer-events: auto;
+}
+
+bp-default-ui .bp-status-layer[hidden] {
+  display: none !important;
+}
+
+bp-default-ui .bp-status-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: var(--bp-status-gap, 12px);
+  max-width: 80%;
+}
+
+bp-default-ui .bp-status-icon {
+  width: var(--bp-status-icon-size, 48px);
+  height: var(--bp-status-icon-size, 48px);
+  opacity: var(--bp-status-icon-opacity, 0.9);
+}
+
+bp-default-ui .bp-status-heading {
+  margin: 0;
+  font-size: var(--bp-status-heading-font-size, 1.25rem);
+  font-weight: var(--bp-status-heading-font-weight, 600);
+  line-height: 1.3;
+}
+
+bp-default-ui .bp-status-message {
+  margin: 0;
+  font-size: var(--bp-status-message-font-size, 0.875rem);
+  opacity: var(--bp-status-message-opacity, 0.8);
+  line-height: 1.4;
+}
+
+/* ============================================
+   Error Display (inside error layer)
+   ============================================ */
+
+bp-default-ui .bp-error-layer bp-error-display {
+  max-width: 80%;
+  text-align: center;
+}
+
+/* ============================================
+   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);
+}
+
+/* ============================================
+   Custom Chrome Detection
+   ============================================
+   
+   Hide default controls when user provides custom chrome.
+   Uses CSS :has() to detect slotted content presence.
+   ============================================ */
+
+/* Hide default center play button when custom centered-chrome is provided */
+bp-default-ui:has(> [slot="centered-chrome"]) .bp-center-play {
+  display: none !important;
+}
+
+/* Hide default control bar when custom bottom-chrome is provided */
+bp-default-ui:has(> [slot="bottom-chrome"]) media-control-bar {
+  display: none !important;
+}
+
+/* ============================================
+   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 qp={fromAttribute:i=>{if(i)try{return JSON.parse(i)}catch{console.warn("[bp-default-ui] Failed to parse JSON attribute:",i);return}},toAttribute:i=>i==null?null:JSON.stringify(i)},Gp=!1;function _E(){if(Gp)return;Vo();let i=document.createElement("style");i.id="bp-default-ui-styles",i.textContent=Kp,document.head.appendChild(i),Gp=!0}var ie=class extends Le{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._connectionState="idle";this._showEndedOverlay=!1;this._cleanupListeners=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),_E(),this.detectMobile()}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}detectMobile(){let t=/Android|iPhone|iPad|iPod|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);this.mobile=t}_getPoster(){var t;return((t=this.source)==null?void 0:t.poster)??this.poster??null}firstUpdated(t){super.firstUpdated(t),this.setupPlayer(),this._moveSlottedContent(),this.fluid&&this._setInitialVideoDimensionsFromSources()}updated(t){super.updated(t),this._moveSlottedContent(),t.has("debug")&&this.toggleAttribute("debug-hitboxes",this.debug),t.has("source")&&(this._error=null,this._showEndedOverlay=!1,fe(this,"has-error",!1),this.fluid&&this._setInitialVideoDimensionsFromSources())}_setInitialVideoDimensionsFromSources(){var r;let t=(r=this.source)==null?void 0:r.sources;if(t){for(let o of t)if(ur(o)&&o.preferredOrientation){o.preferredOrientation==="portrait"?(this.style.setProperty("--bp-video-width","9"),this.style.setProperty("--bp-video-height","16")):(this.style.setProperty("--bp-video-width","16"),this.style.setProperty("--bp-video-height","9")),this.debug&&console.log("[BPDefaultUI] Set initial video dimensions from preferredOrientation:",o.preferredOrientation);break}}}_updateVideoDimensions(t,r){t>0&&r>0?(this.style.setProperty("--bp-video-width",String(t)),this.style.setProperty("--bp-video-height",String(r))):(this.style.removeProperty("--bp-video-width"),this.style.removeProperty("--bp-video-height"))}_clearVideoDimensions(){this.style.removeProperty("--bp-video-width"),this.style.removeProperty("--bp-video-height")}_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:"middle-chrome",to:"middle-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 f;let h=((f=this._player)==null?void 0:f.state.error)??null;this._error=h;let p=h!==null&&h.fatal&&h.category!=="offline";fe(this,"has-error",p)},r=()=>{var p;let h=(p=this._player)==null?void 0:p.state;if(h&&(this._connectionState=h.connectionState,this.live=h.streamType==="live",this.setAttribute("content-type",h.contentType),this.setAttribute("stream-type",h.streamType),fe(this,"paused",h.paused),fe(this,"ended",h.ended),fe(this,"waiting",h.waiting),h.error!==this._error)){this._error=h.error;let f=h.error!==null&&h.error.fatal&&h.error.category!=="offline";fe(this,"has-error",f)}},o=()=>{this._error=null,this._showEndedOverlay=!1,fe(this,"has-error",!1)},n=()=>{this.live&&(this._showEndedOverlay=!0)},a=()=>{this._error=null,this._showEndedOverlay=!1,fe(this,"has-error",!1)},l=h=>{this.debug&&console.log("[BPDefaultUI] updateVideoDimensions called",{fluid:this.fluid,...h}),this.fluid&&(this._updateVideoDimensions(h.videoWidth,h.videoHeight),this.debug&&console.log("[BPDefaultUI] Set video dimensions:",{width:h.videoWidth,height:h.videoHeight}))};this._player.addEventListener("error",t),this._player.addEventListener("statechange",r),this._player.addEventListener("playing",o),this._player.addEventListener("ended",n),this._player.addEventListener("sourcechange",a),this._player.addEventListener("resize",l),this._player.addEventListener("loadedmetadata",l);let{videoWidth:c,videoHeight:v}=this._player.state;this.debug&&console.log("[BPDefaultUI] Initial dimensions check",{videoWidth:c,videoHeight:v,fluid:this.fluid}),c>0&&v>0&&l({videoWidth:c,videoHeight:v}),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("ended",n)},()=>{var h;return(h=this._player)==null?void 0:h.removeEventListener("sourcechange",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"?Ve`
+        <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>
+      `:Ve`
+      <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 Ve`
+      <!-- Chrome Layer: media-controller with all controls -->
+      <div class="bp-layer bp-chrome-layer">
+      <media-controller autohide="${this.autohide}" ?hotkeys="${this.hotkeys}">
+        <bp-player
+          slot="media"
+          .source="${this.source}"
+          ?autoplay="${this.autoplay}"
+          ?muted="${this.muted}"
+          ?loop="${this.loop}"
+          .scaling="${this.scaling}"
+          .aspectRatio="${this.aspectRatio}"
+          .config="${this.config}"
+          ?debug="${this.debug}"
+        ></bp-player>
+
+        ${this._getPoster()?Ve`
+          <media-poster-image slot="poster" src="${this._getPoster()}"></media-poster-image>
+        `:null}
+
+        <!-- Menus -->
+        <media-rendition-menu hidden anchor="auto"></media-rendition-menu>
+
+          <!-- Loading indicator -->
+        <media-loading-indicator slot="centered-chrome" noautohide></media-loading-indicator>
+
+          <!-- Center play button (CSS hides when custom centered-chrome provided) -->
+          <media-play-button class="bp-center-play" slot="centered-chrome" notooltip></media-play-button>
+
+          <!-- Default controls (CSS hides when custom bottom-chrome provided) -->
+          ${this.renderDefaultControls()}
+        </media-controller>
+      </div>
+
+      <!-- Status Layer: shows stream ended message for live streams -->
+      <div class="bp-layer bp-status-layer" ?hidden="${!this._showEndedOverlay}">
+        <div class="bp-status-content">
+          <svg class="bp-status-icon" 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>
+          <h2 class="bp-status-heading">Stream Ended</h2>
+          <p class="bp-status-message">This live stream has ended.</p>
+        </div>
+        </div>
+
+      <!-- Error Layer: topmost, hides chrome layer when active -->
+      <div class="bp-layer bp-error-layer">
+          <bp-error-display .error="${this._error}" ?showCode="${this.debug}"></bp-error-display>
+        </div>
+    `}};N([W({converter:qp})],ie.prototype,"source",2),N([W({type:Boolean})],ie.prototype,"autoplay",2),N([W({type:Boolean})],ie.prototype,"muted",2),N([W({type:Boolean})],ie.prototype,"loop",2),N([W({type:String})],ie.prototype,"poster",2),N([W({type:String})],ie.prototype,"scaling",2),N([W({type:String,attribute:"aspect-ratio"})],ie.prototype,"aspectRatio",2),N([W({converter:qp})],ie.prototype,"config",2),N([W({type:Boolean})],ie.prototype,"debug",2),N([W({type:Number})],ie.prototype,"autohide",2),N([W({type:Boolean})],ie.prototype,"hotkeys",2),N([W({type:Boolean,reflect:!0})],ie.prototype,"mobile",2),N([W({type:Boolean,reflect:!0})],ie.prototype,"live",2),N([W({type:Boolean,reflect:!0})],ie.prototype,"fluid",2),N([qt()],ie.prototype,"_player",2),N([qt()],ie.prototype,"_providerType",2),N([qt()],ie.prototype,"_error",2),N([qt()],ie.prototype,"_connectionState",2),N([qt()],ie.prototype,"_showEndedOverlay",2),ie=N([Kt("bp-default-ui")],ie);var yE=`<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>`,TE=`<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>`,AE=`<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>`,SE=`<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>`,Ut=class extends Le{constructor(){super(...arguments);this.type="none";this.live=!1;this.buttonMode=!1}getIcon(){switch(this.type){case"loading":return yE;case"offline":return TE;case"ended":return this.live?AE:SE;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 Ve`
+      <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)}};Ut.styles=Ro`
+    :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;
+    }
+  `,N([W({type:String,reflect:!0})],Ut.prototype,"type",2),N([W({type:Boolean,reflect:!0})],Ut.prototype,"live",2),N([W({type:Boolean,reflect:!0,attribute:"button-mode"})],Ut.prototype,"buttonMode",2),Ut=N([Kt("bp-overlay")],Ut);var kE=["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"],zp=["autopictureinpicture","disablepictureinpicture","disableremoteplayback","autoplay","controls","controlslist","crossorigin","loop","muted","playsinline","poster","preload","src"];function LE(i){return`
+    <style>
+      :host {
+        display: inline-flex;
+        line-height: 0;
+        flex-direction: column;
+        justify-content: end;
+      }
+
+      audio {
+        width: 100%;
+      }
+    </style>
+    <slot name="media">
+      <audio${jp(i)}></audio>
+    </slot>
+    <slot></slot>
+  `}function wE(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${jp(i)}></video>
+    </slot>
+    <slot></slot>
+  `}function Jp(i,{tag:e,is:t}){var n,a,l,c,v,Yp,p,f,m,A,g,Zi,Rc,Qp,xc,Zp,Xp;let r=(a=(n=globalThis.document)==null?void 0:n.createElement)==null?void 0:a.call(n,e,{is:t}),o=r?CE(r):[];return l=class extends i{constructor(){super(...arguments);S(this,g);S(this,p,!1);S(this,f,null);S(this,m,new Map);S(this,A);$(this,"get");$(this,"set");$(this,"call")}static get observedAttributes(){var K,ne;return O(K=l,v,Yp).call(K),[...((ne=r==null?void 0:r.constructor)==null?void 0:ne.observedAttributes)??[],...zp]}get nativeEl(){var k;return O(this,g,Zi).call(this),u(this,f)??this.querySelector(":scope > [slot=media]")??this.querySelector(e)??((k=this.shadowRoot)==null?void 0:k.querySelector(e))??null}set nativeEl(k){_(this,f,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=IE(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)O(this,g,Zp).call(this,k);_(this,A,new MutationObserver(O(this,g,Qp).bind(this))),this.shadowRoot.addEventListener("slotchange",()=>O(this,g,Rc).call(this)),O(this,g,Rc).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){O(this,g,Zi).call(this),O(this,g,Xp).call(this,k,K,ne)}connectedCallback(){O(this,g,Zi).call(this)}},c=new WeakMap,v=new WeakSet,Yp=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 O(this,g,Zi).call(this),(()=>{var he;if(this.call)return this.call(K,...ne);let G=(he=this.nativeEl)==null?void 0:he[K];return G==null?void 0:G.apply(this.nativeEl,ne)})()};else{let ne={get(){var G,he;O(this,g,Zi).call(this);let ee=K.toLowerCase();if(k.has(ee)){let wt=this.getAttribute(ee);return wt===null?!1:wt===""?!0:wt}return((G=this.get)==null?void 0:G.call(this,K))??((he=this.nativeEl)==null?void 0:he[K])}};K!==K.toUpperCase()&&(ne.set=function(ee){O(this,g,Zi).call(this);let G=K.toLowerCase();if(k.has(G)){ee===!0||ee===!1||ee==null?this.toggleAttribute(G,!!ee):this.setAttribute(G,ee);return}if(this.set){this.set(K,ee);return}this.nativeEl&&(this.nativeEl[K]=ee)}),Object.defineProperty(this.prototype,K,ne)}},p=new WeakMap,f=new WeakMap,m=new WeakMap,A=new WeakMap,g=new WeakSet,Zi=function(){u(this,p)||(_(this,p,!0),this.init())},Rc=function(){var ee;let k=new Map(u(this,m)),K=(ee=this.shadowRoot)==null?void 0:ee.querySelector("slot:not([name])");(K==null?void 0:K.assignedElements({flatten:!0}).filter(G=>["track","source"].includes(G.localName))).forEach(G=>{var wt,Co;k.delete(G);let he=u(this,m).get(G);he||(he=G.cloneNode(),u(this,m).set(G,he),(wt=u(this,A))==null||wt.observe(G,{attributes:!0})),(Co=this.nativeEl)==null||Co.append(he),O(this,g,xc).call(this,he)}),k.forEach((G,he)=>{G.remove(),u(this,m).delete(he)})},Qp=function(k){for(let K of k)if(K.type==="attributes"){let{target:ne,attributeName:ee}=K,G=u(this,m).get(ne);G&&ee&&(G.setAttribute(ee,ne.getAttribute(ee)??""),O(this,g,xc).call(this,G))}},xc=function(k){k&&k.localName==="track"&&k.default&&(k.kind==="chapters"||k.kind==="metadata")&&k.track.mode==="disabled"&&(k.track.mode="hidden")},Zp=function(k){if(Object.prototype.hasOwnProperty.call(this,k)){let K=this[k];delete this[k],this[k]=K}},Xp=function(k,K,ne){var ee,G,he;["id","class"].includes(k)||!l.observedAttributes.includes(k)&&this.constructor.observedAttributes.includes(k)||(ne===null?(ee=this.nativeEl)==null||ee.removeAttribute(k):((G=this.nativeEl)==null?void 0:G.getAttribute(k))!==ne&&((he=this.nativeEl)==null||he.setAttribute(k,ne)))},S(l,v),$(l,"getTemplateHTML",e.endsWith("audio")?LE:wE),$(l,"shadowRootOptions",{mode:"open"}),$(l,"Events",kE),S(l,c,!1),l}function CE(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 jp(i){let e="";for(let t in i){if(!zp.includes(t))continue;let r=i[t];r===""?e+=` ${t}`:e+=` ${t}="${r}"`}return e}function IE(i){let e={};for(let t of i)e[t.name]=t.value;return e}var Pe=Jp(globalThis.HTMLElement??class{},{tag:"video"}),ew=Jp(globalThis.HTMLElement??class{},{tag:"audio"});var Nt=class extends Event{constructor(t,r){super(t);$(this,"track");this.track=r.track}};var Pc=new WeakMap;function T(i){return Pc.get(i)??ME(i,{})}function ME(i,e){let t=Pc.get(i);return t||Pc.set(i,t={}),Object.assign(t,e)}function ul(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 Ji.prototype||Object.defineProperty(Ji.prototype,o,{get(){return[...T(this).trackSet][o]}}),queueMicrotask(()=>{t.dispatchEvent(new Nt("addtrack",{track:e}))})}function hl(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 Nt("removetrack",{track:i}))})}function em(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,Xi,zn,Ji=class extends EventTarget{constructor(){super();S(this,Xi);S(this,ai);S(this,si);S(this,li);T(this).trackSet=new Set}[Symbol.iterator](){return u(this,Xi,zn).values()}get length(){return u(this,Xi,zn).size}getTrackById(t){return[...u(this,Xi,zn)].find(r=>r.id===t)??null}get selectedIndex(){return[...u(this,Xi,zn)].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,Xi=new WeakSet,zn=function(){return T(this).trackSet};var Ht=class extends Event{constructor(t,r){super(t);$(this,"rendition");this.rendition=r.rendition}};function tm(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 ji.prototype||Object.defineProperty(ji.prototype,o,{get(){return so(this)[o]}}),queueMicrotask(()=>{i.selected&&t.dispatchEvent(new Ht("addrendition",{rendition:e}))})}function im(i){let e=T(i).media.videoRenditions,t=T(i).track;T(t).renditionSet.delete(i),queueMicrotask(()=>{T(i).track.selected&&e.dispatchEvent(new Ht("removerendition",{rendition:i}))})}function rm(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 so(i){return[...T(i).media.videoTracks].filter(t=>t.selected).flatMap(t=>[...T(t).renditionSet])}var di,ci,ui,ji=class extends EventTarget{constructor(){super(...arguments);S(this,di);S(this,ci);S(this,ui)}[Symbol.iterator](){return so(this).values()}get length(){return so(this).length}getRenditionById(t){return so(this).find(r=>`${r.id}`==`${t}`)??null}get selectedIndex(){return so(this).findIndex(t=>t.selected)}set selectedIndex(t){for(let[r,o]of so(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 lo,Yn=class{constructor(){$(this,"src");$(this,"id");$(this,"width");$(this,"height");$(this,"bitrate");$(this,"frameRate");$(this,"codec");S(this,lo,!1)}get selected(){return u(this,lo)}set selected(e){u(this,lo)!==e&&(_(this,lo,e),rm(this))}};lo=new WeakMap;var co,uo=class{constructor(){$(this,"id");$(this,"kind");$(this,"label","");$(this,"language","");$(this,"sourceBuffer");S(this,co,!1)}addRendition(e,t,r,o,n,a){let l=new Yn;return l.src=e,l.width=t,l.height=r,l.frameRate=a,l.bitrate=n,l.codec=o,tm(this,l),l}removeRendition(e){im(e)}get selected(){return u(this,co)}set selected(e){u(this,co)!==e&&(_(this,co,e),e===!0&&em(this))}};co=new WeakMap;function om(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 er.prototype||Object.defineProperty(er.prototype,o,{get(){return ho(this)[o]}}),queueMicrotask(()=>{i.enabled&&t.dispatchEvent(new Ht("addrendition",{rendition:e}))})}function nm(i){let e=T(i).media.audioRenditions,t=T(i).track;T(t).renditionSet.delete(i),queueMicrotask(()=>{T(i).track.enabled&&e.dispatchEvent(new Ht("removerendition",{rendition:i}))})}function am(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 ho(i){return[...T(i).media.audioTracks].filter(t=>t.enabled).flatMap(t=>[...T(t).renditionSet])}var hi,pi,mi,er=class extends EventTarget{constructor(){super(...arguments);S(this,hi);S(this,pi);S(this,mi)}[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,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 po,Qn=class{constructor(){$(this,"src");$(this,"id");$(this,"bitrate");$(this,"codec");S(this,po,!1)}get selected(){return u(this,po)}set selected(e){u(this,po)!==e&&(_(this,po,e),am(this))}};po=new WeakMap;function ml(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 tr.prototype||Object.defineProperty(tr.prototype,o,{get(){return[...T(this).trackSet][o]}}),queueMicrotask(()=>{t.dispatchEvent(new Nt("addtrack",{track:e}))})}function vl(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 Nt("removetrack",{track:i}))})}function sm(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,mo,pl,tr=class extends EventTarget{constructor(){super();S(this,mo);S(this,vi);S(this,fi);S(this,gi);T(this).trackSet=new Set}[Symbol.iterator](){return u(this,mo,pl).values()}get length(){return u(this,mo,pl).size}getTrackById(t){return[...u(this,mo,pl)].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,mo=new WeakSet,pl=function(){return T(this).trackSet};var vo,fo=class{constructor(){$(this,"id");$(this,"kind");$(this,"label","");$(this,"language","");$(this,"sourceBuffer");S(this,vo,!1)}addRendition(e,t,r){let o=new Qn;return o.src=e,o.codec=t,o.bitrate=r,om(this,o),o}removeRendition(e){nm(e)}get enabled(){return u(this,vo)}set enabled(e){u(this,vo)!==e&&(_(this,vo,e),sm(this))}};vo=new WeakMap;var lm=fl(globalThis.HTMLMediaElement,"video"),dm=fl(globalThis.HTMLMediaElement,"audio");function go(i){if(!(i!=null&&i.prototype))return i;let e=fl(i,"video");(!e||`${e}`.includes("[native code]"))&&Object.defineProperty(i.prototype,"videoTracks",{get(){return RE(this)}});let t=fl(i,"audio");(!t||`${t}`.includes("[native code]"))&&Object.defineProperty(i.prototype,"audioTracks",{get(){return xE(this)}}),"addVideoTrack"in i.prototype||(i.prototype.addVideoTrack=function(n,a="",l=""){let c=new uo;return c.kind=n,c.label=a,c.language=l,ul(this,c),c}),"removeVideoTrack"in i.prototype||(i.prototype.removeVideoTrack=hl),"addAudioTrack"in i.prototype||(i.prototype.addAudioTrack=function(n,a="",l=""){let c=new fo;return c.kind=n,c.label=a,c.language=l,ml(this,c),c}),"removeAudioTrack"in i.prototype||(i.prototype.removeAudioTrack=vl),"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 ji,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 er,T(a).media=n,T(n).audioRenditions=a),a};return i}function fl(i,e){var t;if(i!=null&&i.prototype)return(t=Object.getOwnPropertyDescriptor(i.prototype,`${e}Tracks`))==null?void 0:t.get}function RE(i){let e=T(i).videoTracks;if(!e&&(e=new Ji,T(i).videoTracks=e,lm)){let t=lm.call(i.nativeEl??i);for(let r of t)ul(i,r);t.addEventListener("change",()=>{e.dispatchEvent(new Event("change"))}),t.addEventListener("addtrack",r=>{if([...e].some(o=>o instanceof uo)){for(let o of t)hl(o);return}ul(i,r.track)}),t.addEventListener("removetrack",r=>{hl(r.track)})}return e}function xE(i){let e=T(i).audioTracks;if(!e&&(e=new tr,T(i).audioTracks=e,dm)){let t=dm.call(i.nativeEl??i);for(let r of t)ml(i,r);t.addEventListener("change",()=>{e.dispatchEvent(new Event("change"))}),t.addEventListener("addtrack",r=>{if([...e].some(o=>o instanceof fo)){for(let o of t)vl(o);return}ml(i,r.track)}),t.addEventListener("removetrack",r=>{vl(r.track)})}return e}import Be from"hls.js";var PE=go(Pe),$t,Ei,Eo,tt,cm,um,Dc,Zn,hm,ir=class extends PE{constructor(){super();S(this,tt);S(this,$t,null);S(this,Ei,null);S(this,Eo,!1);this.api=null;S(this,Zn,()=>{var r,o;let t=this.nativeEl;t!=null&&t.webkitCurrentPlaybackTargetIsWireless?(r=this.api)==null||r.stopLoad():(o=this.api)==null||o.startLoad()});O(this,tt,hm).call(this,"config")}static getTemplateHTML(t,r={}){let{src:o,...n}=t;return`
+      <script type="application/json" id="config">
+        ${JSON.stringify(r.config||{})}
+      <\/script>
+      ${Pe.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,Eo);if(O(this,tt,cm).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)||"{}")),!O(this,tt,um).call(this,this.src)){await Promise.resolve(),_(this,Eo,!0),this.nativeEl.src=this.src;return}if(Be.isSupported()){switch(await Promise.resolve(),this.api=new Be({liveDurationInfinity:!0,autoStartLoad:!1,...u(this,Ei)}),this.api.loadSource(this.src),this.api.attachMedia(this.nativeEl),this.nativeEl.preload){case"none":{let p=()=>{var f;return(f=this.api)==null?void 0:f.startLoad()};this.nativeEl.addEventListener("play",p,{once:!0}),this.api.on(Be.Events.DESTROYING,()=>{this.nativeEl.removeEventListener("play",p)});break}case"metadata":{let p=this.api.config.maxBufferLength,f=this.api.config.maxBufferSize;this.api.config.maxBufferLength=1,this.api.config.maxBufferSize=1;let m=()=>{this.api&&(this.api.config.maxBufferLength=p,this.api.config.maxBufferSize=f)};this.nativeEl.addEventListener("play",m,{once:!0}),this.api.on(Be.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,Zn)),_(this,$t,document.createElement("source")),u(this,$t).setAttribute("type","application/x-mpegURL"),u(this,$t).setAttribute("src",this.src),this.nativeEl.disableRemotePlayback=!1,this.nativeEl.append(u(this,$t));let c=new WeakMap;this.api.on(Be.Events.MANIFEST_PARSED,(p,f)=>{this.nativeEl.autoplay&&this.nativeEl.paused&&this.nativeEl.play().catch(A=>{console.warn("Autoplay failed:",A)}),O(this,tt,Dc).call(this);let m=this.videoTracks.getTrackById("main");m||(m=this.addVideoTrack("main"),m.id="main",m.selected=!0);for(let[A,g]of f.levels.entries()){let L=m.addRendition(g.url[0],g.width,g.height,g.videoCodec??void 0,g.bitrate);c.set(g,`${A}`),L.id=`${A}`}for(let[A,g]of f.audioTracks.entries()){let L=g.default?"main":"alternative",D=this.addAudioTrack(L,g.name,g.lang);D.id=`${A}`,g.default&&(D.enabled=!0)}}),this.audioTracks.addEventListener("change",()=>{var A,g;let p=[...this.audioTracks].find(L=>L.enabled),f=p?+p.id:void 0,m=((A=this.api)==null?void 0:A.audioTracks.map(L=>L.id))??[];f!==void 0&&f!==((g=this.api)==null?void 0:g.audioTrack)&&m.includes(f)&&this.api&&(this.api.audioTrack=f)}),this.api.on(Be.Events.LEVELS_UPDATED,(p,f)=>{let m=[...this.videoTracks][this.videoTracks.selectedIndex??0];if(!m)return;let A=f.levels.map(g=>c.get(g));for(let g of this.videoRenditions)g.id&&!A.includes(g.id)&&m.removeRendition(g)});let v=null;this.api.on(Be.Events.ERROR,(p,f)=>{var m;f.type===Be.ErrorTypes.NETWORK_ERROR&&f.details===Be.ErrorDetails.FRAG_LOAD_ERROR&&(v=((m=f.frag)==null?void 0:m.level)??null)}),this.api.on(Be.Events.LEVEL_SWITCHED,(p,f)=>{let m=f.level;v!==null&&m<v&&(console.warn(`hls.js downgraded quality from level ${v} to ${m} due to fragment load failure.`),this.videoRenditions.selectedIndex=m,v=null)});let h=()=>{let p=this.videoRenditions.selectedIndex;this.api&&p!==this.api.nextLevel&&(this.api.nextLevel=p)};(a=this.videoRenditions)==null||a.addEventListener("change",h),this.api.once(Be.Events.DESTROYING,()=>O(this,tt,Dc).call(this));return}await Promise.resolve(),this.nativeEl.canPlayType("application/vnd.apple.mpegurl")&&(this.nativeEl.src=this.src)}};$t=new WeakMap,Ei=new WeakMap,Eo=new WeakMap,tt=new WeakSet,cm=function(){var t,r;(t=u(this,$t))==null||t.remove(),_(this,$t,null),(r=this.nativeEl)==null||r.removeEventListener("webkitcurrentplaybacktargetiswirelesschanged",u(this,Zn)),this.api&&(this.api.detachMedia(),this.api.destroy(),this.api=null),_(this,Eo,!1)},um=function(t){return t.includes(".m3u8")||t.includes("application/x-mpegURL")},Dc=function(){for(let t of this.videoTracks)this.removeVideoTrack(t);for(let t of this.audioTracks)this.removeAudioTrack(t)},Zn=new WeakMap,hm=function(t){if(Object.prototype.hasOwnProperty.call(this,t)){let r=this[t];delete this[t],this[t]=r}},ir.shadowRootOptions={...Pe.shadowRootOptions};globalThis.customElements&&!globalThis.customElements.get("hls-video")&&globalThis.customElements.define("hls-video",ir);var pm=ir;var DE="nanoplayer.4.min.js",OE="nanoplayer",Ae={loading:!1,loaded:!1,error:null,callbacks:[]};function UE(i){return new Promise((e,t)=>{if(window.NanoPlayer){Ae.loaded=!0,e();return}if(Ae.loaded){e();return}if(Ae.error){t(Ae.error);return}if(Ae.callbacks.push(a=>{a?t(a):e()}),Ae.loading)return;Ae.loading=!0;let o=`${i.endsWith("/")?i:`${i}/`}${OE}/${DE}`,n=document.createElement("script");n.src=o,n.async=!0,n.onload=()=>{Ae.loaded=!0,Ae.loading=!1,Ae.callbacks.forEach(a=>a()),Ae.callbacks=[]},n.onerror=()=>{let a=new Error(`Failed to load NanoPlayer script from ${o}`);Ae.error=a,Ae.loading=!1,Ae.callbacks.forEach(l=>l(a)),Ae.callbacks=[]},document.head.appendChild(n)})}var NE=go(Pe),Bt,bi,le,it,bo,Se,Xn,_i,rr,_o,Vt,yo,To,ke,Oc,mm,vm,fm,gl,or=class extends NE{constructor(){super();S(this,ke);S(this,Bt,null);S(this,bi,null);S(this,le,null);S(this,it,null);S(this,bo,"");S(this,Se,null);S(this,Xn,!0);S(this,_i,[]);S(this,rr,[]);S(this,_o,null);S(this,Vt,null);S(this,yo,!1);S(this,To,!1);this.api=null;O(this,ke,gl).call(this,"config"),O(this,ke,gl).call(this,"streamid"),O(this,ke,gl).call(this,"sourceConfig")}static get observedAttributes(){return[...Pe.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>
+      ${Pe.getTemplateHTML(a)}
+    `}get config(){return u(this,Bt)}set config(t){_(this,Bt,t)}get sourceConfig(){return u(this,bi)}set sourceConfig(t){let r=u(this,bi)!==t;_(this,bi,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,v;let t=!u(this,le);O(this,ke,Oc).call(this);let r=this.streamid,o=!!u(this,bi);if(!(!r&&!o)){_(this,_o,new Promise(h=>{_(this,Vt,h)})),t&&!u(this,Bt)&&_(this,Bt,JSON.parse(((a=(n=this.shadowRoot)==null?void 0:n.getElementById("config"))==null?void 0:a.textContent)||"{}"));try{await UE(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,Vt))==null||l.call(this);return}_(this,bo,`nano-video-${Date.now()}-${Math.random().toString(36).slice(2,9)}`),_(this,it,document.createElement("div")),u(this,it).id=u(this,bo),u(this,it).style.cssText="width: 100%; height: 100%; position: absolute; top: 0; left: 0;",this.addEventListener("pause",h=>{var p;h.target!==this&&((p=u(this,it))!=null&&p.contains(h.target))&&u(this,yo)&&h.stopImmediatePropagation()},!0),this.style.position="relative",this.nativeEl.style.display="none",this.appendChild(u(this,it)),_(this,le,new window.NanoPlayer(u(this,bo))),this.api=u(this,le);try{let h=O(this,ke,mm).call(this,r,o?u(this,bi):void 0),p=await u(this,le).setup(h);_(this,rr,((c=p.source.entries)==null?void 0:c.map((f,m)=>({index:m,height:f.info.height??0,width:f.info.width??0,bitrate:f.info.bitrate??0,label:f.info.height?`${f.info.height}p`:m===0?"Source":`Stream ${m+1}`})))??[]),O(this,ke,fm).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"})),(v=u(this,Vt))==null||v.call(this)}}}async play(){if(u(this,_o)&&await u(this,_o),u(this,le)){_(this,yo,!0),u(this,le).play();return}return super.play()}pause(){if(u(this,le)){u(this,le).pause();return}super.pause()}get currentTime(){var t;return((t=u(this,Se))==null?void 0:t.currentTime)??super.currentTime}set currentTime(t){u(this,le)||(super.currentTime=t)}get duration(){return 1/0}get paused(){var t;return((t=u(this,Se))==null?void 0:t.paused)??super.paused}get volume(){var t;return((t=u(this,Se))==null?void 0:t.volume)??super.volume}set volume(t){u(this,Se)?u(this,Se).volume=t:super.volume=t}get muted(){var t;return((t=u(this,Se))==null?void 0:t.muted)??super.muted}set muted(t){u(this,Se)&&(u(this,Se).muted=t),u(this,le)?t?u(this,le).mute():u(this,le).unmute():super.muted=t}get videoWidth(){var t;return((t=u(this,Se))==null?void 0:t.videoWidth)??super.videoWidth}get videoHeight(){var t;return((t=u(this,Se))==null?void 0:t.videoHeight)??super.videoHeight}disconnectedCallback(){var t;O(this,ke,Oc).call(this),(t=super.disconnectedCallback)==null||t.call(this)}};Bt=new WeakMap,bi=new WeakMap,le=new WeakMap,it=new WeakMap,bo=new WeakMap,Se=new WeakMap,Xn=new WeakMap,_i=new WeakMap,rr=new WeakMap,_o=new WeakMap,Vt=new WeakMap,yo=new WeakMap,To=new WeakMap,ke=new WeakSet,Oc=function(){u(this,_i).forEach(t=>t()),_(this,_i,[]),u(this,le)&&(u(this,le).destroy(),_(this,le,null),this.api=null),u(this,it)&&(u(this,it).remove(),_(this,it,null)),_(this,Se,null),_(this,To,!1),_(this,rr,[])},mm=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,Bt))==null?void 0:n.reconnect)??{minDelay:2,maxDelay:10,delaySteps:10,maxRetries:10},buffer:((a=u(this,Bt))==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,Vt))==null||l.call(this)},onPlay:()=>{_(this,yo,!1),_(this,To,!0),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,f;let c=l.data.code??-1,v=l.data.message??"NanoPlayer error";if(c===2004&&u(this,To)){this.dispatchEvent(new Event("ended",{bubbles:!0})),(p=u(this,Vt))==null||p.call(this);return}let h=Object.assign(new Error(v),{code:c});this.dispatchEvent(new ErrorEvent("error",{error:h,message:v,bubbles:!0})),(f=u(this,Vt))==null||f.call(this)},onActiveVideoElementChange:l=>{var v;let c=(v=l.data)==null?void 0:v.activeVideoElement;c&&(_(this,Se,c),O(this,ke,vm).call(this,c))}}}},vm=function(t){u(this,_i).forEach(o=>o()),_(this,_i,[]);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,_i).push(()=>t.removeEventListener(o,n))}},fm=function(){for(let o of this.videoTracks)this.removeVideoTrack(o);if(u(this,rr).length===0)return;let t=this.addVideoTrack("main");t.id="main",t.selected=!0;for(let o of u(this,rr)){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,Xn,!0),(n=u(this,le))==null||n.setAdaption({rule:"deviationOfMean2"})):(_(this,Xn,!1),(a=u(this,le))==null||a.switchStream(o).catch(()=>{}),(l=u(this,le))==null||l.setAdaption({rule:"none"}))};this.videoRenditions.addEventListener("change",r)},gl=function(t){if(Object.prototype.hasOwnProperty.call(this,t)){let r=this[t];delete this[t],this[t]=r}},or.shadowRootOptions={...Pe.shadowRootOptions};globalThis.customElements&&!globalThis.customElements.get("nano-video")&&globalThis.customElements.define("nano-video",or);var gm=or;import{Room as HE,RoomEvent as Ao,Track as Em,VideoQuality as $E}from"livekit-client";var BE=go(Pe),ze,_e,re,kt,So,Lt,ko,Lo,de,Uc,bm,_m,El,ym,Tm,bl,nr=class extends BE{constructor(){super();S(this,de);S(this,ze,null);S(this,_e,null);S(this,re,null);S(this,kt,[]);S(this,So,[]);S(this,Lt,"disconnected");S(this,ko,null);S(this,Lo,null);this.room=null;O(this,de,bl).call(this,"config"),O(this,de,bl).call(this,"url"),O(this,de,bl).call(this,"token")}static get observedAttributes(){return[...Pe.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>
+      ${Pe.getTemplateHTML(a)}
+    `}get config(){return u(this,ze)}set config(t){_(this,ze,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,v;let t=!u(this,_e);O(this,de,Uc).call(this);let r=this.url,o=this.token;if(!r||!o)return;_(this,ko,new Promise(h=>{_(this,Lo,h)})),t&&!u(this,ze)&&_(this,ze,JSON.parse(((c=(l=this.shadowRoot)==null?void 0:l.getElementById("config"))==null?void 0:c.textContent)||"{}"));let n=O(this,de,ym).call(this),a=O(this,de,Tm).call(this);_(this,_e,new HE(n)),this.room=u(this,_e),u(this,_e).on(Ao.Connected,()=>{_(this,Lt,"connected")}),u(this,_e).on(Ao.Disconnected,h=>{if(_(this,Lt,"disconnected"),h){let p=Object.assign(new Error(`LiveKit disconnected: ${h}`),{code:4001});this.dispatchEvent(new ErrorEvent("error",{error:p,message:p.message}))}else this.dispatchEvent(new Event("ended"))}),u(this,_e).on(Ao.Reconnecting,()=>{_(this,Lt,"reconnecting"),this.dispatchEvent(new Event("waiting"))}),u(this,_e).on(Ao.Reconnected,()=>{_(this,Lt,"connected"),this.dispatchEvent(new Event("playing"))}),u(this,_e).on(Ao.TrackSubscribed,(h,p,f)=>{var m,A;if(h.kind===Em.Kind.Video){let g=h.attach();g.style.width="100%",g.style.height="100%",g.style.objectFit="contain",g.style.position="absolute",g.style.top="0",g.style.left="0",this.nativeEl.muted&&(g.muted=!0),this.nativeEl.style.display="none",(m=this.shadowRoot)==null||m.appendChild(g),_(this,re,g),O(this,de,bm).call(this,g),O(this,de,_m).call(this,p),this.dispatchEvent(new Event("loadedmetadata")),this.dispatchEvent(new Event("resize")),this.dispatchEvent(new Event("canplay")),this.dispatchEvent(new Event("playing")),(A=u(this,Lo))==null||A.call(this)}}),u(this,_e).on(Ao.TrackUnsubscribed,h=>{h.kind===Em.Kind.Video&&(h.detach(),O(this,de,El).call(this),u(this,re)&&(u(this,kt).forEach(p=>p()),_(this,kt,[]),u(this,re).remove(),_(this,re,null)))}),_(this,Lt,"connecting"),this.dispatchEvent(new Event("loadstart"));try{await u(this,_e).connect(r,o,a)}catch(h){_(this,Lt,"failed"),console.error("[livekit-video] Failed to connect:",h);let p=h instanceof Error?h.message:"Failed to connect to LiveKit room",f=Object.assign(new Error(p),{code:4e3});this.dispatchEvent(new ErrorEvent("error",{error:f,message:p})),(v=u(this,Lo))==null||v.call(this)}}async play(){return u(this,ko)&&await u(this,ko),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;O(this,de,Uc).call(this),(t=super.disconnectedCallback)==null||t.call(this)}};ze=new WeakMap,_e=new WeakMap,re=new WeakMap,kt=new WeakMap,So=new WeakMap,Lt=new WeakMap,ko=new WeakMap,Lo=new WeakMap,de=new WeakSet,Uc=function(){u(this,kt).forEach(t=>t()),_(this,kt,[]),O(this,de,El).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,Lt,"disconnected")},bm=function(t){u(this,kt).forEach(o=>o()),_(this,kt,[]);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,kt).push(()=>t.removeEventListener(o,n))}},_m=function(t){var l;O(this,de,El).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,v)=>c.quality-v.quality);for(let c of n){let v=o.addRendition("",c.width,c.height,void 0,c.bitrate);v.id=`${c.quality}`}let a=()=>{let c=this.videoRenditions.selectedIndex;if(c<0)t.setVideoQuality($E.HIGH);else{let v=n[c];v&&t.setVideoQuality(v.quality)}};this.videoRenditions.addEventListener("change",a),u(this,So).push(()=>this.videoRenditions.removeEventListener("change",a))},El=function(){u(this,So).forEach(t=>t()),_(this,So,[]);for(let t of this.videoTracks)this.removeVideoTrack(t)},ym=function(){var t,r,o;return{adaptiveStream:((t=u(this,ze))==null?void 0:t.adaptiveStream)??!1,dynacast:((r=u(this,ze))==null?void 0:r.dynacast)??!0,disconnectOnPageLeave:((o=u(this,ze))==null?void 0:o.disconnectOnPageLeave)??!1}},Tm=function(){var t,r;return{autoSubscribe:!0,peerConnectionTimeout:((t=u(this,ze))==null?void 0:t.peerConnectionTimeout)??8e3,rtcConfig:{iceTransportPolicy:((r=u(this,ze))==null?void 0:r.iceTransportPolicy)??"relay"}}},bl=function(t){if(Object.prototype.hasOwnProperty.call(this,t)){let r=this[t];delete this[t],this[t]=r}},nr.shadowRootOptions={...Pe.shadowRootOptions};globalThis.customElements&&!globalThis.customElements.get("livekit-video")&&globalThis.customElements.define("livekit-video",nr);var Am=nr;export{da as Attribute,ie as BPDefaultUI,ni as BPErrorDisplay,It as BPLiveError,Bo as BPLiveService,Ut as BPOverlay,we as BPPlayer,Be as Hls,ir as HlsVideo,pm as HlsVideoElement,nr as LiveKitVideo,Am as LiveKitVideoElement,Gm as NANOPLAYER_NO_REPLAY_CODES,or as NanoVideo,gm as NanoVideoElement,aa as PlayerCoreImpl,Xm as StateReceiverMixin,hr as StateReceiverProps,Vo as addGlobalStyles,Nl as classifyLiveKitError,Ul as classifyNanoPlayerError,oa as createInitialState,Hl as createPlayerCore,tv as createTemplate,pr as forEachStateReceiverElement,ur as isBPLiveClipSource,zm as isBPLiveSource,na as isBPLiveStreamSource,$l as isStateReceiverElement,sa as propagateStateToReceiver,la as removeStateFromReceiver,iv as templateWithStyles,fe as toggleAttribute};
+/*! 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
+   *)
+*/
+//# sourceMappingURL=bp-player.mjs.map