@mux/mux-player 0.1.0-beta.21

package/dist/index.mjs

@@ -0,0 +1,709 @@
+var Oe=(t,e,a)=>{if(!e.has(t))throw TypeError("Cannot "+a)};var y=(t,e,a)=>(Oe(t,e,"read from private field"),a?a.call(t):e.get(t)),f=(t,e,a)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,a)},N=(t,e,a,o)=>(Oe(t,e,"write to private field"),o?o.call(t,a):e.set(t,a),a);var c=(t,e,a)=>(Oe(t,e,"access private method"),a);import"@mux/playback-core";import{MediaController as ui}from"media-chrome";import"media-chrome";import{TemplateInstance as Qe,NodeTemplatePart as le,createProcessor as ha,AttributeTemplatePart as Ce}from"@github/template-parts";var Q=new WeakMap,de=class{constructor(e,a){this.element=e;this.type=a;this.element.addEventListener(this.type,this);let o=Q.get(this.element);o&&o.set(this.type,this)}set(e){if(typeof e=="function")this.handleEvent=e.bind(this.element);else if(typeof e=="object"&&typeof e.handleEvent=="function")this.handleEvent=e.handleEvent.bind(e);else{this.element.removeEventListener(this.type,this);let a=Q.get(this.element);a&&a.delete(this.type)}}static for(e){Q.has(e.element)||Q.set(e.element,new Map);let a=e.attributeName.slice(2),o=Q.get(e.element);return o&&o.has(a)?o.get(a):new de(e.element,a)}};function pa(t,e){return t instanceof Ce&&t.attributeName.startsWith("on")?(de.for(t).set(e),t.element.removeAttributeNS(t.attributeNamespace,t.attributeName),!0):!1}function ga(t,e){return e instanceof $e&&t instanceof le?(e.renderInto(t),!0):!1}function fa(t,e){return e instanceof DocumentFragment&&t instanceof le?(e.childNodes.length&&t.replace(...e.childNodes),!0):!1}function ba(t,e){if(t instanceof Ce){let a=t.attributeNamespace,o=t.element.getAttributeNS(a,t.attributeName);return String(e)!==o&&(t.value=String(e)),!0}return t.value=String(e),!0}function va(t,e){if(typeof e=="boolean"&&t instanceof Ce){let a=t.attributeNamespace,o=t.element.hasAttributeNS(a,t.attributeName);return e!==o&&(t.booleanValue=e),!0}return!1}function ya(t,e){return e===!1&&t instanceof le?(t.replace(""),!0):!1}function Ea(t,e){va(t,e)||pa(t,e)||ya(t,e)||ga(t,e)||fa(t,e)||ba(t,e)}var Ie=new WeakMap,et=new WeakMap,tt=new WeakMap,$e=class{constructor(e,a,o){this.strings=e;this.values=a;this.processor=o}get template(){if(Ie.has(this.strings))return Ie.get(this.strings);{let e=document.createElement("template"),a=this.strings.length-1;return e.innerHTML=this.strings.reduce((o,i,n)=>o+i+(n<a?`{{ ${n} }}`:""),""),Ie.set(this.strings,e),e}}renderInto(e){let a=this.template;if(et.get(e)!==a){et.set(e,a);let i=new Qe(a,this.values,this.processor);tt.set(e,i),e instanceof le?e.replace(...i.children):e.appendChild(i);return}let o=tt.get(e);o&&o.update(this.values)}},Ta=ha(Ea);function s(t,...e){return new $e(t,e,Ta)}function ee(t,e){t.renderInto(e)}function b(t,e){let a=document.createElement("template");return a.innerHTML=t,new Qe(a,e)}var at=`
+  :host {
+    cursor: pointer;
+  }
+  media-time-display {
+    color: inherit;
+  }
+`,it=document.createElement("template");it.innerHTML=`
+  <style>
+    ${at}
+  </style>
+  <media-time-display show-duration></media-time-display>
+`;var ot=["Enter"," "],te=class extends HTMLElement{constructor(){super();var e,a;this.attachShadow({mode:"open"}),(e=this.shadowRoot)==null||e.appendChild(this.constructor.template.content.cloneNode(!0)),this.timeDisplayEl=(a=this.shadowRoot)==null?void 0:a.querySelector("media-time-display")}toggleTimeDisplay(){var e,a,o;((e=this.timeDisplayEl)==null?void 0:e.hasAttribute("remaining"))?(a=this.timeDisplayEl)==null||a.removeAttribute("remaining"):(o=this.timeDisplayEl)==null||o.setAttribute("remaining","")}connectedCallback(){let e=a=>{let{key:o}=a;if(!ot.includes(o)){this.removeEventListener("keyup",e);return}this.toggleTimeDisplay()};this.addEventListener("keydown",a=>{let{metaKey:o,altKey:i,key:n}=a;if(o||i||!ot.includes(n)){this.removeEventListener("keyup",e);return}this.addEventListener("keyup",e)}),this.addEventListener("click",this.toggleTimeDisplay)}};te.styles=at,te.template=it;globalThis.customElements.get("mxp-time-display")||(globalThis.customElements.define("mxp-time-display",te),globalThis.MxpTimeDisplay=te);var nt=`:host(:not([audio])) {
+  --secondary-color: transparent;
+}
+
+:host {
+  color: var(--primary-color);
+  --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.7);
+  --media-range-track-background: rgba(255, 255, 255, 0.5);
+  --media-range-track-border-radius: 3px;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+}
+
+:host([audio]) ::slotted([slot='media']) {
+  height: 0px;
+}
+
+:host([audio]) media-controller {
+  background: transparent;
+}
+
+:host([audio]) media-controller::part(vertical-layer) {
+  background: transparent;
+}
+
+:host([audio]) media-control-bar {
+  width: 100%;
+}
+
+media-airplay-button[media-airplay-unavailable],
+media-cast-button[media-cast-unavailable],
+media-volume-range[media-volume-unavailable],
+media-airplay-button[media-airplay-unavailable] {
+  display: none;
+}
+
+media-volume-range[media-volume-unavailable] {
+  display: none;
+}
+
+media-pip-button[media-pip-unavailable] {
+  display: none;
+}
+
+media-controller {
+  width: 100%;
+  height: 100%;
+}
+
+:host(:not([audio])) media-time-range {
+  padding: var(--mux-time-range-padding, 0 10px);
+  z-index: 10;
+  width: 100%;
+  height: 22px;
+  --media-range-track-translate-y: 6px;
+  background: linear-gradient(180deg, transparent, transparent 15px, var(--media-control-background) 15px);
+}
+
+media-control-bar {
+  --media-button-icon-width: 18px;
+}
+
+media-control-bar :is([role='button'], [role='switch'], button) {
+  height: 44px;
+}
+
+media-cast-button {
+  width: 40px;
+}
+
+.size-extra-small media-control-bar [role='button'],
+.size-extra-small media-control-bar [role='switch'] {
+  height: auto;
+  padding: 4.4% 3.2%;
+}
+
+.mxp-spacer {
+  flex-grow: 1;
+  height: 100%;
+  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. */
+.size-large .mxp-padding-2 {
+  width: 2px;
+  height: 100%;
+  background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));
+}
+
+media-controller::part(vertical-layer) {
+  transition: background-color 1s;
+}
+
+media-controller:is([media-paused], :not([user-inactive]))::part(vertical-layer) {
+  background-color: rgba(0, 0, 0, 0.6);
+  transition: background-color 0.25s;
+}
+
+.mxp-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;
+}
+
+.mxp-center-controls media-play-button {
+  --media-control-background: transparent;
+  --media-control-hover-background: transparent;
+  padding: 0;
+  width: max(27px, min(9%, 90px));
+}
+
+.mxp-center-controls media-seek-backward-button,
+.mxp-center-controls media-seek-forward-button {
+  --media-control-background: transparent;
+  --media-control-hover-background: transparent;
+  padding: 0;
+  margin: 0 10%;
+  width: min(7%, 70px);
+}
+
+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) {
+  color: inherit;
+}
+`;var rt=`<svg aria-hidden="true" viewBox="0 0 20 18" slot="airplay">
+  <path
+    d="M10.19 11.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-.41Z"
+  />
+  <path
+    d="M19 0H1a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h2.94L5 13.75H1.25V1.25h17.5v12.5H15L16.06 15H19a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1Z"
+  />
+</svg>
+`;var st=`<svg aria-hidden="true" viewBox="0 0 20 18" slot="off">
+  <path
+    d="M19.83 2.68a2.58 2.58 0 0 0-2.3-2.5C15.72.06 12.86 0 10 0S4.28.06 2.47.18a2.58 2.58 0 0 0-2.3 2.5 115.86 115.86 0 0 0 0 12.64 2.58 2.58 0 0 0 2.3 2.5c1.81.12 4.67.18 7.53.18s5.72-.06 7.53-.18a2.58 2.58 0 0 0 2.3-2.5 115.86 115.86 0 0 0 0-12.64Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18s-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11 122.5 122.5 0 0 1 0-12.42 1.11 1.11 0 0 1 .91-1.11C4.24 1.57 7 1.5 10 1.5s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11 122.5 122.5 0 0 1 0 12.42ZM7.84 11a1.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.1 2.1 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-.42 1.81 1.81 0 0 1 .73-.16 1.68 1.68 0 0 1 .7.14 1.39 1.39 0 0 1 .51.39l1.08-.89a2.18 2.18 0 0 0-.47-.44A2.81 2.81 0 0 0 8.4 6a2.91 2.91 0 0 0-.58-.15 2.71 2.71 0 0 0-.56 0A4.08 4.08 0 0 0 5.88 6a3.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.06 3.27 3.27 0 0 0 1.09.67 3.85 3.85 0 0 0 1.38.23 3.2 3.2 0 0 0 1.28-.27 2.49 2.49 0 0 0 1-.83l-1.17-.88a1.42 1.42 0 0 1-.53.52Zm6.62 0a1.58 1.58 0 0 1-.76.18A1.54 1.54 0 0 1 13 11a1.69 1.69 0 0 1-.57-.42A2.12 2.12 0 0 1 12 10a2.29 2.29 0 0 1 .39-2.3 1.84 1.84 0 0 1 1.32-.58 1.71 1.71 0 0 1 .7.14 1.39 1.39 0 0 1 .51.39L16 6.73a2.43 2.43 0 0 0-.47-.44A3.22 3.22 0 0 0 15 6a3 3 0 0 0-.57-.15 2.87 2.87 0 0 0-.57 0A4.06 4.06 0 0 0 12.5 6a3.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.38 2.93 2.93 0 0 0 .72 1.06 3.17 3.17 0 0 0 1.09.67 3.83 3.83 0 0 0 1.37.23 3.16 3.16 0 0 0 1.28-.27 2.45 2.45 0 0 0 1-.83L15 10.51a1.49 1.49 0 0 1-.54.49Z"
+  />
+</svg>
+`;var lt=`<svg aria-hidden="true" viewBox="0 0 20 18" slot="on">
+  <path
+    d="M19.83 2.68a2.58 2.58 0 0 0-2.3-2.5C13.91-.06 6.09-.06 2.47.18a2.58 2.58 0 0 0-2.3 2.5 115.86 115.86 0 0 0 0 12.64 2.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.5 115.86 115.86 0 0 0 0-12.64ZM8.42 12.78a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27A4 4 0 0 1 4 12a3.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.64A3.53 3.53 0 0 1 4 6.26a3.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 .67.06 4.57 4.57 0 0 1 .68.18 3.59 3.59 0 0 1 .64.34 2.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 1 2.74 2.74 0 0 0 .16 1 2.39 2.39 0 0 0 .46.77 2.07 2.07 0 0 0 .67.5 2 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 .67.06 4.27 4.27 0 0 1 .68.18 3.59 3.59 0 0 1 .64.34 2.46 2.46 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 3 3 0 0 0-.16 1 3 3 0 0 0 .16 1 2.58 2.58 0 0 0 .46.77 2.07 2.07 0 0 0 .67.5 2 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 dt=`<svg aria-hidden="true" viewBox="0 0 18 18" slot="enter">
+  <path
+    d="M17.25 11.5a.76.76 0 0 0-.75.75v4.25h-4.25a.75.75 0 0 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 0 0 1.5 0v-5a.76.76 0 0 0-.75-.75ZM5.75 16.5H1.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 0 0 0-1.5Zm0-16.5h-5A.76.76 0 0 0 0 .75v5a.76.76 0 0 0 .75.75.76.76 0 0 0 .75-.75V1.5h4.25A.76.76 0 0 0 6.5.75.76.76 0 0 0 5.75 0Z"
+  />
+</svg>
+`;var mt=`<svg aria-hidden="true" viewBox="0 0 18 18" slot="exit">
+  <path
+    d="M17.25 11.5h-5a.76.76 0 0 0-.75.75v5a.75.75 0 0 0 1.5 0V13h4.25a.75.75 0 0 0 0-1.5Zm-5-5h5a.75.75 0 0 0 0-1.5H13V.75a.75.75 0 0 0-1.5 0v5a.76.76 0 0 0 .75.75Zm-6.5 5h-5a.75.75 0 0 0 0 1.5H5v4.25a.75.75 0 0 0 1.5 0v-5a.76.76 0 0 0-.75-.75Zm0-11.5A.76.76 0 0 0 5 .75V5H.75a.75.75 0 0 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5A.76.76 0 0 0 5.75 0Z"
+  />
+</svg>
+`;var ct=`<svg aria-hidden="true" viewBox="0 0 18 18" slot="pause">
+  <path
+    d="M3 16.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.5v15ZM11.5 1a.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 ut=`<svg aria-hidden="true" viewBox="0 0 20 18" slot="enter">
+  <path
+    d="M19 0H1a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V1.25h17.5v6.5H20V1a1 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-5h7Z"
+  />
+</svg>
+`;var ht=`<svg aria-hidden="true" viewBox="0 0 20 18" slot="exit">
+  <path
+    d="M19 0H1a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V1.25h17.5v6.5H20V1a1 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-5h7Z"
+  />
+</svg>
+`;var pt=`<svg aria-hidden="true" viewBox="0 0 18 18" slot="play">
+  <path
+    d="m3.73 17.93 14.05-8.54a.46.46 0 0 0 0-.78L3.73.07A.48.48 0 0 0 3 .46v17.07a.48.48 0 0 0 .73.4Z"
+  />
+</svg>
+`;var gt=`<svg aria-hidden="true" viewBox="0 0 16 18" slot="backward">
+  <path
+    d="M8.75 3.42H4.68l2.14-2.14A.75.75 0 0 0 5.76.22L2.22 3.75a.77.77 0 0 0 0 1.07l3.54 3.53a.75.75 0 0 0 1.06 0 .75.75 0 0 0 0-1.06L4.45 4.92h4.3A5.75 5.75 0 0 1 11 16a.75.75 0 0 0 .29 1.44.72.72 0 0 0 .29-.06A7.25 7.25 0 0 0 8.75 3.42Z"
+  />
+  <text
+    class="value"
+    transform="translate(.6 17.8)"
+    style="font-size: 8px; font-family: 'ArialMT', 'Arial'"
+  >
+    {{value}}
+  </text>
+  <path style="fill: none" d="M0 0h16v18H0z" />
+</svg>
+`;var ft=`<svg aria-hidden="true" viewBox="0 0 16 18" slot="forward">
+  <path
+    d="M7.25 3.42h4.07L9.18 1.28A.75.75 0 0 1 10.24.22l3.54 3.53a.77.77 0 0 1 0 1.07l-3.54 3.53a.75.75 0 0 1-1.06 0 .75.75 0 0 1 0-1.06l2.37-2.37h-4.3A5.75 5.75 0 0 0 5 16a.75.75 0 0 1-.29 1.44.72.72 0 0 1-.29-.06A7.25 7.25 0 0 1 7.25 3.42Z"
+  />
+  <text
+    class="value"
+    transform="translate(6.5 17.8)"
+    style="font-size: 8px; font-family: 'ArialMT', 'Arial'"
+  >
+    {{value}}
+  </text>
+  <path style="fill: none" d="M0 0h16v18H0z" />
+</svg>
+`;var bt=`<svg aria-hidden="true" viewBox="0 0 18 18" slot="high">
+  <path
+    d="m8.14 1.86-4 4a.49.49 0 0 1-.35.14H.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-.36V2.21a.5.5 0 0 0-.86-.35ZM10.88.3v1.52A7.52 7.52 0 0 1 16.47 9a7.52 7.52 0 0 1-5.59 7.18v1.52A9 9 0 0 0 18 9 9 9 0 0 0 10.88.3ZM14.44 9a5.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 14.44 9Z"
+  />
+  <path style="fill: none" d="M0 0h18v18H0z" />
+</svg>
+`;var vt=`<svg aria-hidden="true" viewBox="0 0 18 18" slot="low">
+  <path
+    d="m8.14 1.86-4 4a.49.49 0 0 1-.35.14H.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-.36V2.21a.5.5 0 0 0-.86-.35ZM14.44 9a5.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 14.44 9Z"
+  />
+  <path style="fill: none" d="M0 0h18v18H0z" />
+</svg>
+`;var yt=`<svg aria-hidden="true" viewBox="0 0 18 18" slot="medium">
+  <path
+    d="m8.14 1.86-4 4a.49.49 0 0 1-.35.14H.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-.36V2.21a.5.5 0 0 0-.86-.35ZM14.44 9a5.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 14.44 9Z"
+  />
+  <path style="fill: none" d="M0 0h18v18H0z" />
+</svg>
+`;var Et=`<svg aria-hidden="true" viewBox="0 0 18 18" slot="off">
+  <path
+    d="m0 1.05 4.48 4.47-.33.33a.49.49 0 0 1-.36.15H.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.91L17 18l1-1L1.06 0Zm5.36 5.36L7.75 8.8V14L5 11.26a1.74 1.74 0 0 0-1.24-.51H1.25v-3.5h2.54A1.74 1.74 0 0 0 5 6.74ZM16.47 9a7.19 7.19 0 0 1-.89 3.47l1.11 1.1A8.64 8.64 0 0 0 18 9 9 9 0 0 0 10.88.3v1.52A7.52 7.52 0 0 1 16.47 9ZM9 5.88V2.21a.5.5 0 0 0-.5-.5.48.48 0 0 0-.36.15L6.56 3.44ZM12.91 9a4.28 4.28 0 0 1-.07.72l1.22 1.22A5.2 5.2 0 0 0 14.44 9a5.49 5.49 0 0 0-3.56-5.1v1.66A4 4 0 0 1 12.91 9Z"
+  />
+  <path style="fill: none" d="M0 0h18v18H0z" />
+</svg>
+`;var Tt=()=>b(rt),kt=()=>b(st),xt=()=>b(lt),At=()=>b(dt),Lt=()=>b(mt),wt=()=>b(ct),Mt=()=>b(ut),St=()=>b(ht),Ot=()=>b(pt),Ct=t=>b(gt,t),It=t=>b(ft,t),$t=()=>b(bt),Rt=()=>b(vt),Pt=()=>b(yt),_t=()=>b(Et);import{StreamTypes as k}from"@mux/playback-core";var C={LG:"large",SM:"small",XS:"extra-small"},Dt=t=>s`
+  <style>
+    ${nt}
+  </style>
+
+  <media-controller audio="${t.audio||!1}" class="size-${t.playerSize}">
+    <slot name="media" slot="media"></slot>
+    <media-loading-indicator slot="centered-chrome" no-auto-hide></media-loading-indicator>
+    ${Va(t)}
+    <slot></slot>
+  </media-controller>
+`,Va=t=>{let{streamType:e,playerSize:a,audio:o}=t;if(o)switch(e){case k.LIVE:case k.LL_LIVE:return Ba(t);case k.DVR:case k.LL_DVR:return Ua(t);case k.ON_DEMAND:default:return Ha(t)}switch(e){case k.LIVE:case k.LL_LIVE:switch(a){case C.LG:return Za(t);case C.SM:return za(t);case C.XS:return Ya(t)}case k.DVR:case k.LL_DVR:switch(a){case C.LG:return ja(t);case C.SM:return qa(t);case C.XS:return Wa(t)}case k.ON_DEMAND:default:switch(a){case C.LG:return Ka(t);case C.SM:return Fa(t);case C.XS:return Re(t)}}},T=()=>s`
+  <media-play-button>
+    ${Ot()}
+    ${wt()}
+  </media-play-button>
+`,z=t=>s`
+  <media-seek-backward-button seek-offset="${t.backwardSeekOffset}">
+    ${Ct({value:t.backwardSeekOffset})}
+  </media-seek-backward-button>
+`,Z=t=>s`
+  <media-seek-forward-button seek-offset="${t.forwardSeekOffset}">
+    ${It({value:t.forwardSeekOffset})}
+  </media-seek-forward-button>
+`,x=()=>s`
+  <media-mute-button>
+    ${$t()}
+    ${Pt()}
+    ${Rt()}
+    ${_t()}
+  </media-mute-button>
+`,V=t=>s`
+<media-captions-button default-showing="${!t.defaultHiddenCaptions}" >
+  ${kt()}
+  ${xt()}
+</media-captions-button>`,A=()=>s`
+<media-airplay-button>
+  ${Tt()}
+</media-airplay-button>`,H=()=>s`
+<media-pip-button>
+  ${Mt()}
+  ${St()}
+</media-pip-button>`,U=()=>s`
+<media-fullscreen-button>
+  ${At()}
+  ${Lt()}
+</media-fullscreen-button>`,Ha=t=>s`
+  <media-control-bar>
+    ${T()} ${z(t)} ${Z(t)}
+    <mxp-time-display></mxp-time-display>
+    <media-time-range></media-time-range>
+    ${x()}
+    <media-volume-range></media-volume-range>
+    <media-playback-rate-button></media-playback-rate-button>
+    ${A()}
+    <media-cast-button></media-cast-button>
+  </media-control-bar>
+`,Ua=t=>s`
+  <media-control-bar>
+    ${T()}
+    <slot name="seek-to-live-button"></slot>
+    ${z(t)} ${Z(t)}
+    <mxp-time-display></mxp-time-display>
+    <media-time-range></media-time-range>
+    ${x()}
+    <media-volume-range></media-volume-range>
+    <media-playback-rate-button></media-playback-rate-button>
+    ${A()}
+    <media-cast-button></media-cast-button>
+  </media-control-bar>
+`,Ba=t=>s`
+  <media-control-bar>
+    ${T()}
+    <slot name="seek-to-live-button"></slot>
+    ${x()}
+    <media-volume-range></media-volume-range>
+    ${A()}
+    <media-cast-button></media-cast-button>
+  </media-control-bar>
+`,Re=t=>s`
+  <media-control-bar slot="top-chrome">
+    ${t.hasCaptions?V(t):s``}
+    <div class="mxp-spacer"></div>
+    ${A()}
+    <media-cast-button></media-cast-button>
+    ${H()}
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${T()}
+  </div>
+  <media-control-bar>
+    ${x()}
+    <div class="mxp-spacer"></div>
+    ${U()}
+  </media-control-bar>
+`,Fa=t=>s`
+  <media-control-bar slot="top-chrome" style="justify-content: flex-end;">
+    ${t.hasCaptions?V(t):s``}
+    ${A()}
+    <media-cast-button></media-cast-button>
+    ${H()}
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${z(t)}
+    ${T()}
+    ${Z(t)}
+  </div>
+  <media-time-range></media-time-range>
+  <media-control-bar>
+    <mxp-time-display></mxp-time-display>
+    ${x()}
+    <media-volume-range></media-volume-range>
+    <div class="mxp-spacer"></div>
+    <media-playback-rate-button></media-playback-rate-button>
+    ${U()}
+    <div class="mxp-padding-2"></div>
+  </media-control-bar>
+`,Ka=t=>s`
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${T()}
+  </div>
+  <media-time-range></media-time-range>
+  <media-control-bar>
+    ${T()}
+    ${z(t)}
+    ${Z(t)}
+    <mxp-time-display></mxp-time-display>
+    ${x()}
+    <media-volume-range></media-volume-range>
+    <div class="mxp-spacer"></div>
+    <media-playback-rate-button></media-playback-rate-button>
+    ${t.hasCaptions?V(t):s``}
+    ${A()}
+    <media-cast-button></media-cast-button>
+    ${H()}
+    ${U()}
+    <div class="mxp-padding-2"></div>
+  </media-control-bar>
+`,Ya=Re,za=t=>s`
+  <media-control-bar slot="top-chrome">
+    <slot name="seek-to-live-button"></slot>
+    <div class="mxp-spacer"></div>
+    ${t.hasCaptions?V(t):s``}
+    ${A()}
+    <media-cast-button></media-cast-button>
+    ${H()}
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${T()}
+  </div>
+  <media-control-bar>
+    ${x()}
+    <media-volume-range></media-volume-range>
+    <div class="mxp-spacer"></div>
+    ${U()}
+  </media-control-bar>
+`,Za=t=>s`
+  <media-control-bar slot="top-chrome">
+    <slot name="seek-to-live-button"></slot>
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${T()}
+  </div>
+  <media-control-bar>
+    ${x()}
+    <media-volume-range></media-volume-range>
+    <div class="mxp-spacer"></div>
+    ${t.hasCaptions?V(t):s``}
+    ${A()}
+    <media-cast-button></media-cast-button>
+    ${H()}
+    ${U()}
+  </media-control-bar>
+`,Wa=Re,qa=t=>s`
+  <media-control-bar slot="top-chrome" style="justify-content: flex-end;">
+    ${t.hasCaptions?V(t):s``}
+    ${A()}
+    <media-cast-button></media-cast-button>
+    ${H()}
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${z(t)}
+    ${T()}
+    ${Z(t)}
+  </div>
+  <media-time-range></media-time-range>
+  <media-control-bar>
+    ${x()}
+    <media-volume-range></media-volume-range>
+    <slot name="seek-to-live-button"></slot>
+    <div class="mxp-spacer"></div>
+    ${U()}
+    <div class="mxp-padding-2"></div>
+  </media-control-bar>
+`,ja=t=>s`
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${T()}
+  </div>
+  <media-time-range></media-time-range>
+  <media-control-bar>
+    ${T()}
+    ${z(t)}
+    ${Z(t)}
+    ${x()}
+    <media-volume-range></media-volume-range>
+    <slot name="seek-to-live-button"></slot>
+    <div class="mxp-spacer"></div>
+    ${t.hasCaptions?V(t):s``}
+    ${A()}
+    <media-cast-button></media-cast-button>
+    ${H()}
+    ${U()}
+    <div class="mxp-padding-2"></div>
+  </media-control-bar>
+`;function Nt(t,e){return{audio:t.hasAttribute("audio"),streamType:t.getAttribute("stream-type"),playerSize:t.getAttribute("player-size"),defaultHiddenCaptions:t.hasAttribute("default-hidden-captions"),hasCaptions:t.hasAttribute("has-captions"),forwardSeekOffset:t.getAttribute("forward-seek-offset"),backwardSeekOffset:t.getAttribute("backward-seek-offset"),...e}}var Pe=class extends HTMLElement{static get observedAttributes(){return["audio","stream-type","player-size","default-hidden-captions","has-captions","forward-seek-offset","backward-seek-offset"]}constructor(){super();this.attachShadow({mode:"open"}),ee(Dt(Nt(this)),this.shadowRoot)}attributeChangedCallback(){ee(Dt(Nt(this)),this.shadowRoot)}};customElements.get("media-theme-mux")||customElements.define("media-theme-mux",Pe);var Vt=Pe;import hi,{MediaError as Be}from"@mux/mux-video";import{StreamTypes as I}from"@mux/playback-core";import{VideoEvents as ni}from"@mux/mux-video";var Ga="en",B={code:Ga};var Ht="en";function l(t,e=!0){var i,n;let a=e&&(n=(i=B)==null?void 0:i[t])!=null?n:t,o=e?B.code:Ht;return new Ut(a,o)}var Ut=class{constructor(e,a=(o=>(o=B.code)!=null?o:Ht)()){this.message=e,this.locale=a}format(e){return this.message.replace(/\{(\w+)\}/g,(a,o)=>{var i;return(i=e[o])!=null?i:""})}toString(){return this.message}};function Bt(t){let e="";return Object.entries(t).forEach(([a,o])=>{o!=null&&(e+=`${Xa(a)}: ${o}; `)}),e?e.trim():void 0}function Xa(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Ft(t){return t.replace(/[-_]([a-z])/g,(e,a)=>a.toUpperCase())}function ae(t){if(t==null)return;let e=+t;return Number.isNaN(e)?void 0:e}function me(t){let e=Ja(t).toString();return e?"?"+e:""}function Ja(t){let e={};for(let a in t)t[a]!=null&&(e[a]=t[a]);return new URLSearchParams(e)}function ie(t){let a=t.split(".")[1].replace(/-/g,"+").replace(/_/g,"/"),o=decodeURIComponent(atob(a).split("").map(function(i){return"%"+("00"+i.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(o)}var _e=(t,e)=>!t||!e?!1:t.contains(e)?!0:_e(t,e.getRootNode().host);import{StreamTypes as ce}from"@mux/playback-core";var De="mux.com",Qa=()=>{try{return"0.1.0-beta.21"}catch{}return"UNKNOWN"},ei=Qa(),ue=()=>ei,Ne=(t,{token:e,domain:a=De}={})=>`https://stream.${a}/${t}.m3u8${me(!!e?{token:e}:{redundant_streams:!0})}`,Kt=(t,{token:e,thumbnailTime:a,domain:o=De}={})=>{let i=e==null?a:void 0;return`https://image.${o}/${t}/thumbnail.jpg${me({token:e,time:i})}`},Yt=(t,{token:e,domain:a=De}={})=>`https://image.${a}/${t}/storyboard.vtt${me({token:e})}`,ti={crossorigin:"crossOrigin",playsinline:"playsInline"};function zt(t){var e;return(e=ti[t])!=null?e:Ft(t)}var he,ai=(t="video")=>he||(typeof window!="undefined"&&(he=document.createElement(t)),he),Zt=async(t=ai())=>{if(!t)return!1;let e=t.volume;return t.volume=e/2+.1,new Promise((a,o)=>{setTimeout(()=>{a(t.volume!==e)},0)})};function Wt(t){var e,a;return Array.from((a=(e=t.media)==null?void 0:e.textTracks)!=null?a:[]).filter(({kind:o})=>o==="subtitles"||o==="captions")}var qt=t=>{var a,o;let{media:e}=t;return(o=(a=e==null?void 0:e._hls)==null?void 0:a.liveSyncPosition)!=null?o:(e==null?void 0:e.seekable.length)?e==null?void 0:e.seekable.end(e.seekable.length-1):void 0},Ve=t=>{let e=qt(t);if(e==null){console.warn("attempting to seek to live but cannot determine live edge time!");return}t.currentTime=e},ii=1,oi=5,jt=3,Gt=.5,Xt=t=>{var n;let{streamType:e}=t,a=qt(t),o=(n=t.media)==null?void 0:n.currentTime;if(a==null||o==null)return!1;let i=a-o;return e===ce.LL_LIVE||e===ce.LL_DVR?i<=ii*(jt+Gt):e===ce.LIVE||e===ce.DVR?i<=oi*(jt+Gt):!1};var Jt=`[mux-player ${ue()}]`;function L(...t){console.warn(Jt,...t)}function F(...t){console.error(Jt,...t)}function pe(t){var a;let e=(a=t.message)!=null?a:"";if(t.file){let o="https://github.com/muxinc/elements/blob/main/errors/";e+=` ${l("Read more: ")}
+${o}${t.file}`}L(e)}var h={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",SRC:"src",POSTER:"poster",PRELOAD:"preload"},ge={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},ri=ni.filter(t=>t!=="error"),si=Object.values(h),li=Object.values(ge);function Qt(t){t.querySelectorAll(":scope > track").forEach(e=>{var a;(a=t.media)==null||a.append(e.cloneNode())}),ri.forEach(e=>{var a;(a=t.media)==null||a.addEventListener(e,o=>{t.dispatchEvent(new Event(o.type))})})}var ea=class extends HTMLElement{static get observedAttributes(){return[...si,...li]}constructor(){super();this.querySelectorAll(":scope > track").forEach(o=>{var i;(i=this.media)==null||i.append(o.cloneNode())});let e=o=>{for(let i of o)i.type==="childList"&&(i.removedNodes.forEach(n=>{var u,g;let r=(u=this.media)==null?void 0:u.querySelector(`track[src="${n.src}"]`);r&&((g=this.media)==null||g.removeChild(r))}),i.addedNodes.forEach(n=>{var r;(r=this.media)==null||r.append(n.cloneNode())}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0})}attributeChangedCallback(e,a,o){switch(e){case ge.MUTED:{this.media&&(this.media.muted=o!=null);return}case ge.VOLUME:{let i=+o;this.media&&!Number.isNaN(i)&&(this.media.volume=i);return}case ge.PLAYBACKRATE:{let i=+o;this.media&&!Number.isNaN(i)&&(this.media.playbackRate=i);return}}}play(){var e;return(e=this.media)==null?void 0:e.play()}pause(){var e;(e=this.media)==null||e.pause()}requestCast(e){var a;return(a=this.media)==null?void 0:a.requestCast(e)}get media(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("mux-video")}get video(){return L("<mux-player>.video is deprecated, please use .media instead"),this.media}get paused(){var e,a;return(a=(e=this.media)==null?void 0:e.paused)!=null?a:!0}get duration(){var e,a;return(a=(e=this.media)==null?void 0:e.duration)!=null?a:NaN}get ended(){var e,a;return(a=(e=this.media)==null?void 0:e.ended)!=null?a:!1}get buffered(){var e;return(e=this.media)==null?void 0:e.buffered}get readyState(){var e,a;return(a=(e=this.media)==null?void 0:e.readyState)!=null?a:0}get videoWidth(){var e;return(e=this.media)==null?void 0:e.videoWidth}get videoHeight(){var e;return(e=this.media)==null?void 0:e.videoHeight}get currentTime(){var e,a;return(a=(e=this.media)==null?void 0:e.currentTime)!=null?a:0}set currentTime(e){this.media&&(this.media.currentTime=Number(e))}get volume(){var e,a;return(a=(e=this.media)==null?void 0:e.volume)!=null?a:1}set volume(e){this.media&&(this.media.volume=Number(e))}get src(){return P(this,h.SRC)}set src(e){this.setAttribute(h.SRC,`${e}`)}get poster(){var e;return(e=P(this,h.POSTER))!=null?e:""}set poster(e){this.setAttribute(h.POSTER,`${e}`)}get playbackRate(){var e,a;return(a=(e=this.media)==null?void 0:e.playbackRate)!=null?a:1}set playbackRate(e){this.media&&(this.media.playbackRate=Number(e))}get crossOrigin(){return P(this,h.CROSSORIGIN)}set crossOrigin(e){this.setAttribute(h.CROSSORIGIN,`${e}`)}get autoplay(){return P(this,h.AUTOPLAY)!=null}set autoplay(e){e?this.setAttribute(h.AUTOPLAY,typeof e=="string"?e:""):this.removeAttribute(h.AUTOPLAY)}get loop(){return P(this,h.LOOP)!=null}set loop(e){e?this.setAttribute(h.LOOP,""):this.removeAttribute(h.LOOP)}get muted(){return P(this,h.MUTED)!=null}set muted(e){e?this.setAttribute(h.MUTED,""):this.removeAttribute(h.MUTED)}get playsInline(){return P(this,h.PLAYSINLINE)!=null}set playsInline(e){e?this.setAttribute(h.PLAYSINLINE,""):this.removeAttribute(h.PLAYSINLINE)}get preload(){return P(this,h.PRELOAD)}set preload(e){e?this.setAttribute(h.PRELOAD,e):this.removeAttribute(h.PRELOAD)}};function P(t,e){return t.media?t.media.getAttribute(e):t.getAttribute(e)}var He=ea;var ta=`
+  :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;
+  }
+
+  /*
+    Only show outline when keyboard focusing.
+    https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo
+    :host-context support is bad https://caniuse.com/mdn-css_selectors_host-context
+  */
+  :host-context([media-keyboard-control]) ::slotted(:focus),
+  :host-context([media-keyboard-control]) :focus {
+    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;
+  }
+`,aa=document.createElement("template");aa.innerHTML=`
+  <style>
+    ${ta}
+  </style>
+
+  <div class="dialog">
+    <slot></slot>
+  </div>
+`;var K=class extends HTMLElement{constructor(){super();var e;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})),ia(this)}close(){!this.hasAttribute("open")||(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),di(this))}attributeChangedCallback(e,a,o){e==="open"&&a!==o&&(o!=null?this.show():this.close())}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("open")&&ia(this)}};K.styles=ta,K.template=aa,K.observedAttributes=["open"];function ia(t){let e=new CustomEvent("initfocus",{composed:!0,bubbles:!0,cancelable:!0});if(t.dispatchEvent(e),e.defaultPrevented)return;let a=t.querySelector("[autofocus]:not([disabled])");!a&&t.tabIndex>=0&&(a=t),a||(a=oa(t.shadowRoot)),t._previouslyFocusedElement=document.activeElement,document.activeElement instanceof HTMLElement&&document.activeElement.blur(),t.addEventListener("transitionend",()=>{a instanceof HTMLElement&&a.focus({preventScroll:!0})},{once:!0})}function oa(t){let a=["button","input","keygen","select","textarea"].map(function(i){return i+":not([disabled])"});a.push('[tabindex]:not([disabled]):not([tabindex=""])');let o=t==null?void 0:t.querySelector(a.join(", "));if(!o&&"attachShadow"in Element.prototype){let i=(t==null?void 0:t.querySelectorAll("*"))||[];for(let n=0;n<i.length&&!(i[n].tagName&&i[n].shadowRoot&&(o=oa(i[n].shadowRoot),o));n++);}return o}function di(t){t._previouslyFocusedElement instanceof HTMLElement&&t._previouslyFocusedElement.focus()}globalThis.customElements.get("media-dialog")||(globalThis.customElements.define("media-dialog",K),globalThis.MediaDialog=K);var Ue=K;var na=document.createElement("template");na.innerHTML=`
+  <style>
+    ${Ue.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 fe=class extends Ue{constructor(){super();var e,a;(a=(e=this.shadowRoot)==null?void 0:e.querySelector(".close"))==null||a.addEventListener("click",()=>{this.close()})}};fe.template=na;globalThis.customElements.get("mxp-dialog")||(globalThis.customElements.define("mxp-dialog",fe),globalThis.MxpDialog=fe);var ra=`:host {
+  display: inline-block;
+}
+
+/* Hide custom elements that are not defined yet */
+:not(:defined) {
+  display: none;
+}
+
+a {
+  color: #fff;
+  font-size: 0.9em;
+  text-decoration: underline;
+}
+
+media-controller {
+  width: 100%;
+  height: 100%;
+}
+
+.mxp-seek-to-live-button {
+  height: 44px;
+  background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));
+  color: white;
+  border: none;
+  cursor: pointer;
+}
+
+.mxp-seek-to-live-button[aria-disabled] {
+  cursor: default;
+  pointer-events: none;
+}
+
+.mxp-seek-to-live-button::before {
+  content: '\u25CF ';
+  color: rgb(118, 118, 118);
+  padding-right: 5px;
+}
+
+.mxp-seek-to-live-button[aria-disabled]::before {
+  color: #fb3c4d;
+}
+`;import{StreamTypes as W}from"@mux/playback-core";var sa=t=>s`
+  <style>
+    ${ra}
+  </style>
+  ${ci(t)}
+`,ci=t=>{var e,a,o,i,n,r,u,g,S,E,$,v,O,R,p,D,X,J,Ye,ze,Ze,We,qe,je,Ge,Xe;return s`
+  <media-theme-mux
+    audio="${t.audio||!1}"
+    style="${(e=Bt({"--primary-color":t.primaryColor,"--secondary-color":t.secondaryColor,"--mux-time-range-padding":t.secondaryColor?"0":null,"--media-range-track-border-radius":t.secondaryColor?"0":null}))!=null?e:!1}"
+    class="size-${t.playerSize}"
+    stream-type="${t.streamType}"
+    player-size="${t.playerSize}"
+    has-captions="${t.hasCaptions}"
+    default-hidden-captions="${t.defaultHiddenCaptions}"
+    forward-seek-offset="${t.forwardSeekOffset}"
+    backward-seek-offset="${t.backwardSeekOffset}"
+  >
+    <mux-video
+      slot="media"
+      crossorigin
+      playsinline
+      autoplay="${(a=t.autoplay)!=null?a:!1}"
+      muted="${(o=t.muted)!=null?o:!1}"
+      loop="${(i=t.loop)!=null?i:!1}"
+      preload="${(n=t.preload)!=null?n:!1}"
+      debug="${(r=t.debug)!=null?r:!1}"
+      prefer-mse="${(u=t.preferMse)!=null?u:!1}"
+      start-time="${t.startTime!=null?t.startTime:!1}"
+      metadata-video-id="${(E=(S=t.metadataVideoId)!=null?S:(g=t.metadata)==null?void 0:g.video_id)!=null?E:!1}"
+      metadata-video-title="${(O=(v=t.metadataVideoTitle)!=null?v:($=t.metadata)==null?void 0:$.video_title)!=null?O:!1}"
+      metadata-viewer-user-id="${(D=(p=t.metadataViewerUserId)!=null?p:(R=t.metadata)==null?void 0:R.viewer_user_id)!=null?D:!1}"
+      beacon-collection-domain="${(X=t.beaconCollectionDomain)!=null?X:!1}"
+      player-software-name="${t.playerSoftwareName}"
+      player-software-version="${t.playerSoftwareVersion}"
+      env-key="${(J=t.envKey)!=null?J:!1}"
+      stream-type="${(Ye=t.streamType)!=null?Ye:!1}"
+      custom-domain="${(ze=t.customDomain)!=null?ze:!1}"
+      src="${t.src?t.src:t.playbackId?Ne(t.playbackId,{domain:t.customDomain,token:t.tokens.playback}):!1}"
+      poster="${t.poster?t.poster:t.playbackId&&!t.audio?Kt(t.playbackId,{domain:t.customDomain,thumbnailTime:(Ze=t.thumbnailTime)!=null?Ze:t.startTime,token:t.tokens.thumbnail}):!1}"
+      cast-src="${t.src?t.src:t.playbackId?Ne(t.playbackId,{domain:t.customDomain,token:t.tokens.playback}):!1}"
+      cast-stream-type="${[W.LIVE,W.LL_LIVE].includes(t.streamType)?"live":!1}"
+    >
+      ${t.playbackId&&!t.audio&&![W.LIVE,W.LL_LIVE,W.DVR,W.LL_DVR].includes(t.streamType)?s`<track
+            label="thumbnails"
+            default
+            kind="metadata"
+            src="${Yt(t.playbackId,{domain:t.customDomain,token:t.tokens.storyboard})}"
+          />`:s``}
+    </mux-video>
+    <button
+      slot="seek-to-live-button"
+      aria-disabled="${t.inLiveWindow}"
+      onclick="${function(ca){var Je;if((Je=t.onSeekToLive)==null||Je.call(t,ca),t.paused){let ua=new CustomEvent("mediaplayrequest",{composed:!0,bubbles:!0});this.dispatchEvent(ua)}}}"
+      class="mxp-seek-to-live-button"
+    >
+      Live
+    </button>
+    <mxp-dialog
+      no-auto-hide
+      open="${t.isDialogOpen}"
+      onclose="${t.onCloseErrorDialog}"
+      oninitfocus="${t.onInitFocusDialog}"
+    >
+      ${((We=t.dialog)==null?void 0:We.title)?s`<h3>${t.dialog.title}</h3>`:s``}
+      <p>
+        ${(qe=t.dialog)==null?void 0:qe.message}
+        ${((je=t.dialog)==null?void 0:je.linkUrl)?s`<a
+              href="${t.dialog.linkUrl}"
+              target="_blank"
+              rel="external noopener"
+              aria-label="${(Ge=t.dialog.linkText)!=null?Ge:""} ${l("(opens in a new window)")}"
+              >${(Xe=t.dialog.linkText)!=null?Xe:t.dialog.linkUrl}</a
+            >`:s``}
+      </p>
+    </mxp-dialog>
+  </media-theme-mux>
+`};import{MediaError as be}from"@mux/mux-video";function ve(t,e,a,o,i){var u,g,S;let n={},r={};switch(t.code){case be.MEDIA_ERR_NETWORK:{switch(n.title=l("Network Error",i),n.message=t.message,(u=t.data)==null?void 0:u.response.code){case 412:{n.title=l("Video is not currently available",i),n.message=l("The live stream or video file are not yet ready.",i),r.message=l("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",i),r.file="412-not-playable.md";break}case 404:{n.title=l("Video does not exist",i),n.message="",r.message=l("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",i),r.file="404-not-found.md";break}case 403:{if(n.title=l("Invalid playback URL",i),n.message=l("The video URL or playback-token are formatted with incorrect or incomplete information.",i),r.message=l("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",i),r.file="missing-signed-tokens.md",!o)break;let{exp:E,aud:$,sub:v}=ie(o),O=Date.now()>E*1e3,R=v!==a,p=$!=="v",D={timeStyle:"medium",dateStyle:"medium"};if(O){n.title=l("Video URL has expired",i),n.message=l("The video\u2019s secured playback-token has expired.",i),r.message=l("This playback is using signed URLs and the playback-token has expired. Expired at: {expiredDate}. Current time: {currentDate}.",i).format({expiredDate:new Intl.DateTimeFormat(B.code,D).format(E*1e3),currentDate:new Intl.DateTimeFormat(B.code,D).format(Date.now())}),r.file="403-expired-token.md";break}if(R){n.title=l("Video URL is formatted incorrectly",i),n.message=l("The video\u2019s playback ID does not match the one encoded in the playback-token.",i),r.message=l("The specified playback ID {playbackId} and the playback ID encoded in the playback-token {tokenPlaybackId} do not match.",i).format({playbackId:a,tokenPlaybackId:v}),r.file="403-playback-id-mismatch.md";break}if(p){n.title=l("Video URL is formatted incorrectly",i),n.message=l("The playback-token is formatted with incorrect information.",i),r.message=l("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",i).format({tokenType:$}),r.file="403-incorrect-aud-value.md";break}r.message=l("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",i),r.file="403-malformatted-token.md";break}}break}case be.MEDIA_ERR_DECODE:{let{message:E}=t;n={title:l("Media Error",i),message:E},r.file="media-decode-error.md";break}case be.MEDIA_ERR_SRC_NOT_SUPPORTED:{let E=(S=(g=t.data)==null?void 0:g.response)==null?void 0:S.code;if(E>=400&&E<500){t.code=be.MEDIA_ERR_NETWORK,t.data={response:{code:E}},{dialog:n,devlog:r}=ve(t,e,a,o);break}n={title:l("Source Not Supported",i),message:t.message},r.file="media-src-not-supported.md";break}default:n={title:l("Error",i),message:t.message};break}return e&&(n={title:l("Your device appears to be offline",i),message:l("Check your internet connection and try reloading this video.",i)}),{dialog:n,devlog:r}}var pi=Object.values(I),gi=700,fi=300,Fe={LG:"large",SM:"small",XS:"extra-small"};function ye(t){let e=t.getBoundingClientRect();return e.width<fi?Fe.XS:e.width<gi?Fe.SM:Fe.LG}var bi={SRC:"src"},d={ENV_KEY:"env-key",DEBUG:"debug",PLAYBACK_ID:"playback-id",METADATA_URL:"metadata-url",PREFER_MSE:"prefer-mse",PLAYER_SOFTWARE_VERSION:"player-software-version",PLAYER_SOFTWARE_NAME:"player-software-name",METADATA_VIDEO_ID:"metadata-video-id",METADATA_VIDEO_TITLE:"metadata-video-title",METADATA_VIEWER_USER_ID:"metadata-viewer-user-id",BEACON_COLLECTION_DOMAIN:"beacon-collection-domain",CUSTOM_DOMAIN:"custom-domain",TYPE:"type",STREAM_TYPE:"stream-type",START_TIME:"start-time"},m={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"};function vi(t,e){var a,o;return{src:!t.playbackId&&t.src,poster:t.getAttribute("poster"),thumbnailTime:!t.tokens.thumbnail&&t.thumbnailTime,autoplay:t.autoplay,crossOrigin:t.crossOrigin,loop:t.loop,muted:t.muted,paused:t.paused,playsInline:t.playsInline,preload:t.preload,playbackId:t.playbackId,envKey:t.envKey,debug:t.debug,tokens:t.tokens,beaconCollectionDomain:t.beaconCollectionDomain,metadata:t.metadata,playerSoftwareName:t.playerSoftwareName,playerSoftwareVersion:t.playerSoftwareVersion,startTime:t.startTime,preferMse:t.preferMse,audio:t.audio,streamType:t.streamType,primaryColor:t.primaryColor,secondaryColor:t.secondaryColor,forwardSeekOffset:t.forwardSeekOffset,backwardSeekOffset:t.backwardSeekOffset,defaultHiddenCaptions:t.defaultHiddenCaptions,customDomain:(a=t.getAttribute(d.CUSTOM_DOMAIN))!=null?a:void 0,playerSize:ye((o=t.mediaController)!=null?o:t),hasCaptions:!!Wt(t).length,metadataVideoId:t.getAttribute(d.METADATA_VIDEO_ID),metadataVideoTitle:t.getAttribute(d.METADATA_VIDEO_TITLE),metadataViewerUserId:t.getAttribute(d.METADATA_VIEWER_USER_ID),...e}}var yi=Object.values(d),Ei=Object.values(m),Ti=ue(),ki="mux-player",la={dialog:void 0,isDialogOpen:!1,inLiveWindow:!1},q,ne,_,j,w,re,da,M,Y,G,Ke,se,ma,Te,xi,ke,Ai,xe,Li,Ae,wi,Le,Mi,we,Si,Me,Oi,Se,Ci,Ee=class extends He{constructor(){super();f(this,re);f(this,M);f(this,G);f(this,se);f(this,Te);f(this,ke);f(this,xe);f(this,Ae);f(this,Le);f(this,we);f(this,Me);f(this,Se);f(this,q,!1);f(this,ne,{});f(this,_,!0);f(this,j,void 0);f(this,w,{...la,supportsAirPlay:!1,supportsVolume:!1,onCloseErrorDialog:()=>c(this,M,Y).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:e=>{_e(this,document.activeElement)||e.preventDefault()},onSeekToLive:()=>Ve(this)});this.attachShadow({mode:"open"}),this.isConnected&&c(this,re,da).call(this)}static get observedAttributes(){var e;return[...(e=He.observedAttributes)!=null?e:[],...yi,...Ei]}get theme(){var e,a;return Array.from((a=(e=this.shadowRoot)==null?void 0:e.children)!=null?a:[]).find(({localName:o})=>o.startsWith("media-theme-"))}get mediaController(){var e,a;return(a=(e=this.theme)==null?void 0:e.shadowRoot)==null?void 0:a.querySelector("media-controller")}connectedCallback(){c(this,se,ma).call(this),c(this,Te,xi).call(this)}disconnectedCallback(){c(this,ke,Ai).call(this)}attributeChangedCallback(e,a,o){switch(y(this,q)||c(this,re,da).call(this),super.attributeChangedCallback(e,a,o),[d.PLAYBACK_ID,bi.SRC,m.PLAYBACK_TOKEN].includes(e)&&a!==o&&N(this,w,{...y(this,w),...la}),c(this,G,Ke).call(this,{[zt(e)]:o}),e){case m.THUMBNAIL_TIME:{o!=null&&this.tokens.thumbnail&&L(l("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case m.THUMBNAIL_TOKEN:{let{aud:n}=ie(o);o&&n!=="t"&&L(l("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:n}));break}case m.STORYBOARD_TOKEN:{let{aud:n}=ie(o);o&&n!=="s"&&L(l("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:n}));break}case d.PLAYBACK_ID:{o.includes("?token")&&F(l("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:o})),this.streamType?this.streamType!=null&&!pi.includes(this.streamType)&&pe({file:"invalid-stream-type.md",message:l("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand`, `live` or `ll-live`").format({streamType:this.streamType})}):pe({file:"invalid-stream-type.md",message:String(l("No stream-type value supplied. Defaulting to `on-demand`. Please provide stream-type as either: `on-demand`, `live` or `ll-live`"))});break}}}get hasPlayed(){var e,a;return(a=(e=this.mediaController)==null?void 0:e.hasAttribute("media-has-played"))!=null?a:!1}get inLiveWindow(){return y(this,w).inLiveWindow}get hls(){return L("<mux-player>.hls is deprecated, please use ._hls instead"),this._hls}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 audio(){return this.hasAttribute(m.AUDIO)}set audio(e){e||this.removeAttribute(m.AUDIO),this.setAttribute(m.AUDIO,"")}get thumbnailTime(){return ae(this.getAttribute(m.THUMBNAIL_TIME))}set thumbnailTime(e){this.setAttribute(m.THUMBNAIL_TIME,`${e}`)}get primaryColor(){var e;return(e=this.getAttribute(m.PRIMARY_COLOR))!=null?e:void 0}set primaryColor(e){this.setAttribute(m.PRIMARY_COLOR,`${e}`)}get secondaryColor(){var e;return(e=this.getAttribute(m.SECONDARY_COLOR))!=null?e:void 0}set secondaryColor(e){this.setAttribute(m.SECONDARY_COLOR,`${e}`)}get forwardSeekOffset(){var e;return(e=ae(this.getAttribute(m.FORWARD_SEEK_OFFSET)))!=null?e:10}set forwardSeekOffset(e){this.setAttribute(m.FORWARD_SEEK_OFFSET,`${e}`)}get backwardSeekOffset(){var e;return(e=ae(this.getAttribute(m.BACKWARD_SEEK_OFFSET)))!=null?e:10}set backwardSeekOffset(e){this.setAttribute(m.BACKWARD_SEEK_OFFSET,`${e}`)}get defaultHiddenCaptions(){return this.hasAttribute(m.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var e;return(e=this.getAttribute(d.PLAYER_SOFTWARE_NAME))!=null?e:ki}get playerSoftwareVersion(){var e;return(e=this.getAttribute(d.PLAYER_SOFTWARE_VERSION))!=null?e:Ti}get beaconCollectionDomain(){var e;return(e=this.getAttribute(d.BEACON_COLLECTION_DOMAIN))!=null?e:void 0}set beaconCollectionDomain(e){e!==this.beaconCollectionDomain&&(e?this.setAttribute(d.BEACON_COLLECTION_DOMAIN,e):this.removeAttribute(d.BEACON_COLLECTION_DOMAIN))}get playbackId(){var e;return(e=this.getAttribute(d.PLAYBACK_ID))!=null?e:void 0}set playbackId(e){this.setAttribute(d.PLAYBACK_ID,`${e}`)}get customDomain(){var e;return(e=this.getAttribute(d.CUSTOM_DOMAIN))!=null?e:void 0}set customDomain(e){e!==this.customDomain&&(e?this.setAttribute(d.CUSTOM_DOMAIN,e):this.removeAttribute(d.CUSTOM_DOMAIN))}get envKey(){var e;return(e=oe(this,d.ENV_KEY))!=null?e:void 0}set envKey(e){this.setAttribute(d.ENV_KEY,`${e}`)}get debug(){return oe(this,d.DEBUG)!=null}set debug(e){e?this.setAttribute(d.DEBUG,""):this.removeAttribute(d.DEBUG)}get streamType(){return oe(this,d.STREAM_TYPE)}set streamType(e){this.setAttribute(d.STREAM_TYPE,`${e}`)}get startTime(){return ae(oe(this,d.START_TIME))}set startTime(e){this.setAttribute(d.START_TIME,`${e}`)}get preferMse(){return oe(this,d.PREFER_MSE)!=null}set preferMse(e){e?this.setAttribute(d.PREFER_MSE,""):this.removeAttribute(d.PREFER_MSE)}get metadata(){var e;return(e=this.media)==null?void 0:e.metadata}set metadata(e){this.media&&(this.media.metadata=e)}get tokens(){let e=this.getAttribute(m.PLAYBACK_TOKEN),a=this.getAttribute(m.THUMBNAIL_TOKEN),o=this.getAttribute(m.STORYBOARD_TOKEN);return{...y(this,ne),...e!=null?{playback:e}:{},...a!=null?{thumbnail:a}:{},...o!=null?{storyboard:o}:{}}}set tokens(e){N(this,ne,e!=null?e:{})}get playbackToken(){var e;return(e=this.getAttribute(m.PLAYBACK_TOKEN))!=null?e:void 0}set playbackToken(e){this.setAttribute(m.PLAYBACK_TOKEN,`${e}`)}get thumbnailToken(){var e;return(e=this.getAttribute(m.THUMBNAIL_TOKEN))!=null?e:void 0}set thumbnailToken(e){this.setAttribute(m.THUMBNAIL_TOKEN,`${e}`)}get storyboardToken(){var e;return(e=this.getAttribute(m.STORYBOARD_TOKEN))!=null?e:void 0}set storyboardToken(e){this.setAttribute(m.STORYBOARD_TOKEN,`${e}`)}};q=new WeakMap,ne=new WeakMap,_=new WeakMap,j=new WeakMap,w=new WeakMap,re=new WeakSet,da=function(){var e,a;y(this,q)||(N(this,q,!0),c(this,M,Y).call(this,{playerSize:ye(this)}),customElements.upgrade(this.theme),this.theme instanceof Vt||F("<media-theme-mux> failed to upgrade!"),customElements.upgrade(this.media),this.media instanceof hi||F("<mux-video> failed to upgrade!"),customElements.upgrade(this.mediaController),this.mediaController instanceof ui||F("<media-controller> failed to upgrade!"),Qt(this),c(this,Ae,wi).call(this),c(this,Le,Mi).call(this),c(this,Me,Oi).call(this),c(this,Se,Ci).call(this),c(this,xe,Li).call(this),N(this,_,(a=(e=this.mediaController)==null?void 0:e.hasAttribute("user-inactive"))!=null?a:!0),c(this,we,Si).call(this))},M=new WeakSet,Y=function(e){Object.assign(y(this,w),e),c(this,G,Ke).call(this)},G=new WeakSet,Ke=function(e={}){ee(sa(vi(this,{...y(this,w),...e})),this.shadowRoot)},se=new WeakSet,ma=function(){var e,a;y(this,w).playerSize!=ye((e=this.mediaController)!=null?e:this)&&c(this,M,Y).call(this,{playerSize:ye((a=this.mediaController)!=null?a:this)})},Te=new WeakSet,xi=function(){var e;N(this,j,new ResizeObserver(()=>c(this,se,ma).call(this))),y(this,j).observe((e=this.mediaController)!=null?e:this)},ke=new WeakSet,Ai=function(){var e;(e=y(this,j))==null||e.disconnect()},xe=new WeakSet,Li=function(){var a,o,i,n,r;(a=this.mediaController)==null||a.addEventListener("mediaplayrequest",u=>{var g;((g=u.target)==null?void 0:g.localName)==="media-play-button"&&this.streamType&&[I.LIVE,I.LL_LIVE,I.DVR,I.LL_DVR].includes(this.streamType)&&this.hasPlayed&&Ve(this)});let e=()=>{let u=Xt(this),g=y(this,w).inLiveWindow;u!==g&&(c(this,M,Y).call(this,{inLiveWindow:u}),this.dispatchEvent(new CustomEvent("inlivewindowchange",{composed:!0,bubbles:!0,detail:this.inLiveWindow})))};(o=this.media)==null||o.addEventListener("progress",e),(i=this.media)==null||i.addEventListener("waiting",e),(n=this.media)==null||n.addEventListener("timeupdate",e),(r=this.media)==null||r.addEventListener("emptied",e)},Ae=new WeakSet,wi=function(){var a;let e=o=>{let{detail:i}=o;if(i instanceof Be||(i=new Be(i.message,i.code,i.fatal)),!(i==null?void 0:i.fatal)){L(i),i.data&&L(`${i.name} data:`,i.data);return}let{dialog:n,devlog:r}=ve(i,!window.navigator.onLine,this.playbackId,this.playbackToken);r.message&&pe(r),F(i),i.data&&F(`${i.name} data:`,i.data),c(this,M,Y).call(this,{isDialogOpen:!0,dialog:n})};this.addEventListener("error",e),this.media&&(this.media.errorTranslator=(o={})=>{var n,r,u;if(!((n=this.media)==null?void 0:n.error))return o;let{devlog:i}=ve((r=this.media)==null?void 0:r.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(u=this.media)==null?void 0:u.error.code,player_error_message:i.message?String(i.message):o.player_error_message}}),(a=this.media)==null||a.addEventListener("error",o=>{var n,r;let{detail:i}=o;if(!i){let{message:u,code:g}=(r=(n=this.media)==null?void 0:n.error)!=null?r:{};i=new Be(u,g)}!(i==null?void 0:i.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:i}))})},Le=new WeakSet,Mi=function(){var a,o,i,n;let e=()=>c(this,G,Ke).call(this);(o=(a=this.media)==null?void 0:a.textTracks)==null||o.addEventListener("addtrack",e),(n=(i=this.media)==null?void 0:i.textTracks)==null||n.addEventListener("removetrack",e)},we=new WeakSet,Si=function(){var E,$;let e=this.mediaController,a=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(/.*iPhone.*/.test(navigator.userAgent))return;let i,n=new WeakMap,r=()=>this.streamType&&[I.LIVE,I.LL_LIVE].includes(this.streamType)&&!this.secondaryColor&&this.offsetWidth>=800,u=(v,O)=>{if(r())return;Array.from(v&&v.activeCues||[]).forEach(p=>{if(!(!p.snapToLines||p.line<-5||p.line>=0&&p.line<10))if(!O||this.paused){let D=p.text.split(`
+`).length,X=a?-2:-3;this.streamType&&[I.LIVE,I.LL_LIVE].includes(this.streamType)&&(X=a?-1:-2);let J=X-D;if(p.line===J)return;n.has(p)||n.set(p,p.line),p.line=0,p.line=J}else setTimeout(()=>{p.line=n.get(p)||"auto"},500)})},g=()=>{var v;u(i,(v=e==null?void 0:e.hasAttribute("user-inactive"))!=null?v:!1)},S=()=>{var R;let O=Array.from(((R=e==null?void 0:e.media)==null?void 0:R.textTracks)||[]).filter(p=>["subtitles","captions"].includes(p.kind)&&p.mode==="showing")[0];O!==i&&(i==null||i.removeEventListener("cuechange",g)),i=O,i==null||i.addEventListener("cuechange",g),u(i,y(this,_))};S(),(E=e==null?void 0:e.media)==null||E.textTracks.addEventListener("change",S),($=e==null?void 0:e.media)==null||$.textTracks.addEventListener("addtrack",S),e==null||e.addEventListener("userinactivechange",()=>{let v=e==null?void 0:e.hasAttribute("user-inactive");y(this,_)!==v&&(N(this,_,v),u(i,y(this,_)))})},Me=new WeakSet,Oi=function(){var e;if(globalThis.WebKitPlaybackTargetAvailabilityEvent){let a=o=>{let i=o.availability==="available";c(this,M,Y).call(this,{supportsAirPlay:i})};(e=this.media)==null||e.addEventListener("webkitplaybacktargetavailabilitychanged",a)}},Se=new WeakSet,Ci=async function(){let e=await Zt();c(this,M,Y).call(this,{supportsVolume:e})};function oe(t,e){return t.media?t.media.getAttribute(e):t.getAttribute(e)}globalThis.customElements.get("mux-player")||(globalThis.customElements.define("mux-player",Ee),globalThis.MuxPlayerElement=Ee);var mn=Ee;export{Be as MediaError,mn as default,oe as getVideoAttribute};