@broadcastingplatforms/player 0.0.0-dev.3802fed → 0.0.0-dev.40838b1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +220 -0
- package/dist/bp-player.js +424 -321
- package/dist/bp-player.mjs +424 -321
- package/dist/bp-player.standalone.mjs +425 -322
- package/dist/bplive/service.d.ts +4 -2
- package/dist/components/bp-default-ui.d.ts +10 -10
- package/dist/components/bp-error-display.d.ts +2 -0
- package/dist/components/bp-player.d.ts +18 -37
- package/dist/components/index.d.ts +1 -0
- package/dist/components/video-rendition-list.d.ts +38 -0
- package/dist/core/index.d.ts +2 -2
- package/dist/core/player-core.d.ts +42 -11
- package/dist/core/state.d.ts +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/providers/contract.d.ts +9 -0
- package/dist/util/attribute.d.ts +0 -3
- package/package.json +5 -3
- package/dist/bp-player.js.map +0 -7
- package/dist/bp-player.mjs.map +0 -7
- package/dist/bp-player.standalone.mjs.map +0 -7
- package/dist/bplive/index.d.ts.map +0 -1
- package/dist/bplive/service.d.ts.map +0 -1
- package/dist/bplive/types.d.ts.map +0 -1
- package/dist/components/bp-default-ui.d.ts.map +0 -1
- package/dist/components/bp-error-display.d.ts.map +0 -1
- package/dist/components/bp-overlay.d.ts.map +0 -1
- package/dist/components/bp-player.d.ts.map +0 -1
- package/dist/components/index.d.ts.map +0 -1
- package/dist/core/index.d.ts.map +0 -1
- package/dist/core/player-core.d.ts.map +0 -1
- package/dist/core/state-receiver.d.ts.map +0 -1
- package/dist/core/state.d.ts.map +0 -1
- package/dist/elements/hls-video.d.ts.map +0 -1
- package/dist/elements/index.d.ts.map +0 -1
- package/dist/elements/livekit-video.d.ts.map +0 -1
- package/dist/elements/nano-video.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/providers/contract.d.ts.map +0 -1
- package/dist/providers/index.d.ts.map +0 -1
- package/dist/styles/index.d.ts.map +0 -1
- package/dist/util/attribute.d.ts.map +0 -1
- package/dist/util/index.d.ts.map +0 -1
package/dist/bp-player.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* BP Player (v0.0.0-dev.
|
|
2
|
+
* BP Player (v0.0.0-dev.40838b1)
|
|
3
3
|
* Universal video player web component
|
|
4
4
|
*/
|
|
5
|
-
"use strict";var BPPlayer=(()=>{var Om=Object.create;var pr=Object.defineProperty;var ou=Object.getOwnPropertyDescriptor;var Um=Object.getOwnPropertyNames;var Nm=Object.getPrototypeOf,$m=Object.prototype.hasOwnProperty;var nu=i=>{throw TypeError(i)};var Hm=(i,e,t)=>e in i?pr(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var au=(i=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(i,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):i)(function(i){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+i+'" is not supported')});var Bm=(i,e)=>{for(var t in e)pr(i,t,{get:e[t],enumerable:!0})},su=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of Um(e))!$m.call(i,o)&&o!==t&&pr(i,o,{get:()=>e[o],enumerable:!(r=ou(e,o))||r.enumerable});return i};var Vm=(i,e,t)=>(t=i!=null?Om(Nm(i)):{},su(e||!i||!i.__esModule?pr(t,"default",{value:i,enumerable:!0}):t,i)),Wm=i=>su(pr({},"__esModule",{value:!0}),i),x=(i,e,t,r)=>{for(var o=r>1?void 0:r?ou(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&pr(e,t,o),o};var H=(i,e,t)=>Hm(i,typeof e!="symbol"?e+"":e,t),Al=(i,e,t)=>e.has(i)||nu("Cannot "+t);var u=(i,e,t)=>(Al(i,e,"read from private field"),t?t.call(i):e.get(i)),S=(i,e,t)=>e.has(i)?nu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_=(i,e,t,r)=>(Al(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),U=(i,e,t)=>(Al(i,e,"access private method"),t);var FE={};Bm(FE,{Attribute:()=>zo,BPDefaultUI:()=>z,BPErrorDisplay:()=>Ht,BPLiveError:()=>at,BPLiveService:()=>fr,BPOverlay:()=>It,BPPlayer:()=>fe,Hls:()=>Se.default,HlsVideo:()=>bi,HlsVideoElement:()=>Pc,LiveKitVideo:()=>Si,LiveKitVideoElement:()=>Nc,NANOPLAYER_NO_REPLAY_CODES:()=>ku,NanoVideo:()=>Ai,NanoVideoElement:()=>Oc,PlayerCoreImpl:()=>Ko,StateReceiverMixin:()=>Iu,StateReceiverProps:()=>Ri,addGlobalStyles:()=>gr,classifyNanoPlayerError:()=>Lu,createInitialState:()=>Wo,createPlayerCore:()=>ca,createTemplate:()=>xu,forEachStateReceiverElement:()=>xi,isBPLiveClipSource:()=>Mi,isBPLiveSource:()=>wu,isBPLiveStreamSource:()=>Fo,isStateReceiverElement:()=>ua,propagateStateToReceiver:()=>qo,removeStateFromReceiver:()=>Go,templateWithStyles:()=>Pu,toggleAttribute:()=>Te});var na=globalThis,aa=na.ShadowRoot&&(na.ShadyCSS===void 0||na.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Sl=Symbol(),lu=new WeakMap,xo=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==Sl)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(aa&&e===void 0){let r=t!==void 0&&t.length===1;r&&(e=lu.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&lu.set(t,e))}return e}toString(){return this.cssText}},du=i=>new xo(typeof i=="string"?i:i+"",void 0,Sl),Po=(i,...e)=>{let t=i.length===1?i[0]:e.reduce((r,o,n)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[n+1],i[0]);return new xo(t,i,Sl)},cu=(i,e)=>{if(aa)i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let r=document.createElement("style"),o=na.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)}},kl=aa?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(let r of e.cssRules)t+=r.cssText;return du(t)})(i):i;var{is:Fm,defineProperty:Km,getOwnPropertyDescriptor:qm,getOwnPropertyNames:Gm,getOwnPropertySymbols:zm,getPrototypeOf:Ym}=Object,Kt=globalThis,uu=Kt.trustedTypes,Qm=uu?uu.emptyScript:"",Ll=Kt.reactiveElementPolyfillSupport,Do=(i,e)=>i,Oo={toAttribute(i,e){switch(e){case Boolean:i=i?Qm:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},sa=(i,e)=>!Fm(i,e),hu={attribute:!0,type:String,converter:Oo,reflect:!1,useDefault:!1,hasChanged:sa};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Kt.litPropertyMetadata??(Kt.litPropertyMetadata=new WeakMap);var xt=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=hu){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let r=Symbol(),o=this.getPropertyDescriptor(e,r,t);o!==void 0&&Km(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){let{get:o,set:n}=qm(this.prototype,e)??{get(){return this[t]},set(a){this[t]=a}};return{get:o,set(a){let l=o==null?void 0:o.call(this);n==null||n.call(this,a),this.requestUpdate(e,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??hu}static _$Ei(){if(this.hasOwnProperty(Do("elementProperties")))return;let e=Ym(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Do("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Do("properties"))){let t=this.properties,r=[...Gm(t),...zm(t)];for(let o of r)this.createProperty(o,t[o])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[r,o]of t)this.elementProperties.set(r,o)}this._$Eh=new Map;for(let[t,r]of this.elementProperties){let o=this._$Eu(t,r);o!==void 0&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let r=new Set(e.flat(1/0).reverse());for(let o of r)t.unshift(kl(o))}else e!==void 0&&t.push(kl(e));return t}static _$Eu(e,t){let r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let r of t.keys())this.hasOwnProperty(r)&&(e.set(r,this[r]),delete this[r]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return cu(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(t=>{var r;return(r=t.hostConnected)==null?void 0:r.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var r;return(r=t.hostDisconnected)==null?void 0:r.call(t)})}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$ET(e,t){var n;let r=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,r);if(o!==void 0&&r.reflect===!0){let a=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:Oo).toAttribute(t,r.type);this._$Em=e,a==null?this.removeAttribute(o):this.setAttribute(o,a),this._$Em=null}}_$AK(e,t){var n,a;let r=this.constructor,o=r._$Eh.get(e);if(o!==void 0&&this._$Em!==o){let l=r.getPropertyOptions(o),c=typeof l.converter=="function"?{fromAttribute:l.converter}:((n=l.converter)==null?void 0:n.fromAttribute)!==void 0?l.converter:Oo;this._$Em=o;let p=c.fromAttribute(t,l.type);this[o]=p??((a=this._$Ej)==null?void 0:a.get(o))??p,this._$Em=null}}requestUpdate(e,t,r){var o;if(e!==void 0){let n=this.constructor,a=this[e];if(r??(r=n.getPropertyOptions(e)),!((r.hasChanged??sa)(a,t)||r.useDefault&&r.reflect&&a===((o=this._$Ej)==null?void 0:o.get(e))&&!this.hasAttribute(n._$Eu(e,r))))return;this.C(e,t,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:r,reflect:o,wrapped:n},a){r&&!(this._$Ej??(this._$Ej=new Map)).has(e)&&(this._$Ej.set(e,a??t??this[e]),n!==!0||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||r||(t=void 0),this._$AL.set(e,t)),o===!0&&this._$Em!==e&&(this._$Eq??(this._$Eq=new Set)).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[n,a]of this._$Ep)this[n]=a;this._$Ep=void 0}let o=this.constructor.elementProperties;if(o.size>0)for(let[n,a]of o){let{wrapped:l}=a,c=this[n];l!==!0||this._$AL.has(n)||c===void 0||this.C(n,void 0,a,c)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(r=this._$EO)==null||r.forEach(o=>{var n;return(n=o.hostUpdate)==null?void 0:n.call(o)}),this.update(t)):this._$EM()}catch(o){throw e=!1,this._$EM(),o}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(r=>{var o;return(o=r.hostUpdated)==null?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(t=>this._$ET(t,this[t]))),this._$EM()}updated(e){}firstUpdated(e){}};xt.elementStyles=[],xt.shadowRootOptions={mode:"open"},xt[Do("elementProperties")]=new Map,xt[Do("finalized")]=new Map,Ll==null||Ll({ReactiveElement:xt}),(Kt.reactiveElementVersions??(Kt.reactiveElementVersions=[])).push("2.1.1");var No=globalThis,la=No.trustedTypes,pu=la?la.createPolicy("lit-html",{createHTML:i=>i}):void 0,bu="$lit$",qt=`lit$${Math.random().toFixed(9).slice(2)}$`,_u="?"+qt,Zm=`<${_u}>`,wi=document,$o=()=>wi.createComment(""),Ho=i=>i===null||typeof i!="object"&&typeof i!="function",Dl=Array.isArray,Xm=i=>Dl(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",wl=`[
|
|
6
|
-
\f\r]`,
|
|
7
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),fu=/'/g,gu=/"/g,yu=/^(?:script|style|textarea|title)$/i,Ol=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),He=Ol(1),ZE=Ol(2),XE=Ol(3),Ii=Symbol.for("lit-noChange"),ae=Symbol.for("lit-nothing"),Eu=new WeakMap,Li=wi.createTreeWalker(wi,129);function Tu(i,e){if(!Dl(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return pu!==void 0?pu.createHTML(e):e}var Jm=(i,e)=>{let t=i.length-1,r=[],o,n=e===2?"<svg>":e===3?"<math>":"",a=Uo;for(let l=0;l<t;l++){let c=i[l],p,h,v=-1,g=0;for(;g<c.length&&(a.lastIndex=g,h=a.exec(c),h!==null);)g=a.lastIndex,a===Uo?h[1]==="!--"?a=mu:h[1]!==void 0?a=vu:h[2]!==void 0?(yu.test(h[2])&&(o=RegExp("</"+h[2],"g")),a=ki):h[3]!==void 0&&(a=ki):a===ki?h[0]===">"?(a=o??Uo,v=-1):h[1]===void 0?v=-2:(v=a.lastIndex-h[2].length,p=h[1],a=h[3]===void 0?ki:h[3]==='"'?gu:fu):a===gu||a===fu?a=ki:a===mu||a===vu?a=Uo:(a=ki,o=void 0);let m=a===ki&&i[l+1].startsWith("/>")?" ":"";n+=a===Uo?c+Zm:v>=0?(r.push(p),c.slice(0,v)+bu+c.slice(v)+qt+m):c+qt+(v===-2?l:m)}return[Tu(i,n+(i[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),r]},Bo=class i{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let n=0,a=0,l=e.length-1,c=this.parts,[p,h]=Jm(e,t);if(this.el=i.createElement(p,r),Li.currentNode=this.el.content,t===2||t===3){let v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(o=Li.nextNode())!==null&&c.length<l;){if(o.nodeType===1){if(o.hasAttributes())for(let v of o.getAttributeNames())if(v.endsWith(bu)){let g=h[a++],m=o.getAttribute(v).split(qt),A=/([.?@])?(.*)/.exec(g);c.push({type:1,index:n,name:A[2],strings:m,ctor:A[1]==="."?Ml:A[1]==="?"?Rl:A[1]==="@"?xl:vr}),o.removeAttribute(v)}else v.startsWith(qt)&&(c.push({type:6,index:n}),o.removeAttribute(v));if(yu.test(o.tagName)){let v=o.textContent.split(qt),g=v.length-1;if(g>0){o.textContent=la?la.emptyScript:"";for(let m=0;m<g;m++)o.append(v[m],$o()),Li.nextNode(),c.push({type:2,index:++n});o.append(v[g],$o())}}}else if(o.nodeType===8)if(o.data===_u)c.push({type:2,index:n});else{let v=-1;for(;(v=o.data.indexOf(qt,v+1))!==-1;)c.push({type:7,index:n}),v+=qt.length-1}n++}}static createElement(e,t){let r=wi.createElement("template");return r.innerHTML=e,r}};function mr(i,e,t=i,r){var a,l;if(e===Ii)return e;let o=r!==void 0?(a=t._$Co)==null?void 0:a[r]:t._$Cl,n=Ho(e)?void 0:e._$litDirective$;return(o==null?void 0:o.constructor)!==n&&((l=o==null?void 0:o._$AO)==null||l.call(o,!1),n===void 0?o=void 0:(o=new n(i),o._$AT(i,t,r)),r!==void 0?(t._$Co??(t._$Co=[]))[r]=o:t._$Cl=o),o!==void 0&&(e=mr(i,o._$AS(i,e.values),o,r)),e}var Cl=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:r}=this._$AD,o=((e==null?void 0:e.creationScope)??wi).importNode(t,!0);Li.currentNode=o;let n=Li.nextNode(),a=0,l=0,c=r[0];for(;c!==void 0;){if(a===c.index){let p;c.type===2?p=new Vo(n,n.nextSibling,this,e):c.type===1?p=new c.ctor(n,c.name,c.strings,this,e):c.type===6&&(p=new Pl(n,this,e)),this._$AV.push(p),c=r[++l]}a!==(c==null?void 0:c.index)&&(n=Li.nextNode(),a++)}return Li.currentNode=wi,o}p(e){let t=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},Vo=class i{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,t,r,o){this.type=2,this._$AH=ae,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=mr(this,e,t),Ho(e)?e===ae||e==null||e===""?(this._$AH!==ae&&this._$AR(),this._$AH=ae):e!==this._$AH&&e!==Ii&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Xm(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ae&&Ho(this._$AH)?this._$AA.nextSibling.data=e:this.T(wi.createTextNode(e)),this._$AH=e}$(e){var n;let{values:t,_$litType$:r}=e,o=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=Bo.createElement(Tu(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===o)this._$AH.p(t);else{let a=new Cl(o,this),l=a.u(this.options);a.p(t),this.T(l),this._$AH=a}}_$AC(e){let t=Eu.get(e.strings);return t===void 0&&Eu.set(e.strings,t=new Bo(e)),t}k(e){Dl(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,r,o=0;for(let n of e)o===t.length?t.push(r=new i(this.O($o()),this.O($o()),this,this.options)):r=t[o],r._$AI(n),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,t);e!==this._$AB;){let o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}},vr=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,r,o,n){this.type=1,this._$AH=ae,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=ae}_$AI(e,t=this,r,o){let n=this.strings,a=!1;if(n===void 0)e=mr(this,e,t,0),a=!Ho(e)||e!==this._$AH&&e!==Ii,a&&(this._$AH=e);else{let l=e,c,p;for(e=n[0],c=0;c<n.length-1;c++)p=mr(this,l[r+c],t,c),p===Ii&&(p=this._$AH[c]),a||(a=!Ho(p)||p!==this._$AH[c]),p===ae?e=ae:e!==ae&&(e+=(p??"")+n[c+1]),this._$AH[c]=p}a&&!o&&this.j(e)}j(e){e===ae?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Ml=class extends vr{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ae?void 0:e}},Rl=class extends vr{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ae)}},xl=class extends vr{constructor(e,t,r,o,n){super(e,t,r,o,n),this.type=5}_$AI(e,t=this){if((e=mr(this,e,t,0)??ae)===Ii)return;let r=this._$AH,o=e===ae&&r!==ae||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,n=e!==ae&&(r===ae||o);o&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;typeof this._$AH=="function"?this._$AH.call(((t=this.options)==null?void 0:t.host)??this.element,e):this._$AH.handleEvent(e)}},Pl=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){mr(this,e)}};var Il=No.litHtmlPolyfillSupport;Il==null||Il(Bo,Vo),(No.litHtmlVersions??(No.litHtmlVersions=[])).push("3.3.1");var Au=(i,e,t)=>{let r=(t==null?void 0:t.renderBefore)??e,o=r._$litPart$;if(o===void 0){let n=(t==null?void 0:t.renderBefore)??null;r._$litPart$=o=new Vo(e.insertBefore($o(),n),n,void 0,t??{})}return o._$AI(i),o};var Ci=globalThis,Ie=class extends xt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;let e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Au(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return Ii}},Su;Ie._$litElement$=!0,Ie.finalized=!0,(Su=Ci.litElementHydrateSupport)==null||Su.call(Ci,{LitElement:Ie});var Ul=Ci.litElementPolyfillSupport;Ul==null||Ul({LitElement:Ie});(Ci.litElementVersions??(Ci.litElementVersions=[])).push("4.2.1");var Gt=i=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(i,e)}):customElements.define(i,e)};var jm={attribute:!0,type:String,converter:Oo,reflect:!1,hasChanged:sa},ev=(i=jm,e,t)=>{let{kind:r,metadata:o}=t,n=globalThis.litPropertyMetadata.get(o);if(n===void 0&&globalThis.litPropertyMetadata.set(o,n=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),n.set(t.name,i),r==="accessor"){let{name:a}=t;return{set(l){let c=e.get.call(this);e.set.call(this,l),this.requestUpdate(a,c,i)},init(l){return l!==void 0&&this.C(a,void 0,i,l),l}}}if(r==="setter"){let{name:a}=t;return function(l){let c=this[a];e.call(this,l),this.requestUpdate(a,c,i)}}throw Error("Unsupported decorator location: "+r)};function V(i){return(e,t)=>typeof t=="object"?ev(i,e,t):((r,o,n)=>{let a=o.hasOwnProperty(n);return o.constructor.createProperty(n,r),a?Object.getOwnPropertyDescriptor(o,n):void 0})(i,e,t)}function Ce(i){return V({...i,state:!0,attribute:!1})}var ku=[1005,1007,1008,1009,3001,3002,3003,3004,3005,3100,3101,3200,4003];function Lu(i){return i===1005||i===1007||i===1009?"autoplay":i>=2001&&i<=2004?"offline":i>=3e3&&i<=3999?"media":i>=4900&&i<=4999?"security":i>=4e3&&i<=4899?"network":i>=5e3&&i<=5999?"setup":i>=1e3&&i<=1999?"media":"unknown"}function Wo(){return{paused:!0,playing:!1,ended:!1,seeking:!1,waiting:!1,currentTime:0,duration:NaN,buffered:null,volume:1,muted:!1,loop:!1,playbackRate:1,readyState:0,videoWidth:0,videoHeight:0,qualities:[],currentQuality:null,targetQuality:null,fullscreen:!1,presentationMode:"inline",providerType:null,connectionState:"idle",streamType:"vod",contentType:"video",error:null}}function Fo(i){return typeof i=="object"&&i!==null&&"type"in i&&i.type==="bplive"&&"streamId"in i}function Mi(i){return typeof i=="object"&&i!==null&&"type"in i&&i.type==="bplive"&&"clipId"in i}function wu(i){return Fo(i)||Mi(i)}var at=class extends Error{constructor(t,r,o){super(t);this.code=r;this.status=o;this.name="BPLiveError"}},fr=class{constructor(e){this._authToken=null;this._stream=null;this._clip=null;this._config=e,this._authToken=e.authToken??null}get config(){return this._config}get authToken(){return this._authToken}get stream(){return this._stream}get clip(){return this._clip}async fetch(e){if(!this._authToken)throw new at("No auth token provided. Ensure config.bpLive.authToken is set before loading a BPLive source.","AUTH_REQUIRED");let t=`${this._config.discoveryUrl}${e}`,r=await fetch(t,{method:"GET",headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:`Bearer ${this._authToken}`}});if(!r.ok)throw new at(`HTTP ${r.status}: ${r.statusText}`,"HTTP_ERROR",r.status);return r.json()}async getStream(e){return this.fetch(`/streams/${e}`)}async getClip(e){return this.fetch(`/clips/${e}`)}mapPlayerSourceToResolvedSource(e){if(e.provider==="livekit")return{type:"livekit",url:e.url,token:e.token,room:e.room};if(e.provider==="nanoplayer"){let{provider:t,...r}=e;return{type:"nano",source:r}}throw new at(`Unknown player source provider: ${e.provider}`,"UNKNOWN_PROVIDER")}selectClipMedia(e,t="landscape"){let r=e.filter(l=>l.type==="clip");if(r.length===0)return null;let o=r.find(l=>l.orientation===t);if(o)return o;let n=t==="landscape"?"portrait":"landscape",a=r.find(l=>l.orientation===n);return a||r[0]}mapClipMediaToPlayerSource(e){return{type:"video",url:e.url}}async resolveSource(e){if(this._stream=null,this._clip=null,Fo(e))return this.resolveStreamSource(e);if(Mi(e))return this.resolveClipSource(e);throw new at("Invalid BPLive source","INVALID_SOURCE")}extractStreamPoster(e){var t;return e.cover_photo??((t=e.channel)==null?void 0:t.cover_image)??void 0}async resolveStreamSource(e){var a,l,c;let r=(await this.getStream(e.streamId)).data;this._stream=r;let o=r.player_source??((a=r.active_stream)==null?void 0:a.player_source),n=this.extractStreamPoster(r);if(o)return{source:this.mapPlayerSourceToResolvedSource(o),contentType:"stream",poster:n};if(((c=(l=r.media)==null?void 0:l.vod)==null?void 0:c.length)>0){let p=r.media.vod[0];return{source:{type:"video",url:p.original},contentType:"video",poster:n??p.thumb??void 0}}throw new at("Stream is not live and has no VOD content","STREAM_OFFLINE")}async resolveClipSource(e){let r=(await this.getClip(e.clipId)).data;this._clip=r;let o=this.selectClipMedia(r.media,e.preferredOrientation);if(!o)throw new at("No playable media found in clip","NO_MEDIA");let n=o.orientation==="portrait"||e.preferredOrientation==="portrait";return{source:this.mapClipMediaToPlayerSource(o),contentType:"clip",poster:o.thumbnail??void 0,aspectRatio:n?"9 / 16":"16 / 9"}}destroy(){this._authToken=null,this._stream=null,this._clip=null}};function tv(i){if(typeof i=="string")return"video";switch(i.type){case"video":return"video";case"nano":return"nano";case"livekit":return"livekit";default:return"video"}}function iv(i){return typeof i=="object"&&i!==null&&i.type==="bplive"}var rv=["loadstart","loadedmetadata","loadeddata","canplay","canplaythrough","play","playing","pause","waiting","seeking","seeked","timeupdate","durationchange","ratechange","volumechange","ended","progress","error","resize"],Ko=class{constructor(){this._mediaElement=null;this._container=null;this._listeners=new Map;this._eventCleanup=[];this._destroyed=!1;this._bpLive=null;this._state=Wo()}get state(){return this._state}get videoElement(){return this._mediaElement}get bpLive(){return this._bpLive}addEventListener(e,t){let r=Array.isArray(e)?e:[e];for(let o of r)this._listeners.has(o)||this._listeners.set(o,new Set),this._listeners.get(o).add(t)}removeEventListener(e,t){let r=Array.isArray(e)?e:[e];for(let o of r){let n=this._listeners.get(o);n&&(n.delete(t),n.size===0&&this._listeners.delete(o))}}dispatch(e,t){let r=this._listeners.get(e);if(r)for(let o of r)try{o(t)}catch(n){console.error(`[PlayerCore] Error in event listener for "${e}":`,n)}}updateState(e){this._state={...this._state,...e},this.dispatch("statechange",{state:this._state})}async loadSource(e,t,r){if(!this._destroyed){this.unloadSource(),this._container=t,this.updateState({connectionState:"connecting"}),this.dispatch("sourcechange",{source:e});try{let o=e,n=this._state.contentType,a,l;if(iv(e)){if(r!=null&&r.bpLive&&(this._bpLive&&this._bpLive.destroy(),this._bpLive=new fr(r.bpLive)),!this._bpLive)throw new Error("BPLive source requires config.bpLive configuration.");let g=await this._bpLive.resolveSource(e);o=g.source,n=g.contentType,a=g.poster,l=g.aspectRatio}let c=tv(o),v=c==="nano"||c==="livekit"||n==="stream"?"live":"vod";return this.updateState({providerType:c,contentType:n,streamType:v}),this._mediaElement=this.createMediaElement(c,o,r),this._mediaElement.style.width="100%",this._mediaElement.style.height="100%",this._mediaElement.style.objectFit="contain",this._state.muted&&(this._mediaElement.muted=!0),this._state.loop&&(this._mediaElement.loop=!0),this.attachMediaElementListeners(this._mediaElement),t.appendChild(this._mediaElement),this.dispatch("videoelementchange",{video:this._mediaElement}),{poster:a,aspectRatio:l}}catch(o){console.error("[PlayerCore] loadSource error:",o);let n={code:-1,message:o instanceof Error?o.message:"Failed to load source",fatal:!0,category:"setup"};this.updateState({error:n,connectionState:"failed"}),this.dispatch("error",n)}}}createMediaElement(e,t,r){switch(e){case"nano":{let o=document.createElement("nano-video"),n=t;return o.libraryLocation=(r==null?void 0:r.libraryLocation)??"/vendor/bp-player",n.source?o.sourceConfig=n.source:n.streamid&&(o.streamid=n.streamid),r!=null&&r.nano&&(o.config=r.nano),o}case"livekit":{let o=document.createElement("livekit-video"),n=t;return o.url=n.url,o.token=n.token,r!=null&&r.livekit&&(o.config=r.livekit),o}case"video":default:{let o=document.createElement("hls-video"),n=typeof t=="string"?t:t.url;return o.src=n,r!=null&&r.video&&(o.config=r.video),o}}}attachMediaElementListeners(e){for(let t of rv){let r=()=>this.handleMediaEvent(t,e);e.addEventListener(t,r),this._eventCleanup.push(()=>e.removeEventListener(t,r))}}handleMediaEvent(e,t){var r,o;switch(e){case"loadstart":this.updateState({readyState:1}),this.dispatch("loadstart",void 0);break;case"loadedmetadata":{let a=t.duration===1/0?"live":this._state.streamType;this.updateState({duration:t.duration,videoWidth:t.videoWidth,videoHeight:t.videoHeight,streamType:a}),this.dispatch("loadedmetadata",{duration:t.duration,videoWidth:t.videoWidth,videoHeight:t.videoHeight});break}case"loadeddata":this.updateState({readyState:2}),this.dispatch("loadeddata",void 0);break;case"canplay":this.updateState({readyState:3,connectionState:"connected"}),this.dispatch("canplay",void 0),this.dispatch("connectionstatechange",{state:"connected"});break;case"canplaythrough":this.updateState({readyState:4}),this.dispatch("canplaythrough",void 0);break;case"play":this.updateState({paused:!1,ended:!1}),this.dispatch("play",void 0);break;case"playing":this.updateState({paused:!1,playing:!0,ended:!1,waiting:!1,readyState:4}),this.dispatch("playing",void 0);break;case"pause":this.updateState({paused:!0,playing:!1,waiting:!1}),this.dispatch("pause",void 0);break;case"waiting":this.updateState({playing:!1,waiting:!0,readyState:2}),this.dispatch("waiting",void 0);break;case"seeking":this.updateState({seeking:!0,currentTime:t.currentTime}),this.dispatch("seeking",{currentTime:t.currentTime});break;case"seeked":this.updateState({seeking:!1,currentTime:t.currentTime}),this.dispatch("seeked",{currentTime:t.currentTime});break;case"timeupdate":this.updateState({currentTime:t.currentTime,duration:t.duration}),this.dispatch("timeupdate",{currentTime:t.currentTime,duration:t.duration});break;case"durationchange":{let a=t.duration===1/0?"live":this._state.streamType;this.updateState({duration:t.duration,streamType:a}),this.dispatch("durationchange",{duration:t.duration}),this.dispatch("streamtypechange",{streamType:this._state.streamType});break}case"ratechange":this.updateState({playbackRate:t.playbackRate}),this.dispatch("ratechange",{playbackRate:t.playbackRate});break;case"volumechange":this.updateState({volume:t.volume,muted:t.muted}),this.dispatch("volumechange",{volume:t.volume,muted:t.muted});break;case"ended":this.updateState({ended:!0,paused:!0,playing:!1}),this.dispatch("ended",void 0);break;case"progress":this.updateState({buffered:t.buffered}),this.dispatch("progress",{buffered:t.buffered});break;case"error":let n={code:((r=t.error)==null?void 0:r.code)??-1,message:((o=t.error)==null?void 0:o.message)??"Unknown error",fatal:!0,category:"media"};this.updateState({error:n}),this.dispatch("error",n);break;case"resize":t.videoWidth&&t.videoHeight&&(this.updateState({videoWidth:t.videoWidth,videoHeight:t.videoHeight}),this.dispatch("resize",{videoWidth:t.videoWidth,videoHeight:t.videoHeight}));break}}unloadSource(){this._eventCleanup.forEach(e=>e()),this._eventCleanup=[],this._mediaElement&&(this._mediaElement.remove(),this._mediaElement=null),this.updateState({...Wo(),volume:this._state.volume,muted:this._state.muted,playbackRate:this._state.playbackRate}),this.dispatch("videoelementchange",{video:null}),this.dispatch("sourcechange",{source:null})}async play(){if(this._mediaElement){this.updateState({paused:!1}),this.dispatch("play",void 0);try{await this._mediaElement.play()}catch(e){throw this.updateState({paused:!0}),this.dispatch("pause",void 0),e}}}pause(){this._mediaElement&&(this.updateState({paused:!0,playing:!1}),this.dispatch("pause",void 0),this._mediaElement.pause())}seek(e){this._mediaElement&&(this._mediaElement.currentTime=e)}setVolume(e){let t=Math.max(0,Math.min(1,e));this.updateState({volume:t}),this._mediaElement&&(this._mediaElement.volume=t),this.dispatch("volumechange",{volume:t,muted:this._state.muted})}setMuted(e){this.updateState({muted:e}),this._mediaElement&&(this._mediaElement.muted=e),this.dispatch("volumechange",{volume:this._state.volume,muted:e})}setLoop(e){this.updateState({loop:e}),this._mediaElement&&(this._mediaElement.loop=e)}setPlaybackRate(e){this.updateState({playbackRate:e}),this._mediaElement&&(this._mediaElement.playbackRate=e),this.dispatch("ratechange",{playbackRate:e})}setTargetQuality(e){this.updateState({targetQuality:e}),this.dispatch("targetqualitychanged",{quality:e});let t=this._mediaElement;t!=null&&t.videoRenditions&&(t.videoRenditions.selectedIndex=(e==null?void 0:e.index)??-1)}setQuality(e){this.setTargetQuality(e)}setFullscreen(e){this.updateState({fullscreen:e,presentationMode:e?"fullscreen":"inline"}),this.dispatch("fullscreenchange",{fullscreen:e}),this.dispatch("presentationmodechange",{mode:e?"fullscreen":"inline"})}setPresentationMode(e){this.updateState({presentationMode:e,fullscreen:e==="fullscreen"}),this.dispatch("presentationmodechange",{mode:e})}destroy(){this._destroyed||(this._destroyed=!0,this.unloadSource(),this._bpLive&&(this._bpLive.destroy(),this._bpLive=null),this.dispatch("destroy",void 0),this._listeners.clear())}};function ca(){return new Ko}var Ri="bpPlayerObservedProperties";function ua(i){return Ri in i&&Array.isArray(i[Ri])}function Iu(i,e){class t extends i{get[Ri](){return e}}return t}function ov(i){if(i.shadowRoot)return Array.from(i.shadowRoot.children);if(i.localName==="slot"){let t=i.assignedNodes();if(t.length>0)return t.filter(r=>r.nodeType===Node.ELEMENT_NODE)}return Array.from(i.children)}async function xi(i,e,t){if(e!=null&&e.contains(i))return;i.nodeName.includes("-")&&!ua(i)&&(await Promise.resolve(),await customElements.whenDefined(i.nodeName.toLowerCase()),customElements.upgrade(i)),ua(i)&&t(i);let r=ov(i);r.length>0&&await Promise.all(r.map(o=>xi(o,e,t)))}function qo(i,e,t){let r=i[Ri];r.includes("player")&&(i.player=e),r.includes("paused")&&(i.paused=t.paused),r.includes("playing")&&(i.playing=t.playing),r.includes("ended")&&(i.ended=t.ended),r.includes("seeking")&&(i.seeking=t.seeking),r.includes("currentTime")&&(i.currentTime=t.currentTime),r.includes("duration")&&(i.duration=t.duration),r.includes("volume")&&(i.volume=t.volume),r.includes("muted")&&(i.muted=t.muted),r.includes("playbackRate")&&(i.playbackRate=t.playbackRate),r.includes("readyState")&&(i.readyState=t.readyState),r.includes("videoWidth")&&(i.videoWidth=t.videoWidth),r.includes("videoHeight")&&(i.videoHeight=t.videoHeight),r.includes("qualities")&&(i.qualities=t.qualities),r.includes("currentQuality")&&(i.currentQuality=t.currentQuality),r.includes("targetQuality")&&(i.targetQuality=t.targetQuality),r.includes("fullscreen")&&(i.fullscreen=t.fullscreen),r.includes("presentationMode")&&(i.presentationMode=t.presentationMode),r.includes("connectionState")&&(i.connectionState=t.connectionState),r.includes("streamType")&&(i.streamType=t.streamType),r.includes("error")&&(i.error=t.error)}function Go(i){i[Ri].includes("player")&&(i.player=void 0)}var Cu=`/**
|
|
5
|
+
"use strict";var BPPlayer=(()=>{var $m=Object.create;var pr=Object.defineProperty;var su=Object.getOwnPropertyDescriptor;var Bm=Object.getOwnPropertyNames;var Vm=Object.getPrototypeOf,Wm=Object.prototype.hasOwnProperty;var lu=i=>{throw TypeError(i)};var Fm=(i,e,t)=>e in i?pr(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var du=(i=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(i,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):i)(function(i){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+i+'" is not supported')});var Km=(i,e)=>{for(var t in e)pr(i,t,{get:e[t],enumerable:!0})},cu=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of Bm(e))!Wm.call(i,o)&&o!==t&&pr(i,o,{get:()=>e[o],enumerable:!(r=su(e,o))||r.enumerable});return i};var qm=(i,e,t)=>(t=i!=null?$m(Vm(i)):{},cu(e||!i||!i.__esModule?pr(t,"default",{value:i,enumerable:!0}):t,i)),Gm=i=>cu(pr({},"__esModule",{value:!0}),i),N=(i,e,t,r)=>{for(var o=r>1?void 0:r?su(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&pr(e,t,o),o};var $=(i,e,t)=>Fm(i,typeof e!="symbol"?e+"":e,t),wl=(i,e,t)=>e.has(i)||lu("Cannot "+t);var u=(i,e,t)=>(wl(i,e,"read from private field"),t?t.call(i):e.get(i)),S=(i,e,t)=>e.has(i)?lu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_=(i,e,t,r)=>(wl(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),O=(i,e,t)=>(wl(i,e,"access private method"),t);var zE={};Km(zE,{Attribute:()=>Yo,BPDefaultUI:()=>ee,BPErrorDisplay:()=>Ht,BPLiveError:()=>nt,BPLiveService:()=>fr,BPOverlay:()=>wt,BPPlayer:()=>Te,Hls:()=>Se.default,HlsVideo:()=>_i,HlsVideoElement:()=>Uc,LiveKitVideo:()=>Si,LiveKitVideoElement:()=>Bc,NANOPLAYER_NO_REPLAY_CODES:()=>Cu,NanoVideo:()=>Ai,NanoVideoElement:()=>Hc,PlayerCoreImpl:()=>qo,StateReceiverMixin:()=>Mu,StateReceiverProps:()=>Ri,addGlobalStyles:()=>gr,classifyLiveKitError:()=>ha,classifyNanoPlayerError:()=>ua,createInitialState:()=>Fo,createPlayerCore:()=>pa,createTemplate:()=>Du,forEachStateReceiverElement:()=>xi,isBPLiveClipSource:()=>Mi,isBPLiveSource:()=>Iu,isBPLiveStreamSource:()=>Ko,isStateReceiverElement:()=>ma,propagateStateToReceiver:()=>Go,removeStateFromReceiver:()=>zo,templateWithStyles:()=>Ou,toggleAttribute:()=>pe});var aa=globalThis,sa=aa.ShadowRoot&&(aa.ShadyCSS===void 0||aa.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Cl=Symbol(),uu=new WeakMap,Po=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==Cl)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(sa&&e===void 0){let r=t!==void 0&&t.length===1;r&&(e=uu.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&uu.set(t,e))}return e}toString(){return this.cssText}},hu=i=>new Po(typeof i=="string"?i:i+"",void 0,Cl),Do=(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 Po(t,i,Cl)},pu=(i,e)=>{if(sa)i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let r=document.createElement("style"),o=aa.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)}},Il=sa?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(let r of e.cssRules)t+=r.cssText;return hu(t)})(i):i;var{is:zm,defineProperty:Ym,getOwnPropertyDescriptor:Qm,getOwnPropertyNames:Zm,getOwnPropertySymbols:Xm,getPrototypeOf:Jm}=Object,Kt=globalThis,mu=Kt.trustedTypes,jm=mu?mu.emptyScript:"",Ml=Kt.reactiveElementPolyfillSupport,Oo=(i,e)=>i,Uo={toAttribute(i,e){switch(e){case Boolean:i=i?jm: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}},la=(i,e)=>!zm(i,e),vu={attribute:!0,type:String,converter:Uo,reflect:!1,useDefault:!1,hasChanged:la};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Kt.litPropertyMetadata??(Kt.litPropertyMetadata=new WeakMap);var Rt=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=vu){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&&Ym(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){let{get:o,set:n}=Qm(this.prototype,e)??{get(){return this[t]},set(a){this[t]=a}};return{get:o,set(a){let l=o==null?void 0:o.call(this);n==null||n.call(this,a),this.requestUpdate(e,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??vu}static _$Ei(){if(this.hasOwnProperty(Oo("elementProperties")))return;let e=Jm(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Oo("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Oo("properties"))){let t=this.properties,r=[...Zm(t),...Xm(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(Il(o))}else e!==void 0&&t.push(Il(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 pu(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:Uo).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),d=typeof l.converter=="function"?{fromAttribute:l.converter}:((n=l.converter)==null?void 0:n.fromAttribute)!==void 0?l.converter:Uo;this._$Em=o;let v=d.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??la)(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,d=this[n];l!==!0||this._$AL.has(n)||d===void 0||this.C(n,void 0,a,d)}}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){}};Rt.elementStyles=[],Rt.shadowRootOptions={mode:"open"},Rt[Oo("elementProperties")]=new Map,Rt[Oo("finalized")]=new Map,Ml==null||Ml({ReactiveElement:Rt}),(Kt.reactiveElementVersions??(Kt.reactiveElementVersions=[])).push("2.1.1");var Ho=globalThis,da=Ho.trustedTypes,fu=da?da.createPolicy("lit-html",{createHTML:i=>i}):void 0,Tu="$lit$",qt=`lit$${Math.random().toFixed(9).slice(2)}$`,Au="?"+qt,ev=`<${Au}>`,wi=document,$o=()=>wi.createComment(""),Bo=i=>i===null||typeof i!="object"&&typeof i!="function",Hl=Array.isArray,tv=i=>Hl(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",Rl=`[
|
|
6
|
+
\f\r]`,No=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,gu=/-->/g,Eu=/>/g,ki=RegExp(`>|${Rl}(?:([^\\s"'>=/]+)(${Rl}*=${Rl}*(?:[^
|
|
7
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),bu=/'/g,_u=/"/g,Su=/^(?:script|style|textarea|title)$/i,$l=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),We=$l(1),eb=$l(2),tb=$l(3),Ci=Symbol.for("lit-noChange"),fe=Symbol.for("lit-nothing"),yu=new WeakMap,Li=wi.createTreeWalker(wi,129);function ku(i,e){if(!Hl(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return fu!==void 0?fu.createHTML(e):e}var iv=(i,e)=>{let t=i.length-1,r=[],o,n=e===2?"<svg>":e===3?"<math>":"",a=No;for(let l=0;l<t;l++){let d=i[l],v,h,p=-1,f=0;for(;f<d.length&&(a.lastIndex=f,h=a.exec(d),h!==null);)f=a.lastIndex,a===No?h[1]==="!--"?a=gu:h[1]!==void 0?a=Eu:h[2]!==void 0?(Su.test(h[2])&&(o=RegExp("</"+h[2],"g")),a=ki):h[3]!==void 0&&(a=ki):a===ki?h[0]===">"?(a=o??No,p=-1):h[1]===void 0?p=-2:(p=a.lastIndex-h[2].length,v=h[1],a=h[3]===void 0?ki:h[3]==='"'?_u:bu):a===_u||a===bu?a=ki:a===gu||a===Eu?a=No:(a=ki,o=void 0);let m=a===ki&&i[l+1].startsWith("/>")?" ":"";n+=a===No?d+ev:p>=0?(r.push(v),d.slice(0,p)+Tu+d.slice(p)+qt+m):d+qt+(p===-2?l:m)}return[ku(i,n+(i[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),r]},Vo=class i{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let n=0,a=0,l=e.length-1,d=this.parts,[v,h]=iv(e,t);if(this.el=i.createElement(v,r),Li.currentNode=this.el.content,t===2||t===3){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=Li.nextNode())!==null&&d.length<l;){if(o.nodeType===1){if(o.hasAttributes())for(let p of o.getAttributeNames())if(p.endsWith(Tu)){let f=h[a++],m=o.getAttribute(p).split(qt),A=/([.?@])?(.*)/.exec(f);d.push({type:1,index:n,name:A[2],strings:m,ctor:A[1]==="."?Dl:A[1]==="?"?Ol:A[1]==="@"?Ul:vr}),o.removeAttribute(p)}else p.startsWith(qt)&&(d.push({type:6,index:n}),o.removeAttribute(p));if(Su.test(o.tagName)){let p=o.textContent.split(qt),f=p.length-1;if(f>0){o.textContent=da?da.emptyScript:"";for(let m=0;m<f;m++)o.append(p[m],$o()),Li.nextNode(),d.push({type:2,index:++n});o.append(p[f],$o())}}}else if(o.nodeType===8)if(o.data===Au)d.push({type:2,index:n});else{let p=-1;for(;(p=o.data.indexOf(qt,p+1))!==-1;)d.push({type:7,index:n}),p+=qt.length-1}n++}}static createElement(e,t){let r=wi.createElement("template");return r.innerHTML=e,r}};function mr(i,e,t=i,r){var a,l;if(e===Ci)return e;let o=r!==void 0?(a=t._$Co)==null?void 0:a[r]:t._$Cl,n=Bo(e)?void 0:e._$litDirective$;return(o==null?void 0:o.constructor)!==n&&((l=o==null?void 0:o._$AO)==null||l.call(o,!1),n===void 0?o=void 0:(o=new n(i),o._$AT(i,t,r)),r!==void 0?(t._$Co??(t._$Co=[]))[r]=o:t._$Cl=o),o!==void 0&&(e=mr(i,o._$AS(i,e.values),o,r)),e}var Pl=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:r}=this._$AD,o=((e==null?void 0:e.creationScope)??wi).importNode(t,!0);Li.currentNode=o;let n=Li.nextNode(),a=0,l=0,d=r[0];for(;d!==void 0;){if(a===d.index){let v;d.type===2?v=new Wo(n,n.nextSibling,this,e):d.type===1?v=new d.ctor(n,d.name,d.strings,this,e):d.type===6&&(v=new Nl(n,this,e)),this._$AV.push(v),d=r[++l]}a!==(d==null?void 0:d.index)&&(n=Li.nextNode(),a++)}return Li.currentNode=wi,o}p(e){let t=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},Wo=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=fe,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=mr(this,e,t),Bo(e)?e===fe||e==null||e===""?(this._$AH!==fe&&this._$AR(),this._$AH=fe):e!==this._$AH&&e!==Ci&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):tv(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!==fe&&Bo(this._$AH)?this._$AA.nextSibling.data=e:this.T(wi.createTextNode(e)),this._$AH=e}$(e){var n;let{values:t,_$litType$:r}=e,o=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=Vo.createElement(ku(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 Pl(o,this),l=a.u(this.options);a.p(t),this.T(l),this._$AH=a}}_$AC(e){let t=yu.get(e.strings);return t===void 0&&yu.set(e.strings,t=new Vo(e)),t}k(e){Hl(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,r,o=0;for(let n of e)o===t.length?t.push(r=new i(this.O($o()),this.O($o()),this,this.options)):r=t[o],r._$AI(n),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,t);e!==this._$AB;){let o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}},vr=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,r,o,n){this.type=1,this._$AH=fe,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=fe}_$AI(e,t=this,r,o){let n=this.strings,a=!1;if(n===void 0)e=mr(this,e,t,0),a=!Bo(e)||e!==this._$AH&&e!==Ci,a&&(this._$AH=e);else{let l=e,d,v;for(e=n[0],d=0;d<n.length-1;d++)v=mr(this,l[r+d],t,d),v===Ci&&(v=this._$AH[d]),a||(a=!Bo(v)||v!==this._$AH[d]),v===fe?e=fe:e!==fe&&(e+=(v??"")+n[d+1]),this._$AH[d]=v}a&&!o&&this.j(e)}j(e){e===fe?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Dl=class extends vr{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===fe?void 0:e}},Ol=class extends vr{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==fe)}},Ul=class extends vr{constructor(e,t,r,o,n){super(e,t,r,o,n),this.type=5}_$AI(e,t=this){if((e=mr(this,e,t,0)??fe)===Ci)return;let r=this._$AH,o=e===fe&&r!==fe||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,n=e!==fe&&(r===fe||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)}},Nl=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){mr(this,e)}};var xl=Ho.litHtmlPolyfillSupport;xl==null||xl(Vo,Wo),(Ho.litHtmlVersions??(Ho.litHtmlVersions=[])).push("3.3.1");var Lu=(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 Wo(e.insertBefore($o(),n),n,void 0,t??{})}return o._$AI(i),o};var Ii=globalThis,Ce=class extends Rt{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=Lu(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 Ci}},wu;Ce._$litElement$=!0,Ce.finalized=!0,(wu=Ii.litElementHydrateSupport)==null||wu.call(Ii,{LitElement:Ce});var Bl=Ii.litElementPolyfillSupport;Bl==null||Bl({LitElement:Ce});(Ii.litElementVersions??(Ii.litElementVersions=[])).push("4.2.1");var Gt=i=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(i,e)}):customElements.define(i,e)};var rv={attribute:!0,type:String,converter:Uo,reflect:!1,hasChanged:la},ov=(i=rv,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 d=e.get.call(this);e.set.call(this,l),this.requestUpdate(a,d,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 d=this[a];e.call(this,l),this.requestUpdate(a,d,i)}}throw Error("Unsupported decorator location: "+r)};function W(i){return(e,t)=>typeof t=="object"?ov(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 zt(i){return W({...i,state:!0,attribute:!1})}var Cu=[1005,1007,1008,1009,3001,3002,3003,3004,3005,3100,3101,3200,4003];function ua(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 ha(i){return i===4e3||i===4001?"network":"unknown"}function Fo(){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 Ko(i){return typeof i=="object"&&i!==null&&"type"in i&&i.type==="bplive"&&"streamId"in i}function Mi(i){return typeof i=="object"&&i!==null&&"type"in i&&i.type==="bplive"&&"clipId"in i}function Iu(i){return Ko(i)||Mi(i)}var nt=class extends Error{constructor(t,r,o){super(t);this.code=r;this.status=o;this.name="BPLiveError"}},fr=class{constructor(e){this._authToken=null;this._stream=null;this._clip=null;this._config=e,this._authToken=e.authToken??null}get config(){return this._config}get authToken(){return this._authToken}get stream(){return this._stream}get clip(){return this._clip}async fetch(e){if(!this._authToken)throw new nt("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 nt(`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 nt(`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,Ko(e))return this.resolveStreamSource(e);if(Mi(e))return this.resolveClipSource(e);throw new nt("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,d,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(((d=(l=r.media)==null?void 0:l.vod)==null?void 0:d.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 nt("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 nt("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 nv(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 av(i){return typeof i=="object"&&i!==null&&i.type==="bplive"}var sv=["loadstart","loadedmetadata","loadeddata","canplay","canplaythrough","play","playing","pause","waiting","seeking","seeked","timeupdate","durationchange","ratechange","volumechange","ended","progress","error","resize"],qo=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=Fo()}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,d,v,h;if(av(e)){if(n!=null&&n.bpLive&&(this._bpLive&&this._bpLive.destroy(),this._bpLive=new fr(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,d=L.poster,v=L.videoWidth,h=L.videoHeight}let p=nv(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:d,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 sv){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=ua(o),l=a!=="offline"&&a!=="autoplay"):this._state.providerType==="livekit"&&o>0&&(a=ha(o),l=!0);let d={code:o,message:n,fatal:l,category:a};this.updateState({error:d}),this.dispatch("error",d);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({...Fo(),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)}_getFullscreenTarget(){return this._container?this._container.closest("media-controller")??this._container.parentElement:null}async setFullscreen(e){this.updateState({fullscreen:e,presentationMode:e?"fullscreen":"inline"}),this.dispatch("fullscreenchange",{fullscreen:e}),this.dispatch("presentationmodechange",{mode:e?"fullscreen":"inline"});let t=this._getFullscreenTarget();t&&(e&&!document.fullscreenElement?await t.requestFullscreen():!e&&document.fullscreenElement&&await document.exitFullscreen())}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 pa(){return new qo}var Ri="bpPlayerObservedProperties";function ma(i){return Ri in i&&Array.isArray(i[Ri])}function Mu(i,e){class t extends i{get[Ri](){return e}}return t}function lv(i){if(i.shadowRoot)return Array.from(i.shadowRoot.children);if(i.localName==="slot"){let t=i.assignedNodes();if(t.length>0)return t.filter(r=>r.nodeType===Node.ELEMENT_NODE)}return Array.from(i.children)}async function xi(i,e,t){if(e!=null&&e.contains(i))return;i.nodeName.includes("-")&&!ma(i)&&(await Promise.resolve(),await customElements.whenDefined(i.nodeName.toLowerCase()),customElements.upgrade(i)),ma(i)&&t(i);let r=lv(i);r.length>0&&await Promise.all(r.map(o=>xi(o,e,t)))}function Go(i,e,t){let r=i[Ri];r.includes("player")&&(i.player=e),r.includes("paused")&&(i.paused=t.paused),r.includes("playing")&&(i.playing=t.playing),r.includes("ended")&&(i.ended=t.ended),r.includes("seeking")&&(i.seeking=t.seeking),r.includes("currentTime")&&(i.currentTime=t.currentTime),r.includes("duration")&&(i.duration=t.duration),r.includes("volume")&&(i.volume=t.volume),r.includes("muted")&&(i.muted=t.muted),r.includes("playbackRate")&&(i.playbackRate=t.playbackRate),r.includes("readyState")&&(i.readyState=t.readyState),r.includes("videoWidth")&&(i.videoWidth=t.videoWidth),r.includes("videoHeight")&&(i.videoHeight=t.videoHeight),r.includes("qualities")&&(i.qualities=t.qualities),r.includes("currentQuality")&&(i.currentQuality=t.currentQuality),r.includes("targetQuality")&&(i.targetQuality=t.targetQuality),r.includes("fullscreen")&&(i.fullscreen=t.fullscreen),r.includes("presentationMode")&&(i.presentationMode=t.presentationMode),r.includes("connectionState")&&(i.connectionState=t.connectionState),r.includes("streamType")&&(i.streamType=t.streamType),r.includes("error")&&(i.error=t.error)}function zo(i){i[Ri].includes("player")&&(i.player=void 0)}var Ru=`/**
|
|
8
8
|
* BP Player CSS Custom Properties
|
|
9
9
|
*
|
|
10
10
|
* All styling can be customized by overriding these CSS variables.
|
|
@@ -15,11 +15,14 @@
|
|
|
15
15
|
:host {
|
|
16
16
|
/* Container */
|
|
17
17
|
--bp-background: #000;
|
|
18
|
-
--bp-aspect-ratio: 16 / 9;
|
|
19
18
|
--bp-min-width: 300px;
|
|
20
19
|
--bp-border-radius: 0;
|
|
21
20
|
--bp-video-object-fit: contain;
|
|
22
21
|
|
|
22
|
+
/* Video Dimensions */
|
|
23
|
+
--bp-video-width: 16;
|
|
24
|
+
--bp-video-height: 9;
|
|
25
|
+
|
|
23
26
|
/* Typography */
|
|
24
27
|
--bp-text-color: #fff;
|
|
25
28
|
--bp-text-font-size: 14px;
|
|
@@ -113,7 +116,7 @@
|
|
|
113
116
|
/* Mobile */
|
|
114
117
|
--bp-mobile-control-backdrop-background: rgba(0, 0, 0, 0.5);
|
|
115
118
|
}
|
|
116
|
-
`;var
|
|
119
|
+
`;var xu=`/**
|
|
117
120
|
* BP Player Global Styles
|
|
118
121
|
*
|
|
119
122
|
* Base styles and resets for the player components.
|
|
@@ -133,8 +136,8 @@ html.bp-player-full-window > body {
|
|
|
133
136
|
margin: 0 !important;
|
|
134
137
|
padding: 0 !important;
|
|
135
138
|
}
|
|
136
|
-
`;var
|
|
137
|
-
`+
|
|
139
|
+
`;var Pu=!1;function gr(){if(Pu)return;let i=document.createElement("style");i.id="bp-player-global-styles",i.textContent=Ru+`
|
|
140
|
+
`+xu,document.head.appendChild(i),Pu=!0}function Du(i,e){let t;return()=>(t||(t=document.createElement("template"),t.innerHTML=e),t)}function Ou(i,e){return`<style>${i}</style>${e}`}var Yo=(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))(Yo||{});function pe(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 va=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,d)=>({index:d,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 Uu=`/**
|
|
138
141
|
* BP Player Styles
|
|
139
142
|
*
|
|
140
143
|
* Core player component styles using CSS custom properties.
|
|
@@ -148,8 +151,8 @@ bp-player {
|
|
|
148
151
|
display: block;
|
|
149
152
|
width: 100%;
|
|
150
153
|
height: 100%;
|
|
151
|
-
/*
|
|
152
|
-
aspect-ratio: var(--bp-
|
|
154
|
+
/* Aspect ratio computed from video dimensions */
|
|
155
|
+
aspect-ratio: var(--bp-video-width, 16) / var(--bp-video-height, 9);
|
|
153
156
|
}
|
|
154
157
|
|
|
155
158
|
bp-player[hidden] {
|
|
@@ -205,29 +208,6 @@ bp-player[hidden] {
|
|
|
205
208
|
object-fit: fill;
|
|
206
209
|
}
|
|
207
210
|
|
|
208
|
-
/* ============================================
|
|
209
|
-
Poster Image
|
|
210
|
-
============================================ */
|
|
211
|
-
|
|
212
|
-
.bp-player-poster {
|
|
213
|
-
position: absolute;
|
|
214
|
-
top: 0;
|
|
215
|
-
left: 0;
|
|
216
|
-
width: 100%;
|
|
217
|
-
height: 100%;
|
|
218
|
-
z-index: 1;
|
|
219
|
-
object-fit: var(--bp-video-object-fit, contain);
|
|
220
|
-
pointer-events: none;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
.bp-player-poster--crop {
|
|
224
|
-
object-fit: cover;
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
.bp-player-poster--fill {
|
|
228
|
-
object-fit: fill;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
211
|
/* ============================================
|
|
232
212
|
State Attributes
|
|
233
213
|
============================================ */
|
|
@@ -247,21 +227,20 @@ bp-player[waiting] {
|
|
|
247
227
|
bp-player[has-error] {
|
|
248
228
|
/* Styles when player has an error */
|
|
249
229
|
}
|
|
250
|
-
`;var Ou=!1;function lv(){if(Ou)return;gr();let i=document.createElement("style");i.id="bp-player-styles",i.textContent=Du,document.head.appendChild(i),Ou=!0}var dv=["play","playing","pause","waiting","seeking","seeked","timeupdate","durationchange","volumechange","ratechange","ended","loadedmetadata","loadeddata","canplay","canplaythrough","progress","error","resize"],Nl=class extends EventTarget{constructor(t){super();this._renditions=[];this._cleanup=[];this._player=t}get length(){return this._renditions.length}[Symbol.iterator](){return this._renditions[Symbol.iterator]()}get selectedIndex(){var r;let t=(r=this._player.player)==null?void 0:r.state.targetQuality;return t?this._renditions.findIndex(o=>o.id===String(t.index)):-1}set selectedIndex(t){var r,o,n;if(t<0)(r=this._player.player)==null||r.setQuality(null);else{let l=(((o=this._player.player)==null?void 0:o.state.qualities)??[])[t];l&&((n=this._player.player)==null||n.setQuality(l))}this._updateSelection(),this.dispatchEvent(new Event("change"))}_updateSelection(){let t=this.selectedIndex;this._renditions.forEach((r,o)=>{r.selected=o===t})}_syncFromPlayer(){var o,n;let t=((o=this._player.player)==null?void 0:o.state.qualities)??[];if(t.length===0){let a=(n=this._player.player)==null?void 0:n.videoElement;a!=null&&a.videoRenditions&&(t=[...a.videoRenditions].map((l,c)=>({index:c,width:l.width??0,height:l.height??0,bitrate:l.bitrate??0})))}let r=this._renditions.length;for(let a=0;a<r;a++)delete this[a];this._renditions=t.map((a,l)=>({id:String(a.index),width:a.width,height:a.height,bitrate:a.bitrate,selected:!1})),this._renditions.forEach((a,l)=>{this[l]=a}),this._updateSelection();for(let a of this._renditions)this.dispatchEvent(new CustomEvent("addrendition",{detail:a}))}_setupListeners(){let t=this._player.player;if(!t)return;let r=()=>{this._syncFromPlayer()},o=()=>{this._updateSelection(),this.dispatchEvent(new Event("change"))};t.addEventListener("qualitieschange",r),t.addEventListener("qualitychange",o),t.addEventListener("targetqualitychanged",o),this._cleanup.push(()=>{t.removeEventListener("qualitieschange",r),t.removeEventListener("qualitychange",o),t.removeEventListener("targetqualitychanged",o)});let n=t.videoElement;n!=null&&n.videoRenditions&&(n.videoRenditions.addEventListener("addrendition",r),n.videoRenditions.addEventListener("removerendition",r),this._cleanup.push(()=>{var a,l;(a=n.videoRenditions)==null||a.removeEventListener("addrendition",r),(l=n.videoRenditions)==null||l.removeEventListener("removerendition",r)})),this._syncFromPlayer()}_destroy(){this._cleanup.forEach(t=>t()),this._cleanup=[],this._renditions=[]}},fe=class extends Ie{constructor(){super(...arguments);this.autoplay=!1;this.defaultMuted=!1;this.loop=!1;this.scaling="letterbox";this.debug=!1;this._playerCore=null;this._ready=!1;this._resolvedPoster=null;this.containerRef=null;this.providerContainer=null;this.eventCleanup=[];this.stateReceivers=[];this._mutationObserver=null;this._videoRenditions=new Nl(this);this.handleMutation=t=>{for(let r of t)if(r.type==="childList"){for(let o of r.addedNodes)o.nodeType===Node.ELEMENT_NODE&&xi(o,this.providerContainer,this.registerStateReceiver);for(let o of r.removedNodes)o.nodeType===Node.ELEMENT_NODE&&xi(o,this.providerContainer,this.unregisterStateReceiver)}};this.registerStateReceiver=t=>{this.stateReceivers.includes(t)||(this.stateReceivers.push(t),this._playerCore&&qo(t,this._playerCore,this._playerCore.state))};this.unregisterStateReceiver=t=>{let r=this.stateReceivers.indexOf(t);r>=0&&(this.stateReceivers.splice(r,1),Go(t))}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),lv(),this._mutationObserver=new MutationObserver(this.handleMutation),this._mutationObserver.observe(this,{childList:!0,subtree:!0})}get player(){return this._playerCore}get playerState(){var t;return((t=this._playerCore)==null?void 0:t.state)??null}get bpLive(){var t;return((t=this._playerCore)==null?void 0:t.bpLive)??null}async play(){var t;this.debug&&console.log("[BPPlayer] play() called"),await((t=this._playerCore)==null?void 0:t.play())}pause(){var t;this.debug&&console.log("[BPPlayer] pause() called"),(t=this._playerCore)==null||t.pause()}get paused(){var r;let t=((r=this._playerCore)==null?void 0:r.state.paused)??!0;return this.debug&&console.log("[BPPlayer] paused getter:",t),t}get ended(){var t;return((t=this._playerCore)==null?void 0:t.state.ended)??!1}get seeking(){var t;return((t=this._playerCore)==null?void 0:t.state.seeking)??!1}get waiting(){var t;return((t=this._playerCore)==null?void 0:t.state.waiting)??!1}get currentTime(){var t;return((t=this._playerCore)==null?void 0:t.state.currentTime)??0}set currentTime(t){var r;(r=this._playerCore)==null||r.seek(t)}get duration(){var t;return((t=this._playerCore)==null?void 0:t.state.duration)??NaN}get volume(){var t;return((t=this._playerCore)==null?void 0:t.state.volume)??1}set volume(t){var r;(r=this._playerCore)==null||r.setVolume(t)}get muted(){var t;return((t=this._playerCore)==null?void 0:t.state.muted)??this.defaultMuted}set muted(t){var r;(r=this._playerCore)==null||r.setMuted(t),this.defaultMuted=t}get playbackRate(){var t;return((t=this._playerCore)==null?void 0:t.state.playbackRate)??1}set playbackRate(t){var r;(r=this._playerCore)==null||r.setPlaybackRate(t)}get readyState(){var t;return((t=this._playerCore)==null?void 0:t.state.readyState)??0}get buffered(){var r;let t=(r=this._playerCore)==null?void 0:r.state.buffered;return t||{length:0,start:()=>0,end:()=>0}}get videoWidth(){var o,n,a;let t=(o=this._playerCore)==null?void 0:o.videoElement;if(t!=null&&t.videoWidth)return t.videoWidth;let r=(n=this._playerCore)==null?void 0:n.state.currentQuality;return r!=null&&r.width?r.width:((a=this._playerCore)==null?void 0:a.state.videoWidth)??0}get videoHeight(){var o,n,a;let t=(o=this._playerCore)==null?void 0:o.videoElement;if(t!=null&&t.videoHeight)return t.videoHeight;let r=(n=this._playerCore)==null?void 0:n.state.currentQuality;return r!=null&&r.height?r.height:((a=this._playerCore)==null?void 0:a.state.videoHeight)??0}get videoElement(){var t;return((t=this._playerCore)==null?void 0:t.videoElement)??null}get providerType(){var t;return((t=this._playerCore)==null?void 0:t.state.providerType)??null}get videoRenditions(){return this._videoRenditions}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._mutationObserver)==null||t.disconnect(),this.destroyPlayer()}firstUpdated(t){super.firstUpdated(t),this.containerRef=this.renderRoot.querySelector(".bp-player-container"),this.containerRef&&!this.providerContainer&&(this.providerContainer=document.createElement("div"),this.providerContainer.className="bp-player-provider",this.providerContainer.style.cssText="width: 100%; height: 100%; position: absolute; top: 0; left: 0;",this.containerRef.appendChild(this.providerContainer));let{playableSource:r}=this.resolveSourcesArray();r&&!this._ready&&this.initPlayer()}updated(t){if(super.updated(t),t.has("sources")){let{playableSource:r,posterUrl:o}=this.resolveSourcesArray();this._resolvedPoster=o,r&&this._ready&&this.loadPlayableSource(r)}t.has("defaultMuted")&&this._playerCore&&this._playerCore.setMuted(this.defaultMuted),t.has("loop")&&this._playerCore&&this._playerCore.setLoop(this.loop)}resolveSourcesArray(){if(!this.sources||this.sources.length===0)return{playableSource:null,posterUrl:null};let t=this.sources.find(o=>o.type==="poster");return{playableSource:this.sources.find(o=>o.type!=="poster")??null,posterUrl:(t==null?void 0:t.url)??null}}propagateStateToAllReceivers(){if(!this._playerCore)return;let t=this._playerCore.state;for(let r of this.stateReceivers)qo(r,this._playerCore,t)}setupEventForwarding(){if(!this._playerCore)return;for(let l of dv){let c=()=>{var p;this.debug&&!["durationchange","timeupdate"].includes(l)&&console.log(`[BPPlayer] Forwarding event: ${l}`,(p=this._playerCore)==null?void 0:p.state),this.dispatchEvent(new Event(l,{bubbles:!0,composed:!0}))};this._playerCore.addEventListener(l,c),this.eventCleanup.push(()=>{var p;return(p=this._playerCore)==null?void 0:p.removeEventListener(l,c)})}let t=l=>{l.videoWidth&&l.videoHeight&&this.setAspectRatioVariable(`${l.videoWidth} / ${l.videoHeight}`)},{videoWidth:r,videoHeight:o}=this._playerCore.state;r&&o&&this.setAspectRatioVariable(`${r} / ${o}`),this._playerCore.addEventListener("loadedmetadata",t),this.eventCleanup.push(()=>{var l;return(l=this._playerCore)==null?void 0:l.removeEventListener("loadedmetadata",t)});let n=()=>{this.dispatchEvent(new Event("resize",{bubbles:!0,composed:!0}))};this._playerCore.addEventListener("qualitychange",n),this.eventCleanup.push(()=>{var l;return(l=this._playerCore)==null?void 0:l.removeEventListener("qualitychange",n)});let a=()=>{this.propagateStateToAllReceivers(),this.updateStateAttributes()};this._playerCore.addEventListener("statechange",a),this.eventCleanup.push(()=>{var l;return(l=this._playerCore)==null?void 0:l.removeEventListener("statechange",a)})}updateStateAttributes(){if(!this._playerCore)return;let t=this._playerCore.state;Te(this,"paused",t.paused),Te(this,"playing",t.playing),Te(this,"ended",t.ended),Te(this,"seeking",t.seeking),Te(this,"waiting",t.waiting),Te(this,"has-error",t.error!==null),Te(this,"ready",this._ready),this.setAttribute("stream-type",t.streamType),this.setAttribute("content-type",t.contentType),t.providerType&&this.setAttribute("provider-type",t.providerType)}async initPlayer(){var o,n,a;let{playableSource:t,posterUrl:r}=this.resolveSourcesArray();if(!(!t||!this.providerContainer||this._ready)){this._resolvedPoster=r;try{this._playerCore=ca(),this.defaultMuted&&this._playerCore.setMuted(!0),this.loop&&this._playerCore.setLoop(!0),this.setupEventForwarding();let l=await this._playerCore.loadSource(t,this.providerContainer,this.config);if(!this._playerCore)return;if(!this._resolvedPoster&&(l!=null&&l.poster)&&(this._resolvedPoster=l.poster),this._ready=!0,xi(this,this.providerContainer,this.registerStateReceiver),this.propagateStateToAllReceivers(),this.autoplay)try{await this._playerCore.play()}catch{}this._videoRenditions._setupListeners(),this.dispatchEvent(new CustomEvent("ready",{detail:this._playerCore,bubbles:!0,composed:!0})),(n=(o=this._playerCore)==null?void 0:o.state)!=null&&n.paused&&this.dispatchEvent(new Event("pause",{bubbles:!0,composed:!0})),this.debug&&console.log("[BPPlayer] Player ready",(a=this._playerCore)==null?void 0:a.state)}catch(l){console.error("[BPPlayer] Failed to initialize player:",l)}}}async loadPlayableSource(t){if(!this._playerCore||!this.providerContainer){this.debug&&console.log("[BPPlayer] loadPlayableSource skipped:",{playerCore:!!this._playerCore,providerContainer:!!this.providerContainer});return}this.debug&&console.log("[BPPlayer] loadPlayableSource:",t);try{let r=await this._playerCore.loadSource(t,this.providerContainer,this.config);if(!this._playerCore){this.debug&&console.log("[BPPlayer] Player was destroyed during source load");return}if(!this._resolvedPoster&&(r!=null&&r.poster)&&(this._resolvedPoster=r.poster),r!=null&&r.aspectRatio&&(this.setAspectRatioVariable(r.aspectRatio),this.debug&&console.log("[BPPlayer] BPLive aspect ratio:",r.aspectRatio)),this.autoplay)try{await this._playerCore.play()}catch{}}catch(r){console.error("[BPPlayer] Failed to load source:",r)}}destroyPlayer(){this.eventCleanup.forEach(t=>t()),this.eventCleanup=[],this._videoRenditions._destroy();for(let t of this.stateReceivers)Go(t);if(this.stateReceivers=[],this._playerCore&&(this._playerCore.destroy(),this._playerCore=null),this.providerContainer)for(;this.providerContainer.firstChild;)this.providerContainer.removeChild(this.providerContainer.firstChild);this._ready=!1}setAspectRatioVariable(t){getComputedStyle(this).getPropertyValue("--bp-aspect-ratio").trim()||(this.style.setProperty("--bp-aspect-ratio",t),this.debug&&console.log("[BPPlayer] Set --bp-aspect-ratio:",t))}getContainerClasses(){return["bp-player-container",`bp-player-container--${this.scaling}`].join(" ")}getPosterClasses(){let t=["bp-player-poster"];return this.scaling==="crop"&&t.push("bp-player-poster--crop"),this.scaling==="fill"&&t.push("bp-player-poster--fill"),t.join(" ")}getContainerStyle(){return this.aspectRatio?`aspect-ratio: ${this.aspectRatio}`:""}getEffectivePoster(){return this._resolvedPoster??this.poster??null}render(){let t=this.getEffectivePoster();return He`
|
|
230
|
+
`;var Nu={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)},Hu=!1;function hv(){if(Hu)return;gr();let i=document.createElement("style");i.id="bp-player-styles",i.textContent=Uu,document.head.appendChild(i),Hu=!0}var pv=["emptied","loadstart","play","playing","pause","waiting","seeking","seeked","timeupdate","durationchange","volumechange","ratechange","ended","loadedmetadata","loadeddata","canplay","canplaythrough","progress","error","resize"],Te=class extends Ce{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&&xi(o,this.providerContainer,this.registerStateReceiver);for(let o of r.removedNodes)o.nodeType===Node.ELEMENT_NODE&&xi(o,this.providerContainer,this.unregisterStateReceiver)}};this.registerStateReceiver=t=>{this.stateReceivers.includes(t)||(this.stateReceivers.push(t),this._playerCore&&Go(t,this._playerCore,this._playerCore.state))};this.unregisterStateReceiver=t=>{let r=this.stateReceivers.indexOf(t);r>=0&&(this.stateReceivers.splice(r,1),zo(t))}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),hv(),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()}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=pa(),this.defaultMuted&&this._playerCore.setMuted(!0),this.loop&&this._playerCore.setLoop(!0),this._playerCore.attach(this.providerContainer,this.config),this.setupEventForwarding(),this._videoRenditions=new va(this))}async loadSource(){var r,o,n,a,l,d,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,xi(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=(d=this._playerCore)==null?void 0:d.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)Go(r,this._playerCore,t)}setupEventForwarding(){if(!this._playerCore)return;for(let n of pv){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;pe(this,"paused",t.paused),pe(this,"playing",t.playing),pe(this,"ended",t.ended),pe(this,"seeking",t.seeking),pe(this,"waiting",t.waiting),pe(this,"has-error",t.error!==null),pe(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)zo(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 We`
|
|
251
231
|
<div
|
|
252
232
|
class="${this.getContainerClasses()}"
|
|
253
233
|
style="${this.getContainerStyle()}"
|
|
254
234
|
>
|
|
255
|
-
${t&&!this._ready?He`<img class="${this.getPosterClasses()}" src="${t}" alt="" />`:null}
|
|
256
235
|
</div>
|
|
257
|
-
`}};x([V({type:Array})],fe.prototype,"sources",2),x([V({type:Boolean})],fe.prototype,"autoplay",2),x([V({type:Boolean,reflect:!0,attribute:"muted"})],fe.prototype,"defaultMuted",2),x([V({type:Boolean})],fe.prototype,"loop",2),x([V({type:String})],fe.prototype,"poster",2),x([V({type:String})],fe.prototype,"scaling",2),x([V({type:String,attribute:"aspect-ratio"})],fe.prototype,"aspectRatio",2),x([V({type:Object})],fe.prototype,"config",2),x([V({type:Boolean})],fe.prototype,"debug",2),x([Ce()],fe.prototype,"_playerCore",2),x([Ce()],fe.prototype,"_ready",2),x([Ce()],fe.prototype,"_resolvedPoster",2),fe=x([Gt("bp-player")],fe);var b={MEDIA_PLAY_REQUEST:"mediaplayrequest",MEDIA_PAUSE_REQUEST:"mediapauserequest",MEDIA_MUTE_REQUEST:"mediamuterequest",MEDIA_UNMUTE_REQUEST:"mediaunmuterequest",MEDIA_LOOP_REQUEST:"medialooprequest",MEDIA_VOLUME_REQUEST:"mediavolumerequest",MEDIA_SEEK_REQUEST:"mediaseekrequest",MEDIA_AIRPLAY_REQUEST:"mediaairplayrequest",MEDIA_ENTER_FULLSCREEN_REQUEST:"mediaenterfullscreenrequest",MEDIA_EXIT_FULLSCREEN_REQUEST:"mediaexitfullscreenrequest",MEDIA_PREVIEW_REQUEST:"mediapreviewrequest",MEDIA_ENTER_PIP_REQUEST:"mediaenterpiprequest",MEDIA_EXIT_PIP_REQUEST:"mediaexitpiprequest",MEDIA_ENTER_CAST_REQUEST:"mediaentercastrequest",MEDIA_EXIT_CAST_REQUEST:"mediaexitcastrequest",MEDIA_SHOW_TEXT_TRACKS_REQUEST:"mediashowtexttracksrequest",MEDIA_HIDE_TEXT_TRACKS_REQUEST:"mediahidetexttracksrequest",MEDIA_SHOW_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_TOGGLE_SUBTITLES_REQUEST:"mediatogglesubtitlesrequest",MEDIA_PLAYBACK_RATE_REQUEST:"mediaplaybackraterequest",MEDIA_RENDITION_REQUEST:"mediarenditionrequest",MEDIA_AUDIO_TRACK_REQUEST:"mediaaudiotrackrequest",MEDIA_SEEK_TO_LIVE_REQUEST:"mediaseektoliverequest",REGISTER_MEDIA_STATE_RECEIVER:"registermediastatereceiver",UNREGISTER_MEDIA_STATE_RECEIVER:"unregistermediastatereceiver"},N={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},$l={MEDIA_AIRPLAY_UNAVAILABLE:"mediaAirplayUnavailable",MEDIA_AUDIO_TRACK_ENABLED:"mediaAudioTrackEnabled",MEDIA_AUDIO_TRACK_LIST:"mediaAudioTrackList",MEDIA_AUDIO_TRACK_UNAVAILABLE:"mediaAudioTrackUnavailable",MEDIA_BUFFERED:"mediaBuffered",MEDIA_CAST_UNAVAILABLE:"mediaCastUnavailable",MEDIA_CHAPTERS_CUES:"mediaChaptersCues",MEDIA_CURRENT_TIME:"mediaCurrentTime",MEDIA_DURATION:"mediaDuration",MEDIA_ENDED:"mediaEnded",MEDIA_ERROR:"mediaError",MEDIA_ERROR_CODE:"mediaErrorCode",MEDIA_ERROR_MESSAGE:"mediaErrorMessage",MEDIA_FULLSCREEN_UNAVAILABLE:"mediaFullscreenUnavailable",MEDIA_HAS_PLAYED:"mediaHasPlayed",MEDIA_HEIGHT:"mediaHeight",MEDIA_IS_AIRPLAYING:"mediaIsAirplaying",MEDIA_IS_CASTING:"mediaIsCasting",MEDIA_IS_FULLSCREEN:"mediaIsFullscreen",MEDIA_IS_PIP:"mediaIsPip",MEDIA_LOADING:"mediaLoading",MEDIA_MUTED:"mediaMuted",MEDIA_LOOP:"mediaLoop",MEDIA_PAUSED:"mediaPaused",MEDIA_PIP_UNAVAILABLE:"mediaPipUnavailable",MEDIA_PLAYBACK_RATE:"mediaPlaybackRate",MEDIA_PREVIEW_CHAPTER:"mediaPreviewChapter",MEDIA_PREVIEW_COORDS:"mediaPreviewCoords",MEDIA_PREVIEW_IMAGE:"mediaPreviewImage",MEDIA_PREVIEW_TIME:"mediaPreviewTime",MEDIA_RENDITION_LIST:"mediaRenditionList",MEDIA_RENDITION_SELECTED:"mediaRenditionSelected",MEDIA_RENDITION_UNAVAILABLE:"mediaRenditionUnavailable",MEDIA_SEEKABLE:"mediaSeekable",MEDIA_STREAM_TYPE:"mediaStreamType",MEDIA_SUBTITLES_LIST:"mediaSubtitlesList",MEDIA_SUBTITLES_SHOWING:"mediaSubtitlesShowing",MEDIA_TARGET_LIVE_WINDOW:"mediaTargetLiveWindow",MEDIA_TIME_IS_LIVE:"mediaTimeIsLive",MEDIA_VOLUME:"mediaVolume",MEDIA_VOLUME_LEVEL:"mediaVolumeLevel",MEDIA_VOLUME_UNAVAILABLE:"mediaVolumeUnavailable",MEDIA_LANG:"mediaLang",MEDIA_WIDTH:"mediaWidth"},Uu=Object.entries($l),s=Uu.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{}),cv={USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"},Pi=Uu.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{...cv}),s_=Object.entries(Pi).reduce((i,[e,t])=>{let r=s[e];return r&&(i[t]=r),i},{userinactivechange:"userinactive"}),Nu=Object.entries(s).reduce((i,[e,t])=>{let r=Pi[e];return r&&(i[t]=r),i},{userinactive:"userinactivechange"}),Me={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},zt={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var ha={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},Re={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},Xe={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};var $u={INLINE:"inline",FULLSCREEN:"fullscreen",PICTURE_IN_PICTURE:"picture-in-picture"};function Hu(i){return i==null?void 0:i.map(hv).join(" ")}function Bu(i){return i==null?void 0:i.split(/\s+/).map(pv)}function hv(i){if(i){let{id:e,width:t,height:r}=i;return[e,t,r].filter(o=>o!=null).join(":")}}function pv(i){if(i){let[e,t,r]=i.split(":");return{id:e,width:+t,height:+r}}}function Vu(i){return i==null?void 0:i.map(mv).join(" ")}function Wu(i){return i==null?void 0:i.split(/\s+/).map(vv)}function mv(i){if(i){let{id:e,kind:t,language:r,label:o}=i;return[e,t,r,o].filter(n=>n!=null).join(":")}}function vv(i){if(i){let[e,t,r,o]=i.split(":");return{id:e,kind:t,language:r,label:o}}}function Er(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}var pa=i=>new Promise(e=>setTimeout(e,i));var Fu=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],fv=(i,e)=>{let t=i===1?Fu[e].singular:Fu[e].plural;return`${i} ${t}`},Di=i=>{if(!Er(i))return"";let e=Math.abs(i),t=e!==i,r=new Date(0,0,0,0,0,e,0);return`${[r.getHours(),r.getMinutes(),r.getSeconds()].map((l,c)=>l&&fv(l,c)).filter(l=>l).join(", ")}${t?" remaining":""}`};function Je(i,e){let t=!1;i<0&&(t=!0,i=0-i),i=i<0?0:i;let r=Math.floor(i%60),o=Math.floor(i/60%60),n=Math.floor(i/3600),a=Math.floor(e/60%60),l=Math.floor(e/3600);return(isNaN(i)||i===1/0)&&(n=o=r="0"),n=n>0||l>0?n+":":"",o=((n||a>=10)&&o<10?"0"+o:o)+":",r=r<10?"0"+r:r,(t?"-":"")+n+o+r}var c_=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});var Ku={"Start airplay":"Start airplay","Stop airplay":"Stop airplay",Audio:"Audio",Captions:"Captions","Enable captions":"Enable captions","Disable captions":"Disable captions","Start casting":"Start casting","Stop casting":"Stop casting","Enter fullscreen mode":"Enter fullscreen mode","Exit fullscreen mode":"Exit fullscreen mode",Mute:"Mute",Unmute:"Unmute",Loop:"Loop","Enter picture in picture mode":"Enter picture in picture mode","Exit picture in picture mode":"Exit picture in picture mode",Play:"Play",Pause:"Pause","Playback rate":"Playback rate","Playback rate {playbackRate}":"Playback rate {playbackRate}",Quality:"Quality","Seek backward":"Seek backward","Seek forward":"Seek forward",Settings:"Settings",Auto:"Auto","audio player":"audio player","video player":"video player",volume:"volume",seek:"seek","closed captions":"closed captions","current playback rate":"current playback rate","playback time":"playback time","media loading":"media loading",settings:"settings","audio tracks":"audio tracks",quality:"quality",play:"play",pause:"pause",mute:"mute",unmute:"unmute","chapter: {chapterName}":"chapter: {chapterName}",live:"live",Off:"Off","start airplay":"start airplay","stop airplay":"stop airplay","start casting":"start casting","stop casting":"stop casting","enter fullscreen mode":"enter fullscreen mode","exit fullscreen mode":"exit fullscreen mode","enter picture in picture mode":"enter picture in picture mode","exit picture in picture mode":"exit picture in picture mode","seek to live":"seek to live","playing live":"playing live","seek back {seekOffset} seconds":"seek back {seekOffset} seconds","seek forward {seekOffset} seconds":"seek forward {seekOffset} seconds","Network Error":"Network Error","Decode Error":"Decode Error","Source Not Supported":"Source Not Supported","Encryption Error":"Encryption Error","A network error caused the media download to fail.":"A network error caused the media download to fail.","A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.":"A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.","An unsupported error occurred. The server or network failed, or your browser does not support this format.":"An unsupported error occurred. The server or network failed, or your browser does not support this format.","The media is encrypted and there are no keys to decrypt it.":"The media is encrypted and there are no keys to decrypt it."};var qu,Hl={en:Ku},Bl=((qu=globalThis.navigator)==null?void 0:qu.language)||"en",Gu=i=>{Bl=i};var Ev=i=>{var e,t,r;let[o]=Bl.split("-");return((e=Hl[Bl])==null?void 0:e[i])||((t=Hl[o])==null?void 0:t[i])||((r=Hl.en)==null?void 0:r[i])||i},E=(i,e={})=>Ev(i).replace(/\{(\w+)\}/g,(t,r)=>r in e?String(e[r]):`{${r}}`);var ma=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},va=class extends ma{},fa=class extends va{constructor(){super(...arguments),this.role=null}},Vl=class{observe(){}unobserve(){}disconnect(){}},zu={createElement:function(){return new Yo.HTMLElement},createElementNS:function(){return new Yo.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(i){return!1}},Yo={ResizeObserver:Vl,document:zu,Node:va,Element:fa,HTMLElement:class extends fa{constructor(){super(...arguments),this.innerHTML=""}get content(){return new Yo.DocumentFragment}},DocumentFragment:class extends ma{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},localStorage:{getItem(i){return null},setItem(i,e){},removeItem(i){}},CustomEvent:function(){},getComputedStyle:function(){},navigator:{languages:[],get userAgent(){return""}},matchMedia(i){return{matches:!1,media:i}},DOMParser:class{parseFromString(e,t){return{body:{textContent:e}}}}},Yu="global"in globalThis&&(globalThis==null?void 0:globalThis.global)===globalThis||typeof window>"u"||typeof window.customElements>"u",Qu=Object.keys(Yo).every(i=>i in globalThis),d=Yu&&!Qu?Yo:globalThis,ee=Yu&&!Qu?zu:globalThis.document;var Zu=new WeakMap,Wl=i=>{let e=Zu.get(i);return e||Zu.set(i,e=new Set),e},Xu=new d.ResizeObserver(i=>{for(let e of i)for(let t of Wl(e.target))t(e)});function Pt(i,e){Wl(i).add(e),Xu.observe(i)}function Dt(i,e){let t=Wl(i);t.delete(e),t.size||Xu.unobserve(i)}function j(i){let e={};for(let t of i)e[t.name]=t.value;return e}function X(i){var e;return(e=ga(i))!=null?e:st(i,"media-controller")}function ga(i){var e;let{MEDIA_CONTROLLER:t}=N,r=i.getAttribute(t);if(r)return(e=Oi(i))==null?void 0:e.getElementById(r)}var Ea=(i,e,t=".value")=>{let r=i.querySelector(t);r&&(r.textContent=e)},bv=(i,e)=>{let t=`slot[name="${e}"]`,r=i.shadowRoot.querySelector(t);return r?r.children:[]},ba=(i,e)=>bv(i,e)[0],Ae=(i,e)=>!i||!e?!1:i!=null&&i.contains(e)?!0:Ae(i,e.getRootNode().host),st=(i,e)=>{if(!i)return null;let t=i.closest(e);return t||st(i.getRootNode().host,e)};function Qo(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=Qo(t.shadowRoot))!=null?e:t:null}function Oi(i){var e;let t=(e=i==null?void 0:i.getRootNode)==null?void 0:e.call(i);return t instanceof ShadowRoot||t instanceof Document?t:null}function _a(i,{depth:e=3,checkOpacity:t=!0,checkVisibilityCSS:r=!0}={}){if(i.checkVisibility)return i.checkVisibility({checkOpacity:t,checkVisibilityCSS:r});let o=i;for(;o&&e>0;){let n=getComputedStyle(o);if(t&&n.opacity==="0"||r&&n.visibility==="hidden"||n.display==="none")return!1;o=o.parentElement,e--}return!0}function Ju(i,e,t,r){let o=r.x-t.x,n=r.y-t.y,a=o*o+n*n;if(a===0)return 0;let l=((i-t.x)*o+(e-t.y)*n)/a;return Math.max(0,Math.min(1,l))}function J(i,e){let t=_v(i,r=>r===e);return t||Zo(i,e)}function _v(i,e){var t,r;let o;for(o of(t=i.querySelectorAll("style:not([media])"))!=null?t:[]){let n;try{n=(r=o.sheet)==null?void 0:r.cssRules}catch{continue}for(let a of n??[])if(e(a.selectorText))return a}}function Zo(i,e){var t,r;let o=(t=i.querySelectorAll("style:not([media])"))!=null?t:[],n=o==null?void 0:o[o.length-1];return n!=null&&n.sheet?(n==null||n.sheet.insertRule(`${e}{}`,n.sheet.cssRules.length),(r=n.sheet.cssRules)==null?void 0:r[n.sheet.cssRules.length-1]):(console.warn("Media Chrome: No style sheet found on style tag of",i),{style:{setProperty:()=>{},removeProperty:()=>"",getPropertyValue:()=>""}})}function $(i,e,t=Number.NaN){let r=i.getAttribute(e);return r!=null?+r:t}function B(i,e,t){let r=+t;if(t==null||Number.isNaN(r)){i.hasAttribute(e)&&i.removeAttribute(e);return}$(i,e,void 0)!==r&&i.setAttribute(e,`${r}`)}function w(i,e){return i.hasAttribute(e)}function I(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}w(i,e)!=t&&i.toggleAttribute(e,t)}function P(i,e,t=null){var r;return(r=i.getAttribute(e))!=null?r:t}function D(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}let r=`${t}`;P(i,e,void 0)!==r&&i.setAttribute(e,r)}var ju=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Yt=(i,e,t)=>(ju(i,e,"read from private field"),t?t.call(i):e.get(i)),yv=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ya=(i,e,t,r)=>(ju(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),xe;function Tv(i){return`
|
|
236
|
+
`}};N([W({converter:Nu})],Te.prototype,"source",2),N([W({type:Boolean})],Te.prototype,"autoplay",2),N([W({type:Boolean,reflect:!0,attribute:"muted"})],Te.prototype,"defaultMuted",2),N([W({type:Boolean})],Te.prototype,"loop",2),N([W({type:String})],Te.prototype,"scaling",2),N([W({type:String,attribute:"aspect-ratio"})],Te.prototype,"aspectRatio",2),N([W({converter:Nu})],Te.prototype,"config",2),N([W({type:Boolean})],Te.prototype,"debug",2),N([zt()],Te.prototype,"_playerCore",2),Te=N([Gt("bp-player")],Te);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"},Vl={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"},$u=Object.entries(Vl),s=$u.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{}),mv={USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"},Pi=$u.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{...mv}),p_=Object.entries(Pi).reduce((i,[e,t])=>{let r=s[e];return r&&(i[t]=r),i},{userinactivechange:"userinactive"}),Bu=Object.entries(s).reduce((i,[e,t])=>{let r=Pi[e];return r&&(i[t]=r),i},{userinactive:"userinactivechange"}),Ie={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},Yt={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var fa={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},Me={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},Ze={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};var Vu={INLINE:"inline",FULLSCREEN:"fullscreen",PICTURE_IN_PICTURE:"picture-in-picture"};function Wu(i){return i==null?void 0:i.map(fv).join(" ")}function Fu(i){return i==null?void 0:i.split(/\s+/).map(gv)}function fv(i){if(i){let{id:e,width:t,height:r}=i;return[e,t,r].filter(o=>o!=null).join(":")}}function gv(i){if(i){let[e,t,r]=i.split(":");return{id:e,width:+t,height:+r}}}function Ku(i){return i==null?void 0:i.map(Ev).join(" ")}function qu(i){return i==null?void 0:i.split(/\s+/).map(bv)}function Ev(i){if(i){let{id:e,kind:t,language:r,label:o}=i;return[e,t,r,o].filter(n=>n!=null).join(":")}}function bv(i){if(i){let[e,t,r,o]=i.split(":");return{id:e,kind:t,language:r,label:o}}}function Er(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}var ga=i=>new Promise(e=>setTimeout(e,i));var Gu=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],_v=(i,e)=>{let t=i===1?Gu[e].singular:Gu[e].plural;return`${i} ${t}`},Di=i=>{if(!Er(i))return"";let e=Math.abs(i),t=e!==i,r=new Date(0,0,0,0,0,e,0);return`${[r.getHours(),r.getMinutes(),r.getSeconds()].map((l,d)=>l&&_v(l,d)).filter(l=>l).join(", ")}${t?" remaining":""}`};function Xe(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 f_=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 zu={"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 Yu,Wl={en:zu},Fl=((Yu=globalThis.navigator)==null?void 0:Yu.language)||"en",Qu=i=>{Fl=i};var Tv=i=>{var e,t,r;let[o]=Fl.split("-");return((e=Wl[Fl])==null?void 0:e[i])||((t=Wl[o])==null?void 0:t[i])||((r=Wl.en)==null?void 0:r[i])||i},E=(i,e={})=>Tv(i).replace(/\{(\w+)\}/g,(t,r)=>r in e?String(e[r]):`{${r}}`);var Ea=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},ba=class extends Ea{},_a=class extends ba{constructor(){super(...arguments),this.role=null}},Kl=class{observe(){}unobserve(){}disconnect(){}},Zu={createElement:function(){return new Qo.HTMLElement},createElementNS:function(){return new Qo.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(i){return!1}},Qo={ResizeObserver:Kl,document:Zu,Node:ba,Element:_a,HTMLElement:class extends _a{constructor(){super(...arguments),this.innerHTML=""}get content(){return new Qo.DocumentFragment}},DocumentFragment:class extends Ea{},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}}}}},Xu="global"in globalThis&&(globalThis==null?void 0:globalThis.global)===globalThis||typeof window>"u"||typeof window.customElements>"u",Ju=Object.keys(Qo).every(i=>i in globalThis),c=Xu&&!Ju?Qo:globalThis,j=Xu&&!Ju?Zu:globalThis.document;var ju=new WeakMap,ql=i=>{let e=ju.get(i);return e||ju.set(i,e=new Set),e},eh=new c.ResizeObserver(i=>{for(let e of i)for(let t of ql(e.target))t(e)});function xt(i,e){ql(i).add(e),eh.observe(i)}function Pt(i,e){let t=ql(i);t.delete(e),t.size||eh.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=ya(i))!=null?e:at(i,"media-controller")}function ya(i){var e;let{MEDIA_CONTROLLER:t}=U,r=i.getAttribute(t);if(r)return(e=Oi(i))==null?void 0:e.getElementById(r)}var Ta=(i,e,t=".value")=>{let r=i.querySelector(t);r&&(r.textContent=e)},Av=(i,e)=>{let t=`slot[name="${e}"]`,r=i.shadowRoot.querySelector(t);return r?r.children:[]},Aa=(i,e)=>Av(i,e)[0],Ae=(i,e)=>!i||!e?!1:i!=null&&i.contains(e)?!0:Ae(i,e.getRootNode().host),at=(i,e)=>{if(!i)return null;let t=i.closest(e);return t||at(i.getRootNode().host,e)};function Zo(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=Zo(t.shadowRoot))!=null?e:t:null}function Oi(i){var e;let t=(e=i==null?void 0:i.getRootNode)==null?void 0:e.call(i);return t instanceof ShadowRoot||t instanceof Document?t:null}function Sa(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 th(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=Sv(i,r=>r===e);return t||Xo(i,e)}function Sv(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 Xo(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 ih=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Qt=(i,e,t)=>(ih(i,e,"read from private field"),t?t.call(i):e.get(i)),kv=(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)},ka=(i,e,t,r)=>(ih(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Re;function Lv(i){return`
|
|
258
237
|
<style>
|
|
259
238
|
:host {
|
|
260
239
|
display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
|
|
261
240
|
box-sizing: border-box;
|
|
262
241
|
}
|
|
263
242
|
</style>
|
|
264
|
-
`}var br=class extends
|
|
243
|
+
`}var br=class extends c.HTMLElement{constructor(){if(super(),kv(this,Re,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,d;e===U.MEDIA_CONTROLLER&&(t&&((n=(o=Qt(this,Re))==null?void 0:o.unassociateElement)==null||n.call(o,this),ka(this,Re,null)),r&&this.isConnected&&(ka(this,Re,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(d=(l=Qt(this,Re))==null?void 0:l.associateElement)==null||d.call(l,this)))}connectedCallback(){var e,t,r,o;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),ka(this,Re,wv(this)),this.getAttribute(U.MEDIA_CONTROLLER)&&((t=(e=Qt(this,Re))==null?void 0:e.associateElement)==null||t.call(e,this)),(r=Qt(this,Re))==null||r.addEventListener("pointerdown",this),(o=Qt(this,Re))==null||o.addEventListener("click",this)}disconnectedCallback(){var e,t,r,o;this.getAttribute(U.MEDIA_CONTROLLER)&&((t=(e=Qt(this,Re))==null?void 0:e.unassociateElement)==null||t.call(e,this)),(r=Qt(this,Re))==null||r.removeEventListener("pointerdown",this),(o=Qt(this,Re))==null||o.removeEventListener("click",this),ka(this,Re,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:d,width:v,height:h}=this.getBoundingClientRect(),p=n-l,f=a-d;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===fa.TOUCH){this.handleTap(e);return}else if(m===fa.MOUSE||m===fa.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 c.CustomEvent(t,{composed:!0,bubbles:!0}))}};Re=new WeakMap;br.shadowRootOptions={mode:"open"};br.getTemplateHTML=Lv;function wv(i){var e;let t=i.getAttribute(U.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):at(i,"media-controller")}c.customElements.get("media-gesture-receiver")||c.customElements.define("media-gesture-receiver",br);var La=br;var Ql=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},$e=(i,e,t)=>(Ql(i,e,"read from private field"),t?t.call(i):e.get(i)),He=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ui=(i,e,t,r)=>(Ql(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Fe=(i,e,t)=>(Ql(i,e,"access private method"),t),Ia,_r,jo,yr,wa,Gl,rh,Jo,Ca,zl,oh,Yl,nh,en,Ma,Ra,Zl,Tr,tn,R={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive",AUTOHIDE_OVER_CONTROLS:"autohideovercontrols"};function Cv(i){return`
|
|
265
244
|
<style>
|
|
266
245
|
|
|
267
246
|
:host([${s.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) {
|
|
@@ -277,7 +256,7 @@ bp-player[has-error] {
|
|
|
277
256
|
overflow: hidden;
|
|
278
257
|
}
|
|
279
258
|
|
|
280
|
-
:host(:not([${
|
|
259
|
+
:host(:not([${R.AUDIO}])) [part~=layer]:not([part~=media-layer]) {
|
|
281
260
|
position: absolute;
|
|
282
261
|
top: 0;
|
|
283
262
|
left: 0;
|
|
@@ -295,19 +274,19 @@ bp-player[has-error] {
|
|
|
295
274
|
}
|
|
296
275
|
|
|
297
276
|
|
|
298
|
-
:host([${
|
|
277
|
+
:host([${R.AUDIO}]) slot[name=media] {
|
|
299
278
|
display: var(--media-slot-display, none);
|
|
300
279
|
}
|
|
301
280
|
|
|
302
281
|
|
|
303
|
-
:host([${
|
|
282
|
+
:host([${R.AUDIO}]) [part~=layer][part~=gesture-layer] {
|
|
304
283
|
height: 0;
|
|
305
284
|
display: block;
|
|
306
285
|
}
|
|
307
286
|
|
|
308
287
|
|
|
309
|
-
:host(:not([${
|
|
310
|
-
:host(:not([${
|
|
288
|
+
:host(:not([${R.AUDIO}])[${R.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
|
|
289
|
+
:host(:not([${R.AUDIO}])[${R.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] {
|
|
311
290
|
display: none;
|
|
312
291
|
}
|
|
313
292
|
|
|
@@ -316,13 +295,13 @@ bp-player[has-error] {
|
|
|
316
295
|
pointer-events: auto;
|
|
317
296
|
}
|
|
318
297
|
|
|
319
|
-
:host(:not([${
|
|
298
|
+
:host(:not([${R.AUDIO}])) *[part~=layer][part~=centered-layer] {
|
|
320
299
|
align-items: center;
|
|
321
300
|
justify-content: center;
|
|
322
301
|
}
|
|
323
302
|
|
|
324
|
-
:host(:not([${
|
|
325
|
-
:host(:not([${
|
|
303
|
+
:host(:not([${R.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
|
|
304
|
+
:host(:not([${R.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] {
|
|
326
305
|
align-self: stretch;
|
|
327
306
|
flex-grow: 1;
|
|
328
307
|
}
|
|
@@ -342,7 +321,7 @@ bp-player[has-error] {
|
|
|
342
321
|
}
|
|
343
322
|
|
|
344
323
|
|
|
345
|
-
:host(:not([${
|
|
324
|
+
:host(:not([${R.AUDIO}])) .spacer {
|
|
346
325
|
flex-grow: 1;
|
|
347
326
|
}
|
|
348
327
|
|
|
@@ -354,22 +333,22 @@ bp-player[has-error] {
|
|
|
354
333
|
}
|
|
355
334
|
|
|
356
335
|
|
|
357
|
-
::slotted(:not([slot=media]):not([slot=poster]):not([${
|
|
336
|
+
::slotted(:not([slot=media]):not([slot=poster]):not([${R.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) {
|
|
358
337
|
opacity: 1;
|
|
359
338
|
transition: var(--media-control-transition-in, opacity 0.25s);
|
|
360
339
|
}
|
|
361
340
|
|
|
362
341
|
|
|
363
|
-
:host([${
|
|
342
|
+
: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])) {
|
|
364
343
|
opacity: 0;
|
|
365
344
|
transition: var(--media-control-transition-out, opacity 1s);
|
|
366
345
|
}
|
|
367
346
|
|
|
368
|
-
:host([${
|
|
347
|
+
:host([${R.USER_INACTIVE}]:not([${R.NO_AUTOHIDE}]):not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_CASTING}]):not([${R.AUDIO}])) ::slotted([slot=media]) {
|
|
369
348
|
cursor: none;
|
|
370
349
|
}
|
|
371
350
|
|
|
372
|
-
:host([${
|
|
351
|
+
:host([${R.USER_INACTIVE}][${R.AUTOHIDE_OVER_CONTROLS}]:not([${R.NO_AUTOHIDE}]):not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_CASTING}]):not([${R.AUDIO}])) * {
|
|
373
352
|
--media-cursor: none;
|
|
374
353
|
cursor: none;
|
|
375
354
|
}
|
|
@@ -380,7 +359,7 @@ bp-player[has-error] {
|
|
|
380
359
|
}
|
|
381
360
|
|
|
382
361
|
|
|
383
|
-
:host(:not([${
|
|
362
|
+
:host(:not([${R.AUDIO}])[${s.MEDIA_HAS_PLAYED}]) slot[name=poster] {
|
|
384
363
|
display: none;
|
|
385
364
|
}
|
|
386
365
|
|
|
@@ -399,8 +378,8 @@ bp-player[has-error] {
|
|
|
399
378
|
<slot name="poster" part="layer poster-layer"></slot>
|
|
400
379
|
<slot name="gestures-chrome" part="layer gesture-layer">
|
|
401
380
|
<media-gesture-receiver slot="gestures-chrome">
|
|
402
|
-
<template shadowrootmode="${
|
|
403
|
-
${
|
|
381
|
+
<template shadowrootmode="${La.shadowRootOptions.mode}">
|
|
382
|
+
${La.getTemplateHTML({})}
|
|
404
383
|
</template>
|
|
405
384
|
</media-gesture-receiver>
|
|
406
385
|
</slot>
|
|
@@ -412,7 +391,7 @@ bp-player[has-error] {
|
|
|
412
391
|
<slot part="bottom chrome"></slot>
|
|
413
392
|
</span>
|
|
414
393
|
<slot name="dialog" part="layer dialog-layer"></slot>
|
|
415
|
-
`}var kv=Object.values(s),Lv="sm:384 md:576 lg:768 xl:960";function wv(i){rh(i.target,i.contentRect.width)}function rh(i,e){var t;if(!i.isConnected)return;let r=(t=i.getAttribute(M.BREAKPOINTS))!=null?t:Lv,o=Iv(r),n=Cv(o,e),a=!1;if(Object.keys(o).forEach(l=>{if(n.includes(l)){i.hasAttribute(`breakpoint${l}`)||(i.setAttribute(`breakpoint${l}`,""),a=!0);return}i.hasAttribute(`breakpoint${l}`)&&(i.removeAttribute(`breakpoint${l}`),a=!0)}),a){let l=new CustomEvent(Pi.BREAKPOINTS_CHANGE,{detail:n});i.dispatchEvent(l)}i.breakpointsComputed||(i.breakpointsComputed=!0,i.dispatchEvent(new CustomEvent(Pi.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}function Iv(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function Cv(i,e){return Object.keys(i).filter(t=>e>=parseInt(i[t]))}var Ni=class extends d.HTMLElement{constructor(){if(super(),Be(this,Fl),Be(this,Kl),Be(this,ql),Be(this,jo),Be(this,wa),Be(this,Tr),Be(this,ka,0),Be(this,_r,null),Be(this,Jo,null),Be(this,yr,void 0),this.breakpointsComputed=!1,Be(this,Aa,new MutationObserver(Ke(this,Fl,eh).bind(this))),Be(this,Xo,!1),Be(this,Sa,t=>{Ve(this,Xo)||(setTimeout(()=>{wv(t),Ui(this,Xo,!1)},0),Ui(this,Xo,!0))}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let t=j(this.attributes),r=this.constructor.getTemplateHTML(t);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(r):this.shadowRoot.innerHTML=r}let e=this.querySelector(":scope > slot[slot=media]");e&&e.addEventListener("slotchange",()=>{if(!e.assignedElements({flatten:!0}).length){Ve(this,_r)&&this.mediaUnsetCallback(Ve(this,_r));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[M.AUTOHIDE,M.GESTURES_DISABLED].concat(kv).filter(e=>![s.MEDIA_RENDITION_LIST,s.MEDIA_AUDIO_TRACK_LIST,s.MEDIA_CHAPTERS_CUES,s.MEDIA_WIDTH,s.MEDIA_HEIGHT,s.MEDIA_ERROR,s.MEDIA_ERROR_MESSAGE].includes(e))}attributeChangedCallback(e,t,r){e.toLowerCase()==M.AUTOHIDE&&(this.autohide=r)}get media(){let e=this.querySelector(":scope > [slot=media]");return(e==null?void 0:e.nodeName)=="SLOT"&&(e=e.assignedElements({flatten:!0})[0]),e}async handleMediaUpdated(e){e&&(Ui(this,_r,e),e.localName.includes("-")&&await d.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;Ve(this,Aa).observe(this,{childList:!0,subtree:!0}),Pt(this,Ve(this,Sa));let r=this.getAttribute(M.AUDIO)!=null?E("audio player"):E("video player");this.setAttribute("role","region"),this.setAttribute("aria-label",r),this.handleMediaUpdated(this.media),this.setAttribute(M.USER_INACTIVE,""),rh(this,this.getBoundingClientRect().width),this.addEventListener("pointerdown",this),this.addEventListener("pointermove",this),this.addEventListener("pointerup",this),this.addEventListener("mouseleave",this),this.addEventListener("keyup",this),(e=d.window)==null||e.addEventListener("mouseup",this)}disconnectedCallback(){var e;Ve(this,Aa).disconnect(),Dt(this,Ve(this,Sa)),this.media&&this.mediaUnsetCallback(this.media),(e=d.window)==null||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){Ui(this,_r,null)}handleEvent(e){switch(e.type){case"pointerdown":Ui(this,ka,e.timeStamp);break;case"pointermove":Ke(this,Kl,th).call(this,e);break;case"pointerup":Ke(this,ql,ih).call(this,e);break;case"mouseleave":Ke(this,jo,La).call(this);break;case"mouseup":this.removeAttribute(M.KEYBOARD_CONTROL);break;case"keyup":Ke(this,Tr,en).call(this),this.setAttribute(M.KEYBOARD_CONTROL,"");break}}set autohide(e){let t=Number(e);Ui(this,yr,isNaN(t)?0:t)}get autohide(){return(Ve(this,yr)===void 0?2:Ve(this,yr)).toString()}get breakpoints(){return P(this,M.BREAKPOINTS)}set breakpoints(e){D(this,M.BREAKPOINTS,e)}get audio(){return w(this,M.AUDIO)}set audio(e){I(this,M.AUDIO,e)}get gesturesDisabled(){return w(this,M.GESTURES_DISABLED)}set gesturesDisabled(e){I(this,M.GESTURES_DISABLED,e)}get keyboardControl(){return w(this,M.KEYBOARD_CONTROL)}set keyboardControl(e){I(this,M.KEYBOARD_CONTROL,e)}get noAutohide(){return w(this,M.NO_AUTOHIDE)}set noAutohide(e){I(this,M.NO_AUTOHIDE,e)}get autohideOverControls(){return w(this,M.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){I(this,M.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return w(this,M.USER_INACTIVE)}set userInteractive(e){I(this,M.USER_INACTIVE,e)}};ka=new WeakMap;_r=new WeakMap;Jo=new WeakMap;yr=new WeakMap;Aa=new WeakMap;Fl=new WeakSet;eh=function(i){let e=this.media;for(let t of i){if(t.type!=="childList")continue;let r=t.removedNodes;for(let o of r){if(o.slot!="media"||t.target!=this)continue;let n=t.previousSibling&&t.previousSibling.previousElementSibling;if(!n||!e)this.mediaUnsetCallback(o);else{let a=n.slot!=="media";for(;(n=n.previousSibling)!==null;)n.slot=="media"&&(a=!1);a&&this.mediaUnsetCallback(o)}}if(e)for(let o of t.addedNodes)o===e&&this.handleMediaUpdated(e)}};Xo=new WeakMap;Sa=new WeakMap;Kl=new WeakSet;th=function(i){if(i.pointerType!=="mouse"&&i.timeStamp-Ve(this,ka)<250)return;Ke(this,wa,zl).call(this),clearTimeout(Ve(this,Jo));let e=this.hasAttribute(M.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(i.target)||e)&&Ke(this,Tr,en).call(this)};ql=new WeakSet;ih=function(i){if(i.pointerType==="touch"){let e=!this.hasAttribute(M.USER_INACTIVE);[this,this.media].includes(i.target)&&e?Ke(this,jo,La).call(this):Ke(this,Tr,en).call(this)}else i.composedPath().some(e=>["media-play-button","media-fullscreen-button"].includes(e==null?void 0:e.localName))&&Ke(this,Tr,en).call(this)};jo=new WeakSet;La=function(){if(Ve(this,yr)<0||this.hasAttribute(M.USER_INACTIVE))return;this.setAttribute(M.USER_INACTIVE,"");let i=new d.CustomEvent(Pi.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(i)};wa=new WeakSet;zl=function(){if(!this.hasAttribute(M.USER_INACTIVE))return;this.removeAttribute(M.USER_INACTIVE);let i=new d.CustomEvent(Pi.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(i)};Tr=new WeakSet;en=function(){Ke(this,wa,zl).call(this),clearTimeout(Ve(this,Jo));let i=parseInt(this.autohide);i<0||Ui(this,Jo,setTimeout(()=>{Ke(this,jo,La).call(this)},i*1e3))};Ni.shadowRootOptions={mode:"open"};Ni.getTemplateHTML=Sv;d.customElements.get("media-container")||d.customElements.define("media-container",Ni);var oh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ge=(i,e,t)=>(oh(i,e,"read from private field"),t?t.call(i):e.get(i)),tn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ia=(i,e,t,r)=>(oh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Ar,Sr,Ca,$i,Ot,Qt,Zt=class{constructor(e,t,{defaultValue:r}={defaultValue:void 0}){tn(this,Ot),tn(this,Ar,void 0),tn(this,Sr,void 0),tn(this,Ca,void 0),tn(this,$i,new Set),Ia(this,Ar,e),Ia(this,Sr,t),Ia(this,Ca,new Set(r))}[Symbol.iterator](){return ge(this,Ot,Qt).values()}get length(){return ge(this,Ot,Qt).size}get value(){var e;return(e=[...ge(this,Ot,Qt)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(Ia(this,$i,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...ge(this,Ot,Qt)][e]}values(){return ge(this,Ot,Qt).values()}forEach(e,t){ge(this,Ot,Qt).forEach(e,t)}add(...e){var t,r;e.forEach(o=>ge(this,$i).add(o)),!(this.value===""&&!((t=ge(this,Ar))!=null&&t.hasAttribute(`${ge(this,Sr)}`)))&&((r=ge(this,Ar))==null||r.setAttribute(`${ge(this,Sr)}`,`${this.value}`))}remove(...e){var t;e.forEach(r=>ge(this,$i).delete(r)),(t=ge(this,Ar))==null||t.setAttribute(`${ge(this,Sr)}`,`${this.value}`)}contains(e){return ge(this,Ot,Qt).has(e)}toggle(e,t){return typeof t<"u"?t?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,t){return this.remove(e),this.add(t),e===t}};Ar=new WeakMap;Sr=new WeakMap;Ca=new WeakMap;$i=new WeakMap;Ot=new WeakSet;Qt=function(){return ge(this,$i).size?ge(this,$i):ge(this,Ca)};var Mv=(i="")=>i.split(/\s+/),nh=(i="")=>{let[e,t,r]=i.split(":"),o=r?decodeURIComponent(r):void 0;return{kind:e==="cc"?Me.CAPTIONS:Me.SUBTITLES,language:t,label:o}},Hi=(i="",e={})=>Mv(i).map(t=>{let r=nh(t);return{...e,...r}}),Yl=i=>i?Array.isArray(i)?i.map(e=>typeof e=="string"?nh(e):e):typeof i=="string"?Hi(i):[i]:[],Ma=({kind:i,label:e,language:t}={kind:"subtitles"})=>e?`${i==="captions"?"cc":"sb"}:${t}:${encodeURIComponent(e)}`:t,Ut=(i=[])=>Array.prototype.map.call(i,Ma).join(" "),Rv=(i,e)=>t=>t[i]===e,ah=i=>{let e=Object.entries(i).map(([t,r])=>Rv(t,r));return t=>e.every(r=>r(t))},Bi=(i,e=[],t=[])=>{let r=Yl(t).map(ah),o=n=>r.some(a=>a(n));Array.from(e).filter(o).forEach(n=>{n.mode=i})},Vi=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:ah(e);return Array.from(i.textTracks).filter(t)},Ra=i=>{var e;return!!((e=i.mediaSubtitlesShowing)!=null&&e.length)||i.hasAttribute(s.MEDIA_SUBTITLES_SHOWING)};var lh=i=>{var e;let{media:t,fullscreenElement:r}=i;try{let o=r&&"requestFullscreen"in r?"requestFullscreen":r&&"webkitRequestFullScreen"in r?"webkitRequestFullScreen":void 0;if(o){let n=(e=r[o])==null?void 0:e.call(r);if(n instanceof Promise)return n.catch(()=>{})}else t!=null&&t.webkitEnterFullscreen?t.webkitEnterFullscreen():t!=null&&t.requestFullscreen&&t.requestFullscreen()}catch(o){console.error(o)}},sh="exitFullscreen"in ee?"exitFullscreen":"webkitExitFullscreen"in ee?"webkitExitFullscreen":"webkitCancelFullScreen"in ee?"webkitCancelFullScreen":void 0,dh=i=>{var e;let{documentElement:t}=i;if(sh){let r=(e=t==null?void 0:t[sh])==null?void 0:e.call(t);if(r instanceof Promise)return r.catch(()=>{})}},rn="fullscreenElement"in ee?"fullscreenElement":"webkitFullscreenElement"in ee?"webkitFullscreenElement":void 0,xv=i=>{let{documentElement:e,media:t}=i,r=e==null?void 0:e[rn];return!r&&"webkitDisplayingFullscreen"in t&&"webkitPresentationMode"in t&&t.webkitDisplayingFullscreen&&t.webkitPresentationMode===$u.FULLSCREEN?t:r},ch=i=>{var e;let{media:t,documentElement:r,fullscreenElement:o=t}=i;if(!t||!r)return!1;let n=xv(i);if(!n)return!1;if(n===o||n===t)return!0;if(n.localName.includes("-")){let a=n.shadowRoot;if(!(rn in a))return Ae(n,o);for(;a!=null&&a[rn];){if(a[rn]===o)return!0;a=(e=a[rn])==null?void 0:e.shadowRoot}}return!1},Pv="fullscreenEnabled"in ee?"fullscreenEnabled":"webkitFullscreenEnabled"in ee?"webkitFullscreenEnabled":void 0,uh=i=>{let{documentElement:e,media:t}=i;return!!(e!=null&&e[Pv])||t&&"webkitSupportsFullscreen"in t};var xa,Ql=()=>{var i,e;return xa||(xa=(e=(i=ee)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),xa)},hh=async(i=Ql())=>{if(!i)return!1;let e=i.volume;i.volume=e/2+.1;let t=new AbortController,r=await Promise.race([Dv(i,t.signal),Ov(i,e)]);return t.abort(),r},Dv=(i,e)=>new Promise(t=>{i.addEventListener("volumechange",()=>t(!0),{signal:e})}),Ov=async(i,e)=>{for(let t=0;t<10;t++){if(i.volume===e)return!1;await pa(10)}return i.volume!==e},Uv=/.*Version\/.*Safari\/.*/.test(d.navigator.userAgent),Zl=(i=Ql())=>d.matchMedia("(display-mode: standalone)").matches&&Uv?!1:typeof(i==null?void 0:i.requestPictureInPicture)=="function",Xl=(i=Ql())=>uh({documentElement:ee,media:i}),ph=Xl(),mh=Zl(),vh=!!d.WebKitPlaybackTargetAvailabilityEvent,fh=!!d.chrome;var kr=i=>Vi(i.media,e=>[Me.SUBTITLES,Me.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),Jl=i=>Vi(i.media,e=>e.mode===zt.SHOWING&&[Me.SUBTITLES,Me.CAPTIONS].includes(e.kind)),Pa=(i,e)=>{let t=kr(i),r=Jl(i),o=!!r.length;if(t.length){if(e===!1||o&&e!==!0)Bi(zt.DISABLED,t,r);else if(e===!0||!o&&e!==!1){let n=t[0],{options:a}=i;if(!(a!=null&&a.noSubtitlesLangPref)){let h=globalThis.localStorage.getItem("media-chrome-pref-subtitles-lang"),v=h?[h,...globalThis.navigator.languages]:globalThis.navigator.languages,g=t.filter(m=>v.some(A=>m.language.toLowerCase().startsWith(A.split("-")[0]))).sort((m,A)=>{let f=v.findIndex(O=>m.language.toLowerCase().startsWith(O.split("-")[0])),R=v.findIndex(O=>A.language.toLowerCase().startsWith(O.split("-")[0]));return f-R});g[0]&&(n=g[0])}let{language:l,label:c,kind:p}=n;Bi(zt.DISABLED,t,r),Bi(zt.SHOWING,t,[{language:l,label:c,kind:p}])}}},Da=(i,e)=>i===e?!0:i==null||e==null||typeof i!=typeof e?!1:typeof i=="number"&&Number.isNaN(i)&&Number.isNaN(e)?!0:typeof i!="object"?!1:Array.isArray(i)?Nv(i,e):Object.entries(i).every(([t,r])=>t in e&&Da(r,e[t])),Nv=(i,e)=>{let t=Array.isArray(i),r=Array.isArray(e);return t!==r?!1:t||r?i.length!==e.length?!1:i.every((o,n)=>Da(o,e[n])):!0};var $v=Object.values(Xe),Oa,Hv=hh().then(i=>(Oa=i,Oa)),gh=async(...i)=>{await Promise.all(i.filter(e=>e).map(async e=>{if(!("localName"in e&&e instanceof d.HTMLElement))return;let t=e.localName;if(!t.includes("-"))return;let r=d.customElements.get(t);r&&e instanceof r||(await d.customElements.whenDefined(t),d.customElements.upgrade(e))}))},Bv=new d.DOMParser,Vv=i=>i&&(Bv.parseFromString(i,"text/html").body.textContent||i),Lr={mediaError:{get(i,e){let{media:t}=i;if((e==null?void 0:e.type)!=="playing")return t==null?void 0:t.error},mediaEvents:["emptied","error","playing"]},mediaErrorCode:{get(i,e){var t;let{media:r}=i;if((e==null?void 0:e.type)!=="playing")return(t=r==null?void 0:r.error)==null?void 0:t.code},mediaEvents:["emptied","error","playing"]},mediaErrorMessage:{get(i,e){var t,r;let{media:o}=i;if((e==null?void 0:e.type)!=="playing")return(r=(t=o==null?void 0:o.error)==null?void 0:t.message)!=null?r:""},mediaEvents:["emptied","error","playing"]},mediaWidth:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoWidth)!=null?e:0},mediaEvents:["resize"]},mediaHeight:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoHeight)!=null?e:0},mediaEvents:["resize"]},mediaPaused:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.paused)!=null?e:!0},set(i,e){var t;let{media:r}=e;r&&(i?r.pause():(t=r.play())==null||t.catch(()=>{}))},mediaEvents:["play","playing","pause","emptied"]},mediaHasPlayed:{get(i,e){let{media:t}=i;return t?e?e.type==="playing":!t.paused:!1},mediaEvents:["playing","emptied"]},mediaEnded:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.ended)!=null?e:!1},mediaEvents:["seeked","ended","emptied"]},mediaPlaybackRate:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.playbackRate)!=null?e:1},set(i,e){let{media:t}=e;t&&Number.isFinite(+i)&&(t.playbackRate=+i)},mediaEvents:["ratechange","loadstart"]},mediaMuted:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.muted)!=null?e:!1},set(i,e){let{media:t,options:{noMutedPref:r}={}}=e;if(t){t.muted=i;try{let o=d.localStorage.getItem("media-chrome-pref-muted")!==null,n=t.hasAttribute("muted");if(r){o&&d.localStorage.removeItem("media-chrome-pref-muted");return}if(n&&!o)return;d.localStorage.setItem("media-chrome-pref-muted",i?"true":"false")}catch(o){console.debug("Error setting muted pref",o)}}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(i,e)=>{let{options:{noMutedPref:t}}=e,{media:r}=e;if(!(!r||r.muted||t))try{let o=d.localStorage.getItem("media-chrome-pref-muted")==="true";Lr.mediaMuted.set(o,e),i(o)}catch(o){console.debug("Error getting muted pref",o)}}]},mediaLoop:{get(i){let{media:e}=i;return e==null?void 0:e.loop},set(i,e){let{media:t}=e;t&&(t.loop=i)},mediaEvents:["medialooprequest"]},mediaVolume:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.volume)!=null?e:1},set(i,e){let{media:t,options:{noVolumePref:r}={}}=e;if(t){try{i==null?d.localStorage.removeItem("media-chrome-pref-volume"):!t.hasAttribute("muted")&&!r&&d.localStorage.setItem("media-chrome-pref-volume",i.toString())}catch(o){console.debug("Error setting volume pref",o)}Number.isFinite(+i)&&(t.volume=+i)}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(i,e)=>{let{options:{noVolumePref:t}}=e;if(!t)try{let{media:r}=e;if(!r)return;let o=d.localStorage.getItem("media-chrome-pref-volume");if(o==null)return;Lr.mediaVolume.set(+o,e),i(+o)}catch(r){console.debug("Error getting volume pref",r)}}]},mediaVolumeLevel:{get(i){let{media:e}=i;return typeof(e==null?void 0:e.volume)>"u"?"high":e.muted||e.volume===0?"off":e.volume<.5?"low":e.volume<.75?"medium":"high"},mediaEvents:["volumechange"]},mediaCurrentTime:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.currentTime)!=null?e:0},set(i,e){let{media:t}=e;!t||!Er(i)||(t.currentTime=i)},mediaEvents:["timeupdate","loadedmetadata"]},mediaDuration:{get(i){let{media:e,options:{defaultDuration:t}={}}=i;return t&&(!e||!e.duration||Number.isNaN(e.duration)||!Number.isFinite(e.duration))?t:Number.isFinite(e==null?void 0:e.duration)?e.duration:Number.NaN},mediaEvents:["durationchange","loadedmetadata","emptied"]},mediaLoading:{get(i){let{media:e}=i;return(e==null?void 0:e.readyState)<3},mediaEvents:["waiting","playing","emptied"]},mediaSeekable:{get(i){var e;let{media:t}=i;if(!((e=t==null?void 0:t.seekable)!=null&&e.length))return;let r=t.seekable.start(0),o=t.seekable.end(t.seekable.length-1);if(!(!r&&!o))return[Number(r.toFixed(3)),Number(o.toFixed(3))]},mediaEvents:["loadedmetadata","emptied","progress","seekablechange"]},mediaBuffered:{get(i){var e;let{media:t}=i,r=(e=t==null?void 0:t.buffered)!=null?e:[];return Array.from(r).map((o,n)=>[Number(r.start(n).toFixed(3)),Number(r.end(n).toFixed(3))])},mediaEvents:["progress","emptied"]},mediaStreamType:{get(i){let{media:e,options:{defaultStreamType:t}={}}=i,r=[Xe.LIVE,Xe.ON_DEMAND].includes(t)?t:void 0;if(!e)return r;let{streamType:o}=e;if($v.includes(o))return o===Xe.UNKNOWN?r:o;let n=e.duration;return n===1/0?Xe.LIVE:Number.isFinite(n)?Xe.ON_DEMAND:r},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(i){let{media:e}=i;if(!e)return Number.NaN;let{targetLiveWindow:t}=e,r=Lr.mediaStreamType.get(i);return(t==null||Number.isNaN(t))&&r===Xe.LIVE?0:t},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},mediaTimeIsLive:{get(i){let{media:e,options:{liveEdgeOffset:t=10}={}}=i;if(!e)return!1;if(typeof e.liveEdgeStart=="number")return Number.isNaN(e.liveEdgeStart)?!1:e.currentTime>=e.liveEdgeStart;if(!(Lr.mediaStreamType.get(i)===Xe.LIVE))return!1;let o=e.seekable;if(!o)return!0;if(!o.length)return!1;let n=o.end(o.length-1)-t;return e.currentTime>=n},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get(i){return kr(i).map(({kind:e,label:t,language:r})=>({kind:e,label:t,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get(i){return Jl(i).map(({kind:e,label:t,language:r})=>({kind:e,label:t,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,e)=>{var t,r;let{media:o,options:n}=e;if(!o)return;let a=l=>{var c;!n.defaultSubtitles||l&&![Me.CAPTIONS,Me.SUBTITLES].includes((c=l==null?void 0:l.track)==null?void 0:c.kind)||Pa(e,!0)};return o.addEventListener("loadstart",a),(t=o.textTracks)==null||t.addEventListener("addtrack",a),(r=o.textTracks)==null||r.addEventListener("removetrack",a),()=>{var l,c;o.removeEventListener("loadstart",a),(l=o.textTracks)==null||l.removeEventListener("addtrack",a),(c=o.textTracks)==null||c.removeEventListener("removetrack",a)}}]},mediaChaptersCues:{get(i){var e;let{media:t}=i;if(!t)return[];let[r]=Vi(t,{kind:Me.CHAPTERS});return Array.from((e=r==null?void 0:r.cues)!=null?e:[]).map(({text:o,startTime:n,endTime:a})=>({text:Vv(o),startTime:n,endTime:a}))},mediaEvents:["loadstart","loadedmetadata"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:r}=e;if(!r)return;let o=r.querySelector('track[kind="chapters"][default][src]'),n=(t=r.shadowRoot)==null?void 0:t.querySelector(':is(video,audio) > track[kind="chapters"][default][src]');return o==null||o.addEventListener("load",i),n==null||n.addEventListener("load",i),()=>{o==null||o.removeEventListener("load",i),n==null||n.removeEventListener("load",i)}}]},mediaIsPip:{get(i){var e,t;let{media:r,documentElement:o}=i;if(!r||!o||!o.pictureInPictureElement)return!1;if(o.pictureInPictureElement===r)return!0;if(o.pictureInPictureElement instanceof HTMLMediaElement)return(e=r.localName)!=null&&e.includes("-")?Ae(r,o.pictureInPictureElement):!1;if(o.pictureInPictureElement.localName.includes("-")){let n=o.pictureInPictureElement.shadowRoot;for(;n!=null&&n.pictureInPictureElement;){if(n.pictureInPictureElement===r)return!0;n=(t=n.pictureInPictureElement)==null?void 0:t.shadowRoot}}return!1},set(i,e){let{media:t}=e;if(t)if(i){if(!ee.pictureInPictureEnabled){console.warn("MediaChrome: Picture-in-picture is not enabled");return}if(!t.requestPictureInPicture){console.warn("MediaChrome: The current media does not support picture-in-picture");return}let r=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};t.requestPictureInPicture().catch(o=>{if(o.code===11){if(!t.src){console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a src set.");return}if(t.readyState===0&&t.preload==="none"){let n=()=>{t.removeEventListener("loadedmetadata",a),t.preload="none"},a=()=>{t.requestPictureInPicture().catch(r),n()};t.addEventListener("loadedmetadata",a),t.preload="metadata",setTimeout(()=>{t.readyState===0&&r(),n()},1e3)}else throw o}else throw o})}else ee.pictureInPictureElement&&ee.exitPictureInPicture()},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},mediaRenditionList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.videoRenditions)!=null?e:[]].map(r=>({...r}))},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaRenditionSelected:{get(i){var e,t,r;let{media:o}=i;return(r=(t=o==null?void 0:o.videoRenditions)==null?void 0:t[(e=o.videoRenditions)==null?void 0:e.selectedIndex])==null?void 0:r.id},set(i,e){let{media:t}=e;if(!(t!=null&&t.videoRenditions)){console.warn("MediaController: Rendition selection not supported by this media.");return}let r=i,o=Array.prototype.findIndex.call(t.videoRenditions,n=>n.id==r);t.videoRenditions.selectedIndex!=o&&(t.videoRenditions.selectedIndex=o)},mediaEvents:["emptied"],videoRenditionsEvents:["addrendition","removerendition","change"]},mediaAudioTrackList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.audioTracks)!=null?e:[]]},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaAudioTrackEnabled:{get(i){var e,t;let{media:r}=i;return(t=[...(e=r==null?void 0:r.audioTracks)!=null?e:[]].find(o=>o.enabled))==null?void 0:t.id},set(i,e){let{media:t}=e;if(!(t!=null&&t.audioTracks)){console.warn("MediaChrome: Audio track selection not supported by this media.");return}let r=i;for(let o of t.audioTracks)o.enabled=r==o.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]},mediaIsFullscreen:{get(i){return ch(i)},set(i,e,t){var r;i?(lh(e),t.detail&&((r=e.media)==null||r.focus())):dh(e)},rootEvents:["fullscreenchange","webkitfullscreenchange"],mediaEvents:["webkitbeginfullscreen","webkitendfullscreen","webkitpresentationmodechanged"]},mediaIsCasting:{get(i){var e;let{media:t}=i;return!(t!=null&&t.remote)||((e=t.remote)==null?void 0:e.state)==="disconnected"?!1:!!t.remote.state},set(i,e){var t,r;let{media:o}=e;if(o&&!(i&&((t=o.remote)==null?void 0:t.state)!=="disconnected")&&!(!i&&((r=o.remote)==null?void 0:r.state)!=="connected")){if(typeof o.remote.prompt!="function"){console.warn("MediaChrome: Casting is not supported in this environment");return}o.remote.prompt().catch(()=>{})}},remoteEvents:["connect","connecting","disconnect"]},mediaIsAirplaying:{get(){return!1},set(i,e){let{media:t}=e;if(t){if(!(t.webkitShowPlaybackTargetPicker&&d.WebKitPlaybackTargetAvailabilityEvent)){console.error("MediaChrome: received a request to select AirPlay but AirPlay is not supported in this environment");return}t.webkitShowPlaybackTargetPicker()}},mediaEvents:["webkitcurrentplaybacktargetiswirelesschanged"]},mediaFullscreenUnavailable:{get(i){let{media:e}=i;if(!ph||!Xl(e))return Re.UNSUPPORTED}},mediaPipUnavailable:{get(i){let{media:e}=i;if(!mh||!Zl(e))return Re.UNSUPPORTED;if(e!=null&&e.disablePictureInPicture)return Re.UNAVAILABLE}},mediaVolumeUnavailable:{get(i){let{media:e}=i;if(Oa===!1||(e==null?void 0:e.volume)==null)return Re.UNSUPPORTED},stateOwnersUpdateHandlers:[i=>{Oa==null&&Hv.then(e=>i(e?void 0:Re.UNSUPPORTED))}]},mediaCastUnavailable:{get(i,{availability:e="not-available"}={}){var t;let{media:r}=i;if(!fh||!((t=r==null?void 0:r.remote)!=null&&t.state))return Re.UNSUPPORTED;if(!(e==null||e==="available"))return Re.UNAVAILABLE},stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:r}=e;return r?(r.disableRemotePlayback||r.hasAttribute("disableremoteplayback")||(t=r==null?void 0:r.remote)==null||t.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=r==null?void 0:r.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaAirplayUnavailable:{get(i,e){if(!vh)return Re.UNSUPPORTED;if((e==null?void 0:e.availability)==="not-available")return Re.UNAVAILABLE},mediaEvents:["webkitplaybacktargetavailabilitychanged"],stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:r}=e;return r?(r.disableRemotePlayback||r.hasAttribute("disableremoteplayback")||(t=r==null?void 0:r.remote)==null||t.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=r==null?void 0:r.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaRenditionUnavailable:{get(i){var e;let{media:t}=i;if(!(t!=null&&t.videoRenditions))return Re.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return Re.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(i){var e,t;let{media:r}=i;if(!(r!=null&&r.audioTracks))return Re.UNSUPPORTED;if(((t=(e=r.audioTracks)==null?void 0:e.length)!=null?t:0)<=1)return Re.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaLang:{get(i){let{options:{mediaLang:e}={}}=i;return e??"en"}}};var Eh={[b.MEDIA_PREVIEW_REQUEST](i,e,{detail:t}){var r,o,n;let{media:a}=e,l=t??void 0,c,p;if(a&&l!=null){let[m]=Vi(a,{kind:Me.METADATA,label:"thumbnails"}),A=Array.prototype.find.call((r=m==null?void 0:m.cues)!=null?r:[],(f,R,O)=>R===0?f.endTime>l:R===O.length-1?f.startTime<=l:f.startTime<=l&&f.endTime>l);if(A){let f=/'^(?:[a-z]+:)?\/\//i.test(A.text)||(o=a==null?void 0:a.querySelector('track[label="thumbnails"]'))==null?void 0:o.src,R=new URL(A.text,f);p=new URLSearchParams(R.hash).get("#xywh").split(",").map(Ne=>+Ne),c=R.href}}let h=i.mediaDuration.get(e),g=(n=i.mediaChaptersCues.get(e).find((m,A,f)=>A===f.length-1&&h===m.endTime?m.startTime<=l&&m.endTime>=l:m.startTime<=l&&m.endTime>l))==null?void 0:n.text;return t!=null&&g==null&&(g=""),{mediaPreviewTime:l,mediaPreviewImage:c,mediaPreviewCoords:p,mediaPreviewChapter:g}},[b.MEDIA_PAUSE_REQUEST](i,e){i["mediaPaused"].set(!0,e)},[b.MEDIA_PLAY_REQUEST](i,e){var t,r,o,n;let a="mediaPaused",c=i.mediaStreamType.get(e)===Xe.LIVE,p=!((t=e.options)!=null&&t.noAutoSeekToLive),h=i.mediaTargetLiveWindow.get(e)>0;if(c&&p&&!h){let v=(r=i.mediaSeekable.get(e))==null?void 0:r[1];if(v){let g=(n=(o=e.options)==null?void 0:o.seekToLiveOffset)!=null?n:0,m=v-g;i.mediaCurrentTime.set(m,e)}}i[a].set(!1,e)},[b.MEDIA_PLAYBACK_RATE_REQUEST](i,e,{detail:t}){let r="mediaPlaybackRate",o=t;i[r].set(o,e)},[b.MEDIA_MUTE_REQUEST](i,e){i["mediaMuted"].set(!0,e)},[b.MEDIA_UNMUTE_REQUEST](i,e){let t="mediaMuted";i.mediaVolume.get(e)||i.mediaVolume.set(.25,e),i[t].set(!1,e)},[b.MEDIA_LOOP_REQUEST](i,e,{detail:t}){let r="mediaLoop",o=!!t;return i[r].set(o,e),{mediaLoop:o}},[b.MEDIA_VOLUME_REQUEST](i,e,{detail:t}){let r="mediaVolume",o=t;o&&i.mediaMuted.get(e)&&i.mediaMuted.set(!1,e),i[r].set(o,e)},[b.MEDIA_SEEK_REQUEST](i,e,{detail:t}){let r="mediaCurrentTime",o=t;i[r].set(o,e)},[b.MEDIA_SEEK_TO_LIVE_REQUEST](i,e){var t,r,o;let n="mediaCurrentTime",a=(t=i.mediaSeekable.get(e))==null?void 0:t[1];if(Number.isNaN(Number(a)))return;let l=(o=(r=e.options)==null?void 0:r.seekToLiveOffset)!=null?o:0,c=a-l;i[n].set(c,e)},[b.MEDIA_SHOW_SUBTITLES_REQUEST](i,e,{detail:t}){var r;let{options:o}=e,n=kr(e),a=Yl(t),l=(r=a[0])==null?void 0:r.language;l&&!o.noSubtitlesLangPref&&d.localStorage.setItem("media-chrome-pref-subtitles-lang",l),Bi(zt.SHOWING,n,a)},[b.MEDIA_DISABLE_SUBTITLES_REQUEST](i,e,{detail:t}){let r=kr(e),o=t??[];Bi(zt.DISABLED,r,o)},[b.MEDIA_TOGGLE_SUBTITLES_REQUEST](i,e,{detail:t}){Pa(e,t)},[b.MEDIA_RENDITION_REQUEST](i,e,{detail:t}){let r="mediaRenditionSelected",o=t;i[r].set(o,e)},[b.MEDIA_AUDIO_TRACK_REQUEST](i,e,{detail:t}){let r="mediaAudioTrackEnabled",o=t;i[r].set(o,e)},[b.MEDIA_ENTER_PIP_REQUEST](i,e){let t="mediaIsPip";i.mediaIsFullscreen.get(e)&&i.mediaIsFullscreen.set(!1,e),i[t].set(!0,e)},[b.MEDIA_EXIT_PIP_REQUEST](i,e){i["mediaIsPip"].set(!1,e)},[b.MEDIA_ENTER_FULLSCREEN_REQUEST](i,e,t){let r="mediaIsFullscreen";i.mediaIsPip.get(e)&&i.mediaIsPip.set(!1,e),i[r].set(!0,e,t)},[b.MEDIA_EXIT_FULLSCREEN_REQUEST](i,e){i["mediaIsFullscreen"].set(!1,e)},[b.MEDIA_ENTER_CAST_REQUEST](i,e){let t="mediaIsCasting";i.mediaIsFullscreen.get(e)&&i.mediaIsFullscreen.set(!1,e),i[t].set(!0,e)},[b.MEDIA_EXIT_CAST_REQUEST](i,e){i["mediaIsCasting"].set(!1,e)},[b.MEDIA_AIRPLAY_REQUEST](i,e){i["mediaIsAirplaying"].set(!0,e)}};var bh=({media:i,fullscreenElement:e,documentElement:t,stateMediator:r=Lr,requestMap:o=Eh,options:n={},monitorStateOwnersOnlyWithSubscriptions:a=!0})=>{let l=[],c={options:{...n}},p=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),h=f=>{f!=null&&(Da(f,p)||(p=Object.freeze({...p,...f}),l.forEach(R=>R(p))))},v=()=>{let f=Object.entries(r).reduce((R,[O,{get:Ne}])=>(R[O]=Ne(c),R),{});h(f)},g={},m,A=async(f,R)=>{var O,Ne,nt,Co,cr,$c,yl,k,K,ne,te,G,pe,Rt,Mo,Hc;let wm=!!m;if(m={...c,...m??{},...f},wm)return;await gh(...Object.values(f));let ur=l.length>0&&R===0&&a,Bc=c.media!==m.media,Vc=((O=c.media)==null?void 0:O.textTracks)!==((Ne=m.media)==null?void 0:Ne.textTracks),Wc=((nt=c.media)==null?void 0:nt.videoRenditions)!==((Co=m.media)==null?void 0:Co.videoRenditions),Fc=((cr=c.media)==null?void 0:cr.audioTracks)!==(($c=m.media)==null?void 0:$c.audioTracks),Kc=((yl=c.media)==null?void 0:yl.remote)!==((k=m.media)==null?void 0:k.remote),qc=c.documentElement!==m.documentElement,Gc=!!c.media&&(Bc||ur),zc=!!((K=c.media)!=null&&K.textTracks)&&(Vc||ur),Yc=!!((ne=c.media)!=null&&ne.videoRenditions)&&(Wc||ur),Qc=!!((te=c.media)!=null&&te.audioTracks)&&(Fc||ur),Zc=!!((G=c.media)!=null&&G.remote)&&(Kc||ur),Xc=!!c.documentElement&&(qc||ur),Tl=Gc||zc||Yc||Qc||Zc||Xc,hr=l.length===0&&R===1&&a,Jc=!!m.media&&(Bc||hr),L=!!((pe=m.media)!=null&&pe.textTracks)&&(Vc||hr),jc=!!((Rt=m.media)!=null&&Rt.videoRenditions)&&(Wc||hr),eu=!!((Mo=m.media)!=null&&Mo.audioTracks)&&(Fc||hr),tu=!!((Hc=m.media)!=null&&Hc.remote)&&(Kc||hr),iu=!!m.documentElement&&(qc||hr),ru=Jc||L||jc||eu||tu||iu;if(!(Tl||ru)){Object.entries(m).forEach(([Y,Ro])=>{c[Y]=Ro}),v(),m=void 0;return}Object.entries(r).forEach(([Y,{get:Ro,mediaEvents:Im=[],textTracksEvents:Cm=[],videoRenditionsEvents:Mm=[],audioTracksEvents:Rm=[],remoteEvents:xm=[],rootEvents:Pm=[],stateOwnersUpdateHandlers:Dm=[]}])=>{g[Y]||(g[Y]={});let $e=ie=>{let ue=Ro(c,ie);h({[Y]:ue})},ve;ve=g[Y].mediaEvents,Im.forEach(ie=>{ve&&Gc&&(c.media.removeEventListener(ie,ve),g[Y].mediaEvents=void 0),Jc&&(m.media.addEventListener(ie,$e),g[Y].mediaEvents=$e)}),ve=g[Y].textTracksEvents,Cm.forEach(ie=>{var ue,Ze;ve&&zc&&((ue=c.media.textTracks)==null||ue.removeEventListener(ie,ve),g[Y].textTracksEvents=void 0),L&&((Ze=m.media.textTracks)==null||Ze.addEventListener(ie,$e),g[Y].textTracksEvents=$e)}),ve=g[Y].videoRenditionsEvents,Mm.forEach(ie=>{var ue,Ze;ve&&Yc&&((ue=c.media.videoRenditions)==null||ue.removeEventListener(ie,ve),g[Y].videoRenditionsEvents=void 0),jc&&((Ze=m.media.videoRenditions)==null||Ze.addEventListener(ie,$e),g[Y].videoRenditionsEvents=$e)}),ve=g[Y].audioTracksEvents,Rm.forEach(ie=>{var ue,Ze;ve&&Qc&&((ue=c.media.audioTracks)==null||ue.removeEventListener(ie,ve),g[Y].audioTracksEvents=void 0),eu&&((Ze=m.media.audioTracks)==null||Ze.addEventListener(ie,$e),g[Y].audioTracksEvents=$e)}),ve=g[Y].remoteEvents,xm.forEach(ie=>{var ue,Ze;ve&&Zc&&((ue=c.media.remote)==null||ue.removeEventListener(ie,ve),g[Y].remoteEvents=void 0),tu&&((Ze=m.media.remote)==null||Ze.addEventListener(ie,$e),g[Y].remoteEvents=$e)}),ve=g[Y].rootEvents,Pm.forEach(ie=>{ve&&Xc&&(c.documentElement.removeEventListener(ie,ve),g[Y].rootEvents=void 0),iu&&(m.documentElement.addEventListener(ie,$e),g[Y].rootEvents=$e)});let oa=g[Y].stateOwnersUpdateHandlers;if(oa&&Tl&&(Array.isArray(oa)?oa:[oa]).forEach(ue=>{typeof ue=="function"&&ue()}),ru){let ie=Dm.map(ue=>ue($e,m)).filter(ue=>typeof ue=="function");g[Y].stateOwnersUpdateHandlers=ie.length===1?ie[0]:ie}else Tl&&(g[Y].stateOwnersUpdateHandlers=void 0)}),Object.entries(m).forEach(([Y,Ro])=>{c[Y]=Ro}),v(),m=void 0};return A({media:i,fullscreenElement:e,documentElement:t,options:n}),{dispatch(f){let{type:R,detail:O}=f;if(o[R]&&p.mediaErrorCode==null){h(o[R](r,c,f));return}R==="mediaelementchangerequest"?A({media:O}):R==="fullscreenelementchangerequest"?A({fullscreenElement:O}):R==="documentelementchangerequest"?A({documentElement:O}):R==="optionschangerequest"&&(Object.entries(O??{}).forEach(([Ne,nt])=>{c.options[Ne]=nt}),v())},getState(){return p},subscribe(f){return A({},l.length+1),l.push(f),f(p),()=>{let R=l.indexOf(f);R>=0&&(A({},l.length-1),l.splice(R,1))}}}};var od=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},C=(i,e,t)=>(od(i,e,"read from private field"),t?t.call(i):e.get(i)),qe=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},lt=(i,e,t,r)=>(od(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ct=(i,e,t)=>(od(i,e,"access private method"),t),Xt,on,W,Fi,nn,dt,Ua,an,Na,jl,Ki,wr,$a,ed,td,Lh,wh=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Enter"," ","f","m","k","c","l","j",">","<","p"],_h=10,yh=.025,Th=.25,Wv=.25,Fv=2,y={DEFAULT_SUBTITLES:"defaultsubtitles",DEFAULT_STREAM_TYPE:"defaultstreamtype",DEFAULT_DURATION:"defaultduration",FULLSCREEN_ELEMENT:"fullscreenelement",HOTKEYS:"hotkeys",KEYBOARD_BACKWARD_SEEK_OFFSET:"keyboardbackwardseekoffset",KEYBOARD_FORWARD_SEEK_OFFSET:"keyboardforwardseekoffset",KEYBOARD_DOWN_VOLUME_STEP:"keyboarddownvolumestep",KEYBOARD_UP_VOLUME_STEP:"keyboardupvolumestep",KEYS_USED:"keysused",LANG:"lang",LOOP:"loop",LIVE_EDGE_OFFSET:"liveedgeoffset",NO_AUTO_SEEK_TO_LIVE:"noautoseektolive",NO_DEFAULT_STORE:"nodefaultstore",NO_HOTKEYS:"nohotkeys",NO_MUTED_PREF:"nomutedpref",NO_SUBTITLES_LANG_PREF:"nosubtitleslangpref",NO_VOLUME_PREF:"novolumepref",SEEK_TO_LIVE_OFFSET:"seektoliveoffset"},id=class extends Ni{constructor(){super(),qe(this,Na),qe(this,Ki),qe(this,$a),qe(this,td),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,qe(this,Xt,new Zt(this,y.HOTKEYS)),qe(this,on,void 0),qe(this,W,void 0),qe(this,Fi,null),qe(this,nn,void 0),qe(this,dt,void 0),qe(this,Ua,t=>{var r;(r=C(this,W))==null||r.dispatch(t)}),qe(this,an,void 0),this.associateElement(this);let e={};lt(this,nn,t=>{Object.entries(t).forEach(([r,o])=>{if(r in e&&e[r]===o)return;this.propagateMediaState(r,o);let n=r.toLowerCase(),a=new d.CustomEvent(Nu[n],{composed:!0,detail:o});this.dispatchEvent(a)}),e=t}),this.hasAttribute(y.NO_HOTKEYS)?this.disableHotkeys():this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat(y.NO_HOTKEYS,y.HOTKEYS,y.DEFAULT_STREAM_TYPE,y.DEFAULT_SUBTITLES,y.DEFAULT_DURATION,y.NO_MUTED_PREF,y.NO_VOLUME_PREF,y.LANG,y.LOOP)}get mediaStore(){return C(this,W)}set mediaStore(e){var t,r;if(C(this,W)&&((t=C(this,dt))==null||t.call(this),lt(this,dt,void 0)),lt(this,W,e),!C(this,W)&&!this.hasAttribute(y.NO_DEFAULT_STORE)){ct(this,Na,jl).call(this);return}lt(this,dt,(r=C(this,W))==null?void 0:r.subscribe(C(this,nn)))}get fullscreenElement(){var e;return(e=C(this,on))!=null?e:this}set fullscreenElement(e){var t;this.hasAttribute(y.FULLSCREEN_ELEMENT)&&this.removeAttribute(y.FULLSCREEN_ELEMENT),lt(this,on,e),(t=C(this,W))==null||t.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}get defaultSubtitles(){return w(this,y.DEFAULT_SUBTITLES)}set defaultSubtitles(e){I(this,y.DEFAULT_SUBTITLES,e)}get defaultStreamType(){return P(this,y.DEFAULT_STREAM_TYPE)}set defaultStreamType(e){D(this,y.DEFAULT_STREAM_TYPE,e)}get defaultDuration(){return $(this,y.DEFAULT_DURATION)}set defaultDuration(e){B(this,y.DEFAULT_DURATION,e)}get noHotkeys(){return w(this,y.NO_HOTKEYS)}set noHotkeys(e){I(this,y.NO_HOTKEYS,e)}get keysUsed(){return P(this,y.KEYS_USED)}set keysUsed(e){D(this,y.KEYS_USED,e)}get liveEdgeOffset(){return $(this,y.LIVE_EDGE_OFFSET)}set liveEdgeOffset(e){B(this,y.LIVE_EDGE_OFFSET,e)}get noAutoSeekToLive(){return w(this,y.NO_AUTO_SEEK_TO_LIVE)}set noAutoSeekToLive(e){I(this,y.NO_AUTO_SEEK_TO_LIVE,e)}get noVolumePref(){return w(this,y.NO_VOLUME_PREF)}set noVolumePref(e){I(this,y.NO_VOLUME_PREF,e)}get noMutedPref(){return w(this,y.NO_MUTED_PREF)}set noMutedPref(e){I(this,y.NO_MUTED_PREF,e)}get noSubtitlesLangPref(){return w(this,y.NO_SUBTITLES_LANG_PREF)}set noSubtitlesLangPref(e){I(this,y.NO_SUBTITLES_LANG_PREF,e)}get noDefaultStore(){return w(this,y.NO_DEFAULT_STORE)}set noDefaultStore(e){I(this,y.NO_DEFAULT_STORE,e)}attributeChangedCallback(e,t,r){var o,n,a,l,c,p,h,v,g,m,A,f;if(super.attributeChangedCallback(e,t,r),e===y.NO_HOTKEYS)r!==t&&r===""?(this.hasAttribute(y.HOTKEYS)&&console.warn("Media Chrome: Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):r!==t&&r===null&&this.enableHotkeys();else if(e===y.HOTKEYS)C(this,Xt).value=r;else if(e===y.DEFAULT_SUBTITLES&&r!==t)(o=C(this,W))==null||o.dispatch({type:"optionschangerequest",detail:{defaultSubtitles:this.hasAttribute(y.DEFAULT_SUBTITLES)}});else if(e===y.DEFAULT_STREAM_TYPE)(a=C(this,W))==null||a.dispatch({type:"optionschangerequest",detail:{defaultStreamType:(n=this.getAttribute(y.DEFAULT_STREAM_TYPE))!=null?n:void 0}});else if(e===y.LIVE_EDGE_OFFSET)(l=C(this,W))==null||l.dispatch({type:"optionschangerequest",detail:{liveEdgeOffset:this.hasAttribute(y.LIVE_EDGE_OFFSET)?+this.getAttribute(y.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(y.SEEK_TO_LIVE_OFFSET)?void 0:+this.getAttribute(y.LIVE_EDGE_OFFSET)}});else if(e===y.SEEK_TO_LIVE_OFFSET)(c=C(this,W))==null||c.dispatch({type:"optionschangerequest",detail:{seekToLiveOffset:this.hasAttribute(y.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(y.SEEK_TO_LIVE_OFFSET):void 0}});else if(e===y.NO_AUTO_SEEK_TO_LIVE)(p=C(this,W))==null||p.dispatch({type:"optionschangerequest",detail:{noAutoSeekToLive:this.hasAttribute(y.NO_AUTO_SEEK_TO_LIVE)}});else if(e===y.FULLSCREEN_ELEMENT){let R=r?(h=this.getRootNode())==null?void 0:h.getElementById(r):void 0;lt(this,on,R),(v=C(this,W))==null||v.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}else e===y.LANG&&r!==t?(Gu(r),(g=C(this,W))==null||g.dispatch({type:"optionschangerequest",detail:{mediaLang:r}})):e===y.LOOP&&r!==t?(m=C(this,W))==null||m.dispatch({type:b.MEDIA_LOOP_REQUEST,detail:r!=null}):e===y.NO_VOLUME_PREF&&r!==t?(A=C(this,W))==null||A.dispatch({type:"optionschangerequest",detail:{noVolumePref:this.hasAttribute(y.NO_VOLUME_PREF)}}):e===y.NO_MUTED_PREF&&r!==t&&((f=C(this,W))==null||f.dispatch({type:"optionschangerequest",detail:{noMutedPref:this.hasAttribute(y.NO_MUTED_PREF)}}))}connectedCallback(){var e,t;!C(this,W)&&!this.hasAttribute(y.NO_DEFAULT_STORE)&&ct(this,Na,jl).call(this),(e=C(this,W))==null||e.dispatch({type:"documentelementchangerequest",detail:ee}),super.connectedCallback(),C(this,W)&&!C(this,dt)&<(this,dt,(t=C(this,W))==null?void 0:t.subscribe(C(this,nn))),C(this,an)!==void 0&&C(this,W)&&this.media&&setTimeout(()=>{var r,o,n;(o=(r=this.media)==null?void 0:r.textTracks)!=null&&o.length&&((n=C(this,W))==null||n.dispatch({type:b.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:C(this,an)}))},0),this.hasAttribute(y.NO_HOTKEYS)?this.disableHotkeys():this.enableHotkeys()}disconnectedCallback(){var e,t,r,o,n;if((e=super.disconnectedCallback)==null||e.call(this),C(this,W)){let a=C(this,W).getState();lt(this,an,!!((t=a.mediaSubtitlesShowing)!=null&&t.length)),(r=C(this,W))==null||r.dispatch({type:"documentelementchangerequest",detail:void 0}),(o=C(this,W))==null||o.dispatch({type:b.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})}C(this,dt)&&((n=C(this,dt))==null||n.call(this),lt(this,dt,void 0))}mediaSetCallback(e){var t;super.mediaSetCallback(e),(t=C(this,W))==null||t.dispatch({type:"mediaelementchangerequest",detail:e}),e.hasAttribute("tabindex")||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),(t=C(this,W))==null||t.dispatch({type:"mediaelementchangerequest",detail:void 0})}propagateMediaState(e,t){kh(this.mediaStateReceivers,e,t)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let r=this.registerMediaStateReceiver.bind(this),o=this.unregisterMediaStateReceiver.bind(this),n=Qv(e,r,o);Object.values(b).forEach(a=>{e.addEventListener(a,C(this,Ua))}),t.set(e,n)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(!t.has(e))return;t.get(e)(),t.delete(e),Object.values(b).forEach(o=>{e.removeEventListener(o,C(this,Ua))})}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),C(this,W)&&Object.entries(C(this,W).getState()).forEach(([o,n])=>{kh([e],o,n)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,r=t.indexOf(e);r<0||t.splice(r,1)}enableHotkeys(){this.addEventListener("keydown",ct(this,$a,ed))}disableHotkeys(){this.removeEventListener("keydown",ct(this,$a,ed)),this.removeEventListener("keyup",ct(this,Ki,wr))}get hotkeys(){return P(this,y.HOTKEYS)}set hotkeys(e){D(this,y.HOTKEYS,e)}keyboardShortcutHandler(e){var t,r,o,n,a,l,c,p,h;let v=e.target;if(((o=(r=(t=v.getAttribute(y.KEYS_USED))==null?void 0:t.split(" "))!=null?r:v==null?void 0:v.keysUsed)!=null?o:[]).map(O=>O==="Space"?" ":O).filter(Boolean).includes(e.key))return;let m,A,f;if(!(C(this,Xt).contains(`no${e.key.toLowerCase()}`)||e.key===" "&&C(this,Xt).contains("nospace")||e.shiftKey&&(e.key==="/"||e.key==="?")&&C(this,Xt).contains("noshift+/")))switch(e.key){case" ":case"k":m=C(this,W).getState().mediaPaused?b.MEDIA_PLAY_REQUEST:b.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new d.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"m":m=this.mediaStore.getState().mediaVolumeLevel==="off"?b.MEDIA_UNMUTE_REQUEST:b.MEDIA_MUTE_REQUEST,this.dispatchEvent(new d.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"f":m=this.mediaStore.getState().mediaIsFullscreen?b.MEDIA_EXIT_FULLSCREEN_REQUEST:b.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new d.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"c":this.dispatchEvent(new d.CustomEvent(b.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}));break;case"ArrowLeft":case"j":{let O=this.hasAttribute(y.KEYBOARD_BACKWARD_SEEK_OFFSET)?+this.getAttribute(y.KEYBOARD_BACKWARD_SEEK_OFFSET):_h;A=Math.max(((n=this.mediaStore.getState().mediaCurrentTime)!=null?n:0)-O,0),f=new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"ArrowRight":case"l":{let O=this.hasAttribute(y.KEYBOARD_FORWARD_SEEK_OFFSET)?+this.getAttribute(y.KEYBOARD_FORWARD_SEEK_OFFSET):_h;A=Math.max(((a=this.mediaStore.getState().mediaCurrentTime)!=null?a:0)+O,0),f=new d.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"ArrowUp":{let O=this.hasAttribute(y.KEYBOARD_UP_VOLUME_STEP)?+this.getAttribute(y.KEYBOARD_UP_VOLUME_STEP):yh;A=Math.min(((l=this.mediaStore.getState().mediaVolume)!=null?l:1)+O,1),f=new d.CustomEvent(b.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"ArrowDown":{let O=this.hasAttribute(y.KEYBOARD_DOWN_VOLUME_STEP)?+this.getAttribute(y.KEYBOARD_DOWN_VOLUME_STEP):yh;A=Math.max(((c=this.mediaStore.getState().mediaVolume)!=null?c:1)-O,0),f=new d.CustomEvent(b.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"<":{let O=(p=this.mediaStore.getState().mediaPlaybackRate)!=null?p:1;A=Math.max(O-Th,Wv).toFixed(2),f=new d.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case">":{let O=(h=this.mediaStore.getState().mediaPlaybackRate)!=null?h:1;A=Math.min(O+Th,Fv).toFixed(2),f=new d.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(f);break}case"/":case"?":{e.shiftKey&&ct(this,td,Lh).call(this);break}case"p":{m=this.mediaStore.getState().mediaIsPip?b.MEDIA_EXIT_PIP_REQUEST:b.MEDIA_ENTER_PIP_REQUEST,f=new d.CustomEvent(m,{composed:!0,bubbles:!0}),this.dispatchEvent(f);break}default:break}}};Xt=new WeakMap;on=new WeakMap;W=new WeakMap;Fi=new WeakMap;nn=new WeakMap;dt=new WeakMap;Ua=new WeakMap;an=new WeakMap;Na=new WeakSet;jl=function(){var i;this.mediaStore=bh({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(y.DEFAULT_SUBTITLES),defaultDuration:this.hasAttribute(y.DEFAULT_DURATION)?+this.getAttribute(y.DEFAULT_DURATION):void 0,defaultStreamType:(i=this.getAttribute(y.DEFAULT_STREAM_TYPE))!=null?i:void 0,liveEdgeOffset:this.hasAttribute(y.LIVE_EDGE_OFFSET)?+this.getAttribute(y.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(y.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(y.SEEK_TO_LIVE_OFFSET):this.hasAttribute(y.LIVE_EDGE_OFFSET)?+this.getAttribute(y.LIVE_EDGE_OFFSET):void 0,noAutoSeekToLive:this.hasAttribute(y.NO_AUTO_SEEK_TO_LIVE),noVolumePref:this.hasAttribute(y.NO_VOLUME_PREF),noMutedPref:this.hasAttribute(y.NO_MUTED_PREF),noSubtitlesLangPref:this.hasAttribute(y.NO_SUBTITLES_LANG_PREF)}})};Ki=new WeakSet;wr=function(i){let{key:e,shiftKey:t}=i;if(!(t&&(e==="/"||e==="?")||wh.includes(e))){this.removeEventListener("keyup",ct(this,Ki,wr));return}this.keyboardShortcutHandler(i)};$a=new WeakSet;ed=function(i){var e;let{metaKey:t,altKey:r,key:o,shiftKey:n}=i,a=n&&(o==="/"||o==="?");if(a&&((e=C(this,Fi))!=null&&e.open)){this.removeEventListener("keyup",ct(this,Ki,wr));return}if(t||r||!a&&!wh.includes(o)){this.removeEventListener("keyup",ct(this,Ki,wr));return}let l=i.target,c=l instanceof HTMLElement&&(l.tagName.toLowerCase()==="media-volume-range"||l.tagName.toLowerCase()==="media-time-range");[" ","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(o)&&!(C(this,Xt).contains(`no${o.toLowerCase()}`)||o===" "&&C(this,Xt).contains("nospace"))&&!c&&i.preventDefault(),this.addEventListener("keyup",ct(this,Ki,wr),{once:!0})};td=new WeakSet;Lh=function(){C(this,Fi)||(lt(this,Fi,ee.createElement("media-keyboard-shortcuts-dialog")),this.appendChild(C(this,Fi))),C(this,Fi).open=!0};var Kv=Object.values(s),qv=Object.values($l),Ih=i=>{var e,t,r,o;let{observedAttributes:n}=i.constructor;!n&&((e=i.nodeName)!=null&&e.includes("-"))&&(d.customElements.upgrade(i),{observedAttributes:n}=i.constructor);let a=(o=(r=(t=i==null?void 0:i.getAttribute)==null?void 0:t.call(i,N.MEDIA_CHROME_ATTRIBUTES))==null?void 0:r.split)==null?void 0:o.call(r,/\s+/);return Array.isArray(n||a)?(n||a).filter(l=>Kv.includes(l)):[]},Gv=i=>{var e,t;return(e=i.nodeName)!=null&&e.includes("-")&&d.customElements.get((t=i.nodeName)==null?void 0:t.toLowerCase())&&!(i instanceof d.customElements.get(i.nodeName.toLowerCase()))&&d.customElements.upgrade(i),qv.some(r=>r in i)},rd=i=>Gv(i)||!!Ih(i).length,Ah=i=>{var e;return(e=i==null?void 0:i.join)==null?void 0:e.call(i,":")},Sh={[s.MEDIA_SUBTITLES_LIST]:Ut,[s.MEDIA_SUBTITLES_SHOWING]:Ut,[s.MEDIA_SEEKABLE]:Ah,[s.MEDIA_BUFFERED]:i=>i==null?void 0:i.map(Ah).join(" "),[s.MEDIA_PREVIEW_COORDS]:i=>i==null?void 0:i.join(" "),[s.MEDIA_RENDITION_LIST]:Hu,[s.MEDIA_AUDIO_TRACK_LIST]:Vu},zv=async(i,e,t)=>{var r,o;if(i.isConnected||await pa(0),typeof t=="boolean"||t==null)return I(i,e,t);if(typeof t=="number")return B(i,e,t);if(typeof t=="string")return D(i,e,t);if(Array.isArray(t)&&!t.length)return i.removeAttribute(e);let n=(o=(r=Sh[e])==null?void 0:r.call(Sh,t))!=null?o:t;return i.setAttribute(e,n)},Yv=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},Wi=(i,e)=>{if(Yv(i))return;let t=(o,n)=>{var a,l;rd(o)&&n(o);let{children:c=[]}=o??{},p=(l=(a=o==null?void 0:o.shadowRoot)==null?void 0:a.children)!=null?l:[];[...c,...p].forEach(v=>Wi(v,n))},r=i==null?void 0:i.nodeName.toLowerCase();if(r.includes("-")&&!rd(i)){d.customElements.whenDefined(r).then(()=>{t(i,e)});return}t(i,e)},kh=(i,e,t)=>{i.forEach(r=>{if(e in r){r[e]=t;return}let o=Ih(r),n=e.toLowerCase();o.includes(n)&&zv(r,n,t)})},Qv=(i,e,t)=>{Wi(i,e);let r=h=>{var v;let g=(v=h==null?void 0:h.composedPath()[0])!=null?v:h.target;e(g)},o=h=>{var v;let g=(v=h==null?void 0:h.composedPath()[0])!=null?v:h.target;t(g)};i.addEventListener(b.REGISTER_MEDIA_STATE_RECEIVER,r),i.addEventListener(b.UNREGISTER_MEDIA_STATE_RECEIVER,o);let n=h=>{h.forEach(v=>{let{addedNodes:g=[],removedNodes:m=[],type:A,target:f,attributeName:R}=v;A==="childList"?(Array.prototype.forEach.call(g,O=>Wi(O,e)),Array.prototype.forEach.call(m,O=>Wi(O,t))):A==="attributes"&&R===N.MEDIA_CHROME_ATTRIBUTES&&(rd(f)?e(f):t(f))})},a=[],l=h=>{let v=h.target;v.name!=="media"&&(a.forEach(g=>Wi(g,t)),a=[...v.assignedElements({flatten:!0})],a.forEach(g=>Wi(g,e)))};i.addEventListener("slotchange",l);let c=new MutationObserver(n);return c.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{Wi(i,t),i.removeEventListener("slotchange",l),c.disconnect(),i.removeEventListener(b.REGISTER_MEDIA_STATE_RECEIVER,r),i.removeEventListener(b.UNREGISTER_MEDIA_STATE_RECEIVER,o)}};d.customElements.get("media-controller")||d.customElements.define("media-controller",id);var Ir={PLACEMENT:"placement",BOUNDS:"bounds"};function Zv(i){return`
|
|
394
|
+
`}var Iv=Object.values(s),Mv="sm:384 md:576 lg:768 xl:960";function Rv(i){ah(i.target,i.contentRect.width)}function ah(i,e){var t;if(!i.isConnected)return;let r=(t=i.getAttribute(R.BREAKPOINTS))!=null?t:Mv,o=xv(r),n=Pv(o,e),a=!1;if(Object.keys(o).forEach(l=>{if(n.includes(l)){i.hasAttribute(`breakpoint${l}`)||(i.setAttribute(`breakpoint${l}`,""),a=!0);return}i.hasAttribute(`breakpoint${l}`)&&(i.removeAttribute(`breakpoint${l}`),a=!0)}),a){let l=new CustomEvent(Pi.BREAKPOINTS_CHANGE,{detail:n});i.dispatchEvent(l)}i.breakpointsComputed||(i.breakpointsComputed=!0,i.dispatchEvent(new CustomEvent(Pi.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}function xv(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function Pv(i,e){return Object.keys(i).filter(t=>e>=parseInt(i[t]))}var Ni=class extends c.HTMLElement{constructor(){if(super(),He(this,Gl),He(this,zl),He(this,Yl),He(this,en),He(this,Ra),He(this,Tr),He(this,Ia,0),He(this,_r,null),He(this,jo,null),He(this,yr,void 0),this.breakpointsComputed=!1,He(this,wa,new MutationObserver(Fe(this,Gl,rh).bind(this))),He(this,Jo,!1),He(this,Ca,t=>{$e(this,Jo)||(setTimeout(()=>{Rv(t),Ui(this,Jo,!1)},0),Ui(this,Jo,!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){$e(this,_r)&&this.mediaUnsetCallback($e(this,_r));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[R.AUTOHIDE,R.GESTURES_DISABLED].concat(Iv).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&&(Ui(this,_r,e),e.localName.includes("-")&&await c.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;$e(this,wa).observe(this,{childList:!0,subtree:!0}),xt(this,$e(this,Ca));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,""),ah(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=c.window)==null||e.addEventListener("mouseup",this)}disconnectedCallback(){var e;$e(this,wa).disconnect(),Pt(this,$e(this,Ca)),this.media&&this.mediaUnsetCallback(this.media),(e=c.window)==null||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){Ui(this,_r,null)}handleEvent(e){switch(e.type){case"pointerdown":Ui(this,Ia,e.timeStamp);break;case"pointermove":Fe(this,zl,oh).call(this,e);break;case"pointerup":Fe(this,Yl,nh).call(this,e);break;case"mouseleave":Fe(this,en,Ma).call(this);break;case"mouseup":this.removeAttribute(R.KEYBOARD_CONTROL);break;case"keyup":Fe(this,Tr,tn).call(this),this.setAttribute(R.KEYBOARD_CONTROL,"");break}}set autohide(e){let t=Number(e);Ui(this,yr,isNaN(t)?0:t)}get autohide(){return($e(this,yr)===void 0?2:$e(this,yr)).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)}};Ia=new WeakMap;_r=new WeakMap;jo=new WeakMap;yr=new WeakMap;wa=new WeakMap;Gl=new WeakSet;rh=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)}};Jo=new WeakMap;Ca=new WeakMap;zl=new WeakSet;oh=function(i){if(i.pointerType!=="mouse"&&i.timeStamp-$e(this,Ia)<250)return;Fe(this,Ra,Zl).call(this),clearTimeout($e(this,jo));let e=this.hasAttribute(R.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(i.target)||e)&&Fe(this,Tr,tn).call(this)};Yl=new WeakSet;nh=function(i){if(i.pointerType==="touch"){let e=!this.hasAttribute(R.USER_INACTIVE);[this,this.media].includes(i.target)&&e?Fe(this,en,Ma).call(this):Fe(this,Tr,tn).call(this)}else i.composedPath().some(e=>["media-play-button","media-fullscreen-button"].includes(e==null?void 0:e.localName))&&Fe(this,Tr,tn).call(this)};en=new WeakSet;Ma=function(){if($e(this,yr)<0||this.hasAttribute(R.USER_INACTIVE))return;this.setAttribute(R.USER_INACTIVE,"");let i=new c.CustomEvent(Pi.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(i)};Ra=new WeakSet;Zl=function(){if(!this.hasAttribute(R.USER_INACTIVE))return;this.removeAttribute(R.USER_INACTIVE);let i=new c.CustomEvent(Pi.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(i)};Tr=new WeakSet;tn=function(){Fe(this,Ra,Zl).call(this),clearTimeout($e(this,jo));let i=parseInt(this.autohide);i<0||Ui(this,jo,setTimeout(()=>{Fe(this,en,Ma).call(this)},i*1e3))};Ni.shadowRootOptions={mode:"open"};Ni.getTemplateHTML=Cv;c.customElements.get("media-container")||c.customElements.define("media-container",Ni);var sh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ge=(i,e,t)=>(sh(i,e,"read from private field"),t?t.call(i):e.get(i)),rn=(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)},xa=(i,e,t,r)=>(sh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Ar,Sr,Pa,Hi,Dt,Zt,Xt=class{constructor(e,t,{defaultValue:r}={defaultValue:void 0}){rn(this,Dt),rn(this,Ar,void 0),rn(this,Sr,void 0),rn(this,Pa,void 0),rn(this,Hi,new Set),xa(this,Ar,e),xa(this,Sr,t),xa(this,Pa,new Set(r))}[Symbol.iterator](){return ge(this,Dt,Zt).values()}get length(){return ge(this,Dt,Zt).size}get value(){var e;return(e=[...ge(this,Dt,Zt)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(xa(this,Hi,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...ge(this,Dt,Zt)][e]}values(){return ge(this,Dt,Zt).values()}forEach(e,t){ge(this,Dt,Zt).forEach(e,t)}add(...e){var t,r;e.forEach(o=>ge(this,Hi).add(o)),!(this.value===""&&!((t=ge(this,Ar))!=null&&t.hasAttribute(`${ge(this,Sr)}`)))&&((r=ge(this,Ar))==null||r.setAttribute(`${ge(this,Sr)}`,`${this.value}`))}remove(...e){var t;e.forEach(r=>ge(this,Hi).delete(r)),(t=ge(this,Ar))==null||t.setAttribute(`${ge(this,Sr)}`,`${this.value}`)}contains(e){return ge(this,Dt,Zt).has(e)}toggle(e,t){return typeof t<"u"?t?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,t){return this.remove(e),this.add(t),e===t}};Ar=new WeakMap;Sr=new WeakMap;Pa=new WeakMap;Hi=new WeakMap;Dt=new WeakSet;Zt=function(){return ge(this,Hi).size?ge(this,Hi):ge(this,Pa)};var Dv=(i="")=>i.split(/\s+/),lh=(i="")=>{let[e,t,r]=i.split(":"),o=r?decodeURIComponent(r):void 0;return{kind:e==="cc"?Ie.CAPTIONS:Ie.SUBTITLES,language:t,label:o}},$i=(i="",e={})=>Dv(i).map(t=>{let r=lh(t);return{...e,...r}}),Xl=i=>i?Array.isArray(i)?i.map(e=>typeof e=="string"?lh(e):e):typeof i=="string"?$i(i):[i]:[],Da=({kind:i,label:e,language:t}={kind:"subtitles"})=>e?`${i==="captions"?"cc":"sb"}:${t}:${encodeURIComponent(e)}`:t,Ot=(i=[])=>Array.prototype.map.call(i,Da).join(" "),Ov=(i,e)=>t=>t[i]===e,dh=i=>{let e=Object.entries(i).map(([t,r])=>Ov(t,r));return t=>e.every(r=>r(t))},Bi=(i,e=[],t=[])=>{let r=Xl(t).map(dh),o=n=>r.some(a=>a(n));Array.from(e).filter(o).forEach(n=>{n.mode=i})},Vi=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:dh(e);return Array.from(i.textTracks).filter(t)},Oa=i=>{var e;return!!((e=i.mediaSubtitlesShowing)!=null&&e.length)||i.hasAttribute(s.MEDIA_SUBTITLES_SHOWING)};var uh=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)}},ch="exitFullscreen"in j?"exitFullscreen":"webkitExitFullscreen"in j?"webkitExitFullscreen":"webkitCancelFullScreen"in j?"webkitCancelFullScreen":void 0,hh=i=>{var e;let{documentElement:t}=i;if(ch){let r=(e=t==null?void 0:t[ch])==null?void 0:e.call(t);if(r instanceof Promise)return r.catch(()=>{})}},on="fullscreenElement"in j?"fullscreenElement":"webkitFullscreenElement"in j?"webkitFullscreenElement":void 0,Uv=i=>{let{documentElement:e,media:t}=i,r=e==null?void 0:e[on];return!r&&"webkitDisplayingFullscreen"in t&&"webkitPresentationMode"in t&&t.webkitDisplayingFullscreen&&t.webkitPresentationMode===Vu.FULLSCREEN?t:r},ph=i=>{var e;let{media:t,documentElement:r,fullscreenElement:o=t}=i;if(!t||!r)return!1;let n=Uv(i);if(!n)return!1;if(n===o||n===t)return!0;if(n.localName.includes("-")){let a=n.shadowRoot;if(!(on in a))return Ae(n,o);for(;a!=null&&a[on];){if(a[on]===o)return!0;a=(e=a[on])==null?void 0:e.shadowRoot}}return!1},Nv="fullscreenEnabled"in j?"fullscreenEnabled":"webkitFullscreenEnabled"in j?"webkitFullscreenEnabled":void 0,mh=i=>{let{documentElement:e,media:t}=i;return!!(e!=null&&e[Nv])||t&&"webkitSupportsFullscreen"in t};var Ua,Jl=()=>{var i,e;return Ua||(Ua=(e=(i=j)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),Ua)},vh=async(i=Jl())=>{if(!i)return!1;let e=i.volume;i.volume=e/2+.1;let t=new AbortController,r=await Promise.race([Hv(i,t.signal),$v(i,e)]);return t.abort(),r},Hv=(i,e)=>new Promise(t=>{i.addEventListener("volumechange",()=>t(!0),{signal:e})}),$v=async(i,e)=>{for(let t=0;t<10;t++){if(i.volume===e)return!1;await ga(10)}return i.volume!==e},Bv=/.*Version\/.*Safari\/.*/.test(c.navigator.userAgent),jl=(i=Jl())=>c.matchMedia("(display-mode: standalone)").matches&&Bv?!1:typeof(i==null?void 0:i.requestPictureInPicture)=="function",ed=(i=Jl())=>mh({documentElement:j,media:i}),fh=ed(),gh=jl(),Eh=!!c.WebKitPlaybackTargetAvailabilityEvent,bh=!!c.chrome;var kr=i=>Vi(i.media,e=>[Ie.SUBTITLES,Ie.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),td=i=>Vi(i.media,e=>e.mode===Yt.SHOWING&&[Ie.SUBTITLES,Ie.CAPTIONS].includes(e.kind)),Na=(i,e)=>{let t=kr(i),r=td(i),o=!!r.length;if(t.length){if(e===!1||o&&e!==!0)Bi(Yt.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:d,kind:v}=n;Bi(Yt.DISABLED,t,r),Bi(Yt.SHOWING,t,[{language:l,label:d,kind:v}])}}},Ha=(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)?Vv(i,e):Object.entries(i).every(([t,r])=>t in e&&Ha(r,e[t])),Vv=(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)=>Ha(o,e[n])):!0};var Wv=Object.values(Ze),$a,Fv=vh().then(i=>($a=i,$a)),_h=async(...i)=>{await Promise.all(i.filter(e=>e).map(async e=>{if(!("localName"in e&&e instanceof c.HTMLElement))return;let t=e.localName;if(!t.includes("-"))return;let r=c.customElements.get(t);r&&e instanceof r||(await c.customElements.whenDefined(t),c.customElements.upgrade(e))}))},Kv=new c.DOMParser,qv=i=>i&&(Kv.parseFromString(i,"text/html").body.textContent||i),Lr={mediaError:{get(i,e){let{media:t}=i;if((e==null?void 0:e.type)!=="playing")return t==null?void 0:t.error},mediaEvents:["emptied","error","playing"]},mediaErrorCode:{get(i,e){var t;let{media:r}=i;if((e==null?void 0:e.type)!=="playing")return(t=r==null?void 0:r.error)==null?void 0:t.code},mediaEvents:["emptied","error","playing"]},mediaErrorMessage:{get(i,e){var t,r;let{media:o}=i;if((e==null?void 0:e.type)!=="playing")return(r=(t=o==null?void 0:o.error)==null?void 0:t.message)!=null?r:""},mediaEvents:["emptied","error","playing"]},mediaWidth:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoWidth)!=null?e:0},mediaEvents:["resize"]},mediaHeight:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoHeight)!=null?e:0},mediaEvents:["resize"]},mediaPaused:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.paused)!=null?e:!0},set(i,e){var t;let{media:r}=e;r&&(i?r.pause():(t=r.play())==null||t.catch(()=>{}))},mediaEvents:["play","playing","pause","emptied"]},mediaHasPlayed:{get(i,e){let{media:t}=i;return t?e?e.type==="playing":!t.paused:!1},mediaEvents:["playing","emptied"]},mediaEnded:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.ended)!=null?e:!1},mediaEvents:["seeked","ended","emptied"]},mediaPlaybackRate:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.playbackRate)!=null?e:1},set(i,e){let{media:t}=e;t&&Number.isFinite(+i)&&(t.playbackRate=+i)},mediaEvents:["ratechange","loadstart"]},mediaMuted:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.muted)!=null?e:!1},set(i,e){let{media:t,options:{noMutedPref:r}={}}=e;if(t){t.muted=i;try{let o=c.localStorage.getItem("media-chrome-pref-muted")!==null,n=t.hasAttribute("muted");if(r){o&&c.localStorage.removeItem("media-chrome-pref-muted");return}if(n&&!o)return;c.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=c.localStorage.getItem("media-chrome-pref-muted")==="true";Lr.mediaMuted.set(o,e),i(o)}catch(o){console.debug("Error getting muted pref",o)}}]},mediaLoop:{get(i){let{media:e}=i;return e==null?void 0:e.loop},set(i,e){let{media:t}=e;t&&(t.loop=i)},mediaEvents:["medialooprequest"]},mediaVolume:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.volume)!=null?e:1},set(i,e){let{media:t,options:{noVolumePref:r}={}}=e;if(t){try{i==null?c.localStorage.removeItem("media-chrome-pref-volume"):!t.hasAttribute("muted")&&!r&&c.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=c.localStorage.getItem("media-chrome-pref-volume");if(o==null)return;Lr.mediaVolume.set(+o,e),i(+o)}catch(r){console.debug("Error getting volume pref",r)}}]},mediaVolumeLevel:{get(i){let{media:e}=i;return typeof(e==null?void 0:e.volume)>"u"?"high":e.muted||e.volume===0?"off":e.volume<.5?"low":e.volume<.75?"medium":"high"},mediaEvents:["volumechange"]},mediaCurrentTime:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.currentTime)!=null?e:0},set(i,e){let{media:t}=e;!t||!Er(i)||(t.currentTime=i)},mediaEvents:["timeupdate","loadedmetadata"]},mediaDuration:{get(i){let{media:e,options:{defaultDuration:t}={}}=i;return t&&(!e||!e.duration||Number.isNaN(e.duration)||!Number.isFinite(e.duration))?t:Number.isFinite(e==null?void 0:e.duration)?e.duration:Number.NaN},mediaEvents:["durationchange","loadedmetadata","emptied"]},mediaLoading:{get(i){let{media:e}=i;return(e==null?void 0:e.readyState)<3},mediaEvents:["waiting","playing","emptied"]},mediaSeekable:{get(i){var e;let{media:t}=i;if(!((e=t==null?void 0:t.seekable)!=null&&e.length))return;let r=t.seekable.start(0),o=t.seekable.end(t.seekable.length-1);if(!(!r&&!o))return[Number(r.toFixed(3)),Number(o.toFixed(3))]},mediaEvents:["loadedmetadata","emptied","progress","seekablechange"]},mediaBuffered:{get(i){var e;let{media:t}=i,r=(e=t==null?void 0:t.buffered)!=null?e:[];return Array.from(r).map((o,n)=>[Number(r.start(n).toFixed(3)),Number(r.end(n).toFixed(3))])},mediaEvents:["progress","emptied"]},mediaStreamType:{get(i){let{media:e,options:{defaultStreamType:t}={}}=i,r=[Ze.LIVE,Ze.ON_DEMAND].includes(t)?t:void 0;if(!e)return r;let{streamType:o}=e;if(Wv.includes(o))return o===Ze.UNKNOWN?r:o;let n=e.duration;return n===1/0?Ze.LIVE:Number.isFinite(n)?Ze.ON_DEMAND:r},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(i){let{media:e}=i;if(!e)return Number.NaN;let{targetLiveWindow:t}=e,r=Lr.mediaStreamType.get(i);return(t==null||Number.isNaN(t))&&r===Ze.LIVE?0:t},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},mediaTimeIsLive:{get(i){let{media:e,options:{liveEdgeOffset:t=10}={}}=i;if(!e)return!1;if(typeof e.liveEdgeStart=="number")return Number.isNaN(e.liveEdgeStart)?!1:e.currentTime>=e.liveEdgeStart;if(!(Lr.mediaStreamType.get(i)===Ze.LIVE))return!1;let o=e.seekable;if(!o)return!0;if(!o.length)return!1;let n=o.end(o.length-1)-t;return e.currentTime>=n},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get(i){return kr(i).map(({kind:e,label:t,language:r})=>({kind:e,label:t,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get(i){return td(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 d;!n.defaultSubtitles||l&&![Ie.CAPTIONS,Ie.SUBTITLES].includes((d=l==null?void 0:l.track)==null?void 0:d.kind)||Na(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,d;o.removeEventListener("loadstart",a),(l=o.textTracks)==null||l.removeEventListener("addtrack",a),(d=o.textTracks)==null||d.removeEventListener("removetrack",a)}}]},mediaChaptersCues:{get(i){var e;let{media:t}=i;if(!t)return[];let[r]=Vi(t,{kind:Ie.CHAPTERS});return Array.from((e=r==null?void 0:r.cues)!=null?e:[]).map(({text:o,startTime:n,endTime:a})=>({text:qv(o),startTime:n,endTime:a}))},mediaEvents:["loadstart","loadedmetadata"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:r}=e;if(!r)return;let o=r.querySelector('track[kind="chapters"][default][src]'),n=(t=r.shadowRoot)==null?void 0:t.querySelector(':is(video,audio) > track[kind="chapters"][default][src]');return o==null||o.addEventListener("load",i),n==null||n.addEventListener("load",i),()=>{o==null||o.removeEventListener("load",i),n==null||n.removeEventListener("load",i)}}]},mediaIsPip:{get(i){var e,t;let{media:r,documentElement:o}=i;if(!r||!o||!o.pictureInPictureElement)return!1;if(o.pictureInPictureElement===r)return!0;if(o.pictureInPictureElement instanceof HTMLMediaElement)return(e=r.localName)!=null&&e.includes("-")?Ae(r,o.pictureInPictureElement):!1;if(o.pictureInPictureElement.localName.includes("-")){let n=o.pictureInPictureElement.shadowRoot;for(;n!=null&&n.pictureInPictureElement;){if(n.pictureInPictureElement===r)return!0;n=(t=n.pictureInPictureElement)==null?void 0:t.shadowRoot}}return!1},set(i,e){let{media:t}=e;if(t)if(i){if(!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 ph(i)},set(i,e,t){var r;i?(uh(e),t.detail&&((r=e.media)==null||r.focus())):hh(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&&c.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(!fh||!ed(e))return Me.UNSUPPORTED}},mediaPipUnavailable:{get(i){let{media:e}=i;if(!gh||!jl(e))return Me.UNSUPPORTED;if(e!=null&&e.disablePictureInPicture)return Me.UNAVAILABLE}},mediaVolumeUnavailable:{get(i){let{media:e}=i;if($a===!1||(e==null?void 0:e.volume)==null)return Me.UNSUPPORTED},stateOwnersUpdateHandlers:[i=>{$a==null&&Fv.then(e=>i(e?void 0:Me.UNSUPPORTED))}]},mediaCastUnavailable:{get(i,{availability:e="not-available"}={}){var t;let{media:r}=i;if(!bh||!((t=r==null?void 0:r.remote)!=null&&t.state))return Me.UNSUPPORTED;if(!(e==null||e==="available"))return Me.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(!Eh)return Me.UNSUPPORTED;if((e==null?void 0:e.availability)==="not-available")return Me.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 Me.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return Me.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(i){var e,t;let{media:r}=i;if(!(r!=null&&r.audioTracks))return Me.UNSUPPORTED;if(((t=(e=r.audioTracks)==null?void 0:e.length)!=null?t:0)<=1)return Me.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaLang:{get(i){let{options:{mediaLang:e}={}}=i;return e??"en"}}};var yh={[b.MEDIA_PREVIEW_REQUEST](i,e,{detail:t}){var r,o,n;let{media:a}=e,l=t??void 0,d,v;if(a&&l!=null){let[m]=Vi(a,{kind:Ie.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(Ue=>+Ue),d=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:d,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",d=i.mediaStreamType.get(e)===Ze.LIVE,v=!((t=e.options)!=null&&t.noAutoSeekToLive),h=i.mediaTargetLiveWindow.get(e)>0;if(d&&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,d=a-l;i[n].set(d,e)},[b.MEDIA_SHOW_SUBTITLES_REQUEST](i,e,{detail:t}){var r;let{options:o}=e,n=kr(e),a=Xl(t),l=(r=a[0])==null?void 0:r.language;l&&!o.noSubtitlesLangPref&&c.localStorage.setItem("media-chrome-pref-subtitles-lang",l),Bi(Yt.SHOWING,n,a)},[b.MEDIA_DISABLE_SUBTITLES_REQUEST](i,e,{detail:t}){let r=kr(e),o=t??[];Bi(Yt.DISABLED,r,o)},[b.MEDIA_TOGGLE_SUBTITLES_REQUEST](i,e,{detail:t}){Na(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 Th=({media:i,fullscreenElement:e,documentElement:t,stateMediator:r=Lr,requestMap:o=yh,options:n={},monitorStateOwnersOnlyWithSubscriptions:a=!0})=>{let l=[],d={options:{...n}},v=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),h=g=>{g!=null&&(Ha(g,v)||(v=Object.freeze({...v,...g}),l.forEach(L=>L(v))))},p=()=>{let g=Object.entries(r).reduce((L,[D,{get:Ue}])=>(L[D]=Ue(d),L),{});h(g)},f={},m,A=async(g,L)=>{var D,Ue,ot,Mo,cr,Vc,kl,k,K,ne,te,G,he,Mt,Ro,Wc;let Rm=!!m;if(m={...d,...m??{},...g},Rm)return;await _h(...Object.values(g));let ur=l.length>0&&L===0&&a,Fc=d.media!==m.media,Kc=((D=d.media)==null?void 0:D.textTracks)!==((Ue=m.media)==null?void 0:Ue.textTracks),qc=((ot=d.media)==null?void 0:ot.videoRenditions)!==((Mo=m.media)==null?void 0:Mo.videoRenditions),Gc=((cr=d.media)==null?void 0:cr.audioTracks)!==((Vc=m.media)==null?void 0:Vc.audioTracks),zc=((kl=d.media)==null?void 0:kl.remote)!==((k=m.media)==null?void 0:k.remote),Yc=d.documentElement!==m.documentElement,Qc=!!d.media&&(Fc||ur),Zc=!!((K=d.media)!=null&&K.textTracks)&&(Kc||ur),Xc=!!((ne=d.media)!=null&&ne.videoRenditions)&&(qc||ur),Jc=!!((te=d.media)!=null&&te.audioTracks)&&(Gc||ur),jc=!!((G=d.media)!=null&&G.remote)&&(zc||ur),eu=!!d.documentElement&&(Yc||ur),Ll=Qc||Zc||Xc||Jc||jc||eu,hr=l.length===0&&L===1&&a,w=!!m.media&&(Fc||hr),tu=!!((he=m.media)!=null&&he.textTracks)&&(Kc||hr),iu=!!((Mt=m.media)!=null&&Mt.videoRenditions)&&(qc||hr),ru=!!((Ro=m.media)!=null&&Ro.audioTracks)&&(Gc||hr),ou=!!((Wc=m.media)!=null&&Wc.remote)&&(zc||hr),nu=!!m.documentElement&&(Yc||hr),au=w||tu||iu||ru||ou||nu;if(!(Ll||au)){Object.entries(m).forEach(([z,xo])=>{d[z]=xo}),p(),m=void 0;return}Object.entries(r).forEach(([z,{get:xo,mediaEvents:xm=[],textTracksEvents:Pm=[],videoRenditionsEvents:Dm=[],audioTracksEvents:Om=[],remoteEvents:Um=[],rootEvents:Nm=[],stateOwnersUpdateHandlers:Hm=[]}])=>{f[z]||(f[z]={});let Ne=ie=>{let ce=xo(d,ie);h({[z]:ce})},ve;ve=f[z].mediaEvents,xm.forEach(ie=>{ve&&Qc&&(d.media.removeEventListener(ie,ve),f[z].mediaEvents=void 0),w&&(m.media.addEventListener(ie,Ne),f[z].mediaEvents=Ne)}),ve=f[z].textTracksEvents,Pm.forEach(ie=>{var ce,Qe;ve&&Zc&&((ce=d.media.textTracks)==null||ce.removeEventListener(ie,ve),f[z].textTracksEvents=void 0),tu&&((Qe=m.media.textTracks)==null||Qe.addEventListener(ie,Ne),f[z].textTracksEvents=Ne)}),ve=f[z].videoRenditionsEvents,Dm.forEach(ie=>{var ce,Qe;ve&&Xc&&((ce=d.media.videoRenditions)==null||ce.removeEventListener(ie,ve),f[z].videoRenditionsEvents=void 0),iu&&((Qe=m.media.videoRenditions)==null||Qe.addEventListener(ie,Ne),f[z].videoRenditionsEvents=Ne)}),ve=f[z].audioTracksEvents,Om.forEach(ie=>{var ce,Qe;ve&&Jc&&((ce=d.media.audioTracks)==null||ce.removeEventListener(ie,ve),f[z].audioTracksEvents=void 0),ru&&((Qe=m.media.audioTracks)==null||Qe.addEventListener(ie,Ne),f[z].audioTracksEvents=Ne)}),ve=f[z].remoteEvents,Um.forEach(ie=>{var ce,Qe;ve&&jc&&((ce=d.media.remote)==null||ce.removeEventListener(ie,ve),f[z].remoteEvents=void 0),ou&&((Qe=m.media.remote)==null||Qe.addEventListener(ie,Ne),f[z].remoteEvents=Ne)}),ve=f[z].rootEvents,Nm.forEach(ie=>{ve&&eu&&(d.documentElement.removeEventListener(ie,ve),f[z].rootEvents=void 0),nu&&(m.documentElement.addEventListener(ie,Ne),f[z].rootEvents=Ne)});let na=f[z].stateOwnersUpdateHandlers;if(na&&Ll&&(Array.isArray(na)?na:[na]).forEach(ce=>{typeof ce=="function"&&ce()}),au){let ie=Hm.map(ce=>ce(Ne,m)).filter(ce=>typeof ce=="function");f[z].stateOwnersUpdateHandlers=ie.length===1?ie[0]:ie}else Ll&&(f[z].stateOwnersUpdateHandlers=void 0)}),Object.entries(m).forEach(([z,xo])=>{d[z]=xo}),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,d,g));return}L==="mediaelementchangerequest"?A({media:D}):L==="fullscreenelementchangerequest"?A({fullscreenElement:D}):L==="documentelementchangerequest"?A({documentElement:D}):L==="optionschangerequest"&&(Object.entries(D??{}).forEach(([Ue,ot])=>{d.options[Ue]=ot}),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 sd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},M=(i,e,t)=>(sd(i,e,"read from private field"),t?t.call(i):e.get(i)),Ke=(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)},st=(i,e,t,r)=>(sd(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),dt=(i,e,t)=>(sd(i,e,"access private method"),t),Jt,nn,V,Fi,an,lt,Ba,sn,Va,id,Ki,wr,Wa,rd,od,Ih,Mh=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Enter"," ","f","m","k","c","l","j",">","<","p"],Ah=10,Sh=.025,kh=.25,Gv=.25,zv=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"},nd=class extends Ni{constructor(){super(),Ke(this,Va),Ke(this,Ki),Ke(this,Wa),Ke(this,od),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,Ke(this,Jt,new Xt(this,y.HOTKEYS)),Ke(this,nn,void 0),Ke(this,V,void 0),Ke(this,Fi,null),Ke(this,an,void 0),Ke(this,lt,void 0),Ke(this,Ba,t=>{var r;(r=M(this,V))==null||r.dispatch(t)}),Ke(this,sn,void 0),this.associateElement(this);let e={};st(this,an,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 c.CustomEvent(Bu[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,lt))==null||t.call(this),st(this,lt,void 0)),st(this,V,e),!M(this,V)&&!this.hasAttribute(y.NO_DEFAULT_STORE)){dt(this,Va,id).call(this);return}st(this,lt,(r=M(this,V))==null?void 0:r.subscribe(M(this,an)))}get fullscreenElement(){var e;return(e=M(this,nn))!=null?e:this}set fullscreenElement(e){var t;this.hasAttribute(y.FULLSCREEN_ELEMENT)&&this.removeAttribute(y.FULLSCREEN_ELEMENT),st(this,nn,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,d,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,Jt).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)(d=M(this,V))==null||d.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;st(this,nn,L),(p=M(this,V))==null||p.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}else e===y.LANG&&r!==t?(Qu(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)&&dt(this,Va,id).call(this),(e=M(this,V))==null||e.dispatch({type:"documentelementchangerequest",detail:j}),super.connectedCallback(),M(this,V)&&!M(this,lt)&&st(this,lt,(t=M(this,V))==null?void 0:t.subscribe(M(this,an))),M(this,sn)!==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,sn)}))},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();st(this,sn,!!((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,lt)&&((n=M(this,lt))==null||n.call(this),st(this,lt,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){Ch(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=jv(e,r,o);Object.values(b).forEach(a=>{e.addEventListener(a,M(this,Ba))}),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,Ba))})}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])=>{Ch([e],o,n)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,r=t.indexOf(e);r<0||t.splice(r,1)}enableHotkeys(){this.addEventListener("keydown",dt(this,Wa,rd))}disableHotkeys(){this.removeEventListener("keydown",dt(this,Wa,rd)),this.removeEventListener("keyup",dt(this,Ki,wr))}get hotkeys(){return x(this,y.HOTKEYS)}set hotkeys(e){P(this,y.HOTKEYS,e)}keyboardShortcutHandler(e){var t,r,o,n,a,l,d,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,Jt).contains(`no${e.key.toLowerCase()}`)||e.key===" "&&M(this,Jt).contains("nospace")||e.shiftKey&&(e.key==="/"||e.key==="?")&&M(this,Jt).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 c.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 c.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 c.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"c":this.dispatchEvent(new c.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):Ah;A=Math.max(((n=this.mediaStore.getState().mediaCurrentTime)!=null?n:0)-D,0),g=new c.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):Ah;A=Math.max(((a=this.mediaStore.getState().mediaCurrentTime)!=null?a:0)+D,0),g=new c.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):Sh;A=Math.min(((l=this.mediaStore.getState().mediaVolume)!=null?l:1)+D,1),g=new c.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):Sh;A=Math.max(((d=this.mediaStore.getState().mediaVolume)!=null?d:1)-D,0),g=new c.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-kh,Gv).toFixed(2),g=new c.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+kh,zv).toFixed(2),g=new c.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:A}),this.dispatchEvent(g);break}case"/":case"?":{e.shiftKey&&dt(this,od,Ih).call(this);break}case"p":{m=this.mediaStore.getState().mediaIsPip?b.MEDIA_EXIT_PIP_REQUEST:b.MEDIA_ENTER_PIP_REQUEST,g=new c.CustomEvent(m,{composed:!0,bubbles:!0}),this.dispatchEvent(g);break}default:break}}};Jt=new WeakMap;nn=new WeakMap;V=new WeakMap;Fi=new WeakMap;an=new WeakMap;lt=new WeakMap;Ba=new WeakMap;sn=new WeakMap;Va=new WeakSet;id=function(){var i;this.mediaStore=Th({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(y.DEFAULT_SUBTITLES),defaultDuration:this.hasAttribute(y.DEFAULT_DURATION)?+this.getAttribute(y.DEFAULT_DURATION):void 0,defaultStreamType:(i=this.getAttribute(y.DEFAULT_STREAM_TYPE))!=null?i:void 0,liveEdgeOffset:this.hasAttribute(y.LIVE_EDGE_OFFSET)?+this.getAttribute(y.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(y.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(y.SEEK_TO_LIVE_OFFSET):this.hasAttribute(y.LIVE_EDGE_OFFSET)?+this.getAttribute(y.LIVE_EDGE_OFFSET):void 0,noAutoSeekToLive:this.hasAttribute(y.NO_AUTO_SEEK_TO_LIVE),noVolumePref:this.hasAttribute(y.NO_VOLUME_PREF),noMutedPref:this.hasAttribute(y.NO_MUTED_PREF),noSubtitlesLangPref:this.hasAttribute(y.NO_SUBTITLES_LANG_PREF)}})};Ki=new WeakSet;wr=function(i){let{key:e,shiftKey:t}=i;if(!(t&&(e==="/"||e==="?")||Mh.includes(e))){this.removeEventListener("keyup",dt(this,Ki,wr));return}this.keyboardShortcutHandler(i)};Wa=new WeakSet;rd=function(i){var e;let{metaKey:t,altKey:r,key:o,shiftKey:n}=i,a=n&&(o==="/"||o==="?");if(a&&((e=M(this,Fi))!=null&&e.open)){this.removeEventListener("keyup",dt(this,Ki,wr));return}if(t||r||!a&&!Mh.includes(o)){this.removeEventListener("keyup",dt(this,Ki,wr));return}let l=i.target,d=l instanceof HTMLElement&&(l.tagName.toLowerCase()==="media-volume-range"||l.tagName.toLowerCase()==="media-time-range");[" ","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(o)&&!(M(this,Jt).contains(`no${o.toLowerCase()}`)||o===" "&&M(this,Jt).contains("nospace"))&&!d&&i.preventDefault(),this.addEventListener("keyup",dt(this,Ki,wr),{once:!0})};od=new WeakSet;Ih=function(){M(this,Fi)||(st(this,Fi,j.createElement("media-keyboard-shortcuts-dialog")),this.appendChild(M(this,Fi))),M(this,Fi).open=!0};var Yv=Object.values(s),Qv=Object.values(Vl),Rh=i=>{var e,t,r,o;let{observedAttributes:n}=i.constructor;!n&&((e=i.nodeName)!=null&&e.includes("-"))&&(c.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=>Yv.includes(l)):[]},Zv=i=>{var e,t;return(e=i.nodeName)!=null&&e.includes("-")&&c.customElements.get((t=i.nodeName)==null?void 0:t.toLowerCase())&&!(i instanceof c.customElements.get(i.nodeName.toLowerCase()))&&c.customElements.upgrade(i),Qv.some(r=>r in i)},ad=i=>Zv(i)||!!Rh(i).length,Lh=i=>{var e;return(e=i==null?void 0:i.join)==null?void 0:e.call(i,":")},wh={[s.MEDIA_SUBTITLES_LIST]:Ot,[s.MEDIA_SUBTITLES_SHOWING]:Ot,[s.MEDIA_SEEKABLE]:Lh,[s.MEDIA_BUFFERED]:i=>i==null?void 0:i.map(Lh).join(" "),[s.MEDIA_PREVIEW_COORDS]:i=>i==null?void 0:i.join(" "),[s.MEDIA_RENDITION_LIST]:Wu,[s.MEDIA_AUDIO_TRACK_LIST]:Ku},Xv=async(i,e,t)=>{var r,o;if(i.isConnected||await ga(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=wh[e])==null?void 0:r.call(wh,t))!=null?o:t;return i.setAttribute(e,n)},Jv=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},Wi=(i,e)=>{if(Jv(i))return;let t=(o,n)=>{var a,l;ad(o)&&n(o);let{children:d=[]}=o??{},v=(l=(a=o==null?void 0:o.shadowRoot)==null?void 0:a.children)!=null?l:[];[...d,...v].forEach(p=>Wi(p,n))},r=i==null?void 0:i.nodeName.toLowerCase();if(r.includes("-")&&!ad(i)){c.customElements.whenDefined(r).then(()=>{t(i,e)});return}t(i,e)},Ch=(i,e,t)=>{i.forEach(r=>{if(e in r){r[e]=t;return}let o=Rh(r),n=e.toLowerCase();o.includes(n)&&Xv(r,n,t)})},jv=(i,e,t)=>{Wi(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=>Wi(D,e)),Array.prototype.forEach.call(m,D=>Wi(D,t))):A==="attributes"&&L===U.MEDIA_CHROME_ATTRIBUTES&&(ad(g)?e(g):t(g))})},a=[],l=h=>{let p=h.target;p.name!=="media"&&(a.forEach(f=>Wi(f,t)),a=[...p.assignedElements({flatten:!0})],a.forEach(f=>Wi(f,e)))};i.addEventListener("slotchange",l);let d=new MutationObserver(n);return d.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{Wi(i,t),i.removeEventListener("slotchange",l),d.disconnect(),i.removeEventListener(b.REGISTER_MEDIA_STATE_RECEIVER,r),i.removeEventListener(b.UNREGISTER_MEDIA_STATE_RECEIVER,o)}};c.customElements.get("media-controller")||c.customElements.define("media-controller",nd);var Cr={PLACEMENT:"placement",BOUNDS:"bounds"};function ef(i){return`
|
|
416
395
|
<style>
|
|
417
396
|
:host {
|
|
418
397
|
--_tooltip-background-color: var(--media-tooltip-background-color, var(--media-secondary-color, rgba(20, 20, 30, .7)));
|
|
@@ -521,7 +500,7 @@ bp-player[has-error] {
|
|
|
521
500
|
</style>
|
|
522
501
|
<slot></slot>
|
|
523
502
|
<div id="arrow"></div>
|
|
524
|
-
`}var
|
|
503
|
+
`}var Ir=class extends c.HTMLElement{constructor(){if(super(),this.updateXOffset=()=>{var e;if(!Sa(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=at(this,"#"+this.bounds))!=null?e:Z(this);if(!o)return;let{x:n,width:a}=o.getBoundingClientRect(),{x:l,width:d}=this.getBoundingClientRect(),v=l+d,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[Cr.PLACEMENT,Cr.BOUNDS]}get placement(){return x(this,Cr.PLACEMENT)}set placement(e){P(this,Cr.PLACEMENT,e)}get bounds(){return x(this,Cr.BOUNDS)}set bounds(e){P(this,Cr.BOUNDS,e)}};Ir.shadowRootOptions={mode:"open"};Ir.getTemplateHTML=ef;c.customElements.get("media-tooltip")||c.customElements.define("media-tooltip",Ir);var Fa=Ir;var dd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ue=(i,e,t)=>(dd(i,e,"read from private field"),t?t.call(i):e.get(i)),Mr=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ka=(i,e,t,r)=>(dd(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),tf=(i,e,t)=>(dd(i,e,"access private method"),t),ct,xr,ei,Rr,qa,ld,xh,jt={TOOLTIP_PLACEMENT:"tooltipplacement",DISABLED:"disabled",NO_TOOLTIP:"notooltip"};function rf(i,e={}){return`
|
|
525
504
|
<style>
|
|
526
505
|
:host {
|
|
527
506
|
position: relative;
|
|
@@ -595,20 +574,20 @@ bp-player[has-error] {
|
|
|
595
574
|
|
|
596
575
|
<slot name="tooltip">
|
|
597
576
|
<media-tooltip part="tooltip" aria-hidden="true">
|
|
598
|
-
<template shadowrootmode="${
|
|
599
|
-
${
|
|
577
|
+
<template shadowrootmode="${Fa.shadowRootOptions.mode}">
|
|
578
|
+
${Fa.getTemplateHTML({})}
|
|
600
579
|
</template>
|
|
601
580
|
<slot name="tooltip-content">
|
|
602
581
|
${this.getTooltipContentHTML(i)}
|
|
603
582
|
</slot>
|
|
604
583
|
</media-tooltip>
|
|
605
584
|
</slot>
|
|
606
|
-
`}function
|
|
585
|
+
`}function of(i,e){return`
|
|
607
586
|
<slot></slot>
|
|
608
|
-
`}function
|
|
587
|
+
`}function nf(){return""}var F=class extends c.HTMLElement{constructor(){if(super(),Mr(this,ld),Mr(this,ct,void 0),this.preventClick=!1,this.tooltipEl=null,Mr(this,xr,e=>{this.preventClick||this.handleClick(e),setTimeout(ue(this,ei),0)}),Mr(this,ei,()=>{var e,t;(t=(e=this.tooltipEl)==null?void 0:e.updateXOffset)==null||t.call(e)}),Mr(this,Rr,e=>{let{key:t}=e;if(!this.keysUsed.includes(t)){this.removeEventListener("keyup",ue(this,Rr));return}this.preventClick||this.handleClick(e)}),Mr(this,qa,e=>{let{metaKey:t,altKey:r,key:o}=e;if(t||r||!this.keysUsed.includes(o)){this.removeEventListener("keyup",ue(this,Rr));return}this.addEventListener("keyup",ue(this,Rr),{once:!0})}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=J(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.tooltipEl=this.shadowRoot.querySelector("media-tooltip")}static get observedAttributes(){return["disabled",jt.TOOLTIP_PLACEMENT,U.MEDIA_CONTROLLER,s.MEDIA_LANG]}enable(){this.addEventListener("click",ue(this,xr)),this.addEventListener("keydown",ue(this,qa)),this.tabIndex=0}disable(){this.removeEventListener("click",ue(this,xr)),this.removeEventListener("keydown",ue(this,qa)),this.removeEventListener("keyup",ue(this,Rr)),this.tabIndex=-1}attributeChangedCallback(e,t,r){var o,n,a,l,d;e===U.MEDIA_CONTROLLER?(t&&((n=(o=ue(this,ct))==null?void 0:o.unassociateElement)==null||n.call(o,this),Ka(this,ct,null)),r&&this.isConnected&&(Ka(this,ct,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(d=(l=ue(this,ct))==null?void 0:l.associateElement)==null||d.call(l,this))):e==="disabled"&&r!==t?r==null?this.enable():this.disable():e===jt.TOOLTIP_PLACEMENT&&this.tooltipEl&&r!==t?this.tooltipEl.placement=r:e===s.MEDIA_LANG&&(this.shadowRoot.querySelector('slot[name="tooltip-content"]').innerHTML=this.constructor.getTooltipContentHTML()),ue(this,ei).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&&(Ka(this,ct,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(r=(t=ue(this,ct))==null?void 0:t.associateElement)==null||r.call(t,this)),c.customElements.whenDefined("media-tooltip").then(()=>tf(this,ld,xh).call(this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=ue(this,ct))==null?void 0:e.unassociateElement)==null||t.call(e,this),Ka(this,ct,null),this.removeEventListener("mouseenter",ue(this,ei)),this.removeEventListener("focus",ue(this,ei)),this.removeEventListener("click",ue(this,xr))}get keysUsed(){return["Enter"," "]}get tooltipPlacement(){return x(this,jt.TOOLTIP_PLACEMENT)}set tooltipPlacement(e){P(this,jt.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,jt.DISABLED)}set disabled(e){I(this,jt.DISABLED,e)}get noTooltip(){return C(this,jt.NO_TOOLTIP)}set noTooltip(e){I(this,jt.NO_TOOLTIP,e)}handleClick(e){}};ct=new WeakMap;xr=new WeakMap;ei=new WeakMap;Rr=new WeakMap;qa=new WeakMap;ld=new WeakSet;xh=function(){this.addEventListener("mouseenter",ue(this,ei)),this.addEventListener("focus",ue(this,ei)),this.addEventListener("click",ue(this,xr));let i=this.tooltipPlacement;i&&this.tooltipEl&&(this.tooltipEl.placement=i)};F.shadowRootOptions={mode:"open"};F.getTemplateHTML=rf;F.getSlotTemplateHTML=of;F.getTooltipContentHTML=nf;c.customElements.get("media-chrome-button")||c.customElements.define("media-chrome-button",F);var Ph=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
609
588
|
<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"/>
|
|
610
589
|
</svg>
|
|
611
|
-
`;function
|
|
590
|
+
`;function af(i){return`
|
|
612
591
|
<style>
|
|
613
592
|
:host([${s.MEDIA_IS_AIRPLAYING}]) slot[name=icon] slot:not([name=exit]) {
|
|
614
593
|
display: none !important;
|
|
@@ -626,17 +605,17 @@ bp-player[has-error] {
|
|
|
626
605
|
</style>
|
|
627
606
|
|
|
628
607
|
<slot name="icon">
|
|
629
|
-
<slot name="enter">${
|
|
630
|
-
<slot name="exit">${
|
|
608
|
+
<slot name="enter">${Ph}</slot>
|
|
609
|
+
<slot name="exit">${Ph}</slot>
|
|
631
610
|
</slot>
|
|
632
|
-
`}function
|
|
611
|
+
`}function sf(){return`
|
|
633
612
|
<slot name="tooltip-enter">${E("start airplay")}</slot>
|
|
634
613
|
<slot name="tooltip-exit">${E("stop airplay")}</slot>
|
|
635
|
-
`}var
|
|
614
|
+
`}var Dh=i=>{let e=i.mediaIsAirplaying?E("stop airplay"):E("start airplay");i.setAttribute("aria-label",e)},ln=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_AIRPLAYING,s.MEDIA_AIRPLAY_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Dh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_AIRPLAYING&&Dh(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 c.CustomEvent(b.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};ln.getSlotTemplateHTML=af;ln.getTooltipContentHTML=sf;c.customElements.get("media-airplay-button")||c.customElements.define("media-airplay-button",ln);var lf=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
636
615
|
<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"/>
|
|
637
|
-
</svg>`,
|
|
616
|
+
</svg>`,df=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
638
617
|
<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"/>
|
|
639
|
-
</svg>`;function
|
|
618
|
+
</svg>`;function cf(i){return`
|
|
640
619
|
<style>
|
|
641
620
|
:host([aria-checked="true"]) slot[name=off] {
|
|
642
621
|
display: none !important;
|
|
@@ -654,13 +633,13 @@ bp-player[has-error] {
|
|
|
654
633
|
</style>
|
|
655
634
|
|
|
656
635
|
<slot name="icon">
|
|
657
|
-
<slot name="on">${
|
|
658
|
-
<slot name="off">${
|
|
636
|
+
<slot name="on">${lf}</slot>
|
|
637
|
+
<slot name="off">${df}</slot>
|
|
659
638
|
</slot>
|
|
660
|
-
`}function
|
|
639
|
+
`}function uf(){return`
|
|
661
640
|
<slot name="tooltip-enable">${E("Enable captions")}</slot>
|
|
662
641
|
<slot name="tooltip-disable">${E("Disable captions")}</slot>
|
|
663
|
-
`}var
|
|
642
|
+
`}var Oh=i=>{i.setAttribute("aria-checked",Oa(i).toString())},dn=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")),Oh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_SUBTITLES_SHOWING&&Oh(this)}get mediaSubtitlesList(){return Uh(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Nh(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Uh(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Nh(this,s.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new c.CustomEvent(b.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}};dn.getSlotTemplateHTML=cf;dn.getTooltipContentHTML=uf;var Uh=(i,e)=>{let t=i.getAttribute(e);return t?$i(t):[]},Nh=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let r=Ot(t);i.getAttribute(e)!==r&&i.setAttribute(e,r)};c.customElements.get("media-captions-button")||c.customElements.define("media-captions-button",dn);var hf='<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>',pf='<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 mf(i){return`
|
|
664
643
|
<style>
|
|
665
644
|
:host([${s.MEDIA_IS_CASTING}]) slot[name=icon] slot:not([name=exit]) {
|
|
666
645
|
display: none !important;
|
|
@@ -678,13 +657,13 @@ bp-player[has-error] {
|
|
|
678
657
|
</style>
|
|
679
658
|
|
|
680
659
|
<slot name="icon">
|
|
681
|
-
<slot name="enter">${
|
|
682
|
-
<slot name="exit">${
|
|
660
|
+
<slot name="enter">${hf}</slot>
|
|
661
|
+
<slot name="exit">${pf}</slot>
|
|
683
662
|
</slot>
|
|
684
|
-
`}function
|
|
663
|
+
`}function vf(){return`
|
|
685
664
|
<slot name="tooltip-enter">${E("Start casting")}</slot>
|
|
686
665
|
<slot name="tooltip-exit">${E("Stop casting")}</slot>
|
|
687
|
-
`}var
|
|
666
|
+
`}var Hh=i=>{let e=i.mediaIsCasting?E("stop casting"):E("start casting");i.setAttribute("aria-label",e)},cn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_CASTING,s.MEDIA_CAST_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Hh(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_CASTING&&Hh(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 c.CustomEvent(e,{composed:!0,bubbles:!0}))}};cn.getSlotTemplateHTML=mf;cn.getTooltipContentHTML=vf;c.customElements.get("media-cast-button")||c.customElements.define("media-cast-button",cn);var fd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Gi=(i,e,t)=>(fd(i,e,"read from private field"),t?t.call(i):e.get(i)),Ut=(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)},gd=(i,e,t,r)=>(fd(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),qi=(i,e,t)=>(fd(i,e,"access private method"),t),za,hn,zi,Ga,cd,ud,$h,hd,Bh,pd,Vh,md,Wh,vd,Fh;function ff(i){return`
|
|
688
667
|
<style>
|
|
689
668
|
:host {
|
|
690
669
|
font: var(--media-font,
|
|
@@ -725,9 +704,9 @@ bp-player[has-error] {
|
|
|
725
704
|
}
|
|
726
705
|
</style>
|
|
727
706
|
${this.getSlotTemplateHTML(i)}
|
|
728
|
-
`}function
|
|
707
|
+
`}function gf(i){return`
|
|
729
708
|
<slot id="content"></slot>
|
|
730
|
-
`}var
|
|
709
|
+
`}var un={OPEN:"open",ANCHOR:"anchor"},ut=class extends c.HTMLElement{constructor(){super(),Ut(this,Ga),Ut(this,ud),Ut(this,hd),Ut(this,pd),Ut(this,md),Ut(this,vd),Ut(this,za,!1),Ut(this,hn,null),Ut(this,zi,null),this.addEventListener("invoke",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this)}static get observedAttributes(){return[un.OPEN,un.ANCHOR]}get open(){return C(this,un.OPEN)}set open(e){I(this,un.OPEN,e)}handleEvent(e){switch(e.type){case"invoke":qi(this,pd,Vh).call(this,e);break;case"focusout":qi(this,md,Wh).call(this,e);break;case"keydown":qi(this,vd,Fh).call(this,e);break}}connectedCallback(){qi(this,Ga,cd).call(this),this.role||(this.role="dialog")}attributeChangedCallback(e,t,r){qi(this,Ga,cd).call(this),e===un.OPEN&&r!==t&&(this.open?qi(this,ud,$h).call(this):qi(this,hd,Bh).call(this))}focus(){gd(this,hn,Zo());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"]}};za=new WeakMap;hn=new WeakMap;zi=new WeakMap;Ga=new WeakSet;cd=function(){if(!Gi(this,za)&&(gd(this,za,!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")})}};ud=new WeakSet;$h=function(){var i;(i=Gi(this,zi))==null||i.setAttribute("aria-expanded","true"),this.dispatchEvent(new Event("open",{composed:!0,bubbles:!0})),this.addEventListener("transitionend",()=>this.focus(),{once:!0})};hd=new WeakSet;Bh=function(){var i;(i=Gi(this,zi))==null||i.setAttribute("aria-expanded","false"),this.dispatchEvent(new Event("close",{composed:!0,bubbles:!0}))};pd=new WeakSet;Vh=function(i){gd(this,zi,i.relatedTarget),Ae(this,i.relatedTarget)||(this.open=!this.open)};md=new WeakSet;Wh=function(i){var e;Ae(this,i.relatedTarget)||((e=Gi(this,hn))==null||e.focus(),Gi(this,zi)&&Gi(this,zi)!==i.relatedTarget&&this.open&&(this.open=!1))};vd=new WeakSet;Fh=function(i){var e,t,r,o,n;let{key:a,ctrlKey:l,altKey:d,metaKey:v}=i;l||d||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=Gi(this,hn))==null||n.focus(),this.open=!1))};ut.shadowRootOptions={mode:"open"};ut.getTemplateHTML=ff;ut.getSlotTemplateHTML=gf;c.customElements.get("media-chrome-dialog")||c.customElements.define("media-chrome-dialog",ut);var Sd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},oe=(i,e,t)=>(Sd(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)},ti=(i,e,t,r)=>(Sd(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Je=(i,e,t)=>(Sd(i,e,"access private method"),t),ht,rs,Ya,Qa,je,ts,Za,Xa,Ja,kd,Kh,ja,Ed,es,bd,is,Ld,_d,qh,yd,Gh,Td,zh,Ad,Yh;function Ef(i){return`
|
|
731
710
|
<style>
|
|
732
711
|
:host {
|
|
733
712
|
--_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
|
|
@@ -957,7 +936,7 @@ bp-player[has-error] {
|
|
|
957
936
|
${this.getContainerTemplateHTML(i)}
|
|
958
937
|
</div>
|
|
959
938
|
<div id="rightgap"></div>
|
|
960
|
-
`}function
|
|
939
|
+
`}function bf(i){return""}var pt=class extends c.HTMLElement{constructor(){if(super(),be(this,kd),be(this,ja),be(this,es),be(this,is),be(this,_d),be(this,yd),be(this,Td),be(this,Ad),be(this,ht,void 0),be(this,rs,void 0),be(this,Ya,void 0),be(this,Qa,void 0),be(this,je,{}),be(this,ts,[]),be(this,Za,()=>{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,Xa,()=>{let{style:e}=X(this.shadowRoot,":host");e.removeProperty("--_focus-visible-box-shadow")}),be(this,Ja,()=>{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"),ti(this,Ya,this.shadowRoot.querySelector("#startpoint")),ti(this,Qa,this.shadowRoot.querySelector("#endpoint")),this.range=this.shadowRoot.querySelector("#range"),this.appearance=this.shadowRoot.querySelector("#appearance")}static get observedAttributes(){return["disabled","aria-disabled",U.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,r){var o,n,a,l,d;e===U.MEDIA_CONTROLLER?(t&&((n=(o=oe(this,ht))==null?void 0:o.unassociateElement)==null||n.call(o,this),ti(this,ht,null)),r&&this.isConnected&&(ti(this,ht,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(d=(l=oe(this,ht))==null?void 0:l.associateElement)==null||d.call(l,this))):(e==="disabled"||e==="aria-disabled"&&t!==r)&&(r==null?(this.range.removeAttribute(e),Je(this,ja,Ed).call(this)):(this.range.setAttribute(e,r),Je(this,es,bd).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&&(ti(this,ht,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(r=(t=oe(this,ht))==null?void 0:t.associateElement)==null||r.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",oe(this,Za)),this.shadowRoot.addEventListener("focusout",oe(this,Xa)),Je(this,ja,Ed).call(this),xt(this.container,oe(this,Ja))}disconnectedCallback(){var e,t;Je(this,es,bd).call(this),(t=(e=oe(this,ht))==null?void 0:e.unassociateElement)==null||t.call(e,this),ti(this,ht,null),this.shadowRoot.removeEventListener("focusin",oe(this,Za)),this.shadowRoot.removeEventListener("focusout",oe(this,Xa)),Pt(this.container,oe(this,Ja))}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])];ti(this,ts,[...r]);let o=r.pop();for(let[n,a]of r.entries()){let[l,d]=[n===0,n===r.length-1],v=l?"calc(var(--segments-gap) / -1)":`${a*100}%`,p=`calc(${((d?o:r[n+1])-a)*100}%${l||d?"":" - var(--segments-gap)"})`,f=j.createElementNS("http://www.w3.org/2000/svg","rect"),m=Xo(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 th(e.clientX,e.clientY,oe(this,Ya).getBoundingClientRect(),oe(this,Qa).getBoundingClientRect())}get dragging(){return this.hasAttribute("dragging")}handleEvent(e){switch(e.type){case"pointermove":Je(this,Ad,Yh).call(this,e);break;case"input":this.updateBar();break;case"pointerenter":Je(this,_d,qh).call(this,e);break;case"pointerdown":Je(this,is,Ld).call(this,e);break;case"pointerup":Je(this,yd,Gh).call(this);break;case"pointerleave":Je(this,Td,zh).call(this);break}}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}};ht=new WeakMap;rs=new WeakMap;Ya=new WeakMap;Qa=new WeakMap;je=new WeakMap;ts=new WeakMap;Za=new WeakMap;Xa=new WeakMap;Ja=new WeakMap;kd=new WeakSet;Kh=function(i){let e=oe(this,je).activeSegment;if(!e)return;let t=this.getPointerRatio(i),o=`#segments-clipping rect:nth-child(${oe(this,ts).findIndex((n,a,l)=>{let d=l[a+1];return d!=null&&t>=n&&t<=d})+1})`;(e.selectorText!=o||!e.style.transform)&&(e.selectorText=o,e.style.setProperty("transform","var(--media-range-segment-hover-transform, scaleY(2))"))};ja=new WeakSet;Ed=function(){this.hasAttribute("disabled")||(this.addEventListener("input",this),this.addEventListener("pointerdown",this),this.addEventListener("pointerenter",this))};es=new WeakSet;bd=function(){var i,e;this.removeEventListener("input",this),this.removeEventListener("pointerdown",this),this.removeEventListener("pointerenter",this),(i=c.window)==null||i.removeEventListener("pointerup",this),(e=c.window)==null||e.removeEventListener("pointermove",this)};is=new WeakSet;Ld=function(i){var e;ti(this,rs,i.composedPath().includes(this.range)),(e=c.window)==null||e.addEventListener("pointerup",this)};_d=new WeakSet;qh=function(i){var e;i.pointerType!=="mouse"&&Je(this,is,Ld).call(this,i),this.addEventListener("pointerleave",this),(e=c.window)==null||e.addEventListener("pointermove",this)};yd=new WeakSet;Gh=function(){var i;(i=c.window)==null||i.removeEventListener("pointerup",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled")};Td=new WeakSet;zh=function(){var i,e;this.removeEventListener("pointerleave",this),(i=c.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")};Ad=new WeakSet;Yh=function(i){i.pointerType==="pen"&&i.buttons===0||(this.toggleAttribute("dragging",i.buttons===1||i.pointerType!=="mouse"),this.updatePointerBar(i),Je(this,kd,Kh).call(this,i),this.dragging&&(i.pointerType!=="mouse"||!oe(this,rs))&&(this.range.disabled=!0,this.range.valueAsNumber=this.getPointerRatio(i),this.range.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))))};pt.shadowRootOptions={mode:"open"};pt.getTemplateHTML=Ef;pt.getContainerTemplateHTML=bf;c.customElements.get("media-chrome-range")||c.customElements.define("media-chrome-range",pt);var Qh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},os=(i,e,t)=>(Qh(i,e,"read from private field"),t?t.call(i):e.get(i)),_f=(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)},ns=(i,e,t,r)=>(Qh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),mt;function yf(i){return`
|
|
961
940
|
<style>
|
|
962
941
|
:host {
|
|
963
942
|
|
|
@@ -983,7 +962,7 @@ bp-player[has-error] {
|
|
|
983
962
|
</style>
|
|
984
963
|
|
|
985
964
|
<slot></slot>
|
|
986
|
-
`}var
|
|
965
|
+
`}var pn=class extends c.HTMLElement{constructor(){if(super(),_f(this,mt,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,d;e===U.MEDIA_CONTROLLER&&(t&&((n=(o=os(this,mt))==null?void 0:o.unassociateElement)==null||n.call(o,this),ns(this,mt,null)),r&&this.isConnected&&(ns(this,mt,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(d=(l=os(this,mt))==null?void 0:l.associateElement)==null||d.call(l,this)))}connectedCallback(){var e,t,r;let o=this.getAttribute(U.MEDIA_CONTROLLER);o&&(ns(this,mt,(e=this.getRootNode())==null?void 0:e.getElementById(o)),(r=(t=os(this,mt))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=os(this,mt))==null?void 0:e.unassociateElement)==null||t.call(e,this),ns(this,mt,null)}};mt=new WeakMap;pn.shadowRootOptions={mode:"open"};pn.getTemplateHTML=yf;c.customElements.get("media-control-bar")||c.customElements.define("media-control-bar",pn);var Zh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},as=(i,e,t)=>(Zh(i,e,"read from private field"),t?t.call(i):e.get(i)),Tf=(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)},ss=(i,e,t,r)=>(Zh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),vt;function Af(i,e={}){return`
|
|
987
966
|
<style>
|
|
988
967
|
:host {
|
|
989
968
|
font: var(--media-font,
|
|
@@ -1017,11 +996,11 @@ bp-player[has-error] {
|
|
|
1017
996
|
</style>
|
|
1018
997
|
|
|
1019
998
|
${this.getSlotTemplateHTML(i,e)}
|
|
1020
|
-
`}function
|
|
999
|
+
`}function Sf(i,e){return`
|
|
1021
1000
|
<slot></slot>
|
|
1022
|
-
`}var
|
|
1023
|
-
<slot>${
|
|
1024
|
-
`}var
|
|
1001
|
+
`}var xe=class extends c.HTMLElement{constructor(){if(super(),Tf(this,vt,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=J(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[U.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,r){var o,n,a,l,d;e===U.MEDIA_CONTROLLER&&(t&&((n=(o=as(this,vt))==null?void 0:o.unassociateElement)==null||n.call(o,this),ss(this,vt,null)),r&&this.isConnected&&(ss(this,vt,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(d=(l=as(this,vt))==null?void 0:l.associateElement)==null||d.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&&(ss(this,vt,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(r=(t=as(this,vt))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=as(this,vt))==null?void 0:e.unassociateElement)==null||t.call(e,this),ss(this,vt,null)}};vt=new WeakMap;xe.shadowRootOptions={mode:"open"};xe.getTemplateHTML=Af;xe.getSlotTemplateHTML=Sf;c.customElements.get("media-text-display")||c.customElements.define("media-text-display",xe);var Jh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Xh=(i,e,t)=>(Jh(i,e,"read from private field"),t?t.call(i):e.get(i)),kf=(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)},Lf=(i,e,t,r)=>(Jh(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),mn;function wf(i,e){return`
|
|
1002
|
+
<slot>${Xe(e.mediaDuration)}</slot>
|
|
1003
|
+
`}var ls=class extends xe{constructor(){var e;super(),kf(this,mn,void 0),Lf(this,mn,this.shadowRoot.querySelector("slot")),Xh(this,mn).textContent=Xe((e=this.mediaDuration)!=null?e:0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_DURATION]}attributeChangedCallback(e,t,r){e===s.MEDIA_DURATION&&(Xh(this,mn).textContent=Xe(+r)),super.attributeChangedCallback(e,t,r)}get mediaDuration(){return H(this,s.MEDIA_DURATION)}set mediaDuration(e){B(this,s.MEDIA_DURATION,e)}};mn=new WeakMap;ls.getSlotTemplateHTML=wf;c.customElements.get("media-duration-display")||c.customElements.define("media-duration-display",ls);var Cf={2:E("Network Error"),3:E("Decode Error"),4:E("Source Not Supported"),5:E("Encryption Error")},If={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.")},wd=i=>{var e,t;return i.code===1?null:{title:(e=Cf[i.code])!=null?e:`Error ${i.code}`,message:(t=If[i.code])!=null?t:i.message}};var ep=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Mf=(i,e,t)=>(ep(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)=>(ep(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ds;function Pf(i){return`
|
|
1025
1004
|
<style>
|
|
1026
1005
|
:host {
|
|
1027
1006
|
background: rgb(20 20 30 / .8);
|
|
@@ -1038,9 +1017,9 @@ bp-player[has-error] {
|
|
|
1038
1017
|
}
|
|
1039
1018
|
</style>
|
|
1040
1019
|
<slot name="error-${i.mediaerrorcode}" id="content">
|
|
1041
|
-
${
|
|
1020
|
+
${tp({code:+i.mediaerrorcode,message:i.mediaerrormessage})}
|
|
1042
1021
|
</slot>
|
|
1043
|
-
`}function
|
|
1022
|
+
`}function Df(i){return i.code&&wd(i)!==null}function tp(i){var e;let{title:t,message:r}=(e=wd(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 jh=[s.MEDIA_ERROR_CODE,s.MEDIA_ERROR_MESSAGE],vn=class extends ut{constructor(){super(...arguments),Rf(this,ds,null)}static get observedAttributes(){return[...super.observedAttributes,...jh]}formatErrorMessage(e){return this.constructor.formatErrorMessage(e)}attributeChangedCallback(e,t,r){var o;if(super.attributeChangedCallback(e,t,r),!jh.includes(e))return;let n=(o=this.mediaError)!=null?o:{code:this.mediaErrorCode,message:this.mediaErrorMessage};this.open=Df(n),this.open&&(this.shadowRoot.querySelector("slot").name=`error-${this.mediaErrorCode}`,this.shadowRoot.querySelector("#content").innerHTML=this.formatErrorMessage(n))}get mediaError(){return Mf(this,ds)}set mediaError(e){xf(this,ds,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)}};ds=new WeakMap;vn.getSlotTemplateHTML=Pf;vn.formatErrorMessage=tp;c.customElements.get("media-error-dialog")||c.customElements.define("media-error-dialog",vn);var Of=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ii=(i,e,t)=>(Of(i,e,"read from private field"),t?t.call(i):e.get(i)),ip=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Pr,Dr;function Uf(i){return`
|
|
1044
1023
|
<style>
|
|
1045
1024
|
:host {
|
|
1046
1025
|
position: fixed;
|
|
@@ -1125,9 +1104,9 @@ bp-player[has-error] {
|
|
|
1125
1104
|
}
|
|
1126
1105
|
</style>
|
|
1127
1106
|
<slot id="content">
|
|
1128
|
-
${
|
|
1107
|
+
${Nf()}
|
|
1129
1108
|
</slot>
|
|
1130
|
-
`}function
|
|
1109
|
+
`}function Nf(){return`
|
|
1131
1110
|
<h2>Keyboard Shortcuts</h2>
|
|
1132
1111
|
<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})=>`
|
|
1133
1112
|
<tr>
|
|
@@ -1137,11 +1116,11 @@ bp-player[has-error] {
|
|
|
1137
1116
|
<td class="description">${r}</td>
|
|
1138
1117
|
</tr>
|
|
1139
1118
|
`).join("")}</table>
|
|
1140
|
-
`}var
|
|
1119
|
+
`}var cs=class extends ut{constructor(){super(...arguments),ip(this,Pr,e=>{var t;if(!this.open)return;let r=(t=this.shadowRoot)==null?void 0:t.querySelector("#content");if(!r)return;let o=e.composedPath(),n=o[0]===this||o.includes(this),a=o.includes(r);n&&!a&&(this.open=!1)}),ip(this,Dr,e=>{if(!this.open)return;let t=e.shiftKey&&(e.key==="/"||e.key==="?");(e.key==="Escape"||t)&&!e.ctrlKey&&!e.altKey&&!e.metaKey&&(this.open=!1,e.preventDefault(),e.stopPropagation())})}connectedCallback(){super.connectedCallback(),this.open&&(this.addEventListener("click",ii(this,Pr)),document.addEventListener("keydown",ii(this,Dr)))}disconnectedCallback(){this.removeEventListener("click",ii(this,Pr)),document.removeEventListener("keydown",ii(this,Dr))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e==="open"&&(this.open?(this.addEventListener("click",ii(this,Pr)),document.addEventListener("keydown",ii(this,Dr))):(this.removeEventListener("click",ii(this,Pr)),document.removeEventListener("keydown",ii(this,Dr))))}};Pr=new WeakMap;Dr=new WeakMap;cs.getSlotTemplateHTML=Uf;c.customElements.get("media-keyboard-shortcuts-dialog")||c.customElements.define("media-keyboard-shortcuts-dialog",cs);var op=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Hf=(i,e,t)=>(op(i,e,"read from private field"),t?t.call(i):e.get(i)),$f=(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)},Bf=(i,e,t,r)=>(op(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),us,Vf=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
1141
1120
|
<path d="M16 3v2.5h3.5V9H22V3h-6ZM4 9h2.5V5.5H10V3H4v6Zm15.5 9.5H16V21h6v-6h-2.5v3.5ZM6.5 15H4v6h6v-2.5H6.5V15Z"/>
|
|
1142
|
-
</svg
|
|
1121
|
+
</svg>`,Wf=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
1143
1122
|
<path d="M18.5 6.5V3H16v6h6V6.5h-3.5ZM16 21h2.5v-3.5H22V15h-6v6ZM4 17.5h3.5V21H10v-6H4v2.5Zm3.5-11H4V9h6V3H7.5v3.5Z"/>
|
|
1144
|
-
</svg>`;function
|
|
1123
|
+
</svg>`;function Ff(i){return`
|
|
1145
1124
|
<style>
|
|
1146
1125
|
:host([${s.MEDIA_IS_FULLSCREEN}]) slot[name=icon] slot:not([name=exit]) {
|
|
1147
1126
|
display: none !important;
|
|
@@ -1159,13 +1138,13 @@ bp-player[has-error] {
|
|
|
1159
1138
|
</style>
|
|
1160
1139
|
|
|
1161
1140
|
<slot name="icon">
|
|
1162
|
-
<slot name="enter">${
|
|
1163
|
-
<slot name="exit">${
|
|
1141
|
+
<slot name="enter">${Vf}</slot>
|
|
1142
|
+
<slot name="exit">${Wf}</slot>
|
|
1164
1143
|
</slot>
|
|
1165
|
-
`}function
|
|
1144
|
+
`}function Kf(){return`
|
|
1166
1145
|
<slot name="tooltip-enter">${E("Enter fullscreen mode")}</slot>
|
|
1167
1146
|
<slot name="tooltip-exit">${E("Exit fullscreen mode")}</slot>
|
|
1168
|
-
`}var
|
|
1147
|
+
`}var rp=i=>{let e=i.mediaIsFullscreen?E("exit fullscreen mode"):E("enter fullscreen mode");i.setAttribute("aria-label",e)},fn=class extends F{constructor(){super(...arguments),$f(this,us,null)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_FULLSCREEN,s.MEDIA_FULLSCREEN_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),rp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_FULLSCREEN&&rp(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){Bf(this,us,e);let t=Hf(this,us)instanceof PointerEvent,r=this.mediaIsFullscreen?new c.CustomEvent(b.MEDIA_EXIT_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0}):new c.CustomEvent(b.MEDIA_ENTER_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(r)}};us=new WeakMap;fn.getSlotTemplateHTML=Ff;fn.getTooltipContentHTML=Kf;c.customElements.get("media-fullscreen-button")||c.customElements.define("media-fullscreen-button",fn);var{MEDIA_TIME_IS_LIVE:hs,MEDIA_PAUSED:gn}=s,{MEDIA_SEEK_TO_LIVE_REQUEST:qf,MEDIA_PLAY_REQUEST:Gf}=b,zf='<svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg>';function Yf(i){return`
|
|
1169
1148
|
<style>
|
|
1170
1149
|
:host { --media-tooltip-display: none; }
|
|
1171
1150
|
|
|
@@ -1177,13 +1156,13 @@ bp-player[has-error] {
|
|
|
1177
1156
|
color: var(--media-live-button-icon-color, rgb(140, 140, 140));
|
|
1178
1157
|
}
|
|
1179
1158
|
|
|
1180
|
-
:host([${
|
|
1181
|
-
:host([${
|
|
1159
|
+
:host([${hs}]:not([${gn}])) slot[name=indicator] > *,
|
|
1160
|
+
:host([${hs}]:not([${gn}])) ::slotted([slot=indicator]) {
|
|
1182
1161
|
fill: var(--media-live-button-indicator-color, rgb(255, 0, 0));
|
|
1183
1162
|
color: var(--media-live-button-indicator-color, rgb(255, 0, 0));
|
|
1184
1163
|
}
|
|
1185
1164
|
|
|
1186
|
-
:host([${
|
|
1165
|
+
:host([${hs}]:not([${gn}])) {
|
|
1187
1166
|
cursor: var(--media-cursor, not-allowed);
|
|
1188
1167
|
}
|
|
1189
1168
|
|
|
@@ -1193,10 +1172,10 @@ bp-player[has-error] {
|
|
|
1193
1172
|
|
|
1194
1173
|
</style>
|
|
1195
1174
|
|
|
1196
|
-
<slot name="indicator">${
|
|
1175
|
+
<slot name="indicator">${zf}</slot>
|
|
1197
1176
|
|
|
1198
1177
|
<slot name="spacer"> </slot><slot name="text">${E("live")}</slot>
|
|
1199
|
-
`}var
|
|
1178
|
+
`}var np=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")},ps=class extends F{static get observedAttributes(){return[...super.observedAttributes,hs,gn]}connectedCallback(){super.connectedCallback(),np(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),np(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 c.CustomEvent(qf,{composed:!0,bubbles:!0})),this.hasAttribute(gn)&&this.dispatchEvent(new c.CustomEvent(Gf,{composed:!0,bubbles:!0})))}};ps.getSlotTemplateHTML=Yf;c.customElements.get("media-live-button")||c.customElements.define("media-live-button",ps);var sp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},En=(i,e,t)=>(sp(i,e,"read from private field"),t?t.call(i):e.get(i)),ap=(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)},bn=(i,e,t,r)=>(sp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ft,vs,ms={LOADING_DELAY:"loadingdelay",NO_AUTOHIDE:"noautohide"},lp=500,Qf=`
|
|
1200
1179
|
<svg aria-hidden="true" viewBox="0 0 100 100">
|
|
1201
1180
|
<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">
|
|
1202
1181
|
<animateTransform
|
|
@@ -1209,13 +1188,13 @@ bp-player[has-error] {
|
|
|
1209
1188
|
repeatCount="indefinite" />
|
|
1210
1189
|
</path>
|
|
1211
1190
|
</svg>
|
|
1212
|
-
`;function
|
|
1191
|
+
`;function Zf(i){return`
|
|
1213
1192
|
<style>
|
|
1214
1193
|
:host {
|
|
1215
1194
|
display: var(--media-control-display, var(--media-loading-indicator-display, inline-block));
|
|
1216
1195
|
vertical-align: middle;
|
|
1217
1196
|
box-sizing: border-box;
|
|
1218
|
-
--_loading-indicator-delay: var(--media-loading-indicator-transition-delay, ${
|
|
1197
|
+
--_loading-indicator-delay: var(--media-loading-indicator-transition-delay, ${lp}ms);
|
|
1219
1198
|
}
|
|
1220
1199
|
|
|
1221
1200
|
#status {
|
|
@@ -1254,15 +1233,15 @@ bp-player[has-error] {
|
|
|
1254
1233
|
}
|
|
1255
1234
|
</style>
|
|
1256
1235
|
|
|
1257
|
-
<slot name="icon">${
|
|
1236
|
+
<slot name="icon">${Qf}</slot>
|
|
1258
1237
|
<div id="status" role="status" aria-live="polite">${E("media loading")}</div>
|
|
1259
|
-
`}var
|
|
1238
|
+
`}var _n=class extends c.HTMLElement{constructor(){if(super(),ap(this,ft,void 0),ap(this,vs,lp),!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,ms.LOADING_DELAY]}attributeChangedCallback(e,t,r){var o,n,a,l,d;e===ms.LOADING_DELAY&&t!==r?this.loadingDelay=Number(r):e===U.MEDIA_CONTROLLER&&(t&&((n=(o=En(this,ft))==null?void 0:o.unassociateElement)==null||n.call(o,this),bn(this,ft,null)),r&&this.isConnected&&(bn(this,ft,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(d=(l=En(this,ft))==null?void 0:l.associateElement)==null||d.call(l,this)))}connectedCallback(){var e,t,r;let o=this.getAttribute(U.MEDIA_CONTROLLER);o&&(bn(this,ft,(e=this.getRootNode())==null?void 0:e.getElementById(o)),(r=(t=En(this,ft))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=En(this,ft))==null?void 0:e.unassociateElement)==null||t.call(e,this),bn(this,ft,null)}get loadingDelay(){return En(this,vs)}set loadingDelay(e){bn(this,vs,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,ms.NO_AUTOHIDE)}set noAutohide(e){I(this,ms.NO_AUTOHIDE,e)}};ft=new WeakMap;vs=new WeakMap;_n.shadowRootOptions={mode:"open"};_n.getTemplateHTML=Zf;c.customElements.get("media-loading-indicator")||c.customElements.define("media-loading-indicator",_n);var Xf=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1260
1239
|
<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"/>
|
|
1261
|
-
</svg>`,
|
|
1240
|
+
</svg>`,dp=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1262
1241
|
<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"/>
|
|
1263
|
-
</svg>`,
|
|
1242
|
+
</svg>`,Jf=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1264
1243
|
<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"/>
|
|
1265
|
-
</svg>`;function
|
|
1244
|
+
</svg>`;function jf(i){return`
|
|
1266
1245
|
<style>
|
|
1267
1246
|
:host(:not([${s.MEDIA_VOLUME_LEVEL}])) slot[name=icon] slot:not([name=high]),
|
|
1268
1247
|
:host([${s.MEDIA_VOLUME_LEVEL}=high]) slot[name=icon] slot:not([name=high]) {
|
|
@@ -1288,17 +1267,17 @@ bp-player[has-error] {
|
|
|
1288
1267
|
</style>
|
|
1289
1268
|
|
|
1290
1269
|
<slot name="icon">
|
|
1291
|
-
<slot name="off">${
|
|
1292
|
-
<slot name="low">${
|
|
1293
|
-
<slot name="medium">${
|
|
1294
|
-
<slot name="high">${
|
|
1270
|
+
<slot name="off">${Xf}</slot>
|
|
1271
|
+
<slot name="low">${dp}</slot>
|
|
1272
|
+
<slot name="medium">${dp}</slot>
|
|
1273
|
+
<slot name="high">${Jf}</slot>
|
|
1295
1274
|
</slot>
|
|
1296
|
-
`}function
|
|
1275
|
+
`}function eg(){return`
|
|
1297
1276
|
<slot name="tooltip-mute">${E("Mute")}</slot>
|
|
1298
1277
|
<slot name="tooltip-unmute">${E("Unmute")}</slot>
|
|
1299
|
-
`}var
|
|
1278
|
+
`}var cp=i=>{let t=i.mediaVolumeLevel==="off"?E("unmute"):E("mute");i.setAttribute("aria-label",t)},yn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),cp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_VOLUME_LEVEL&&cp(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 c.CustomEvent(e,{composed:!0,bubbles:!0}))}};yn.getSlotTemplateHTML=jf;yn.getTooltipContentHTML=eg;c.customElements.get("media-mute-button")||c.customElements.define("media-mute-button",yn);var up=`<svg aria-hidden="true" viewBox="0 0 28 24">
|
|
1300
1279
|
<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"/>
|
|
1301
|
-
</svg>`;function
|
|
1280
|
+
</svg>`;function tg(i){return`
|
|
1302
1281
|
<style>
|
|
1303
1282
|
:host([${s.MEDIA_IS_PIP}]) slot[name=icon] slot:not([name=exit]) {
|
|
1304
1283
|
display: none !important;
|
|
@@ -1315,13 +1294,13 @@ bp-player[has-error] {
|
|
|
1315
1294
|
</style>
|
|
1316
1295
|
|
|
1317
1296
|
<slot name="icon">
|
|
1318
|
-
<slot name="enter">${
|
|
1319
|
-
<slot name="exit">${
|
|
1297
|
+
<slot name="enter">${up}</slot>
|
|
1298
|
+
<slot name="exit">${up}</slot>
|
|
1320
1299
|
</slot>
|
|
1321
|
-
`}function
|
|
1300
|
+
`}function ig(){return`
|
|
1322
1301
|
<slot name="tooltip-enter">${E("Enter picture in picture mode")}</slot>
|
|
1323
1302
|
<slot name="tooltip-exit">${E("Exit picture in picture mode")}</slot>
|
|
1324
|
-
`}var
|
|
1303
|
+
`}var hp=i=>{let e=i.mediaIsPip?E("exit picture in picture mode"):E("enter picture in picture mode");i.setAttribute("aria-label",e)},Tn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_PIP,s.MEDIA_PIP_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),hp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_IS_PIP&&hp(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 c.CustomEvent(e,{composed:!0,bubbles:!0}))}};Tn.getSlotTemplateHTML=tg;Tn.getTooltipContentHTML=ig;c.customElements.get("media-pip-button")||c.customElements.define("media-pip-button",Tn);var rg=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Or=(i,e,t)=>(rg(i,e,"read from private field"),t?t.call(i):e.get(i)),og=(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)},ri,Cd={RATES:"rates"},Id=[1,1.2,1.5,1.7,2],Yi=1;function ng(i){return`
|
|
1325
1304
|
<style>
|
|
1326
1305
|
:host {
|
|
1327
1306
|
min-width: 5ch;
|
|
@@ -1329,11 +1308,11 @@ bp-player[has-error] {
|
|
|
1329
1308
|
}
|
|
1330
1309
|
</style>
|
|
1331
1310
|
<slot name="icon">${i.mediaplaybackrate||Yi}x</slot>
|
|
1332
|
-
`}function
|
|
1311
|
+
`}function ag(){return E("Playback rate")}var An=class extends F{constructor(){var e;super(),og(this,ri,new Xt(this,Cd.RATES,{defaultValue:Id})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${(e=this.mediaPlaybackRate)!=null?e:Yi}x`}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE,Cd.RATES]}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),e===Cd.RATES&&(Or(this,ri).value=r),e===s.MEDIA_PLAYBACK_RATE){let o=r?+r:Number.NaN,n=Number.isNaN(o)?Yi:o;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",E("Playback rate {playbackRate}",{playbackRate:n}))}}get rates(){return Or(this,ri)}set rates(e){e?Array.isArray(e)?Or(this,ri).value=e.join(" "):typeof e=="string"&&(Or(this,ri).value=e):Or(this,ri).value=""}get mediaPlaybackRate(){return H(this,s.MEDIA_PLAYBACK_RATE,Yi)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let r=Array.from(Or(this,ri).values(),a=>+a).sort((a,l)=>a-l),o=(t=(e=r.find(a=>a>this.mediaPlaybackRate))!=null?e:r[0])!=null?t:Yi,n=new c.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:o});this.dispatchEvent(n)}};ri=new WeakMap;An.getSlotTemplateHTML=ng;An.getTooltipContentHTML=ag;c.customElements.get("media-playback-rate-button")||c.customElements.define("media-playback-rate-button",An);var sg=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1333
1312
|
<path d="m6 21 15-9L6 3v18Z"/>
|
|
1334
|
-
</svg>`,
|
|
1313
|
+
</svg>`,lg=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1335
1314
|
<path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/>
|
|
1336
|
-
</svg>`;function
|
|
1315
|
+
</svg>`;function dg(i){return`
|
|
1337
1316
|
<style>
|
|
1338
1317
|
:host([${s.MEDIA_PAUSED}]) slot[name=pause],
|
|
1339
1318
|
:host(:not([${s.MEDIA_PAUSED}])) slot[name=play] {
|
|
@@ -1347,13 +1326,13 @@ bp-player[has-error] {
|
|
|
1347
1326
|
</style>
|
|
1348
1327
|
|
|
1349
1328
|
<slot name="icon">
|
|
1350
|
-
<slot name="play">${
|
|
1351
|
-
<slot name="pause">${
|
|
1329
|
+
<slot name="play">${sg}</slot>
|
|
1330
|
+
<slot name="pause">${lg}</slot>
|
|
1352
1331
|
</slot>
|
|
1353
|
-
`}function
|
|
1332
|
+
`}function cg(){return`
|
|
1354
1333
|
<slot name="tooltip-play">${E("Play")}</slot>
|
|
1355
1334
|
<slot name="tooltip-pause">${E("Pause")}</slot>
|
|
1356
|
-
`}var
|
|
1335
|
+
`}var pp=i=>{let e=i.mediaPaused?E("play"):E("pause");i.setAttribute("aria-label",e)},Sn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PAUSED,s.MEDIA_ENDED]}connectedCallback(){super.connectedCallback(),pp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),(e===s.MEDIA_PAUSED||e===s.MEDIA_LANG)&&pp(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 c.CustomEvent(e,{composed:!0,bubbles:!0}))}};Sn.getSlotTemplateHTML=dg;Sn.getTooltipContentHTML=cg;c.customElements.get("media-play-button")||c.customElements.define("media-play-button",Sn);var gt={PLACEHOLDER_SRC:"placeholdersrc",SRC:"src"};function ug(i){return`
|
|
1357
1336
|
<style>
|
|
1358
1337
|
:host {
|
|
1359
1338
|
pointer-events: none;
|
|
@@ -1375,7 +1354,7 @@ bp-player[has-error] {
|
|
|
1375
1354
|
</style>
|
|
1376
1355
|
|
|
1377
1356
|
<img part="poster img" aria-hidden="true" id="image"/>
|
|
1378
|
-
`}var
|
|
1357
|
+
`}var hg=i=>{i.style.removeProperty("background-image")},pg=(i,e)=>{i.style["background-image"]=`url('${e}')`},kn=class extends c.HTMLElement{static get observedAttributes(){return[gt.PLACEHOLDER_SRC,gt.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===gt.SRC&&(r==null?this.image.removeAttribute(gt.SRC):this.image.setAttribute(gt.SRC,r)),e===gt.PLACEHOLDER_SRC&&(r==null?hg(this.image):pg(this.image,r))}get placeholderSrc(){return x(this,gt.PLACEHOLDER_SRC)}set placeholderSrc(e){P(this,gt.SRC,e)}get src(){return x(this,gt.SRC)}set src(e){P(this,gt.SRC,e)}};kn.shadowRootOptions={mode:"open"};kn.getTemplateHTML=ug;c.customElements.get("media-poster-image")||c.customElements.define("media-poster-image",kn);var mp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},mg=(i,e,t)=>(mp(i,e,"read from private field"),t?t.call(i):e.get(i)),vg=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},fg=(i,e,t,r)=>(mp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),fs,Md=class extends xe{constructor(){super(),vg(this,fs,void 0),fg(this,fs,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(mg(this,fs).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)}};fs=new WeakMap;c.customElements.get("media-preview-chapter-display")||c.customElements.define("media-preview-chapter-display",Md);var vp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},gs=(i,e,t)=>(vp(i,e,"read from private field"),t?t.call(i):e.get(i)),gg=(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)=>(vp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Et;function Eg(i){return`
|
|
1379
1358
|
<style>
|
|
1380
1359
|
:host {
|
|
1381
1360
|
box-sizing: border-box;
|
|
@@ -1389,27 +1368,27 @@ bp-player[has-error] {
|
|
|
1389
1368
|
}
|
|
1390
1369
|
</style>
|
|
1391
1370
|
<img crossorigin loading="eager" decoding="async">
|
|
1392
|
-
`}var Ur=class extends
|
|
1371
|
+
`}var Ur=class extends c.HTMLElement{constructor(){if(super(),gg(this,Et,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&&(Es(this,Et,(e=this.getRootNode())==null?void 0:e.getElementById(o)),(r=(t=gs(this,Et))==null?void 0:t.associateElement)==null||r.call(t,this))}disconnectedCallback(){var e,t;(t=(e=gs(this,Et))==null?void 0:e.unassociateElement)==null||t.call(e,this),Es(this,Et,null)}attributeChangedCallback(e,t,r){var o,n,a,l,d;[s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===U.MEDIA_CONTROLLER&&(t&&((n=(o=gs(this,Et))==null?void 0:o.unassociateElement)==null||n.call(o,this),Es(this,Et,null)),r&&this.isConnected&&(Es(this,Et,(a=this.getRootNode())==null?void 0:a.getElementById(r)),(d=(l=gs(this,Et))==null?void 0:l.associateElement)==null||d.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],d=getComputedStyle(this),{maxWidth:v,maxHeight:h,minWidth:p,minHeight:f}=d,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"),Ue=X(this.shadowRoot,"img").style,ot=this.shadowRoot.querySelector("img"),Mo=g?"min":"max";D.setProperty(`${Mo}-width`,"initial","important"),D.setProperty(`${Mo}-height`,"initial","important"),D.width=`${n*L}px`,D.height=`${a*L}px`;let cr=()=>{Ue.width=`${this.imgWidth*L}px`,Ue.height=`${this.imgHeight*L}px`,Ue.display="block"};ot.src!==l&&(ot.onload=()=>{this.imgWidth=ot.naturalWidth,this.imgHeight=ot.naturalHeight,cr()},ot.src=l,cr()),cr(),Ue.transform=`translate(-${r*L}px, -${o*L}px)`}};Et=new WeakMap;Ur.shadowRootOptions={mode:"open"};Ur.getTemplateHTML=Eg;c.customElements.get("media-preview-thumbnail")||c.customElements.define("media-preview-thumbnail",Ur);var bs=Ur;var gp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},fp=(i,e,t)=>(gp(i,e,"read from private field"),t?t.call(i):e.get(i)),bg=(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)},_g=(i,e,t,r)=>(gp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Ln,Rd=class extends xe{constructor(){super(),bg(this,Ln,void 0),_g(this,Ln,this.shadowRoot.querySelector("slot")),fp(this,Ln).textContent=Xe(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&&(fp(this,Ln).textContent=Xe(parseFloat(r)))}get mediaPreviewTime(){return H(this,s.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){B(this,s.MEDIA_PREVIEW_TIME,e)}};Ln=new WeakMap;c.customElements.get("media-preview-time-display")||c.customElements.define("media-preview-time-display",Rd);var Nr={SEEK_OFFSET:"seekoffset"},xd=30,yg=i=>`
|
|
1393
1372
|
<svg aria-hidden="true" viewBox="0 0 20 24">
|
|
1394
1373
|
<defs>
|
|
1395
1374
|
<style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style>
|
|
1396
1375
|
</defs>
|
|
1397
1376
|
<text class="text value" transform="translate(2.18 19.87)">${i}</text>
|
|
1398
1377
|
<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"/>
|
|
1399
|
-
</svg>`;function
|
|
1400
|
-
<slot name="icon">${
|
|
1401
|
-
`}function
|
|
1378
|
+
</svg>`;function Tg(i,e){return`
|
|
1379
|
+
<slot name="icon">${yg(e.seekOffset)}</slot>
|
|
1380
|
+
`}function Ag(){return E("Seek backward")}var Sg=0,wn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_CURRENT_TIME,Nr.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=H(this,Nr.SEEK_OFFSET,xd)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===Nr.SEEK_OFFSET&&(this.seekOffset=H(this,Nr.SEEK_OFFSET,xd))}get seekOffset(){return H(this,Nr.SEEK_OFFSET,xd)}set seekOffset(e){B(this,Nr.SEEK_OFFSET,e),this.setAttribute("aria-label",E("seek back {seekOffset} seconds",{seekOffset:this.seekOffset})),Ta(Aa(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return H(this,s.MEDIA_CURRENT_TIME,Sg)}set mediaCurrentTime(e){B(this,s.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new c.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};wn.getSlotTemplateHTML=Tg;wn.getTooltipContentHTML=Ag;c.customElements.get("media-seek-backward-button")||c.customElements.define("media-seek-backward-button",wn);var Hr={SEEK_OFFSET:"seekoffset"},Pd=30,kg=i=>`
|
|
1402
1381
|
<svg aria-hidden="true" viewBox="0 0 20 24">
|
|
1403
1382
|
<defs>
|
|
1404
1383
|
<style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style>
|
|
1405
1384
|
</defs>
|
|
1406
1385
|
<text class="text value" transform="translate(8.9 19.87)">${i}</text>
|
|
1407
1386
|
<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"/>
|
|
1408
|
-
</svg>`;function
|
|
1409
|
-
<slot name="icon">${
|
|
1410
|
-
`}function
|
|
1411
|
-
<slot>${
|
|
1412
|
-
`}var
|
|
1387
|
+
</svg>`;function Lg(i,e){return`
|
|
1388
|
+
<slot name="icon">${kg(e.seekOffset)}</slot>
|
|
1389
|
+
`}function wg(){return E("Seek forward")}var Cg=0,Cn=class extends F{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_CURRENT_TIME,Hr.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=H(this,Hr.SEEK_OFFSET,Pd)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===Hr.SEEK_OFFSET&&(this.seekOffset=H(this,Hr.SEEK_OFFSET,Pd))}get seekOffset(){return H(this,Hr.SEEK_OFFSET,Pd)}set seekOffset(e){B(this,Hr.SEEK_OFFSET,e),this.setAttribute("aria-label",E("seek forward {seekOffset} seconds",{seekOffset:this.seekOffset})),Ta(Aa(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return H(this,s.MEDIA_CURRENT_TIME,Cg)}set mediaCurrentTime(e){B(this,s.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new c.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};Cn.getSlotTemplateHTML=Lg;Cn.getTooltipContentHTML=wg;c.customElements.get("media-seek-forward-button")||c.customElements.define("media-seek-forward-button",Cn);var _p=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Dd=(i,e,t)=>(_p(i,e,"read from private field"),t?t.call(i):e.get(i)),Ig=(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)},Mg=(i,e,t,r)=>(_p(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),$r,Qi={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},Ep=[...Object.values(Qi),s.MEDIA_CURRENT_TIME,s.MEDIA_DURATION,s.MEDIA_SEEKABLE],bp=["Enter"," "],Rg=" / ",Od=(i,{timesSep:e=Rg}={})=>{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?Xe(0-(a-o)):Xe(o);return i.showDuration?`${l}${e}${Xe(a)}`:l},xg="video not loaded, unknown time.",Pg=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",xg);return}let n=i.remaining?Di(0-(o-t)):Di(t);if(!i.showDuration){i.setAttribute("aria-valuetext",n);return}let a=Di(o),l=`${n} of ${a}`;i.setAttribute("aria-valuetext",l)};function Dg(i,e){return`
|
|
1390
|
+
<slot>${Od(e)}</slot>
|
|
1391
|
+
`}var _s=class extends xe{constructor(){super(),Ig(this,$r,void 0),Mg(this,$r,this.shadowRoot.querySelector("slot")),Dd(this,$r).innerHTML=`${Od(this)}`}static get observedAttributes(){return[...super.observedAttributes,...Ep,"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(!bp.includes(o)){this.removeEventListener("keyup",t);return}this.toggleTimeDisplay()};this.addEventListener("keydown",r=>{let{metaKey:o,altKey:n,key:a}=r;if(o||n||!bp.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){Ep.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,Qi.REMAINING)}set remaining(e){I(this,Qi.REMAINING,e)}get showDuration(){return C(this,Qi.SHOW_DURATION)}set showDuration(e){I(this,Qi.SHOW_DURATION,e)}get noToggle(){return C(this,Qi.NO_TOGGLE)}set noToggle(e){I(this,Qi.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=Od(this);Pg(this),e!==Dd(this,$r).innerHTML&&(Dd(this,$r).innerHTML=e)}};$r=new WeakMap;_s.getSlotTemplateHTML=Dg;c.customElements.get("media-time-display")||c.customElements.define("media-time-display",_s);var yp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ee=(i,e,t)=>(yp(i,e,"read from private field"),t?t.call(i):e.get(i)),bt=(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)},Be=(i,e,t,r)=>(yp(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Og=(i,e,t,r)=>({set _(o){Be(i,e,o,t)},get _(){return Ee(i,e,r)}}),Br,ys,Vr,In,Ts,As,Ss,Wr,Zi,ks,Ls=class{constructor(e,t,r){bt(this,Br,void 0),bt(this,ys,void 0),bt(this,Vr,void 0),bt(this,In,void 0),bt(this,Ts,void 0),bt(this,As,void 0),bt(this,Ss,void 0),bt(this,Wr,void 0),bt(this,Zi,0),bt(this,ks,(o=performance.now())=>{Be(this,Zi,requestAnimationFrame(Ee(this,ks))),Be(this,In,performance.now()-Ee(this,Vr));let n=1e3/this.fps;if(Ee(this,In)>n){Be(this,Vr,o-Ee(this,In)%n);let a=1e3/((o-Ee(this,ys))/++Og(this,Ts)._),l=(o-Ee(this,As))/1e3/this.duration,d=Ee(this,Ss)+l*this.playbackRate;d-Ee(this,Br).valueAsNumber>0?Be(this,Wr,this.playbackRate/this.duration/a):(Be(this,Wr,.995*Ee(this,Wr)),d=Ee(this,Br).valueAsNumber+Ee(this,Wr)),this.callback(d)}}),Be(this,Br,e),this.callback=t,this.fps=r}start(){Ee(this,Zi)===0&&(Be(this,Vr,performance.now()),Be(this,ys,Ee(this,Vr)),Be(this,Ts,0),Ee(this,ks).call(this))}stop(){Ee(this,Zi)!==0&&(cancelAnimationFrame(Ee(this,Zi)),Be(this,Zi,0))}update({start:e,duration:t,playbackRate:r}){let o=e-Ee(this,Br).valueAsNumber,n=Math.abs(t-this.duration);(o>0||o<-.03||n>=.5)&&this.callback(e),Be(this,Ss,e),Be(this,As,performance.now()),this.duration=t,this.playbackRate=r}};Br=new WeakMap;ys=new WeakMap;Vr=new WeakMap;In=new WeakMap;Ts=new WeakMap;As=new WeakMap;Ss=new WeakMap;Wr=new WeakMap;Zi=new WeakMap;ks=new WeakMap;var $d=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ae=(i,e,t)=>($d(i,e,"read from private field"),t?t.call(i):e.get(i)),me=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},qe=(i,e,t,r)=>($d(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ye=(i,e,t)=>($d(i,e,"access private method"),t),Fr,Xi,Is,Rn,Ms,Cs,xn,Pn,Kr,qr,Gr,Mn,Bd,Tp,Ud,Rs,Vd,xs,Wd,Ps,Fd,Nd,Ap,Dn,Ds,Hd,Sp,Ug="video not loaded, unknown time.",Ng=i=>{let e=i.range,t=Di(+kp(i)),r=Di(+i.mediaSeekableEnd),o=t&&r?`${t} of ${r}`:Ug;e.setAttribute("aria-valuetext",o)};function Hg(i){return`
|
|
1413
1392
|
<style>
|
|
1414
1393
|
:host {
|
|
1415
1394
|
--media-box-border-radius: 4px;
|
|
@@ -1612,8 +1591,8 @@ bp-player[has-error] {
|
|
|
1612
1591
|
<div id="preview-rail">
|
|
1613
1592
|
<slot name="preview" part="box preview-box">
|
|
1614
1593
|
<media-preview-thumbnail>
|
|
1615
|
-
<template shadowrootmode="${
|
|
1616
|
-
${
|
|
1594
|
+
<template shadowrootmode="${bs.shadowRootOptions.mode}">
|
|
1595
|
+
${bs.getTemplateHTML({})}
|
|
1617
1596
|
</template>
|
|
1618
1597
|
</media-preview-thumbnail>
|
|
1619
1598
|
<media-preview-chapter-display></media-preview-chapter-display>
|
|
@@ -1626,7 +1605,7 @@ bp-player[has-error] {
|
|
|
1626
1605
|
|
|
1627
1606
|
</slot>
|
|
1628
1607
|
</div>
|
|
1629
|
-
`}var
|
|
1608
|
+
`}var ws=(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))},kp=(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},On=class extends pt{constructor(){super(),me(this,Gr),me(this,Bd),me(this,Rs),me(this,xs),me(this,Ps),me(this,Nd),me(this,Dn),me(this,Hd),me(this,Fr,void 0),me(this,Xi,void 0),me(this,Is,void 0),me(this,Rn,void 0),me(this,Ms,void 0),me(this,Cs,void 0),me(this,xn,void 0),me(this,Pn,void 0),me(this,Kr,void 0),me(this,qr,void 0),me(this,Ud,r=>{this.dragging||(Er(r)&&(this.range.valueAsNumber=r),ae(this,qr)||this.updateBar())}),this.shadowRoot.querySelector("#track").insertAdjacentHTML("afterbegin",'<div id="buffered" part="buffered"></div>'),qe(this,Is,this.shadowRoot.querySelectorAll('[part~="box"]')),qe(this,Ms,this.shadowRoot.querySelector('[part~="preview-box"]')),qe(this,Cs,this.shadowRoot.querySelector('[part~="current-box"]'));let t=getComputedStyle(this);qe(this,xn,parseInt(t.getPropertyValue("--media-box-padding-left"))),qe(this,Pn,parseInt(t.getPropertyValue("--media-box-padding-right"))),qe(this,Xi,new Ls(this.range,ae(this,Ud),60))}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PAUSED,s.MEDIA_DURATION,s.MEDIA_SEEKABLE,s.MEDIA_CURRENT_TIME,s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_TIME,s.MEDIA_PREVIEW_CHAPTER,s.MEDIA_BUFFERED,s.MEDIA_PLAYBACK_RATE,s.MEDIA_LOADING,s.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute("aria-label",E("seek")),ye(this,Gr,Mn).call(this),qe(this,Fr,this.getRootNode()),(e=ae(this,Fr))==null||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),ye(this,Gr,Mn).call(this),(e=ae(this,Fr))==null||e.removeEventListener("transitionstart",this),qe(this,Fr,null)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),t!=r&&(e===s.MEDIA_CURRENT_TIME||e===s.MEDIA_PAUSED||e===s.MEDIA_ENDED||e===s.MEDIA_LOADING||e===s.MEDIA_DURATION||e===s.MEDIA_SEEKABLE?(ae(this,Xi).update({start:ws(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),ye(this,Gr,Mn).call(this),Ng(this)):e===s.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===s.MEDIA_DURATION||e===s.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=ae(this,Kr),this.updateBar()))}get mediaChaptersCues(){return ae(this,Kr)}set mediaChaptersCues(e){var t;qe(this,Kr,e),this.updateSegments((t=ae(this,Kr))==null?void 0:t.map(r=>({start:ws(this,r.startTime),end:ws(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,d])=>l<=n&&n<=d))!=null?e:[];r=ws(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,Rs,Vd).call(this,ae(this,Cs)),n=ye(this,xs,Wd).call(this,o,this.range.valueAsNumber),a=ye(this,Ps,Fd).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,Hd,Sp).call(this);break;case"pointermove":ye(this,Nd,Ap).call(this,e);break;case"pointerup":ae(this,qr)&&qe(this,qr,!1);break;case"pointerdown":qe(this,qr,!0);break;case"pointerleave":ye(this,Dn,Ds).call(this,null);break;case"transitionstart":Ae(e.target,this)&&setTimeout(()=>ye(this,Gr,Mn).call(this),0);break}}};Fr=new WeakMap;Xi=new WeakMap;Is=new WeakMap;Rn=new WeakMap;Ms=new WeakMap;Cs=new WeakMap;xn=new WeakMap;Pn=new WeakMap;Kr=new WeakMap;qr=new WeakMap;Gr=new WeakSet;Mn=function(){ye(this,Bd,Tp).call(this)?ae(this,Xi).start():ae(this,Xi).stop()};Bd=new WeakSet;Tp=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&Sa(this)};Ud=new WeakMap;Rs=new WeakSet;Vd=function(i){var e;let r=((e=this.getAttribute("bounds")?at(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}};xs=new WeakSet;Wd=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};Ps=new WeakSet;Fd=function(i,e){let{width:t,min:r,max:o}=i.box,n=e*i.range.width;if(n<r+ae(this,xn)){let a=i.range.left-i.bounds.left-ae(this,xn);return`${n-t/2+a}px`}if(n>o-ae(this,Pn)){let a=i.bounds.right-i.range.right-ae(this,Pn);return`${n+t/2-a-i.range.width}px`}return 0};Nd=new WeakSet;Ap=function(i){let e=[...ae(this,Is)].some(h=>i.composedPath().includes(h));if(!this.dragging&&(e||!i.composedPath().includes(this))){ye(this,Dn,Ds).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,Rs,Vd).call(this,ae(this,Ms)),a=(i.clientX-n.range.left)/n.range.width;a=Math.max(0,Math.min(1,a));let l=ye(this,xs,Wd).call(this,n,a),d=ye(this,Ps,Fd).call(this,n,a);r.style.transform=`translateX(${l})`,r.style.setProperty("--_range-width",`${n.range.width}`),o.style.setProperty("--_box-shift",`${d}`),o.style.setProperty("--_box-width",`${n.box.width}px`);let v=Math.round(ae(this,Rn))-Math.round(a*t);Math.abs(v)<1&&a>.01&&a<.99||(qe(this,Rn,a*t),ye(this,Dn,Ds).call(this,ae(this,Rn)))};Dn=new WeakSet;Ds=function(i){this.dispatchEvent(new c.CustomEvent(b.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:i}))};Hd=new WeakSet;Sp=function(){ae(this,Xi).stop();let i=kp(this);this.dispatchEvent(new c.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:i}))};On.shadowRootOptions={mode:"open"};On.getContainerTemplateHTML=Hg;c.customElements.get("media-time-range")||c.customElements.define("media-time-range",On);var $g=1,Bg=i=>i.mediaMuted?0:i.mediaVolume,Vg=i=>`${Math.round(i*100)}%`,Kd=class extends pt{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 c.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=Bg(this),this.range.setAttribute("aria-valuetext",Vg(this.range.valueAsNumber)),this.updateBar())}get mediaVolume(){return H(this,s.MEDIA_VOLUME,$g)}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)}};c.customElements.get("media-volume-range")||c.customElements.define("media-volume-range",Kd);function Wg(i){return`
|
|
1630
1609
|
<style>
|
|
1631
1610
|
:host {
|
|
1632
1611
|
min-width: 4ch;
|
|
@@ -1655,7 +1634,7 @@ bp-player[has-error] {
|
|
|
1655
1634
|
<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"/>
|
|
1656
1635
|
</svg>
|
|
1657
1636
|
</div>
|
|
1658
|
-
`}function
|
|
1637
|
+
`}function Fg(){return E("Loop")}var Un=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 c.CustomEvent(b.MEDIA_LOOP_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};Un.getSlotTemplateHTML=Wg;Un.getTooltipContentHTML=Fg;c.customElements.get("media-loop-button")||c.customElements.define("media-loop-button",Un);function Lp({anchor:i,floating:e,placement:t}){let r=Kg({anchor:i,floating:e}),{x:o,y:n}=Gg(r,t);return{x:o,y:n}}function Kg({anchor:i,floating:e}){return{anchor:qg(i,e.offsetParent),floating:{x:0,y:0,width:e.offsetWidth,height:e.offsetHeight}}}function qg(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 Gg({anchor:i,floating:e},t){let r=zg(t)==="x"?"y":"x",o=r==="y"?"height":"width",n=wp(t),a=i.x+i.width/2-e.width/2,l=i.y+i.height/2-e.height/2,d=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]-=d;break;case"end":v[r]+=d;break}return v}function wp(i){return i.split("-")[0]}function zg(i){return["top","bottom"].includes(wp(i))?"y":"x"}var oi=class extends Event{constructor({action:e="auto",relatedTarget:t,...r}){super("invoke",r),this.action=e,this.relatedTarget=t}},Os=class extends Event{constructor({newState:e,oldState:t,...r}){super("toggle",r),this.newState=e,this.oldState=t}};var ic=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},q=(i,e,t)=>(ic(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)},_t=(i,e,t,r)=>(ic(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Q=(i,e,t)=>(ic(i,e,"access private method"),t),yt,ji,ni,Us,Ns,er,$n,qd,Cp,Bs,rc,Vs,Hs,Gd,zd,Ip,Yd,Mp,Qd,Rp,zr,Yr,Qr,Bn,Ws,oc,Zd,xp,nc,Pp,Xd,Dp,ac,Op,Jd,Up,jd,Np,Nn,Fs,ec,Hp,Hn,Ks,$s,tc;function Tt({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 et(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 Yg(i){return`
|
|
1659
1638
|
<style>
|
|
1660
1639
|
:host {
|
|
1661
1640
|
font: var(--media-font,
|
|
@@ -1830,7 +1809,7 @@ bp-player[has-error] {
|
|
|
1830
1809
|
<slot></slot>
|
|
1831
1810
|
</div>
|
|
1832
1811
|
<slot name="checked-indicator" hidden></slot>
|
|
1833
|
-
`}var Ji={STYLE:"style",HIDDEN:"hidden",DISABLED:"disabled",ANCHOR:"anchor"},le=class extends d.HTMLElement{constructor(){if(super(),Q(this,Wd),Q(this,Us),Q(this,Ds),Q(this,Kd),Q(this,qd),Q(this,Gd),Q(this,Qr),Q(this,$s),Q(this,zd),Q(this,ic),Q(this,Yd),Q(this,rc),Q(this,Qd),Q(this,Zd),Q(this,Un),Q(this,Xd),Q(this,Nn),Q(this,Os),Q(this,Tt,null),Q(this,ji,null),Q(this,oi,null),Q(this,xs,new Set),Q(this,Ps,void 0),Q(this,er,!1),Q(this,$n,null),Q(this,Ns,()=>{let e=q(this,xs),t=new Set(this.items);for(let r of e)t.has(r)||this.dispatchEvent(new CustomEvent("removemenuitem",{detail:r}));for(let r of t)e.has(r)||this.dispatchEvent(new CustomEvent("addmenuitem",{detail:r}));yt(this,xs,t)}),Q(this,zr,()=>{Z(this,Qr,Hn).call(this),Z(this,$s,tc).call(this,!1)}),Q(this,Yr,()=>{Z(this,Qr,Hn).call(this)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=j(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.container=this.shadowRoot.querySelector("#container"),this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.shadowRoot.addEventListener("slotchange",this),yt(this,Ps,new MutationObserver(q(this,Ns))),q(this,Ps).observe(this.defaultSlot,{childList:!0})}static get observedAttributes(){return[Ji.DISABLED,Ji.HIDDEN,Ji.STYLE,Ji.ANCHOR,N.MEDIA_CONTROLLER]}static formatMenuItemText(e,t){return e}enable(){this.addEventListener("click",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this),this.addEventListener("invoke",this),this.addEventListener("toggle",this)}disable(){this.removeEventListener("click",this),this.removeEventListener("focusout",this),this.removeEventListener("keyup",this),this.removeEventListener("invoke",this),this.removeEventListener("toggle",this)}handleEvent(e){switch(e.type){case"slotchange":Z(this,Wd,kp).call(this,e);break;case"invoke":Z(this,Kd,Lp).call(this,e);break;case"click":Z(this,zd,Cp).call(this,e);break;case"toggle":Z(this,Yd,Rp).call(this,e);break;case"focusout":Z(this,Qd,Pp).call(this,e);break;case"keydown":Z(this,Zd,Dp).call(this,e);break}}connectedCallback(){var e,t;yt(this,$n,Zo(this.shadowRoot,":host")),Z(this,Ds,Fd).call(this),this.hasAttribute("disabled")||this.enable(),this.role||(this.role="menu"),yt(this,Tt,ga(this)),(t=(e=q(this,Tt))==null?void 0:e.associateElement)==null||t.call(e,this),this.hidden||(Pt(Bn(this),q(this,zr)),Pt(this,q(this,Yr))),Z(this,Us,ec).call(this)}disconnectedCallback(){var e,t;Dt(Bn(this),q(this,zr)),Dt(this,q(this,Yr)),this.disable(),(t=(e=q(this,Tt))==null?void 0:e.unassociateElement)==null||t.call(e,this),yt(this,Tt,null)}attributeChangedCallback(e,t,r){var o,n,a,l;e===Ji.HIDDEN&&r!==t?(q(this,er)||yt(this,er,!0),this.hidden?Z(this,Gd,Ip).call(this):Z(this,qd,wp).call(this),this.dispatchEvent(new Rs({oldState:this.hidden?"open":"closed",newState:this.hidden?"closed":"open",bubbles:!0}))):e===N.MEDIA_CONTROLLER?(t&&((n=(o=q(this,Tt))==null?void 0:o.unassociateElement)==null||n.call(o,this),yt(this,Tt,null)),r&&this.isConnected&&(yt(this,Tt,ga(this)),(l=(a=q(this,Tt))==null?void 0:a.associateElement)==null||l.call(a,this))):e===Ji.DISABLED&&r!==t?r==null?this.enable():this.disable():e===Ji.STYLE&&r!==t&&Z(this,Ds,Fd).call(this)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}get anchor(){return this.getAttribute("anchor")}set anchor(e){this.setAttribute("anchor",`${e}`)}get anchorElement(){var e;return this.anchor?(e=Oi(this))==null?void 0:e.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:!0}).filter(qg)}get radioGroupItems(){return this.items.filter(e=>e.role==="menuitemradio")}get checkedItems(){return this.items.filter(e=>e.checked)}get value(){var e,t;return(t=(e=this.checkedItems[0])==null?void 0:e.value)!=null?t:""}set value(e){let t=this.items.find(r=>r.value===e);t&&Z(this,Os,Jd).call(this,t)}focus(){if(yt(this,ji,Qo()),this.items.length){Z(this,Nn,Bs).call(this,this.items[0]),this.items[0].focus();return}let e=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');e==null||e.focus()}handleSelect(e){var t;let r=Z(this,Un,Hs).call(this,e);r&&(Z(this,Os,Jd).call(this,r,r.type==="checkbox"),q(this,oi)&&!this.hidden&&((t=q(this,ji))==null||t.focus(),this.hidden=!0))}get keysUsed(){return["Enter","Escape","Tab"," ","ArrowDown","ArrowUp","Home","End"]}handleMove(e){var t,r;let{key:o}=e,n=this.items,a=(r=(t=Z(this,Un,Hs).call(this,e))!=null?t:Z(this,Xd,Op).call(this))!=null?r:n[0],l=n.indexOf(a),c=Math.max(0,l);o==="ArrowDown"?c++:o==="ArrowUp"?c--:e.key==="Home"?c=0:e.key==="End"&&(c=n.length-1),c<0&&(c=n.length-1),c>n.length-1&&(c=0),Z(this,Nn,Bs).call(this,n[c]),n[c].focus()}};Tt=new WeakMap;ji=new WeakMap;oi=new WeakMap;xs=new WeakMap;Ps=new WeakMap;er=new WeakMap;$n=new WeakMap;Wd=new WeakSet;kp=function(i){let e=i.target;for(let t of e.assignedNodes({flatten:!0}))t.nodeType===3&&t.textContent.trim()===""&&t.remove();["header","title"].includes(e.name)&&Z(this,Us,ec).call(this),e.name||q(this,Ns).call(this)};Us=new WeakSet;ec=function(){let i=this.shadowRoot.querySelector('slot[name="header"]'),e=this.shadowRoot.querySelector('slot[name="title"]');i.hidden=e.assignedNodes().length===0&&i.assignedNodes().length===0};Ns=new WeakMap;Ds=new WeakSet;Fd=function(){var i;let e=this.shadowRoot.querySelector("#layout-row"),t=(i=getComputedStyle(this).getPropertyValue("--media-menu-layout"))==null?void 0:i.trim();e.setAttribute("media",t==="row"?"":"width:0")};Kd=new WeakSet;Lp=function(i){yt(this,oi,i.relatedTarget),Ae(this,i.relatedTarget)||(this.hidden=!this.hidden)};qd=new WeakSet;wp=function(){var i;(i=q(this,oi))==null||i.setAttribute("aria-expanded","true"),this.addEventListener("transitionend",()=>this.focus(),{once:!0}),Pt(Bn(this),q(this,zr)),Pt(this,q(this,Yr))};Gd=new WeakSet;Ip=function(){var i;(i=q(this,oi))==null||i.setAttribute("aria-expanded","false"),Dt(Bn(this),q(this,zr)),Dt(this,q(this,Yr))};zr=new WeakMap;Yr=new WeakMap;Qr=new WeakSet;Hn=function(i){if(this.hasAttribute("mediacontroller")&&!this.anchor||this.hidden||!this.anchorElement)return;let{x:e,y:t}=Ap({anchor:this.anchorElement,floating:this,placement:"top-start"});i??(i=this.offsetWidth);let o=Bn(this).getBoundingClientRect(),n=o.width-e-i,a=o.height-t-this.offsetHeight,{style:l}=q(this,$n);l.setProperty("position","absolute"),l.setProperty("right",`${Math.max(0,n)}px`),l.setProperty("--_menu-bottom",`${a}px`);let c=getComputedStyle(this),h=l.getPropertyValue("--_menu-bottom")===c.bottom?a:parseFloat(c.bottom),v=o.height-h-parseFloat(c.marginBottom);this.style.setProperty("--_menu-max-height",`${v}px`)};$s=new WeakSet;tc=function(i){let e=this.querySelector('[role="menuitem"][aria-haspopup][aria-expanded="true"]'),t=e==null?void 0:e.querySelector('[role="menu"]'),{style:r}=q(this,$n);if(i||r.setProperty("--media-menu-transition-in","none"),t){let o=t.offsetHeight,n=Math.max(t.offsetWidth,e.offsetWidth);this.style.setProperty("min-width",`${n}px`),this.style.setProperty("min-height",`${o}px`),Z(this,Qr,Hn).call(this,n)}else this.style.removeProperty("min-width"),this.style.removeProperty("min-height"),Z(this,Qr,Hn).call(this);r.removeProperty("--media-menu-transition-in")};zd=new WeakSet;Cp=function(i){var e;if(i.stopPropagation(),i.composedPath().includes(q(this,ic,Mp))){(e=q(this,ji))==null||e.focus(),this.hidden=!0;return}let t=Z(this,Un,Hs).call(this,i);!t||t.hasAttribute("disabled")||(Z(this,Nn,Bs).call(this,t),this.handleSelect(i))};ic=new WeakSet;Mp=function(){var i;return(i=this.shadowRoot.querySelector('slot[name="header"]').assignedElements({flatten:!0}))==null?void 0:i.find(t=>t.matches('button[part~="back"]'))};Yd=new WeakSet;Rp=function(i){if(i.target===this)return;Z(this,rc,xp).call(this);let e=Array.from(this.querySelectorAll('[role="menuitem"][aria-haspopup]'));for(let t of e)t.invokeTargetElement!=i.target&&i.newState=="open"&&t.getAttribute("aria-expanded")=="true"&&!t.invokeTargetElement.hidden&&t.invokeTargetElement.dispatchEvent(new ri({relatedTarget:t}));for(let t of e)t.setAttribute("aria-expanded",`${!t.submenuElement.hidden}`);Z(this,$s,tc).call(this,!0)};rc=new WeakSet;xp=function(){let e=this.querySelector('[role="menuitem"] > [role="menu"]:not([hidden])');this.container.classList.toggle("has-expanded",!!e)};Qd=new WeakSet;Pp=function(i){var e;Ae(this,i.relatedTarget)||(q(this,er)&&((e=q(this,ji))==null||e.focus()),q(this,oi)&&q(this,oi)!==i.relatedTarget&&!this.hidden&&(this.hidden=!0))};Zd=new WeakSet;Dp=function(i){var e,t,r,o,n;let{key:a,ctrlKey:l,altKey:c,metaKey:p}=i;if(!(l||c||p)&&this.keysUsed.includes(a))if(i.preventDefault(),i.stopPropagation(),a==="Tab"){if(q(this,er)){this.hidden=!0;return}i.shiftKey?(t=(e=this.previousElementSibling)==null?void 0:e.focus)==null||t.call(e):(o=(r=this.nextElementSibling)==null?void 0:r.focus)==null||o.call(r),this.blur()}else a==="Escape"?((n=q(this,ji))==null||n.focus(),q(this,er)&&(this.hidden=!0)):a==="Enter"||a===" "?this.handleSelect(i):this.handleMove(i)};Un=new WeakSet;Hs=function(i){return i.composedPath().find(e=>["menuitemradio","menuitemcheckbox"].includes(e.role))};Xd=new WeakSet;Op=function(){return this.items.find(i=>i.tabIndex===0)};Nn=new WeakSet;Bs=function(i){for(let e of this.items)e.tabIndex=e===i?0:-1};Os=new WeakSet;Jd=function(i,e){let t=[...this.checkedItems];i.type==="radio"&&this.radioGroupItems.forEach(r=>r.checked=!1),e?i.checked=!i.checked:i.checked=!0,this.checkedItems.some((r,o)=>r!=t[o])&&this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};le.shadowRootOptions={mode:"open"};le.getTemplateHTML=Kg;function qg(i){return["menuitem","menuitemradio","menuitemcheckbox"].includes(i==null?void 0:i.role)}function Bn(i){var e;return(e=i.getAttribute("bounds")?st(i,`#${i.getAttribute("bounds")}`):X(i)||i.parentElement)!=null?e:i}d.customElements.get("media-chrome-menu")||d.customElements.define("media-chrome-menu",le);var dc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},St=(i,e,t)=>(dc(i,e,"read from private field"),t?t.call(i):e.get(i)),$t=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},oc=(i,e,t,r)=>(dc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),it=(i,e,t)=>(dc(i,e,"access private method"),t),Vs,Wn,nc,Up,Fs,cc,uc,Np,kt,Zr,Fn,ac,$p,Ws,sc;function Gg(i){return`
|
|
1812
|
+
`}var Ji={STYLE:"style",HIDDEN:"hidden",DISABLED:"disabled",ANCHOR:"anchor"},se=class extends c.HTMLElement{constructor(){if(super(),Y(this,qd),Y(this,Bs),Y(this,Hs),Y(this,zd),Y(this,Yd),Y(this,Qd),Y(this,Qr),Y(this,Ws),Y(this,Zd),Y(this,nc),Y(this,Xd),Y(this,ac),Y(this,Jd),Y(this,jd),Y(this,Nn),Y(this,ec),Y(this,Hn),Y(this,$s),Y(this,yt,null),Y(this,ji,null),Y(this,ni,null),Y(this,Us,new Set),Y(this,Ns,void 0),Y(this,er,!1),Y(this,$n,null),Y(this,Vs,()=>{let e=q(this,Us),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}));_t(this,Us,t)}),Y(this,zr,()=>{Q(this,Qr,Bn).call(this),Q(this,Ws,oc).call(this,!1)}),Y(this,Yr,()=>{Q(this,Qr,Bn).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),_t(this,Ns,new MutationObserver(q(this,Vs))),q(this,Ns).observe(this.defaultSlot,{childList:!0})}static get observedAttributes(){return[Ji.DISABLED,Ji.HIDDEN,Ji.STYLE,Ji.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,qd,Cp).call(this,e);break;case"invoke":Q(this,zd,Ip).call(this,e);break;case"click":Q(this,Zd,xp).call(this,e);break;case"toggle":Q(this,Xd,Dp).call(this,e);break;case"focusout":Q(this,Jd,Up).call(this,e);break;case"keydown":Q(this,jd,Np).call(this,e);break}}connectedCallback(){var e,t;_t(this,$n,Xo(this.shadowRoot,":host")),Q(this,Hs,Gd).call(this),this.hasAttribute("disabled")||this.enable(),this.role||(this.role="menu"),_t(this,yt,ya(this)),(t=(e=q(this,yt))==null?void 0:e.associateElement)==null||t.call(e,this),this.hidden||(xt(Vn(this),q(this,zr)),xt(this,q(this,Yr))),Q(this,Bs,rc).call(this)}disconnectedCallback(){var e,t;Pt(Vn(this),q(this,zr)),Pt(this,q(this,Yr)),this.disable(),(t=(e=q(this,yt))==null?void 0:e.unassociateElement)==null||t.call(e,this),_t(this,yt,null)}attributeChangedCallback(e,t,r){var o,n,a,l;e===Ji.HIDDEN&&r!==t?(q(this,er)||_t(this,er,!0),this.hidden?Q(this,Qd,Rp).call(this):Q(this,Yd,Mp).call(this),this.dispatchEvent(new Os({oldState:this.hidden?"open":"closed",newState:this.hidden?"closed":"open",bubbles:!0}))):e===U.MEDIA_CONTROLLER?(t&&((n=(o=q(this,yt))==null?void 0:o.unassociateElement)==null||n.call(o,this),_t(this,yt,null)),r&&this.isConnected&&(_t(this,yt,ya(this)),(l=(a=q(this,yt))==null?void 0:a.associateElement)==null||l.call(a,this))):e===Ji.DISABLED&&r!==t?r==null?this.enable():this.disable():e===Ji.STYLE&&r!==t&&Q(this,Hs,Gd).call(this)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}get anchor(){return this.getAttribute("anchor")}set anchor(e){this.setAttribute("anchor",`${e}`)}get anchorElement(){var e;return this.anchor?(e=Oi(this))==null?void 0:e.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:!0}).filter(Qg)}get radioGroupItems(){return this.items.filter(e=>e.role==="menuitemradio")}get checkedItems(){return this.items.filter(e=>e.checked)}get value(){var e,t;return(t=(e=this.checkedItems[0])==null?void 0:e.value)!=null?t:""}set value(e){let t=this.items.find(r=>r.value===e);t&&Q(this,$s,tc).call(this,t)}focus(){if(_t(this,ji,Zo()),this.items.length){Q(this,Hn,Ks).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,Nn,Fs).call(this,e);r&&(Q(this,$s,tc).call(this,r,r.type==="checkbox"),q(this,ni)&&!this.hidden&&((t=q(this,ji))==null||t.focus(),this.hidden=!0))}get keysUsed(){return["Enter","Escape","Tab"," ","ArrowDown","ArrowUp","Home","End"]}handleMove(e){var t,r;let{key:o}=e,n=this.items,a=(r=(t=Q(this,Nn,Fs).call(this,e))!=null?t:Q(this,ec,Hp).call(this))!=null?r:n[0],l=n.indexOf(a),d=Math.max(0,l);o==="ArrowDown"?d++:o==="ArrowUp"?d--:e.key==="Home"?d=0:e.key==="End"&&(d=n.length-1),d<0&&(d=n.length-1),d>n.length-1&&(d=0),Q(this,Hn,Ks).call(this,n[d]),n[d].focus()}};yt=new WeakMap;ji=new WeakMap;ni=new WeakMap;Us=new WeakMap;Ns=new WeakMap;er=new WeakMap;$n=new WeakMap;qd=new WeakSet;Cp=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,Bs,rc).call(this),e.name||q(this,Vs).call(this)};Bs=new WeakSet;rc=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};Vs=new WeakMap;Hs=new WeakSet;Gd=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")};zd=new WeakSet;Ip=function(i){_t(this,ni,i.relatedTarget),Ae(this,i.relatedTarget)||(this.hidden=!this.hidden)};Yd=new WeakSet;Mp=function(){var i;(i=q(this,ni))==null||i.setAttribute("aria-expanded","true"),this.addEventListener("transitionend",()=>this.focus(),{once:!0}),xt(Vn(this),q(this,zr)),xt(this,q(this,Yr))};Qd=new WeakSet;Rp=function(){var i;(i=q(this,ni))==null||i.setAttribute("aria-expanded","false"),Pt(Vn(this),q(this,zr)),Pt(this,q(this,Yr))};zr=new WeakMap;Yr=new WeakMap;Qr=new WeakSet;Bn=function(i){if(this.hasAttribute("mediacontroller")&&!this.anchor||this.hidden||!this.anchorElement)return;let{x:e,y:t}=Lp({anchor:this.anchorElement,floating:this,placement:"top-start"});i??(i=this.offsetWidth);let o=Vn(this).getBoundingClientRect(),n=o.width-e-i,a=o.height-t-this.offsetHeight,{style:l}=q(this,$n);l.setProperty("position","absolute"),l.setProperty("right",`${Math.max(0,n)}px`),l.setProperty("--_menu-bottom",`${a}px`);let d=getComputedStyle(this),h=l.getPropertyValue("--_menu-bottom")===d.bottom?a:parseFloat(d.bottom),p=o.height-h-parseFloat(d.marginBottom);this.style.setProperty("--_menu-max-height",`${p}px`)};Ws=new WeakSet;oc=function(i){let e=this.querySelector('[role="menuitem"][aria-haspopup][aria-expanded="true"]'),t=e==null?void 0:e.querySelector('[role="menu"]'),{style:r}=q(this,$n);if(i||r.setProperty("--media-menu-transition-in","none"),t){let o=t.offsetHeight,n=Math.max(t.offsetWidth,e.offsetWidth);this.style.setProperty("min-width",`${n}px`),this.style.setProperty("min-height",`${o}px`),Q(this,Qr,Bn).call(this,n)}else this.style.removeProperty("min-width"),this.style.removeProperty("min-height"),Q(this,Qr,Bn).call(this);r.removeProperty("--media-menu-transition-in")};Zd=new WeakSet;xp=function(i){var e;if(i.stopPropagation(),i.composedPath().includes(q(this,nc,Pp))){(e=q(this,ji))==null||e.focus(),this.hidden=!0;return}let t=Q(this,Nn,Fs).call(this,i);!t||t.hasAttribute("disabled")||(Q(this,Hn,Ks).call(this,t),this.handleSelect(i))};nc=new WeakSet;Pp=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"]'))};Xd=new WeakSet;Dp=function(i){if(i.target===this)return;Q(this,ac,Op).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 oi({relatedTarget:t}));for(let t of e)t.setAttribute("aria-expanded",`${!t.submenuElement.hidden}`);Q(this,Ws,oc).call(this,!0)};ac=new WeakSet;Op=function(){let e=this.querySelector('[role="menuitem"] > [role="menu"]:not([hidden])');this.container.classList.toggle("has-expanded",!!e)};Jd=new WeakSet;Up=function(i){var e;Ae(this,i.relatedTarget)||(q(this,er)&&((e=q(this,ji))==null||e.focus()),q(this,ni)&&q(this,ni)!==i.relatedTarget&&!this.hidden&&(this.hidden=!0))};jd=new WeakSet;Np=function(i){var e,t,r,o,n;let{key:a,ctrlKey:l,altKey:d,metaKey:v}=i;if(!(l||d||v)&&this.keysUsed.includes(a))if(i.preventDefault(),i.stopPropagation(),a==="Tab"){if(q(this,er)){this.hidden=!0;return}i.shiftKey?(t=(e=this.previousElementSibling)==null?void 0:e.focus)==null||t.call(e):(o=(r=this.nextElementSibling)==null?void 0:r.focus)==null||o.call(r),this.blur()}else a==="Escape"?((n=q(this,ji))==null||n.focus(),q(this,er)&&(this.hidden=!0)):a==="Enter"||a===" "?this.handleSelect(i):this.handleMove(i)};Nn=new WeakSet;Fs=function(i){return i.composedPath().find(e=>["menuitemradio","menuitemcheckbox"].includes(e.role))};ec=new WeakSet;Hp=function(){return this.items.find(i=>i.tabIndex===0)};Hn=new WeakSet;Ks=function(i){for(let e of this.items)e.tabIndex=e===i?0:-1};$s=new WeakSet;tc=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=Yg;function Qg(i){return["menuitem","menuitemradio","menuitemcheckbox"].includes(i==null?void 0:i.role)}function Vn(i){var e;return(e=i.getAttribute("bounds")?at(i,`#${i.getAttribute("bounds")}`):Z(i)||i.parentElement)!=null?e:i}c.customElements.get("media-chrome-menu")||c.customElements.define("media-chrome-menu",se);var hc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},At=(i,e,t)=>(hc(i,e,"read from private field"),t?t.call(i):e.get(i)),Nt=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},sc=(i,e,t,r)=>(hc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),tt=(i,e,t)=>(hc(i,e,"access private method"),t),qs,Fn,lc,$p,zs,pc,mc,Bp,St,Zr,Kn,dc,Vp,Gs,cc;function Zg(i){return`
|
|
1834
1813
|
<style>
|
|
1835
1814
|
:host {
|
|
1836
1815
|
transition: var(--media-menu-item-transition,
|
|
@@ -1948,8 +1927,8 @@ bp-player[has-error] {
|
|
|
1948
1927
|
${this.getSuffixSlotInnerHTML(i)}
|
|
1949
1928
|
</slot>
|
|
1950
1929
|
<slot name="submenu"></slot>
|
|
1951
|
-
`}function
|
|
1952
|
-
${
|
|
1930
|
+
`}function Xg(i){return""}var Ge={TYPE:"type",VALUE:"value",CHECKED:"checked",DISABLED:"disabled"},Ve=class extends c.HTMLElement{constructor(){if(super(),Nt(this,lc),Nt(this,zs),Nt(this,mc),Nt(this,Zr),Nt(this,dc),Nt(this,Gs),Nt(this,qs,!1),Nt(this,Fn,void 0),Nt(this,St,()=>{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[Ge.TYPE,Ge.DISABLED,Ge.CHECKED,Ge.VALUE]}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),Wn(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":tt(this,lc,$p).call(this,e);break;case"click":this.handleClick(e);break;case"keydown":tt(this,dc,Vp).call(this,e);break;case"keyup":tt(this,Zr,Kn).call(this,e);break}}attributeChangedCallback(e,t,r){e===Ge.CHECKED&&Wn(this)&&!At(this,qs)?this.setAttribute("aria-checked",r!=null?"true":"false"):e===Ge.TYPE&&r!==t?this.role="menuitem"+r:e===Ge.DISABLED&&r!==t&&(r==null?this.enable():this.disable())}connectedCallback(){this.hasAttribute(Ge.DISABLED)||this.enable(),this.role="menuitem"+this.type,sc(this,Fn,uc(this,this.parentNode)),tt(this,Gs,cc).call(this),this.submenuElement&&tt(this,zs,pc).call(this)}disconnectedCallback(){this.disable(),tt(this,Gs,cc).call(this),sc(this,Fn,null)}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?(e=Oi(this))==null?void 0:e.querySelector(`#${this.invokeTarget}`):this.submenuElement}get submenuElement(){return this.shadowRoot.querySelector('slot[name="submenu"]').assignedElements({flatten:!0})[0]}get type(){var e;return(e=this.getAttribute(Ge.TYPE))!=null?e:""}set type(e){this.setAttribute(Ge.TYPE,`${e}`)}get value(){var e;return(e=this.getAttribute(Ge.VALUE))!=null?e:this.text}set value(e){this.setAttribute(Ge.VALUE,e)}get text(){var e;return((e=this.textContent)!=null?e:"").trim()}get checked(){if(Wn(this))return this.getAttribute("aria-checked")==="true"}set checked(e){Wn(this)&&(sc(this,qs,!0),this.setAttribute("aria-checked",e?"true":"false"),e?this.part.add("checked"):this.part.remove("checked"))}handleClick(e){Wn(this)||this.invokeTargetElement&&Ae(this,e.target)&&this.invokeTargetElement.dispatchEvent(new oi({relatedTarget:this}))}get keysUsed(){return["Enter"," "]}};qs=new WeakMap;Fn=new WeakMap;lc=new WeakSet;$p=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?tt(this,zs,pc).call(this):tt(this,mc,Bp).call(this))};zs=new WeakSet;pc=async function(){this.setAttribute("aria-haspopup","menu"),this.setAttribute("aria-expanded",`${!this.submenuElement.hidden}`),this.submenuElement.addEventListener("change",At(this,St)),this.submenuElement.addEventListener("addmenuitem",At(this,St)),this.submenuElement.addEventListener("removemenuitem",At(this,St)),At(this,St).call(this)};mc=new WeakSet;Bp=function(){this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.submenuElement.removeEventListener("change",At(this,St)),this.submenuElement.removeEventListener("addmenuitem",At(this,St)),this.submenuElement.removeEventListener("removemenuitem",At(this,St)),At(this,St).call(this)};St=new WeakMap;Zr=new WeakSet;Kn=function(i){let{key:e}=i;if(!this.keysUsed.includes(e)){this.removeEventListener("keyup",tt(this,Zr,Kn));return}this.handleClick(i)};dc=new WeakSet;Vp=function(i){let{metaKey:e,altKey:t,key:r}=i;if(e||t||!this.keysUsed.includes(r)){this.removeEventListener("keyup",tt(this,Zr,Kn));return}this.addEventListener("keyup",tt(this,Zr,Kn),{once:!0})};Gs=new WeakSet;cc=function(){var i;let e=(i=At(this,Fn))==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")};Ve.shadowRootOptions={mode:"open"};Ve.getTemplateHTML=Zg;Ve.getSuffixSlotInnerHTML=Xg;function Wn(i){return i.type==="radio"||i.type==="checkbox"}function uc(i,e){if(!i)return null;let{host:t}=i.getRootNode();return!e&&t?uc(i,t):e!=null&&e.items?e:uc(e,e==null?void 0:e.parentNode)}c.customElements.get("media-chrome-menu-item")||c.customElements.define("media-chrome-menu-item",Ve);function Jg(i){return`
|
|
1931
|
+
${se.getTemplateHTML(i)}
|
|
1953
1932
|
<style>
|
|
1954
1933
|
:host {
|
|
1955
1934
|
--_menu-bg: rgb(20 20 30 / .8);
|
|
@@ -1983,8 +1962,8 @@ bp-player[has-error] {
|
|
|
1983
1962
|
--media-settings-menu-item-opacity: 0;
|
|
1984
1963
|
}
|
|
1985
1964
|
</style>
|
|
1986
|
-
`}var
|
|
1987
|
-
${
|
|
1965
|
+
`}var qn=class extends se{get anchorElement(){return this.anchor!=="auto"?super.anchorElement:Z(this).querySelector("media-settings-menu-button")}};qn.getTemplateHTML=Jg;c.customElements.get("media-settings-menu")||c.customElements.define("media-settings-menu",qn);function jg(i){return`
|
|
1966
|
+
${Ve.getTemplateHTML.call(this,i)}
|
|
1988
1967
|
<style>
|
|
1989
1968
|
slot:not([name="submenu"]) {
|
|
1990
1969
|
opacity: var(--media-settings-menu-item-opacity, var(--media-menu-item-opacity));
|
|
@@ -1994,11 +1973,11 @@ bp-player[has-error] {
|
|
|
1994
1973
|
background: transparent;
|
|
1995
1974
|
}
|
|
1996
1975
|
</style>
|
|
1997
|
-
`}function
|
|
1976
|
+
`}function eE(i){return`
|
|
1998
1977
|
<svg aria-hidden="true" viewBox="0 0 20 24">
|
|
1999
1978
|
<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"/>
|
|
2000
1979
|
</svg>
|
|
2001
|
-
`}var tr=class extends
|
|
1980
|
+
`}var tr=class extends Ve{};tr.shadowRootOptions={mode:"open"};tr.getTemplateHTML=jg;tr.getSuffixSlotInnerHTML=eE;c.customElements.get("media-settings-menu-item")||c.customElements.define("media-settings-menu-item",tr);var Pe=class extends F{connectedCallback(){super.connectedCallback(),this.invokeTargetElement&&this.setAttribute("aria-haspopup","menu")}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?(e=Oi(this))==null?void 0:e.querySelector(`#${this.invokeTarget}`):null}handleClick(){var e;(e=this.invokeTargetElement)==null||e.dispatchEvent(new oi({relatedTarget:this}))}};c.customElements.get("media-chrome-menu-button")||c.customElements.define("media-chrome-menu-button",Pe);function tE(){return`
|
|
2002
1981
|
<style>
|
|
2003
1982
|
:host([aria-expanded="true"]) slot[name=tooltip] {
|
|
2004
1983
|
display: none;
|
|
@@ -2009,27 +1988,27 @@ bp-player[has-error] {
|
|
|
2009
1988
|
<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"/>
|
|
2010
1989
|
</svg>
|
|
2011
1990
|
</slot>
|
|
2012
|
-
`}function
|
|
1991
|
+
`}function iE(){return E("Settings")}var Xr=class extends Pe{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")}};Xr.getSlotTemplateHTML=tE;Xr.getTooltipContentHTML=iE;c.customElements.get("media-settings-menu-button")||c.customElements.define("media-settings-menu-button",Xr);var Ec=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Wp=(i,e,t)=>(Ec(i,e,"read from private field"),t?t.call(i):e.get(i)),Ys=(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)},vc=(i,e,t,r)=>(Ec(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),Qs=(i,e,t)=>(Ec(i,e,"access private method"),t),Gn,Js,Zs,fc,Xs,gc,js=class extends se{constructor(){super(...arguments),Ys(this,Zs),Ys(this,Xs),Ys(this,Gn,[]),Ys(this,Js,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&&(vc(this,Gn,qu(r??"")),Qs(this,Zs,fc).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Qs(this,Xs,gc))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Qs(this,Xs,gc))}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 Wp(this,Gn)}set mediaAudioTrackList(e){vc(this,Gn,e),Qs(this,Zs,fc).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)}};Gn=new WeakMap;Js=new WeakMap;Zs=new WeakSet;fc=function(){if(Wp(this,Js)===JSON.stringify(this.mediaAudioTrackList))return;vc(this,Js,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=Tt({type:"radio",text:t,value:`${e.id}`,checked:e.enabled});r.prepend(et(this,"checked-indicator")),this.defaultSlot.append(r)}};Xs=new WeakSet;gc=function(){if(this.value==null)return;let i=new c.CustomEvent(b.MEDIA_AUDIO_TRACK_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};c.customElements.get("media-audio-track-menu")||c.customElements.define("media-audio-track-menu",js);var rE=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
2013
1992
|
<path d="M11 17H9.5V7H11v10Zm-3-3H6.5v-4H8v4Zm6-5h-1.5v6H14V9Zm3 7h-1.5V8H17v8Z"/>
|
|
2014
1993
|
<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"/>
|
|
2015
|
-
</svg>`;function
|
|
1994
|
+
</svg>`;function oE(){return`
|
|
2016
1995
|
<style>
|
|
2017
1996
|
:host([aria-expanded="true"]) slot[name=tooltip] {
|
|
2018
1997
|
display: none;
|
|
2019
1998
|
}
|
|
2020
1999
|
</style>
|
|
2021
|
-
<slot name="icon">${
|
|
2022
|
-
`}function
|
|
2000
|
+
<slot name="icon">${rE}</slot>
|
|
2001
|
+
`}function nE(){return E("Audio")}var Fp=i=>{let e=E("Audio");i.setAttribute("aria-label",e)},Jr=class extends Pe{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_AUDIO_TRACK_ENABLED,s.MEDIA_AUDIO_TRACK_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Fp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_LANG&&Fp(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)}};Jr.getSlotTemplateHTML=oE;Jr.getTooltipContentHTML=nE;c.customElements.get("media-audio-track-menu-button")||c.customElements.define("media-audio-track-menu-button",Jr);var Tc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},aE=(i,e,t)=>(Tc(i,e,"read from private field"),t?t.call(i):e.get(i)),bc=(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)},sE=(i,e,t,r)=>(Tc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),el=(i,e,t)=>(Tc(i,e,"access private method"),t),rl,tl,_c,il,yc,lE=`
|
|
2023
2002
|
<svg aria-hidden="true" viewBox="0 0 26 24" part="captions-indicator indicator">
|
|
2024
2003
|
<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"/>
|
|
2025
|
-
</svg>`;function
|
|
2026
|
-
${
|
|
2027
|
-
<slot name="captions-indicator" hidden>${
|
|
2028
|
-
`}var
|
|
2004
|
+
</svg>`;function dE(i){return`
|
|
2005
|
+
${se.getTemplateHTML(i)}
|
|
2006
|
+
<slot name="captions-indicator" hidden>${lE}</slot>
|
|
2007
|
+
`}var zn=class extends se{constructor(){super(...arguments),bc(this,tl),bc(this,il),bc(this,rl,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?el(this,tl,_c).call(this):e===s.MEDIA_SUBTITLES_SHOWING&&t!==r&&(this.value=r||"",el(this,tl,_c).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",el(this,il,yc))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",el(this,il,yc))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:Z(this).querySelector("media-captions-menu-button")}get mediaSubtitlesList(){return Kp(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){qp(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Kp(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){qp(this,s.MEDIA_SUBTITLES_SHOWING,e)}};rl=new WeakMap;tl=new WeakSet;_c=function(){var i;let e=aE(this,rl)!==JSON.stringify(this.mediaSubtitlesList),t=this.value!==this.getAttribute(s.MEDIA_SUBTITLES_SHOWING);if(!e&&!t)return;sE(this,rl,JSON.stringify(this.mediaSubtitlesList)),this.defaultSlot.textContent="";let r=!this.value,o=Tt({type:"radio",text:this.formatMenuItemText(E("Off")),value:"off",checked:r});o.prepend(et(this,"checked-indicator")),this.defaultSlot.append(o);let n=this.mediaSubtitlesList;for(let a of n){let l=Tt({type:"radio",text:this.formatMenuItemText(a.label,a),value:Da(a),checked:this.value==Da(a)});l.prepend(et(this,"checked-indicator")),((i=a.kind)!=null?i:"subs")==="captions"&&l.append(et(this,"captions-indicator")),this.defaultSlot.append(l)}};il=new WeakSet;yc=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 c.CustomEvent(b.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:i})),!this.value||!t)return;let r=new c.CustomEvent(b.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(r)};zn.getTemplateHTML=dE;var Kp=(i,e)=>{let t=i.getAttribute(e);return t?$i(t):[]},qp=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let r=Ot(t);i.getAttribute(e)!==r&&i.setAttribute(e,r)};c.customElements.get("media-captions-menu")||c.customElements.define("media-captions-menu",zn);var cE=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
2029
2008
|
<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"/>
|
|
2030
|
-
</svg>`,
|
|
2009
|
+
</svg>`,uE=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
2031
2010
|
<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"/>
|
|
2032
|
-
</svg>`;function
|
|
2011
|
+
</svg>`;function hE(){return`
|
|
2033
2012
|
<style>
|
|
2034
2013
|
:host([data-captions-enabled="true"]) slot[name=off] {
|
|
2035
2014
|
display: none !important;
|
|
@@ -2046,10 +2025,10 @@ bp-player[has-error] {
|
|
|
2046
2025
|
</style>
|
|
2047
2026
|
|
|
2048
2027
|
<slot name="icon">
|
|
2049
|
-
<slot name="on">${
|
|
2050
|
-
<slot name="off">${
|
|
2028
|
+
<slot name="on">${cE}</slot>
|
|
2029
|
+
<slot name="off">${uE}</slot>
|
|
2051
2030
|
</slot>
|
|
2052
|
-
`}function
|
|
2031
|
+
`}function pE(){return E("Captions")}var Gp=i=>{i.setAttribute("data-captions-enabled",Oa(i).toString())},zp=i=>{i.setAttribute("aria-label",E("closed captions"))},jr=class extends Pe{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_SUBTITLES_LIST,s.MEDIA_SUBTITLES_SHOWING,s.MEDIA_LANG]}connectedCallback(){super.connectedCallback(),zp(this),Gp(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_SUBTITLES_SHOWING?Gp(this):e===s.MEDIA_LANG&&zp(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 Yp(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Qp(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Yp(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Qp(this,s.MEDIA_SUBTITLES_SHOWING,e)}};jr.getSlotTemplateHTML=hE;jr.getTooltipContentHTML=pE;var Yp=(i,e)=>{let t=i.getAttribute(e);return t?$i(t):[]},Qp=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let r=Ot(t);i.getAttribute(e)!==r&&i.setAttribute(e,r)};c.customElements.get("media-captions-menu-button")||c.customElements.define("media-captions-menu-button",jr);var Zp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},to=(i,e,t)=>(Zp(i,e,"read from private field"),t?t.call(i):e.get(i)),Ac=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},eo=(i,e,t)=>(Zp(i,e,"access private method"),t),ai,io,Yn,ol,kc,Sc={RATES:"rates"},nl=class extends se{constructor(){super(),Ac(this,io),Ac(this,ol),Ac(this,ai,new Xt(this,Sc.RATES,{defaultValue:Id})),eo(this,io,Yn).call(this)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE,Sc.RATES]}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_PLAYBACK_RATE&&t!=r?(this.value=r,eo(this,io,Yn).call(this)):e===Sc.RATES&&t!=r&&(to(this,ai).value=r,eo(this,io,Yn).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",eo(this,ol,kc))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",eo(this,ol,kc))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:Z(this).querySelector("media-playback-rate-menu-button")}get rates(){return to(this,ai)}set rates(e){e?Array.isArray(e)?to(this,ai).value=e.join(" "):typeof e=="string"&&(to(this,ai).value=e):to(this,ai).value="",eo(this,io,Yn).call(this)}get mediaPlaybackRate(){return H(this,s.MEDIA_PLAYBACK_RATE,Yi)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}};ai=new WeakMap;io=new WeakSet;Yn=function(){this.defaultSlot.textContent="";let i=this.mediaPlaybackRate,e=new Set(Array.from(to(this,ai)).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=Tt({type:"radio",text:this.formatMenuItemText(`${r}x`,r),value:r.toString(),checked:i===r});o.prepend(et(this,"checked-indicator")),this.defaultSlot.append(o)}};ol=new WeakSet;kc=function(){if(!this.value)return;let i=new c.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};c.customElements.get("media-playback-rate-menu")||c.customElements.define("media-playback-rate-menu",nl);var al=1;function mE(i){return`
|
|
2053
2032
|
<style>
|
|
2054
2033
|
:host {
|
|
2055
2034
|
min-width: 5ch;
|
|
@@ -2064,18 +2043,18 @@ bp-player[has-error] {
|
|
|
2064
2043
|
display: none;
|
|
2065
2044
|
}
|
|
2066
2045
|
</style>
|
|
2067
|
-
<slot name="icon">${i.mediaplaybackrate||
|
|
2068
|
-
`}function
|
|
2046
|
+
<slot name="icon">${i.mediaplaybackrate||al}x</slot>
|
|
2047
|
+
`}function vE(){return E("Playback rate")}var ro=class extends Pe{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:al}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)?al: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,al)}set mediaPlaybackRate(e){B(this,s.MEDIA_PLAYBACK_RATE,e)}};ro.getSlotTemplateHTML=mE;ro.getTooltipContentHTML=vE;c.customElements.get("media-playback-rate-menu-button")||c.customElements.define("media-playback-rate-menu-button",ro);var wc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Qn=(i,e,t)=>(wc(i,e,"read from private field"),t?t.call(i):e.get(i)),sl=(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)},Xp=(i,e,t,r)=>(wc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),oo=(i,e,t)=>(wc(i,e,"access private method"),t),Zn,ao,no,Xn,ll,Lc,dl=class extends se{constructor(){super(...arguments),sl(this,no),sl(this,ll),sl(this,Zn,[]),sl(this,ao,{})}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_RENDITION_LIST,s.MEDIA_RENDITION_SELECTED,s.MEDIA_RENDITION_UNAVAILABLE,s.MEDIA_HEIGHT]}static formatMenuItemText(e,t){return super.formatMenuItemText(e,t)}static formatRendition(e,{showBitrate:t=!1}={}){let r=`${Math.min(e.width,e.height)}p`;if(t&&e.bitrate){let o=e.bitrate/1e6,n=`${o.toFixed(o<1?1:0)} Mbps`;return`${r} (${n})`}return this.formatMenuItemText(r,e)}static compareRendition(e,t){var r,o;return t.height===e.height?((r=t.bitrate)!=null?r:0)-((o=e.bitrate)!=null?o:0):t.height-e.height}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===s.MEDIA_RENDITION_SELECTED&&t!==r?(this.value=r??"auto",oo(this,no,Xn).call(this)):e===s.MEDIA_RENDITION_LIST&&t!==r?(Xp(this,Zn,Fu(r)),oo(this,no,Xn).call(this)):e===s.MEDIA_HEIGHT&&t!==r&&oo(this,no,Xn).call(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",oo(this,ll,Lc))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",oo(this,ll,Lc))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:Z(this).querySelector("media-rendition-menu-button")}get mediaRenditionList(){return Qn(this,Zn)}set mediaRenditionList(e){Xp(this,Zn,e),oo(this,no,Xn).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)}};Zn=new WeakMap;ao=new WeakMap;no=new WeakSet;Xn=function(){if(Qn(this,ao).mediaRenditionList===JSON.stringify(this.mediaRenditionList)&&Qn(this,ao).mediaHeight===this.mediaHeight)return;Qn(this,ao).mediaRenditionList=JSON.stringify(this.mediaRenditionList),Qn(this,ao).mediaHeight=this.mediaHeight;let i=this.mediaRenditionList.sort(this.compareRendition.bind(this)),e=i.find(a=>a.id===this.mediaRenditionSelected);for(let a of i)a.selected=a===e;this.defaultSlot.textContent="";let t=!this.mediaRenditionSelected;for(let a of i){let l=this.formatRendition(a,{showBitrate:this.showRenditionBitrate(a)}),d=Tt({type:"radio",text:l,value:`${a.id}`,checked:a.selected&&!t});d.prepend(et(this,"checked-indicator")),this.defaultSlot.append(d)}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=Tt({type:"radio",text:o,value:"auto",checked:t});n.dataset.description=o,n.prepend(et(this,"checked-indicator")),this.defaultSlot.append(n)};ll=new WeakSet;Lc=function(){if(this.value==null)return;let i=new c.CustomEvent(b.MEDIA_RENDITION_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};c.customElements.get("media-rendition-menu")||c.customElements.define("media-rendition-menu",dl);var fE=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
2069
2048
|
<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" />
|
|
2070
|
-
</svg>`;function
|
|
2049
|
+
</svg>`;function gE(){return`
|
|
2071
2050
|
<style>
|
|
2072
2051
|
:host([aria-expanded="true"]) slot[name=tooltip] {
|
|
2073
2052
|
display: none;
|
|
2074
2053
|
}
|
|
2075
2054
|
</style>
|
|
2076
|
-
<slot name="icon">${
|
|
2077
|
-
`}function
|
|
2078
|
-
${
|
|
2055
|
+
<slot name="icon">${fE}</slot>
|
|
2056
|
+
`}function EE(){return E("Quality")}var so=class extends Pe{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)}};so.getSlotTemplateHTML=gE;so.getTooltipContentHTML=EE;c.customElements.get("media-rendition-menu-button")||c.customElements.define("media-rendition-menu-button",so);var Mc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Lt=(i,e,t)=>(Mc(i,e,"read from private field"),t?t.call(i):e.get(i)),kt=(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)},Jp=(i,e,t,r)=>(Mc(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ze=(i,e,t)=>(Mc(i,e,"access private method"),t),co,Jn,vl,ir,lo,Rc,jp,cl,Cc,ul,Ic,em,pl,ml,hl;function bE(i){return`
|
|
2057
|
+
${se.getTemplateHTML(i)}
|
|
2079
2058
|
<style>
|
|
2080
2059
|
:host {
|
|
2081
2060
|
--_menu-bg: rgb(20 20 30 / .8);
|
|
@@ -2088,8 +2067,8 @@ bp-player[has-error] {
|
|
|
2088
2067
|
overflow: hidden;
|
|
2089
2068
|
}
|
|
2090
2069
|
</style>
|
|
2091
|
-
`}var
|
|
2092
|
-
${
|
|
2070
|
+
`}var jn=class extends se{constructor(){super(),kt(this,Jn),kt(this,ir),kt(this,Rc),kt(this,cl),kt(this,Ic),kt(this,co,!1),kt(this,ul,e=>{let t=e.target,r=(t==null?void 0:t.nodeName)==="VIDEO",o=ze(this,cl,Cc).call(this,t);(r||o)&&(Lt(this,co)?ze(this,ir,lo).call(this):ze(this,Ic,em).call(this,e))}),kt(this,pl,e=>{let t=e.target,r=this.contains(t),o=e.button===2,n=(t==null?void 0:t.nodeName)==="VIDEO",a=ze(this,cl,Cc).call(this,t);r||o&&(n||a)||ze(this,ir,lo).call(this)}),kt(this,ml,e=>{e.key==="Escape"&&ze(this,ir,lo).call(this)}),kt(this,hl,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)}ze(this,ir,lo).call(this)}),this.setAttribute("noautohide",""),ze(this,Jn,vl).call(this)}connectedCallback(){super.connectedCallback(),Z(this).addEventListener("contextmenu",Lt(this,ul)),this.addEventListener("click",Lt(this,hl))}disconnectedCallback(){super.disconnectedCallback(),Z(this).removeEventListener("contextmenu",Lt(this,ul)),this.removeEventListener("click",Lt(this,hl)),document.removeEventListener("mousedown",Lt(this,pl)),document.removeEventListener("keydown",Lt(this,ml))}};co=new WeakMap;Jn=new WeakSet;vl=function(){this.hidden=!Lt(this,co)};ir=new WeakSet;lo=function(){Jp(this,co,!1),ze(this,Jn,vl).call(this)};Rc=new WeakSet;jp=function(){document.querySelectorAll("media-context-menu").forEach(e=>{var t;e!==this&&ze(t=e,ir,lo).call(t)})};cl=new WeakSet;Cc=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};ul=new WeakMap;Ic=new WeakSet;em=function(i){i.preventDefault(),ze(this,Rc,jp).call(this),Jp(this,co,!0),this.style.position="fixed",this.style.left=`${i.clientX}px`,this.style.top=`${i.clientY}px`,ze(this,Jn,vl).call(this),document.addEventListener("mousedown",Lt(this,pl),{once:!0}),document.addEventListener("keydown",Lt(this,ml),{once:!0})};pl=new WeakMap;ml=new WeakMap;hl=new WeakMap;jn.getTemplateHTML=bE;c.customElements.get("media-context-menu")||c.customElements.define("media-context-menu",jn);function _E(i){return`
|
|
2071
|
+
${Ve.getTemplateHTML.call(this,i)}
|
|
2093
2072
|
<style>
|
|
2094
2073
|
::slotted(*) {
|
|
2095
2074
|
color: var(--media-text-color, white);
|
|
@@ -2101,16 +2080,16 @@ bp-player[has-error] {
|
|
|
2101
2080
|
min-height: var(--media-control-height, 24px);
|
|
2102
2081
|
}
|
|
2103
2082
|
</style>
|
|
2104
|
-
`}var uo=class extends
|
|
2083
|
+
`}var uo=class extends Ve{};uo.shadowRootOptions={mode:"open"};uo.getTemplateHTML=_E;c.customElements.get("media-context-menu-item")||c.customElements.define("media-context-menu-item",uo);var yE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2105
2084
|
<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"/>
|
|
2106
|
-
</svg>`,
|
|
2085
|
+
</svg>`,TE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2107
2086
|
<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"/>
|
|
2108
|
-
</svg>`,
|
|
2087
|
+
</svg>`,AE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2109
2088
|
<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"/>
|
|
2110
2089
|
<line x1="2" y1="2" x2="22" y2="22" stroke="currentColor" stroke-width="2"/>
|
|
2111
|
-
</svg>`,
|
|
2090
|
+
</svg>`,SE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2112
2091
|
<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"/>
|
|
2113
|
-
</svg>`;function
|
|
2092
|
+
</svg>`;function kE(i){switch(i){case"offline":return TE;case"network":return AE;case"security":return SE;default:return yE}}function LE(i){switch(i){case"offline":return"Stream Unavailable";case"network":return"Connection Error";case"security":return"Access Denied";case"autoplay":return"Playback Blocked";case"media":return"Playback Error";case"setup":return"Configuration Error";default:return"An error occurred"}}var Ht=class extends Ce{constructor(){super(...arguments);this.error=null;this.showCode=!1}render(){if(!this.error)return null;let t=this.error.category,r=kE(t),o=LE(t);return We`
|
|
2114
2093
|
<div part="icon">
|
|
2115
2094
|
<slot name="icon">${this.renderIcon(r)}</slot>
|
|
2116
2095
|
</div>
|
|
@@ -2120,12 +2099,15 @@ bp-player[has-error] {
|
|
|
2120
2099
|
<p part="message">
|
|
2121
2100
|
<slot name="message">${this.error.message}</slot>
|
|
2122
2101
|
</p>
|
|
2123
|
-
${this.showCode?
|
|
2102
|
+
${this.showCode?We`
|
|
2124
2103
|
<span part="code">
|
|
2125
2104
|
<slot name="code">Error ${this.error.code}</slot>
|
|
2126
2105
|
</span>
|
|
2127
2106
|
`:null}
|
|
2128
|
-
|
|
2107
|
+
<div part="actions">
|
|
2108
|
+
<slot name="actions"></slot>
|
|
2109
|
+
</div>
|
|
2110
|
+
`}renderIcon(t){let r=document.createElement("template");return r.innerHTML=t.trim(),r.content.cloneNode(!0)}};Ht.styles=Do`
|
|
2129
2111
|
:host {
|
|
2130
2112
|
display: flex;
|
|
2131
2113
|
flex-direction: column;
|
|
@@ -2175,103 +2157,23 @@ bp-player[has-error] {
|
|
|
2175
2157
|
opacity: var(--bp-error-code-opacity, 0.5);
|
|
2176
2158
|
font-family: var(--bp-error-code-font-family, monospace);
|
|
2177
2159
|
}
|
|
2178
|
-
`,x([V({type:Object})],Ht.prototype,"error",2),x([V({type:Boolean})],Ht.prototype,"showCode",2),Ht=x([Gt("bp-error-display")],Ht);var AE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
2179
|
-
<circle cx="12" cy="12" r="10" stroke-opacity="0.25"/>
|
|
2180
|
-
<path d="M12 2a10 10 0 0 1 10 10" stroke-linecap="round">
|
|
2181
|
-
<animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/>
|
|
2182
|
-
</path>
|
|
2183
|
-
</svg>`,SE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2184
|
-
<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"/>
|
|
2185
|
-
<circle cx="12" cy="12" r="3" fill="currentColor"/>
|
|
2186
|
-
</svg>`,kE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2187
|
-
<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"/>
|
|
2188
|
-
</svg>`,LE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2189
|
-
<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"/>
|
|
2190
|
-
</svg>`,It=class extends Ie{constructor(){super(...arguments);this.type="none";this.live=!1;this.buttonMode=!1}getIcon(){switch(this.type){case"loading":return AE;case"offline":return SE;case"ended":return this.live?kE:LE;default:return""}}getDefaultMessage(){switch(this.type){case"loading":return"Loading...";case"offline":return"The live stream hasn't started yet";case"ended":return this.live?"Stream has ended":"Replay";default:return""}}render(){if(this.type==="none")return null;let t=this.getIcon(),r=this.getDefaultMessage();return He`
|
|
2191
|
-
<div part="icon">
|
|
2192
|
-
<slot name="icon">${this.renderIcon(t)}</slot>
|
|
2193
|
-
</div>
|
|
2194
|
-
<p part="message">
|
|
2195
|
-
<slot name="message">${r}</slot>
|
|
2196
|
-
</p>
|
|
2197
|
-
<p part="submessage">
|
|
2198
|
-
<slot name="submessage"></slot>
|
|
2199
|
-
</p>
|
|
2200
|
-
`}renderIcon(t){if(!t)return null;let r=document.createElement("template");return r.innerHTML=t.trim(),r.content.cloneNode(!0)}};It.styles=Po`
|
|
2201
|
-
:host {
|
|
2202
|
-
display: flex;
|
|
2203
|
-
flex-direction: column;
|
|
2204
|
-
align-items: center;
|
|
2205
|
-
justify-content: center;
|
|
2206
|
-
text-align: center;
|
|
2207
|
-
gap: var(--bp-overlay-gap, 16px);
|
|
2208
|
-
color: inherit;
|
|
2209
|
-
padding: var(--bp-overlay-padding, 24px);
|
|
2210
|
-
}
|
|
2211
|
-
|
|
2212
|
-
:host([hidden]),
|
|
2213
|
-
:host([type="none"]) {
|
|
2214
|
-
display: none !important;
|
|
2215
|
-
}
|
|
2216
2160
|
|
|
2217
|
-
[part="
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
}
|
|
2222
|
-
|
|
2223
|
-
[part="icon"] svg,
|
|
2224
|
-
::slotted(svg) {
|
|
2225
|
-
width: 100%;
|
|
2226
|
-
height: 100%;
|
|
2227
|
-
}
|
|
2228
|
-
|
|
2229
|
-
[part="message"] {
|
|
2230
|
-
margin: 0;
|
|
2231
|
-
padding: 0;
|
|
2232
|
-
font-size: var(--bp-overlay-message-font-size, 1rem);
|
|
2233
|
-
font-weight: var(--bp-overlay-message-font-weight, 500);
|
|
2234
|
-
line-height: 1.4;
|
|
2235
|
-
opacity: var(--bp-overlay-message-opacity, 0.9);
|
|
2236
|
-
}
|
|
2237
|
-
|
|
2238
|
-
[part="submessage"] {
|
|
2239
|
-
margin: 0;
|
|
2240
|
-
padding: 0;
|
|
2241
|
-
font-size: var(--bp-overlay-submessage-font-size, 0.875rem);
|
|
2242
|
-
opacity: var(--bp-overlay-submessage-opacity, 0.6);
|
|
2161
|
+
[part="actions"] {
|
|
2162
|
+
display: flex;
|
|
2163
|
+
gap: var(--bp-error-actions-gap, 8px);
|
|
2164
|
+
margin-top: var(--bp-error-actions-margin-top, 8px);
|
|
2243
2165
|
}
|
|
2244
2166
|
|
|
2245
|
-
|
|
2246
|
-
|
|
2167
|
+
[part="actions"]::slotted(button),
|
|
2168
|
+
[part="actions"] button {
|
|
2247
2169
|
cursor: pointer;
|
|
2248
|
-
padding: 0;
|
|
2249
|
-
}
|
|
2250
|
-
|
|
2251
|
-
:host([button-mode]) [part="icon"] {
|
|
2252
|
-
width: var(--bp-center-play-icon-width, 72px);
|
|
2253
|
-
height: var(--bp-center-play-icon-height, 72px);
|
|
2254
|
-
transition: transform var(--bp-transition-duration, 0.15s) var(--bp-transition-timing, ease),
|
|
2255
|
-
filter var(--bp-transition-duration, 0.15s) var(--bp-transition-timing, ease);
|
|
2256
|
-
}
|
|
2257
|
-
|
|
2258
|
-
:host([button-mode]:hover) [part="icon"] {
|
|
2259
|
-
transform: scale(var(--bp-center-play-hover-scale, 1.1));
|
|
2260
|
-
filter: drop-shadow(var(--bp-center-play-hover-shadow, 0 0 12px rgba(255, 255, 255, 0.6)));
|
|
2261
|
-
}
|
|
2262
|
-
|
|
2263
|
-
:host([button-mode]:active) [part="icon"] {
|
|
2264
|
-
transform: scale(0.95);
|
|
2265
2170
|
}
|
|
2266
|
-
|
|
2267
|
-
:host([button-mode]) [part="message"],
|
|
2268
|
-
:host([button-mode]) [part="submessage"] {
|
|
2269
|
-
display: none;
|
|
2270
|
-
}
|
|
2271
|
-
`,x([V({type:String,reflect:!0})],It.prototype,"type",2),x([V({type:Boolean,reflect:!0})],It.prototype,"live",2),x([V({type:Boolean,reflect:!0,attribute:"button-mode"})],It.prototype,"buttonMode",2),It=x([Gt("bp-overlay")],It);var Jp=`/**
|
|
2171
|
+
`,N([W({type:Object})],Ht.prototype,"error",2),N([W({type:Boolean})],Ht.prototype,"showCode",2),Ht=N([Gt("bp-error-display")],Ht);var tm=`/**
|
|
2272
2172
|
* BP Default UI Styles
|
|
2273
2173
|
*
|
|
2274
|
-
*
|
|
2174
|
+
* Layer-based architecture.
|
|
2175
|
+
* Uses CSS-driven visibility based on [has-error] attribute.
|
|
2176
|
+
*
|
|
2275
2177
|
* Override --bp-* variables to customize appearance.
|
|
2276
2178
|
*/
|
|
2277
2179
|
|
|
@@ -2292,24 +2194,79 @@ bp-default-ui {
|
|
|
2292
2194
|
container-type: size;
|
|
2293
2195
|
}
|
|
2294
2196
|
|
|
2197
|
+
/* ============================================
|
|
2198
|
+
Layer System
|
|
2199
|
+
============================================ */
|
|
2200
|
+
|
|
2201
|
+
bp-default-ui .bp-layer {
|
|
2202
|
+
position: absolute;
|
|
2203
|
+
inset: 0;
|
|
2204
|
+
z-index: 0;
|
|
2205
|
+
}
|
|
2206
|
+
|
|
2207
|
+
bp-default-ui .bp-chrome-layer {
|
|
2208
|
+
z-index: 1;
|
|
2209
|
+
}
|
|
2210
|
+
|
|
2211
|
+
bp-default-ui .bp-error-layer {
|
|
2212
|
+
z-index: 100;
|
|
2213
|
+
display: flex;
|
|
2214
|
+
align-items: center;
|
|
2215
|
+
justify-content: center;
|
|
2216
|
+
background: var(--bp-error-background, rgba(0, 0, 0, 0.8));
|
|
2217
|
+
pointer-events: auto;
|
|
2218
|
+
}
|
|
2219
|
+
|
|
2220
|
+
/* THE KEY RULE: Error layer visibility logic
|
|
2221
|
+
- When NO error \u2192 hide error layer
|
|
2222
|
+
- When HAS error \u2192 show error layer, hide chrome layer (media keeps playing underneath) */
|
|
2223
|
+
bp-default-ui:not([has-error]) .bp-error-layer {
|
|
2224
|
+
display: none !important;
|
|
2225
|
+
}
|
|
2226
|
+
|
|
2227
|
+
bp-default-ui[has-error] .bp-chrome-layer,
|
|
2228
|
+
bp-default-ui[has-error] .bp-status-layer {
|
|
2229
|
+
pointer-events: none;
|
|
2230
|
+
opacity: 0;
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
/* When status layer is visible, fade chrome controls */
|
|
2234
|
+
bp-default-ui .bp-status-layer:not([hidden]) ~ .bp-error-layer:not([has-error]) + .bp-chrome-layer {
|
|
2235
|
+
/* This selector doesn't work well - handle via :has() instead */
|
|
2236
|
+
}
|
|
2237
|
+
|
|
2238
|
+
bp-default-ui:has(.bp-status-layer:not([hidden])) .bp-chrome-layer {
|
|
2239
|
+
pointer-events: none;
|
|
2240
|
+
opacity: 0.3;
|
|
2241
|
+
}
|
|
2242
|
+
|
|
2295
2243
|
/* Fluid mode: adapts to video content aspect ratio.
|
|
2296
2244
|
Container should set fixed height; width auto-calculates from aspect-ratio. */
|
|
2297
2245
|
bp-default-ui[fluid] {
|
|
2298
2246
|
width: auto;
|
|
2299
2247
|
height: 100%;
|
|
2300
2248
|
max-width: 100%;
|
|
2301
|
-
aspect-ratio: var(--bp-
|
|
2249
|
+
aspect-ratio: var(--bp-video-width, 16) / var(--bp-video-height, 9);
|
|
2302
2250
|
}
|
|
2303
2251
|
|
|
2304
2252
|
bp-default-ui[hidden] {
|
|
2305
2253
|
display: none !important;
|
|
2306
2254
|
}
|
|
2307
2255
|
|
|
2256
|
+
/* ============================================
|
|
2257
|
+
Chrome Layer
|
|
2258
|
+
============================================ */
|
|
2259
|
+
|
|
2260
|
+
bp-default-ui .bp-chrome-layer {
|
|
2261
|
+
display: flex;
|
|
2262
|
+
flex-direction: column;
|
|
2263
|
+
}
|
|
2264
|
+
|
|
2308
2265
|
/* ============================================
|
|
2309
2266
|
Media Controller
|
|
2310
2267
|
============================================ */
|
|
2311
2268
|
|
|
2312
|
-
bp-default-ui media-controller {
|
|
2269
|
+
bp-default-ui .bp-chrome-layer media-controller {
|
|
2313
2270
|
width: 100%;
|
|
2314
2271
|
height: 100%;
|
|
2315
2272
|
display: block;
|
|
@@ -2366,9 +2323,9 @@ bp-default-ui media-control-bar > *:hover {
|
|
|
2366
2323
|
}
|
|
2367
2324
|
|
|
2368
2325
|
/* Ensure slotted content takes full width (exclude menus) */
|
|
2369
|
-
bp-default-ui media-controller > [slot="top-chrome"],
|
|
2370
|
-
bp-default-ui media-controller > [slot="bottom-chrome"],
|
|
2371
|
-
bp-default-ui media-controller > :not([slot]):not(media-rendition-menu):not(media-audio-track-menu):not(media-captions-menu):not(media-settings-menu) {
|
|
2326
|
+
bp-default-ui .bp-chrome-layer media-controller > [slot="top-chrome"],
|
|
2327
|
+
bp-default-ui .bp-chrome-layer media-controller > [slot="bottom-chrome"],
|
|
2328
|
+
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) {
|
|
2372
2329
|
width: 100%;
|
|
2373
2330
|
}
|
|
2374
2331
|
|
|
@@ -2410,45 +2367,58 @@ bp-default-ui media-loading-indicator {
|
|
|
2410
2367
|
}
|
|
2411
2368
|
|
|
2412
2369
|
/* ============================================
|
|
2413
|
-
|
|
2370
|
+
Status Layer (stream ended, etc.)
|
|
2414
2371
|
============================================ */
|
|
2415
2372
|
|
|
2416
|
-
bp-default-ui .bp-
|
|
2417
|
-
|
|
2418
|
-
inset: 0;
|
|
2373
|
+
bp-default-ui .bp-status-layer {
|
|
2374
|
+
z-index: 50;
|
|
2419
2375
|
display: flex;
|
|
2420
2376
|
align-items: center;
|
|
2421
2377
|
justify-content: center;
|
|
2422
|
-
background: var(--bp-
|
|
2423
|
-
|
|
2424
|
-
pointer-events: none;
|
|
2378
|
+
background: var(--bp-status-background, rgba(0, 0, 0, 0.7));
|
|
2379
|
+
pointer-events: auto;
|
|
2425
2380
|
}
|
|
2426
2381
|
|
|
2427
|
-
bp-default-ui .bp-
|
|
2382
|
+
bp-default-ui .bp-status-layer[hidden] {
|
|
2428
2383
|
display: none !important;
|
|
2429
2384
|
}
|
|
2430
2385
|
|
|
2431
|
-
|
|
2432
|
-
Error Overlay
|
|
2433
|
-
============================================ */
|
|
2434
|
-
|
|
2435
|
-
bp-default-ui .bp-error-overlay {
|
|
2436
|
-
position: absolute;
|
|
2437
|
-
inset: 0;
|
|
2386
|
+
bp-default-ui .bp-status-content {
|
|
2438
2387
|
display: flex;
|
|
2388
|
+
flex-direction: column;
|
|
2439
2389
|
align-items: center;
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
pointer-events: none;
|
|
2390
|
+
text-align: center;
|
|
2391
|
+
gap: var(--bp-status-gap, 12px);
|
|
2392
|
+
max-width: 80%;
|
|
2444
2393
|
}
|
|
2445
2394
|
|
|
2446
|
-
bp-default-ui .bp-
|
|
2447
|
-
|
|
2395
|
+
bp-default-ui .bp-status-icon {
|
|
2396
|
+
width: var(--bp-status-icon-size, 48px);
|
|
2397
|
+
height: var(--bp-status-icon-size, 48px);
|
|
2398
|
+
opacity: var(--bp-status-icon-opacity, 0.9);
|
|
2448
2399
|
}
|
|
2449
2400
|
|
|
2450
|
-
bp-default-ui .bp-
|
|
2451
|
-
|
|
2401
|
+
bp-default-ui .bp-status-heading {
|
|
2402
|
+
margin: 0;
|
|
2403
|
+
font-size: var(--bp-status-heading-font-size, 1.25rem);
|
|
2404
|
+
font-weight: var(--bp-status-heading-font-weight, 600);
|
|
2405
|
+
line-height: 1.3;
|
|
2406
|
+
}
|
|
2407
|
+
|
|
2408
|
+
bp-default-ui .bp-status-message {
|
|
2409
|
+
margin: 0;
|
|
2410
|
+
font-size: var(--bp-status-message-font-size, 0.875rem);
|
|
2411
|
+
opacity: var(--bp-status-message-opacity, 0.8);
|
|
2412
|
+
line-height: 1.4;
|
|
2413
|
+
}
|
|
2414
|
+
|
|
2415
|
+
/* ============================================
|
|
2416
|
+
Error Display (inside error layer)
|
|
2417
|
+
============================================ */
|
|
2418
|
+
|
|
2419
|
+
bp-default-ui .bp-error-layer bp-error-display {
|
|
2420
|
+
max-width: 80%;
|
|
2421
|
+
text-align: center;
|
|
2452
2422
|
}
|
|
2453
2423
|
|
|
2454
2424
|
/* ============================================
|
|
@@ -2474,6 +2444,37 @@ bp-default-ui media-play-button.bp-center-play:active {
|
|
|
2474
2444
|
transform: scale(0.95);
|
|
2475
2445
|
}
|
|
2476
2446
|
|
|
2447
|
+
/* ============================================
|
|
2448
|
+
Custom Chrome Detection
|
|
2449
|
+
============================================
|
|
2450
|
+
|
|
2451
|
+
Hide default controls when user provides custom chrome.
|
|
2452
|
+
|
|
2453
|
+
IMPORTANT: We use marker attributes (has-custom-*) instead of
|
|
2454
|
+
CSS :has(> [slot="..."]) selectors because:
|
|
2455
|
+
|
|
2456
|
+
1. _moveSlottedContent() moves slotted elements from direct children
|
|
2457
|
+
of bp-default-ui INTO media-controller
|
|
2458
|
+
2. For bottom-chrome, the slot attribute is also removed
|
|
2459
|
+
|
|
2460
|
+
After this DOM manipulation, :has(> [slot="..."]) no longer matches
|
|
2461
|
+
because the elements are no longer direct children of bp-default-ui.
|
|
2462
|
+
|
|
2463
|
+
The marker attributes are set by _moveSlottedContent() BEFORE moving
|
|
2464
|
+
elements, ensuring CSS can reliably detect custom chrome presence.
|
|
2465
|
+
============================================ */
|
|
2466
|
+
|
|
2467
|
+
/* Hide default centered chrome (loading indicator + play button) when custom centered-chrome is provided */
|
|
2468
|
+
bp-default-ui[has-custom-centered-chrome] .bp-center-play,
|
|
2469
|
+
bp-default-ui[has-custom-centered-chrome] media-loading-indicator {
|
|
2470
|
+
display: none !important;
|
|
2471
|
+
}
|
|
2472
|
+
|
|
2473
|
+
/* Hide default control bar when custom bottom-chrome is provided */
|
|
2474
|
+
bp-default-ui[has-custom-bottom-chrome] media-control-bar {
|
|
2475
|
+
display: none !important;
|
|
2476
|
+
}
|
|
2477
|
+
|
|
2477
2478
|
/* ============================================
|
|
2478
2479
|
Visibility Modifiers
|
|
2479
2480
|
============================================
|
|
@@ -2661,7 +2662,7 @@ bp-default-ui[debug-hitboxes] media-controller *:hover {
|
|
|
2661
2662
|
outline: 2px solid rgba(0, 255, 0, 1) !important;
|
|
2662
2663
|
background: rgba(0, 255, 0, 0.3) !important;
|
|
2663
2664
|
}
|
|
2664
|
-
`;var
|
|
2665
|
+
`;var im={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)},rm=!1;function CE(){if(rm)return;gr();let i=document.createElement("style");i.id="bp-default-ui-styles",i.textContent=tm,document.head.appendChild(i),rm=!0}var ee=class extends Ce{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(),CE(),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,pe(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(Mi(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",marker:"has-custom-top-chrome"},{from:"centered-chrome",to:"centered-chrome",marker:"has-custom-centered-chrome"},{from:"middle-chrome",to:"middle-chrome",marker:"has-custom-middle-chrome"},{from:"bottom-chrome",to:null,marker:"has-custom-bottom-chrome"}];for(let{from:o,to:n,marker:a}of r){let l=this.querySelectorAll(`:scope > [slot="${o}"]`);l.length>0&&this.setAttribute(a,""),l.forEach(d=>{d.parentElement!==t&&(n?d.setAttribute("slot",n):d.removeAttribute("slot"),t.appendChild(d))})}}setupPlayer(){let t=this.querySelector("bp-player");t&&t.addEventListener("ready",r=>{r.stopPropagation(),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";pe(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),pe(this,"paused",h.paused),pe(this,"ended",h.ended),pe(this,"waiting",h.waiting),h.error!==this._error)){this._error=h.error;let f=h.error!==null&&h.error.fatal&&h.error.category!=="offline";pe(this,"has-error",f)}},o=()=>{this._error=null,this._showEndedOverlay=!1,pe(this,"has-error",!1)},n=()=>{this.live&&(this._showEndedOverlay=!0)},a=()=>{this._error=null,this._showEndedOverlay=!1,pe(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:d,videoHeight:v}=this._player.state;this.debug&&console.log("[BPDefaultUI] Initial dimensions check",{videoWidth:d,videoHeight:v,fluid:this.fluid}),d>0&&v>0&&l({videoWidth:d,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"?We`
|
|
2665
2666
|
<media-control-bar>
|
|
2666
2667
|
<media-play-button notooltip clip-hidden></media-play-button>
|
|
2667
2668
|
<media-live-button notooltip vod-hidden clip-hidden></media-live-button>
|
|
@@ -2671,7 +2672,7 @@ bp-default-ui[debug-hitboxes] media-controller *:hover {
|
|
|
2671
2672
|
<media-rendition-menu-button notooltip clip-hidden></media-rendition-menu-button>
|
|
2672
2673
|
<media-fullscreen-button notooltip clip-hidden></media-fullscreen-button>
|
|
2673
2674
|
</media-control-bar>
|
|
2674
|
-
`:
|
|
2675
|
+
`:We`
|
|
2675
2676
|
<media-control-bar>
|
|
2676
2677
|
<media-play-button notooltip clip-hidden></media-play-button>
|
|
2677
2678
|
<media-live-button notooltip vod-hidden clip-hidden></media-live-button>
|
|
@@ -2687,47 +2688,149 @@ bp-default-ui[debug-hitboxes] media-controller *:hover {
|
|
|
2687
2688
|
<media-pip-button notooltip clip-hidden></media-pip-button>
|
|
2688
2689
|
<media-fullscreen-button notooltip clip-hidden></media-fullscreen-button>
|
|
2689
2690
|
</media-control-bar>
|
|
2690
|
-
`}render(){return
|
|
2691
|
+
`}render(){return We`
|
|
2692
|
+
<!-- Chrome Layer: media-controller with all controls -->
|
|
2693
|
+
<div class="bp-layer bp-chrome-layer">
|
|
2691
2694
|
<media-controller autohide="${this.autohide}" ?hotkeys="${this.hotkeys}">
|
|
2692
2695
|
<bp-player
|
|
2693
2696
|
slot="media"
|
|
2694
|
-
.
|
|
2697
|
+
.source="${this.source}"
|
|
2695
2698
|
?autoplay="${this.autoplay}"
|
|
2696
2699
|
?muted="${this.muted}"
|
|
2697
2700
|
?loop="${this.loop}"
|
|
2698
|
-
.poster="${this.poster}"
|
|
2699
2701
|
.scaling="${this.scaling}"
|
|
2700
2702
|
.aspectRatio="${this.aspectRatio}"
|
|
2701
2703
|
.config="${this.config}"
|
|
2702
2704
|
?debug="${this.debug}"
|
|
2703
2705
|
></bp-player>
|
|
2704
2706
|
|
|
2707
|
+
${this._getPoster()?We`
|
|
2708
|
+
<media-poster-image slot="poster" src="${this._getPoster()}"></media-poster-image>
|
|
2709
|
+
`:null}
|
|
2710
|
+
|
|
2705
2711
|
<!-- Menus -->
|
|
2706
2712
|
<media-rendition-menu hidden anchor="auto"></media-rendition-menu>
|
|
2707
2713
|
|
|
2708
|
-
|
|
2714
|
+
<!-- Loading indicator -->
|
|
2709
2715
|
<media-loading-indicator slot="centered-chrome" noautohide></media-loading-indicator>
|
|
2710
2716
|
|
|
2711
|
-
|
|
2712
|
-
|
|
2713
|
-
<bp-overlay
|
|
2714
|
-
type="${this._overlayType}"
|
|
2715
|
-
?live="${this.live}"
|
|
2716
|
-
></bp-overlay>
|
|
2717
|
-
</div>
|
|
2717
|
+
<!-- Center play button (CSS hides when custom centered-chrome provided) -->
|
|
2718
|
+
<media-play-button class="bp-center-play" slot="centered-chrome" notooltip></media-play-button>
|
|
2718
2719
|
|
|
2719
|
-
|
|
2720
|
-
|
|
2720
|
+
<!-- Default controls (CSS hides when custom bottom-chrome provided) -->
|
|
2721
|
+
${this.renderDefaultControls()}
|
|
2722
|
+
</media-controller>
|
|
2723
|
+
</div>
|
|
2721
2724
|
|
|
2722
|
-
|
|
2723
|
-
|
|
2725
|
+
<!-- Status Layer: shows stream ended message for live streams -->
|
|
2726
|
+
<div class="bp-layer bp-status-layer" ?hidden="${!this._showEndedOverlay}">
|
|
2727
|
+
<div class="bp-status-content">
|
|
2728
|
+
<svg class="bp-status-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2729
|
+
<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"/>
|
|
2730
|
+
</svg>
|
|
2731
|
+
<h2 class="bp-status-heading">Stream Ended</h2>
|
|
2732
|
+
<p class="bp-status-message">This live stream has ended.</p>
|
|
2733
|
+
</div>
|
|
2734
|
+
</div>
|
|
2735
|
+
|
|
2736
|
+
<!-- Error Layer: topmost, hides chrome layer when active -->
|
|
2737
|
+
<div class="bp-layer bp-error-layer">
|
|
2724
2738
|
<bp-error-display .error="${this._error}" ?showCode="${this.debug}"></bp-error-display>
|
|
2725
2739
|
</div>
|
|
2740
|
+
`}};N([W({converter:im})],ee.prototype,"source",2),N([W({type:Boolean})],ee.prototype,"autoplay",2),N([W({type:Boolean})],ee.prototype,"muted",2),N([W({type:Boolean})],ee.prototype,"loop",2),N([W({type:String})],ee.prototype,"poster",2),N([W({type:String})],ee.prototype,"scaling",2),N([W({type:String,attribute:"aspect-ratio"})],ee.prototype,"aspectRatio",2),N([W({converter:im})],ee.prototype,"config",2),N([W({type:Boolean})],ee.prototype,"debug",2),N([W({type:Number})],ee.prototype,"autohide",2),N([W({type:Boolean})],ee.prototype,"hotkeys",2),N([W({type:Boolean,reflect:!0})],ee.prototype,"mobile",2),N([W({type:Boolean,reflect:!0})],ee.prototype,"live",2),N([W({type:Boolean,reflect:!0})],ee.prototype,"fluid",2),N([zt()],ee.prototype,"_player",2),N([zt()],ee.prototype,"_providerType",2),N([zt()],ee.prototype,"_error",2),N([zt()],ee.prototype,"_connectionState",2),N([zt()],ee.prototype,"_showEndedOverlay",2),ee=N([Gt("bp-default-ui")],ee);var IE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
2741
|
+
<circle cx="12" cy="12" r="10" stroke-opacity="0.25"/>
|
|
2742
|
+
<path d="M12 2a10 10 0 0 1 10 10" stroke-linecap="round">
|
|
2743
|
+
<animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/>
|
|
2744
|
+
</path>
|
|
2745
|
+
</svg>`,ME=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2746
|
+
<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"/>
|
|
2747
|
+
<circle cx="12" cy="12" r="3" fill="currentColor"/>
|
|
2748
|
+
</svg>`,RE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2749
|
+
<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"/>
|
|
2750
|
+
</svg>`,xE=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
2751
|
+
<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"/>
|
|
2752
|
+
</svg>`,wt=class extends Ce{constructor(){super(...arguments);this.type="none";this.live=!1;this.buttonMode=!1}getIcon(){switch(this.type){case"loading":return IE;case"offline":return ME;case"ended":return this.live?RE:xE;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 We`
|
|
2753
|
+
<div part="icon">
|
|
2754
|
+
<slot name="icon">${this.renderIcon(t)}</slot>
|
|
2755
|
+
</div>
|
|
2756
|
+
<p part="message">
|
|
2757
|
+
<slot name="message">${r}</slot>
|
|
2758
|
+
</p>
|
|
2759
|
+
<p part="submessage">
|
|
2760
|
+
<slot name="submessage"></slot>
|
|
2761
|
+
</p>
|
|
2762
|
+
`}renderIcon(t){if(!t)return null;let r=document.createElement("template");return r.innerHTML=t.trim(),r.content.cloneNode(!0)}};wt.styles=Do`
|
|
2763
|
+
:host {
|
|
2764
|
+
display: flex;
|
|
2765
|
+
flex-direction: column;
|
|
2766
|
+
align-items: center;
|
|
2767
|
+
justify-content: center;
|
|
2768
|
+
text-align: center;
|
|
2769
|
+
gap: var(--bp-overlay-gap, 16px);
|
|
2770
|
+
color: inherit;
|
|
2771
|
+
padding: var(--bp-overlay-padding, 24px);
|
|
2772
|
+
}
|
|
2773
|
+
|
|
2774
|
+
:host([hidden]),
|
|
2775
|
+
:host([type="none"]) {
|
|
2776
|
+
display: none !important;
|
|
2777
|
+
}
|
|
2778
|
+
|
|
2779
|
+
[part="icon"] {
|
|
2780
|
+
width: var(--bp-loading-icon-size, 48px);
|
|
2781
|
+
height: var(--bp-loading-icon-size, 48px);
|
|
2782
|
+
opacity: var(--bp-overlay-icon-opacity, 0.9);
|
|
2783
|
+
}
|
|
2784
|
+
|
|
2785
|
+
[part="icon"] svg,
|
|
2786
|
+
::slotted(svg) {
|
|
2787
|
+
width: 100%;
|
|
2788
|
+
height: 100%;
|
|
2789
|
+
}
|
|
2790
|
+
|
|
2791
|
+
[part="message"] {
|
|
2792
|
+
margin: 0;
|
|
2793
|
+
padding: 0;
|
|
2794
|
+
font-size: var(--bp-overlay-message-font-size, 1rem);
|
|
2795
|
+
font-weight: var(--bp-overlay-message-font-weight, 500);
|
|
2796
|
+
line-height: 1.4;
|
|
2797
|
+
opacity: var(--bp-overlay-message-opacity, 0.9);
|
|
2798
|
+
}
|
|
2799
|
+
|
|
2800
|
+
[part="submessage"] {
|
|
2801
|
+
margin: 0;
|
|
2802
|
+
padding: 0;
|
|
2803
|
+
font-size: var(--bp-overlay-submessage-font-size, 0.875rem);
|
|
2804
|
+
opacity: var(--bp-overlay-submessage-opacity, 0.6);
|
|
2805
|
+
}
|
|
2726
2806
|
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2807
|
+
/* Button mode for VOD replay */
|
|
2808
|
+
:host([button-mode]) {
|
|
2809
|
+
cursor: pointer;
|
|
2810
|
+
padding: 0;
|
|
2811
|
+
}
|
|
2812
|
+
|
|
2813
|
+
:host([button-mode]) [part="icon"] {
|
|
2814
|
+
width: var(--bp-center-play-icon-width, 72px);
|
|
2815
|
+
height: var(--bp-center-play-icon-height, 72px);
|
|
2816
|
+
transition: transform var(--bp-transition-duration, 0.15s) var(--bp-transition-timing, ease),
|
|
2817
|
+
filter var(--bp-transition-duration, 0.15s) var(--bp-transition-timing, ease);
|
|
2818
|
+
}
|
|
2819
|
+
|
|
2820
|
+
:host([button-mode]:hover) [part="icon"] {
|
|
2821
|
+
transform: scale(var(--bp-center-play-hover-scale, 1.1));
|
|
2822
|
+
filter: drop-shadow(var(--bp-center-play-hover-shadow, 0 0 12px rgba(255, 255, 255, 0.6)));
|
|
2823
|
+
}
|
|
2824
|
+
|
|
2825
|
+
:host([button-mode]:active) [part="icon"] {
|
|
2826
|
+
transform: scale(0.95);
|
|
2827
|
+
}
|
|
2828
|
+
|
|
2829
|
+
:host([button-mode]) [part="message"],
|
|
2830
|
+
:host([button-mode]) [part="submessage"] {
|
|
2831
|
+
display: none;
|
|
2832
|
+
}
|
|
2833
|
+
`,N([W({type:String,reflect:!0})],wt.prototype,"type",2),N([W({type:Boolean,reflect:!0})],wt.prototype,"live",2),N([W({type:Boolean,reflect:!0,attribute:"button-mode"})],wt.prototype,"buttonMode",2),wt=N([Gt("bp-overlay")],wt);var PE=["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"],om=["autopictureinpicture","disablepictureinpicture","disableremoteplayback","autoplay","controls","controlslist","crossorigin","loop","muted","playsinline","poster","preload","src"];function DE(i){return`
|
|
2731
2834
|
<style>
|
|
2732
2835
|
:host {
|
|
2733
2836
|
display: inline-flex;
|
|
@@ -2741,10 +2844,10 @@ bp-default-ui[debug-hitboxes] media-controller *:hover {
|
|
|
2741
2844
|
}
|
|
2742
2845
|
</style>
|
|
2743
2846
|
<slot name="media">
|
|
2744
|
-
<audio${
|
|
2847
|
+
<audio${cm(i)}></audio>
|
|
2745
2848
|
</slot>
|
|
2746
2849
|
<slot></slot>
|
|
2747
|
-
`}function
|
|
2850
|
+
`}function OE(i){return`
|
|
2748
2851
|
<style>
|
|
2749
2852
|
:host {
|
|
2750
2853
|
display: inline-block;
|
|
@@ -2766,25 +2869,25 @@ bp-default-ui[debug-hitboxes] media-controller *:hover {
|
|
|
2766
2869
|
}
|
|
2767
2870
|
</style>
|
|
2768
2871
|
<slot name="media">
|
|
2769
|
-
<video${
|
|
2872
|
+
<video${cm(i)}></video>
|
|
2770
2873
|
</slot>
|
|
2771
2874
|
<slot></slot>
|
|
2772
|
-
`}function nm(i,{tag:e,is:t}){var n,a,l,c,p,tm,v,g,m,A,f,rr,Cc,im,Mc,rm,om;let r=(a=(n=globalThis.document)==null?void 0:n.createElement)==null?void 0:a.call(n,e,{is:t}),o=r?xE(r):[];return l=class extends i{constructor(){super(...arguments);S(this,f);S(this,v,!1);S(this,g,null);S(this,m,new Map);S(this,A);H(this,"get");H(this,"set");H(this,"call")}static get observedAttributes(){var K,ne;return U(K=l,p,tm).call(K),[...((ne=r==null?void 0:r.constructor)==null?void 0:ne.observedAttributes)??[],...em]}get nativeEl(){var k;return U(this,f,rr).call(this),u(this,g)??this.querySelector(":scope > [slot=media]")??this.querySelector(e)??((k=this.shadowRoot)==null?void 0:k.querySelector(e))??null}set nativeEl(k){_(this,g,k)}get defaultMuted(){return this.hasAttribute("muted")}set defaultMuted(k){this.toggleAttribute("muted",k)}get src(){return this.getAttribute("src")}set src(k){this.setAttribute("src",`${k}`)}get preload(){var k;return this.getAttribute("preload")??((k=this.nativeEl)==null?void 0:k.preload)}set preload(k){this.setAttribute("preload",`${k}`)}init(){if(!this.shadowRoot){this.attachShadow({mode:"open"});let k=PE(this.attributes);t&&(k.is=t),e&&(k.part=e),this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(k)}this.nativeEl.muted=this.hasAttribute("muted");for(let k of o)U(this,f,rm).call(this,k);_(this,A,new MutationObserver(U(this,f,im).bind(this))),this.shadowRoot.addEventListener("slotchange",()=>U(this,f,Cc).call(this)),U(this,f,Cc).call(this);for(let k of this.constructor.Events)this.shadowRoot.addEventListener(k,this,!0)}handleEvent(k){k.target===this.nativeEl&&this.dispatchEvent(new CustomEvent(k.type,{detail:k.detail}))}attributeChangedCallback(k,K,ne){U(this,f,rr).call(this),U(this,f,om).call(this,k,K,ne)}connectedCallback(){U(this,f,rr).call(this)}},c=new WeakMap,p=new WeakSet,tm=function(){if(u(this,c))return;_(this,c,!0);let k=new Set(this.observedAttributes);k.delete("muted");for(let K of o)if(!(K in this.prototype))if(typeof r[K]=="function")this.prototype[K]=function(...ne){return U(this,f,rr).call(this),(()=>{var pe;if(this.call)return this.call(K,...ne);let G=(pe=this.nativeEl)==null?void 0:pe[K];return G==null?void 0:G.apply(this.nativeEl,ne)})()};else{let ne={get(){var G,pe;U(this,f,rr).call(this);let te=K.toLowerCase();if(k.has(te)){let Rt=this.getAttribute(te);return Rt===null?!1:Rt===""?!0:Rt}return((G=this.get)==null?void 0:G.call(this,K))??((pe=this.nativeEl)==null?void 0:pe[K])}};K!==K.toUpperCase()&&(ne.set=function(te){U(this,f,rr).call(this);let G=K.toLowerCase();if(k.has(G)){te===!0||te===!1||te==null?this.toggleAttribute(G,!!te):this.setAttribute(G,te);return}if(this.set){this.set(K,te);return}this.nativeEl&&(this.nativeEl[K]=te)}),Object.defineProperty(this.prototype,K,ne)}},v=new WeakMap,g=new WeakMap,m=new WeakMap,A=new WeakMap,f=new WeakSet,rr=function(){u(this,v)||(_(this,v,!0),this.init())},Cc=function(){var te;let k=new Map(u(this,m)),K=(te=this.shadowRoot)==null?void 0:te.querySelector("slot:not([name])");(K==null?void 0:K.assignedElements({flatten:!0}).filter(G=>["track","source"].includes(G.localName))).forEach(G=>{var Rt,Mo;k.delete(G);let pe=u(this,m).get(G);pe||(pe=G.cloneNode(),u(this,m).set(G,pe),(Rt=u(this,A))==null||Rt.observe(G,{attributes:!0})),(Mo=this.nativeEl)==null||Mo.append(pe),U(this,f,Mc).call(this,pe)}),k.forEach((G,pe)=>{G.remove(),u(this,m).delete(pe)})},im=function(k){for(let K of k)if(K.type==="attributes"){let{target:ne,attributeName:te}=K,G=u(this,m).get(ne);G&&te&&(G.setAttribute(te,ne.getAttribute(te)??""),U(this,f,Mc).call(this,G))}},Mc=function(k){k&&k.localName==="track"&&k.default&&(k.kind==="chapters"||k.kind==="metadata")&&k.track.mode==="disabled"&&(k.track.mode="hidden")},rm=function(k){if(Object.prototype.hasOwnProperty.call(this,k)){let K=this[k];delete this[k],this[k]=K}},om=function(k,K,ne){var te,G,pe;["id","class"].includes(k)||!l.observedAttributes.includes(k)&&this.constructor.observedAttributes.includes(k)||(ne===null?(te=this.nativeEl)==null||te.removeAttribute(k):((G=this.nativeEl)==null?void 0:G.getAttribute(k))!==ne&&((pe=this.nativeEl)==null||pe.setAttribute(k,ne)))},S(l,p),H(l,"getTemplateHTML",e.endsWith("audio")?ME:RE),H(l,"shadowRootOptions",{mode:"open"}),H(l,"Events",CE),S(l,c,!1),l}function xE(i){let e=[];for(let t=Object.getPrototypeOf(i);t&&t!==HTMLElement.prototype;t=Object.getPrototypeOf(t)){let r=Object.getOwnPropertyNames(t);e.push(...r)}return e}function am(i){let e="";for(let t in i){if(!em.includes(t))continue;let r=i[t];r===""?e+=` ${t}`:e+=` ${t}="${r}"`}return e}function PE(i){let e={};for(let t of i)e[t.name]=t.value;return e}var Oe=nm(globalThis.HTMLElement??class{},{tag:"video"}),iw=nm(globalThis.HTMLElement??class{},{tag:"audio"});var Bt=class extends Event{constructor(t,r){super(t);H(this,"track");this.track=r.track}};var Rc=new WeakMap;function T(i){return Rc.get(i)??DE(i,{})}function DE(i,e){let t=Rc.get(i);return t||Rc.set(i,t={}),Object.assign(t,e)}function hl(i,e){let t=i.videoTracks;T(e).media=i,T(e).renditionSet||(T(e).renditionSet=new Set);let r=T(t).trackSet;r.add(e);let o=r.size-1;o in nr.prototype||Object.defineProperty(nr.prototype,o,{get(){return[...T(this).trackSet][o]}}),queueMicrotask(()=>{t.dispatchEvent(new Bt("addtrack",{track:e}))})}function pl(i){var r;let e=(r=T(i).media)==null?void 0:r.videoTracks;if(!e)return;T(e).trackSet.delete(i),queueMicrotask(()=>{e.dispatchEvent(new Bt("removetrack",{track:i}))})}function sm(i){let e=T(i).media.videoTracks??[],t=!1;for(let r of e)r!==i&&(r.selected=!1,t=!0);if(t){if(T(e).changeRequested)return;T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,e.dispatchEvent(new Event("change"))})}}var ai,si,li,or,jn,nr=class extends EventTarget{constructor(){super();S(this,or);S(this,ai);S(this,si);S(this,li);T(this).trackSet=new Set}[Symbol.iterator](){return u(this,or,jn).values()}get length(){return u(this,or,jn).size}getTrackById(t){return[...u(this,or,jn)].find(r=>r.id===t)??null}get selectedIndex(){return[...u(this,or,jn)].findIndex(t=>t.selected)}get onaddtrack(){return u(this,ai)}set onaddtrack(t){u(this,ai)&&(this.removeEventListener("addtrack",u(this,ai)),_(this,ai,void 0)),typeof t=="function"&&(_(this,ai,t),this.addEventListener("addtrack",t))}get onremovetrack(){return u(this,si)}set onremovetrack(t){u(this,si)&&(this.removeEventListener("removetrack",u(this,si)),_(this,si,void 0)),typeof t=="function"&&(_(this,si,t),this.addEventListener("removetrack",t))}get onchange(){return u(this,li)}set onchange(t){u(this,li)&&(this.removeEventListener("change",u(this,li)),_(this,li,void 0)),typeof t=="function"&&(_(this,li,t),this.addEventListener("change",t))}};ai=new WeakMap,si=new WeakMap,li=new WeakMap,or=new WeakSet,jn=function(){return T(this).trackSet};var Vt=class extends Event{constructor(t,r){super(t);H(this,"rendition");this.rendition=r.rendition}};function lm(i,e){let t=T(i).media.videoRenditions;T(e).media=T(i).media,T(e).track=i;let r=T(i).renditionSet;r.add(e);let o=r.size-1;o in ar.prototype||Object.defineProperty(ar.prototype,o,{get(){return ho(this)[o]}}),queueMicrotask(()=>{i.selected&&t.dispatchEvent(new Vt("addrendition",{rendition:e}))})}function dm(i){let e=T(i).media.videoRenditions,t=T(i).track;T(t).renditionSet.delete(i),queueMicrotask(()=>{T(i).track.selected&&e.dispatchEvent(new Vt("removerendition",{rendition:i}))})}function cm(i){let e=T(i).media.videoRenditions;!e||T(e).changeRequested||(T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,T(i).track.selected&&e.dispatchEvent(new Event("change"))}))}function ho(i){return[...T(i).media.videoTracks].filter(t=>t.selected).flatMap(t=>[...T(t).renditionSet])}var di,ci,ui,ar=class extends EventTarget{constructor(){super(...arguments);S(this,di);S(this,ci);S(this,ui)}[Symbol.iterator](){return ho(this).values()}get length(){return ho(this).length}getRenditionById(t){return ho(this).find(r=>`${r.id}`==`${t}`)??null}get selectedIndex(){return ho(this).findIndex(t=>t.selected)}set selectedIndex(t){for(let[r,o]of ho(this).entries())o.selected=r===t}get onaddrendition(){return u(this,di)}set onaddrendition(t){u(this,di)&&(this.removeEventListener("addrendition",u(this,di)),_(this,di,void 0)),typeof t=="function"&&(_(this,di,t),this.addEventListener("addrendition",t))}get onremoverendition(){return u(this,ci)}set onremoverendition(t){u(this,ci)&&(this.removeEventListener("removerendition",u(this,ci)),_(this,ci,void 0)),typeof t=="function"&&(_(this,ci,t),this.addEventListener("removerendition",t))}get onchange(){return u(this,ui)}set onchange(t){u(this,ui)&&(this.removeEventListener("change",u(this,ui)),_(this,ui,void 0)),typeof t=="function"&&(_(this,ui,t),this.addEventListener("change",t))}};di=new WeakMap,ci=new WeakMap,ui=new WeakMap;var po,ea=class{constructor(){H(this,"src");H(this,"id");H(this,"width");H(this,"height");H(this,"bitrate");H(this,"frameRate");H(this,"codec");S(this,po,!1)}get selected(){return u(this,po)}set selected(e){u(this,po)!==e&&(_(this,po,e),cm(this))}};po=new WeakMap;var mo,vo=class{constructor(){H(this,"id");H(this,"kind");H(this,"label","");H(this,"language","");H(this,"sourceBuffer");S(this,mo,!1)}addRendition(e,t,r,o,n,a){let l=new ea;return l.src=e,l.width=t,l.height=r,l.frameRate=a,l.bitrate=n,l.codec=o,lm(this,l),l}removeRendition(e){dm(e)}get selected(){return u(this,mo)}set selected(e){u(this,mo)!==e&&(_(this,mo,e),e===!0&&sm(this))}};mo=new WeakMap;function um(i,e){let t=T(i).media.audioRenditions;T(e).media=T(i).media,T(e).track=i;let r=T(i).renditionSet;r.add(e);let o=r.size-1;o in sr.prototype||Object.defineProperty(sr.prototype,o,{get(){return fo(this)[o]}}),queueMicrotask(()=>{i.enabled&&t.dispatchEvent(new Vt("addrendition",{rendition:e}))})}function hm(i){let e=T(i).media.audioRenditions,t=T(i).track;T(t).renditionSet.delete(i),queueMicrotask(()=>{T(i).track.enabled&&e.dispatchEvent(new Vt("removerendition",{rendition:i}))})}function pm(i){let e=T(i).media.audioRenditions;!e||T(e).changeRequested||(T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,T(i).track.enabled&&e.dispatchEvent(new Event("change"))}))}function fo(i){return[...T(i).media.audioTracks].filter(t=>t.enabled).flatMap(t=>[...T(t).renditionSet])}var hi,pi,mi,sr=class extends EventTarget{constructor(){super(...arguments);S(this,hi);S(this,pi);S(this,mi)}[Symbol.iterator](){return fo(this).values()}get length(){return fo(this).length}getRenditionById(t){return fo(this).find(r=>`${r.id}`==`${t}`)??null}get selectedIndex(){return fo(this).findIndex(t=>t.selected)}set selectedIndex(t){for(let[r,o]of fo(this).entries())o.selected=r===t}get onaddrendition(){return u(this,hi)}set onaddrendition(t){u(this,hi)&&(this.removeEventListener("addrendition",u(this,hi)),_(this,hi,void 0)),typeof t=="function"&&(_(this,hi,t),this.addEventListener("addrendition",t))}get onremoverendition(){return u(this,pi)}set onremoverendition(t){u(this,pi)&&(this.removeEventListener("removerendition",u(this,pi)),_(this,pi,void 0)),typeof t=="function"&&(_(this,pi,t),this.addEventListener("removerendition",t))}get onchange(){return u(this,mi)}set onchange(t){u(this,mi)&&(this.removeEventListener("change",u(this,mi)),_(this,mi,void 0)),typeof t=="function"&&(_(this,mi,t),this.addEventListener("change",t))}};hi=new WeakMap,pi=new WeakMap,mi=new WeakMap;var go,ta=class{constructor(){H(this,"src");H(this,"id");H(this,"bitrate");H(this,"codec");S(this,go,!1)}get selected(){return u(this,go)}set selected(e){u(this,go)!==e&&(_(this,go,e),pm(this))}};go=new WeakMap;function vl(i,e){let t=i.audioTracks;T(e).media=i,T(e).renditionSet||(T(e).renditionSet=new Set);let r=T(t).trackSet;r.add(e);let o=r.size-1;o in lr.prototype||Object.defineProperty(lr.prototype,o,{get(){return[...T(this).trackSet][o]}}),queueMicrotask(()=>{t.dispatchEvent(new Bt("addtrack",{track:e}))})}function fl(i){var r;let e=(r=T(i).media)==null?void 0:r.audioTracks;if(!e)return;T(e).trackSet.delete(i),queueMicrotask(()=>{e.dispatchEvent(new Bt("removetrack",{track:i}))})}function mm(i){let e=T(i).media.audioTracks;!e||T(e).changeRequested||(T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,e.dispatchEvent(new Event("change"))}))}var vi,fi,gi,Eo,ml,lr=class extends EventTarget{constructor(){super();S(this,Eo);S(this,vi);S(this,fi);S(this,gi);T(this).trackSet=new Set}[Symbol.iterator](){return u(this,Eo,ml).values()}get length(){return u(this,Eo,ml).size}getTrackById(t){return[...u(this,Eo,ml)].find(r=>r.id===t)??null}get onaddtrack(){return u(this,vi)}set onaddtrack(t){u(this,vi)&&(this.removeEventListener("addtrack",u(this,vi)),_(this,vi,void 0)),typeof t=="function"&&(_(this,vi,t),this.addEventListener("addtrack",t))}get onremovetrack(){return u(this,fi)}set onremovetrack(t){u(this,fi)&&(this.removeEventListener("removetrack",u(this,fi)),_(this,fi,void 0)),typeof t=="function"&&(_(this,fi,t),this.addEventListener("removetrack",t))}get onchange(){return u(this,gi)}set onchange(t){u(this,gi)&&(this.removeEventListener("change",u(this,gi)),_(this,gi,void 0)),typeof t=="function"&&(_(this,gi,t),this.addEventListener("change",t))}};vi=new WeakMap,fi=new WeakMap,gi=new WeakMap,Eo=new WeakSet,ml=function(){return T(this).trackSet};var bo,_o=class{constructor(){H(this,"id");H(this,"kind");H(this,"label","");H(this,"language","");H(this,"sourceBuffer");S(this,bo,!1)}addRendition(e,t,r){let o=new ta;return o.src=e,o.codec=t,o.bitrate=r,um(this,o),o}removeRendition(e){hm(e)}get enabled(){return u(this,bo)}set enabled(e){u(this,bo)!==e&&(_(this,bo,e),mm(this))}};bo=new WeakMap;var vm=gl(globalThis.HTMLMediaElement,"video"),fm=gl(globalThis.HTMLMediaElement,"audio");function yo(i){if(!(i!=null&&i.prototype))return i;let e=gl(i,"video");(!e||`${e}`.includes("[native code]"))&&Object.defineProperty(i.prototype,"videoTracks",{get(){return OE(this)}});let t=gl(i,"audio");(!t||`${t}`.includes("[native code]"))&&Object.defineProperty(i.prototype,"audioTracks",{get(){return UE(this)}}),"addVideoTrack"in i.prototype||(i.prototype.addVideoTrack=function(n,a="",l=""){let c=new vo;return c.kind=n,c.label=a,c.language=l,hl(this,c),c}),"removeVideoTrack"in i.prototype||(i.prototype.removeVideoTrack=pl),"addAudioTrack"in i.prototype||(i.prototype.addAudioTrack=function(n,a="",l=""){let c=new _o;return c.kind=n,c.label=a,c.language=l,vl(this,c),c}),"removeAudioTrack"in i.prototype||(i.prototype.removeAudioTrack=fl),"videoRenditions"in i.prototype||Object.defineProperty(i.prototype,"videoRenditions",{get(){return r(this)}});let r=n=>{let a=T(n).videoRenditions;return a||(a=new ar,T(a).media=n,T(n).videoRenditions=a),a};"audioRenditions"in i.prototype||Object.defineProperty(i.prototype,"audioRenditions",{get(){return o(this)}});let o=n=>{let a=T(n).audioRenditions;return a||(a=new sr,T(a).media=n,T(n).audioRenditions=a),a};return i}function gl(i,e){var t;if(i!=null&&i.prototype)return(t=Object.getOwnPropertyDescriptor(i.prototype,`${e}Tracks`))==null?void 0:t.get}function OE(i){let e=T(i).videoTracks;if(!e&&(e=new nr,T(i).videoTracks=e,vm)){let t=vm.call(i.nativeEl??i);for(let r of t)hl(i,r);t.addEventListener("change",()=>{e.dispatchEvent(new Event("change"))}),t.addEventListener("addtrack",r=>{if([...e].some(o=>o instanceof vo)){for(let o of t)pl(o);return}hl(i,r.track)}),t.addEventListener("removetrack",r=>{pl(r.track)})}return e}function UE(i){let e=T(i).audioTracks;if(!e&&(e=new lr,T(i).audioTracks=e,fm)){let t=fm.call(i.nativeEl??i);for(let r of t)vl(i,r);t.addEventListener("change",()=>{e.dispatchEvent(new Event("change"))}),t.addEventListener("addtrack",r=>{if([...e].some(o=>o instanceof _o)){for(let o of t)fl(o);return}vl(i,r.track)}),t.addEventListener("removetrack",r=>{fl(r.track)})}return e}var Se=Vm(au("hls.js"),1);var NE=yo(Oe),Wt,Ei,To,rt,gm,Em,xc,ia,bm,bi=class extends NE{constructor(){super();S(this,rt);S(this,Wt,null);S(this,Ei,null);S(this,To,!1);this.api=null;S(this,ia,()=>{var r,o;let t=this.nativeEl;t!=null&&t.webkitCurrentPlaybackTargetIsWireless?(r=this.api)==null||r.stopLoad():(o=this.api)==null||o.startLoad()});U(this,rt,bm).call(this,"config")}static getTemplateHTML(t,r={}){let{src:o,...n}=t;return`
|
|
2875
|
+
`}function dm(i,{tag:e,is:t}){var n,a,l,d,v,nm,p,f,m,A,g,rr,xc,am,Pc,sm,lm;let r=(a=(n=globalThis.document)==null?void 0:n.createElement)==null?void 0:a.call(n,e,{is:t}),o=r?UE(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,nm).call(K),[...((ne=r==null?void 0:r.constructor)==null?void 0:ne.observedAttributes)??[],...om]}get nativeEl(){var k;return O(this,g,rr).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=NE(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,sm).call(this,k);_(this,A,new MutationObserver(O(this,g,am).bind(this))),this.shadowRoot.addEventListener("slotchange",()=>O(this,g,xc).call(this)),O(this,g,xc).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,rr).call(this),O(this,g,lm).call(this,k,K,ne)}connectedCallback(){O(this,g,rr).call(this)}},d=new WeakMap,v=new WeakSet,nm=function(){if(u(this,d))return;_(this,d,!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,rr).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,rr).call(this);let te=K.toLowerCase();if(k.has(te)){let Mt=this.getAttribute(te);return Mt===null?!1:Mt===""?!0:Mt}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(te){O(this,g,rr).call(this);let G=K.toLowerCase();if(k.has(G)){te===!0||te===!1||te==null?this.toggleAttribute(G,!!te):this.setAttribute(G,te);return}if(this.set){this.set(K,te);return}this.nativeEl&&(this.nativeEl[K]=te)}),Object.defineProperty(this.prototype,K,ne)}},p=new WeakMap,f=new WeakMap,m=new WeakMap,A=new WeakMap,g=new WeakSet,rr=function(){u(this,p)||(_(this,p,!0),this.init())},xc=function(){var te;let k=new Map(u(this,m)),K=(te=this.shadowRoot)==null?void 0:te.querySelector("slot:not([name])");(K==null?void 0:K.assignedElements({flatten:!0}).filter(G=>["track","source"].includes(G.localName))).forEach(G=>{var Mt,Ro;k.delete(G);let he=u(this,m).get(G);he||(he=G.cloneNode(),u(this,m).set(G,he),(Mt=u(this,A))==null||Mt.observe(G,{attributes:!0})),(Ro=this.nativeEl)==null||Ro.append(he),O(this,g,Pc).call(this,he)}),k.forEach((G,he)=>{G.remove(),u(this,m).delete(he)})},am=function(k){for(let K of k)if(K.type==="attributes"){let{target:ne,attributeName:te}=K,G=u(this,m).get(ne);G&&te&&(G.setAttribute(te,ne.getAttribute(te)??""),O(this,g,Pc).call(this,G))}},Pc=function(k){k&&k.localName==="track"&&k.default&&(k.kind==="chapters"||k.kind==="metadata")&&k.track.mode==="disabled"&&(k.track.mode="hidden")},sm=function(k){if(Object.prototype.hasOwnProperty.call(this,k)){let K=this[k];delete this[k],this[k]=K}},lm=function(k,K,ne){var te,G,he;["id","class"].includes(k)||!l.observedAttributes.includes(k)&&this.constructor.observedAttributes.includes(k)||(ne===null?(te=this.nativeEl)==null||te.removeAttribute(k):((G=this.nativeEl)==null?void 0:G.getAttribute(k))!==ne&&((he=this.nativeEl)==null||he.setAttribute(k,ne)))},S(l,v),$(l,"getTemplateHTML",e.endsWith("audio")?DE:OE),$(l,"shadowRootOptions",{mode:"open"}),$(l,"Events",PE),S(l,d,!1),l}function UE(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 cm(i){let e="";for(let t in i){if(!om.includes(t))continue;let r=i[t];r===""?e+=` ${t}`:e+=` ${t}="${r}"`}return e}function NE(i){let e={};for(let t of i)e[t.name]=t.value;return e}var De=dm(globalThis.HTMLElement??class{},{tag:"video"}),sw=dm(globalThis.HTMLElement??class{},{tag:"audio"});var $t=class extends Event{constructor(t,r){super(t);$(this,"track");this.track=r.track}};var Dc=new WeakMap;function T(i){return Dc.get(i)??HE(i,{})}function HE(i,e){let t=Dc.get(i);return t||Dc.set(i,t={}),Object.assign(t,e)}function fl(i,e){let t=i.videoTracks;T(e).media=i,T(e).renditionSet||(T(e).renditionSet=new Set);let r=T(t).trackSet;r.add(e);let o=r.size-1;o in nr.prototype||Object.defineProperty(nr.prototype,o,{get(){return[...T(this).trackSet][o]}}),queueMicrotask(()=>{t.dispatchEvent(new $t("addtrack",{track:e}))})}function gl(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 $t("removetrack",{track:i}))})}function um(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 si,li,di,or,ea,nr=class extends EventTarget{constructor(){super();S(this,or);S(this,si);S(this,li);S(this,di);T(this).trackSet=new Set}[Symbol.iterator](){return u(this,or,ea).values()}get length(){return u(this,or,ea).size}getTrackById(t){return[...u(this,or,ea)].find(r=>r.id===t)??null}get selectedIndex(){return[...u(this,or,ea)].findIndex(t=>t.selected)}get onaddtrack(){return u(this,si)}set onaddtrack(t){u(this,si)&&(this.removeEventListener("addtrack",u(this,si)),_(this,si,void 0)),typeof t=="function"&&(_(this,si,t),this.addEventListener("addtrack",t))}get onremovetrack(){return u(this,li)}set onremovetrack(t){u(this,li)&&(this.removeEventListener("removetrack",u(this,li)),_(this,li,void 0)),typeof t=="function"&&(_(this,li,t),this.addEventListener("removetrack",t))}get onchange(){return u(this,di)}set onchange(t){u(this,di)&&(this.removeEventListener("change",u(this,di)),_(this,di,void 0)),typeof t=="function"&&(_(this,di,t),this.addEventListener("change",t))}};si=new WeakMap,li=new WeakMap,di=new WeakMap,or=new WeakSet,ea=function(){return T(this).trackSet};var Bt=class extends Event{constructor(t,r){super(t);$(this,"rendition");this.rendition=r.rendition}};function hm(i,e){let t=T(i).media.videoRenditions;T(e).media=T(i).media,T(e).track=i;let r=T(i).renditionSet;r.add(e);let o=r.size-1;o in ar.prototype||Object.defineProperty(ar.prototype,o,{get(){return ho(this)[o]}}),queueMicrotask(()=>{i.selected&&t.dispatchEvent(new Bt("addrendition",{rendition:e}))})}function pm(i){let e=T(i).media.videoRenditions,t=T(i).track;T(t).renditionSet.delete(i),queueMicrotask(()=>{T(i).track.selected&&e.dispatchEvent(new Bt("removerendition",{rendition:i}))})}function mm(i){let e=T(i).media.videoRenditions;!e||T(e).changeRequested||(T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,T(i).track.selected&&e.dispatchEvent(new Event("change"))}))}function ho(i){return[...T(i).media.videoTracks].filter(t=>t.selected).flatMap(t=>[...T(t).renditionSet])}var ci,ui,hi,ar=class extends EventTarget{constructor(){super(...arguments);S(this,ci);S(this,ui);S(this,hi)}[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,ci)}set onaddrendition(t){u(this,ci)&&(this.removeEventListener("addrendition",u(this,ci)),_(this,ci,void 0)),typeof t=="function"&&(_(this,ci,t),this.addEventListener("addrendition",t))}get onremoverendition(){return u(this,ui)}set onremoverendition(t){u(this,ui)&&(this.removeEventListener("removerendition",u(this,ui)),_(this,ui,void 0)),typeof t=="function"&&(_(this,ui,t),this.addEventListener("removerendition",t))}get onchange(){return u(this,hi)}set onchange(t){u(this,hi)&&(this.removeEventListener("change",u(this,hi)),_(this,hi,void 0)),typeof t=="function"&&(_(this,hi,t),this.addEventListener("change",t))}};ci=new WeakMap,ui=new WeakMap,hi=new WeakMap;var po,ta=class{constructor(){$(this,"src");$(this,"id");$(this,"width");$(this,"height");$(this,"bitrate");$(this,"frameRate");$(this,"codec");S(this,po,!1)}get selected(){return u(this,po)}set selected(e){u(this,po)!==e&&(_(this,po,e),mm(this))}};po=new WeakMap;var mo,vo=class{constructor(){$(this,"id");$(this,"kind");$(this,"label","");$(this,"language","");$(this,"sourceBuffer");S(this,mo,!1)}addRendition(e,t,r,o,n,a){let l=new ta;return l.src=e,l.width=t,l.height=r,l.frameRate=a,l.bitrate=n,l.codec=o,hm(this,l),l}removeRendition(e){pm(e)}get selected(){return u(this,mo)}set selected(e){u(this,mo)!==e&&(_(this,mo,e),e===!0&&um(this))}};mo=new WeakMap;function vm(i,e){let t=T(i).media.audioRenditions;T(e).media=T(i).media,T(e).track=i;let r=T(i).renditionSet;r.add(e);let o=r.size-1;o in sr.prototype||Object.defineProperty(sr.prototype,o,{get(){return fo(this)[o]}}),queueMicrotask(()=>{i.enabled&&t.dispatchEvent(new Bt("addrendition",{rendition:e}))})}function fm(i){let e=T(i).media.audioRenditions,t=T(i).track;T(t).renditionSet.delete(i),queueMicrotask(()=>{T(i).track.enabled&&e.dispatchEvent(new Bt("removerendition",{rendition:i}))})}function gm(i){let e=T(i).media.audioRenditions;!e||T(e).changeRequested||(T(e).changeRequested=!0,queueMicrotask(()=>{delete T(e).changeRequested,T(i).track.enabled&&e.dispatchEvent(new Event("change"))}))}function fo(i){return[...T(i).media.audioTracks].filter(t=>t.enabled).flatMap(t=>[...T(t).renditionSet])}var pi,mi,vi,sr=class extends EventTarget{constructor(){super(...arguments);S(this,pi);S(this,mi);S(this,vi)}[Symbol.iterator](){return fo(this).values()}get length(){return fo(this).length}getRenditionById(t){return fo(this).find(r=>`${r.id}`==`${t}`)??null}get selectedIndex(){return fo(this).findIndex(t=>t.selected)}set selectedIndex(t){for(let[r,o]of fo(this).entries())o.selected=r===t}get onaddrendition(){return u(this,pi)}set onaddrendition(t){u(this,pi)&&(this.removeEventListener("addrendition",u(this,pi)),_(this,pi,void 0)),typeof t=="function"&&(_(this,pi,t),this.addEventListener("addrendition",t))}get onremoverendition(){return u(this,mi)}set onremoverendition(t){u(this,mi)&&(this.removeEventListener("removerendition",u(this,mi)),_(this,mi,void 0)),typeof t=="function"&&(_(this,mi,t),this.addEventListener("removerendition",t))}get onchange(){return u(this,vi)}set onchange(t){u(this,vi)&&(this.removeEventListener("change",u(this,vi)),_(this,vi,void 0)),typeof t=="function"&&(_(this,vi,t),this.addEventListener("change",t))}};pi=new WeakMap,mi=new WeakMap,vi=new WeakMap;var go,ia=class{constructor(){$(this,"src");$(this,"id");$(this,"bitrate");$(this,"codec");S(this,go,!1)}get selected(){return u(this,go)}set selected(e){u(this,go)!==e&&(_(this,go,e),gm(this))}};go=new WeakMap;function bl(i,e){let t=i.audioTracks;T(e).media=i,T(e).renditionSet||(T(e).renditionSet=new Set);let r=T(t).trackSet;r.add(e);let o=r.size-1;o in lr.prototype||Object.defineProperty(lr.prototype,o,{get(){return[...T(this).trackSet][o]}}),queueMicrotask(()=>{t.dispatchEvent(new $t("addtrack",{track:e}))})}function _l(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 $t("removetrack",{track:i}))})}function Em(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 fi,gi,Ei,Eo,El,lr=class extends EventTarget{constructor(){super();S(this,Eo);S(this,fi);S(this,gi);S(this,Ei);T(this).trackSet=new Set}[Symbol.iterator](){return u(this,Eo,El).values()}get length(){return u(this,Eo,El).size}getTrackById(t){return[...u(this,Eo,El)].find(r=>r.id===t)??null}get onaddtrack(){return u(this,fi)}set onaddtrack(t){u(this,fi)&&(this.removeEventListener("addtrack",u(this,fi)),_(this,fi,void 0)),typeof t=="function"&&(_(this,fi,t),this.addEventListener("addtrack",t))}get onremovetrack(){return u(this,gi)}set onremovetrack(t){u(this,gi)&&(this.removeEventListener("removetrack",u(this,gi)),_(this,gi,void 0)),typeof t=="function"&&(_(this,gi,t),this.addEventListener("removetrack",t))}get onchange(){return u(this,Ei)}set onchange(t){u(this,Ei)&&(this.removeEventListener("change",u(this,Ei)),_(this,Ei,void 0)),typeof t=="function"&&(_(this,Ei,t),this.addEventListener("change",t))}};fi=new WeakMap,gi=new WeakMap,Ei=new WeakMap,Eo=new WeakSet,El=function(){return T(this).trackSet};var bo,_o=class{constructor(){$(this,"id");$(this,"kind");$(this,"label","");$(this,"language","");$(this,"sourceBuffer");S(this,bo,!1)}addRendition(e,t,r){let o=new ia;return o.src=e,o.codec=t,o.bitrate=r,vm(this,o),o}removeRendition(e){fm(e)}get enabled(){return u(this,bo)}set enabled(e){u(this,bo)!==e&&(_(this,bo,e),Em(this))}};bo=new WeakMap;var bm=yl(globalThis.HTMLMediaElement,"video"),_m=yl(globalThis.HTMLMediaElement,"audio");function yo(i){if(!(i!=null&&i.prototype))return i;let e=yl(i,"video");(!e||`${e}`.includes("[native code]"))&&Object.defineProperty(i.prototype,"videoTracks",{get(){return $E(this)}});let t=yl(i,"audio");(!t||`${t}`.includes("[native code]"))&&Object.defineProperty(i.prototype,"audioTracks",{get(){return BE(this)}}),"addVideoTrack"in i.prototype||(i.prototype.addVideoTrack=function(n,a="",l=""){let d=new vo;return d.kind=n,d.label=a,d.language=l,fl(this,d),d}),"removeVideoTrack"in i.prototype||(i.prototype.removeVideoTrack=gl),"addAudioTrack"in i.prototype||(i.prototype.addAudioTrack=function(n,a="",l=""){let d=new _o;return d.kind=n,d.label=a,d.language=l,bl(this,d),d}),"removeAudioTrack"in i.prototype||(i.prototype.removeAudioTrack=_l),"videoRenditions"in i.prototype||Object.defineProperty(i.prototype,"videoRenditions",{get(){return r(this)}});let r=n=>{let a=T(n).videoRenditions;return a||(a=new ar,T(a).media=n,T(n).videoRenditions=a),a};"audioRenditions"in i.prototype||Object.defineProperty(i.prototype,"audioRenditions",{get(){return o(this)}});let o=n=>{let a=T(n).audioRenditions;return a||(a=new sr,T(a).media=n,T(n).audioRenditions=a),a};return i}function yl(i,e){var t;if(i!=null&&i.prototype)return(t=Object.getOwnPropertyDescriptor(i.prototype,`${e}Tracks`))==null?void 0:t.get}function $E(i){let e=T(i).videoTracks;if(!e&&(e=new nr,T(i).videoTracks=e,bm)){let t=bm.call(i.nativeEl??i);for(let r of t)fl(i,r);t.addEventListener("change",()=>{e.dispatchEvent(new Event("change"))}),t.addEventListener("addtrack",r=>{if([...e].some(o=>o instanceof vo)){for(let o of t)gl(o);return}fl(i,r.track)}),t.addEventListener("removetrack",r=>{gl(r.track)})}return e}function BE(i){let e=T(i).audioTracks;if(!e&&(e=new lr,T(i).audioTracks=e,_m)){let t=_m.call(i.nativeEl??i);for(let r of t)bl(i,r);t.addEventListener("change",()=>{e.dispatchEvent(new Event("change"))}),t.addEventListener("addtrack",r=>{if([...e].some(o=>o instanceof _o)){for(let o of t)_l(o);return}bl(i,r.track)}),t.addEventListener("removetrack",r=>{_l(r.track)})}return e}var Se=qm(du("hls.js"),1);var VE=yo(De),Vt,bi,To,it,ym,Tm,Oc,ra,Am,_i=class extends VE{constructor(){super();S(this,it);S(this,Vt,null);S(this,bi,null);S(this,To,!1);this.api=null;S(this,ra,()=>{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,it,Am).call(this,"config")}static getTemplateHTML(t,r={}){let{src:o,...n}=t;return`
|
|
2773
2876
|
<script type="application/json" id="config">
|
|
2774
2877
|
${JSON.stringify(r.config||{})}
|
|
2775
2878
|
<\/script>
|
|
2776
|
-
${
|
|
2777
|
-
`}get config(){return u(this,
|
|
2879
|
+
${De.getTemplateHTML(n)}
|
|
2880
|
+
`}get config(){return u(this,bi)}set config(t){_(this,bi,t)}attributeChangedCallback(t,r,o){t!=="src"&&super.attributeChangedCallback(t,r,o),t==="src"&&r!==o&&this.load()}async load(){var o,n,a;let t=!this.api&&!u(this,To);if(O(this,it,ym).call(this),!this.src)return;if(t&&!u(this,bi)&&_(this,bi,JSON.parse(((n=(o=this.shadowRoot)==null?void 0:o.getElementById("config"))==null?void 0:n.textContent)||"{}")),!O(this,it,Tm).call(this,this.src)){await Promise.resolve(),_(this,To,!0),this.nativeEl.src=this.src;return}if(Se.default.isSupported()){switch(await Promise.resolve(),this.api=new Se.default({liveDurationInfinity:!0,autoStartLoad:!1,...u(this,bi)}),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(Se.default.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(Se.default.Events.DESTROYING,()=>{this.nativeEl.removeEventListener("play",m)}),this.api.startLoad();break}default:this.api.startLoad()}this.nativeEl.webkitCurrentPlaybackTargetIsWireless&&this.api.stopLoad(),this.nativeEl.addEventListener("webkitcurrentplaybacktargetiswirelesschanged",u(this,ra)),_(this,Vt,document.createElement("source")),u(this,Vt).setAttribute("type","application/x-mpegURL"),u(this,Vt).setAttribute("src",this.src),this.nativeEl.disableRemotePlayback=!1,this.nativeEl.append(u(this,Vt));let d=new WeakMap;this.api.on(Se.default.Events.MANIFEST_PARSED,(p,f)=>{this.nativeEl.autoplay&&this.nativeEl.paused&&this.nativeEl.play().catch(A=>{console.warn("Autoplay failed:",A)}),O(this,it,Oc).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);d.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(Se.default.Events.LEVELS_UPDATED,(p,f)=>{let m=[...this.videoTracks][this.videoTracks.selectedIndex??0];if(!m)return;let A=f.levels.map(g=>d.get(g));for(let g of this.videoRenditions)g.id&&!A.includes(g.id)&&m.removeRendition(g)});let v=null;this.api.on(Se.default.Events.ERROR,(p,f)=>{var m;f.type===Se.default.ErrorTypes.NETWORK_ERROR&&f.details===Se.default.ErrorDetails.FRAG_LOAD_ERROR&&(v=((m=f.frag)==null?void 0:m.level)??null)}),this.api.on(Se.default.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(Se.default.Events.DESTROYING,()=>O(this,it,Oc).call(this));return}await Promise.resolve(),this.nativeEl.canPlayType("application/vnd.apple.mpegurl")&&(this.nativeEl.src=this.src)}};Vt=new WeakMap,bi=new WeakMap,To=new WeakMap,it=new WeakSet,ym=function(){var t,r;(t=u(this,Vt))==null||t.remove(),_(this,Vt,null),(r=this.nativeEl)==null||r.removeEventListener("webkitcurrentplaybacktargetiswirelesschanged",u(this,ra)),this.api&&(this.api.detachMedia(),this.api.destroy(),this.api=null),_(this,To,!1)},Tm=function(t){return t.includes(".m3u8")||t.includes("application/x-mpegURL")},Oc=function(){for(let t of this.videoTracks)this.removeVideoTrack(t);for(let t of this.audioTracks)this.removeAudioTrack(t)},ra=new WeakMap,Am=function(t){if(Object.prototype.hasOwnProperty.call(this,t)){let r=this[t];delete this[t],this[t]=r}},_i.shadowRootOptions={...De.shadowRootOptions};globalThis.customElements&&!globalThis.customElements.get("hls-video")&&globalThis.customElements.define("hls-video",_i);var Uc=_i;var WE="nanoplayer.4.min.js",FE="nanoplayer",ke={loading:!1,loaded:!1,error:null,callbacks:[]};function KE(i){return new Promise((e,t)=>{if(window.NanoPlayer){ke.loaded=!0,e();return}if(ke.loaded){e();return}if(ke.error){t(ke.error);return}if(ke.callbacks.push(a=>{a?t(a):e()}),ke.loading)return;ke.loading=!0;let o=`${i.endsWith("/")?i:`${i}/`}${FE}/${WE}`,n=document.createElement("script");n.src=o,n.async=!0,n.onload=()=>{ke.loaded=!0,ke.loading=!1,ke.callbacks.forEach(a=>a()),ke.callbacks=[]},n.onerror=()=>{let a=new Error(`Failed to load NanoPlayer script from ${o}`);ke.error=a,ke.loading=!1,ke.callbacks.forEach(l=>l(a)),ke.callbacks=[]},document.head.appendChild(n)})}var qE=yo(De),Wt,yi,le,rt,Ao,Le,oa,Ti,dr,So,Ft,ko,Lo,we,Nc,Sm,km,Lm,Tl,Ai=class extends qE{constructor(){super();S(this,we);S(this,Wt,null);S(this,yi,null);S(this,le,null);S(this,rt,null);S(this,Ao,"");S(this,Le,null);S(this,oa,!0);S(this,Ti,[]);S(this,dr,[]);S(this,So,null);S(this,Ft,null);S(this,ko,!1);S(this,Lo,!1);this.api=null;O(this,we,Tl).call(this,"config"),O(this,we,Tl).call(this,"streamid"),O(this,we,Tl).call(this,"sourceConfig")}static get observedAttributes(){return[...De.observedAttributes,"streamid","library-location"]}static getTemplateHTML(t,r={}){let{streamid:o,"library-location":n,...a}=t;return`
|
|
2778
2881
|
<script type="application/json" id="config">
|
|
2779
2882
|
${JSON.stringify(r.config||{})}
|
|
2780
2883
|
<\/script>
|
|
2781
|
-
${
|
|
2782
|
-
`}get config(){return u(this,
|
|
2884
|
+
${De.getTemplateHTML(a)}
|
|
2885
|
+
`}get config(){return u(this,Wt)}set config(t){_(this,Wt,t)}get sourceConfig(){return u(this,yi)}set sourceConfig(t){let r=u(this,yi)!==t;_(this,yi,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,d,v;let t=!u(this,le);O(this,we,Nc).call(this);let r=this.streamid,o=!!u(this,yi);if(!(!r&&!o)){_(this,So,new Promise(h=>{_(this,Ft,h)})),t&&!u(this,Wt)&&_(this,Wt,JSON.parse(((a=(n=this.shadowRoot)==null?void 0:n.getElementById("config"))==null?void 0:a.textContent)||"{}"));try{await KE(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,Ft))==null||l.call(this);return}_(this,Ao,`nano-video-${Date.now()}-${Math.random().toString(36).slice(2,9)}`),_(this,rt,document.createElement("div")),u(this,rt).id=u(this,Ao),u(this,rt).style.cssText="width: 100%; height: 100%; position: absolute; top: 0; left: 0;",this.addEventListener("pause",h=>{var p;h.target!==this&&((p=u(this,rt))!=null&&p.contains(h.target))&&u(this,ko)&&h.stopImmediatePropagation()},!0),this.style.position="relative",this.nativeEl.style.display="none",this.appendChild(u(this,rt)),_(this,le,new window.NanoPlayer(u(this,Ao))),this.api=u(this,le);try{let h=O(this,we,Sm).call(this,r,o?u(this,yi):void 0),p=await u(this,le).setup(h);_(this,dr,((d=p.source.entries)==null?void 0:d.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,we,Lm).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,Ft))==null||v.call(this)}}}async play(){if(u(this,So)&&await u(this,So),u(this,le)){_(this,ko,!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,Le))==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,Le))==null?void 0:t.paused)??super.paused}get volume(){var t;return((t=u(this,Le))==null?void 0:t.volume)??super.volume}set volume(t){u(this,Le)?u(this,Le).volume=t:super.volume=t}get muted(){var t;return((t=u(this,Le))==null?void 0:t.muted)??super.muted}set muted(t){u(this,Le)&&(u(this,Le).muted=t),u(this,le)?t?u(this,le).mute():u(this,le).unmute():super.muted=t}get videoWidth(){var t;return((t=u(this,Le))==null?void 0:t.videoWidth)??super.videoWidth}get videoHeight(){var t;return((t=u(this,Le))==null?void 0:t.videoHeight)??super.videoHeight}disconnectedCallback(){var t;O(this,we,Nc).call(this),(t=super.disconnectedCallback)==null||t.call(this)}};Wt=new WeakMap,yi=new WeakMap,le=new WeakMap,rt=new WeakMap,Ao=new WeakMap,Le=new WeakMap,oa=new WeakMap,Ti=new WeakMap,dr=new WeakMap,So=new WeakMap,Ft=new WeakMap,ko=new WeakMap,Lo=new WeakMap,we=new WeakSet,Nc=function(){u(this,Ti).forEach(t=>t()),_(this,Ti,[]),u(this,le)&&(u(this,le).destroy(),_(this,le,null),this.api=null),u(this,rt)&&(u(this,rt).remove(),_(this,rt,null)),_(this,Le,null),_(this,Lo,!1),_(this,dr,[])},Sm=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,Wt))==null?void 0:n.reconnect)??{minDelay:2,maxDelay:10,delaySteps:10,maxRetries:10},buffer:((a=u(this,Wt))==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,Ft))==null||l.call(this)},onPlay:()=>{_(this,ko,!1),_(this,Lo,!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 d=l.data.code??-1,v=l.data.message??"NanoPlayer error";if(d===2004&&u(this,Lo)){this.dispatchEvent(new Event("ended",{bubbles:!0})),(p=u(this,Ft))==null||p.call(this);return}let h=Object.assign(new Error(v),{code:d});this.dispatchEvent(new ErrorEvent("error",{error:h,message:v,bubbles:!0})),(f=u(this,Ft))==null||f.call(this)},onActiveVideoElementChange:l=>{var v;let d=(v=l.data)==null?void 0:v.activeVideoElement;d&&(_(this,Le,d),O(this,we,km).call(this,d))}}}},km=function(t){u(this,Ti).forEach(o=>o()),_(this,Ti,[]);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,Ti).push(()=>t.removeEventListener(o,n))}},Lm=function(){for(let o of this.videoTracks)this.removeVideoTrack(o);if(u(this,dr).length===0)return;let t=this.addVideoTrack("main");t.id="main",t.selected=!0;for(let o of u(this,dr)){let n=t.addRendition("",o.width,o.height,void 0,o.bitrate);n.id=`${o.index}`}let r=()=>{var n,a,l;let o=this.videoRenditions.selectedIndex;o<0?(_(this,oa,!0),(n=u(this,le))==null||n.setAdaption({rule:"deviationOfMean2"})):(_(this,oa,!1),(a=u(this,le))==null||a.switchStream(o).catch(()=>{}),(l=u(this,le))==null||l.setAdaption({rule:"none"}))};this.videoRenditions.addEventListener("change",r)},Tl=function(t){if(Object.prototype.hasOwnProperty.call(this,t)){let r=this[t];delete this[t],this[t]=r}},Ai.shadowRootOptions={...De.shadowRootOptions};globalThis.customElements&&!globalThis.customElements.get("nano-video")&&globalThis.customElements.define("nano-video",Ai);var Hc=Ai;var Oe=du("livekit-client");var GE=yo(De),Ye,_e,re,Ct,wo,It,Co,Io,de,$c,wm,Cm,Al,Im,Mm,Sl,Si=class extends GE{constructor(){super();S(this,de);S(this,Ye,null);S(this,_e,null);S(this,re,null);S(this,Ct,[]);S(this,wo,[]);S(this,It,"disconnected");S(this,Co,null);S(this,Io,null);this.room=null;O(this,de,Sl).call(this,"config"),O(this,de,Sl).call(this,"url"),O(this,de,Sl).call(this,"token")}static get observedAttributes(){return[...De.observedAttributes,"url","token"]}static getTemplateHTML(t,r={}){let{url:o,token:n,...a}=t;return`
|
|
2783
2886
|
<script type="application/json" id="config">
|
|
2784
2887
|
${JSON.stringify(r.config||{})}
|
|
2785
2888
|
<\/script>
|
|
2786
|
-
${
|
|
2787
|
-
`}get config(){return u(this,
|
|
2889
|
+
${De.getTemplateHTML(a)}
|
|
2890
|
+
`}get config(){return u(this,Ye)}set config(t){_(this,Ye,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,d,v;let t=!u(this,_e);O(this,de,$c).call(this);let r=this.url,o=this.token;if(!r||!o)return;_(this,Co,new Promise(h=>{_(this,Io,h)})),t&&!u(this,Ye)&&_(this,Ye,JSON.parse(((d=(l=this.shadowRoot)==null?void 0:l.getElementById("config"))==null?void 0:d.textContent)||"{}"));let n=O(this,de,Im).call(this),a=O(this,de,Mm).call(this);_(this,_e,new Oe.Room(n)),this.room=u(this,_e),u(this,_e).on(Oe.RoomEvent.Connected,()=>{_(this,It,"connected")}),u(this,_e).on(Oe.RoomEvent.Disconnected,h=>{if(_(this,It,"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(Oe.RoomEvent.Reconnecting,()=>{_(this,It,"reconnecting"),this.dispatchEvent(new Event("waiting"))}),u(this,_e).on(Oe.RoomEvent.Reconnected,()=>{_(this,It,"connected"),this.dispatchEvent(new Event("playing"))}),u(this,_e).on(Oe.RoomEvent.TrackSubscribed,(h,p,f)=>{var m,A;if(h.kind===Oe.Track.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,wm).call(this,g),O(this,de,Cm).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,Io))==null||A.call(this)}}),u(this,_e).on(Oe.RoomEvent.TrackUnsubscribed,h=>{h.kind===Oe.Track.Kind.Video&&(h.detach(),O(this,de,Al).call(this),u(this,re)&&(u(this,Ct).forEach(p=>p()),_(this,Ct,[]),u(this,re).remove(),_(this,re,null)))}),_(this,It,"connecting"),this.dispatchEvent(new Event("loadstart"));try{await u(this,_e).connect(r,o,a)}catch(h){_(this,It,"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,Io))==null||v.call(this)}}async play(){return u(this,Co)&&await u(this,Co),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,$c).call(this),(t=super.disconnectedCallback)==null||t.call(this)}};Ye=new WeakMap,_e=new WeakMap,re=new WeakMap,Ct=new WeakMap,wo=new WeakMap,It=new WeakMap,Co=new WeakMap,Io=new WeakMap,de=new WeakSet,$c=function(){u(this,Ct).forEach(t=>t()),_(this,Ct,[]),O(this,de,Al).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,It,"disconnected")},wm=function(t){u(this,Ct).forEach(o=>o()),_(this,Ct,[]);let r=["timeupdate","volumechange","play","playing","pause","resize"];for(let o of r){let n=()=>{this.dispatchEvent(new Event(o))};t.addEventListener(o,n),u(this,Ct).push(()=>t.removeEventListener(o,n))}},Cm=function(t){var l;O(this,de,Al).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((d,v)=>d.quality-v.quality);for(let d of n){let v=o.addRendition("",d.width,d.height,void 0,d.bitrate);v.id=`${d.quality}`}let a=()=>{let d=this.videoRenditions.selectedIndex;if(d<0)t.setVideoQuality(Oe.VideoQuality.HIGH);else{let v=n[d];v&&t.setVideoQuality(v.quality)}};this.videoRenditions.addEventListener("change",a),u(this,wo).push(()=>this.videoRenditions.removeEventListener("change",a))},Al=function(){u(this,wo).forEach(t=>t()),_(this,wo,[]);for(let t of this.videoTracks)this.removeVideoTrack(t)},Im=function(){var t,r,o;return{adaptiveStream:((t=u(this,Ye))==null?void 0:t.adaptiveStream)??!1,dynacast:((r=u(this,Ye))==null?void 0:r.dynacast)??!0,disconnectOnPageLeave:((o=u(this,Ye))==null?void 0:o.disconnectOnPageLeave)??!1}},Mm=function(){var t,r;return{autoSubscribe:!0,peerConnectionTimeout:((t=u(this,Ye))==null?void 0:t.peerConnectionTimeout)??8e3,rtcConfig:{iceTransportPolicy:((r=u(this,Ye))==null?void 0:r.iceTransportPolicy)??"relay"}}},Sl=function(t){if(Object.prototype.hasOwnProperty.call(this,t)){let r=this[t];delete this[t],this[t]=r}},Si.shadowRootOptions={...De.shadowRootOptions};globalThis.customElements&&!globalThis.customElements.get("livekit-video")&&globalThis.customElements.define("livekit-video",Si);var Bc=Si;return Gm(zE);})();
|
|
2788
2891
|
/*! Bundled license information:
|
|
2789
2892
|
|
|
2790
2893
|
@lit/reactive-element/css-tag.js:
|