@mux/mux-player 1.4.0 → 1.5.0

package/dist/index.mjs

@@ -1,713 +1,17 @@
-var et=(e,a,t)=>{if(!a.has(e))throw TypeError("Cannot "+t)};var d=(e,a,t)=>(et(e,a,"read from private field"),t?t.call(e):a.get(e)),h=(e,a,t)=>{if(a.has(e))throw TypeError("Cannot add the same private member more than once");a instanceof WeakSet?a.add(e):a.set(e,t)},A=(e,a,t,i)=>(et(e,a,"write to private field"),i?i.call(e,t):a.set(e,t),t);var p=(e,a,t)=>(et(e,a,"access private method"),t);var ne=class{addEventListener(){}removeEventListener(){}dispatchEvent(a){return!0}};if(typeof DocumentFragment=="undefined"){class e extends ne{}globalThis.DocumentFragment=e}var fe=class extends ne{},tt=class extends ne{},ui={get(e){},define(e,a,t){},upgrade(e){},whenDefined(e){return Promise.resolve(fe)}},ve,at=class{constructor(a,t={}){h(this,ve,void 0);A(this,ve,t==null?void 0:t.detail)}get detail(){return d(this,ve)}initCustomEvent(){}};ve=new WeakMap;function hi(e,a){return new fe}var Ft={document:{createElement:hi},DocumentFragment,customElements:ui,CustomEvent:at,EventTarget:ne,HTMLElement:fe,HTMLVideoElement:tt},Yt=typeof window=="undefined"||typeof globalThis.customElements=="undefined",g=Yt?Ft:globalThis,O=Yt?Ft.document:globalThis.document;import{MediaController as vr}from"media-chrome";import yr,{MediaError as pt,Attributes as m}from"@mux/mux-video";import{StreamTypes as $,PlaybackTypes as Ye,addTextTrack as Er,removeTextTrack as kr,CmcdTypeValues as ai}from"@mux/playback-core";import{VideoEvents as Ti}from"@mux/mux-video";var bi="en",J={code:bi};var Zt="en";function u(e,a=!0){var r,n;let t=a&&(n=(r=J)==null?void 0:r[e])!=null?n:e,i=a?J.code:Zt;return new it(t,i)}var it=class{constructor(a,t=(i=>(i=J.code)!=null?i:Zt)()){this.message=a,this.locale=t}format(a){return this.message.replace(/\{(\w+)\}/g,(t,i)=>{var r;return(r=a[i])!=null?r:""})}toString(){return this.message}};function Wt(e){let a="";return Object.entries(e).forEach(([t,i])=>{i!=null&&(a+=`${pi(t)}: ${i}; `)}),a?a.trim():void 0}function pi(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function zt(e){return e.replace(/[-_]([a-z])/g,(a,t)=>t.toUpperCase())}function _(e){if(e==null)return;let a=+e;return Number.isNaN(a)?void 0:a}function Oe(e){let a=gi(e).toString();return a?"?"+a:""}function gi(e){let a={};for(let t in e)e[t]!=null&&(a[t]=e[t]);return new URLSearchParams(a)}function z(e){let a=(e!=null?e:"").split(".")[1];if(!a)return{};let t=a.replace(/-/g,"+").replace(/_/g,"/"),i=decodeURIComponent(atob(t).split("").map(function(r){return"%"+("00"+r.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(i)}var rt=(e,a)=>!e||!a?!1:e.contains(a)?!0:rt(e,a.getRootNode().host);import{StreamTypes as Me}from"@mux/playback-core";var nt="mux.com",fi=()=>{try{return"1.4.0"}catch{}return"UNKNOWN"},vi=fi(),Re=()=>vi,ot=(e,{token:a,domain:t=nt}={})=>`https://stream.${t}/${e}.m3u8${Oe(!!a?{token:a}:{redundant_streams:!0})}`,Gt=(e,{token:a,thumbnailTime:t,domain:i=nt}={})=>{let r=a==null?t:void 0,{aud:n}=z(a);if(!(a&&n!=="t"))return`https://image.${i}/${e}/thumbnail.jpg${Oe({token:a,time:r})}`},Xt=(e,{token:a,domain:t=nt}={})=>{let{aud:i}=z(a);if(!(a&&i!=="s"))return`https://image.${t}/${e}/storyboard.vtt${Oe({token:a})}`};function st(e){if(e&&/^media-theme-[\w-]+$/.test(e))return e}var yi={crossorigin:"crossOrigin",playsinline:"playsInline"};function Jt(e){var a;return(a=yi[e])!=null?a:zt(e)}var Qt=e=>{var t,i;let{media:a}=e;return(i=(t=a==null?void 0:a._hls)==null?void 0:t.liveSyncPosition)!=null?i:a!=null&&a.seekable.length?a==null?void 0:a.seekable.end(a.seekable.length-1):void 0},lt=e=>{let a=Qt(e);if(a==null){console.warn("attempting to seek to live but cannot determine live edge time!");return}e.currentTime=a},Ei=1,ki=5,qt=3,jt=.5,ea=e=>{var n;let{streamType:a}=e,t=Qt(e),i=(n=e.media)==null?void 0:n.currentTime;if(t==null||i==null)return!1;let r=t-i;return a===Me.LL_LIVE||a===Me.LL_DVR?r<=Ei*(qt+jt):a===Me.LIVE||a===Me.DVR?r<=ki*(qt+jt):!1},Q,ee,x,Pe=class{constructor(a,t){h(this,Q,void 0);h(this,ee,void 0);h(this,x,[]);A(this,Q,a),A(this,ee,t)}[Symbol.iterator](){return d(this,x).values()}get length(){return d(this,x).length}get value(){var a;return(a=d(this,x).join(" "))!=null?a:""}set value(a){var t;a!==this.value&&(A(this,x,[]),this.add(...(t=a==null?void 0:a.split(" "))!=null?t:[]))}toString(){return this.value}item(a){return d(this,x)[a]}values(){return d(this,x).values()}keys(){return d(this,x).keys()}forEach(a){d(this,x).forEach(a)}add(...a){var t,i;a.forEach(r=>{this.contains(r)||d(this,x).push(r)}),!(this.value===""&&!((t=d(this,Q))!=null&&t.hasAttribute(`${d(this,ee)}`)))&&((i=d(this,Q))==null||i.setAttribute(`${d(this,ee)}`,`${this.value}`))}remove(...a){var t;a.forEach(i=>{d(this,x).splice(d(this,x).indexOf(i),1)}),(t=d(this,Q))==null||t.setAttribute(`${d(this,ee)}`,`${this.value}`)}contains(a){return d(this,x).includes(a)}toggle(a,t){return typeof t!="undefined"?t?(this.add(a),!0):(this.remove(a),!1):this.contains(a)?(this.remove(a),!1):(this.add(a),!0)}replace(a,t){this.remove(a),this.add(t)}};Q=new WeakMap,ee=new WeakMap,x=new WeakMap;var ta=`[mux-player ${Re()}]`;function q(...e){console.warn(ta,...e)}function M(...e){console.error(ta,...e)}function Ie(e){var t;let a=(t=e.message)!=null?t:"";if(e.file){let i="https://github.com/muxinc/elements/blob/main/errors/";a+=` ${u("Read more: ")}
-${i}${e.file}`}q(a)}var T={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},te={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},ia=Object.freeze({length:0,start(e){let a=e>>>0;if(a>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${a}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(e){let a=e>>>0;if(a>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${a}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),Ai=Ti.filter(e=>e!=="error"),xi=Object.values(T).filter(e=>![T.PLAYSINLINE].includes(e)),wi=Object.values(te);function ra(e){e.querySelectorAll(":scope > track").forEach(a=>{var t;(t=e.media)==null||t.append(a.cloneNode())}),Ai.forEach(a=>{var t;(t=e.media)==null||t.addEventListener(a,i=>{e.dispatchEvent(new Event(i.type))})})}var dt=class extends g.HTMLElement{static get observedAttributes(){return[...xi,...wi]}constructor(){super(),this.querySelectorAll(":scope > track").forEach(i=>{var r;(r=this.media)==null||r.append(i.cloneNode())});let a=i=>{for(let r of i)r.type==="childList"&&(r.removedNodes.forEach(n=>{var c,b;let o=(c=this.media)==null?void 0:c.querySelector(`track[src="${n.src}"]`);o&&((b=this.media)==null||b.removeChild(o))}),r.addedNodes.forEach(n=>{var o;(o=this.media)==null||o.append(n.cloneNode())}))};new MutationObserver(a).observe(this,{childList:!0,subtree:!0})}attributeChangedCallback(a,t,i){var r,n;switch(a){case te.MUTED:{this.media&&(this.media.muted=i!=null,this.media.defaultMuted=i!=null);return}case te.VOLUME:{let o=(r=_(i))!=null?r:1;this.media&&(this.media.volume=o);return}case te.PLAYBACKRATE:{let o=(n=_(i))!=null?n:1;this.media&&(this.media.playbackRate=o,this.media.defaultPlaybackRate=o);return}}}play(){var a,t;return(t=(a=this.media)==null?void 0:a.play())!=null?t:Promise.reject()}pause(){var a;(a=this.media)==null||a.pause()}requestCast(a){var t;return(t=this.media)==null?void 0:t.requestCast(a)}get media(){var a;return(a=this.shadowRoot)==null?void 0:a.querySelector("mux-video")}get paused(){var a,t;return(t=(a=this.media)==null?void 0:a.paused)!=null?t:!0}get duration(){var a,t;return(t=(a=this.media)==null?void 0:a.duration)!=null?t:NaN}get ended(){var a,t;return(t=(a=this.media)==null?void 0:a.ended)!=null?t:!1}get buffered(){var a,t;return(t=(a=this.media)==null?void 0:a.buffered)!=null?t:ia}get seekable(){var a,t;return(t=(a=this.media)==null?void 0:a.seekable)!=null?t:ia}get readyState(){var a,t;return(t=(a=this.media)==null?void 0:a.readyState)!=null?t:0}get videoWidth(){var a,t;return(t=(a=this.media)==null?void 0:a.videoWidth)!=null?t:0}get videoHeight(){var a,t;return(t=(a=this.media)==null?void 0:a.videoHeight)!=null?t:0}get currentTime(){var a,t;return(t=(a=this.media)==null?void 0:a.currentTime)!=null?t:0}set currentTime(a){this.media&&(this.media.currentTime=Number(a))}get volume(){var a,t;return(t=(a=this.media)==null?void 0:a.volume)!=null?t:1}set volume(a){this.media&&(this.media.volume=Number(a))}get playbackRate(){var a,t;return(t=(a=this.media)==null?void 0:a.playbackRate)!=null?t:1}set playbackRate(a){this.media&&(this.media.playbackRate=Number(a))}get defaultPlaybackRate(){var a;return(a=_(this.getAttribute(te.PLAYBACKRATE)))!=null?a:1}set defaultPlaybackRate(a){a!=null?this.setAttribute(te.PLAYBACKRATE,`${a}`):this.removeAttribute(te.PLAYBACKRATE)}get crossOrigin(){return ye(this,T.CROSSORIGIN)}set crossOrigin(a){this.setAttribute(T.CROSSORIGIN,`${a}`)}get autoplay(){return ye(this,T.AUTOPLAY)!=null}set autoplay(a){a?this.setAttribute(T.AUTOPLAY,typeof a=="string"?a:""):this.removeAttribute(T.AUTOPLAY)}get loop(){return ye(this,T.LOOP)!=null}set loop(a){a?this.setAttribute(T.LOOP,""):this.removeAttribute(T.LOOP)}get muted(){var a,t;return(t=(a=this.media)==null?void 0:a.muted)!=null?t:!1}set muted(a){this.media&&(this.media.muted=Boolean(a))}get defaultMuted(){return ye(this,T.MUTED)!=null}set defaultMuted(a){a?this.setAttribute(T.MUTED,""):this.removeAttribute(T.MUTED)}get playsInline(){return ye(this,T.PLAYSINLINE)!=null}set playsInline(a){M("playsInline is set to true by default and is not currently supported as a setter.")}get preload(){return this.media?this.media.preload:this.getAttribute("preload")}set preload(a){["","none","metadata","auto"].includes(a)?this.setAttribute(T.PRELOAD,a):this.removeAttribute(T.PRELOAD)}};function ye(e,a){return e.media?e.media.getAttribute(a):e.getAttribute(a)}var mt=dt;import{MediaTheme as er}from"media-chrome";import{TemplateInstance as la,NodeTemplatePart as De,createProcessor as Li,AttributeTemplatePart as ut}from"@github/template-parts";var Ee=new WeakMap,ke=class{constructor(a,t){this.element=a;this.type=t;this.element.addEventListener(this.type,this);let i=Ee.get(this.element);i&&i.set(this.type,this)}set(a){if(typeof a=="function")this.handleEvent=a.bind(this.element);else if(typeof a=="object"&&typeof a.handleEvent=="function")this.handleEvent=a.handleEvent.bind(a);else{this.element.removeEventListener(this.type,this);let t=Ee.get(this.element);t&&t.delete(this.type)}}static for(a){Ee.has(a.element)||Ee.set(a.element,new Map);let t=a.attributeName.slice(2),i=Ee.get(a.element);return i&&i.has(t)?i.get(t):new ke(a.element,t)}};function $i(e,a){return e instanceof ut&&e.attributeName.startsWith("on")?(ke.for(e).set(a),e.element.removeAttributeNS(e.attributeNamespace,e.attributeName),!0):!1}function Ci(e,a){return a instanceof Te&&e instanceof De?(a.renderInto(e),!0):!1}function Si(e,a){return a instanceof DocumentFragment&&e instanceof De?(a.childNodes.length&&e.replace(...a.childNodes),!0):!1}function Oi(e,a){if(e instanceof ut){let t=e.attributeNamespace,i=e.element.getAttributeNS(t,e.attributeName);return String(a)!==i&&(e.value=String(a)),!0}return e.value=String(a),!0}function Mi(e,a){if(typeof a=="boolean"&&e instanceof ut){let t=e.attributeNamespace,i=e.element.hasAttributeNS(t,e.attributeName);return a!==i&&(e.booleanValue=a),!0}return!1}function Pi(e,a){return a===!1&&e instanceof De?(e.replace(""),!0):!1}function Ri(e,a){Mi(e,a)||$i(e,a)||Pi(e,a)||Ci(e,a)||Si(e,a)||Oi(e,a)}var ct=new WeakMap,na=new WeakMap,oa=new WeakMap,Te=class{constructor(a,t,i){this.strings=a;this.values=t;this.processor=i}get template(){if(ct.has(this.strings))return ct.get(this.strings);{let a=document.createElement("template"),t=this.strings.length-1;return a.innerHTML=this.strings.reduce((i,r,n)=>i+r+(n<t?`{{ ${n} }}`:""),""),ct.set(this.strings,a),a}}renderInto(a){let t=this.template;if(na.get(a)!==t){na.set(a,t);let r=new la(t,this.values,this.processor);oa.set(a,r),a instanceof De?a.replace(...r.children):a.appendChild(r);return}let i=oa.get(a);i&&i.update(this.values)}},sa=new Map,Ii=Li(Ri);function s(e,...a){let t=[""],i=[],r,n=!1,o=(c,b=[])=>{t[t.length-1]=t[t.length-1]+c[0],b.forEach((f,v)=>{(r=f==null?void 0:f.$static$)!==void 0?(r.forEach(S=>{o(S.strings,S.values)}),t[t.length-1]=t[t.length-1]+c[v+1],n=!0):(i.push(f),t.push(c[v+1]))})};if(o(e,a),n){let c=t.join("$$html$$");e=sa.get(c),e===void 0&&(t.raw=t,sa.set(c,e=t)),a=i}return new Te(e,a,Ii)}function _e(e,a){e.renderInto(a)}function y(e,a){let t=document.createElement("template");return t.innerHTML=e,new la(t,a)}var ht=(...e)=>({$static$:e.map(a=>a instanceof Te?a:/\w-/.test(a)?{strings:[a]}:{strings:[]})});var ma=`
+var Ie=(t,a,e)=>{if(!a.has(t))throw TypeError("Cannot "+e)};var l=(t,a,e)=>(Ie(t,a,"read from private field"),e?e.call(t):a.get(t)),c=(t,a,e)=>{if(a.has(t))throw TypeError("Cannot add the same private member more than once");a instanceof WeakSet?a.add(t):a.set(t,e)},k=(t,a,e,i)=>(Ie(t,a,"write to private field"),i?i.call(t,e):a.set(t,e),e);var p=(t,a,e)=>(Ie(t,a,"access private method"),e);var z=class{addEventListener(){}removeEventListener(){}dispatchEvent(a){return!0}};if(typeof DocumentFragment=="undefined"){class t extends z{}globalThis.DocumentFragment=t}var ae=class extends z{},_e=class extends z{},ea={get(t){},define(t,a,e){},upgrade(t){},whenDefined(t){return Promise.resolve(ae)}},ie,Ne=class{constructor(a,e={}){c(this,ie,void 0);k(this,ie,e==null?void 0:e.detail)}get detail(){return l(this,ie)}initCustomEvent(){}};ie=new WeakMap;function ta(t,a){return new ae}var pt={document:{createElement:ta},DocumentFragment,customElements:ea,CustomEvent:Ne,EventTarget:z,HTMLElement:ae,HTMLVideoElement:_e},bt=typeof window=="undefined"||typeof globalThis.customElements=="undefined",h=bt?pt:globalThis,E=bt?pt.document:globalThis.document;import{MediaController as Oa}from"media-chrome";import Ra,{MediaError as Je,Attributes as u}from"@mux/mux-video";import{StreamTypes as x,PlaybackTypes as xe,addTextTrack as Ma,removeTextTrack as Pa,CmcdTypeValues as Ut}from"@mux/playback-core";import{VideoEvents as ua}from"@mux/mux-video";var aa="en",H={code:aa};var ht="en";function d(t,a=!0){var r,o;let e=a&&(o=(r=H)==null?void 0:r[t])!=null?o:t,i=a?H.code:ht;return new Ve(e,i)}var Ve=class{constructor(a,e=(i=>(i=H.code)!=null?i:ht)()){this.message=a,this.locale=e}format(a){return this.message.replace(/\{(\w+)\}/g,(e,i)=>{var r;return(r=a[i])!=null?r:""})}toString(){return this.message}};function gt(t){let a="";return Object.entries(t).forEach(([e,i])=>{i!=null&&(a+=`${ia(e)}: ${i}; `)}),a?a.trim():void 0}function ia(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function ft(t){return t.replace(/[-_]([a-z])/g,(a,e)=>e.toUpperCase())}function M(t){if(t==null)return;let a=+t;return Number.isNaN(a)?void 0:a}function be(t){let a=ra(t).toString();return a?"?"+a:""}function ra(t){let a={};for(let e in t)t[e]!=null&&(a[e]=t[e]);return new URLSearchParams(a)}function _(t){let a=(t!=null?t:"").split(".")[1];if(!a)return{};let e=a.replace(/-/g,"+").replace(/_/g,"/"),i=decodeURIComponent(atob(e).split("").map(function(r){return"%"+("00"+r.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(i)}var $e=(t,a)=>!t||!a?!1:t.contains(a)?!0:$e(t,a.getRootNode().host);import{StreamTypes as he}from"@mux/playback-core";var He="mux.com",oa=()=>{try{return"1.5.0"}catch{}return"UNKNOWN"},na=oa(),fe=()=>na,Ke=(t,{token:a,domain:e=He}={})=>`https://stream.${e}/${t}.m3u8${be(!!a?{token:a}:{redundant_streams:!0})}`,kt=(t,{token:a,thumbnailTime:e,domain:i=He}={})=>{let r=a==null?e:void 0,{aud:o}=_(a);if(!(a&&o!=="t"))return`https://image.${i}/${t}/thumbnail.jpg${be({token:a,time:r})}`},Et=(t,{token:a,domain:e=He}={})=>{let{aud:i}=_(a);if(!(a&&i!=="s"))return`https://image.${e}/${t}/storyboard.vtt${be({token:a})}`};var sa={crossorigin:"crossOrigin",playsinline:"playsInline"};function Tt(t){var a;return(a=sa[t])!=null?a:ft(t)}var At=t=>{var e,i;let{media:a}=t;return(i=(e=a==null?void 0:a._hls)==null?void 0:e.liveSyncPosition)!=null?i:a!=null&&a.seekable.length?a==null?void 0:a.seekable.end(a.seekable.length-1):void 0},Fe=t=>{let a=At(t);if(a==null){console.warn("attempting to seek to live but cannot determine live edge time!");return}t.currentTime=a},la=1,da=5,yt=3,vt=.5,xt=t=>{var o;let{streamType:a}=t,e=At(t),i=(o=t.media)==null?void 0:o.currentTime;if(e==null||i==null)return!1;let r=e-i;return a===he.LL_LIVE||a===he.LL_DVR?r<=la*(yt+vt):a===he.LIVE||a===he.DVR?r<=da*(yt+vt):!1},K,F,T,ge=class{constructor(a,e){c(this,K,void 0);c(this,F,void 0);c(this,T,[]);k(this,K,a),k(this,F,e)}[Symbol.iterator](){return l(this,T).values()}get length(){return l(this,T).length}get value(){var a;return(a=l(this,T).join(" "))!=null?a:""}set value(a){var e;a!==this.value&&(k(this,T,[]),this.add(...(e=a==null?void 0:a.split(" "))!=null?e:[]))}toString(){return this.value}item(a){return l(this,T)[a]}values(){return l(this,T).values()}keys(){return l(this,T).keys()}forEach(a){l(this,T).forEach(a)}add(...a){var e,i;a.forEach(r=>{this.contains(r)||l(this,T).push(r)}),!(this.value===""&&!((e=l(this,K))!=null&&e.hasAttribute(`${l(this,F)}`)))&&((i=l(this,K))==null||i.setAttribute(`${l(this,F)}`,`${this.value}`))}remove(...a){var e;a.forEach(i=>{l(this,T).splice(l(this,T).indexOf(i),1)}),(e=l(this,K))==null||e.setAttribute(`${l(this,F)}`,`${this.value}`)}contains(a){return l(this,T).includes(a)}toggle(a,e){return typeof e!="undefined"?e?(this.add(a),!0):(this.remove(a),!1):this.contains(a)?(this.remove(a),!1):(this.add(a),!0)}replace(a,e){this.remove(a),this.add(e)}};K=new WeakMap,F=new WeakMap,T=new WeakMap;var wt=`[mux-player ${fe()}]`;function N(...t){console.warn(wt,...t)}function L(...t){console.error(wt,...t)}function ye(t){var e;let a=(e=t.message)!=null?e:"";if(t.file){let i="https://github.com/muxinc/elements/blob/main/errors/";a+=` ${d("Read more: ")}
+${i}${t.file}`}N(a)}var v={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},U={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},St=Object.freeze({length:0,start(t){let a=t>>>0;if(a>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${a}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(t){let a=t>>>0;if(a>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${a}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),ma=ua.filter(t=>t!=="error"),ca=Object.values(v).filter(t=>![v.PLAYSINLINE].includes(t)),pa=Object.values(U);function Ct(t){t.querySelectorAll(":scope > track").forEach(a=>{var e;(e=t.media)==null||e.append(a.cloneNode())}),ma.forEach(a=>{var e;(e=t.media)==null||e.addEventListener(a,i=>{t.dispatchEvent(new Event(i.type))})})}var Ue=class extends h.HTMLElement{static get observedAttributes(){return[...ca,...pa]}constructor(){super(),this.querySelectorAll(":scope > track").forEach(i=>{var r;(r=this.media)==null||r.append(i.cloneNode())});let a=i=>{for(let r of i)r.type==="childList"&&(r.removedNodes.forEach(o=>{var m,b;let n=(m=this.media)==null?void 0:m.querySelector(`track[src="${o.src}"]`);n&&((b=this.media)==null||b.removeChild(n))}),r.addedNodes.forEach(o=>{var n;(n=this.media)==null||n.append(o.cloneNode())}))};new MutationObserver(a).observe(this,{childList:!0,subtree:!0})}attributeChangedCallback(a,e,i){var r,o;switch(a){case U.MUTED:{this.media&&(this.media.muted=i!=null,this.media.defaultMuted=i!=null);return}case U.VOLUME:{let n=(r=M(i))!=null?r:1;this.media&&(this.media.volume=n);return}case U.PLAYBACKRATE:{let n=(o=M(i))!=null?o:1;this.media&&(this.media.playbackRate=n,this.media.defaultPlaybackRate=n);return}}}play(){var a,e;return(e=(a=this.media)==null?void 0:a.play())!=null?e:Promise.reject()}pause(){var a;(a=this.media)==null||a.pause()}requestCast(a){var e;return(e=this.media)==null?void 0:e.requestCast(a)}get media(){var a;return(a=this.shadowRoot)==null?void 0:a.querySelector("mux-video")}get paused(){var a,e;return(e=(a=this.media)==null?void 0:a.paused)!=null?e:!0}get duration(){var a,e;return(e=(a=this.media)==null?void 0:a.duration)!=null?e:NaN}get ended(){var a,e;return(e=(a=this.media)==null?void 0:a.ended)!=null?e:!1}get buffered(){var a,e;return(e=(a=this.media)==null?void 0:a.buffered)!=null?e:St}get seekable(){var a,e;return(e=(a=this.media)==null?void 0:a.seekable)!=null?e:St}get readyState(){var a,e;return(e=(a=this.media)==null?void 0:a.readyState)!=null?e:0}get videoWidth(){var a,e;return(e=(a=this.media)==null?void 0:a.videoWidth)!=null?e:0}get videoHeight(){var a,e;return(e=(a=this.media)==null?void 0:a.videoHeight)!=null?e:0}get currentTime(){var a,e;return(e=(a=this.media)==null?void 0:a.currentTime)!=null?e:0}set currentTime(a){this.media&&(this.media.currentTime=Number(a))}get volume(){var a,e;return(e=(a=this.media)==null?void 0:a.volume)!=null?e:1}set volume(a){this.media&&(this.media.volume=Number(a))}get playbackRate(){var a,e;return(e=(a=this.media)==null?void 0:a.playbackRate)!=null?e:1}set playbackRate(a){this.media&&(this.media.playbackRate=Number(a))}get defaultPlaybackRate(){var a;return(a=M(this.getAttribute(U.PLAYBACKRATE)))!=null?a:1}set defaultPlaybackRate(a){a!=null?this.setAttribute(U.PLAYBACKRATE,`${a}`):this.removeAttribute(U.PLAYBACKRATE)}get crossOrigin(){return re(this,v.CROSSORIGIN)}set crossOrigin(a){this.setAttribute(v.CROSSORIGIN,`${a}`)}get autoplay(){return re(this,v.AUTOPLAY)!=null}set autoplay(a){a?this.setAttribute(v.AUTOPLAY,typeof a=="string"?a:""):this.removeAttribute(v.AUTOPLAY)}get loop(){return re(this,v.LOOP)!=null}set loop(a){a?this.setAttribute(v.LOOP,""):this.removeAttribute(v.LOOP)}get muted(){var a,e;return(e=(a=this.media)==null?void 0:a.muted)!=null?e:!1}set muted(a){this.media&&(this.media.muted=Boolean(a))}get defaultMuted(){return re(this,v.MUTED)!=null}set defaultMuted(a){a?this.setAttribute(v.MUTED,""):this.removeAttribute(v.MUTED)}get playsInline(){return re(this,v.PLAYSINLINE)!=null}set playsInline(a){L("playsInline is set to true by default and is not currently supported as a setter.")}get preload(){return this.media?this.media.preload:this.getAttribute("preload")}set preload(a){["","none","metadata","auto"].includes(a)?this.setAttribute(v.PRELOAD,a):this.removeAttribute(v.PRELOAD)}};function re(t,a){return t.media?t.media.getAttribute(a):t.getAttribute(a)}var Ye=Ue;import"media-chrome/dist/media-theme-element.js";var Rt=`
   :host {
     cursor: pointer;
   }
   media-time-display {
     color: inherit;
   }
-`,ca=O.createElement("template");ca.innerHTML=`
+`,Mt=E.createElement("template");Mt.innerHTML=`
   <style>
-    ${ma}
+    ${Rt}
   </style>
   <media-time-display show-duration></media-time-display>
-`;var da=["Enter"," "],Ae,se,Ne,oe=class extends g.HTMLElement{constructor(){var t,i;super();h(this,se);h(this,Ae,void 0);this.attachShadow({mode:"open"}),(t=this.shadowRoot)==null||t.appendChild(this.constructor.template.content.cloneNode(!0)),this.timeDisplayEl=(i=this.shadowRoot)==null?void 0:i.querySelector("media-time-display")}static get observedAttributes(){return["hide-duration","remaining","disabled","aria-disabled"]}toggleTimeDisplay(){var t,i,r;(t=this.timeDisplayEl)!=null&&t.hasAttribute("remaining")?(i=this.timeDisplayEl)==null||i.removeAttribute("remaining"):(r=this.timeDisplayEl)==null||r.setAttribute("remaining","")}connectedCallback(){let t=i=>{let{key:r}=i;if(!da.includes(r)){this.removeEventListener("keyup",t);return}this.toggleTimeDisplay()};this.addEventListener("keydown",i=>{let{metaKey:r,altKey:n,key:o}=i;if(r||n||!da.includes(o)){this.removeEventListener("keyup",t);return}this.addEventListener("keyup",t)}),this.addEventListener("click",this.toggleTimeDisplay),A(this,Ae,setInterval(p(this,se,Ne).bind(this),200)),requestAnimationFrame(()=>p(this,se,Ne).call(this))}disconnectedCallback(){clearInterval(d(this,Ae))}attributeChangedCallback(t,i,r){var n,o;t==="hide-duration"&&p(this,se,Ne).call(this),["remaining","disabled","aria-disabled"].includes(t)&&i!==r&&(r==null?(n=this.timeDisplayEl)==null||n.removeAttribute(t):(o=this.timeDisplayEl)==null||o.setAttribute(t,r))}};Ae=new WeakMap,se=new WeakSet,Ne=function(){var i,r,n,o;getComputedStyle(this).getPropertyValue("--media-duration-display").trim()==="none"||this.getAttribute("hide-duration")!=null?(i=this.timeDisplayEl)!=null&&i.hasAttribute("show-duration")&&((r=this.timeDisplayEl)==null||r.removeAttribute("show-duration")):(n=this.timeDisplayEl)!=null&&n.hasAttribute("show-duration")||(o=this.timeDisplayEl)==null||o.setAttribute("show-duration","")},oe.styles=ma,oe.template=ca;g.customElements.get("mxp-time-display")||(g.customElements.define("mxp-time-display",oe),g.MxpTimeDisplay=oe);var ua=`:host(:not([audio])) {
-  --secondary-color: transparent;
-}
-
-:host {
-  --_primary-color: var(--primary-color, #fff);
-
-  --media-icon-color: var(--_primary-color);
-  --media-range-thumb-background: var(--_primary-color);
-  --media-range-bar-color: var(--_primary-color);
-  --media-control-background: var(--secondary-color);
-  --media-control-hover-background: var(--secondary-color);
-  --media-time-buffered-color: rgba(255, 255, 255, 0.4);
-  --media-range-track-background: rgba(255, 255, 255, 0.5);
-  --media-range-track-border-radius: 3px;
-  --media-preview-thumbnail-border: 1px solid #fff;
-  --media-preview-thumbnail-border-radius: 2px;
-  --media-preview-time-margin: 5px 0 2px;
-  color: var(--_primary-color);
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-}
-
-:host(.two-tone:not([audio])) {
-  --mux-time-range-padding: 0px; /* px is needed in calc() */
-  --media-preview-thumbnail-border: 0;
-  --media-preview-thumbnail-border-radius: 2px 2px 0 0;
-  --media-preview-time-border-radius: 0 0 2px 2px;
-  --media-preview-time-margin: 0 0 8px;
-  --media-preview-time-text-shadow: none;
-}
-
-:host([audio]) {
-  --media-preview-time-border-radius: 3px;
-  --media-preview-time-margin: 0 0 5px;
-  --media-preview-time-text-shadow: none;
-}
-
-:host(.two-tone:not([audio])) media-time-range {
-  --media-range-track-border-radius: 0;
-}
-
-:host([audio]) ::slotted([slot='media']) {
-  height: 0px;
-}
-
-:host([audio]) :is(media-poster-image, media-loading-indicator) {
-  display: none;
-}
-
-:host([audio]) media-controller {
-  background: transparent;
-}
-
-:host([audio]) media-controller::part(vertical-layer) {
-  background: transparent;
-}
-
-:host([audio]) media-control-bar {
-  width: 100%;
-}
-
-[disabled],
-[aria-disabled='true'] {
-  opacity: 60%;
-  cursor: not-allowed;
-}
-
-media-captions-button:not(:is([media-captions-list], [media-subtitles-list])) {
-  --captions-button: none;
-}
-
-media-volume-range[media-volume-unavailable] {
-  --volume-range: none;
-}
-
-media-airplay-button[media-airplay-unavailable] {
-  --airplay-button: none;
-}
-
-media-fullscreen-button[media-fullscreen-unavailable] {
-  --fullscreen-button: none;
-}
-
-media-cast-button[media-cast-unavailable] {
-  --cast-button: none;
-}
-
-media-pip-button[media-pip-unavailable] {
-  --pip-button: none;
-}
-
-media-controller {
-  width: 100%;
-  height: 100%;
-}
-
-:host media-time-range {
-  color: var(--_primary-color);
-  --media-range-thumb-opacity: 0;
-}
-
-:host(:not([audio])) media-time-range {
-  --media-range-padding-left: var(--mux-time-range-padding, 10px);
-  --media-range-padding-right: var(--mux-time-range-padding, 10px);
-  --media-range-padding: 0;
-  z-index: 10;
-  height: 10px;
-  bottom: -3px;
-  background: linear-gradient(
-    180deg,
-    transparent,
-    transparent 3px,
-    var(--media-control-background, rgba(20, 20, 30, 0.7)) 3px,
-    var(--media-control-background, rgba(20, 20, 30, 0.7)) 7px,
-    transparent 7px,
-    transparent
-  );
-  width: 100%;
-}
-
-media-control-bar {
-  --media-control-padding: 9px 7px;
-}
-
-.size-small media-control-bar {
-  --media-control-padding: 9px 5px;
-}
-
-.size-extra-small media-control-bar {
-  --media-control-padding: 4px 3px;
-}
-
-media-control-bar :is([role='button'], [role='switch'], button) {
-  line-height: 0;
-}
-
-media-control-bar :is(media-text-display, mxp-time-display):first-child {
-  --media-control-padding: 9px 5px 9px 10px;
-}
-
-.spacer {
-  flex-grow: 1;
-  background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));
-}
-
-/* Add a small space on the right to have the play button and
- * fullscreen button aligned in relation to the progress bar. */
-media-control-bar:not([slot])::after {
-  content: '';
-  width: 2px;
-  height: 100%;
-  background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));
-}
-
-media-control-bar[slot='top-chrome'] {
-  min-height: 42px;
-  pointer-events: none;
-}
-
-:host([title]) media-control-bar[slot='top-chrome']::before {
-  content: '';
-  position: absolute;
-  width: 100%;
-  padding-bottom: min(160px, 25%);
-  background: linear-gradient(rgb(0 0 0 / 0.4), transparent);
-}
-
-media-control-bar[slot='top-chrome'] > * {
-  --media-control-background: transparent;
-  --media-control-hover-background: transparent;
-  position: relative;
-}
-
-media-controller::part(vertical-layer) {
-  transition: background-color 1s;
-}
-
-media-controller:is([media-paused], :not([user-inactive]))::part(vertical-layer) {
-  background-color: var(--controls-backdrop-color, var(--controls, transparent));
-  transition: background-color 0.25s;
-}
-
-.center-controls {
-  --media-button-icon-width: 100%;
-  --media-button-icon-height: auto;
-  pointer-events: none;
-  width: 100%;
-  display: flex;
-  flex-flow: row;
-  align-items: center;
-  justify-content: center;
-  filter: drop-shadow(0 0 2px rgb(0 0 0 / 0.25)) drop-shadow(0 0 6px rgb(0 0 0 / 0.25));
-  paint-order: stroke;
-  stroke: rgba(102, 102, 102, 1);
-  stroke-width: 0.3px;
-  text-shadow: 0 0 2px rgb(0 0 0 / 0.25), 0 0 6px rgb(0 0 0 / 0.25);
-}
-
-.center-controls media-play-button {
-  --media-control-background: transparent;
-  --media-control-hover-background: transparent;
-  padding: 0;
-  width: max(43px, min(10%, 55px));
-}
-
-.center-controls media-seek-backward-button,
-.center-controls media-seek-forward-button {
-  --media-control-background: transparent;
-  --media-control-hover-background: transparent;
-  padding: 0;
-  margin: 0 2%;
-  width: max(33px, min(8%, 40px));
-}
-
-media-control-bar:not([slot]) media-seek-backward-button {
-  padding-right: 5px;
-}
-
-media-control-bar:not([slot]) media-seek-forward-button {
-  padding-left: 5px;
-}
-
-media-loading-indicator {
-  --media-loading-icon-width: 100%;
-  --media-button-icon-height: auto;
-  pointer-events: none;
-  position: absolute;
-  width: min(15%, 150px);
-  display: flex;
-  flex-flow: row;
-  align-items: center;
-  justify-content: center;
-}
-
-/* Intentionally don't target the div for transition but the children
- of the div. Prevents messing with media-chrome's autohide feature. */
-media-loading-indicator + div * {
-  transition: opacity 0.15s;
-  opacity: 1;
-}
-
-media-loading-indicator[media-loading]:not([media-paused]) ~ div > * {
-  opacity: 0;
-  transition-delay: 400ms;
-}
-
-media-volume-range {
-  width: min(100%, 100px);
-}
-
-media-time-display {
-  white-space: nowrap;
-}
-
-:is(media-time-display, media-text-display, media-playback-rate-button[role='button']) {
-  color: inherit;
-  line-height: 24px;
-}
-
-.title-display {
-  font-size: 16px;
-  text-shadow: 0 0 2px rgb(0 0 0 / 0.6);
-}
-
-:host([audio]) .title-display {
-  flex-grow: 1;
-  font-size: 21px;
-}
-`;var ha=`<svg aria-hidden="true" viewBox="0 0 26 24" slot="airplay">
-  <path d="M13.19 14.22a.25.25 0 0 0-.38 0l-5.46 6.37a.25.25 0 0 0 .19.41h10.92a.25.25 0 0 0 .19-.41l-5.46-6.37Z"/>
-  <path d="M22 3H4a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h2.94L8 16.75H4.25V4.25h17.5v12.5H18L19.06 18H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"/>
-</svg>
-`;var ba=`<svg aria-hidden="true" viewBox="0 0 26 24" slot="off">
-  <path d="M22.832 5.68a2.58 2.58 0 0 0-2.3-2.5c-1.81-.12-4.67-.18-7.53-.18-2.86 0-5.72.06-7.53.18a2.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.5c1.81.12 4.67.18 7.53.18 2.86 0 5.72-.06 7.53-.18a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-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.137-.21-8.283 0-12.42a1.11 1.11 0 0 1 .91-1.11c1.67-.11 4.43-.18 7.43-.18s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.137.21 8.283 0 12.42ZM10.843 14a1.55 1.55 0 0 1-.76.18 1.57 1.57 0 0 1-.71-.18 1.69 1.69 0 0 1-.57-.42 2.099 2.099 0 0 1-.38-.58 2.47 2.47 0 0 1 0-1.64 2 2 0 0 1 .39-.66 1.73 1.73 0 0 1 .58-.42c.23-.103.479-.158.73-.16.241-.004.48.044.7.14.199.088.373.222.51.39l1.08-.89a2.179 2.179 0 0 0-.47-.44 2.81 2.81 0 0 0-.54-.32 2.91 2.91 0 0 0-.58-.15 2.71 2.71 0 0 0-.56 0 4.08 4.08 0 0 0-1.38.15 3.27 3.27 0 0 0-1.09.67 3.14 3.14 0 0 0-.71 1.06 3.62 3.62 0 0 0-.26 1.39 3.57 3.57 0 0 0 .26 1.38 3 3 0 0 0 .71 1.06c.316.293.687.52 1.09.67.443.16.91.238 1.38.23a3.2 3.2 0 0 0 1.28-.27c.401-.183.747-.47 1-.83l-1.17-.88a1.42 1.42 0 0 1-.53.52Zm6.62 0a1.58 1.58 0 0 1-.76.18 1.54 1.54 0 0 1-.7-.18 1.69 1.69 0 0 1-.57-.42 2.12 2.12 0 0 1-.43-.58 2.29 2.29 0 0 1 .39-2.3 1.84 1.84 0 0 1 1.32-.58c.241-.003.48.045.7.14.199.088.373.222.51.39l1.08-.92a2.43 2.43 0 0 0-.47-.44 3.22 3.22 0 0 0-.53-.29 2.999 2.999 0 0 0-.57-.15 2.87 2.87 0 0 0-.57 0 4.06 4.06 0 0 0-1.36.15 3.17 3.17 0 0 0-1.09.67 3 3 0 0 0-.72 1.06 3.62 3.62 0 0 0-.25 1.39 3.57 3.57 0 0 0 .25 1.38c.16.402.405.764.72 1.06a3.17 3.17 0 0 0 1.09.67c.44.16.904.237 1.37.23.441 0 .877-.092 1.28-.27a2.45 2.45 0 0 0 1-.83l-1.15-.85a1.49 1.49 0 0 1-.54.49Z"/>
-</svg>
-`;var pa=`<svg aria-hidden="true" viewBox="0 0 26 24" slot="on">
-  <path d="M22.832 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.41 10.1a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 4 4 0 0 1-1.28-.83 3.67 3.67 0 0 1-.84-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.53 3.53 0 0 1 .84-1.21 3.89 3.89 0 0 1 1.29-.8 4.76 4.76 0 0 1 1.63-.27 4.06 4.06 0 0 1 1.35.24c.225.091.44.205.64.34a2.7 2.7 0 0 1 .55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.35 2.35 0 0 0-.46.77 2.78 2.78 0 0 0-.16 1c-.009.34.046.68.16 1 .104.283.26.545.46.77.188.21.415.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.88 2.88 0 0 1-1.22 1.01Zm7.52 0a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 3.89 3.89 0 0 1-1.28-.83 3.55 3.55 0 0 1-.85-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.43 3.43 0 0 1 .85-1.25 3.75 3.75 0 0 1 1.28-.8 4.76 4.76 0 0 1 1.63-.27 4 4 0 0 1 1.35.24c.225.091.44.205.64.34.21.144.395.32.55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.352 2.352 0 0 0-.46.77 3.01 3.01 0 0 0-.16 1c-.003.34.05.678.16 1 .108.282.263.542.46.77.188.21.416.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.82 2.82 0 0 1-1.21 1.05Z"/>
-</svg>
-`;var ga=`<svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
-  <path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z"/>
-  <path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z"/>
-  <path d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"/>
-</svg>
-`;var fa=`<svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
-  <path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z"/>
-  <path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z"/>
-  <path d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"/>
-  <path d="M20.5 5.5h-15v5.811c3.52.906 6.283 3.67 7.189 7.19H20.5V5.5Z"/>
-</svg>
-`;var va=`<svg aria-hidden="true" viewBox="0 0 24 24" slot="enter">
-  <path d="M20.25 14.5a.76.76 0 0 0-.75.75v4.25h-4.25a.75.75 0 1 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5a.76.76 0 0 0-.75-.75Zm0-11.5h-5a.76.76 0 0 0-.75.75.76.76 0 0 0 .75.75h4.25v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75ZM8.75 19.5H4.5v-4.25a.76.76 0 0 0-.75-.75.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75h5a.75.75 0 1 0 0-1.5Zm0-16.5h-5a.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75.76.76 0 0 0 .75-.75V4.5h4.25a.76.76 0 0 0 .75-.75.76.76 0 0 0-.75-.75Z"/>
-</svg>
-`;var ya=`<svg aria-hidden="true" viewBox="0 0 24 24" slot="exit">
-  <path d="M20.25 14.5h-5a.76.76 0 0 0-.75.75v5a.75.75 0 1 0 1.5 0V16h4.25a.75.75 0 1 0 0-1.5Zm-5-5h5a.75.75 0 1 0 0-1.5H16V3.75a.75.75 0 1 0-1.5 0v5a.76.76 0 0 0 .75.75Zm-6.5 5h-5a.75.75 0 1 0 0 1.5H8v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75Zm0-11.5a.76.76 0 0 0-.75.75V8H3.75a.75.75 0 0 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5A.76.76 0 0 0 8.75 3Z"/>
-</svg>
-`;var Ea=`<svg aria-hidden="true" viewBox="0 0 24 24" slot="pause">
-  <path d="M6 19.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v15ZM14.5 4a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3Z"/>
-</svg>
-`;var ka=`<svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
-  <path d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"/>
-</svg>
-`;var Ta=`<svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
-  <path d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"/>
-</svg>
-`;var Aa=`<svg aria-hidden="true" viewBox="0 0 24 24" slot="play">
-  <path d="m6.73 20.93 14.05-8.54a.46.46 0 0 0 0-.78L6.73 3.07a.48.48 0 0 0-.73.39v17.07a.48.48 0 0 0 .73.4Z"/>
-</svg>
-`;var xa=`<svg aria-hidden="true" viewBox="0 0 22 24" slot="backward">
-  <path d="M11 6V3L5.37 7 11 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 11 6Z"/>
-  <text
-    class="value"
-    transform="translate(2.5 21)"
-    style="font-size: 8px; font-family: 'ArialMT', 'Arial'"
-  >
-    {{value}}
-  </text>
-</svg>
-`;var wa=`<svg aria-hidden="true" viewBox="0 0 22 24" slot="forward">
-  <path d="M11 6V3l5.61 4L11 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 11 6Z"/>
-  <text
-    class="value"
-    transform="translate(10 21)"
-    style="font-size: 8px; font-family: 'ArialMT', 'Arial'"
-  >
-    {{value}}
-  </text>
-</svg>
-`;var La=`<svg aria-hidden="true" viewBox="0 0 24 24" slot="high">
-  <path d="m11.14 4.86-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.21a.5.5 0 0 0-.86-.35Zm2.74-1.56v1.52A7.52 7.52 0 0 1 19.47 12a7.52 7.52 0 0 1-5.59 7.18v1.52A9 9 0 0 0 21 12a9 9 0 0 0-7.12-8.7Zm3.56 8.7a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"/>
-</svg>
-`;var $a=`<svg aria-hidden="true" viewBox="0 0 24 24" slot="low">
-  <path d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"/>
-</svg>
-`;var Ca=`<svg aria-hidden="true" viewBox="0 0 24 24" slot="medium">
-  <path d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"/>
-</svg>
-`;var Sa=`<svg aria-hidden="true" viewBox="0 0 24 24" slot="off">
-  <path d="m3 4.05 4.48 4.47-.33.33a.49.49 0 0 1-.36.15H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.48.48 0 0 0 .36.15.5.5 0 0 0 .5-.5v-5.75l4.67 4.66a7.71 7.71 0 0 1-2.79 1.47v1.52a9.32 9.32 0 0 0 3.87-1.91L20 21l1-1L4.06 3 3 4.05Zm5.36 5.36 2.39 2.39V17L8 14.26a1.74 1.74 0 0 0-1.24-.51H4.25v-3.5h2.54A1.74 1.74 0 0 0 8 9.74l.36-.33ZM19.47 12a7.19 7.19 0 0 1-.89 3.47l1.11 1.1A8.64 8.64 0 0 0 21 12a9 9 0 0 0-7.12-8.7v1.52A7.52 7.52 0 0 1 19.47 12ZM12 8.88V5.21a.5.5 0 0 0-.5-.5.48.48 0 0 0-.36.15L9.56 6.44 12 8.88ZM15.91 12a4.284 4.284 0 0 1-.07.72l1.22 1.22a5.2 5.2 0 0 0 .38-1.94 5.49 5.49 0 0 0-3.56-5.1v1.66A4 4 0 0 1 15.91 12Z"/>
-</svg>
-`;var Oa=()=>y(ha),Ma=()=>y(ba),Pa=()=>y(pa),Ra=()=>y(ga),Ia=()=>y(fa),Da=()=>y(va),_a=()=>y(ya),Na=()=>y(Ea),Va=()=>y(ka),Ha=()=>y(Ta),Ba=()=>y(Aa),Ka=e=>y(xa,e),Ua=e=>y(wa,e),Fa=()=>y(La),Ya=()=>y($a),Za=()=>y(Ca),Wa=()=>y(Sa);import{StreamTypes as L}from"@mux/playback-core";var N={LG:"large",SM:"small",XS:"extra-small"},He,za,Ve=class extends er{constructor(){super();h(this,He);p(this,He,za).call(this)}static get observedAttributes(){return["audio","has-open-dialog","has-src","nohotkeys","hotkeys","stream-type","player-size","default-hidden-captions","forward-seek-offset","backward-seek-offset","playbackrates","default-show-remaining-time","poster","placeholder","title"]}attributeChangedCallback(){this.render()}render(){var i,r,n;let t={hasSrc:this.hasAttribute("has-src"),isDialogOpen:this.hasAttribute("has-open-dialog"),audio:this.hasAttribute("audio"),nohotkeys:this.hasAttribute("nohotkeys"),hotkeys:this.getAttribute("hotkeys"),streamType:this.getAttribute("stream-type"),playerSize:this.getAttribute("player-size"),defaultHiddenCaptions:this.hasAttribute("default-hidden-captions"),forwardSeekOffset:this.getAttribute("forward-seek-offset"),backwardSeekOffset:this.getAttribute("backward-seek-offset"),playbackRates:this.getAttribute("playbackrates"),defaultShowRemainingTime:this.hasAttribute("default-show-remaining-time"),poster:this.getAttribute("poster"),placeholder:this.getAttribute("placeholder"),title:this.getAttribute("title")};t.nohotkeys=t.nohotkeys||!t.hasSrc||t.isDialogOpen,[L.LIVE,L.LL_LIVE,L.DVR,L.LL_DVR].includes(t.streamType)&&(t.hotkeys=t.hotkeys||"",t.hotkeys+=" noarrowleft noarrowright"),_e(s`
-        <style>
-          ${ua}
-        </style>
-        <media-controller
-          gestures-disabled="${!t.hasSrc||t.isDialogOpen}"
-          hotkeys="${t.hotkeys||!1}"
-          nohotkeys="${t.nohotkeys||!1}"
-          audio="${t.audio||!1}"
-          class="size-${t.playerSize}"
-          exportparts="layer, media-layer, poster-layer, vertical-layer, centered-layer, gesture-layer"
-        >
-          <slot name="media" slot="media"></slot>
-          <media-poster-image
-            slot="poster"
-            part="poster"
-            src="${(i=t.poster)!=null?i:!1}"
-            placeholder-src="${(r=t.placeholder)!=null?r:!1}"
-          ></media-poster-image>
-          <media-loading-indicator slot="centered-chrome" no-auto-hide></media-loading-indicator>
-          ${tr(t)}
-          <slot></slot>
-        </media-controller>
-      `,this.shadowRoot),(n=this.shadowRoot)==null||n.querySelectorAll("*").forEach(o=>{if(!o.localName.includes("-"))return;let c=o.localName.match(/^([^-]+)-(.*)-(button|range|display)$/);if(!c)return;let[,,b,f]=c;b==="text"&&o.classList.contains("title-display")&&(b="title");let v=o.closest('[slot="top-chrome"]')?"top":o.closest('[slot="centered-chrome"]')?"center":"bottom";o.setAttribute("part",`${v} ${b} ${f}`)})}};He=new WeakSet,za=function(){var t,i;try{(t=window==null?void 0:window.CSS)==null||t.registerProperty({name:"--primary-color",syntax:"<color>",inherits:!0,initialValue:"white"}),(i=window==null?void 0:window.CSS)==null||i.registerProperty({name:"--secondary-color",syntax:"<color>",inherits:!0,initialValue:"transparent"})}catch{}};g.customElements.get("media-theme-mux")||g.customElements.define("media-theme-mux",Ve);var tr=e=>{let{streamType:a,playerSize:t,audio:i}=e;if(i)switch(a){case L.LIVE:case L.LL_LIVE:return rr(e);case L.DVR:case L.LL_DVR:return ir(e);case L.ON_DEMAND:default:return ar(e)}switch(a){case L.LIVE:case L.LL_LIVE:switch(t){case N.LG:return mr(e);case N.SM:return dr(e);case N.XS:return lr(e)}case L.DVR:case L.LL_DVR:switch(t){case N.LG:return hr(e);case N.SM:return ur(e);case N.XS:return cr(e)}case L.ON_DEMAND:default:switch(t){case N.LG:return sr(e);case N.SM:return or(e);case N.XS:return nr(e)}}},w=e=>s`
-  <media-play-button disabled="${!e.hasSrc||e.isDialogOpen}" aria-disabled="${!e.hasSrc||e.isDialogOpen&&"true"}">
-    ${Ba()}
-    ${Na()}
-  </media-play-button>`,le=({backwardSeekOffset:e,hasSrc:a,isDialogOpen:t})=>s`
-  <media-seek-backward-button seek-offset="${e}" disabled="${!a||t}" aria-disabled="${!a||t&&"true"}">
-    ${Ka({value:e})}
-  </media-seek-backward-button>`,de=({forwardSeekOffset:e,hasSrc:a,isDialogOpen:t})=>s`
-  <media-seek-forward-button seek-offset="${e}" disabled="${!a||t}" aria-disabled="${!a||t&&"true"}">
-    ${Ua({value:e})}
-  </media-seek-forward-button>`,C=({isDialogOpen:e})=>s`
-  <media-mute-button disabled="${e}" aria-disabled="${e&&"true"}">
-    ${Fa()}
-    ${Za()}
-    ${Ya()}
-    ${Wa()}
-  </media-mute-button>`,V=({defaultHiddenCaptions:e,isDialogOpen:a})=>s`
-  <media-captions-button default-showing="${!e}" disabled="${a}" aria-disabled="${a&&"true"}">
-    ${Ma()}
-    ${Pa()}
-  </media-captions-button>`,H=e=>s`
-  <media-airplay-button disabled="${!e.hasSrc||e.isDialogOpen}" aria-disabled="${!e.hasSrc||e.isDialogOpen&&"true"}">
-    ${Oa()}
-  </media-airplay-button>`,me=e=>s`
-  <media-pip-button disabled="${!e.hasSrc||e.isDialogOpen}" aria-disabled="${!e.hasSrc||e.isDialogOpen&&"true"}">
-    ${Va()}
-    ${Ha()}
-  </media-pip-button>`,B=e=>s`
-  <media-fullscreen-button disabled="${!e.hasSrc||e.isDialogOpen}" aria-disabled="${!e.hasSrc||e.isDialogOpen&&"true"}">
-    ${Da()}
-    ${_a()}
-  </media-fullscreen-button>`,K=e=>s`
-  <media-cast-button disabled="${!e.hasSrc||e.isDialogOpen}" aria-disabled="${!e.hasSrc||e.isDialogOpen&&"true"}">
-    ${Ra()}
-    ${Ia()}
-  </media-cast-button>`,Be=({playbackRates:e,isDialogOpen:a})=>s`
-  <media-playback-rate-button rates="${e!=null?e:!1}" disabled="${a}" aria-disabled="${a&&"true"}">
-  </media-playback-rate-button>`,U=({isDialogOpen:e})=>s`
-  <media-volume-range disabled="${e}" aria-disabled="${e&&"true"}">
-  </media-volume-range>`,j=e=>s`
-  <media-time-range disabled="${!e.hasSrc||e.isDialogOpen}" aria-disabled="${!e.hasSrc||e.isDialogOpen&&"true"}">
-  </media-time-range>`,Ke=({defaultShowRemainingTime:e,hasSrc:a,isDialogOpen:t})=>s`
-  <mxp-time-display remaining="${e}" disabled="${!a||t}" aria-disabled="${!a||t&&"true"}">
-  </mxp-time-display>`,F=({title:e})=>s`
-  <media-text-display part="title" class="title-display">${e}</media-text-display>`,ar=e=>s`
-  ${e.title?s`<media-control-bar>${F(e)}</media-control-bar>`:s``}
-  <media-control-bar>
-    ${w(e)}
-    ${le(e)}
-    ${de(e)}
-    ${Ke(e)}
-    ${j(e)}
-    ${C(e)}
-    ${U(e)}
-    ${Be(e)}
-    ${H(e)}
-    ${K(e)}
-  </media-control-bar>
-`,ir=e=>s`
-  ${e.title?s`<media-control-bar>${F(e)}</media-control-bar>`:s``}
-  <media-control-bar>
-    ${w(e)}
-    <slot name="seek-live"></slot>
-    ${le(e)}
-    ${de(e)}
-    ${Ke(e)}
-    ${j(e)}
-    ${C(e)}
-    ${U(e)}
-    ${Be(e)}
-    ${H(e)}
-    ${K(e)}
-  </media-control-bar>
-`,rr=e=>s`
-  ${e.title?s`<media-control-bar>${F(e)}</media-control-bar>`:s``}
-  <media-control-bar>
-    ${w(e)}
-    <slot name="seek-live"></slot>
-    ${C(e)}
-    ${U(e)}
-    <div class="spacer"></div>
-    ${H(e)}
-    ${K(e)}
-  </media-control-bar>
-`,nr=e=>s`
-  ${j(e)}
-  <media-control-bar>
-    ${w(e)}
-    ${C(e)}
-    <div class="spacer"></div>
-    ${V(e)}
-    ${B(e)}
-  </media-control-bar>
-`,or=e=>s`
-  <media-control-bar slot="top-chrome">
-    ${e.title?F(e):s``}
-  </media-control-bar>
-  <div slot="centered-chrome" class="center-controls">
-    ${le(e)}
-    ${w(e)}
-    ${de(e)}
-  </div>
-  ${j(e)}
-  <media-control-bar>
-    ${Ke(e)}
-    ${C(e)}
-    ${U(e)}
-    <div class="spacer"></div>
-    ${Be(e)}
-    ${V(e)}
-    ${H(e)}
-    ${K(e)}
-    ${me(e)}
-    ${B(e)}
-  </media-control-bar>
-`,sr=e=>s`
-  <media-control-bar slot="top-chrome">
-    ${e.title?F(e):s``}
-  </media-control-bar>
-  <div slot="centered-chrome" class="center-controls">
-    ${w(e)}
-  </div>
-  ${j(e)}
-  <media-control-bar>
-    ${w(e)}
-    ${le(e)}
-    ${de(e)}
-    ${Ke(e)}
-    ${C(e)}
-    ${U(e)}
-    <div class="spacer"></div>
-    ${Be(e)}
-    ${V(e)}
-    ${H(e)}
-    ${K(e)}
-    ${me(e)}
-    ${B(e)}
-  </media-control-bar>
-`,lr=e=>s`
-  <media-control-bar slot="top-chrome">
-    <slot name="seek-live"></slot>
-  </media-control-bar>
-  <media-control-bar>
-    ${w(e)}
-    ${C(e)}
-    <div class="spacer"></div>
-    ${V(e)}
-    ${B(e)}
-  </media-control-bar>
-`,dr=e=>s`
-  <media-control-bar slot="top-chrome">
-    <slot name="seek-live"></slot>
-    ${e.title?F(e):s``}
-  </media-control-bar>
-  <div slot="centered-chrome" class="center-controls">
-    ${w(e)}
-  </div>
-  <media-control-bar>
-    ${C(e)}
-    ${U(e)}
-    <div class="spacer"></div>
-    ${V(e)}
-    ${H(e)}
-    ${K(e)}
-    ${me(e)}
-    ${B(e)}
-  </media-control-bar>
-`,mr=e=>s`
-  <media-control-bar slot="top-chrome">
-    <slot name="seek-live"></slot>
-    ${e.title?F(e):s``}
-  </media-control-bar>
-  <div slot="centered-chrome" class="center-controls">
-    ${w(e)}
-  </div>
-  <media-control-bar>
-    ${w(e)}
-    ${C(e)}
-    ${U(e)}
-    <div class="spacer"></div>
-    ${V(e)}
-    ${H(e)}
-    ${K(e)}
-    ${me(e)}
-    ${B(e)}
-  </media-control-bar>
-`,cr=e=>s`
-  <media-control-bar slot="top-chrome">
-    <slot name="seek-live"></slot>
-  </media-control-bar>
-  ${j(e)}
-  <media-control-bar>
-    ${w(e)}
-    ${C(e)}
-    <div class="spacer"></div>
-    ${V(e)}
-    ${B(e)}
-  </media-control-bar>
-`,ur=e=>s`
-  <media-control-bar slot="top-chrome">
-    <slot name="seek-live"></slot>
-    ${e.title?F(e):s``}
-  </media-control-bar>
-  <div slot="centered-chrome" class="center-controls">
-    ${le(e)}
-    ${w(e)}
-    ${de(e)}
-  </div>
-  ${j(e)}
-  <media-control-bar>
-    ${C(e)}
-    ${U(e)}
-    <div class="spacer"></div>
-    ${V(e)}
-    ${H(e)}
-    ${K(e)}
-    ${me(e)}
-    ${B(e)}
-  </media-control-bar>
-`,hr=e=>s`
-  <media-control-bar slot="top-chrome">
-    <slot name="seek-live"></slot>
-    ${e.title?F(e):s``}
-  </media-control-bar>
-  <div slot="centered-chrome" class="center-controls">
-    ${w(e)}
-  </div>
-  ${j(e)}
-  <media-control-bar>
-    ${w(e)}
-    ${le(e)}
-    ${de(e)}
-    ${C(e)}
-    ${U(e)}
-    <div class="spacer"></div>
-    ${V(e)}
-    ${H(e)}
-    ${K(e)}
-    ${me(e)}
-    ${B(e)}
-  </media-control-bar>
-`;var ja=`
-  :host {
-    z-index: 100;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    box-sizing: border-box;
-    color: #fff;
-    line-height: 18px;
-    font-family: Arial, sans-serif;
-    padding: var(--media-dialog-backdrop-padding, 0);
-    background: var(--media-dialog-backdrop-background,
-      linear-gradient(to bottom, rgba(20, 20, 30, 0.7) 50%, rgba(20, 20, 30, 0.9))
-    );
-    /* Needs to use !important to prevent overwrite of media-chrome */
-    transition: var(--media-dialog-transition-open, visibility .2s, opacity .2s) !important;
-    transform: var(--media-dialog-transform-open, none) !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-    pointer-events: auto !important;
-  }
-
-  :host(:not([open])) {
-    /* Needs to use !important to prevent overwrite of media-chrome */
-    transition: var(--media-dialog-transition-close, visibility .1s, opacity .1s) !important;
-    transform: var(--media-dialog-transform-close, none) !important;
-    visibility: hidden !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-  }
-
-  :focus-visible {
-    box-shadow: 0 0 0 2px rgba(27, 127, 204, 0.9);
-  }
-
-  .dialog {
-    position: relative;
-    box-sizing: border-box;
-    background: var(--media-dialog-background, none);
-    padding: var(--media-dialog-padding, 10px);
-    width: min(320px, 100%);
-    word-wrap: break-word;
-    max-height: 100%;
-    overflow: auto;
-    text-align: center;
-    line-height: 1.4;
-  }
-`,Ga=O.createElement("template");Ga.innerHTML=`
-  <style>
-    ${ja}
-  </style>
-
-  <div class="dialog">
-    <slot></slot>
-  </div>
-`;var G=class extends g.HTMLElement{constructor(){var t;super();this.attachShadow({mode:"open"}),(t=this.shadowRoot)==null||t.appendChild(this.constructor.template.content.cloneNode(!0))}show(){this.setAttribute("open",""),this.dispatchEvent(new CustomEvent("open",{composed:!0,bubbles:!0})),qa(this)}close(){!this.hasAttribute("open")||(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),br(this))}attributeChangedCallback(t,i,r){t==="open"&&i!==r&&(r!=null?this.show():this.close())}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("open")&&qa(this)}};G.styles=ja,G.template=Ga,G.observedAttributes=["open"];function qa(e){let a=new CustomEvent("initfocus",{composed:!0,bubbles:!0,cancelable:!0});if(e.dispatchEvent(a),a.defaultPrevented)return;let t=e.querySelector("[autofocus]:not([disabled])");!t&&e.tabIndex>=0&&(t=e),t||(t=Xa(e.shadowRoot)),e._previouslyFocusedElement=O.activeElement,O.activeElement instanceof HTMLElement&&O.activeElement.blur(),e.addEventListener("transitionend",()=>{t instanceof HTMLElement&&t.focus({preventScroll:!0})},{once:!0})}function Xa(e){let t=["button","input","keygen","select","textarea"].map(function(r){return r+":not([disabled])"});t.push('[tabindex]:not([disabled]):not([tabindex=""])');let i=e==null?void 0:e.querySelector(t.join(", "));if(!i&&"attachShadow"in Element.prototype){let r=(e==null?void 0:e.querySelectorAll("*"))||[];for(let n=0;n<r.length&&!(r[n].tagName&&r[n].shadowRoot&&(i=Xa(r[n].shadowRoot),i));n++);}return i}function br(e){e._previouslyFocusedElement instanceof HTMLElement&&e._previouslyFocusedElement.focus()}g.customElements.get("media-dialog")||(g.customElements.define("media-dialog",G),g.MediaDialog=G);var bt=G;var Ja=O.createElement("template");Ja.innerHTML=`
-  <style>
-    ${bt.styles}
-
-    .close {
-      background: none;
-      color: inherit;
-      border: none;
-      padding: 0;
-      font: inherit;
-      cursor: pointer;
-      outline: inherit;
-      width: 28px;
-      height: 28px;
-      position: absolute;
-      top: 1rem;
-      right: 1rem;
-    }
-  </style>
-
-  <div class="dialog">
-    <slot></slot>
-  </div>
-
-  <slot name="close">
-    <button class="close" tabindex="0">
-      <svg fill="none" viewBox="0 0 24 24" stroke="currentColor">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-      </svg>
-    </button>
-  </slot>
-`;var xe=class extends bt{constructor(){var a,t;super(),(t=(a=this.shadowRoot)==null?void 0:a.querySelector(".close"))==null||t.addEventListener("click",()=>{this.close()})}};xe.template=Ja;g.customElements.get("mxp-dialog")||(g.customElements.define("mxp-dialog",xe),g.MxpDialog=xe);var Qa=`:host {
+`;var Ot=["Enter"," "],oe,j,ve,q=class extends h.HTMLElement{constructor(){var e,i;super();c(this,j);c(this,oe,void 0);this.attachShadow({mode:"open"}),(e=this.shadowRoot)==null||e.appendChild(this.constructor.template.content.cloneNode(!0)),this.timeDisplayEl=(i=this.shadowRoot)==null?void 0:i.querySelector("media-time-display")}static get observedAttributes(){return["hide-duration","remaining","disabled","aria-disabled"]}toggleTimeDisplay(){var e,i,r;(e=this.timeDisplayEl)!=null&&e.hasAttribute("remaining")?(i=this.timeDisplayEl)==null||i.removeAttribute("remaining"):(r=this.timeDisplayEl)==null||r.setAttribute("remaining","")}connectedCallback(){let e=i=>{let{key:r}=i;if(!Ot.includes(r)){this.removeEventListener("keyup",e);return}this.toggleTimeDisplay()};this.addEventListener("keydown",i=>{let{metaKey:r,altKey:o,key:n}=i;if(r||o||!Ot.includes(n)){this.removeEventListener("keyup",e);return}this.addEventListener("keyup",e)}),this.addEventListener("click",this.toggleTimeDisplay),k(this,oe,setInterval(p(this,j,ve).bind(this),200)),requestAnimationFrame(()=>p(this,j,ve).call(this))}disconnectedCallback(){clearInterval(l(this,oe))}attributeChangedCallback(e,i,r){var o,n;e==="hide-duration"&&p(this,j,ve).call(this),["remaining","disabled","aria-disabled"].includes(e)&&i!==r&&(r==null?(o=this.timeDisplayEl)==null||o.removeAttribute(e):(n=this.timeDisplayEl)==null||n.setAttribute(e,r))}};oe=new WeakMap,j=new WeakSet,ve=function(){var i,r,o,n;getComputedStyle(this).getPropertyValue("--media-duration-display").trim()==="none"||this.getAttribute("hide-duration")!=null?(i=this.timeDisplayEl)!=null&&i.hasAttribute("show-duration")&&((r=this.timeDisplayEl)==null||r.removeAttribute("show-duration")):(o=this.timeDisplayEl)!=null&&o.hasAttribute("show-duration")||(n=this.timeDisplayEl)==null||n.setAttribute("show-duration","")},q.styles=Rt,q.template=Mt;h.customElements.get("mxp-time-display")||(h.customElements.define("mxp-time-display",q),h.MxpTimeDisplay=q);var Pt=`:host {
   display: inline-block;
   width: 100%;
 }
@@ -873,91 +177,820 @@ a {
 ::part(title display) {
   display: var(--media-controls, var(--media-title-display));
 }
-`;import{StreamTypes as ce}from"@mux/playback-core";var ti=e=>s`
+`;var Bt=`<template id="media-theme-mux">
   <style>
-    ${Qa}
+    :host(:not([audio])) {
+      --secondary-color: transparent;
+    }
+
+    :host {
+      --_primary-color: var(--primary-color, #fff);
+
+      --media-icon-color: var(--_primary-color);
+      --media-range-thumb-background: var(--_primary-color);
+      --media-range-bar-color: var(--_primary-color);
+      --media-control-background: var(--secondary-color);
+      --media-control-hover-background: var(--secondary-color);
+      --media-time-buffered-color: rgba(255, 255, 255, 0.4);
+      --media-range-track-background: rgba(255, 255, 255, 0.5);
+      --media-range-track-border-radius: 3px;
+      --media-preview-thumbnail-border: 1px solid #fff;
+      --media-preview-thumbnail-border-radius: 2px;
+      --media-preview-time-margin: 5px 0 2px;
+      color: var(--_primary-color);
+      display: inline-block;
+      width: 100%;
+      height: 100%;
+    }
+
+    :host(.two-tone:not([audio])) {
+      --mux-time-range-padding: 0px; /* px is needed in calc() */
+      --media-preview-thumbnail-border: 0;
+      --media-preview-thumbnail-border-radius: 2px 2px 0 0;
+      --media-preview-time-border-radius: 0 0 2px 2px;
+      --media-preview-time-margin: 0 0 8px;
+      --media-preview-time-text-shadow: none;
+    }
+
+    :host([audio]) {
+      --media-preview-time-border-radius: 3px;
+      --media-preview-time-margin: 0 0 5px;
+      --media-preview-time-text-shadow: none;
+    }
+
+    :host(.two-tone:not([audio])) media-time-range {
+      --media-range-track-border-radius: 0;
+    }
+
+    :host([audio]) ::slotted([slot='media']) {
+      height: 0px;
+    }
+
+    :host([audio]) :is(media-poster-image, media-loading-indicator) {
+      display: none;
+    }
+
+    :host([audio]) media-controller {
+      background: transparent;
+    }
+
+    :host([audio]) media-controller::part(vertical-layer) {
+      background: transparent;
+    }
+
+    :host([audio]) media-control-bar {
+      width: 100%;
+    }
+
+    [disabled],
+    [aria-disabled='true'] {
+      opacity: 60%;
+      cursor: not-allowed;
+    }
+
+    media-captions-button:not(:is([media-captions-list], [media-subtitles-list])) {
+      --captions-button: none;
+    }
+
+    media-volume-range[media-volume-unavailable] {
+      --volume-range: none;
+    }
+
+    media-airplay-button[media-airplay-unavailable] {
+      --airplay-button: none;
+    }
+
+    media-fullscreen-button[media-fullscreen-unavailable] {
+      --fullscreen-button: none;
+    }
+
+    media-cast-button[media-cast-unavailable] {
+      --cast-button: none;
+    }
+
+    media-pip-button[media-pip-unavailable] {
+      --pip-button: none;
+    }
+
+    media-controller {
+      width: 100%;
+      height: 100%;
+    }
+
+    :host media-time-range {
+      color: var(--_primary-color);
+      --media-range-thumb-opacity: 0;
+    }
+
+    :host(:not([audio])) media-time-range {
+      --media-range-padding-left: var(--mux-time-range-padding, 10px);
+      --media-range-padding-right: var(--mux-time-range-padding, 10px);
+      --media-range-padding: 0;
+      z-index: 10;
+      height: 10px;
+      bottom: -3px;
+      background: linear-gradient(
+        180deg,
+        transparent,
+        transparent 3px,
+        var(--media-control-background, rgba(20, 20, 30, 0.7)) 3px,
+        var(--media-control-background, rgba(20, 20, 30, 0.7)) 7px,
+        transparent 7px,
+        transparent
+      );
+      width: 100%;
+    }
+
+    media-control-bar {
+      --media-control-padding: 9px 7px;
+    }
+
+    .size-small media-control-bar {
+      --media-control-padding: 9px 5px;
+    }
+
+    .size-extra-small media-control-bar {
+      --media-control-padding: 4px 3px;
+    }
+
+    media-control-bar :is([role='button'], [role='switch'], button) {
+      line-height: 0;
+    }
+
+    media-control-bar :is(media-text-display, mxp-time-display):first-child {
+      --media-control-padding: 9px 5px 9px 10px;
+    }
+
+    .spacer {
+      flex-grow: 1;
+      background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));
+    }
+
+    /* Add a small space on the right to have the play button and
+     * fullscreen button aligned in relation to the progress bar. */
+    media-control-bar:not([slot])::after {
+      content: '';
+      width: 2px;
+      height: 100%;
+      background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));
+    }
+
+    media-control-bar[slot='top-chrome'] {
+      min-height: 42px;
+      pointer-events: none;
+    }
+
+    :host([title]) media-control-bar[slot='top-chrome']::before {
+      content: '';
+      position: absolute;
+      width: 100%;
+      padding-bottom: min(160px, 25%);
+      background: linear-gradient(rgb(0 0 0 / 0.4), transparent);
+    }
+
+    media-control-bar[slot='top-chrome'] > * {
+      --media-control-background: transparent;
+      --media-control-hover-background: transparent;
+      position: relative;
+    }
+
+    media-controller::part(vertical-layer) {
+      transition: background-color 1s;
+    }
+
+    media-controller:is([media-paused], :not([user-inactive]))::part(vertical-layer) {
+      background-color: var(--controls-backdrop-color, var(--controls, transparent));
+      transition: background-color 0.25s;
+    }
+
+    .center-controls {
+      --media-button-icon-width: 100%;
+      --media-button-icon-height: auto;
+      pointer-events: none;
+      width: 100%;
+      display: flex;
+      flex-flow: row;
+      align-items: center;
+      justify-content: center;
+      filter: drop-shadow(0 0 2px rgb(0 0 0 / 0.25)) drop-shadow(0 0 6px rgb(0 0 0 / 0.25));
+      paint-order: stroke;
+      stroke: rgba(102, 102, 102, 1);
+      stroke-width: 0.3px;
+      text-shadow: 0 0 2px rgb(0 0 0 / 0.25), 0 0 6px rgb(0 0 0 / 0.25);
+    }
+
+    .center-controls media-play-button {
+      --media-control-background: transparent;
+      --media-control-hover-background: transparent;
+      padding: 0;
+      width: max(43px, min(10%, 55px));
+    }
+
+    .center-controls media-seek-backward-button,
+    .center-controls media-seek-forward-button {
+      --media-control-background: transparent;
+      --media-control-hover-background: transparent;
+      padding: 0;
+      margin: 0 2%;
+      width: max(33px, min(8%, 40px));
+    }
+
+    media-control-bar:not([slot]) media-seek-backward-button {
+      padding-right: 5px;
+    }
+
+    media-control-bar:not([slot]) media-seek-forward-button {
+      padding-left: 5px;
+    }
+
+    media-loading-indicator {
+      --media-loading-icon-width: 100%;
+      --media-button-icon-height: auto;
+      pointer-events: none;
+      position: absolute;
+      width: min(15%, 150px);
+      display: flex;
+      flex-flow: row;
+      align-items: center;
+      justify-content: center;
+    }
+
+    /* Intentionally don't target the div for transition but the children
+     of the div. Prevents messing with media-chrome's autohide feature. */
+    media-loading-indicator + div * {
+      transition: opacity 0.15s;
+      opacity: 1;
+    }
+
+    media-loading-indicator[media-loading]:not([media-paused]) ~ div > * {
+      opacity: 0;
+      transition-delay: 400ms;
+    }
+
+    media-volume-range {
+      width: min(100%, 100px);
+    }
+
+    media-time-display {
+      white-space: nowrap;
+    }
+
+    :is(media-time-display, media-text-display, media-playback-rate-button[role='button']) {
+      color: inherit;
+      line-height: 24px;
+    }
+
+    .title-display {
+      font-size: 16px;
+      text-shadow: 0 0 2px rgb(0 0 0 / 0.6);
+    }
+
+    :host([audio]) .title-display {
+      flex-grow: 1;
+      font-size: 21px;
+    }
   </style>
-  ${fr(e)}
-`,ei=e=>[ce.LIVE,ce.LL_LIVE].includes(e.streamType),gr=e=>[ce.LIVE,ce.LL_LIVE,ce.DVR,ce.LL_DVR].includes(e.streamType),fr=e=>{var a,t,i,r,n,o,c,b,f,v,S,W,E,R,I,D,k,Se,ge,re,vt,yt,Et,kt,Tt,At,xt,wt,Lt,$t,Ct,St,Ot,Mt,Pt,Rt,It,Dt,_t,Nt,Vt,Ht,Bt,Kt;return s`
-  <${ht((a=st(e.theme))!=null?a:"media-theme-mux")}
-    has-src="${(t=e.hasSrc)!=null?t:!1}"
-    has-open-dialog="${(i=e.isDialogOpen)!=null?i:!1}"
-    nohotkeys="${(r=e.noHotKeys)!=null?r:!1}"
-    audio="${(n=e.audio)!=null?n:!1}"
-    style="${(o=Wt({"--primary-color":e.primaryColor,"--secondary-color":e.secondaryColor}))!=null?o:!1}"
-    class="size-${e.playerSize}${e.secondaryColor?" two-tone":""}"
-    stream-type="${(c=e.streamType)!=null?c:!1}"
-    player-size="${(b=e.playerSize)!=null?b:!1}"
-    default-hidden-captions="${(f=e.defaultHiddenCaptions)!=null?f:!1}"
-    forward-seek-offset="${(v=e.forwardSeekOffset)!=null?v:!1}"
-    backward-seek-offset="${(S=e.backwardSeekOffset)!=null?S:!1}"
-    playbackrates="${(W=e.playbackRates)!=null?W:!1}"
-    default-show-remaining-time="${(E=e.defaultShowRemainingTime)!=null?E:!1}"
-    title="${(R=e.title)!=null?R:!1}"
-    hotkeys="${(I=e.hotKeys)!=null?I:!1}"
-    poster="${e.poster===""?!1:(D=e.poster)!=null?D:!1}"
-    placeholder="${(k=e.placeholder)!=null?k:!1}"
+  <media-controller
+    gestures-disabled="{{disabled}}"
+    hotkeys="{{hotkeys}}"
+    nohotkeys="{{nohotkeys}}"
+    audio="{{audio}}"
+    class="size-{{playerSize}}"
+    exportparts="layer, media-layer, poster-layer, vertical-layer, centered-layer, gesture-layer"
+  >
+    <slot name="media" slot="media"></slot>
+    <media-poster-image
+      slot="poster"
+      part="poster"
+      src="{{poster}}"
+      placeholder-src="{{placeholder}}"
+    ></media-poster-image>
+    <media-loading-indicator slot="centered-chrome" no-auto-hide></media-loading-indicator>
+
+    <template partial="TitleDisplay">
+      <template if="title">
+        <media-text-display part="top title display" class="title-display"> {{title}} </media-text-display>
+      </template>
+    </template>
+
+    <template partial="PlayButton">
+      <media-play-button
+        part="{{section ?? 'bottom'}} play button"
+        disabled="{{disabled}}"
+        aria-disabled="{{disabled}}"
+      >
+        <svg aria-hidden="true" viewBox="0 0 24 24" slot="play">
+          <path d="m6.73 20.93 14.05-8.54a.46.46 0 0 0 0-.78L6.73 3.07a.48.48 0 0 0-.73.39v17.07a.48.48 0 0 0 .73.4Z" />
+        </svg>
+        <svg aria-hidden="true" viewBox="0 0 24 24" slot="pause">
+          <path
+            d="M6 19.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v15ZM14.5 4a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3Z"
+          />
+        </svg>
+      </media-play-button>
+    </template>
+
+    <template partial="SeekBackwardButton">
+      <media-seek-backward-button
+        seek-offset="{{backwardSeekOffset}}"
+        part="{{section ?? 'bottom'}} seek-backward button"
+        disabled="{{disabled}}"
+        aria-disabled="{{disabled}}"
+      >
+        <svg aria-hidden="true" viewBox="0 0 22 24" slot="backward">
+          <path d="M11 6V3L5.37 7 11 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 11 6Z" />
+          <text class="value" transform="translate(2.5 21)" style="font-size: 8px; font-family: 'ArialMT', 'Arial'">
+            {{backwardSeekOffset}}
+          </text>
+        </svg>
+      </media-seek-backward-button>
+    </template>
+
+    <template partial="SeekForwardButton">
+      <media-seek-forward-button
+        seek-offset="{{forwardSeekOffset}}"
+        part="{{section ?? 'bottom'}} seek-forward button"
+        disabled="{{disabled}}"
+        aria-disabled="{{disabled}}"
+      >
+        <svg aria-hidden="true" viewBox="0 0 22 24" slot="forward">
+          <path d="M11 6V3l5.61 4L11 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 11 6Z" />
+          <text class="value" transform="translate(10 21)" style="font-size: 8px; font-family: 'ArialMT', 'Arial'">
+            {{forwardSeekOffset}}
+          </text>
+        </svg>
+      </media-seek-forward-button>
+    </template>
+
+    <template partial="MuteButton">
+      <media-mute-button part="bottom mute button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+        <svg aria-hidden="true" viewBox="0 0 24 24" slot="high">
+          <path
+            d="m11.14 4.86-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.21a.5.5 0 0 0-.86-.35Zm2.74-1.56v1.52A7.52 7.52 0 0 1 19.47 12a7.52 7.52 0 0 1-5.59 7.18v1.52A9 9 0 0 0 21 12a9 9 0 0 0-7.12-8.7Zm3.56 8.7a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
+          />
+        </svg>
+        <svg aria-hidden="true" viewBox="0 0 24 24" slot="low">
+          <path
+            d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
+          />
+        </svg>
+        <svg aria-hidden="true" viewBox="0 0 24 24" slot="medium">
+          <path
+            d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
+          />
+        </svg>
+        <svg aria-hidden="true" viewBox="0 0 24 24" slot="off">
+          <path
+            d="m3 4.05 4.48 4.47-.33.33a.49.49 0 0 1-.36.15H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.48.48 0 0 0 .36.15.5.5 0 0 0 .5-.5v-5.75l4.67 4.66a7.71 7.71 0 0 1-2.79 1.47v1.52a9.32 9.32 0 0 0 3.87-1.91L20 21l1-1L4.06 3 3 4.05Zm5.36 5.36 2.39 2.39V17L8 14.26a1.74 1.74 0 0 0-1.24-.51H4.25v-3.5h2.54A1.74 1.74 0 0 0 8 9.74l.36-.33ZM19.47 12a7.19 7.19 0 0 1-.89 3.47l1.11 1.1A8.64 8.64 0 0 0 21 12a9 9 0 0 0-7.12-8.7v1.52A7.52 7.52 0 0 1 19.47 12ZM12 8.88V5.21a.5.5 0 0 0-.5-.5.48.48 0 0 0-.36.15L9.56 6.44 12 8.88ZM15.91 12a4.284 4.284 0 0 1-.07.72l1.22 1.22a5.2 5.2 0 0 0 .38-1.94 5.49 5.49 0 0 0-3.56-5.1v1.66A4 4 0 0 1 15.91 12Z"
+          />
+        </svg>
+      </media-mute-button>
+    </template>
+
+    <template partial="PipButton">
+      <media-pip-button part="bottom pip button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+        <svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
+          <path
+            d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"
+          />
+        </svg>
+        <svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
+          <path
+            d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"
+          />
+        </svg>
+      </media-pip-button>
+    </template>
+
+    <template partial="CaptionsButton">
+      <media-captions-button
+        default-showing="{{defaultShowingCaptions}}"
+        part="bottom captions button"
+        disabled="{{disabled}}"
+        aria-disabled="{{disabled}}"
+      >
+        <svg aria-hidden="true" viewBox="0 0 26 24" slot="on">
+          <path
+            d="M22.832 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.41 10.1a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 4 4 0 0 1-1.28-.83 3.67 3.67 0 0 1-.84-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.53 3.53 0 0 1 .84-1.21 3.89 3.89 0 0 1 1.29-.8 4.76 4.76 0 0 1 1.63-.27 4.06 4.06 0 0 1 1.35.24c.225.091.44.205.64.34a2.7 2.7 0 0 1 .55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.35 2.35 0 0 0-.46.77 2.78 2.78 0 0 0-.16 1c-.009.34.046.68.16 1 .104.283.26.545.46.77.188.21.415.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.88 2.88 0 0 1-1.22 1.01Zm7.52 0a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 3.89 3.89 0 0 1-1.28-.83 3.55 3.55 0 0 1-.85-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.43 3.43 0 0 1 .85-1.25 3.75 3.75 0 0 1 1.28-.8 4.76 4.76 0 0 1 1.63-.27 4 4 0 0 1 1.35.24c.225.091.44.205.64.34.21.144.395.32.55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.352 2.352 0 0 0-.46.77 3.01 3.01 0 0 0-.16 1c-.003.34.05.678.16 1 .108.282.263.542.46.77.188.21.416.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.82 2.82 0 0 1-1.21 1.05Z"
+          />
+        </svg>
+        <svg aria-hidden="true" viewBox="0 0 26 24" slot="off">
+          <path
+            d="M22.832 5.68a2.58 2.58 0 0 0-2.3-2.5c-1.81-.12-4.67-.18-7.53-.18-2.86 0-5.72.06-7.53.18a2.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.5c1.81.12 4.67.18 7.53.18 2.86 0 5.72-.06 7.53-.18a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-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.137-.21-8.283 0-12.42a1.11 1.11 0 0 1 .91-1.11c1.67-.11 4.43-.18 7.43-.18s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.137.21 8.283 0 12.42ZM10.843 14a1.55 1.55 0 0 1-.76.18 1.57 1.57 0 0 1-.71-.18 1.69 1.69 0 0 1-.57-.42 2.099 2.099 0 0 1-.38-.58 2.47 2.47 0 0 1 0-1.64 2 2 0 0 1 .39-.66 1.73 1.73 0 0 1 .58-.42c.23-.103.479-.158.73-.16.241-.004.48.044.7.14.199.088.373.222.51.39l1.08-.89a2.179 2.179 0 0 0-.47-.44 2.81 2.81 0 0 0-.54-.32 2.91 2.91 0 0 0-.58-.15 2.71 2.71 0 0 0-.56 0 4.08 4.08 0 0 0-1.38.15 3.27 3.27 0 0 0-1.09.67 3.14 3.14 0 0 0-.71 1.06 3.62 3.62 0 0 0-.26 1.39 3.57 3.57 0 0 0 .26 1.38 3 3 0 0 0 .71 1.06c.316.293.687.52 1.09.67.443.16.91.238 1.38.23a3.2 3.2 0 0 0 1.28-.27c.401-.183.747-.47 1-.83l-1.17-.88a1.42 1.42 0 0 1-.53.52Zm6.62 0a1.58 1.58 0 0 1-.76.18 1.54 1.54 0 0 1-.7-.18 1.69 1.69 0 0 1-.57-.42 2.12 2.12 0 0 1-.43-.58 2.29 2.29 0 0 1 .39-2.3 1.84 1.84 0 0 1 1.32-.58c.241-.003.48.045.7.14.199.088.373.222.51.39l1.08-.92a2.43 2.43 0 0 0-.47-.44 3.22 3.22 0 0 0-.53-.29 2.999 2.999 0 0 0-.57-.15 2.87 2.87 0 0 0-.57 0 4.06 4.06 0 0 0-1.36.15 3.17 3.17 0 0 0-1.09.67 3 3 0 0 0-.72 1.06 3.62 3.62 0 0 0-.25 1.39 3.57 3.57 0 0 0 .25 1.38c.16.402.405.764.72 1.06a3.17 3.17 0 0 0 1.09.67c.44.16.904.237 1.37.23.441 0 .877-.092 1.28-.27a2.45 2.45 0 0 0 1-.83l-1.15-.85a1.49 1.49 0 0 1-.54.49Z"
+          />
+        </svg>
+      </media-captions-button>
+    </template>
+
+    <template partial="AirplayButton">
+      <media-airplay-button part="bottom airplay button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+        <svg aria-hidden="true" viewBox="0 0 26 24" slot="airplay">
+          <path
+            d="M13.19 14.22a.25.25 0 0 0-.38 0l-5.46 6.37a.25.25 0 0 0 .19.41h10.92a.25.25 0 0 0 .19-.41l-5.46-6.37Z"
+          />
+          <path
+            d="M22 3H4a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h2.94L8 16.75H4.25V4.25h17.5v12.5H18L19.06 18H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
+          />
+        </svg>
+      </media-airplay-button>
+    </template>
+
+    <template partial="FullscreenButton">
+      <media-fullscreen-button part="bottom fullscreen button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+        <svg aria-hidden="true" viewBox="0 0 24 24" slot="enter">
+          <path
+            d="M20.25 14.5a.76.76 0 0 0-.75.75v4.25h-4.25a.75.75 0 1 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5a.76.76 0 0 0-.75-.75Zm0-11.5h-5a.76.76 0 0 0-.75.75.76.76 0 0 0 .75.75h4.25v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75ZM8.75 19.5H4.5v-4.25a.76.76 0 0 0-.75-.75.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75h5a.75.75 0 1 0 0-1.5Zm0-16.5h-5a.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75.76.76 0 0 0 .75-.75V4.5h4.25a.76.76 0 0 0 .75-.75.76.76 0 0 0-.75-.75Z"
+          />
+        </svg>
+        <svg aria-hidden="true" viewBox="0 0 24 24" slot="exit">
+          <path
+            d="M20.25 14.5h-5a.76.76 0 0 0-.75.75v5a.75.75 0 1 0 1.5 0V16h4.25a.75.75 0 1 0 0-1.5Zm-5-5h5a.75.75 0 1 0 0-1.5H16V3.75a.75.75 0 1 0-1.5 0v5a.76.76 0 0 0 .75.75Zm-6.5 5h-5a.75.75 0 1 0 0 1.5H8v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75Zm0-11.5a.76.76 0 0 0-.75.75V8H3.75a.75.75 0 0 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5A.76.76 0 0 0 8.75 3Z"
+          />
+        </svg>
+      </media-fullscreen-button>
+    </template>
+
+    <template partial="CastButton">
+      <media-cast-button part="bottom cast button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+        <svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
+          <path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z" />
+          <path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z" />
+          <path
+            d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
+          />
+        </svg>
+        <svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
+          <path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z" />
+          <path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z" />
+          <path
+            d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
+          />
+          <path d="M20.5 5.5h-15v5.811c3.52.906 6.283 3.67 7.189 7.19H20.5V5.5Z" />
+        </svg>
+      </media-cast-button>
+    </template>
+
+    <template partial="PlaybackRateButton">
+      <media-playback-rate-button
+        rates="{{playbackRates}}"
+        part="bottom playback-rate button"
+        disabled="{{disabled}}"
+        aria-disabled="{{disabled}}"
+      ></media-playback-rate-button>
+    </template>
+
+    <template partial="VolumeRange">
+      <media-volume-range
+        part="bottom volume range"
+        disabled="{{disabled}}"
+        aria-disabled="{{disabled}}"
+      ></media-volume-range>
+    </template>
+
+    <template partial="TimeDisplay">
+      <mxp-time-display
+        remaining="{{defaultShowRemainingTime}}"
+        part="bottom time display"
+        disabled="{{disabled}}"
+        aria-disabled="{{disabled}}"
+      ></mxp-time-display>
+    </template>
+
+    <template partial="TimeRange">
+      <media-time-range
+        part="bottom time range"
+        disabled="{{disabled}}"
+        aria-disabled="{{disabled}}"
+      ></media-time-range>
+    </template>
+
+    <template if="layout == 'audio on-demand'">
+      <template if="title">
+        <media-control-bar>{{>TitleDisplay}}</media-control-bar>
+      </template>
+      <media-control-bar>
+        {{>PlayButton}} {{>SeekBackwardButton}} {{>SeekForwardButton}} {{>TimeDisplay}} {{>TimeRange}} {{>MuteButton}}
+        {{>VolumeRange}} {{>PlaybackRateButton}} {{>AirplayButton}} {{>CastButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'audio dvr'">
+      <template if="title">
+        <media-control-bar>{{>TitleDisplay}}</media-control-bar>
+      </template>
+      <media-control-bar>
+        {{>PlayButton}}
+        <slot name="seek-live"></slot>
+        {{>SeekBackwardButton}} {{>SeekForwardButton}} {{>TimeDisplay}} {{>TimeRange}} {{>MuteButton}} {{>VolumeRange}}
+        {{>PlaybackRateButton}} {{>AirplayButton}} {{>CastButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'audio live'">
+      <template if="title">
+        <media-control-bar>{{>TitleDisplay}}</media-control-bar>
+      </template>
+      <media-control-bar>
+        {{>PlayButton}}
+        <slot name="seek-live"></slot>
+        {{>MuteButton}} {{>VolumeRange}}
+        <div class="spacer"></div>
+        {{>AirplayButton}} {{>CastButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'on-demand extra-small'">
+      {{>TimeRange}}
+      <media-control-bar>
+        {{>PlayButton}} {{>MuteButton}}
+        <div class="spacer"></div>
+        {{>CaptionsButton}} {{>FullscreenButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'on-demand small'">
+      <media-control-bar slot="top-chrome"> {{>TitleDisplay}} </media-control-bar>
+      <div slot="centered-chrome" class="center-controls">
+        {{>SeekBackwardButton section="center"}} {{>PlayButton section="center"}} {{>SeekForwardButton
+        section="center"}}
+      </div>
+      {{>TimeRange}}
+      <media-control-bar>
+        {{>TimeDisplay}} {{>MuteButton}} {{>VolumeRange}}
+        <div class="spacer"></div>
+        {{>PlaybackRateButton}} {{>CaptionsButton}} {{>AirplayButton}} {{>CastButton}} {{>PipButton}}
+        {{>FullscreenButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'on-demand large'">
+      <media-control-bar slot="top-chrome"> {{>TitleDisplay}} </media-control-bar>
+      <div slot="centered-chrome" class="center-controls">{{>PlayButton section="center"}}</div>
+      {{>TimeRange}}
+      <media-control-bar>
+        {{>PlayButton}} {{>SeekBackwardButton}} {{>SeekForwardButton}} {{>TimeDisplay}} {{>MuteButton}} {{>VolumeRange}}
+        <div class="spacer"></div>
+        {{>PlaybackRateButton}} {{>CaptionsButton}} {{>AirplayButton}} {{>CastButton}} {{>PipButton}}
+        {{>FullscreenButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'live extra-small'">
+      <media-control-bar slot="top-chrome">
+        <slot name="seek-live"></slot>
+      </media-control-bar>
+      <media-control-bar>
+        {{>PlayButton}} {{>MuteButton}}
+        <div class="spacer"></div>
+        {{>CaptionsButton}} {{>FullscreenButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'live small'">
+      <media-control-bar slot="top-chrome">
+        <slot name="seek-live"></slot>
+        {{>TitleDisplay}}
+      </media-control-bar>
+      <div slot="centered-chrome" class="center-controls">{{>PlayButton section="center"}}</div>
+      <media-control-bar>
+        {{>MuteButton}} {{>VolumeRange}}
+        <div class="spacer"></div>
+        {{>CaptionsButton}} {{>AirplayButton}} {{>CastButton}} {{>PipButton}} {{>FullscreenButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'live large'">
+      <media-control-bar slot="top-chrome">
+        <slot name="seek-live"></slot>
+        {{>TitleDisplay}}
+      </media-control-bar>
+      <div slot="centered-chrome" class="center-controls">{{>PlayButton section="center"}}</div>
+      <media-control-bar>
+        {{>PlayButton}} {{>MuteButton}} {{>VolumeRange}}
+        <div class="spacer"></div>
+        {{>CaptionsButton}} {{>AirplayButton}} {{>CastButton}} {{>PipButton}} {{>FullscreenButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'dvr extra-small'">
+      <media-control-bar slot="top-chrome">
+        <slot name="seek-live"></slot>
+      </media-control-bar>
+      {{>TimeRange}}
+      <media-control-bar>
+        {{>PlayButton}} {{>MuteButton}}
+        <div class="spacer"></div>
+        {{>CaptionsButton}} {{>FullscreenButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'dvr small'">
+      <media-control-bar slot="top-chrome">
+        <slot name="seek-live"></slot>
+        {{>TitleDisplay}}
+      </media-control-bar>
+      <div slot="centered-chrome" class="center-controls">
+        {{>SeekBackwardButton section="center"}} {{>PlayButton section="center"}} {{>SeekForwardButton
+        section="center"}}
+      </div>
+      {{>TimeRange}}
+      <media-control-bar>
+        {{>MuteButton}} {{>VolumeRange}}
+        <div class="spacer"></div>
+        {{>CaptionsButton}} {{>AirplayButton}} {{>CastButton}} {{>PipButton}} {{>FullscreenButton}}
+      </media-control-bar>
+    </template>
+
+    <template if="layout == 'dvr large'">
+      <media-control-bar slot="top-chrome">
+        <slot name="seek-live"></slot>
+        {{>TitleDisplay}}
+      </media-control-bar>
+      <div slot="centered-chrome" class="center-controls">{{>PlayButton section="center"}}</div>
+      {{>TimeRange}}
+      <media-control-bar>
+        {{>PlayButton}} {{>SeekBackwardButton}} {{>SeekForwardButton}} {{>MuteButton}} {{>VolumeRange}}
+        <div class="spacer"></div>
+        {{>CaptionsButton}} {{>AirplayButton}} {{>CastButton}} {{>PipButton}} {{>FullscreenButton}}
+      </media-control-bar>
+    </template>
+
+    <slot></slot>
+  </media-controller>
+</template>
+`;var It=`
+  :host {
+    z-index: 100;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    box-sizing: border-box;
+    color: #fff;
+    line-height: 18px;
+    font-family: Arial, sans-serif;
+    padding: var(--media-dialog-backdrop-padding, 0);
+    background: var(--media-dialog-backdrop-background,
+      linear-gradient(to bottom, rgba(20, 20, 30, 0.7) 50%, rgba(20, 20, 30, 0.9))
+    );
+    /* Needs to use !important to prevent overwrite of media-chrome */
+    transition: var(--media-dialog-transition-open, visibility .2s, opacity .2s) !important;
+    transform: var(--media-dialog-transform-open, none) !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    pointer-events: auto !important;
+  }
+
+  :host(:not([open])) {
+    /* Needs to use !important to prevent overwrite of media-chrome */
+    transition: var(--media-dialog-transition-close, visibility .1s, opacity .1s) !important;
+    transform: var(--media-dialog-transform-close, none) !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+  }
+
+  :focus-visible {
+    box-shadow: 0 0 0 2px rgba(27, 127, 204, 0.9);
+  }
+
+  .dialog {
+    position: relative;
+    box-sizing: border-box;
+    background: var(--media-dialog-background, none);
+    padding: var(--media-dialog-padding, 10px);
+    width: min(320px, 100%);
+    word-wrap: break-word;
+    max-height: 100%;
+    overflow: auto;
+    text-align: center;
+    line-height: 1.4;
+  }
+`,_t=E.createElement("template");_t.innerHTML=`
+  <style>
+    ${It}
+  </style>
+
+  <div class="dialog">
+    <slot></slot>
+  </div>
+`;var V=class extends h.HTMLElement{constructor(){var e;super();this.attachShadow({mode:"open"}),(e=this.shadowRoot)==null||e.appendChild(this.constructor.template.content.cloneNode(!0))}show(){this.setAttribute("open",""),this.dispatchEvent(new CustomEvent("open",{composed:!0,bubbles:!0})),Dt(this)}close(){!this.hasAttribute("open")||(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),ga(this))}attributeChangedCallback(e,i,r){e==="open"&&i!==r&&(r!=null?this.show():this.close())}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("open")&&Dt(this)}};V.styles=It,V.template=_t,V.observedAttributes=["open"];function Dt(t){let a=new CustomEvent("initfocus",{composed:!0,bubbles:!0,cancelable:!0});if(t.dispatchEvent(a),a.defaultPrevented)return;let e=t.querySelector("[autofocus]:not([disabled])");!e&&t.tabIndex>=0&&(e=t),e||(e=Nt(t.shadowRoot)),t._previouslyFocusedElement=E.activeElement,E.activeElement instanceof HTMLElement&&E.activeElement.blur(),t.addEventListener("transitionend",()=>{e instanceof HTMLElement&&e.focus({preventScroll:!0})},{once:!0})}function Nt(t){let e=["button","input","keygen","select","textarea"].map(function(r){return r+":not([disabled])"});e.push('[tabindex]:not([disabled]):not([tabindex=""])');let i=t==null?void 0:t.querySelector(e.join(", "));if(!i&&"attachShadow"in Element.prototype){let r=(t==null?void 0:t.querySelectorAll("*"))||[];for(let o=0;o<r.length&&!(r[o].tagName&&r[o].shadowRoot&&(i=Nt(r[o].shadowRoot),i));o++);}return i}function ga(t){t._previouslyFocusedElement instanceof HTMLElement&&t._previouslyFocusedElement.focus()}h.customElements.get("media-dialog")||(h.customElements.define("media-dialog",V),h.MediaDialog=V);var Ze=V;var Vt=E.createElement("template");Vt.innerHTML=`
+  <style>
+    ${Ze.styles}
+
+    .close {
+      background: none;
+      color: inherit;
+      border: none;
+      padding: 0;
+      font: inherit;
+      cursor: pointer;
+      outline: inherit;
+      width: 28px;
+      height: 28px;
+      position: absolute;
+      top: 1rem;
+      right: 1rem;
+    }
+  </style>
+
+  <div class="dialog">
+    <slot></slot>
+  </div>
+
+  <slot name="close">
+    <button class="close" tabindex="0">
+      <svg fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+      </svg>
+    </button>
+  </slot>
+`;var ne=class extends Ze{constructor(){var a,e;super(),(e=(a=this.shadowRoot)==null?void 0:a.querySelector(".close"))==null||e.addEventListener("click",()=>{this.close()})}};ne.template=Vt;h.customElements.get("mxp-dialog")||(h.customElements.define("mxp-dialog",ne),h.MxpDialog=ne);import{TemplateInstance as fa,ChildNodePart as Ee,AttrPart as ze}from"media-chrome/dist/media-theme-element.js";var se=new WeakMap,le=class{constructor(a,e){this.element=a;this.type=e;this.element.addEventListener(this.type,this);let i=se.get(this.element);i&&i.set(this.type,this)}set(a){if(typeof a=="function")this.handleEvent=a.bind(this.element);else if(typeof a=="object"&&typeof a.handleEvent=="function")this.handleEvent=a.handleEvent.bind(a);else{this.element.removeEventListener(this.type,this);let e=se.get(this.element);e&&e.delete(this.type)}}static for(a){se.has(a.element)||se.set(a.element,new Map);let e=a.attributeName.slice(2),i=se.get(a.element);return i&&i.has(e)?i.get(e):new le(a.element,e)}};function ya(t,a){return t instanceof ze&&t.attributeName.startsWith("on")?(le.for(t).set(a),t.element.removeAttributeNS(t.attributeNamespace,t.attributeName),!0):!1}function va(t,a){return a instanceof ke&&t instanceof Ee?(a.renderInto(t),!0):!1}function ka(t,a){return a instanceof DocumentFragment&&t instanceof Ee?(a.childNodes.length&&t.replace(...a.childNodes),!0):!1}function Ea(t,a){if(t instanceof ze){let e=t.attributeNamespace,i=t.element.getAttributeNS(e,t.attributeName);return String(a)!==i&&(t.value=String(a)),!0}return t.value=String(a),!0}function Ta(t,a){if(typeof a=="boolean"&&t instanceof ze){let e=t.attributeNamespace,i=t.element.hasAttributeNS(e,t.attributeName);return a!==i&&(t.booleanValue=a),!0}return!1}function Aa(t,a){return a===!1&&t instanceof Ee?(t.replace(""),!0):!1}function xa(t,a){Ta(t,a)||ya(t,a)||Aa(t,a)||va(t,a)||ka(t,a)||Ea(t,a)}var We=new Map,$t=new WeakMap,Ht=new WeakMap,ke=class{constructor(a,e,i){this.strings=a;this.values=e;this.processor=i;this.stringsKey=this.strings.join("
")}get template(){if(We.has(this.stringsKey))return We.get(this.stringsKey);{let a=E.createElement("template"),e=this.strings.length-1;return a.innerHTML=this.strings.reduce((i,r,o)=>i+r+(o<e?`{{ ${o} }}`:""),""),We.set(this.stringsKey,a),a}}renderInto(a){let e=this.template;if($t.get(a)!==e){$t.set(a,e);let r=new fa(e,this.values,this.processor);Ht.set(a,r),a instanceof Ee?a.replace(...r.children):a.appendChild(r);return}let i=Ht.get(a);i&&i.update(this.values)}},wa={processCallback(t,a,e){var i;if(!!e){for(let[r,o]of a)if(r in e){let n=(i=e[r])!=null?i:"";xa(o,n)}}}};function w(t,...a){return new ke(t,a,wa)}function Kt(t,a){t.renderInto(a)}import{StreamTypes as G}from"@mux/playback-core";var qe=E.createElement("template");"innerHTML"in qe&&(qe.innerHTML=Bt);var Ft=t=>w`
+  <style>
+    ${Pt}
+  </style>
+  ${qe.content.cloneNode(!0)}
+  ${Ca(t)}
+`,je=t=>[G.LIVE,G.LL_LIVE].includes(t.streamType),Ge=t=>[G.LIVE,G.LL_LIVE,G.DVR,G.LL_DVR].includes(t.streamType),La=t=>{let a="";return t.audio&&(a+="audio "),je(t)?a+="live":Ge(t)?a+="dvr":a+=t.streamType||"on-demand",!t.audio&&t.playerSize&&(a+=` ${t.playerSize}`),a},Sa=t=>{let a=t.hotKeys?`${t.hotKeys}`:"";return Ge(t)&&(a+=" noarrowleft noarrowright"),a},Ca=t=>{var a,e,i,r,o,n,m,b,f,A,D,I,g,C,O,R,y,pe,te,W,et,tt,at,it,rt,ot,nt,st,lt,dt,ut,mt;return w`
+  <media-theme
+    template="${(a=t.theme)!=null?a:"media-theme-mux"}"
+    class="size-${t.playerSize}${t.secondaryColor?" two-tone":""}"
+    player-size="${(e=t.playerSize)!=null?e:!1}"
+    layout="${La(t)}"
+    hotkeys="${Sa(t)||!1}"
+    nohotkeys="${t.noHotKeys||!t.hasSrc||t.isDialogOpen||!1}"
+    disabled="${!t.hasSrc||t.isDialogOpen}"
+    audio="${(i=t.audio)!=null?i:!1}"
+    style="${(r=gt({"--primary-color":t.primaryColor,"--secondary-color":t.secondaryColor}))!=null?r:!1}"
+    default-showing-captions="${!t.defaultHiddenCaptions}"
+    forward-seek-offset="${(o=t.forwardSeekOffset)!=null?o:!1}"
+    backward-seek-offset="${(n=t.backwardSeekOffset)!=null?n:!1}"
+    playback-rates="${(m=t.playbackRates)!=null?m:!1}"
+    default-show-remaining-time="${(b=t.defaultShowRemainingTime)!=null?b:!1}"
+    title="${(f=t.title)!=null?f:!1}"
+    poster="${t.poster===""?!1:(A=t.poster)!=null?A:!1}"
+    placeholder="${(D=t.placeholder)!=null?D:!1}"
     exportparts="top, center, bottom, layer, media-layer, poster-layer, vertical-layer, centered-layer, gesture-layer, poster, seek-live, play, button, seek-backward, seek-forward, mute, captions, airplay, pip, fullscreen, cast, playback-rate, volume, range, time, display"
   >
     <mux-video
       slot="media"
-      crossorigin="${(Se=e.crossOrigin)!=null?Se:""}"
+      crossorigin="${(I=t.crossOrigin)!=null?I:""}"
       playsinline
-      autoplay="${(ge=e.autoplay)!=null?ge:!1}"
-      muted="${(re=e.muted)!=null?re:!1}"
-      loop="${(vt=e.loop)!=null?vt:!1}"
-      preload="${(yt=e.preload)!=null?yt:!1}"
-      debug="${(Et=e.debug)!=null?Et:!1}"
-      experimental-cmcd="${(kt=e.experimentalCmcd)!=null?kt:!1}"
-      prefer-cmcd="${(Tt=e.preferCmcd)!=null?Tt:!1}"
-      disable-cookies="${(At=e.disableCookies)!=null?At:!1}"
-      prefer-playback="${(xt=e.preferPlayback)!=null?xt:!1}"
-      start-time="${e.startTime!=null?e.startTime:!1}"
-      metadata-video-id="${(wt=e.metadataVideoId)!=null?wt:!1}"
-      metadata-video-title="${($t=(Lt=e.metadataVideoTitle)!=null?Lt:e.title)!=null?$t:!1}"
-      metadata-viewer-user-id="${(Ct=e.metadataViewerUserId)!=null?Ct:!1}"
-      beacon-collection-domain="${(St=e.beaconCollectionDomain)!=null?St:!1}"
-      player-software-name="${(Ot=e.playerSoftwareName)!=null?Ot:!1}"
-      player-software-version="${(Mt=e.playerSoftwareVersion)!=null?Mt:!1}"
-      env-key="${(Pt=e.envKey)!=null?Pt:!1}"
-      stream-type="${(Rt=e.streamType)!=null?Rt:!1}"
-      custom-domain="${(It=e.customDomain)!=null?It:!1}"
-      src="${e.src?e.src:e.playbackId?ot(e.playbackId,{domain:e.customDomain,token:e.tokens.playback}):!1}"
-      cast-src="${e.src?e.src:e.playbackId?ot(e.playbackId,{domain:e.customDomain,token:e.tokens.playback}):!1}"
-      cast-stream-type="${ei(e)?"live":!1}"
+      autoplay="${(g=t.autoplay)!=null?g:!1}"
+      muted="${(C=t.muted)!=null?C:!1}"
+      loop="${(O=t.loop)!=null?O:!1}"
+      preload="${(R=t.preload)!=null?R:!1}"
+      debug="${(y=t.debug)!=null?y:!1}"
+      prefer-cmcd="${(pe=t.preferCmcd)!=null?pe:!1}"
+      disable-cookies="${(te=t.disableCookies)!=null?te:!1}"
+      prefer-playback="${(W=t.preferPlayback)!=null?W:!1}"
+      start-time="${t.startTime!=null?t.startTime:!1}"
+      beacon-collection-domain="${(et=t.beaconCollectionDomain)!=null?et:!1}"
+      player-software-name="${(tt=t.playerSoftwareName)!=null?tt:!1}"
+      player-software-version="${(at=t.playerSoftwareVersion)!=null?at:!1}"
+      env-key="${(it=t.envKey)!=null?it:!1}"
+      stream-type="${(rt=t.streamType)!=null?rt:!1}"
+      custom-domain="${(ot=t.customDomain)!=null?ot:!1}"
+      src="${t.src?t.src:t.playbackId?Ke(t.playbackId,{domain:t.customDomain,token:t.tokens.playback}):!1}"
+      cast-src="${t.src?t.src:t.playbackId?Ke(t.playbackId,{domain:t.customDomain,token:t.tokens.playback}):!1}"
+      cast-stream-type="${je(t)?"live":!1}"
       exportparts="video"
     >
-      ${e.storyboard?s`<track label="thumbnails" default kind="metadata" src="${e.storyboard}" />`:s``}
+      ${t.storyboard?w`<track label="thumbnails" default kind="metadata" src="${t.storyboard}" />`:w``}
     </mux-video>
-    ${gr(e)?s`<button
-            slot="seek-live"
-            part="${ei(e)?"top":"bottom"} seek-live button"
-            disabled="${e.inLiveWindow||!e.hasSrc||e.isDialogOpen}"
-            aria-disabled="${(e.inLiveWindow||!e.hasSrc||e.isDialogOpen)&&"true"}"
-            in-live-window="${e.inLiveWindow}"
-            onclick="${function(mi){var Ut;if((Ut=e.onSeekToLive)==null||Ut.call(e,mi),e.paused){let ci=new CustomEvent("mediaplayrequest",{composed:!0,bubbles:!0});this.dispatchEvent(ci)}}}"
-          >
-            <svg viewBox="0 0 8 8"><circle cx="4" cy="4" r="4"></circle></svg>
-            Live
-          </button>`:s``}
+    ${Ge(t)?w`<button
+          slot="seek-live"
+          part="${je(t)?"top":"bottom"} seek-live button"
+          disabled="${t.inLiveWindow||!t.hasSrc||t.isDialogOpen}"
+          aria-disabled="${(t.inLiveWindow||!t.hasSrc||t.isDialogOpen)&&"true"}"
+          in-live-window="${t.inLiveWindow}"
+          onclick="${function(Xt){var ct;if((ct=t.onSeekToLive)==null||ct.call(t,Xt),t.paused){let Qt=new CustomEvent("mediaplayrequest",{composed:!0,bubbles:!0});this.dispatchEvent(Qt)}}}"
+        >
+          <svg viewBox="0 0 8 8"><circle cx="4" cy="4" r="4"></circle></svg>
+          Live
+        </button>`:w``}
     <mxp-dialog
       no-auto-hide
-      open="${(Dt=e.isDialogOpen)!=null?Dt:!1}"
-      onclose="${e.onCloseErrorDialog}"
-      oninitfocus="${e.onInitFocusDialog}"
+      open="${(nt=t.isDialogOpen)!=null?nt:!1}"
+      onclose="${t.onCloseErrorDialog}"
+      oninitfocus="${t.onInitFocusDialog}"
     >
-      ${(_t=e.dialog)!=null&&_t.title?s`<h3>${e.dialog.title}</h3>`:s``}
+      ${(st=t.dialog)!=null&&st.title?w`<h3>${t.dialog.title}</h3>`:w``}
       <p>
-        ${(Nt=e.dialog)==null?void 0:Nt.message}
-        ${(Vt=e.dialog)!=null&&Vt.linkUrl?s`<a
-                href="${e.dialog.linkUrl}"
-                target="_blank"
-                rel="external noopener"
-                aria-label="${(Ht=e.dialog.linkText)!=null?Ht:""} ${u("(opens in a new window)")}"
-                >${(Bt=e.dialog.linkText)!=null?Bt:e.dialog.linkUrl}</a
-              >`:s``}
+        ${(lt=t.dialog)==null?void 0:lt.message}
+        ${(dt=t.dialog)!=null&&dt.linkUrl?w`<a
+              href="${t.dialog.linkUrl}"
+              target="_blank"
+              rel="external noopener"
+              aria-label="${(ut=t.dialog.linkText)!=null?ut:""} ${d("(opens in a new window)")}"
+              >${(mt=t.dialog.linkText)!=null?mt:t.dialog.linkUrl}</a
+            >`:w``}
       </p>
     </mxp-dialog>
-  </${ht((Kt=st(e.theme))!=null?Kt:"media-theme-mux")}>
-`};import{MediaError as Ue}from"@mux/mux-video";function Fe(e,a,t,i,r){var c,b,f;let n={},o={};switch(e.code){case Ue.MEDIA_ERR_NETWORK:{switch(n.title=u("Network Error",r),n.message=e.message,(c=e.data)==null?void 0:c.response.code){case 412:{n.title=u("Video is not currently available",r),n.message=u("The live stream or video file are not yet ready.",r),o.message=u("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",r),o.file="412-not-playable.md";break}case 404:{n.title=u("Video does not exist",r),n.message="",o.message=u("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",r),o.file="404-not-found.md";break}case 403:{if(n.title=u("Invalid playback URL",r),n.message=u("The video URL or playback-token are formatted with incorrect or incomplete information.",r),o.message=u("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",r),o.file="missing-signed-tokens.md",!i)break;let{exp:v,aud:S,sub:W}=z(i),E=Date.now()>v*1e3,R=W!==t,I=S!=="v",D={timeStyle:"medium",dateStyle:"medium"};if(E){n.title=u("Video URL has expired",r),n.message=u("The video\u2019s secured playback-token has expired.",r),o.message=u("This playback is using signed URLs and the playback-token has expired. Expired at: {expiredDate}. Current time: {currentDate}.",r).format({expiredDate:new Intl.DateTimeFormat(J.code,D).format(v*1e3),currentDate:new Intl.DateTimeFormat(J.code,D).format(Date.now())}),o.file="403-expired-token.md";break}if(R){n.title=u("Video URL is formatted incorrectly",r),n.message=u("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),o.message=u("The specified playback ID {playbackId} and the playback ID encoded in the playback-token {tokenPlaybackId} do not match.",r).format({playbackId:t,tokenPlaybackId:W}),o.file="403-playback-id-mismatch.md";break}if(I){n.title=u("Video URL is formatted incorrectly",r),n.message=u("The playback-token is formatted with incorrect information.",r),o.message=u("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",r).format({tokenType:S}),o.file="403-incorrect-aud-value.md";break}o.message=u("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",r),o.file="403-malformatted-token.md";break}}break}case Ue.MEDIA_ERR_DECODE:{let{message:v}=e;n={title:u("Media Error",r),message:v},o.file="media-decode-error.md";break}case Ue.MEDIA_ERR_SRC_NOT_SUPPORTED:{let v=(f=(b=e.data)==null?void 0:b.response)==null?void 0:f.code;if(v>=400&&v<500){e.code=Ue.MEDIA_ERR_NETWORK,e.data={response:{code:v}},{dialog:n,devlog:o}=Fe(e,a,t,i);break}n={title:u("Source Not Supported",r),message:e.message},o.file="media-src-not-supported.md";break}default:n={title:u("Error",r),message:e.message};break}return a&&(n={title:u("Your device appears to be offline",r),message:u("Check your internet connection and try reloading this video.",r)}),{dialog:n,devlog:o}}var Tr=Object.values($),Ar=700,xr=300,gt={LG:"large",SM:"small",XS:"extra-small"};function Ze(e){let a=e.getBoundingClientRect();return a.width<xr?gt.XS:a.width<Ar?gt.SM:gt.LG}var Y={SRC:"src",POSTER:"poster"},l={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",FORWARD_SEEK_OFFSET:"forward-seek-offset",BACKWARD_SEEK_OFFSET:"backward-seek-offset",PLAYBACK_TOKEN:"playback-token",THUMBNAIL_TOKEN:"thumbnail-token",STORYBOARD_TOKEN:"storyboard-token",THUMBNAIL_TIME:"thumbnail-time",AUDIO:"audio",NOHOTKEYS:"nohotkeys",HOTKEYS:"hotkeys",PLAYBACK_RATES:"playbackrates",DEFAULT_SHOW_REMAINING_TIME:"default-show-remaining-time",TITLE:"title",PLACEHOLDER:"placeholder"};function wr(e,a){var i,r;return{src:!e.playbackId&&e.src,playbackId:e.playbackId,hasSrc:!!e.playbackId||!!e.src,poster:e.poster,storyboard:e.storyboard,placeholder:e.getAttribute("placeholder"),theme:e.getAttribute("theme"),thumbnailTime:!e.tokens.thumbnail&&e.thumbnailTime,autoplay:e.autoplay,crossOrigin:e.crossOrigin,loop:e.loop,noHotKeys:e.hasAttribute(l.NOHOTKEYS),hotKeys:e.getAttribute(l.HOTKEYS),muted:e.muted,paused:e.paused,preload:e.preload,envKey:e.envKey,experimentalCmcd:e.experimentalCmcd,preferCmcd:e.preferCmcd,debug:e.debug,disableCookies:e.disableCookies,tokens:e.tokens,beaconCollectionDomain:e.beaconCollectionDomain,metadata:e.metadata,playerSoftwareName:e.playerSoftwareName,playerSoftwareVersion:e.playerSoftwareVersion,startTime:e.startTime,preferPlayback:e.preferPlayback,audio:e.audio,streamType:e.streamType,primaryColor:e.primaryColor,secondaryColor:e.secondaryColor,forwardSeekOffset:e.forwardSeekOffset,backwardSeekOffset:e.backwardSeekOffset,defaultHiddenCaptions:e.defaultHiddenCaptions,defaultShowRemainingTime:e.defaultShowRemainingTime,playbackRates:e.getAttribute(l.PLAYBACK_RATES),customDomain:(i=e.getAttribute(m.CUSTOM_DOMAIN))!=null?i:void 0,playerSize:Ze((r=e.mediaController)!=null?r:e),metadataVideoId:e.getAttribute(m.METADATA_VIDEO_ID),metadataVideoTitle:e.getAttribute(m.METADATA_VIDEO_TITLE),metadataViewerUserId:e.getAttribute(m.METADATA_VIEWER_USER_ID),title:e.getAttribute(l.TITLE),...a}}var Lr=Object.values(m),$r=Object.values(Y),Cr=Object.values(l),Sr=Re(),Or="mux-player",ii={dialog:void 0,isDialogOpen:!1,inLiveWindow:!1},ie,Le,Z,$e,he,P,be,We,X,ue,pe,ze,Ce,ft,qe,ri,je,ni,Ge,oi,Xe,si,Je,li,Qe,di,we=class extends mt{constructor(){super();h(this,be);h(this,X);h(this,pe);h(this,Ce);h(this,qe);h(this,je);h(this,Ge);h(this,Xe);h(this,Je);h(this,Qe);h(this,ie,!1);h(this,Le,{});h(this,Z,!0);h(this,$e,new Pe(this,"hotkeys"));h(this,he,void 0);h(this,P,{...ii,onCloseErrorDialog:()=>p(this,X,ue).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:t=>{rt(this,O.activeElement)||t.preventDefault()},onSeekToLive:()=>lt(this)});this.attachShadow({mode:"open"}),this.isConnected&&p(this,be,We).call(this)}static get observedAttributes(){var t;return[...(t=mt.observedAttributes)!=null?t:[],...$r,...Lr,...Cr]}get theme(){var t,i;return Array.from((i=(t=this.shadowRoot)==null?void 0:t.children)!=null?i:[]).find(({localName:r})=>r.startsWith("media-theme-"))}get mediaController(){var t,i;return(i=(t=this.theme)==null?void 0:t.shadowRoot)==null?void 0:i.querySelector("media-controller")}connectedCallback(){p(this,Ce,ft).call(this),p(this,qe,ri).call(this)}disconnectedCallback(){p(this,je,ni).call(this)}attributeChangedCallback(t,i,r){switch(d(this,ie)||p(this,be,We).call(this),super.attributeChangedCallback(t,i,r),t){case l.HOTKEYS:d(this,$e).value=r;break;case l.THUMBNAIL_TIME:{r!=null&&this.tokens.thumbnail&&q(u("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case l.THUMBNAIL_TOKEN:{let{aud:o}=z(r);r&&o!=="t"&&q(u("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:o}));break}case l.STORYBOARD_TOKEN:{let{aud:o}=z(r);r&&o!=="s"&&q(u("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:o}));break}case m.PLAYBACK_ID:{r!=null&&r.includes("?token")&&M(u("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:r})),this.streamType?this.streamType!=null&&!Tr.includes(this.streamType)&&Ie({file:"invalid-stream-type.md",message:u("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand`, `live`, `ll-live`, `live:dvr`, or `ll-live:dvr`").format({streamType:this.streamType})}):Ie({file:"invalid-stream-type.md",message:String(u("No stream-type value supplied. Defaulting to `on-demand`. Please provide stream-type as either: `on-demand`, `live`, `ll-live`, `live:dvr`, or `ll-live:dvr`"))});break}}[m.PLAYBACK_ID,Y.SRC,l.PLAYBACK_TOKEN].includes(t)&&i!==r&&A(this,P,{...d(this,P),...ii}),p(this,pe,ze).call(this,{[Jt(t)]:r})}get experimentalCmcd(){return this.hasAttribute(m.EXPERIMENTAL_CMCD)}set experimentalCmcd(t){!!t!==this.experimentalCmcd&&(t?this.setAttribute(m.EXPERIMENTAL_CMCD,""):this.removeAttribute(m.EXPERIMENTAL_CMCD))}get preferCmcd(){var t;return(t=this.getAttribute(m.PREFER_CMCD))!=null?t:void 0}set preferCmcd(t){t!==this.preferCmcd&&(t?ai.includes(t)?this.setAttribute(m.PREFER_CMCD,t):q(`Invalid value for preferCmcd. Must be one of ${ai.join()}`):this.removeAttribute(m.PREFER_CMCD))}get hasPlayed(){var t,i;return(i=(t=this.mediaController)==null?void 0:t.hasAttribute("media-has-played"))!=null?i:!1}get inLiveWindow(){return d(this,P).inLiveWindow}get _hls(){var t;return(t=this.media)==null?void 0:t._hls}get mux(){var t;return(t=this.media)==null?void 0:t.mux}get playbackId(){var t;return(t=this.getAttribute(m.PLAYBACK_ID))!=null?t:void 0}set playbackId(t){t?this.setAttribute(m.PLAYBACK_ID,t):this.removeAttribute(m.PLAYBACK_ID)}get src(){var t,i;return this.playbackId?(t=ae(this,Y.SRC))!=null?t:void 0:(i=this.getAttribute(Y.SRC))!=null?i:void 0}set src(t){t?this.setAttribute(Y.SRC,t):this.removeAttribute(Y.SRC)}get poster(){var i;let t=this.getAttribute(Y.POSTER);if(t!=null)return t;if(this.playbackId&&!this.audio)return Gt(this.playbackId,{domain:this.customDomain,thumbnailTime:(i=this.thumbnailTime)!=null?i:this.startTime,token:this.tokens.thumbnail})}set poster(t){t||t===""?this.setAttribute(Y.POSTER,t):this.removeAttribute(Y.POSTER)}get storyboard(){if(this.playbackId&&!this.audio&&(!this.streamType||![$.LIVE,$.LL_LIVE,$.DVR,$.LL_DVR].includes(this.streamType)))return Xt(this.playbackId,{domain:this.customDomain,token:this.tokens.storyboard})}get audio(){return this.hasAttribute(l.AUDIO)}set audio(t){if(!t){this.removeAttribute(l.AUDIO);return}this.setAttribute(l.AUDIO,"")}get hotkeys(){return d(this,$e)}get nohotkeys(){return this.hasAttribute(l.NOHOTKEYS)}set nohotkeys(t){if(!t){this.removeAttribute(l.NOHOTKEYS);return}this.setAttribute(l.NOHOTKEYS,"")}get thumbnailTime(){return _(this.getAttribute(l.THUMBNAIL_TIME))}set thumbnailTime(t){this.setAttribute(l.THUMBNAIL_TIME,`${t}`)}get title(){var t;return(t=this.getAttribute(l.TITLE))!=null?t:""}set title(t){t!==this.title&&(t?this.setAttribute(l.TITLE,t):this.removeAttribute("title"),super.title=t)}get placeholder(){var t;return(t=ae(this,l.PLACEHOLDER))!=null?t:""}set placeholder(t){this.setAttribute(l.PLACEHOLDER,`${t}`)}get primaryColor(){var t;return(t=this.getAttribute(l.PRIMARY_COLOR))!=null?t:void 0}set primaryColor(t){this.setAttribute(l.PRIMARY_COLOR,`${t}`)}get secondaryColor(){var t;return(t=this.getAttribute(l.SECONDARY_COLOR))!=null?t:"rgb(0 0 0 / .65)"}set secondaryColor(t){this.setAttribute(l.SECONDARY_COLOR,`${t}`)}get defaultShowRemainingTime(){return this.hasAttribute(l.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(t){t?this.setAttribute(l.DEFAULT_SHOW_REMAINING_TIME,""):this.removeAttribute(l.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(!!this.hasAttribute(l.PLAYBACK_RATES))return this.getAttribute(l.PLAYBACK_RATES).trim().split(/\s*,?\s+/).map(t=>Number(t)).filter(t=>!Number.isNaN(t)).sort((t,i)=>t-i)}set playbackRates(t){if(!t){this.removeAttribute(l.PLAYBACK_RATES);return}this.setAttribute(l.PLAYBACK_RATES,t.join(" "))}get forwardSeekOffset(){var t;return(t=_(this.getAttribute(l.FORWARD_SEEK_OFFSET)))!=null?t:10}set forwardSeekOffset(t){this.setAttribute(l.FORWARD_SEEK_OFFSET,`${t}`)}get backwardSeekOffset(){var t;return(t=_(this.getAttribute(l.BACKWARD_SEEK_OFFSET)))!=null?t:10}set backwardSeekOffset(t){this.setAttribute(l.BACKWARD_SEEK_OFFSET,`${t}`)}get defaultHiddenCaptions(){return this.hasAttribute(l.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(t){t?this.setAttribute(l.DEFAULT_HIDDEN_CAPTIONS,""):this.removeAttribute(l.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var t;return(t=this.getAttribute(m.PLAYER_SOFTWARE_NAME))!=null?t:Or}get playerSoftwareVersion(){var t;return(t=this.getAttribute(m.PLAYER_SOFTWARE_VERSION))!=null?t:Sr}get beaconCollectionDomain(){var t;return(t=this.getAttribute(m.BEACON_COLLECTION_DOMAIN))!=null?t:void 0}set beaconCollectionDomain(t){t!==this.beaconCollectionDomain&&(t?this.setAttribute(m.BEACON_COLLECTION_DOMAIN,t):this.removeAttribute(m.BEACON_COLLECTION_DOMAIN))}get customDomain(){var t;return(t=this.getAttribute(m.CUSTOM_DOMAIN))!=null?t:void 0}set customDomain(t){t!==this.customDomain&&(t?this.setAttribute(m.CUSTOM_DOMAIN,t):this.removeAttribute(m.CUSTOM_DOMAIN))}get envKey(){var t;return(t=ae(this,m.ENV_KEY))!=null?t:void 0}set envKey(t){this.setAttribute(m.ENV_KEY,`${t}`)}get debug(){return ae(this,m.DEBUG)!=null}set debug(t){t?this.setAttribute(m.DEBUG,""):this.removeAttribute(m.DEBUG)}get disableCookies(){return ae(this,m.DISABLE_COOKIES)!=null}set disableCookies(t){t?this.setAttribute(m.DISABLE_COOKIES,""):this.removeAttribute(m.DISABLE_COOKIES)}get streamType(){return ae(this,m.STREAM_TYPE)}set streamType(t){this.setAttribute(m.STREAM_TYPE,`${t}`)}get startTime(){return _(ae(this,m.START_TIME))}set startTime(t){this.setAttribute(m.START_TIME,`${t}`)}get preferPlayback(){let t=this.getAttribute(m.PREFER_PLAYBACK);if(t===Ye.MSE||t===Ye.NATIVE)return t}set preferPlayback(t){t!==this.preferPlayback&&(t===Ye.MSE||t===Ye.NATIVE?this.setAttribute(m.PREFER_PLAYBACK,t):this.removeAttribute(m.PREFER_PLAYBACK))}get metadata(){var t;return(t=this.media)==null?void 0:t.metadata}set metadata(t){if(d(this,ie)||p(this,be,We).call(this),!this.media){M("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata=t}get tokens(){let t=this.getAttribute(l.PLAYBACK_TOKEN),i=this.getAttribute(l.THUMBNAIL_TOKEN),r=this.getAttribute(l.STORYBOARD_TOKEN);return{...d(this,Le),...t!=null?{playback:t}:{},...i!=null?{thumbnail:i}:{},...r!=null?{storyboard:r}:{}}}set tokens(t){A(this,Le,t!=null?t:{})}get playbackToken(){var t;return(t=this.getAttribute(l.PLAYBACK_TOKEN))!=null?t:void 0}set playbackToken(t){this.setAttribute(l.PLAYBACK_TOKEN,`${t}`)}get thumbnailToken(){var t;return(t=this.getAttribute(l.THUMBNAIL_TOKEN))!=null?t:void 0}set thumbnailToken(t){this.setAttribute(l.THUMBNAIL_TOKEN,`${t}`)}get storyboardToken(){var t;return(t=this.getAttribute(l.STORYBOARD_TOKEN))!=null?t:void 0}set storyboardToken(t){this.setAttribute(l.STORYBOARD_TOKEN,`${t}`)}addTextTrack(t,i,r,n){var c;let o=(c=this.media)==null?void 0:c.nativeEl;if(!!o)return Er(o,t,i,r,n)}removeTextTrack(t){var r;let i=(r=this.media)==null?void 0:r.nativeEl;if(!!i)return kr(i,t)}get textTracks(){var t;return(t=this.media)==null?void 0:t.textTracks}};ie=new WeakMap,Le=new WeakMap,Z=new WeakMap,$e=new WeakMap,he=new WeakMap,P=new WeakMap,be=new WeakSet,We=function(){var t,i,r;if(!d(this,ie)){A(this,ie,!0),p(this,X,ue).call(this,{playerSize:Ze(this)});try{if(customElements.upgrade(this.theme),!(this.theme instanceof g.HTMLElement))throw""}catch{M(`<${(t=this.theme)==null?void 0:t.localName}> failed to upgrade!`)}try{if(customElements.upgrade(this.media),!(this.media instanceof yr))throw""}catch{M("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof vr))throw""}catch{M("<media-controller> failed to upgrade!")}ra(this),p(this,Xe,si).call(this),p(this,Je,li).call(this),p(this,Ge,oi).call(this),A(this,Z,(r=(i=this.mediaController)==null?void 0:i.hasAttribute("user-inactive"))!=null?r:!0),p(this,Qe,di).call(this)}},X=new WeakSet,ue=function(t){Object.assign(d(this,P),t),p(this,pe,ze).call(this)},pe=new WeakSet,ze=function(t={}){_e(ti(wr(this,{...d(this,P),...t})),this.shadowRoot)},Ce=new WeakSet,ft=function(){var t,i;d(this,P).playerSize!=Ze((t=this.mediaController)!=null?t:this)&&p(this,X,ue).call(this,{playerSize:Ze((i=this.mediaController)!=null?i:this)})},qe=new WeakSet,ri=function(){var t;A(this,he,new ResizeObserver(()=>p(this,Ce,ft).call(this))),d(this,he).observe((t=this.mediaController)!=null?t:this)},je=new WeakSet,ni=function(){var t;(t=d(this,he))==null||t.disconnect()},Ge=new WeakSet,oi=function(){var i,r,n,o,c;(i=this.mediaController)==null||i.addEventListener("mediaplayrequest",b=>{var f;((f=b.target)==null?void 0:f.localName)==="media-play-button"&&this.streamType&&[$.LIVE,$.LL_LIVE,$.DVR,$.LL_DVR].includes(this.streamType)&&this.hasPlayed&&lt(this)});let t=()=>{let b=ea(this),f=d(this,P).inLiveWindow;b!==f&&(p(this,X,ue).call(this,{inLiveWindow:b}),this.dispatchEvent(new CustomEvent("inlivewindowchange",{composed:!0,bubbles:!0,detail:this.inLiveWindow})))};(r=this.media)==null||r.addEventListener("progress",t),(n=this.media)==null||n.addEventListener("waiting",t),(o=this.media)==null||o.addEventListener("timeupdate",t),(c=this.media)==null||c.addEventListener("emptied",t)},Xe=new WeakSet,si=function(){var i;let t=r=>{let{detail:n}=r;if(n instanceof pt||(n=new pt(n.message,n.code,n.fatal)),!(n!=null&&n.fatal)){q(n),n.data&&q(`${n.name} data:`,n.data);return}let{dialog:o,devlog:c}=Fe(n,!window.navigator.onLine,this.playbackId,this.playbackToken);c.message&&Ie(c),M(n),n.data&&M(`${n.name} data:`,n.data),p(this,X,ue).call(this,{isDialogOpen:!0,dialog:o})};this.addEventListener("error",t),this.media&&(this.media.errorTranslator=(r={})=>{var o,c,b;if(!((o=this.media)!=null&&o.error))return r;let{devlog:n}=Fe((c=this.media)==null?void 0:c.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(b=this.media)==null?void 0:b.error.code,player_error_message:n.message?String(n.message):r.player_error_message}}),(i=this.media)==null||i.addEventListener("error",r=>{var o,c;let{detail:n}=r;if(!n){let{message:b,code:f}=(c=(o=this.media)==null?void 0:o.error)!=null?c:{};n=new pt(b,f)}!(n!=null&&n.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:n}))})},Je=new WeakSet,li=function(){var i,r,n,o;let t=()=>p(this,pe,ze).call(this);(r=(i=this.media)==null?void 0:i.textTracks)==null||r.addEventListener("addtrack",t),(o=(n=this.media)==null?void 0:n.textTracks)==null||o.addEventListener("removetrack",t)},Qe=new WeakSet,di=function(){var v,S,W;let t=this.mediaController,i=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(i)return;let r,n=new WeakMap,o=()=>this.streamType&&[$.LIVE,$.LL_LIVE].includes(this.streamType)&&!this.secondaryColor&&this.offsetWidth>=800,c=(E,R,I=!1)=>{if(o())return;Array.from(E&&E.activeCues||[]).forEach(k=>{if(!(!k.snapToLines||k.line<-5||k.line>=0&&k.line<10))if(!R||this.paused){let Se=k.text.split(`
-`).length,ge=i?-2:-3;this.streamType&&[$.LIVE,$.LL_LIVE].includes(this.streamType)&&(ge=i?-1:-2);let re=ge-Se;if(k.line===re&&!I)return;n.has(k)||n.set(k,k.line),k.line=re-1,k.line=re}else setTimeout(()=>{k.line=n.get(k)||"auto"},500)})},b=()=>{var E;c(r,(E=t==null?void 0:t.hasAttribute("user-inactive"))!=null?E:!1)},f=()=>{var I;let R=Array.from(((I=t==null?void 0:t.media)==null?void 0:I.textTracks)||[]).filter(D=>["subtitles","captions"].includes(D.kind)&&D.mode==="showing")[0];R!==r&&(r==null||r.removeEventListener("cuechange",b)),r=R,r==null||r.addEventListener("cuechange",b),c(r,d(this,Z))};if(f(),(v=t==null?void 0:t.media)==null||v.textTracks.addEventListener("change",f),(S=t==null?void 0:t.media)==null||S.textTracks.addEventListener("addtrack",f),navigator.userAgent.includes("Chrome/")){let E=()=>{c(r,d(this,Z),!0),this.paused||window.requestAnimationFrame(E)};(W=t==null?void 0:t.media)==null||W.addEventListener("playing",()=>{E()})}t==null||t.addEventListener("userinactivechange",()=>{let E=t==null?void 0:t.hasAttribute("user-inactive");d(this,Z)!==E&&(A(this,Z,E),c(r,d(this,Z)))})};function ae(e,a){return e.media?e.media.getAttribute(a):e.getAttribute(a)}g.customElements.get("mux-player")||(g.customElements.define("mux-player",we),g.MuxPlayerElement=we);var vo=we;export{pt as MediaError,vo as default,ae as getVideoAttribute};
+  </media-theme>
+`};import{MediaError as Te}from"@mux/mux-video";function Ae(t,a,e,i,r){var m,b,f;let o={},n={};switch(t.code){case Te.MEDIA_ERR_NETWORK:{switch(o.title=d("Network Error",r),o.message=t.message,(m=t.data)==null?void 0:m.response.code){case 412:{o.title=d("Video is not currently available",r),o.message=d("The live stream or video file are not yet ready.",r),n.message=d("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",r),n.file="412-not-playable.md";break}case 404:{o.title=d("Video does not exist",r),o.message="",n.message=d("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",r),n.file="404-not-found.md";break}case 403:{if(o.title=d("Invalid playback URL",r),o.message=d("The video URL or playback-token are formatted with incorrect or incomplete information.",r),n.message=d("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",r),n.file="missing-signed-tokens.md",!i)break;let{exp:A,aud:D,sub:I}=_(i),g=Date.now()>A*1e3,C=I!==e,O=D!=="v",R={timeStyle:"medium",dateStyle:"medium"};if(g){o.title=d("Video URL has expired",r),o.message=d("The video\u2019s secured playback-token has expired.",r),n.message=d("This playback is using signed URLs and the playback-token has expired. Expired at: {expiredDate}. Current time: {currentDate}.",r).format({expiredDate:new Intl.DateTimeFormat(H.code,R).format(A*1e3),currentDate:new Intl.DateTimeFormat(H.code,R).format(Date.now())}),n.file="403-expired-token.md";break}if(C){o.title=d("Video URL is formatted incorrectly",r),o.message=d("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),n.message=d("The specified playback ID {playbackId} and the playback ID encoded in the playback-token {tokenPlaybackId} do not match.",r).format({playbackId:e,tokenPlaybackId:I}),n.file="403-playback-id-mismatch.md";break}if(O){o.title=d("Video URL is formatted incorrectly",r),o.message=d("The playback-token is formatted with incorrect information.",r),n.message=d("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",r).format({tokenType:D}),n.file="403-incorrect-aud-value.md";break}n.message=d("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",r),n.file="403-malformatted-token.md";break}}break}case Te.MEDIA_ERR_DECODE:{let{message:A}=t;o={title:d("Media Error",r),message:A},n.file="media-decode-error.md";break}case Te.MEDIA_ERR_SRC_NOT_SUPPORTED:{let A=(f=(b=t.data)==null?void 0:b.response)==null?void 0:f.code;if(A>=400&&A<500){t.code=Te.MEDIA_ERR_NETWORK,t.data={response:{code:A}},{dialog:o,devlog:n}=Ae(t,a,e,i);break}o={title:d("Source Not Supported",r),message:t.message},n.file="media-src-not-supported.md";break}default:o={title:d("Error",r),message:t.message};break}return a&&(o={title:d("Your device appears to be offline",r),message:d("Check your internet connection and try reloading this video.",r)}),{dialog:o,devlog:n}}var Ba=Object.values(x),Da=700,Ia=300,Xe={LG:"large",SM:"small",XS:"extra-small"};function we(t){let a=t.getBoundingClientRect();return a.width<Ia?Xe.XS:a.width<Da?Xe.SM:Xe.LG}var P={SRC:"src",POSTER:"poster"},s={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",FORWARD_SEEK_OFFSET:"forward-seek-offset",BACKWARD_SEEK_OFFSET:"backward-seek-offset",PLAYBACK_TOKEN:"playback-token",THUMBNAIL_TOKEN:"thumbnail-token",STORYBOARD_TOKEN:"storyboard-token",THUMBNAIL_TIME:"thumbnail-time",AUDIO:"audio",NOHOTKEYS:"nohotkeys",HOTKEYS:"hotkeys",PLAYBACK_RATES:"playbackrates",DEFAULT_SHOW_REMAINING_TIME:"default-show-remaining-time",TITLE:"title",PLACEHOLDER:"placeholder"};function _a(t,a){var i,r;return{src:!t.playbackId&&t.src,playbackId:t.playbackId,hasSrc:!!t.playbackId||!!t.src,poster:t.poster,storyboard:t.storyboard,placeholder:t.getAttribute("placeholder"),theme:t.getAttribute("theme"),thumbnailTime:!t.tokens.thumbnail&&t.thumbnailTime,autoplay:t.autoplay,crossOrigin:t.crossOrigin,loop:t.loop,noHotKeys:t.hasAttribute(s.NOHOTKEYS),hotKeys:t.getAttribute(s.HOTKEYS),muted:t.muted,paused:t.paused,preload:t.preload,envKey:t.envKey,preferCmcd:t.preferCmcd,debug:t.debug,disableCookies:t.disableCookies,tokens:t.tokens,beaconCollectionDomain:t.beaconCollectionDomain,metadata:t.metadata,playerSoftwareName:t.playerSoftwareName,playerSoftwareVersion:t.playerSoftwareVersion,startTime:t.startTime,preferPlayback:t.preferPlayback,audio:t.audio,streamType:t.streamType,primaryColor:t.primaryColor,secondaryColor:t.secondaryColor,forwardSeekOffset:t.forwardSeekOffset,backwardSeekOffset:t.backwardSeekOffset,defaultHiddenCaptions:t.defaultHiddenCaptions,defaultShowRemainingTime:t.defaultShowRemainingTime,playbackRates:t.getAttribute(s.PLAYBACK_RATES),customDomain:(i=t.getAttribute(u.CUSTOM_DOMAIN))!=null?i:void 0,playerSize:we((r=t.mediaController)!=null?r:t),title:t.getAttribute(s.TITLE),...a}}var Na=Object.values(u),Va=Object.values(P),$a=Object.values(s),Ha=fe(),Ka="mux-player",Yt={dialog:void 0,isDialogOpen:!1,inLiveWindow:!1},Z,ue,B,me,X,S,Q,Le,Ce,Zt,$,J,ee,Se,ce,Qe,Oe,Wt,Re,zt,Me,qt,Pe,jt,Be,Gt,De,Jt,de=class extends Ye{constructor(){super();c(this,Q);c(this,Ce);c(this,$);c(this,ee);c(this,ce);c(this,Oe);c(this,Re);c(this,Me);c(this,Pe);c(this,Be);c(this,De);c(this,Z,!1);c(this,ue,{});c(this,B,!0);c(this,me,new ge(this,"hotkeys"));c(this,X,void 0);c(this,S,{...Yt,onCloseErrorDialog:()=>p(this,$,J).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:e=>{$e(this,E.activeElement)||e.preventDefault()},onSeekToLive:()=>Fe(this)});this.attachShadow({mode:"open"}),p(this,Ce,Zt).call(this),this.isConnected&&p(this,Q,Le).call(this)}static get observedAttributes(){var e;return[...(e=Ye.observedAttributes)!=null?e:[],...Va,...Na,...$a]}get theme(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("media-theme")}get mediaController(){var e,i;return(i=(e=this.theme)==null?void 0:e.shadowRoot)==null?void 0:i.querySelector("media-controller")}get metadataFromAttrs(){return this.getAttributeNames().filter(e=>e.startsWith("metadata-")).reduce((e,i)=>{let r=this.getAttribute(i);return r!==null&&(e[i.replace(/^metadata-/,"").replace(/-/g,"_")]=r),e},{})}connectedCallback(){var i;p(this,ce,Qe).call(this);let e=(i=this.shadowRoot)==null?void 0:i.querySelector("mux-video");e&&(e.metadata=this.metadataFromAttrs),p(this,Oe,Wt).call(this)}disconnectedCallback(){p(this,Re,zt).call(this)}attributeChangedCallback(e,i,r){switch(l(this,Z)||p(this,Q,Le).call(this),super.attributeChangedCallback(e,i,r),e){case s.HOTKEYS:l(this,me).value=r;break;case s.THUMBNAIL_TIME:{r!=null&&this.tokens.thumbnail&&N(d("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case s.THUMBNAIL_TOKEN:{let{aud:n}=_(r);r&&n!=="t"&&N(d("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:n}));break}case s.STORYBOARD_TOKEN:{let{aud:n}=_(r);r&&n!=="s"&&N(d("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:n}));break}case u.PLAYBACK_ID:{r!=null&&r.includes("?token")&&L(d("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:r})),this.streamType?this.streamType!=null&&!Ba.includes(this.streamType)&&ye({file:"invalid-stream-type.md",message:d("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand`, `live`, `ll-live`, `live:dvr`, or `ll-live:dvr`").format({streamType:this.streamType})}):ye({file:"invalid-stream-type.md",message:String(d("No stream-type value supplied. Defaulting to `on-demand`. Please provide stream-type as either: `on-demand`, `live`, `ll-live`, `live:dvr`, or `ll-live:dvr`"))});break}}[u.PLAYBACK_ID,P.SRC,s.PLAYBACK_TOKEN].includes(e)&&i!==r&&k(this,S,{...l(this,S),...Yt}),p(this,ee,Se).call(this,{[Tt(e)]:r})}get preferCmcd(){var e;return(e=this.getAttribute(u.PREFER_CMCD))!=null?e:void 0}set preferCmcd(e){e!==this.preferCmcd&&(e?Ut.includes(e)?this.setAttribute(u.PREFER_CMCD,e):N(`Invalid value for preferCmcd. Must be one of ${Ut.join()}`):this.removeAttribute(u.PREFER_CMCD))}get hasPlayed(){var e,i;return(i=(e=this.mediaController)==null?void 0:e.hasAttribute("media-has-played"))!=null?i:!1}get inLiveWindow(){return l(this,S).inLiveWindow}get _hls(){var e;return(e=this.media)==null?void 0:e._hls}get mux(){var e;return(e=this.media)==null?void 0:e.mux}get playbackId(){var e;return(e=this.getAttribute(u.PLAYBACK_ID))!=null?e:void 0}set playbackId(e){e?this.setAttribute(u.PLAYBACK_ID,e):this.removeAttribute(u.PLAYBACK_ID)}get src(){var e,i;return this.playbackId?(e=Y(this,P.SRC))!=null?e:void 0:(i=this.getAttribute(P.SRC))!=null?i:void 0}set src(e){e?this.setAttribute(P.SRC,e):this.removeAttribute(P.SRC)}get poster(){var i;let e=this.getAttribute(P.POSTER);if(e!=null)return e;if(this.playbackId&&!this.audio)return kt(this.playbackId,{domain:this.customDomain,thumbnailTime:(i=this.thumbnailTime)!=null?i:this.startTime,token:this.tokens.thumbnail})}set poster(e){e||e===""?this.setAttribute(P.POSTER,e):this.removeAttribute(P.POSTER)}get storyboard(){if(this.playbackId&&!this.audio&&(!this.streamType||![x.LIVE,x.LL_LIVE,x.DVR,x.LL_DVR].includes(this.streamType)))return Et(this.playbackId,{domain:this.customDomain,token:this.tokens.storyboard})}get audio(){return this.hasAttribute(s.AUDIO)}set audio(e){if(!e){this.removeAttribute(s.AUDIO);return}this.setAttribute(s.AUDIO,"")}get hotkeys(){return l(this,me)}get nohotkeys(){return this.hasAttribute(s.NOHOTKEYS)}set nohotkeys(e){if(!e){this.removeAttribute(s.NOHOTKEYS);return}this.setAttribute(s.NOHOTKEYS,"")}get thumbnailTime(){return M(this.getAttribute(s.THUMBNAIL_TIME))}set thumbnailTime(e){this.setAttribute(s.THUMBNAIL_TIME,`${e}`)}get title(){var e;return(e=this.getAttribute(s.TITLE))!=null?e:""}set title(e){e!==this.title&&(e?this.setAttribute(s.TITLE,e):this.removeAttribute("title"),super.title=e)}get placeholder(){var e;return(e=Y(this,s.PLACEHOLDER))!=null?e:""}set placeholder(e){this.setAttribute(s.PLACEHOLDER,`${e}`)}get primaryColor(){var e;return(e=this.getAttribute(s.PRIMARY_COLOR))!=null?e:void 0}set primaryColor(e){this.setAttribute(s.PRIMARY_COLOR,`${e}`)}get secondaryColor(){var e;return(e=this.getAttribute(s.SECONDARY_COLOR))!=null?e:"rgb(0 0 0 / .65)"}set secondaryColor(e){this.setAttribute(s.SECONDARY_COLOR,`${e}`)}get defaultShowRemainingTime(){return this.hasAttribute(s.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(e){e?this.setAttribute(s.DEFAULT_SHOW_REMAINING_TIME,""):this.removeAttribute(s.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(!!this.hasAttribute(s.PLAYBACK_RATES))return this.getAttribute(s.PLAYBACK_RATES).trim().split(/\s*,?\s+/).map(e=>Number(e)).filter(e=>!Number.isNaN(e)).sort((e,i)=>e-i)}set playbackRates(e){if(!e){this.removeAttribute(s.PLAYBACK_RATES);return}this.setAttribute(s.PLAYBACK_RATES,e.join(" "))}get forwardSeekOffset(){var e;return(e=M(this.getAttribute(s.FORWARD_SEEK_OFFSET)))!=null?e:10}set forwardSeekOffset(e){this.setAttribute(s.FORWARD_SEEK_OFFSET,`${e}`)}get backwardSeekOffset(){var e;return(e=M(this.getAttribute(s.BACKWARD_SEEK_OFFSET)))!=null?e:10}set backwardSeekOffset(e){this.setAttribute(s.BACKWARD_SEEK_OFFSET,`${e}`)}get defaultHiddenCaptions(){return this.hasAttribute(s.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(e){e?this.setAttribute(s.DEFAULT_HIDDEN_CAPTIONS,""):this.removeAttribute(s.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var e;return(e=this.getAttribute(u.PLAYER_SOFTWARE_NAME))!=null?e:Ka}get playerSoftwareVersion(){var e;return(e=this.getAttribute(u.PLAYER_SOFTWARE_VERSION))!=null?e:Ha}get beaconCollectionDomain(){var e;return(e=this.getAttribute(u.BEACON_COLLECTION_DOMAIN))!=null?e:void 0}set beaconCollectionDomain(e){e!==this.beaconCollectionDomain&&(e?this.setAttribute(u.BEACON_COLLECTION_DOMAIN,e):this.removeAttribute(u.BEACON_COLLECTION_DOMAIN))}get customDomain(){var e;return(e=this.getAttribute(u.CUSTOM_DOMAIN))!=null?e:void 0}set customDomain(e){e!==this.customDomain&&(e?this.setAttribute(u.CUSTOM_DOMAIN,e):this.removeAttribute(u.CUSTOM_DOMAIN))}get envKey(){var e;return(e=Y(this,u.ENV_KEY))!=null?e:void 0}set envKey(e){this.setAttribute(u.ENV_KEY,`${e}`)}get debug(){return Y(this,u.DEBUG)!=null}set debug(e){e?this.setAttribute(u.DEBUG,""):this.removeAttribute(u.DEBUG)}get disableCookies(){return Y(this,u.DISABLE_COOKIES)!=null}set disableCookies(e){e?this.setAttribute(u.DISABLE_COOKIES,""):this.removeAttribute(u.DISABLE_COOKIES)}get streamType(){return Y(this,u.STREAM_TYPE)}set streamType(e){this.setAttribute(u.STREAM_TYPE,`${e}`)}get startTime(){return M(Y(this,u.START_TIME))}set startTime(e){this.setAttribute(u.START_TIME,`${e}`)}get preferPlayback(){let e=this.getAttribute(u.PREFER_PLAYBACK);if(e===xe.MSE||e===xe.NATIVE)return e}set preferPlayback(e){e!==this.preferPlayback&&(e===xe.MSE||e===xe.NATIVE?this.setAttribute(u.PREFER_PLAYBACK,e):this.removeAttribute(u.PREFER_PLAYBACK))}get metadata(){var e;return(e=this.media)==null?void 0:e.metadata}set metadata(e){if(l(this,Z)||p(this,Q,Le).call(this),!this.media){L("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata={...this.metadataFromAttrs,...e}}get tokens(){let e=this.getAttribute(s.PLAYBACK_TOKEN),i=this.getAttribute(s.THUMBNAIL_TOKEN),r=this.getAttribute(s.STORYBOARD_TOKEN);return{...l(this,ue),...e!=null?{playback:e}:{},...i!=null?{thumbnail:i}:{},...r!=null?{storyboard:r}:{}}}set tokens(e){k(this,ue,e!=null?e:{})}get playbackToken(){var e;return(e=this.getAttribute(s.PLAYBACK_TOKEN))!=null?e:void 0}set playbackToken(e){this.setAttribute(s.PLAYBACK_TOKEN,`${e}`)}get thumbnailToken(){var e;return(e=this.getAttribute(s.THUMBNAIL_TOKEN))!=null?e:void 0}set thumbnailToken(e){this.setAttribute(s.THUMBNAIL_TOKEN,`${e}`)}get storyboardToken(){var e;return(e=this.getAttribute(s.STORYBOARD_TOKEN))!=null?e:void 0}set storyboardToken(e){this.setAttribute(s.STORYBOARD_TOKEN,`${e}`)}addTextTrack(e,i,r,o){var m;let n=(m=this.media)==null?void 0:m.nativeEl;if(!!n)return Ma(n,e,i,r,o)}removeTextTrack(e){var r;let i=(r=this.media)==null?void 0:r.nativeEl;if(!!i)return Pa(i,e)}get textTracks(){var e;return(e=this.media)==null?void 0:e.textTracks}};Z=new WeakMap,ue=new WeakMap,B=new WeakMap,me=new WeakMap,X=new WeakMap,S=new WeakMap,Q=new WeakSet,Le=function(){var e,i;if(!l(this,Z)){k(this,Z,!0),p(this,$,J).call(this,{playerSize:we(this)});try{if(customElements.upgrade(this.theme),!(this.theme instanceof h.HTMLElement))throw""}catch{L("<media-theme> failed to upgrade!")}try{if(customElements.upgrade(this.media),!(this.media instanceof Ra))throw""}catch{L("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof Oa))throw""}catch{L("<media-controller> failed to upgrade!")}Ct(this),p(this,Pe,jt).call(this),p(this,Be,Gt).call(this),p(this,Me,qt).call(this),k(this,B,(i=(e=this.mediaController)==null?void 0:e.hasAttribute("user-inactive"))!=null?i:!0),p(this,De,Jt).call(this)}},Ce=new WeakSet,Zt=function(){var e,i;try{(e=window==null?void 0:window.CSS)==null||e.registerProperty({name:"--primary-color",syntax:"<color>",inherits:!0,initialValue:"white"}),(i=window==null?void 0:window.CSS)==null||i.registerProperty({name:"--secondary-color",syntax:"<color>",inherits:!0,initialValue:"transparent"})}catch{}},$=new WeakSet,J=function(e){Object.assign(l(this,S),e),p(this,ee,Se).call(this)},ee=new WeakSet,Se=function(e={}){Kt(Ft(_a(this,{...l(this,S),...e})),this.shadowRoot)},ce=new WeakSet,Qe=function(){var e,i;l(this,S).playerSize!=we((e=this.mediaController)!=null?e:this)&&p(this,$,J).call(this,{playerSize:we((i=this.mediaController)!=null?i:this)})},Oe=new WeakSet,Wt=function(){var e;k(this,X,new ResizeObserver(()=>p(this,ce,Qe).call(this))),l(this,X).observe((e=this.mediaController)!=null?e:this)},Re=new WeakSet,zt=function(){var e;(e=l(this,X))==null||e.disconnect()},Me=new WeakSet,qt=function(){var i,r,o,n,m;(i=this.mediaController)==null||i.addEventListener("mediaplayrequest",b=>{var f;((f=b.target)==null?void 0:f.localName)==="media-play-button"&&this.streamType&&[x.LIVE,x.LL_LIVE,x.DVR,x.LL_DVR].includes(this.streamType)&&this.hasPlayed&&Fe(this)});let e=()=>{let b=xt(this),f=l(this,S).inLiveWindow;b!==f&&(p(this,$,J).call(this,{inLiveWindow:b}),this.dispatchEvent(new CustomEvent("inlivewindowchange",{composed:!0,bubbles:!0,detail:this.inLiveWindow})))};(r=this.media)==null||r.addEventListener("progress",e),(o=this.media)==null||o.addEventListener("waiting",e),(n=this.media)==null||n.addEventListener("timeupdate",e),(m=this.media)==null||m.addEventListener("emptied",e)},Pe=new WeakSet,jt=function(){var i;let e=r=>{let{detail:o}=r;if(o instanceof Je||(o=new Je(o.message,o.code,o.fatal)),!(o!=null&&o.fatal)){N(o),o.data&&N(`${o.name} data:`,o.data);return}let{dialog:n,devlog:m}=Ae(o,!window.navigator.onLine,this.playbackId,this.playbackToken);m.message&&ye(m),L(o),o.data&&L(`${o.name} data:`,o.data),p(this,$,J).call(this,{isDialogOpen:!0,dialog:n})};this.addEventListener("error",e),this.media&&(this.media.errorTranslator=(r={})=>{var n,m,b;if(!((n=this.media)!=null&&n.error))return r;let{devlog:o}=Ae((m=this.media)==null?void 0:m.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(b=this.media)==null?void 0:b.error.code,player_error_message:o.message?String(o.message):r.player_error_message}}),(i=this.media)==null||i.addEventListener("error",r=>{var n,m;let{detail:o}=r;if(!o){let{message:b,code:f}=(m=(n=this.media)==null?void 0:n.error)!=null?m:{};o=new Je(b,f)}!(o!=null&&o.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:o}))})},Be=new WeakSet,Gt=function(){var i,r,o,n;let e=()=>p(this,ee,Se).call(this);(r=(i=this.media)==null?void 0:i.textTracks)==null||r.addEventListener("addtrack",e),(n=(o=this.media)==null?void 0:o.textTracks)==null||n.addEventListener("removetrack",e)},De=new WeakSet,Jt=function(){var A,D,I;let e=this.mediaController,i=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(i)return;let r,o=new WeakMap,n=()=>this.streamType&&[x.LIVE,x.LL_LIVE].includes(this.streamType)&&!this.secondaryColor&&this.offsetWidth>=800,m=(g,C,O=!1)=>{if(n())return;Array.from(g&&g.activeCues||[]).forEach(y=>{if(!(!y.snapToLines||y.line<-5||y.line>=0&&y.line<10))if(!C||this.paused){let pe=y.text.split(`
+`).length,te=i?-2:-3;this.streamType&&[x.LIVE,x.LL_LIVE].includes(this.streamType)&&(te=i?-1:-2);let W=te-pe;if(y.line===W&&!O)return;o.has(y)||o.set(y,y.line),y.line=W-1,y.line=W}else setTimeout(()=>{y.line=o.get(y)||"auto"},500)})},b=()=>{var g;m(r,(g=e==null?void 0:e.hasAttribute("user-inactive"))!=null?g:!1)},f=()=>{var O;let C=Array.from(((O=e==null?void 0:e.media)==null?void 0:O.textTracks)||[]).filter(R=>["subtitles","captions"].includes(R.kind)&&R.mode==="showing")[0];C!==r&&(r==null||r.removeEventListener("cuechange",b)),r=C,r==null||r.addEventListener("cuechange",b),m(r,l(this,B))};if(f(),(A=e==null?void 0:e.media)==null||A.textTracks.addEventListener("change",f),(D=e==null?void 0:e.media)==null||D.textTracks.addEventListener("addtrack",f),navigator.userAgent.includes("Chrome/")){let g=()=>{m(r,l(this,B),!0),this.paused||window.requestAnimationFrame(g)};(I=e==null?void 0:e.media)==null||I.addEventListener("playing",()=>{g()})}e==null||e.addEventListener("userinactivechange",()=>{let g=e==null?void 0:e.hasAttribute("user-inactive");l(this,B)!==g&&(k(this,B,g),m(r,l(this,B)))})};function Y(t,a){return t.media?t.media.getAttribute(a):t.getAttribute(a)}h.customElements.get("mux-player")||(h.customElements.define("mux-player",de),h.MuxPlayerElement=de);var Yi=de;export{Je as MediaError,Yi as default,Y as getVideoAttribute};