@mux/mux-player 0.1.0-beta.21

package/dist/index.cjs.js

@@ -0,0 +1,1432 @@
+var Gs=Object.create;var Qe=Object.defineProperty;var Qs=Object.getOwnPropertyDescriptor;var qs=Object.getOwnPropertyNames;var Zs=Object.getPrototypeOf,Xs=Object.prototype.hasOwnProperty;var ra=t=>Qe(t,"__esModule",{value:!0});var Js=(t,e)=>{ra(t);for(var a in e)Qe(t,a,{get:e[a],enumerable:!0})},eo=(t,e,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of qs(e))!Xs.call(t,i)&&i!=="default"&&Qe(t,i,{get:()=>e[i],enumerable:!(a=Qs(e,i))||a.enumerable});return t},Z=t=>eo(ra(Qe(t!=null?Gs(Zs(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var St=(t,e,a)=>{if(!e.has(t))throw TypeError("Cannot "+a)};var R=(t,e,a)=>(St(t,e,"read from private field"),a?a.call(t):e.get(t)),L=(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)},se=(t,e,a,i)=>(St(t,e,"write to private field"),i?i.call(t,a):e.set(t,a),a);var I=(t,e,a)=>(St(t,e,"access private method"),a);Js(exports,{MediaError:()=>be.MediaError,default:()=>gr,getVideoAttribute:()=>_e});var ju=Z(require("@mux/playback-core"));var p={MEDIA_PLAY_REQUEST:"mediaplayrequest",MEDIA_PAUSE_REQUEST:"mediapauserequest",MEDIA_MUTE_REQUEST:"mediamuterequest",MEDIA_UNMUTE_REQUEST:"mediaunmuterequest",MEDIA_VOLUME_REQUEST:"mediavolumerequest",MEDIA_SEEK_REQUEST:"mediaseekrequest",MEDIA_AIRPLAY_REQUEST:"mediaairplayrequest",MEDIA_ENTER_FULLSCREEN_REQUEST:"mediaenterfullscreenrequest",MEDIA_EXIT_FULLSCREEN_REQUEST:"mediaexitfullscreenrequest",MEDIA_PREVIEW_REQUEST:"mediapreviewrequest",MEDIA_ENTER_PIP_REQUEST:"mediaenterpiprequest",MEDIA_EXIT_PIP_REQUEST:"mediaexitpiprequest",MEDIA_ENTER_CAST_REQUEST:"mediaentercastrequest",MEDIA_EXIT_CAST_REQUEST:"mediaexitcastrequest",MEDIA_SHOW_TEXT_TRACKS_REQUEST:"mediashowtexttracksrequest",MEDIA_HIDE_TEXT_TRACKS_REQUEST:"mediahidetexttracksrequest",MEDIA_SHOW_CAPTIONS_REQUEST:"mediashowcaptionsrequest",MEDIA_SHOW_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_CAPTIONS_REQUEST:"mediadisablecaptionsrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_PLAYBACK_RATE_REQUEST:"mediaplaybackraterequest",REGISTER_MEDIA_STATE_RECEIVER:"registermediastatereceiver",UNREGISTER_MEDIA_STATE_RECEIVER:"unregistermediastatereceiver"},ke={MEDIA_AIRPLAY_UNAVAILABLE:"mediaairplayunavailablechange",MEDIA_PIP_UNAVAILABLE:"mediapipunavailablechange",MEDIA_PAUSED:"mediapausedchange",MEDIA_HAS_PLAYED:"mediahasplayedchange",MEDIA_MUTED:"mediamutedchange",MEDIA_VOLUME_LEVEL:"mediavolumelevelchange",MEDIA_VOLUME:"mediavolumechange",MEDIA_VOLUME_UNAVAILABLE:"mediavolumeunavailablechange",MEDIA_IS_PIP:"mediaispipchange",MEDIA_IS_CASTING:"mediaiscastingchange",MEDIA_CAPTIONS_LIST:"mediacaptionslistchange",MEDIA_SUBTITLES_LIST:"mediasubtitleslistchange",MEDIA_CAPTIONS_SHOWING:"mediacaptionsshowingchange",MEDIA_SUBTITLES_SHOWING:"mediasubtitlesshowingchange",MEDIA_IS_FULLSCREEN:"mediaisfullscreenchange",MEDIA_PLAYBACK_RATE:"mediaplaybackratechange",MEDIA_CURRENT_TIME:"mediacurrenttimechange",MEDIA_DURATION:"mediadurationchange",MEDIA_SEEKABLE:"mediaseekablechange",MEDIA_PREVIEW_IMAGE:"mediapreviewimagechange",MEDIA_PREVIEW_COORDS:"mediapreviewcoordschange",MEDIA_LOADING:"medialoadingchange",USER_INACTIVE:"userinactivechange"},o={MEDIA_AIRPLAY_UNAVAILABLE:"media-airplay-unavailable",MEDIA_PIP_UNAVAILABLE:"media-pip-unavailable",MEDIA_CAST_UNAVAILABLE:"media-cast-unavailable",MEDIA_PAUSED:"media-paused",MEDIA_HAS_PLAYED:"media-has-played",MEDIA_MUTED:"media-muted",MEDIA_VOLUME_LEVEL:"media-volume-level",MEDIA_VOLUME:"media-volume",MEDIA_VOLUME_UNAVAILABLE:"media-volume-unavailable",MEDIA_IS_PIP:"media-is-pip",MEDIA_IS_CASTING:"media-is-casting",MEDIA_CAPTIONS_LIST:"media-captions-list",MEDIA_SUBTITLES_LIST:"media-subtitles-list",MEDIA_CAPTIONS_SHOWING:"media-captions-showing",MEDIA_SUBTITLES_SHOWING:"media-subtitles-showing",MEDIA_IS_FULLSCREEN:"media-is-fullscreen",MEDIA_PLAYBACK_RATE:"media-playback-rate",MEDIA_CURRENT_TIME:"media-current-time",MEDIA_DURATION:"media-duration",MEDIA_SEEKABLE:"media-seekable",MEDIA_PREVIEW_IMAGE:"media-preview-image",MEDIA_PREVIEW_COORDS:"media-preview-coords",MEDIA_CHROME_ATTRIBUTES:"media-chrome-attributes",MEDIA_CONTROLLER:"media-controller",MEDIA_LOADING:"media-loading",MEDIA_BUFFERED:"media-buffered"},vr=Object.entries(ke).reduce((t,[e,a])=>{let i=o[e];return i&&(t[a]=i),t},{userinactivechange:"user-inactive"}),la=Object.entries(o).reduce((t,[e,a])=>{let i=ke[e];return i&&(t[a]=i),t},{"user-inactive":"userinactivechange"}),ve={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},oe={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var Ct={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},$={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"};var x={AUDIO_PLAYER:()=>"audio player",VIDEO_PLAYER:()=>"video player",VOLUME:()=>"volume",SEEK:()=>"seek",CLOSED_CAPTIONS:()=>"closed captions",PLAYBACK_RATE:({playbackRate:t=1}={})=>`current playback rate ${t}`,PLAYBACK_TIME:()=>"playback time",MEDIA_LOADING:()=>"media loading"},y={PLAY:()=>"play",PAUSE:()=>"pause",MUTE:()=>"mute",UNMUTE:()=>"unmute",AIRPLAY:()=>"air play",ENTER_CAST:()=>"start casting",EXIT_CAST:()=>"stop casting",ENTER_FULLSCREEN:()=>"enter fullscreen mode",EXIT_FULLSCREEN:()=>"exit fullscreen mode",ENTER_PIP:()=>"enter picture in picture mode",EXIT_PIP:()=>"exit picture in picture mode",SEEK_FORWARD_N_SECS:({seekOffset:t=30}={})=>`seek forward ${t} seconds`,SEEK_BACK_N_SECS:({seekOffset:t=30}={})=>`seek back ${t} seconds`},ao={...x,...y};var io=t=>typeof t=="number"&&!Number.isNaN(t)&&Number.isFinite(t),da=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],so=(t,e)=>{let a=t===1?da[e].singular:da[e].plural;return`${t} ${a}`},ne=t=>{if(!io(t))return"";let e=Math.abs(t),a=e!==t,i=new Date(0,0,0,0,0,e,0);return`${[i.getHours(),i.getMinutes(),i.getSeconds()].map((s,n)=>s&&so(s,n)).filter(s=>s).join(", ")}${a?" remaining":""}`};function X(t,e){let a=!1;t<0&&(a=!0,t=0-t),t=t<0?0:t;let i=Math.floor(t%60),s=Math.floor(t/60%60),n=Math.floor(t/3600),r=Math.floor(e/60%60),l=Math.floor(e/3600);return(isNaN(t)||t===1/0)&&(n=s=i="-"),n=n>0||l>0?n+":":"",s=((n||r>=10)&&s<10?"0"+s:s)+":",i=i<10?"0"+i:i,(a?"-":"")+n+s+i}var ma={HTMLElement:function(){this.addEventListener=()=>{},this.removeEventListener=()=>{},this.dispatchEvent=()=>{}},customElements:{get:function(){},define:function(){},whenDefined:function(){}},CustomEvent:function(){}},no={createElement:function(){return new ma.HTMLElement}},ca=typeof window=="undefined"||typeof window.customElements=="undefined",m=ca?ma:window,d=ca?no:window.document;function u(t,e){m.customElements.get(t)||(m.customElements.define(t,e),m[e.name]=e)}var ua=d.createElement("template");ua.innerHTML=`
+<style>
+  :host {
+    display: inline-block;
+    width: auto;
+    height: auto;
+    vertical-align: middle;
+    box-sizing: border-box;
+    background: var(--media-control-background, rgba(20,20,30, 0.7));
+
+    padding: 10px;
+
+    /* Vertically center any text */
+    font-size: 14px;
+    font-weight: bold;
+    color: #ffffff;
+    text-align: center;
+
+    transition: background 0.15s linear;
+
+    pointer-events: auto;
+    cursor: pointer;
+    font-family: Arial, sans-serif;
+    vertical-align: middle;
+  }
+
+  /*
+    Only show outline when keyboard focusing.
+    https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo
+  */
+  :host(:focus-visible) {
+    box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.9);
+    outline: 0;
+  }
+  /*
+   * hide default focus ring, particularly when using mouse
+   */
+  :host(:where(:focus)) {
+    box-shadow: none;
+    outline: 0;
+  }
+
+  :host(:hover) {
+    background: var(--media-control-hover-background, rgba(50,50,70, 0.7));
+  }
+
+  svg, img, ::slotted(svg), ::slotted(img) {
+    width: var(--media-button-icon-width, 24px);
+    height: var(--media-button-icon-height);
+    transform: var(--media-button-icon-transform);
+    transition: var(--media-button-icon-transition);
+    fill: var(--media-icon-color, #eee);
+    vertical-align: middle;
+    max-width: 100%;
+    max-height: 100%;
+    min-width: 100%;
+    min-height: 100%;
+  }
+
+  ::slotted(div), ::slotted(span) {
+    height: 24px;
+  }
+</style>
+`;var ha=["Enter"," "],Lt=class extends m.HTMLElement{static get observedAttributes(){return[o.MEDIA_CONTROLLER]}constructor(e={}){super();let a=this.attachShadow({mode:"open"}),i=ua.content.cloneNode(!0);this.nativeEl=i;let s=e.slotTemplate;s||(s=d.createElement("template"),s.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(s.content.cloneNode(!0)),a.appendChild(i),this.addEventListener("click",r=>{this.handleClick(r)});let n=r=>{let{key:l}=r;if(!ha.includes(l)){this.removeEventListener("keyup",n);return}this.handleClick(r)};this.addEventListener("keydown",r=>{let{metaKey:l,altKey:c,key:h}=r;if(l||c||!ha.includes(h)){this.removeEventListener("keyup",n);return}this.addEventListener("keyup",n)})}attributeChangedCallback(e,a,i){var s,n;if(e===o.MEDIA_CONTROLLER){if(a){let r=d.getElementById(a);(s=r==null?void 0:r.unassociateElement)==null||s.call(r,this)}if(i){let r=d.getElementById(i);(n=r==null?void 0:r.associateElement)==null||n.call(r,this)}}}connectedCallback(){var e;this.setAttribute("role","button"),this.setAttribute("tabindex",0);let a=this.getAttribute(o.MEDIA_CONTROLLER);if(a){let i=d.getElementById(a);(e=i==null?void 0:i.associateElement)==null||e.call(i,this)}}disconnectedCallback(){var e;if(this.getAttribute(o.MEDIA_CONTROLLER)){let a=d.getElementById(mediaControllerId);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}handleClick(){}};u("media-chrome-button",Lt);var M=Lt;var ro='<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18"><defs><style>.cls-1{fill:var(--media-icon-color, #eee);}</style></defs><title>Mux Player SVG Icons_v2</title><path class="cls-1" d="M10.19,11.22a.25.25,0,0,0-.38,0L4.35,17.59a.25.25,0,0,0,.19.41H15.46a.25.25,0,0,0,.19-.41Z"/><path class="cls-1" d="M19,0H1A1,1,0,0,0,0,1V14a1,1,0,0,0,1,1H3.94L5,13.75H1.25V1.25h17.5v12.5H15L16.06,15H19a1,1,0,0,0,1-1V1A1,1,0,0,0,19,0Z"/></svg>',pa=d.createElement("template");pa.innerHTML=`
+  <style>
+  </style>
+
+  <slot name="airplay">${ro}</slot>
+`;var Ea=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AIRPLAY_UNAVAILABLE]}constructor(e={}){super({slotTemplate:pa,...e})}connectedCallback(){this.setAttribute("aria-label",y.AIRPLAY()),super.connectedCallback()}handleClick(e){let a=new m.CustomEvent(p.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(a)}};u("media-airplay-button",Ea);var lo='<svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/></g></svg>',mo='<svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/><path class="cast_caf_icon_boxfill" d="M5,7 L5,8.63 C8,8.6 13.37,14 13.37,17 L19,17 L19,7 Z"/></g></svg>',ba=d.createElement("template");ba.innerHTML=`
+  <style>
+  :host([${o.MEDIA_IS_CASTING}]) slot:not([name=exit]) > *,
+  :host([${o.MEDIA_IS_CASTING}]) ::slotted(:not([slot=exit])) {
+    display: none;
+  }
+
+  /* Double negative, but safer if display doesn't equal 'block' */
+  :host(:not([${o.MEDIA_IS_CASTING}])) slot:not([name=enter]) > *,
+  :host(:not([${o.MEDIA_IS_CASTING}])) ::slotted(:not([slot=enter])) {
+    display: none;
+  }
+  </style>
+
+  <slot name="enter">${lo}</slot>
+  <slot name="exit">${mo}</slot>
+`;var ga=t=>{let e=t.getAttribute(o.MEDIA_IS_CASTING)!=null?y.EXIT_CAST():y.ENTER_CAST();t.setAttribute("aria-label",e)},fa=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_CASTING,o.MEDIA_CAST_UNAVAILABLE]}constructor(e={}){super({slotTemplate:ba,...e})}connectedCallback(){ga(this),super.connectedCallback()}attributeChangedCallback(e,a,i){e===o.MEDIA_IS_CASTING&&ga(this),super.attributeChangedCallback(e,a,i)}handleClick(e){let a=this.getAttribute(o.MEDIA_IS_CASTING)!=null?p.MEDIA_EXIT_CAST_REQUEST:p.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new m.CustomEvent(a,{composed:!0,bubbles:!0}))}};u("media-cast-button",fa);var va=d.createElement("template");va.innerHTML=`
+<style>
+  :host {
+    display: inline-block;
+    width: auto;
+    height: auto;
+    box-sizing: border-box;
+
+    pointer-events: auto;
+  }
+</style>
+`;var Aa=class extends m.HTMLElement{static get observedAttributes(){return[o.MEDIA_CONTROLLER,o.MEDIA_PAUSED]}constructor(e={}){super();let a=this.attachShadow({mode:"open"}),i=va.content.cloneNode(!0);this.nativeEl=i;let s=e.slotTemplate;s||(s=d.createElement("template"),s.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(s.content.cloneNode(!0)),a.appendChild(i),this._pointerType=void 0;let n=r=>{this._pointerType=r.pointerType};this.addEventListener("pointerdown",n),this.addEventListener("click",r=>{let{pointerType:l=this._pointerType}=r;if(this._pointerType=void 0,l===Ct.TOUCH){this.handleTap(r);return}else if(l===Ct.MOUSE){this.handleMouseClick(r);return}})}attributeChangedCallback(e,a,i){var s,n;if(e===o.MEDIA_CONTROLLER){if(a){let r=d.getElementById(a);(s=r==null?void 0:r.unassociateElement)==null||s.call(r,this)}if(i){let r=d.getElementById(i);(n=r==null?void 0:r.associateElement)==null||n.call(r,this)}}}connectedCallback(){var e;this.setAttribute("tabindex",-1),this.setAttribute("aria-hidden",!0);let a=this.getAttribute(o.MEDIA_CONTROLLER);if(a){let i=d.getElementById(a);(e=i==null?void 0:i.associateElement)==null||e.call(i,this)}}disconnectedCallback(){var e;if(this.getAttribute(o.MEDIA_CONTROLLER)){let a=d.getElementById(mediaControllerId);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}handleTap(e){}handleMouseClick(e){let a=this.getAttribute(o.MEDIA_PAUSED)!=null?p.MEDIA_PLAY_REQUEST:p.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new m.CustomEvent(a,{composed:!0,bubbles:!0}))}};u("media-gesture-receiver",Aa);var qe=(t,e,a=".value")=>{let i=t.querySelector(a);!i||(i.textContent=e)},co=(t,e)=>{let a=`slot[name="${e}"]`,i=t.shadowRoot.querySelector(a);return i?i.children:[]},Ze=(t,e)=>co(t,e)[0],re=(t,e)=>!t||!e?!1:t.contains(e)?!0:re(t,e.getRootNode().host);var Ia=d.createElement("template");Ia.innerHTML=`
+  <style>
+    :host {
+      box-sizing: border-box;
+      position: relative;
+      display: inline-block;
+      line-height: 0;
+      background-color: #000;
+    }
+
+    :host(:not([audio])) [part~=layer]:not([part~=media-layer]) {
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      display: flex;
+      flex-flow: column nowrap;
+      align-items: start;
+      pointer-events: none;
+      background: none;
+    }
+
+    /*
+     * when in audio mode, hide the gesture-layer which causes media-controller to be taller than the control bar
+     *
+     */
+    :host([audio]) [part~=layer][part~=gesture-layer] {
+      height: 0;
+      display: block;
+    }
+
+    /*
+     * if gestures are disabled, don't accept pointer-events
+     */
+    :host(:not([audio])[gestures-disabled]) ::slotted([slot=gestures-chrome]),
+    :host(:not([audio])[gestures-disabled]) media-gesture-receiver[slot=gestures-chrome] {
+      pointer-events: none;
+    }
+
+    /*
+     * any slotted element that isn't a poster or media slot should be pointer-events auto
+     * we'll want to add here any slotted elements that shouldn't get pointer-events by default when slotted
+     */
+    ::slotted(:not([slot=media]):not([slot=poster]):not(media-loading-indicator)) {
+      pointer-events: auto;
+    }
+
+    :host(:not([audio])) *[part~=layer][part~=centered-layer] {
+      align-items: center;
+      justify-content: center;
+    }
+
+    :host(:not([audio])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
+    :host(:not([audio])) media-gesture-receiver[slot=gestures-chrome] {
+      align-self: stretch;
+      flex-grow: 1;
+    }
+
+    .spacer {
+      pointer-events: none;
+      background: none;
+    }
+
+    /* Position the media and poster elements to fill the container */
+    ::slotted([slot=media]),
+    ::slotted([slot=poster]) {
+      width: 100%;
+      height: 100%;
+    }
+
+    /* Video specific styles */
+    :host(:not([audio])) .spacer {
+      flex-grow: 1;
+    }
+
+    /* Safari needs this to actually make the element fill the window */
+    :host(:-webkit-full-screen) {
+      /* Needs to use !important otherwise easy to break */
+      width: 100% !important;
+      height: 100% !important;
+    }
+
+    /* Only add these if auto hide is not disabled */
+    ::slotted(:not([slot=media]):not([no-auto-hide])) {
+      opacity: 1;
+      transition: opacity 0.25s;
+    }
+
+    /* Hide controls when inactive, not paused, not audio and auto hide not disabled */
+    :host([user-inactive]:not([${o.MEDIA_PAUSED}]):not([${o.MEDIA_IS_CASTING}]):not([audio])) ::slotted(:not([slot=media]):not([no-auto-hide])) {
+      opacity: 0;
+      transition: opacity 1s;
+    }
+
+    ::slotted(media-control-bar)  {
+      align-self: stretch;
+    }
+  </style>
+
+  <span part="layer media-layer">
+    <slot name="media"></slot>
+  </span>
+  <span part="layer poster-layer">
+    <slot name="poster"></slot>
+  </span>
+  <span part="layer gesture-layer">
+    <slot name="gestures-chrome">
+      <media-gesture-receiver slot="gestures-chrome"></media-gesture-receiver>
+    </slot>
+  </span>
+  <span part="layer vertical-layer">
+    <slot name="top-chrome"></slot>
+    <span class="spacer"><slot name="middle-chrome"></slot></span>
+    <!-- default, effectively "bottom-chrome" -->
+    <slot></slot>
+  </span>
+  <span part="layer centered-layer">
+    <slot name="centered-chrome"></slot>
+  </span>
+`;var uo=Object.values(o),kt=class extends m.HTMLElement{constructor(){super();let e=this.attachShadow({mode:"open"});this.shadowRoot.appendChild(Ia.content.cloneNode(!0));let a=(n,r)=>{let l=this.media;for(let c of n)c.type==="childList"&&(c.removedNodes.forEach(h=>{if(h.slot=="media"&&c.target==this){let E=c.previousSibling&&c.previousSibling.previousElementSibling;if(!E||!l)this.mediaUnsetCallback(h);else{let T=E.slot!=="media";for(;(E=E.previousSibling)!==null;)E.slot=="media"&&(T=!1);T&&this.mediaUnsetCallback(h)}}}),l&&c.addedNodes.forEach(h=>{h==l&&this.handleMediaUpdated(l).then(E=>this.mediaSetCallback(E))}))};new MutationObserver(a).observe(this,{childList:!0,subtree:!0});let i=this.media,s=this.querySelector(":scope > slot[slot=media]");s&&s.addEventListener("slotchange",()=>{if(!s.assignedElements({flatten:!0}).length){this.mediaUnsetCallback(i);return}this.media&&(i=this.media,this.handleMediaUpdated(this.media).then(n=>this.mediaSetCallback(n)))})}static get observedAttributes(){return["autohide","gestures-disabled"].concat(uo)}attributeChangedCallback(e,a,i){e.toLowerCase()=="autohide"&&(this.autohide=i)}get media(){let e=this.querySelector(":scope > [slot=media]");return(e==null?void 0:e.nodeName)=="SLOT"&&(e=e.assignedElements({flatten:!0})[0]),e}mediaSetCallback(e){this._mediaClickPlayToggle=a=>{let i=e.paused?p.MEDIA_PLAY_REQUEST:p.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new m.CustomEvent(i,{composed:!0,bubbles:!0}))}}handleMediaUpdated(e){let a=n=>Promise.resolve(n),i=n=>(console.error('<media-chrome>: Media element set with slot="media" does not appear to be compatible.',n),Promise.reject(n));if(!e)return i(e);let s=e.nodeName.toLowerCase();return s.includes("-")?m.customElements.whenDefined(s).then(()=>a(e)):a(e)}mediaUnsetCallback(e){}connectedCallback(){let e=this.getAttribute("audio")!=null?x.AUDIO_PLAYER():x.VIDEO_PLAYER();this.setAttribute("role","region"),this.setAttribute("aria-label",e),this.media&&this.handleMediaUpdated(this.media).then(n=>this.mediaSetCallback(n)),this.setAttribute("user-inactive","user-inactive");let a=()=>{if(this.autohide<0)return;this.setAttribute("user-inactive","user-inactive");let n=new m.CustomEvent(ke.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(n)},i=()=>{this.removeAttribute("user-inactive");let n=new m.CustomEvent(ke.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(n)},s=()=>{i(),m.clearTimeout(this._inactiveTimeout),!(this.autohide<0)&&(this._inactiveTimeout=m.setTimeout(()=>{a()},this.autohide*1e3))};this.addEventListener("keyup",n=>{s()}),this.addEventListener("pointerup",n=>{n.pointerType==="touch"&&([this,this.media].includes(n.target)&&!this.hasAttribute("user-inactive")?a():s())}),this.addEventListener("pointermove",n=>{n.pointerType==="mouse"&&(!re(this,n.target)||(i(),m.clearTimeout(this._inactiveTimeout),[this,this.media].includes(n.target)&&s()))}),this.addEventListener("mouseleave",n=>{a()}),this.addEventListener("keyup",n=>{this.setAttribute("media-keyboard-control","")}),this.addEventListener("mouseup",n=>{this.removeAttribute("media-keyboard-control")})}set autohide(e){e=Number(e),this._autohide=isNaN(e)?0:e}get autohide(){return this._autohide===void 0?2:this._autohide}};u("media-container-temp",kt);var Ta=kt;var k={enter:"requestFullscreen",exit:"exitFullscreen",event:"fullscreenchange",element:"fullscreenElement",error:"fullscreenerror"};d.fullscreenElement===void 0&&(k.enter="webkitRequestFullScreen",k.exit=d.webkitExitFullscreen!=null?"webkitExitFullscreen":"webkitCancelFullScreen",k.event="webkitfullscreenchange",k.element="webkitFullscreenElement",k.error="webkitfullscreenerror");function Xe(t,e=!1){return t.split("_").map(function(a,i){return(i||e?a[0].toUpperCase():a[0].toLowerCase())+a.slice(1).toLowerCase()}).join("")}var Je=(t="")=>t.split(/\s+/),ya=(t="")=>{let[e,a]=t.split(":"),i=a?decodeURIComponent(a):void 0;return{language:e,label:i}},ho=(t="",e={})=>Je(t).map(a=>{let i=ya(a);return{...e,...i}}),po=t=>Array.isArray(t)?t.map(e=>typeof e=="string"?ya(e):e):typeof t=="string"?ho(t):[t],Eo=({label:t,language:e}={})=>t?`${e}:${encodeURIComponent(t)}`:e,P=(t=[])=>Array.prototype.map.call(t,Eo).join(" "),bo=(t,e)=>a=>a[t]===e,_a=t=>{let e=Object.entries(t).map(([a,i])=>bo(a,i));return a=>e.every(i=>i(a))},xe=(t,e=[],a=[])=>{let i=po(a).map(_a),s=n=>i.some(r=>r(n));Array.from(e).filter(s).forEach(n=>{n.mode=t})},Ae=(t,e=()=>!0)=>{if(!(t==null?void 0:t.textTracks))return[];let a=typeof e=="function"?e:_a(e);return Array.from(t.textTracks).filter(a)};var xt=class extends Ta{constructor(){super();Mo||(this._airplayUnavailable=$.UNSUPPORTED),So||(this._castUnavailable=$.UNSUPPORTED),yo||(this._pipUnavailable=$.UNSUPPORTED),we!==void 0?we||(this._volumeUnavailable=$.UNSUPPORTED):_o.then(()=>{we||(this._volumeUnavailable=$.UNSUPPORTED,this.propagateMediaState(o.MEDIA_VOLUME_UNAVAILABLE,this._volumeUnavailable))}),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,this.associatedElements=[],this.associateElement(this);let e={MEDIA_PLAY_REQUEST:()=>this.media.play(),MEDIA_PAUSE_REQUEST:()=>this.media.pause(),MEDIA_MUTE_REQUEST:()=>this.media.muted=!0,MEDIA_UNMUTE_REQUEST:()=>{let a=this.media;a.muted=!1,a.volume===0&&(a.volume=.25)},MEDIA_VOLUME_REQUEST:a=>{let i=this.media,s=a.detail;i.volume=s,s>0&&i.muted&&(i.muted=!1);try{m.localStorage.setItem("media-chrome-pref-volume",s.toString())}catch{}},MEDIA_ENTER_FULLSCREEN_REQUEST:()=>{let a=this.media;d.pictureInPictureElement&&d.exitPictureInPicture(),super[k.enter]?super[k.enter]():a.webkitEnterFullscreen?a.webkitEnterFullscreen():a.requestFullscreen?a.requestFullscreen():console.warn("MediaChrome: Fullscreen not supported")},MEDIA_EXIT_FULLSCREEN_REQUEST:()=>{d[k.exit]()},MEDIA_ENTER_PIP_REQUEST:()=>{let a=this.media;!d.pictureInPictureEnabled||(d[k.element]&&d[k.exit](),a.requestPictureInPicture())},MEDIA_EXIT_PIP_REQUEST:()=>{d.pictureInPictureElement&&d.exitPictureInPicture()},MEDIA_ENTER_CAST_REQUEST:()=>{var a;let i=this.media;!((a=globalThis.CastableVideoElement)==null?void 0:a.castEnabled)||(d[k.element]&&d[k.exit](),i.requestCast())},MEDIA_EXIT_CAST_REQUEST:async()=>{var a;((a=globalThis.CastableVideoElement)==null?void 0:a.castElement)&&globalThis.CastableVideoElement.exitCast()},MEDIA_SEEK_REQUEST:a=>{let i=this.media,s=a.detail;(i.readyState>0||i.readyState===void 0)&&(i.currentTime=s)},MEDIA_PLAYBACK_RATE_REQUEST:a=>{this.media.playbackRate=a.detail},MEDIA_PREVIEW_REQUEST:a=>{var i;let s=this.media;if(!s)return;let[n]=Ae(s,{kind:ve.METADATA,label:"thumbnails"});if(!(n&&n.cues))return;let r=a.detail;if(r===null){this.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,void 0),this.propagateMediaState(o.MEDIA_PREVIEW_COORDS,void 0);return}let l=Array.prototype.find.call(n.cues,T=>T.startTime>=r);if(!l)return;let c=/'^(?:[a-z]+:)?\/\//i.test(l.text)||(i=s.querySelector('track[label="thumbnails"]'))==null?void 0:i.src,h=new URL(l.text,c),E=new URLSearchParams(h.hash).get("#xywh");this.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,h.href),this.propagateMediaState(o.MEDIA_PREVIEW_COORDS,E.split(",").join(" "))},MEDIA_SHOW_CAPTIONS_REQUEST:a=>{let i=tt(this),{detail:s=[]}=a;xe(oe.SHOWING,i,s)},MEDIA_DISABLE_CAPTIONS_REQUEST:a=>{let i=tt(this),{detail:s=[]}=a;xe(oe.DISABLED,i,s)},MEDIA_SHOW_SUBTITLES_REQUEST:a=>{let i=et(this),{detail:s=[]}=a;xe(oe.SHOWING,i,s)},MEDIA_DISABLE_SUBTITLES_REQUEST:a=>{let i=et(this),{detail:s=[]}=a;xe(oe.DISABLED,i,s)},MEDIA_AIRPLAY_REQUEST:a=>{let{media:i}=this;if(i){if(!(i.webkitShowPlaybackTargetPicker&&m.WebKitPlaybackTargetAvailabilityEvent)){console.warn("received a request to select AirPlay but AirPlay is not supported in this environment");return}i.webkitShowPlaybackTargetPicker()}}};if(Object.keys(e).forEach(a=>{let i=`_handle${Xe(a,!0)}`;this[i]=s=>{if(s.stopPropagation(),!this.media){console.warn("MediaController: No media available.");return}e[a](s,this.media)},this.addEventListener(p[a],this[i])}),this._mediaStatePropagators={"play,pause,emptied":()=>{this.propagateMediaState(o.MEDIA_PAUSED,Ma(this))},"playing,emptied":()=>{var a;this.propagateMediaState(o.MEDIA_HAS_PLAYED,!((a=this.media)==null?void 0:a.paused))},volumechange:()=>{this.propagateMediaState(o.MEDIA_MUTED,Sa(this)),this.propagateMediaState(o.MEDIA_VOLUME,Ca(this)),this.propagateMediaState(o.MEDIA_VOLUME_LEVEL,La(this))},[k.event]:a=>{let i=!!d[k.element]&&(a==null?void 0:a.target),s=re(this,i);this.propagateMediaState(o.MEDIA_IS_FULLSCREEN,s)},"enterpictureinpicture,leavepictureinpicture":a=>{var i;let s;if(a)s=a.type=="enterpictureinpicture";else{let n=(i=this.getRootNode().pictureInPictureElement)!=null?i:d.pictureInPictureElement;s=this.media&&re(this.media,n)}this.propagateMediaState(o.MEDIA_IS_PIP,s)},"entercast,leavecast,castchange":a=>{var i;let s=(i=globalThis.CastableVideoElement)==null?void 0:i.castElement,n=this.media&&re(this.media,s);(a==null?void 0:a.type)==="castchange"&&(a==null?void 0:a.detail)==="CONNECTING"&&(n="connecting"),this.propagateMediaState(o.MEDIA_IS_CASTING,n)},"timeupdate,loadedmetadata":()=>{this.propagateMediaState(o.MEDIA_CURRENT_TIME,ka(this))},"durationchange,loadedmetadata,emptied":()=>{this.propagateMediaState(o.MEDIA_DURATION,xa(this))},"loadedmetadata,emptied,progress":()=>{var a;this.propagateMediaState(o.MEDIA_SEEKABLE,(a=Da(this))==null?void 0:a.join(":"))},"progress,emptied":()=>{var a;this.propagateMediaState(o.MEDIA_BUFFERED,Co((a=this.media)==null?void 0:a.buffered))},"ratechange,loadstart":()=>{this.propagateMediaState(o.MEDIA_PLAYBACK_RATE,wa(this))},"waiting,playing,emptied":()=>{var a;let i=((a=this.media)==null?void 0:a.readyState)<3;this.propagateMediaState(o.MEDIA_LOADING,i)}},this._airplayUnavailable!==$.UNSUPPORTED){let a=i=>{(i==null?void 0:i.availability)==="available"?this._airplayUnavailable=void 0:(i==null?void 0:i.availability)==="not-available"&&(this._airplayUnavailable=$.UNAVAILABLE),this.propagateMediaState(o.MEDIA_AIRPLAY_UNAVAILABLE,this._airplayUnavailable)};this._mediaStatePropagators.webkitplaybacktargetavailabilitychanged=a}if(this._castUnavailable!==$.UNSUPPORTED){let a=()=>{var i;let s=(i=globalThis.CastableVideoElement)==null?void 0:i.castState;(s==null?void 0:s.includes("CONNECT"))?this._castUnavailable=void 0:this._castUnavailable=$.UNAVAILABLE,this.propagateMediaState(o.MEDIA_CAST_UNAVAILABLE,this._castUnavailable)};this._mediaStatePropagators.castchange=a}this._textTrackMediaStatePropagators={"addtrack,removetrack,loadstart":()=>{this.propagateMediaState(o.MEDIA_CAPTIONS_LIST,P(tt(this))||void 0),this.propagateMediaState(o.MEDIA_SUBTITLES_LIST,P(et(this))||void 0),this.propagateMediaState(o.MEDIA_CAPTIONS_SHOWING,P(wt(this))||void 0),this.propagateMediaState(o.MEDIA_SUBTITLES_SHOWING,P(Dt(this))||void 0)},change:()=>{this.propagateMediaState(o.MEDIA_CAPTIONS_SHOWING,P(wt(this))||void 0),this.propagateMediaState(o.MEDIA_SUBTITLES_SHOWING,P(Dt(this))||void 0)}}}mediaSetCallback(e){super.mediaSetCallback(e),Object.keys(this._mediaStatePropagators).forEach(a=>{let i=a.split(","),s=this._mediaStatePropagators[a];i.forEach(n=>{(n==k.event?this.getRootNode():e).addEventListener(n,s)}),s()}),Object.entries(this._textTrackMediaStatePropagators).forEach(([a,i])=>{a.split(",").forEach(s=>{e.textTracks&&e.textTracks.addEventListener(s,i)}),i()});try{let a=m.localStorage.getItem("media-chrome-pref-volume");a!==null&&(e.volume=a)}catch(a){console.debug("Error getting volume pref",a)}}mediaUnsetCallback(e){super.mediaUnsetCallback(e),Object.keys(this._mediaStatePropagators).forEach(a=>{let i=a.split(","),s=this._mediaStatePropagators[a];i.forEach(n=>{(n==k.event?this.getRootNode():e).removeEventListener(n,s)})}),Object.entries(this._textTrackMediaStatePropagators).forEach(([a,i])=>{a.split(",").forEach(s=>{e.textTracks&&e.textTracks.removeEventListener(s,i)}),i()}),this.propagateMediaState(o.MEDIA_PAUSED,!0)}propagateMediaState(e,a){C(this.mediaStateReceivers,e,a);let i=new m.CustomEvent(la[e],{composed:!0,bubbles:!0,detail:a});this.dispatchEvent(i)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:a}=this;if(a.has(e))return;let i=this.registerMediaStateReceiver.bind(this),s=this.unregisterMediaStateReceiver.bind(this),n=Ao(e,i,s);Object.keys(p).forEach(r=>{e.addEventListener(p[r],this[`_handle${Xe(r,!0)}`])}),a.set(e,n)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:a}=this;!a.has(e)||(a.get(e)(),a.delete(e),Object.keys(p).forEach(i=>{e.removeEventListener(p[i],this[`_handle${Xe(i,!0)}`])}))}registerMediaStateReceiver(e){var a;if(!e)return;let i=this.mediaStateReceivers;i.indexOf(e)>-1||(i.push(e),C([e],o.MEDIA_VOLUME_UNAVAILABLE,this._volumeUnavailable),C([e],o.MEDIA_AIRPLAY_UNAVAILABLE,this._airplayUnavailable),C([e],o.MEDIA_CAST_UNAVAILABLE,this._castUnavailable),C([e],o.MEDIA_PIP_UNAVAILABLE,this._pipUnavailable),this.media&&(C([e],o.MEDIA_CAPTIONS_LIST,P(tt(this))||void 0),C([e],o.MEDIA_SUBTITLES_LIST,P(et(this))||void 0),C([e],o.MEDIA_CAPTIONS_SHOWING,P(wt(this))||void 0),C([e],o.MEDIA_SUBTITLES_SHOWING,P(Dt(this))||void 0),C([e],o.MEDIA_PAUSED,Ma(this)),C([e],o.MEDIA_MUTED,Sa(this)),C([e],o.MEDIA_VOLUME,Ca(this)),C([e],o.MEDIA_VOLUME_LEVEL,La(this)),C([e],o.MEDIA_IS_FULLSCREEN,this.hasAttribute(o.MEDIA_IS_FULLSCREEN)),C([e],o.MEDIA_IS_CASTING,this.hasAttribute(o.MEDIA_IS_CASTING)),C([e],o.MEDIA_CURRENT_TIME,ka(this)),C([e],o.MEDIA_DURATION,xa(this)),C([e],o.MEDIA_SEEKABLE,(a=Da(this))==null?void 0:a.join(":")),C([e],o.MEDIA_PLAYBACK_RATE,wa(this))))}unregisterMediaStateReceiver(e){let a=this.mediaStateReceivers,i=a.indexOf(e);i<0||a.splice(i,1)}},Ma=t=>t.media?t.media.paused:!0,Sa=t=>!!(t.media&&t.media.muted),Ca=t=>{let e=t.media;return e?e.volume:1},La=t=>{let e="high";if(!t.media)return e;let{muted:a,volume:i}=t.media;return i===0||a?e="off":i<.5?e="low":i<.75&&(e="medium"),e},ka=t=>{let e=t.media;return e?e.currentTime:0},xa=t=>{let e=t==null?void 0:t.media;return Number.isFinite(e==null?void 0:e.duration)?e.duration:NaN},Da=t=>{var e;let a=t==null?void 0:t.media;if(!((e=a==null?void 0:a.seekable)==null?void 0:e.length))return;let i=a.seekable.start(0),s=a.seekable.end(a.seekable.length-1);if(!(!i&&!s))return[Number(i.toFixed(3)),Number(s.toFixed(3))]},wa=t=>{let e=t.media;return e?e.playbackRate:1},et=t=>Ae(t.media,{kind:ve.SUBTITLES}),tt=t=>Ae(t.media,{kind:ve.CAPTIONS}),Dt=t=>Ae(t.media,{kind:ve.SUBTITLES,mode:oe.SHOWING}),wt=t=>Ae(t.media,{kind:ve.CAPTIONS,mode:oe.SHOWING}),go=Object.values(o),Ra=t=>{var e,a,i,s;let{observedAttributes:n}=t.constructor;!n&&((e=t.nodeName)==null?void 0:e.includes("-"))&&(m.customElements.upgrade(t),{observedAttributes:n}=t.constructor);let r=(s=(i=(a=t==null?void 0:t.getAttribute)==null?void 0:a.call(t,o.MEDIA_CHROME_ATTRIBUTES))==null?void 0:i.split)==null?void 0:s.call(i,/\s+/);return Array.isArray(n||r)?(n||r).filter(l=>go.includes(l)):[]},Rt=t=>!!Ra(t).length,fo=async(t,e,a)=>(t.isConnected||await Na(0),a==null?t.removeAttribute(e):typeof a=="boolean"?a?t.setAttribute(e,""):t.removeAttribute(e):Number.isNaN(a)?t.removeAttribute(e):t.setAttribute(e,a)),vo=t=>{var e;return!!((e=t.closest)==null?void 0:e.call(t,'*[slot="media"]'))},De=(t,e)=>{if(vo(t))return;let a=(s,n)=>{var r,l;Rt(s)&&n(s);let{children:c=[]}=s!=null?s:{},h=(l=(r=s==null?void 0:s.shadowRoot)==null?void 0:r.children)!=null?l:[];[...c,...h].forEach(E=>De(E,n))},i=t==null?void 0:t.nodeName.toLowerCase();if(i.includes("-")&&!Rt(t)){m.customElements.whenDefined(i).then(()=>{a(t,e)});return}a(t,e)},C=(t,e,a)=>{t.forEach(i=>{!Ra(i).includes(e)||fo(i,e,a)})},Ao=(t,e,a)=>{De(t,e);let i=l=>{var c;let h=(c=l==null?void 0:l.composedPath()[0])!=null?c:l.target;e(h)},s=l=>{var c;let h=(c=l==null?void 0:l.composedPath()[0])!=null?c:l.target;a(h)};t.addEventListener(p.REGISTER_MEDIA_STATE_RECEIVER,i),t.addEventListener(p.UNREGISTER_MEDIA_STATE_RECEIVER,s);let n=(l,c)=>{l.forEach(h=>{let{addedNodes:E=[],removedNodes:T=[],type:S,target:w,attributeName:U}=h;S==="childList"?(Array.prototype.forEach.call(E,A=>De(A,e)),Array.prototype.forEach.call(T,A=>De(A,a))):S==="attributes"&&U===o.MEDIA_CHROME_ATTRIBUTES&&(Rt(w)?e(w):a(w))})},r=new MutationObserver(n);return r.observe(t,{childList:!0,attributes:!0,subtree:!0}),()=>{De(t,a),r.disconnect(),t.removeEventListener(p.REGISTER_MEDIA_STATE_RECEIVER,i),t.removeEventListener(p.UNREGISTER_MEDIA_STATE_RECEIVER,s)}},Ut,Ua=()=>{var t,e;return Ut||(Ut=(e=(t=d)==null?void 0:t.createElement)==null?void 0:e.call(t,"video"),Ut)},Io=async(t=Ua())=>{if(!t)return!1;let e=t.volume;return t.volume=e/2+.1,await Na(0),t.volume!==e},Na=t=>new Promise((e,a)=>setTimeout(e,t)),To=(t=Ua())=>typeof(t==null?void 0:t.requestPictureInPicture)=="function",yo=To(),we,_o=Io().then(t=>(we=t,we)),Mo=!!m.WebKitPlaybackTargetAvailabilityEvent,So=!!m.chrome;function Co(t=[]){return Array.from(t).map((e,a)=>[Number(t.start(a).toFixed(3)),Number(t.end(a).toFixed(3))].join(":")).join(" ")}u("media-controller",xt);var Re=xt;var Oa=d.createElement("template"),Pa=`
+  height: var(--thumb-height);
+  width: var(--media-range-thumb-width, 10px);
+  border: var(--media-range-thumb-border, none);
+  border-radius: var(--media-range-thumb-border-radius, 10px);
+  background: var(--media-range-thumb-background, #fff);
+  box-shadow: var(--media-range-thumb-box-shadow, 1px 1px 1px transparent);
+  cursor: pointer;
+  transition: var(--media-range-thumb-transition, none);
+  transform: var(--media-range-thumb-transform, none);
+  opacity: var(--media-range-thumb-opacity, 1);
+`,Nt=`
+  width: var(--media-range-track-width, 100%);
+  min-width: 40px;
+  height: var(--track-height);
+  border: var(--media-range-track-border, none);
+  border-radius: var(--media-range-track-border-radius, 0);
+  background: var(--media-range-track-background-internal, var(--media-range-track-background, #eee));
+
+  box-shadow: var(--media-range-track-box-shadow, none);
+  transition: var(--media-range-track-transition, none);
+  transform: translate(var(--media-range-track-translate-x, 0), var(--media-range-track-translate-y, 0));
+  cursor: pointer;
+`;Oa.innerHTML=`
+  <style>
+    :host {
+      --thumb-height: var(--media-range-thumb-height, 10px);
+      --track-height: var(--media-range-track-height, 4px);
+
+      position: relative;
+      display: inline-block;
+      vertical-align: middle;
+      box-sizing: border-box;
+      background: var(--media-control-background, rgba(20,20,30, 0.7));
+      transition: background 0.15s linear;
+      height: 44px;
+      width: 100px;
+      padding: 0 10px;
+
+      pointer-events: auto;
+    }
+
+    :host(:hover) {
+      background: var(--media-control-hover-background, rgba(50,50,60, 0.7));
+    }
+
+    input[type=range] {
+      /* Reset */
+      -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
+      background: transparent; /* Otherwise white in Chrome */
+
+      /* Fill host with the range */
+      min-height: 100%;
+      width: var(--media-range-track-width, 100%); /* Specific width is required for Firefox. */
+
+      box-sizing: border-box;
+      padding: 0;
+      margin: 0;
+    }
+
+    /* Special styling for WebKit/Blink */
+    input[type=range]::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      ${Pa}
+      /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
+      margin-top: calc(calc(0px - var(--thumb-height) + var(--track-height)) / 2);
+    }
+
+    /* The thumb is not positioned relative to the track in Firefox */
+    input[type=range]::-moz-range-thumb {
+      ${Pa}
+      translate: var(--media-range-track-translate-x, 0) var(--media-range-track-translate-y, 0);
+    }
+
+    input[type=range]::-webkit-slider-runnable-track { ${Nt} }
+    input[type=range]::-moz-range-track { ${Nt} }
+    input[type=range]::-ms-track {
+      /* Reset */
+      width: 100%;
+      cursor: pointer;
+      /* Hides the slider so custom styles can be added */
+      background: transparent;
+      border-color: transparent;
+      color: transparent;
+
+      ${Nt}
+    }
+
+    /*
+     * set input to focus-visible, unless host-context is available (in chrome)
+     * in which case we can have the focus ring be on the host itself
+     */
+    :host-context([media-keyboard-control]):host(:focus),
+    :host-context([media-keyboard-control]):host(:focus-within) {
+      box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.9);
+    }
+    :host-context([media-keyboard-control]) input[type=range]:focus-visible {
+      box-shadow: none;
+    }
+    input[type=range]:focus-visible {
+      box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.9);
+    }
+    input[type=range]:focus {
+      outline: 0;
+    }
+    input[type=range]:focus::-webkit-slider-runnable-track {
+      outline: 0;
+    }
+
+    input[type=range]:disabled::-webkit-slider-thumb {
+      background-color: #777;
+    }
+
+    input[type=range]:disabled::-webkit-slider-runnable-track {
+      background-color: #777;
+    }
+  </style>
+  <input id="range" type="range" min="0" max="1000" step="1" value="0">
+`;var Ot=class extends m.HTMLElement{static get observedAttributes(){return[o.MEDIA_CONTROLLER]}constructor(){super();this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Oa.content.cloneNode(!0)),this.range=this.shadowRoot.querySelector("#range"),this.range.addEventListener("input",this.updateBar.bind(this))}attributeChangedCallback(e,a,i){var s,n;if(e===o.MEDIA_CONTROLLER){if(a){let r=d.getElementById(a);(s=r==null?void 0:r.unassociateElement)==null||s.call(r,this)}if(i){let r=d.getElementById(i);(n=r==null?void 0:r.associateElement)==null||n.call(r,this)}}}connectedCallback(){var e;let a=this.getAttribute(o.MEDIA_CONTROLLER);if(a){let i=d.getElementById(a);(e=i==null?void 0:i.associateElement)==null||e.call(i,this)}this.updateBar()}disconnectedCallback(){var e;if(this.getAttribute(o.MEDIA_CONTROLLER)){let a=d.getElementById(mediaControllerId);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}updateBar(){let e=this.getBarColors(),a="linear-gradient(to right, ",i=0;e.forEach(s=>{s[1]<i||(a=a+`${s[0]} ${i}%, ${s[0]} ${s[1]}%,`,i=s[1])}),a=a.slice(0,a.length-1)+")",this.style.setProperty("--media-range-track-background-internal",a)}getBarColors(){let e=this.range,a=e.value-e.min,i=e.max-e.min,s=a/i*100;return[["var(--media-range-bar-color, #fff)",s],["var(--media-range-track-background, #333)",100]]}};u("media-chrome-range",Ot);var Ue=Ot;var Va=d.createElement("template");Va.innerHTML=`
+  <style>
+    :host {
+      /* Need position to display above video for some reason */
+      box-sizing: border-box;
+      display: inline-flex;
+      color: var(--media-icon-color, #eee);
+      --media-loading-icon-width: 44px;
+    }
+
+    media-time-range,
+    ::slotted(media-time-range),
+    ::slotted(media-progress-range),
+    ::slotted(media-clip-selector) {
+      flex-grow: 1;
+    }
+  </style>
+
+  <slot></slot>
+`;var $a=class extends m.HTMLElement{static get observedAttributes(){return[o.MEDIA_CONTROLLER]}constructor(){super();this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Va.content.cloneNode(!0))}attributeChangedCallback(e,a,i){var s,n;if(e===o.MEDIA_CONTROLLER){if(a){let r=d.getElementById(a);(s=r==null?void 0:r.unassociateElement)==null||s.call(r,this)}if(i){let r=d.getElementById(i);(n=r==null?void 0:r.associateElement)==null||n.call(r,this)}}}connectedCallback(){var e;let a=this.getAttribute(o.MEDIA_CONTROLLER);if(a){let i=d.getElementById(a);(e=i==null?void 0:i.associateElement)==null||e.call(i,this)}}disconnectedCallback(){var e;if(this.getAttribute(o.MEDIA_CONTROLLER)){let a=d.getElementById(mediaControllerId);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}};u("media-control-bar",$a);var Ba=d.createElement("template");Ba.innerHTML=`
+  <style>
+    :host {
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      box-sizing: border-box;
+      background: var(--media-control-background, rgba(20,20,30, 0.7));
+  
+      padding: 10px;
+
+      font-size: 14px;
+      line-height: 24px;
+      font-family: Arial, sans-serif;
+      text-align: center;
+      color: #ffffff;
+      pointer-events: auto;
+    }
+
+    /*
+      Only show outline when keyboard focusing.
+      https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo
+    */
+    :host(:focus-visible) {
+      box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.9);
+      outline: 0;
+    }
+    /*
+     * hide default focus ring, particularly when using mouse
+     */
+    :host(:where(:focus)) {
+      box-shadow: none;
+      outline: 0;
+    }
+
+    #container {
+      /* NOTE: We don't currently have more generic sizing vars */
+      height: var(--media-text-content-height, auto);
+    }
+  </style>
+  <span id="container">
+  <slot></slot>
+  </span>
+`;var Pt=class extends m.HTMLElement{static get observedAttributes(){return[o.MEDIA_CONTROLLER]}constructor(){super();this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Ba.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector("#container")}attributeChangedCallback(e,a,i){var s,n;if(e===o.MEDIA_CONTROLLER){if(a){let r=d.getElementById(a);(s=r==null?void 0:r.unassociateElement)==null||s.call(r,this)}if(i){let r=d.getElementById(i);(n=r==null?void 0:r.associateElement)==null||n.call(r,this)}}}connectedCallback(){var e;let a=this.getAttribute(o.MEDIA_CONTROLLER);if(a){let i=d.getElementById(a);(e=i==null?void 0:i.associateElement)==null||e.call(i,this)}}disconnectedCallback(){var e;if(this.getAttribute(o.MEDIA_CONTROLLER)){let a=d.getElementById(mediaControllerId);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}};u("media-text-display",Pt);var Ie=Pt;var ja=class extends Ie{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME]}attributeChangedCallback(e,a,i){e===o.MEDIA_CURRENT_TIME&&(this.container.innerHTML=X(i)),super.attributeChangedCallback(e,a,i)}};u("media-current-time-display",ja);var Ha=class extends Ie{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_DURATION]}attributeChangedCallback(e,a,i){e===o.MEDIA_DURATION&&(this.container.innerHTML=X(i)),super.attributeChangedCallback(e,a,i)}};u("media-duration-display",Ha);var Lo="&nbsp;/&nbsp;",ko=(t,{timesSep:e=Lo}={})=>{var a,i,s;let n=t.getAttribute("remaining")!=null,r=t.getAttribute("show-duration")!=null,l=(a=t.mediaCurrentTime)!=null?a:0,c=(s=(i=t.mediaDuration)!=null?i:t.mediaSeekableEnd)!=null?s:0,h=n?X(0-(c-l)):X(l);return r?`${h}${e}${X(c)}`:h},xo="video not loaded, unknown time.",Do=t=>{let e=t.mediaCurrentTime,a=t.mediaDuration||t.mediaSeekableEnd;if(e==null||a==null){t.setAttribute("aria-valuetext",xo);return}let i=t.hasAttribute("remaining"),s=t.hasAttribute("show-duration"),n=i?ne(0-(a-e)):ne(e);if(!s){t.setAttribute("aria-valuetext",n);return}let r=ne(a),l=`${n} of ${r}`;t.setAttribute("aria-valuetext",l)},Wa=class extends Ie{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,o.MEDIA_DURATION,o.MEDIA_SEEKABLE,"remaining","show-duration"]}connectedCallback(){this.setAttribute("role","progressbar"),this.setAttribute("aria-label",x.PLAYBACK_TIME()),this.setAttribute("tabindex",0),super.connectedCallback()}attributeChangedCallback(e,a,i){if([o.MEDIA_CURRENT_TIME,o.MEDIA_DURATION,o.MEDIA_SEEKABLE,"remaining","show-duration"].includes(e)){let s=ko(this);Do(this),this.container.innerHTML=s}super.attributeChangedCallback(e,a,i)}get mediaDuration(){let e=this.getAttribute(o.MEDIA_DURATION);return e!=null?+e:void 0}get mediaCurrentTime(){let e=this.getAttribute(o.MEDIA_CURRENT_TIME);return e!=null?+e:void 0}get mediaSeekable(){let e=this.getAttribute(o.MEDIA_SEEKABLE);if(e)return e.split(":").map(a=>+a)}get mediaSeekableEnd(){var e;let[,a]=(e=this.mediaSeekable)!=null?e:[];return a}get mediaSeekableStart(){var e;let[a]=(e=this.mediaSeekable)!=null?e:[];return a}};u("media-time-display",Wa);var wo=`
+<svg
+   aria-hidden="true"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.0"
+   viewbox="0 0 153 125.71389"
+   width="auto"
+   height="24">
+  <g
+     transform="scale(6.3080558,6.3080558)"
+     id="g12">
+    <path
+       class="icon" 
+       d="M 21.9806,9.0135 C 21.9505,5.8358 21.8299,4.4502 21.077,3.4712 C 20.9415,3.2605 20.6854,3.14 20.4746,2.9895 C 19.7366,2.4472 16.2577,2.2515 12.2215,2.2515 C 8.1853,2.2515 4.54077,2.4472 3.81787,2.9895 C 3.59192,3.14 3.33581,3.2605 3.1853,3.4712 C 2.44726,4.4502 2.34192,5.8358 2.29675,9.0135 C 2.34192,12.1914 2.44726,13.5769 3.1853,14.5558 C 3.33581,14.7817 3.59192,14.8871 3.81787,15.0377 C 4.54077,15.595 8.1853,15.7757 12.2215,15.8058 C 16.2577,15.7757 19.7366,15.595 20.4746,15.0377 C 20.6854,14.8871 20.9415,14.7817 21.077,14.5558 C 21.8299,13.5769 21.9505,12.1914 21.9806,9.0135 z "
+       style="fill-rule:evenodd;stroke:none"
+       id="path16" />
+    <path
+       class="icon" 
+       d="M 11.6896,8.1906 C 11.4853,5.704 10.1628,4.239 7.79723,4.239 C 5.63596,4.239 3.93706,6.1879 3.93706,9.31964 C 3.93706,12.4648 5.48544,14.4271 8.04452,14.4271 C 10.0875,14.4271 11.5176,12.9218 11.7434,10.4217 L 9.30256,10.4217 C 9.20579,11.3492 8.81871,12.0616 8.00151,12.0616 C 6.71121,12.0616 6.47467,10.7847 6.47467,9.42716 C 6.47467,7.5588 7.0123,6.6046 7.90474,6.6046 C 8.70045,6.6046 9.20579,7.1825 9.28106,8.1906 L 11.6896,8.1906 z "
+       style="fill:#000000;fill-rule:evenodd;stroke:none"
+       id="path20" />
+    <path
+      class="icon" 
+      d="M 20.1199,8.1906 C 19.9156,5.704 18.5931,4.239 16.2275,4.239 C 14.0662,4.239 12.3674,6.1879 12.3674,9.31964 C 12.3674,12.4648 13.9157,14.4271 16.4748,14.4271 C 18.5178,14.4271 19.9479,12.9218 20.1736,10.4217 L 17.7328,10.4217 C 17.6361,11.3492 17.249,12.0616 16.4318,12.0616 C 15.1415,12.0616 14.9049,10.7847 14.9049,9.42716 C 14.9049,7.5588 15.4426,6.6046 16.335,6.6046 C 17.1307,6.6046 17.6361,7.1825 17.7113,8.1906 L 20.1199,8.1906 z "
+      style="fill:#000000;fill-rule:evenodd;stroke:none"
+      id="path22" />
+    <path class="icon" d="M 2,20 L 22,20" stroke-width="4" stroke="var(--media-icon-color, #eee)" id="path24"/>
+  </g>
+</svg>
+`,Ro=`
+<svg
+   aria-hidden="true"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.0"
+   viewbox="0 0 153 125.71389"
+   width="auto"
+   height="24">
+  <g
+     transform="scale(6.3080558,6.3080558)"
+     id="g12">
+    <path
+       class="icon" 
+       d="M 21.9806,9.0135 C 21.9505,5.8358 21.8299,4.4502 21.077,3.4712 C 20.9415,3.2605 20.6854,3.14 20.4746,2.9895 C 19.7366,2.4472 16.2577,2.2515 12.2215,2.2515 C 8.1853,2.2515 4.54077,2.4472 3.81787,2.9895 C 3.59192,3.14 3.33581,3.2605 3.1853,3.4712 C 2.44726,4.4502 2.34192,5.8358 2.29675,9.0135 C 2.34192,12.1914 2.44726,13.5769 3.1853,14.5558 C 3.33581,14.7817 3.59192,14.8871 3.81787,15.0377 C 4.54077,15.595 8.1853,15.7757 12.2215,15.8058 C 16.2577,15.7757 19.7366,15.595 20.4746,15.0377 C 20.6854,14.8871 20.9415,14.7817 21.077,14.5558 C 21.8299,13.5769 21.9505,12.1914 21.9806,9.0135 z "
+       style="fill-rule:evenodd;stroke:none"
+       id="path16" />
+    <path
+       class="icon" 
+       d="M 11.6896,8.1906 C 11.4853,5.704 10.1628,4.239 7.79723,4.239 C 5.63596,4.239 3.93706,6.1879 3.93706,9.31964 C 3.93706,12.4648 5.48544,14.4271 8.04452,14.4271 C 10.0875,14.4271 11.5176,12.9218 11.7434,10.4217 L 9.30256,10.4217 C 9.20579,11.3492 8.81871,12.0616 8.00151,12.0616 C 6.71121,12.0616 6.47467,10.7847 6.47467,9.42716 C 6.47467,7.5588 7.0123,6.6046 7.90474,6.6046 C 8.70045,6.6046 9.20579,7.1825 9.28106,8.1906 L 11.6896,8.1906 z "
+       style="fill:#000000;fill-rule:evenodd;stroke:none"
+       id="path20" />
+    <path
+      class="icon" 
+      d="M 20.1199,8.1906 C 19.9156,5.704 18.5931,4.239 16.2275,4.239 C 14.0662,4.239 12.3674,6.1879 12.3674,9.31964 C 12.3674,12.4648 13.9157,14.4271 16.4748,14.4271 C 18.5178,14.4271 19.9479,12.9218 20.1736,10.4217 L 17.7328,10.4217 C 17.6361,11.3492 17.249,12.0616 16.4318,12.0616 C 15.1415,12.0616 14.9049,10.7847 14.9049,9.42716 C 14.9049,7.5588 15.4426,6.6046 16.335,6.6046 C 17.1307,6.6046 17.6361,7.1825 17.7113,8.1906 L 20.1199,8.1906 z "
+      style="fill:#000000;fill-rule:evenodd;stroke:none"
+      id="path22" />
+  </g>
+</svg>
+`,Fa=d.createElement("template");Fa.innerHTML=`
+  <style>
+  :host([aria-checked="true"]) slot:not([name=on]) > *, 
+  :host([aria-checked="true"]) ::slotted(:not([slot=on])) {
+    display: none;
+  }
+
+  /* Double negative, but safer if display doesn't equal 'block' */
+  :host(:not([aria-checked="true"])) slot:not([name=off]) > *, 
+  :host(:not([aria-checked="true"])) ::slotted(:not([slot=off])) {
+    display: none;
+  }
+  </style>
+
+  <slot name="on">${wo}</slot>
+  <slot name="off">${Ro}</slot>
+`;var Ka=t=>{t.setAttribute("aria-checked",za(t))},za=t=>{let e=!!t.getAttribute(o.MEDIA_CAPTIONS_SHOWING),a=!t.hasAttribute("no-subtitles-fallback")&&!!t.getAttribute(o.MEDIA_SUBTITLES_SHOWING);return e||a},Ya=class extends M{static get observedAttributes(){return[...super.observedAttributes,"no-subtitles-fallback","default-showing",o.MEDIA_CAPTIONS_LIST,o.MEDIA_CAPTIONS_SHOWING,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}constructor(e={}){super({slotTemplate:Fa,...e});this._captionsReady=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",x.CLOSED_CAPTIONS()),Ka(this)}attributeChangedCallback(e,a,i){if([o.MEDIA_CAPTIONS_SHOWING,o.MEDIA_SUBTITLES_SHOWING].includes(e)&&Ka(this),this.hasAttribute("default-showing")&&this.getAttribute("aria-checked")!=="true"){let s=!this.hasAttribute("no-subtitles-fallback");if((s?[o.MEDIA_CAPTIONS_LIST,o.MEDIA_SUBTITLES_LIST]:[o.MEDIA_CAPTIONS_LIST]).includes(e)){let n=!!this.getAttribute(o.MEDIA_CAPTIONS_LIST)||!!(s&&this.getAttribute(o.MEDIA_SUBTITLES_LIST));this._captionsReady!==n&&(this._captionsReady=n,this._captionsReady&&this.handleClick())}}super.attributeChangedCallback(e,a,i)}handleClick(e){var a,i,s,n;if(za(this)){let r=this.getAttribute(o.MEDIA_CAPTIONS_SHOWING);if(r){let c=new m.CustomEvent(p.MEDIA_DISABLE_CAPTIONS_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(c)}let l=this.getAttribute(o.MEDIA_SUBTITLES_SHOWING);if(l&&!this.hasAttribute("no-subtitles-fallback")){let c=new m.CustomEvent(p.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:l});this.dispatchEvent(c)}}else{let[r]=(i=Je((a=this.getAttribute(o.MEDIA_CAPTIONS_LIST))!=null?a:""))!=null?i:[];if(r){let l=new m.CustomEvent(p.MEDIA_SHOW_CAPTIONS_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(l)}else if(this.hasAttribute("no-subtitles-fallback"))console.error("Attempting to enable closed captions but none are available! Please verify your media content if this is unexpected.");else{let[l]=(n=Je((s=this.getAttribute(o.MEDIA_SUBTITLES_LIST))!=null?s:""))!=null?n:[];if(l){let c=new m.CustomEvent(p.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:l});this.dispatchEvent(c)}}}}};u("media-captions-button",Ya);var Vt=30,Uo=`<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="-3 -3 24 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(7.4 17.6)">${Vt}</text><path d="M8.52,3V0l5.61,4-5.61,4V5A5.54,5.54,0,0,0,6.6,15.48V17.6A7.5,7.5,0,0,1,8.52,3Z"/></svg>`,Ga=d.createElement("template");Ga.innerHTML=`  
+  <slot name="forward">${Uo}</slot>
+`;var No=0,Qa=t=>{let e=Math.abs(+t.getAttribute("seek-offset")),a=y.SEEK_FORWARD_N_SECS({seekOffset:e});t.setAttribute("aria-label",a)},qa=t=>{let e=Ze(t,"forward"),a=t.getAttribute("seek-offset");qe(e,a)},Za=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,"seek-offset"]}constructor(e={}){super({slotTemplate:Ga,...e})}connectedCallback(){this.hasAttribute("seek-offset")||this.setAttribute("seek-offset",Vt),Qa(this),qa(this),super.connectedCallback()}attributeChangedCallback(e,a,i){e==="seek-offset"&&(i==null&&this.setAttribute("seek-offset",Vt),qa(this),Qa(this))}handleClick(){let e=this.getAttribute(o.MEDIA_CURRENT_TIME),a=+this.getAttribute("seek-offset"),i=(e&&!Number.isNaN(+e)?+e:No)+a,s=new m.CustomEvent(p.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:i});this.dispatchEvent(s)}};u("media-seek-forward-button",Za);var Oo=`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M0 0h24v24H0z" fill="none"/>
+  <path class="icon" d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
+</svg>`,Po=`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M0 0h24v24H0z" fill="none"/>
+  <path class="icon" d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
+</svg>`,Xa=d.createElement("template");Xa.innerHTML=`
+  <style>
+  :host([${o.MEDIA_IS_FULLSCREEN}]) slot:not([name=exit]) > *, 
+  :host([${o.MEDIA_IS_FULLSCREEN}]) ::slotted(:not([slot=exit])) {
+    display: none;
+  }
+
+  /* Double negative, but safer if display doesn't equal 'block' */
+  :host(:not([${o.MEDIA_IS_FULLSCREEN}])) slot:not([name=enter]) > *, 
+  :host(:not([${o.MEDIA_IS_FULLSCREEN}])) ::slotted(:not([slot=enter])) {
+    display: none;
+  }
+  </style>
+
+  <slot name="enter">${Oo}</slot>
+  <slot name="exit">${Po}</slot>
+`;var Ja=t=>{let e=t.getAttribute(o.MEDIA_IS_FULLSCREEN)!=null?y.EXIT_FULLSCREEN():y.ENTER_FULLSCREEN();t.setAttribute("aria-label",e)},ei=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_FULLSCREEN]}constructor(e={}){super({slotTemplate:Xa,...e})}connectedCallback(){Ja(this),super.connectedCallback()}attributeChangedCallback(e,a,i){e===o.MEDIA_IS_FULLSCREEN&&Ja(this),super.attributeChangedCallback(e,a,i)}handleClick(e){let a=this.getAttribute(o.MEDIA_IS_FULLSCREEN)!=null?p.MEDIA_EXIT_FULLSCREEN_REQUEST:p.MEDIA_ENTER_FULLSCREEN_REQUEST;this.dispatchEvent(new m.CustomEvent(a,{composed:!0,bubbles:!0}))}};u("media-fullscreen-button",ei);var Vo='<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="icon" d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>',ti='<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="icon" d="M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>',$o='<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="icon" d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/><path d="M0 0h24v24H0z" fill="none"/></svg>',ai=d.createElement("template");ai.innerHTML=`
+  <style>
+  /* Default to High slot/icon. */
+  :host(:not([${o.MEDIA_VOLUME_LEVEL}])) slot:not([name=high]) > *, 
+  :host(:not([${o.MEDIA_VOLUME_LEVEL}])) ::slotted(:not([slot=high])),
+  :host([${o.MEDIA_VOLUME_LEVEL}=high]) slot:not([name=high]) > *, 
+  :host([${o.MEDIA_VOLUME_LEVEL}=high]) ::slotted(:not([slot=high])) {
+    display: none;
+  }
+
+  :host([${o.MEDIA_VOLUME_LEVEL}=off]) slot:not([name=off]) > *, 
+  :host([${o.MEDIA_VOLUME_LEVEL}=off]) ::slotted(:not([slot=off])) {
+    display: none;
+  }
+
+  :host([${o.MEDIA_VOLUME_LEVEL}=low]) slot:not([name=low]) > *, 
+  :host([${o.MEDIA_VOLUME_LEVEL}=low]) ::slotted(:not([slot=low])) {
+    display: none;
+  }
+
+  :host([${o.MEDIA_VOLUME_LEVEL}=medium]) slot:not([name=medium]) > *, 
+  :host([${o.MEDIA_VOLUME_LEVEL}=medium]) ::slotted(:not([slot=medium])) {
+    display: none;
+  }
+  </style>
+
+  <slot name="off">${Vo}</slot>
+  <slot name="low">${ti}</slot>
+  <slot name="medium">${ti}</slot>
+  <slot name="high">${$o}</slot>
+`;var ii=t=>{let e=t.getAttribute(o.MEDIA_VOLUME_LEVEL)==="off"?y.UNMUTE():y.MUTE();t.setAttribute("aria-label",e)},si=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME_LEVEL]}constructor(e={}){super({slotTemplate:ai,...e})}connectedCallback(){ii(this),super.connectedCallback()}attributeChangedCallback(e,a,i){e===o.MEDIA_VOLUME_LEVEL&&ii(this),super.attributeChangedCallback(e,a,i)}handleClick(e){let a=this.getAttribute(o.MEDIA_VOLUME_LEVEL)==="off"?p.MEDIA_UNMUTE_REQUEST:p.MEDIA_MUTE_REQUEST;this.dispatchEvent(new m.CustomEvent(a,{composed:!0,bubbles:!0}))}};u("media-mute-button",si);var oi='<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="icon" d="M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98V5c0-1.1-.9-2-2-2zm0 16.01H3V4.98h18v14.03z"/><path d="M0 0h24v24H0z" fill="none"/></svg>',ni=d.createElement("template");ni.innerHTML=`
+  <style>
+  :host([${o.MEDIA_IS_PIP}]) slot:not([name=exit]) > *, 
+  :host([${o.MEDIA_IS_PIP}]) ::slotted(:not([slot=exit])) {
+    display: none;
+  }
+
+  /* Double negative, but safer if display doesn't equal 'block' */
+  :host(:not([${o.MEDIA_IS_PIP}])) slot:not([name=enter]) > *, 
+  :host(:not([${o.MEDIA_IS_PIP}])) ::slotted(:not([slot=enter])) {
+    display: none;
+  }
+  </style>
+
+  <slot name="enter">${oi}</slot>
+  <slot name="exit">${oi}</slot>
+`;var ri=t=>{let e=t.getAttribute(o.MEDIA_IS_PIP)!=null?y.EXIT_PIP():y.ENTER_PIP();t.setAttribute("aria-label",e)},li=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_PIP,o.MEDIA_PIP_UNAVAILABLE]}constructor(e={}){super({slotTemplate:ni,...e})}connectedCallback(){ri(this),super.connectedCallback()}attributeChangedCallback(e,a,i){e===o.MEDIA_IS_PIP&&ri(this),super.attributeChangedCallback(e,a,i)}handleClick(e){let a=this.getAttribute(o.MEDIA_IS_PIP)!=null?p.MEDIA_EXIT_PIP_REQUEST:p.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new m.CustomEvent(a,{composed:!0,bubbles:!0}))}};u("media-pip-button",li);var Bo='<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="icon" d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>',jo='<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="icon" d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>',di=d.createElement("template");di.innerHTML=`
+  <style>
+  :host([${o.MEDIA_PAUSED}]) slot[name=pause] > *, 
+  :host([${o.MEDIA_PAUSED}]) ::slotted([slot=pause]) {
+    display: none;
+  }
+
+  :host(:not([${o.MEDIA_PAUSED}])) slot[name=play] > *, 
+  :host(:not([${o.MEDIA_PAUSED}])) ::slotted([slot=play]) {
+    display: none;
+  }
+  </style>
+
+  <slot name="play">${Bo}</slot>
+  <slot name="pause">${jo}</slot>
+`;var mi=t=>{let e=t.getAttribute(o.MEDIA_PAUSED)!=null?y.PLAY():y.PAUSE();t.setAttribute("aria-label",e)},ci=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PAUSED]}constructor(e={}){super({slotTemplate:di,...e})}connectedCallback(){mi(this),super.connectedCallback()}attributeChangedCallback(e,a,i){e===o.MEDIA_PAUSED&&mi(this),super.attributeChangedCallback(e,a,i)}handleClick(e){let a=this.getAttribute(o.MEDIA_PAUSED)!=null?p.MEDIA_PLAY_REQUEST:p.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new m.CustomEvent(a,{composed:!0,bubbles:!0}))}};u("media-play-button",ci);var ui=[1,1.25,1.5,1.75,2],at=1,hi=d.createElement("template");hi.innerHTML=`
+  <style>
+  :host {
+    font-size: 14px;
+    line-height: 24px;
+    font-weight: bold;
+  }
+
+  #container {
+    height: var(--media-text-content-height, 24px);
+  }
+  </style>
+
+  <span id="container"></span>
+`;var pi=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PLAYBACK_RATE,"rates"]}constructor(e={}){super({slotTemplate:hi,...e});this._rates=ui,this.container=this.shadowRoot.querySelector("#container"),this.container.innerHTML=`${at}x`}attributeChangedCallback(e,a,i){if(e==="rates"){let s=(i!=null?i:"").trim().split(/\s*,?\s+/).map(n=>Number(n)).filter(n=>!Number.isNaN(n)).sort((n,r)=>n-r);this._rates=s.length?s:ui;return}if(e===o.MEDIA_PLAYBACK_RATE){let s=i?+i:Number.NaN,n=Number.isNaN(s)?at:s;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",x.PLAYBACK_RATE({playbackRate:n}));return}super.attributeChangedCallback(e,a,i)}handleClick(e){var a,i;let s=+this.getAttribute(o.MEDIA_PLAYBACK_RATE)||at,n=(i=(a=this._rates.find(l=>l>s))!=null?a:this._rates[0])!=null?i:at,r=new m.CustomEvent(p.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:n});this.dispatchEvent(r)}};u("media-playback-rate-button",pi);var Ei=d.createElement("template");Ei.innerHTML=`
+  <style>
+    :host {
+      pointer-events: none;
+      display: inline-block;
+      box-sizing: border-box;
+  
+      width: auto;
+      height: auto;
+    }
+  
+    img {
+      max-width: 100%;
+      max-height: 100%;
+      min-width: 100%;
+      min-height: 100%;
+      background-size: cover;
+      background-repeat: no-repeat;
+    }
+  
+    :host([${o.MEDIA_HAS_PLAYED}]) img {
+      display: none;
+    }
+  </style>
+
+  <img aria-hidden="true" id="image"/>
+`;var Ho=(t,e)=>{t.style["background-image"]=`url('${e}')`},bi=class extends m.HTMLElement{static get observedAttributes(){return[o.MEDIA_HAS_PLAYED,"placeholder-src","src"]}constructor(){super();this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Ei.content.cloneNode(!0)),this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,a,i){e==="src"&&this.image.setAttribute("src",i),e==="placeholder-src"&&Ho(this.image,i)}};u("media-poster-image",bi);var Wo="video not loaded, unknown time.",$t=t=>{let e=t.range,a=ne(+e.value),i=ne(+e.max),s=a&&i?`${a} of ${i}`:Wo;e.setAttribute("aria-valuetext",s)},gi=d.createElement("template");gi.innerHTML=`
+  <style>
+    #thumbnailContainer {
+      position: absolute;
+      left: 0;
+      top: 0;
+      transition: visibility .25s, opacity .25s;
+      visibility: hidden;
+      opacity: 0;
+    }
+
+    media-thumbnail-preview {
+      --thumb-preview-min-width: var(--media-thumbnail-preview-min-width, 120px);
+      --thumb-preview-max-width: var(--media-thumbnail-preview-max-width, 180px);
+      --thumb-preview-min-height: var(--media-thumbnail-preview-min-height, 80px);
+      --thumb-preview-max-height: var(--media-thumbnail-preview-max-height, 160px);
+      --thumb-preview-border: 2px solid #fff;
+      transform-origin: 50% 100%;
+      position: absolute;
+      bottom: calc(100% + 5px);
+      border: var(--media-thumbnail-preview-border, var(--thumb-preview-border, 2px solid #fff));
+      border-radius: var(--media-thumbnail-preview-border-radius, 2px);
+      background-color: #000;
+    }
+
+    /*
+      This is a downward triangle. Commented out for now because it would also
+      require scaling the px properties below in JS; bottom and border-width.
+    */
+    /* media-thumbnail-preview::after {
+      content: "";
+      display: block;
+      width: 0;
+      height: 0;
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      bottom: -10px;
+      border-left: 10px solid transparent;
+      border-right: 10px solid transparent;
+      border-top: 10px solid #fff;
+    } */
+
+    :host([${o.MEDIA_PREVIEW_IMAGE}]:hover) #thumbnailContainer {
+      transition: visibility .5s, opacity .5s;
+      visibility: visible;
+      opacity: 1;
+    }
+  </style>
+  <div id="thumbnailContainer">
+    <media-thumbnail-preview></media-thumbnail-preview>
+  </div>
+`;var Bt=class extends Ue{static get observedAttributes(){return[...super.observedAttributes,"thumbnails",o.MEDIA_DURATION,o.MEDIA_SEEKABLE,o.MEDIA_CURRENT_TIME,o.MEDIA_PREVIEW_IMAGE,o.MEDIA_BUFFERED]}constructor(){super();this.shadowRoot.appendChild(gi.content.cloneNode(!0)),this.range.addEventListener("input",()=>{let e=this.range.value,a=new m.CustomEvent(p.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(a)}),this.enableThumbnails()}connectedCallback(){this.range.setAttribute("aria-label",x.SEEK()),super.connectedCallback()}attributeChangedCallback(e,a,i){var s,n,r,l,c;e===o.MEDIA_CURRENT_TIME&&(this.range.value=this.mediaCurrentTime,$t(this),this.updateBar()),e===o.MEDIA_DURATION&&(this.range.max=Math.floor((n=(s=this.mediaSeekableEnd)!=null?s:this.mediaDuration)!=null?n:1e3),$t(this),this.updateBar()),e===o.MEDIA_SEEKABLE&&(this.range.min=(r=this.mediaSeekableStart)!=null?r:0,this.range.max=Math.floor((c=(l=this.mediaSeekableEnd)!=null?l:this.mediaDuration)!=null?c:1e3),$t(this),this.updateBar()),e===o.MEDIA_BUFFERED&&this.updateBar(),super.attributeChangedCallback(e,a,i)}get mediaDuration(){let e=this.getAttribute(o.MEDIA_DURATION);return e!=null?+e:void 0}get mediaCurrentTime(){let e=this.getAttribute(o.MEDIA_CURRENT_TIME);return e!=null?+e:void 0}get mediaBuffered(){let e=this.getAttribute(o.MEDIA_BUFFERED);return e?e.split(" ").map(a=>a.split(":").map(i=>+i)):[]}get mediaSeekable(){let e=this.getAttribute(o.MEDIA_SEEKABLE);if(e)return e.split(":").map(a=>+a)}get mediaSeekableEnd(){var e;let[,a]=(e=this.mediaSeekable)!=null?e:[];return a}get mediaSeekableStart(){var e;let[a]=(e=this.mediaSeekable)!=null?e:[];return a}getBarColors(){var e;let a=super.getBarColors(),{range:i}=this,s=this.mediaCurrentTime,n=i.max-i.min,r=this.mediaBuffered;if(!r.length||!Number.isFinite(n)||n<=0)return a;let[,l=i.min]=(e=r.find(([h,E])=>h<=s&&s<=E))!=null?e:[],c=(l-i.min)/n*100;return a.splice(1,0,["var(--media-time-buffered-color, #777)",c]),a}enableThumbnails(){this.thumbnailPreview=this.shadowRoot.querySelector("media-thumbnail-preview"),this.shadowRoot.querySelector("#thumbnailContainer").classList.add("enabled");let e,a=()=>{e=r=>{let l=+this.getAttribute(o.MEDIA_DURATION);if(!l)return;let c=this.range.getBoundingClientRect(),h=(r.clientX-c.left)/c.width;h=Math.max(0,Math.min(1,h));let E=c.left-this.getBoundingClientRect().left+h*c.width,T=getComputedStyle(this.thumbnailPreview),S=parseInt(T.getPropertyValue("--thumb-preview-min-width")),w=parseInt(T.getPropertyValue("--thumb-preview-max-width")),U=parseInt(T.getPropertyValue("--thumb-preview-min-height")),A=parseInt(T.getPropertyValue("--thumb-preview-max-height")),{clientWidth:O,clientHeight:Q}=this.thumbnailPreview,q=Math.min(w/O,A/Q),Le=Math.max(S/O,U/Q),ze=E-O/2,fe=q<1?q:Le>1?Le:1;this.thumbnailPreview.style.transform=`translateX(${ze}px) scale(${fe})`;let ie=parseInt(T.getPropertyValue("--media-thumbnail-preview-border"));Number.isNaN(ie)&&(ie=parseInt(T.getPropertyValue("--thumb-preview-border"))),this.thumbnailPreview.style.borderWidth=`${Math.round(ie/fe)}px`,this.thumbnailPreview.style.borderRadius=`${Math.round(ie/fe)}px`;let Ye=h*l,Ge=new m.CustomEvent(p.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:Ye});this.dispatchEvent(Ge)},m.addEventListener("pointermove",e,!1)},i=()=>{m.removeEventListener("pointermove",e);let r=new m.CustomEvent(p.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:null});this.dispatchEvent(r)},s=!1,n=r=>{let l=this.getAttribute(o.MEDIA_DURATION);if(!s&&l){s=!0,a();let c=h=>{h.composedPath().includes(this)||(m.removeEventListener("pointermove",c),s=!1,i())};m.addEventListener("pointermove",c,!1)}};this.addEventListener("pointermove",n,!1)}};u("media-time-range",Bt);var jt=Bt;var fi=class extends jt{constructor(){super();console.warn("MediaChrome: <media-progress-range> is deprecated. Use <media-time-range> instead.")}};u("media-progress-range",fi);var Ht=30,Fo=`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="-3 -3 24 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(1.68 17.6)">${Ht}</text><path d="M9.48,3V0L3.87,4l5.61,4V5a5.54,5.54,0,0,1,1.92,10.5V17.6A7.5,7.5,0,0,0,9.48,3Z"/></svg>`,vi=d.createElement("template");vi.innerHTML=`  
+  <slot name="backward">${Fo}</slot>
+`;var Ko=0,Ai=t=>{let e=Math.abs(+t.getAttribute("seek-offset")),a=y.SEEK_BACK_N_SECS({seekOffset:e});t.setAttribute("aria-label",a)},Ii=t=>{let e=Ze(t,"backward"),a=t.getAttribute("seek-offset");qe(e,a)},Ti=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME]}constructor(e={}){super({slotTemplate:vi,...e})}connectedCallback(){this.hasAttribute("seek-offset")||this.setAttribute("seek-offset",Ht),Ai(this),Ii(this),super.connectedCallback()}attributeChangedCallback(e,a,i){e==="seek-offset"&&(i==null&&this.setAttribute("seek-offset",Ht),Ii(this),Ai(this))}handleClick(){let e=this.getAttribute(o.MEDIA_CURRENT_TIME),a=+this.getAttribute("seek-offset"),i=e&&!Number.isNaN(+e)?+e:Ko,s=Math.max(i-a,0),n=new m.CustomEvent(p.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:s});this.dispatchEvent(n)}};u("media-seek-backward-button",Ti);var yi=d.createElement("template");yi.innerHTML=`
+  <style>
+    :host {
+      background-color: #000;
+      height: auto;
+      width: auto;
+    }
+
+    img {
+      display: block;
+      object-fit: none;
+    }
+  </style>
+  <img crossorigin loading="eager" decoding="async" />
+`;var _i=class extends m.HTMLElement{static get observedAttributes(){return[o.MEDIA_CONTROLLER,"time",o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS]}constructor(){super();this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(yi.content.cloneNode(!0))}connectedCallback(){var e;let a=this.getAttribute(o.MEDIA_CONTROLLER);if(a){let i=d.getElementById(a);(e=i==null?void 0:i.associateElement)==null||e.call(i,this)}}disconnectedCallback(){var e;if(this.getAttribute(o.MEDIA_CONTROLLER)){let a=d.getElementById(mediaControllerId);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}attributeChangedCallback(e,a,i){var s,n;if(["time",o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===o.MEDIA_CONTROLLER){if(a){let r=d.getElementById(a);(s=r==null?void 0:r.unassociateElement)==null||s.call(r,this)}if(i){let r=d.getElementById(i);(n=r==null?void 0:r.associateElement)==null||n.call(r,this)}}}update(){let e=this.getAttribute(o.MEDIA_PREVIEW_COORDS),a=this.getAttribute(o.MEDIA_PREVIEW_IMAGE);if(!(e&&a))return;let i=this.shadowRoot.querySelector("img"),[s,n,r,l]=e.split(/\s+/).map(E=>+E),c=a,h=()=>{i.style.height=`${l}px`,i.style["aspect-ratio"]=`${r} / ${l}`};i.src!==c&&(i.onload=h,i.src=c,h()),h(),i.style["object-position"]=`-${s}px -${n}px`}};u("media-thumbnail-preview",_i);var Mi=d.createElement("template"),zo=`
+<svg aria-hidden="true" viewBox="0 0 100 100">
+  <path d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
+    <animateTransform
+       attributeName="transform"
+       attributeType="XML"
+       type="rotate"
+       dur="1s"
+       from="0 50 50"
+       to="360 50 50"
+       repeatCount="indefinite" />
+  </path>
+</svg>
+`;Mi.innerHTML=`
+<style>
+:host {
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+}
+
+#status {
+  color: rgba(0,0,0,0);
+  width: 0px;
+  height: 0px;
+}
+
+:host slot[name=loading] > *,
+:host ::slotted([slot=loading]) {
+  opacity: 1;
+  transition: opacity 0.15s;
+}
+
+:host(:not([is-loading])) slot[name=loading] > *, 
+:host(:not([is-loading])) ::slotted([slot=loading]) {
+  opacity: 0;
+}
+
+:host(:not([is-loading])) #status {
+  display: none;
+}
+
+svg, img, ::slotted(svg), ::slotted(img) {
+  width: var(--media-loading-icon-width, 100px);
+  height: var(--media-loading-icon-height);
+  fill: var(--media-icon-color, #fff);
+  vertical-align: middle;
+}
+</style>
+
+<slot name="loading">${zo}</slot>
+<div id="status" role="status" aria-live="polite">${x.MEDIA_LOADING()}</div>
+`;var Yo=500,Si=class extends m.HTMLElement{static get observedAttributes(){return[o.MEDIA_CONTROLLER,o.MEDIA_PAUSED,o.MEDIA_LOADING,"loading-delay"]}constructor(){super();let e=this.attachShadow({mode:"open"}),a=Mi.content.cloneNode(!0);e.appendChild(a)}attributeChangedCallback(e,a,i){var s,n,r;if(e===o.MEDIA_LOADING||e===o.MEDIA_PAUSED){let l=this.getAttribute(o.MEDIA_PAUSED)!=null,c=this.getAttribute(o.MEDIA_LOADING)!=null,h=!l&&c;if(!h)this.loadingDelayHandle&&(clearTimeout(this.loadingDelayHandle),this.loadingDelayHandle=void 0),this.removeAttribute("is-loading");else if(!this.loadingDelayHandle&&h){let E=+((s=this.getAttribute("loading-delay"))!=null?s:Yo);this.loadingDelayHandle=setTimeout(()=>{this.setAttribute("is-loading",""),this.loadingDelayHandle=void 0},E)}}else if(e===o.MEDIA_CONTROLLER){if(a){let l=d.getElementById(a);(n=l==null?void 0:l.unassociateElement)==null||n.call(l,this)}if(i){let l=d.getElementById(i);(r=l==null?void 0:l.associateElement)==null||r.call(l,this)}}}connectedCallback(){var e;let a=this.getAttribute(o.MEDIA_CONTROLLER);if(a){let i=d.getElementById(a);(e=i==null?void 0:i.associateElement)==null||e.call(i,this)}}disconnectedCallback(){var e;if(this.loadingDelayHandle&&(clearTimeout(this.loadingDelayHandle),this.loadingDelayHandle=void 0),this.getAttribute(o.MEDIA_CONTROLLER)){let a=d.getElementById(mediaControllerId);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}};u("media-loading-indicator",Si);var Ci=d.createElement("template");Ci.innerHTML=`
+  <style>
+    :host {
+
+    }
+  </style>
+
+  <slot></slot>
+`;var Li=class extends m.HTMLElement{constructor(){super();this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Ci.content.cloneNode(!0))}};u("media-title-bar",Li);var Go=100,Qo=t=>{var e;if(t.getAttribute(o.MEDIA_MUTED)!=null)return 0;let a=+((e=t.getAttribute(o.MEDIA_VOLUME))!=null?e:1);return Math.round(a*t.range.max)},qo=({value:t,max:e})=>`${Math.round(t/e*100)}%`,ki=class extends Ue{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME,o.MEDIA_MUTED,o.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super();this.range.max=Go,this.range.addEventListener("input",()=>{let e=this.range.value/this.range.max,a=new m.CustomEvent(p.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(a)})}connectedCallback(){this.range.setAttribute("aria-label",x.VOLUME()),super.connectedCallback()}attributeChangedCallback(e,a,i){if(e===o.MEDIA_VOLUME||e===o.MEDIA_MUTED){let s=Qo(this);this.range.value=s,this.range.setAttribute("aria-valuetext",qo(this.range)),this.updateBar()}super.attributeChangedCallback(e,a,i)}};u("media-volume-range",ki);var Zo=Object.defineProperty,Xo=(t,e,a)=>e in t?Zo(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a,Jo=(t,e,a)=>(Xo(t,typeof e!="symbol"?e+"":e,a),a),Wt=class extends m.HTMLElement{constructor(){super();this.attachShadow({mode:"open"})}connectedCallback(){this.render()}render(){this.shadowRoot.textContent="";let e=d.createElement("template");e.innerHTML=this.constructor.template,this.shadowRoot.append(e.content.cloneNode(!0))}get mediaController(){return this.shadowRoot.querySelector("media-controller")}};Jo(Wt,"template",""),u("media-theme",Wt);var xi=class extends Re{};m.customElements.get("media-chrome")||m.customElements.define("media-chrome",xi);var Di=class extends Re{constructor(){super();console.warn("MediaChrome: <media-container> is deprecated. Use <media-controller>.")}};m.customElements.get("media-container")||m.customElements.define("media-container",Di);var it=new Map;function st(t){if(it.has(t))return it.get(t);let e=t.length,a=0,i=0,s=0,n=[];for(let r=0;r<e;r+=1){let l=t[r],c=t[r+1],h=t[r-1];l==="{"&&c==="{"&&h!=="\\"?(s+=1,s===1&&(i=r),r+=1):l==="}"&&c==="}"&&h!=="\\"&&s&&(s-=1,s===0&&(i>a&&(n.push(Object.freeze({type:"string",start:a,end:i,value:t.slice(a,i)})),a=i),n.push(Object.freeze({type:"part",start:i,end:r+2,value:t.slice(a+2,r).trim()})),r+=1,a=r+1))}return a<e&&n.push(Object.freeze({type:"string",start:a,end:e,value:t.slice(a,e)})),it.set(t,Object.freeze(n)),it.get(t)}var le=new WeakMap,wi=new WeakMap,B=class{constructor(e,a){this.expression=a,le.set(this,e),e.updateParent("")}get attributeName(){return le.get(this).attr.name}get attributeNamespace(){return le.get(this).attr.namespaceURI}get value(){return wi.get(this)}set value(e){wi.set(this,e||""),le.get(this).updateParent(e)}get element(){return le.get(this).element}get booleanValue(){return le.get(this).booleanValue}set booleanValue(e){le.get(this).booleanValue=e}},ot=class{constructor(e,a){this.element=e,this.attr=a,this.partList=[]}get booleanValue(){return this.element.hasAttributeNS(this.attr.namespaceURI,this.attr.name)}set booleanValue(e){if(this.partList.length!==1)throw new DOMException("Operation not supported","NotSupportedError");this.partList[0].value=e?"":null}append(e){this.partList.push(e)}updateParent(e){if(this.partList.length===1&&e===null)this.element.removeAttributeNS(this.attr.namespaceURI,this.attr.name);else{let a=this.partList.map(i=>typeof i=="string"?i:i.value).join("");this.element.setAttributeNS(this.attr.namespaceURI,this.attr.name,a)}}};var J=new WeakMap,Y=class{constructor(e,a){this.expression=a,J.set(this,[e]),e.textContent=""}get value(){return J.get(this).map(e=>e.textContent).join("")}set value(e){this.replace(e)}get previousSibling(){return J.get(this)[0].previousSibling}get nextSibling(){return J.get(this)[J.get(this).length-1].nextSibling}replace(...e){let a=e.map(i=>typeof i=="string"?new Text(i):i);a.length||a.push(new Text("")),J.get(this)[0].before(...a);for(let i of J.get(this))i.remove();J.set(this,a)}};function Ne(t){return{processCallback(e,a,i){var s;if(!(typeof i!="object"||!i)){for(let n of a)if(n.expression in i){let r=(s=i[n.expression])!==null&&s!==void 0?s:"";t(n,r)}}}}}function Ft(t,e){t.value=String(e)}function Ri(t,e){return typeof e=="boolean"&&t instanceof B&&typeof t.element[t.attributeName]=="boolean"?(t.booleanValue=e,!0):!1}var Kt=Ne(Ft),en=Ne((t,e)=>{Ri(t,e)||Ft(t,e)});function*tn(t){let e=t.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_TEXT|NodeFilter.SHOW_ELEMENT,null,!1),a;for(;a=e.nextNode();)if(a instanceof Element&&a.hasAttributes())for(let i=0;i<a.attributes.length;i+=1){let s=a.attributes.item(i);if(s&&s.value.includes("{{")){let n=new ot(a,s);for(let r of st(s.value))if(r.type==="string")n.append(r.value);else{let l=new B(n,r.value);n.append(l),yield l}}}else if(a instanceof Text&&a.textContent&&a.textContent.includes("{{")){let i=st(a.textContent);for(let s=0;s<i.length;s+=1){let n=i[s];n.end<a.textContent.length&&a.splitText(n.end),n.type==="part"&&(yield new Y(a,n.value));break}}}var nt=new WeakMap,rt=new WeakMap,ee=class extends DocumentFragment{constructor(e,a,i=Kt){var s,n;super();Object.getPrototypeOf(this)!==ee.prototype&&Object.setPrototypeOf(this,ee.prototype),this.appendChild(e.content.cloneNode(!0)),rt.set(this,Array.from(tn(this))),nt.set(this,i),(n=(s=nt.get(this)).createCallback)===null||n===void 0||n.call(s,this,rt.get(this),a),nt.get(this).processCallback(this,rt.get(this),a)}update(e){nt.get(this).processCallback(this,rt.get(this),e)}};var Oe=new WeakMap,lt=class{constructor(e,a){this.element=e;this.type=a;this.element.addEventListener(this.type,this);let i=Oe.get(this.element);i&&i.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=Oe.get(this.element);a&&a.delete(this.type)}}static for(e){Oe.has(e.element)||Oe.set(e.element,new Map);let a=e.attributeName.slice(2),i=Oe.get(e.element);return i&&i.has(a)?i.get(a):new lt(e.element,a)}};function an(t,e){return t instanceof B&&t.attributeName.startsWith("on")?(lt.for(t).set(e),t.element.removeAttributeNS(t.attributeNamespace,t.attributeName),!0):!1}function sn(t,e){return e instanceof Yt&&t instanceof Y?(e.renderInto(t),!0):!1}function on(t,e){return e instanceof DocumentFragment&&t instanceof Y?(e.childNodes.length&&t.replace(...e.childNodes),!0):!1}function nn(t,e){if(t instanceof B){let a=t.attributeNamespace,i=t.element.getAttributeNS(a,t.attributeName);return String(e)!==i&&(t.value=String(e)),!0}return t.value=String(e),!0}function rn(t,e){if(typeof e=="boolean"&&t instanceof B){let a=t.attributeNamespace,i=t.element.hasAttributeNS(a,t.attributeName);return e!==i&&(t.booleanValue=e),!0}return!1}function ln(t,e){return e===!1&&t instanceof Y?(t.replace(""),!0):!1}function dn(t,e){rn(t,e)||an(t,e)||ln(t,e)||sn(t,e)||on(t,e)||nn(t,e)}var zt=new WeakMap,Ui=new WeakMap,Ni=new WeakMap,Yt=class{constructor(e,a,i){this.strings=e;this.values=a;this.processor=i}get template(){if(zt.has(this.strings))return zt.get(this.strings);{let e=document.createElement("template"),a=this.strings.length-1;return e.innerHTML=this.strings.reduce((i,s,n)=>i+s+(n<a?`{{ ${n} }}`:""),""),zt.set(this.strings,e),e}}renderInto(e){let a=this.template;if(Ui.get(e)!==a){Ui.set(e,a);let s=new ee(a,this.values,this.processor);Ni.set(e,s),e instanceof Y?e.replace(...s.children):e.appendChild(s);return}let i=Ni.get(e);i&&i.update(this.values)}},mn=Ne(dn);function b(t,...e){return new Yt(t,e,mn)}function Pe(t,e){t.renderInto(e)}function D(t,e){let a=document.createElement("template");return a.innerHTML=t,new ee(a,e)}var Oi=`
+  :host {
+    cursor: pointer;
+  }
+  media-time-display {
+    color: inherit;
+  }
+`,Pi=document.createElement("template");Pi.innerHTML=`
+  <style>
+    ${Oi}
+  </style>
+  <media-time-display show-duration></media-time-display>
+`;var Vi=["Enter"," "],Ve=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,i;((e=this.timeDisplayEl)==null?void 0:e.hasAttribute("remaining"))?(a=this.timeDisplayEl)==null||a.removeAttribute("remaining"):(i=this.timeDisplayEl)==null||i.setAttribute("remaining","")}connectedCallback(){let e=a=>{let{key:i}=a;if(!Vi.includes(i)){this.removeEventListener("keyup",e);return}this.toggleTimeDisplay()};this.addEventListener("keydown",a=>{let{metaKey:i,altKey:s,key:n}=a;if(i||s||!Vi.includes(n)){this.removeEventListener("keyup",e);return}this.addEventListener("keyup",e)}),this.addEventListener("click",this.toggleTimeDisplay)}};Ve.styles=Oi,Ve.template=Pi;globalThis.customElements.get("mxp-time-display")||(globalThis.customElements.define("mxp-time-display",Ve),globalThis.MxpTimeDisplay=Ve);var $i=`: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 Bi=`<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 ji=`<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 Hi=`<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 Wi=`<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 Fi=`<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 Ki=`<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 zi=`<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 Yi=`<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 Gi=`<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 Qi=`<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 qi=`<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 Zi=`<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 Xi=`<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 Ji=`<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 es=`<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 ts=()=>D(Bi),as=()=>D(ji),is=()=>D(Hi),ss=()=>D(Wi),os=()=>D(Fi),ns=()=>D(Ki),rs=()=>D(zi),ls=()=>D(Yi),ds=()=>D(Gi),ms=t=>D(Qi,t),cs=t=>D(qi,t),us=()=>D(Zi),hs=()=>D(Xi),ps=()=>D(Ji),Es=()=>D(es);var V=Z(require("@mux/playback-core")),G={LG:"large",SM:"small",XS:"extra-small"},bs=t=>b`
+  <style>
+    ${$i}
+  </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>
+    ${Cn(t)}
+    <slot></slot>
+  </media-controller>
+`,Cn=t=>{let{streamType:e,playerSize:a,audio:i}=t;if(i)switch(e){case V.StreamTypes.LIVE:case V.StreamTypes.LL_LIVE:return xn(t);case V.StreamTypes.DVR:case V.StreamTypes.LL_DVR:return kn(t);case V.StreamTypes.ON_DEMAND:default:return Ln(t)}switch(e){case V.StreamTypes.LIVE:case V.StreamTypes.LL_LIVE:switch(a){case G.LG:return Nn(t);case G.SM:return Un(t);case G.XS:return Rn(t)}case V.StreamTypes.DVR:case V.StreamTypes.LL_DVR:switch(a){case G.LG:return Vn(t);case G.SM:return Pn(t);case G.XS:return On(t)}case V.StreamTypes.ON_DEMAND:default:switch(a){case G.LG:return wn(t);case G.SM:return Dn(t);case G.XS:return Gt(t)}}},N=()=>b`
+  <media-play-button>
+    ${ds()}
+    ${ns()}
+  </media-play-button>
+`,Te=t=>b`
+  <media-seek-backward-button seek-offset="${t.backwardSeekOffset}">
+    ${ms({value:t.backwardSeekOffset})}
+  </media-seek-backward-button>
+`,ye=t=>b`
+  <media-seek-forward-button seek-offset="${t.forwardSeekOffset}">
+    ${cs({value:t.forwardSeekOffset})}
+  </media-seek-forward-button>
+`,j=()=>b`
+  <media-mute-button>
+    ${us()}
+    ${ps()}
+    ${hs()}
+    ${Es()}
+  </media-mute-button>
+`,de=t=>b`
+<media-captions-button default-showing="${!t.defaultHiddenCaptions}" >
+  ${as()}
+  ${is()}
+</media-captions-button>`,H=()=>b`
+<media-airplay-button>
+  ${ts()}
+</media-airplay-button>`,me=()=>b`
+<media-pip-button>
+  ${rs()}
+  ${ls()}
+</media-pip-button>`,ce=()=>b`
+<media-fullscreen-button>
+  ${ss()}
+  ${os()}
+</media-fullscreen-button>`,Ln=t=>b`
+  <media-control-bar>
+    ${N()} ${Te(t)} ${ye(t)}
+    <mxp-time-display></mxp-time-display>
+    <media-time-range></media-time-range>
+    ${j()}
+    <media-volume-range></media-volume-range>
+    <media-playback-rate-button></media-playback-rate-button>
+    ${H()}
+    <media-cast-button></media-cast-button>
+  </media-control-bar>
+`,kn=t=>b`
+  <media-control-bar>
+    ${N()}
+    <slot name="seek-to-live-button"></slot>
+    ${Te(t)} ${ye(t)}
+    <mxp-time-display></mxp-time-display>
+    <media-time-range></media-time-range>
+    ${j()}
+    <media-volume-range></media-volume-range>
+    <media-playback-rate-button></media-playback-rate-button>
+    ${H()}
+    <media-cast-button></media-cast-button>
+  </media-control-bar>
+`,xn=t=>b`
+  <media-control-bar>
+    ${N()}
+    <slot name="seek-to-live-button"></slot>
+    ${j()}
+    <media-volume-range></media-volume-range>
+    ${H()}
+    <media-cast-button></media-cast-button>
+  </media-control-bar>
+`,Gt=t=>b`
+  <media-control-bar slot="top-chrome">
+    ${t.hasCaptions?de(t):b``}
+    <div class="mxp-spacer"></div>
+    ${H()}
+    <media-cast-button></media-cast-button>
+    ${me()}
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${N()}
+  </div>
+  <media-control-bar>
+    ${j()}
+    <div class="mxp-spacer"></div>
+    ${ce()}
+  </media-control-bar>
+`,Dn=t=>b`
+  <media-control-bar slot="top-chrome" style="justify-content: flex-end;">
+    ${t.hasCaptions?de(t):b``}
+    ${H()}
+    <media-cast-button></media-cast-button>
+    ${me()}
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${Te(t)}
+    ${N()}
+    ${ye(t)}
+  </div>
+  <media-time-range></media-time-range>
+  <media-control-bar>
+    <mxp-time-display></mxp-time-display>
+    ${j()}
+    <media-volume-range></media-volume-range>
+    <div class="mxp-spacer"></div>
+    <media-playback-rate-button></media-playback-rate-button>
+    ${ce()}
+    <div class="mxp-padding-2"></div>
+  </media-control-bar>
+`,wn=t=>b`
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${N()}
+  </div>
+  <media-time-range></media-time-range>
+  <media-control-bar>
+    ${N()}
+    ${Te(t)}
+    ${ye(t)}
+    <mxp-time-display></mxp-time-display>
+    ${j()}
+    <media-volume-range></media-volume-range>
+    <div class="mxp-spacer"></div>
+    <media-playback-rate-button></media-playback-rate-button>
+    ${t.hasCaptions?de(t):b``}
+    ${H()}
+    <media-cast-button></media-cast-button>
+    ${me()}
+    ${ce()}
+    <div class="mxp-padding-2"></div>
+  </media-control-bar>
+`,Rn=Gt,Un=t=>b`
+  <media-control-bar slot="top-chrome">
+    <slot name="seek-to-live-button"></slot>
+    <div class="mxp-spacer"></div>
+    ${t.hasCaptions?de(t):b``}
+    ${H()}
+    <media-cast-button></media-cast-button>
+    ${me()}
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${N()}
+  </div>
+  <media-control-bar>
+    ${j()}
+    <media-volume-range></media-volume-range>
+    <div class="mxp-spacer"></div>
+    ${ce()}
+  </media-control-bar>
+`,Nn=t=>b`
+  <media-control-bar slot="top-chrome">
+    <slot name="seek-to-live-button"></slot>
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${N()}
+  </div>
+  <media-control-bar>
+    ${j()}
+    <media-volume-range></media-volume-range>
+    <div class="mxp-spacer"></div>
+    ${t.hasCaptions?de(t):b``}
+    ${H()}
+    <media-cast-button></media-cast-button>
+    ${me()}
+    ${ce()}
+  </media-control-bar>
+`,On=Gt,Pn=t=>b`
+  <media-control-bar slot="top-chrome" style="justify-content: flex-end;">
+    ${t.hasCaptions?de(t):b``}
+    ${H()}
+    <media-cast-button></media-cast-button>
+    ${me()}
+  </media-control-bar>
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${Te(t)}
+    ${N()}
+    ${ye(t)}
+  </div>
+  <media-time-range></media-time-range>
+  <media-control-bar>
+    ${j()}
+    <media-volume-range></media-volume-range>
+    <slot name="seek-to-live-button"></slot>
+    <div class="mxp-spacer"></div>
+    ${ce()}
+    <div class="mxp-padding-2"></div>
+  </media-control-bar>
+`,Vn=t=>b`
+  <div slot="centered-chrome" class="mxp-center-controls">
+    ${N()}
+  </div>
+  <media-time-range></media-time-range>
+  <media-control-bar>
+    ${N()}
+    ${Te(t)}
+    ${ye(t)}
+    ${j()}
+    <media-volume-range></media-volume-range>
+    <slot name="seek-to-live-button"></slot>
+    <div class="mxp-spacer"></div>
+    ${t.hasCaptions?de(t):b``}
+    ${H()}
+    <media-cast-button></media-cast-button>
+    ${me()}
+    ${ce()}
+    <div class="mxp-padding-2"></div>
+  </media-control-bar>
+`;function gs(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 Qt=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"}),Pe(bs(gs(this)),this.shadowRoot)}attributeChangedCallback(){Pe(bs(gs(this)),this.shadowRoot)}};customElements.get("media-theme-mux")||customElements.define("media-theme-mux",Qt);var fs=Qt;var be=Z(require("@mux/mux-video")),F=Z(require("@mux/playback-core"));var Rs=Z(require("@mux/mux-video"));var $n="en",ue={code:$n};var vs="en";function g(t,e=!0){var s,n;let a=e&&(n=(s=ue)==null?void 0:s[t])!=null?n:t,i=e?ue.code:vs;return new As(a,i)}var As=class{constructor(e,a=(i=>(i=ue.code)!=null?i:vs)()){this.message=e,this.locale=a}format(e){return this.message.replace(/\{(\w+)\}/g,(a,i)=>{var s;return(s=e[i])!=null?s:""})}toString(){return this.message}};function Is(t){let e="";return Object.entries(t).forEach(([a,i])=>{i!=null&&(e+=`${Bn(a)}: ${i}; `)}),e?e.trim():void 0}function Bn(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Ts(t){return t.replace(/[-_]([a-z])/g,(e,a)=>a.toUpperCase())}function $e(t){if(t==null)return;let e=+t;return Number.isNaN(e)?void 0:e}function dt(t){let e=jn(t).toString();return e?"?"+e:""}function jn(t){let e={};for(let a in t)t[a]!=null&&(e[a]=t[a]);return new URLSearchParams(e)}function Be(t){let a=t.split(".")[1].replace(/-/g,"+").replace(/_/g,"/"),i=decodeURIComponent(atob(a).split("").map(function(s){return"%"+("00"+s.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(i)}var qt=(t,e)=>!t||!e?!1:t.contains(e)?!0:qt(t,e.getRootNode().host);var je=Z(require("@mux/playback-core")),Zt="mux.com",Hn=()=>{try{return"0.1.0-beta.21"}catch{}return"UNKNOWN"},Wn=Hn(),mt=()=>Wn,Xt=(t,{token:e,domain:a=Zt}={})=>`https://stream.${a}/${t}.m3u8${dt(!!e?{token:e}:{redundant_streams:!0})}`,ys=(t,{token:e,thumbnailTime:a,domain:i=Zt}={})=>{let s=e==null?a:void 0;return`https://image.${i}/${t}/thumbnail.jpg${dt({token:e,time:s})}`},_s=(t,{token:e,domain:a=Zt}={})=>`https://image.${a}/${t}/storyboard.vtt${dt({token:e})}`,Fn={crossorigin:"crossOrigin",playsinline:"playsInline"};function Ms(t){var e;return(e=Fn[t])!=null?e:Ts(t)}var ct,Kn=(t="video")=>ct||(typeof window!="undefined"&&(ct=document.createElement(t)),ct),Ss=async(t=Kn())=>{if(!t)return!1;let e=t.volume;return t.volume=e/2+.1,new Promise((a,i)=>{setTimeout(()=>{a(t.volume!==e)},0)})};function Cs(t){var e,a;return Array.from((a=(e=t.media)==null?void 0:e.textTracks)!=null?a:[]).filter(({kind:i})=>i==="subtitles"||i==="captions")}var Ls=t=>{var a,i;let{media:e}=t;return(i=(a=e==null?void 0:e._hls)==null?void 0:a.liveSyncPosition)!=null?i:(e==null?void 0:e.seekable.length)?e==null?void 0:e.seekable.end(e.seekable.length-1):void 0},Jt=t=>{let e=Ls(t);if(e==null){console.warn("attempting to seek to live but cannot determine live edge time!");return}t.currentTime=e},zn=1,Yn=5,ks=3,xs=.5,Ds=t=>{var n;let{streamType:e}=t,a=Ls(t),i=(n=t.media)==null?void 0:n.currentTime;if(a==null||i==null)return!1;let s=a-i;return e===je.StreamTypes.LL_LIVE||e===je.StreamTypes.LL_DVR?s<=zn*(ks+xs):e===je.StreamTypes.LIVE||e===je.StreamTypes.DVR?s<=Yn*(ks+xs):!1};var ws=`[mux-player ${mt()}]`;function W(...t){console.warn(ws,...t)}function he(...t){console.error(ws,...t)}function ut(t){var a;let e=(a=t.message)!=null?a:"";if(t.file){let i="https://github.com/muxinc/elements/blob/main/errors/";e+=` ${g("Read more: ")}
+${i}${t.file}`}W(e)}var _={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",SRC:"src",POSTER:"poster",PRELOAD:"preload"},ht={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},Gn=Rs.VideoEvents.filter(t=>t!=="error"),Qn=Object.values(_),qn=Object.values(ht);function Us(t){t.querySelectorAll(":scope > track").forEach(e=>{var a;(a=t.media)==null||a.append(e.cloneNode())}),Gn.forEach(e=>{var a;(a=t.media)==null||a.addEventListener(e,i=>{t.dispatchEvent(new Event(i.type))})})}var Ns=class extends HTMLElement{static get observedAttributes(){return[...Qn,...qn]}constructor(){super();this.querySelectorAll(":scope > track").forEach(i=>{var s;(s=this.media)==null||s.append(i.cloneNode())});let e=i=>{for(let s of i)s.type==="childList"&&(s.removedNodes.forEach(n=>{var l,c;let r=(l=this.media)==null?void 0:l.querySelector(`track[src="${n.src}"]`);r&&((c=this.media)==null||c.removeChild(r))}),s.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,i){switch(e){case ht.MUTED:{this.media&&(this.media.muted=i!=null);return}case ht.VOLUME:{let s=+i;this.media&&!Number.isNaN(s)&&(this.media.volume=s);return}case ht.PLAYBACKRATE:{let s=+i;this.media&&!Number.isNaN(s)&&(this.media.playbackRate=s);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 W("<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 te(this,_.SRC)}set src(e){this.setAttribute(_.SRC,`${e}`)}get poster(){var e;return(e=te(this,_.POSTER))!=null?e:""}set poster(e){this.setAttribute(_.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 te(this,_.CROSSORIGIN)}set crossOrigin(e){this.setAttribute(_.CROSSORIGIN,`${e}`)}get autoplay(){return te(this,_.AUTOPLAY)!=null}set autoplay(e){e?this.setAttribute(_.AUTOPLAY,typeof e=="string"?e:""):this.removeAttribute(_.AUTOPLAY)}get loop(){return te(this,_.LOOP)!=null}set loop(e){e?this.setAttribute(_.LOOP,""):this.removeAttribute(_.LOOP)}get muted(){return te(this,_.MUTED)!=null}set muted(e){e?this.setAttribute(_.MUTED,""):this.removeAttribute(_.MUTED)}get playsInline(){return te(this,_.PLAYSINLINE)!=null}set playsInline(e){e?this.setAttribute(_.PLAYSINLINE,""):this.removeAttribute(_.PLAYSINLINE)}get preload(){return te(this,_.PRELOAD)}set preload(e){e?this.setAttribute(_.PRELOAD,e):this.removeAttribute(_.PRELOAD)}};function te(t,e){return t.media?t.media.getAttribute(e):t.getAttribute(e)}var ea=Ns;var Os=`
+  :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;
+  }
+`,Ps=document.createElement("template");Ps.innerHTML=`
+  <style>
+    ${Os}
+  </style>
+
+  <div class="dialog">
+    <slot></slot>
+  </div>
+`;var pe=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})),Vs(this)}close(){!this.hasAttribute("open")||(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),Zn(this))}attributeChangedCallback(e,a,i){e==="open"&&a!==i&&(i!=null?this.show():this.close())}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("open")&&Vs(this)}};pe.styles=Os,pe.template=Ps,pe.observedAttributes=["open"];function Vs(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=$s(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 $s(t){let a=["button","input","keygen","select","textarea"].map(function(s){return s+":not([disabled])"});a.push('[tabindex]:not([disabled]):not([tabindex=""])');let i=t==null?void 0:t.querySelector(a.join(", "));if(!i&&"attachShadow"in Element.prototype){let s=(t==null?void 0:t.querySelectorAll("*"))||[];for(let n=0;n<s.length&&!(s[n].tagName&&s[n].shadowRoot&&(i=$s(s[n].shadowRoot),i));n++);}return i}function Zn(t){t._previouslyFocusedElement instanceof HTMLElement&&t._previouslyFocusedElement.focus()}globalThis.customElements.get("media-dialog")||(globalThis.customElements.define("media-dialog",pe),globalThis.MediaDialog=pe);var ta=pe;var Bs=document.createElement("template");Bs.innerHTML=`
+  <style>
+    ${ta.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 pt=class extends ta{constructor(){super();var e,a;(a=(e=this.shadowRoot)==null?void 0:e.querySelector(".close"))==null||a.addEventListener("click",()=>{this.close()})}};pt.template=Bs;globalThis.customElements.get("mxp-dialog")||(globalThis.customElements.define("mxp-dialog",pt),globalThis.MxpDialog=pt);var js=`: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;
+}
+`;var Ee=Z(require("@mux/playback-core")),Hs=t=>b`
+  <style>
+    ${js}
+  </style>
+  ${Jn(t)}
+`,Jn=t=>{var e,a,i,s,n,r,l,c,h,E,T,S,w,U,A,O,Q,q,Le,ze,fe,ie,Ye,Ge,sa,oa;return b`
+  <media-theme-mux
+    audio="${t.audio||!1}"
+    style="${(e=Is({"--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="${(i=t.muted)!=null?i:!1}"
+      loop="${(s=t.loop)!=null?s:!1}"
+      preload="${(n=t.preload)!=null?n:!1}"
+      debug="${(r=t.debug)!=null?r:!1}"
+      prefer-mse="${(l=t.preferMse)!=null?l:!1}"
+      start-time="${t.startTime!=null?t.startTime:!1}"
+      metadata-video-id="${(E=(h=t.metadataVideoId)!=null?h:(c=t.metadata)==null?void 0:c.video_id)!=null?E:!1}"
+      metadata-video-title="${(w=(S=t.metadataVideoTitle)!=null?S:(T=t.metadata)==null?void 0:T.video_title)!=null?w:!1}"
+      metadata-viewer-user-id="${(O=(A=t.metadataViewerUserId)!=null?A:(U=t.metadata)==null?void 0:U.viewer_user_id)!=null?O:!1}"
+      beacon-collection-domain="${(Q=t.beaconCollectionDomain)!=null?Q:!1}"
+      player-software-name="${t.playerSoftwareName}"
+      player-software-version="${t.playerSoftwareVersion}"
+      env-key="${(q=t.envKey)!=null?q:!1}"
+      stream-type="${(Le=t.streamType)!=null?Le:!1}"
+      custom-domain="${(ze=t.customDomain)!=null?ze:!1}"
+      src="${t.src?t.src:t.playbackId?Xt(t.playbackId,{domain:t.customDomain,token:t.tokens.playback}):!1}"
+      poster="${t.poster?t.poster:t.playbackId&&!t.audio?ys(t.playbackId,{domain:t.customDomain,thumbnailTime:(fe=t.thumbnailTime)!=null?fe:t.startTime,token:t.tokens.thumbnail}):!1}"
+      cast-src="${t.src?t.src:t.playbackId?Xt(t.playbackId,{domain:t.customDomain,token:t.tokens.playback}):!1}"
+      cast-stream-type="${[Ee.StreamTypes.LIVE,Ee.StreamTypes.LL_LIVE].includes(t.streamType)?"live":!1}"
+    >
+      ${t.playbackId&&!t.audio&&![Ee.StreamTypes.LIVE,Ee.StreamTypes.LL_LIVE,Ee.StreamTypes.DVR,Ee.StreamTypes.LL_DVR].includes(t.streamType)?b`<track
+            label="thumbnails"
+            default
+            kind="metadata"
+            src="${_s(t.playbackId,{domain:t.customDomain,token:t.tokens.storyboard})}"
+          />`:b``}
+    </mux-video>
+    <button
+      slot="seek-to-live-button"
+      aria-disabled="${t.inLiveWindow}"
+      onclick="${function(zs){var na;if((na=t.onSeekToLive)==null||na.call(t,zs),t.paused){let Ys=new CustomEvent("mediaplayrequest",{composed:!0,bubbles:!0});this.dispatchEvent(Ys)}}}"
+      class="mxp-seek-to-live-button"
+    >
+      Live
+    </button>
+    <mxp-dialog
+      no-auto-hide
+      open="${t.isDialogOpen}"
+      onclose="${t.onCloseErrorDialog}"
+      oninitfocus="${t.onInitFocusDialog}"
+    >
+      ${((ie=t.dialog)==null?void 0:ie.title)?b`<h3>${t.dialog.title}</h3>`:b``}
+      <p>
+        ${(Ye=t.dialog)==null?void 0:Ye.message}
+        ${((Ge=t.dialog)==null?void 0:Ge.linkUrl)?b`<a
+              href="${t.dialog.linkUrl}"
+              target="_blank"
+              rel="external noopener"
+              aria-label="${(sa=t.dialog.linkText)!=null?sa:""} ${g("(opens in a new window)")}"
+              >${(oa=t.dialog.linkText)!=null?oa:t.dialog.linkUrl}</a
+            >`:b``}
+      </p>
+    </mxp-dialog>
+  </media-theme-mux>
+`};var He=Z(require("@mux/mux-video"));function Et(t,e,a,i,s){var l,c,h;let n={},r={};switch(t.code){case He.MediaError.MEDIA_ERR_NETWORK:{switch(n.title=g("Network Error",s),n.message=t.message,(l=t.data)==null?void 0:l.response.code){case 412:{n.title=g("Video is not currently available",s),n.message=g("The live stream or video file are not yet ready.",s),r.message=g("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",s),r.file="412-not-playable.md";break}case 404:{n.title=g("Video does not exist",s),n.message="",r.message=g("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",s),r.file="404-not-found.md";break}case 403:{if(n.title=g("Invalid playback URL",s),n.message=g("The video URL or playback-token are formatted with incorrect or incomplete information.",s),r.message=g("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",s),r.file="missing-signed-tokens.md",!i)break;let{exp:E,aud:T,sub:S}=Be(i),w=Date.now()>E*1e3,U=S!==a,A=T!=="v",O={timeStyle:"medium",dateStyle:"medium"};if(w){n.title=g("Video URL has expired",s),n.message=g("The video\u2019s secured playback-token has expired.",s),r.message=g("This playback is using signed URLs and the playback-token has expired. Expired at: {expiredDate}. Current time: {currentDate}.",s).format({expiredDate:new Intl.DateTimeFormat(ue.code,O).format(E*1e3),currentDate:new Intl.DateTimeFormat(ue.code,O).format(Date.now())}),r.file="403-expired-token.md";break}if(U){n.title=g("Video URL is formatted incorrectly",s),n.message=g("The video\u2019s playback ID does not match the one encoded in the playback-token.",s),r.message=g("The specified playback ID {playbackId} and the playback ID encoded in the playback-token {tokenPlaybackId} do not match.",s).format({playbackId:a,tokenPlaybackId:S}),r.file="403-playback-id-mismatch.md";break}if(A){n.title=g("Video URL is formatted incorrectly",s),n.message=g("The playback-token is formatted with incorrect information.",s),r.message=g("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",s).format({tokenType:T}),r.file="403-incorrect-aud-value.md";break}r.message=g("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",s),r.file="403-malformatted-token.md";break}}break}case He.MediaError.MEDIA_ERR_DECODE:{let{message:E}=t;n={title:g("Media Error",s),message:E},r.file="media-decode-error.md";break}case He.MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:{let E=(h=(c=t.data)==null?void 0:c.response)==null?void 0:h.code;if(E>=400&&E<500){t.code=He.MediaError.MEDIA_ERR_NETWORK,t.data={response:{code:E}},{dialog:n,devlog:r}=Et(t,e,a,i);break}n={title:g("Source Not Supported",s),message:t.message},r.file="media-src-not-supported.md";break}default:n={title:g("Error",s),message:t.message};break}return e&&(n={title:g("Your device appears to be offline",s),message:g("Check your internet connection and try reloading this video.",s)}),{dialog:n,devlog:r}}var er=Object.values(F.StreamTypes),tr=700,ar=300,aa={LG:"large",SM:"small",XS:"extra-small"};function bt(t){let e=t.getBoundingClientRect();return e.width<ar?aa.XS:e.width<tr?aa.SM:aa.LG}var ir={SRC:"src"},f={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"},v={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 sr(t,e){var a,i;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(f.CUSTOM_DOMAIN))!=null?a:void 0,playerSize:bt((i=t.mediaController)!=null?i:t),hasCaptions:!!Cs(t).length,metadataVideoId:t.getAttribute(f.METADATA_VIDEO_ID),metadataVideoTitle:t.getAttribute(f.METADATA_VIDEO_TITLE),metadataViewerUserId:t.getAttribute(f.METADATA_VIEWER_USER_ID),...e}}var or=Object.values(f),nr=Object.values(v),rr=mt(),lr="mux-player",Ws={dialog:void 0,isDialogOpen:!1,inLiveWindow:!1},Me,We,ae,Se,K,Fe,Fs,z,ge,Ce,ia,Ke,Ks,ft,dr,vt,mr,At,cr,It,ur,Tt,hr,yt,pr,_t,Er,Mt,br,gt=class extends ea{constructor(){super();L(this,Fe);L(this,z);L(this,Ce);L(this,Ke);L(this,ft);L(this,vt);L(this,At);L(this,It);L(this,Tt);L(this,yt);L(this,_t);L(this,Mt);L(this,Me,!1);L(this,We,{});L(this,ae,!0);L(this,Se,void 0);L(this,K,{...Ws,supportsAirPlay:!1,supportsVolume:!1,onCloseErrorDialog:()=>I(this,z,ge).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:e=>{qt(this,document.activeElement)||e.preventDefault()},onSeekToLive:()=>Jt(this)});this.attachShadow({mode:"open"}),this.isConnected&&I(this,Fe,Fs).call(this)}static get observedAttributes(){var e;return[...(e=ea.observedAttributes)!=null?e:[],...or,...nr]}get theme(){var e,a;return Array.from((a=(e=this.shadowRoot)==null?void 0:e.children)!=null?a:[]).find(({localName:i})=>i.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(){I(this,Ke,Ks).call(this),I(this,ft,dr).call(this)}disconnectedCallback(){I(this,vt,mr).call(this)}attributeChangedCallback(e,a,i){switch(R(this,Me)||I(this,Fe,Fs).call(this),super.attributeChangedCallback(e,a,i),[f.PLAYBACK_ID,ir.SRC,v.PLAYBACK_TOKEN].includes(e)&&a!==i&&se(this,K,{...R(this,K),...Ws}),I(this,Ce,ia).call(this,{[Ms(e)]:i}),e){case v.THUMBNAIL_TIME:{i!=null&&this.tokens.thumbnail&&W(g("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case v.THUMBNAIL_TOKEN:{let{aud:n}=Be(i);i&&n!=="t"&&W(g("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:n}));break}case v.STORYBOARD_TOKEN:{let{aud:n}=Be(i);i&&n!=="s"&&W(g("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:n}));break}case f.PLAYBACK_ID:{i.includes("?token")&&he(g("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:i})),this.streamType?this.streamType!=null&&!er.includes(this.streamType)&&ut({file:"invalid-stream-type.md",message:g("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand`, `live` or `ll-live`").format({streamType:this.streamType})}):ut({file:"invalid-stream-type.md",message:String(g("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 R(this,K).inLiveWindow}get hls(){return W("<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(v.AUDIO)}set audio(e){e||this.removeAttribute(v.AUDIO),this.setAttribute(v.AUDIO,"")}get thumbnailTime(){return $e(this.getAttribute(v.THUMBNAIL_TIME))}set thumbnailTime(e){this.setAttribute(v.THUMBNAIL_TIME,`${e}`)}get primaryColor(){var e;return(e=this.getAttribute(v.PRIMARY_COLOR))!=null?e:void 0}set primaryColor(e){this.setAttribute(v.PRIMARY_COLOR,`${e}`)}get secondaryColor(){var e;return(e=this.getAttribute(v.SECONDARY_COLOR))!=null?e:void 0}set secondaryColor(e){this.setAttribute(v.SECONDARY_COLOR,`${e}`)}get forwardSeekOffset(){var e;return(e=$e(this.getAttribute(v.FORWARD_SEEK_OFFSET)))!=null?e:10}set forwardSeekOffset(e){this.setAttribute(v.FORWARD_SEEK_OFFSET,`${e}`)}get backwardSeekOffset(){var e;return(e=$e(this.getAttribute(v.BACKWARD_SEEK_OFFSET)))!=null?e:10}set backwardSeekOffset(e){this.setAttribute(v.BACKWARD_SEEK_OFFSET,`${e}`)}get defaultHiddenCaptions(){return this.hasAttribute(v.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var e;return(e=this.getAttribute(f.PLAYER_SOFTWARE_NAME))!=null?e:lr}get playerSoftwareVersion(){var e;return(e=this.getAttribute(f.PLAYER_SOFTWARE_VERSION))!=null?e:rr}get beaconCollectionDomain(){var e;return(e=this.getAttribute(f.BEACON_COLLECTION_DOMAIN))!=null?e:void 0}set beaconCollectionDomain(e){e!==this.beaconCollectionDomain&&(e?this.setAttribute(f.BEACON_COLLECTION_DOMAIN,e):this.removeAttribute(f.BEACON_COLLECTION_DOMAIN))}get playbackId(){var e;return(e=this.getAttribute(f.PLAYBACK_ID))!=null?e:void 0}set playbackId(e){this.setAttribute(f.PLAYBACK_ID,`${e}`)}get customDomain(){var e;return(e=this.getAttribute(f.CUSTOM_DOMAIN))!=null?e:void 0}set customDomain(e){e!==this.customDomain&&(e?this.setAttribute(f.CUSTOM_DOMAIN,e):this.removeAttribute(f.CUSTOM_DOMAIN))}get envKey(){var e;return(e=_e(this,f.ENV_KEY))!=null?e:void 0}set envKey(e){this.setAttribute(f.ENV_KEY,`${e}`)}get debug(){return _e(this,f.DEBUG)!=null}set debug(e){e?this.setAttribute(f.DEBUG,""):this.removeAttribute(f.DEBUG)}get streamType(){return _e(this,f.STREAM_TYPE)}set streamType(e){this.setAttribute(f.STREAM_TYPE,`${e}`)}get startTime(){return $e(_e(this,f.START_TIME))}set startTime(e){this.setAttribute(f.START_TIME,`${e}`)}get preferMse(){return _e(this,f.PREFER_MSE)!=null}set preferMse(e){e?this.setAttribute(f.PREFER_MSE,""):this.removeAttribute(f.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(v.PLAYBACK_TOKEN),a=this.getAttribute(v.THUMBNAIL_TOKEN),i=this.getAttribute(v.STORYBOARD_TOKEN);return{...R(this,We),...e!=null?{playback:e}:{},...a!=null?{thumbnail:a}:{},...i!=null?{storyboard:i}:{}}}set tokens(e){se(this,We,e!=null?e:{})}get playbackToken(){var e;return(e=this.getAttribute(v.PLAYBACK_TOKEN))!=null?e:void 0}set playbackToken(e){this.setAttribute(v.PLAYBACK_TOKEN,`${e}`)}get thumbnailToken(){var e;return(e=this.getAttribute(v.THUMBNAIL_TOKEN))!=null?e:void 0}set thumbnailToken(e){this.setAttribute(v.THUMBNAIL_TOKEN,`${e}`)}get storyboardToken(){var e;return(e=this.getAttribute(v.STORYBOARD_TOKEN))!=null?e:void 0}set storyboardToken(e){this.setAttribute(v.STORYBOARD_TOKEN,`${e}`)}};Me=new WeakMap,We=new WeakMap,ae=new WeakMap,Se=new WeakMap,K=new WeakMap,Fe=new WeakSet,Fs=function(){var e,a;R(this,Me)||(se(this,Me,!0),I(this,z,ge).call(this,{playerSize:bt(this)}),customElements.upgrade(this.theme),this.theme instanceof fs||he("<media-theme-mux> failed to upgrade!"),customElements.upgrade(this.media),this.media instanceof be.default||he("<mux-video> failed to upgrade!"),customElements.upgrade(this.mediaController),this.mediaController instanceof Re||he("<media-controller> failed to upgrade!"),Us(this),I(this,It,ur).call(this),I(this,Tt,hr).call(this),I(this,_t,Er).call(this),I(this,Mt,br).call(this),I(this,At,cr).call(this),se(this,ae,(a=(e=this.mediaController)==null?void 0:e.hasAttribute("user-inactive"))!=null?a:!0),I(this,yt,pr).call(this))},z=new WeakSet,ge=function(e){Object.assign(R(this,K),e),I(this,Ce,ia).call(this)},Ce=new WeakSet,ia=function(e={}){Pe(Hs(sr(this,{...R(this,K),...e})),this.shadowRoot)},Ke=new WeakSet,Ks=function(){var e,a;R(this,K).playerSize!=bt((e=this.mediaController)!=null?e:this)&&I(this,z,ge).call(this,{playerSize:bt((a=this.mediaController)!=null?a:this)})},ft=new WeakSet,dr=function(){var e;se(this,Se,new ResizeObserver(()=>I(this,Ke,Ks).call(this))),R(this,Se).observe((e=this.mediaController)!=null?e:this)},vt=new WeakSet,mr=function(){var e;(e=R(this,Se))==null||e.disconnect()},At=new WeakSet,cr=function(){var a,i,s,n,r;(a=this.mediaController)==null||a.addEventListener("mediaplayrequest",l=>{var c;((c=l.target)==null?void 0:c.localName)==="media-play-button"&&this.streamType&&[F.StreamTypes.LIVE,F.StreamTypes.LL_LIVE,F.StreamTypes.DVR,F.StreamTypes.LL_DVR].includes(this.streamType)&&this.hasPlayed&&Jt(this)});let e=()=>{let l=Ds(this),c=R(this,K).inLiveWindow;l!==c&&(I(this,z,ge).call(this,{inLiveWindow:l}),this.dispatchEvent(new CustomEvent("inlivewindowchange",{composed:!0,bubbles:!0,detail:this.inLiveWindow})))};(i=this.media)==null||i.addEventListener("progress",e),(s=this.media)==null||s.addEventListener("waiting",e),(n=this.media)==null||n.addEventListener("timeupdate",e),(r=this.media)==null||r.addEventListener("emptied",e)},It=new WeakSet,ur=function(){var a;let e=i=>{let{detail:s}=i;if(s instanceof be.MediaError||(s=new be.MediaError(s.message,s.code,s.fatal)),!(s==null?void 0:s.fatal)){W(s),s.data&&W(`${s.name} data:`,s.data);return}let{dialog:n,devlog:r}=Et(s,!window.navigator.onLine,this.playbackId,this.playbackToken);r.message&&ut(r),he(s),s.data&&he(`${s.name} data:`,s.data),I(this,z,ge).call(this,{isDialogOpen:!0,dialog:n})};this.addEventListener("error",e),this.media&&(this.media.errorTranslator=(i={})=>{var n,r,l;if(!((n=this.media)==null?void 0:n.error))return i;let{devlog:s}=Et((r=this.media)==null?void 0:r.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(l=this.media)==null?void 0:l.error.code,player_error_message:s.message?String(s.message):i.player_error_message}}),(a=this.media)==null||a.addEventListener("error",i=>{var n,r;let{detail:s}=i;if(!s){let{message:l,code:c}=(r=(n=this.media)==null?void 0:n.error)!=null?r:{};s=new be.MediaError(l,c)}!(s==null?void 0:s.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:s}))})},Tt=new WeakSet,hr=function(){var a,i,s,n;let e=()=>I(this,Ce,ia).call(this);(i=(a=this.media)==null?void 0:a.textTracks)==null||i.addEventListener("addtrack",e),(n=(s=this.media)==null?void 0:s.textTracks)==null||n.addEventListener("removetrack",e)},yt=new WeakSet,pr=function(){var E,T;let e=this.mediaController,a=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(/.*iPhone.*/.test(navigator.userAgent))return;let s,n=new WeakMap,r=()=>this.streamType&&[F.StreamTypes.LIVE,F.StreamTypes.LL_LIVE].includes(this.streamType)&&!this.secondaryColor&&this.offsetWidth>=800,l=(S,w)=>{if(r())return;Array.from(S&&S.activeCues||[]).forEach(A=>{if(!(!A.snapToLines||A.line<-5||A.line>=0&&A.line<10))if(!w||this.paused){let O=A.text.split(`
+`).length,Q=a?-2:-3;this.streamType&&[F.StreamTypes.LIVE,F.StreamTypes.LL_LIVE].includes(this.streamType)&&(Q=a?-1:-2);let q=Q-O;if(A.line===q)return;n.has(A)||n.set(A,A.line),A.line=0,A.line=q}else setTimeout(()=>{A.line=n.get(A)||"auto"},500)})},c=()=>{var S;l(s,(S=e==null?void 0:e.hasAttribute("user-inactive"))!=null?S:!1)},h=()=>{var U;let w=Array.from(((U=e==null?void 0:e.media)==null?void 0:U.textTracks)||[]).filter(A=>["subtitles","captions"].includes(A.kind)&&A.mode==="showing")[0];w!==s&&(s==null||s.removeEventListener("cuechange",c)),s=w,s==null||s.addEventListener("cuechange",c),l(s,R(this,ae))};h(),(E=e==null?void 0:e.media)==null||E.textTracks.addEventListener("change",h),(T=e==null?void 0:e.media)==null||T.textTracks.addEventListener("addtrack",h),e==null||e.addEventListener("userinactivechange",()=>{let S=e==null?void 0:e.hasAttribute("user-inactive");R(this,ae)!==S&&(se(this,ae,S),l(s,R(this,ae)))})},_t=new WeakSet,Er=function(){var e;if(globalThis.WebKitPlaybackTargetAvailabilityEvent){let a=i=>{let s=i.availability==="available";I(this,z,ge).call(this,{supportsAirPlay:s})};(e=this.media)==null||e.addEventListener("webkitplaybacktargetavailabilitychanged",a)}},Mt=new WeakSet,br=async function(){let e=await Ss();I(this,z,ge).call(this,{supportsVolume:e})};function _e(t,e){return t.media?t.media.getAttribute(e):t.getAttribute(e)}globalThis.customElements.get("mux-player")||(globalThis.customElements.define("mux-player",gt),globalThis.MuxPlayerElement=gt);var gr=gt;