@mux/mux-player 2.1.0 → 2.2.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
-var Le=(t,i,e)=>{if(!i.has(t))throw TypeError("Cannot "+e)};var u=(t,i,e)=>(Le(t,i,"read from private field"),e?e.call(t):i.get(t)),b=(t,i,e)=>{if(i.has(t))throw TypeError("Cannot add the same private member more than once");i instanceof WeakSet?i.add(t):i.set(t,e)},A=(t,i,e,r)=>(Le(t,i,"write to private field"),r?r.call(t,e):i.set(t,e),e);var f=(t,i,e)=>(Le(t,i,"access private method"),e);var W=class{addEventListener(){}removeEventListener(){}dispatchEvent(i){return!0}};if(typeof DocumentFragment=="undefined"){class t extends W{}globalThis.DocumentFragment=t}var z=class extends W{},we=class extends W{},Dt={get(t){},define(t,i,e){},upgrade(t){},whenDefined(t){return Promise.resolve(z)}},J,Oe=class{constructor(i,e={}){b(this,J,void 0);A(this,J,e==null?void 0:e.detail)}get detail(){return u(this,J)}initCustomEvent(){}};J=new WeakMap;function Vt(t,i){return new z}var it={document:{createElement:Vt},DocumentFragment,customElements:Dt,CustomEvent:Oe,EventTarget:W,HTMLElement:z,HTMLVideoElement:we},at=typeof window=="undefined"||typeof globalThis.customElements=="undefined",c=at?it:globalThis,T=at?it.document:globalThis.document;import{MediaController as mi}from"media-chrome";import"media-chrome/dist/experimental/index.js";import ui,{MediaError as ve,Attributes as d}from"@mux/mux-video";import{StreamTypes as w,PlaybackTypes as ke,addTextTrack as ci,removeTextTrack as pi,CmcdTypeValues as Ot}from"@mux/playback-core";import{VideoEvents as Ft}from"@mux/mux-video";var Ht="en",B={code:Ht};var rt="en";function l(t,i=!0){var a,o;let e=i&&(o=(a=B)==null?void 0:a[t])!=null?o:t,r=i?B.code:rt;return new Re(e,r)}var Re=class{constructor(i,e=(r=>(r=B.code)!=null?r:rt)()){this.message=i,this.locale=e}format(i){return this.message.replace(/\{(\w+)\}/g,(e,r)=>{var a;return(a=i[r])!=null?a:""})}toString(){return this.message}};function ot(t){let i="";return Object.entries(t).forEach(([e,r])=>{r!=null&&(i+=`${le(e)}: ${r}; `)}),i?i.trim():void 0}function le(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function me(t){return t.replace(/[-_]([a-z])/g,(i,e)=>e.toUpperCase())}function O(t){if(t==null)return;let i=+t;return Number.isNaN(i)?void 0:i}function Me(t){let i=Bt(t).toString();return i?"?"+i:""}function Bt(t){let i={};for(let e in t)t[e]!=null&&(i[e]=t[e]);return new URLSearchParams(i)}function N(t){let i=(t!=null?t:"").split(".")[1];if(!i)return{};let e=i.replace(/-/g,"+").replace(/_/g,"/"),r=decodeURIComponent(atob(e).split("").map(function(a){return"%"+("00"+a.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(r)}var Se=(t,i)=>!t||!i?!1:t.contains(i)?!0:Se(t,i.getRootNode().host);import{StreamTypes as _e}from"@mux/playback-core";var nt="mux.com",Ut=()=>{try{return"2.1.0"}catch{}return"UNKNOWN"},$t=Ut(),ce=()=>$t,st=(t,{token:i,customDomain:e=nt,thumbnailTime:r}={})=>{let a=i==null?r:void 0,{aud:o}=N(i);if(!(i&&o!=="t"))return`https://image.${e}/${t}/thumbnail.webp${Me({token:i,time:a})}`},dt=(t,{token:i,customDomain:e=nt}={})=>{let{aud:r}=N(i);if(!(i&&r!=="s"))return`https://image.${e}/${t}/storyboard.vtt${Me({token:i,format:"webp"})}`},X=t=>{if(!!t){if([_e.LIVE,_e.ON_DEMAND].includes(t))return t;if(t!=null&&t.includes("live"))return _e.LIVE}};var Kt={crossorigin:"crossOrigin",playsinline:"playsInline"};function lt(t){var i;return(i=Kt[t])!=null?i:me(t)}var U,$,k,ue=class{constructor(i,e){b(this,U,void 0);b(this,$,void 0);b(this,k,[]);A(this,U,i),A(this,$,e)}[Symbol.iterator](){return u(this,k).values()}get length(){return u(this,k).length}get value(){var i;return(i=u(this,k).join(" "))!=null?i:""}set value(i){var e;i!==this.value&&(A(this,k,[]),this.add(...(e=i==null?void 0:i.split(" "))!=null?e:[]))}toString(){return this.value}item(i){return u(this,k)[i]}values(){return u(this,k).values()}keys(){return u(this,k).keys()}forEach(i){u(this,k).forEach(i)}add(...i){var e,r;i.forEach(a=>{this.contains(a)||u(this,k).push(a)}),!(this.value===""&&!((e=u(this,U))!=null&&e.hasAttribute(`${u(this,$)}`)))&&((r=u(this,U))==null||r.setAttribute(`${u(this,$)}`,`${this.value}`))}remove(...i){var e;i.forEach(r=>{u(this,k).splice(u(this,k).indexOf(r),1)}),(e=u(this,U))==null||e.setAttribute(`${u(this,$)}`,`${this.value}`)}contains(i){return u(this,k).includes(i)}toggle(i,e){return typeof e!="undefined"?e?(this.add(i),!0):(this.remove(i),!1):this.contains(i)?(this.remove(i),!1):(this.add(i),!0)}replace(i,e){this.remove(i),this.add(e)}};U=new WeakMap,$=new WeakMap,k=new WeakMap;var mt=`[mux-player ${ce()}]`;function I(...t){console.warn(mt,...t)}function L(...t){console.error(mt,...t)}function Pe(t){var e;let i=(e=t.message)!=null?e:"";if(t.context&&(i+=` ${t.context}`),t.file){let r="https://github.com/muxinc/elements/blob/main/errors/";i+=` ${l("Read more: ")}
-${r}${t.file}`}I(i)}var y={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},K={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},ct=Object.freeze({length:0,start(t){let i=t>>>0;if(i>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${i}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(t){let i=t>>>0;if(i>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${i}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),Yt=Ft.filter(t=>t!=="error"),Wt=Object.values(y).filter(t=>![y.PLAYSINLINE].includes(t)),Zt=Object.values(K);function pt(t){t.querySelectorAll(":scope > track").forEach(i=>{var e;(e=t.media)==null||e.append(i.cloneNode())}),Yt.forEach(i=>{var e;(e=t.media)==null||e.addEventListener(i,r=>{t.dispatchEvent(new Event(r.type))})})}var Ne=class extends c.HTMLElement{static get observedAttributes(){return[...Wt,...Zt]}constructor(){super(),this.querySelectorAll(":scope > track").forEach(r=>{var a;(a=this.media)==null||a.append(r.cloneNode())});let i=r=>{for(let a of r)a.type==="childList"&&(a.removedNodes.forEach(o=>{var m,h;let s=(m=this.media)==null?void 0:m.querySelector(`track[src="${o.src}"]`);s&&((h=this.media)==null||h.removeChild(s))}),a.addedNodes.forEach(o=>{var s;(s=this.media)==null||s.append(o.cloneNode())}))};new MutationObserver(i).observe(this,{childList:!0,subtree:!0})}attributeChangedCallback(i,e,r){var a,o;switch(i){case K.MUTED:{this.media&&(this.media.muted=r!=null,this.media.defaultMuted=r!=null);return}case K.VOLUME:{let s=(a=O(r))!=null?a:1;this.media&&(this.media.volume=s);return}case K.PLAYBACKRATE:{let s=(o=O(r))!=null?o:1;this.media&&(this.media.playbackRate=s,this.media.defaultPlaybackRate=s);return}}}play(){var i,e;return(e=(i=this.media)==null?void 0:i.play())!=null?e:Promise.reject()}pause(){var i;(i=this.media)==null||i.pause()}requestCast(i){var e;return(e=this.media)==null?void 0:e.requestCast(i)}get media(){var i;return(i=this.shadowRoot)==null?void 0:i.querySelector("mux-video")}get audioTracks(){return this.media.audioTracks}get videoTracks(){return this.media.videoTracks}get audioRenditions(){return this.media.audioRenditions}get videoRenditions(){return this.media.videoRenditions}get paused(){var i,e;return(e=(i=this.media)==null?void 0:i.paused)!=null?e:!0}get duration(){var i,e;return(e=(i=this.media)==null?void 0:i.duration)!=null?e:NaN}get ended(){var i,e;return(e=(i=this.media)==null?void 0:i.ended)!=null?e:!1}get buffered(){var i,e;return(e=(i=this.media)==null?void 0:i.buffered)!=null?e:ct}get seekable(){var i,e;return(e=(i=this.media)==null?void 0:i.seekable)!=null?e:ct}get readyState(){var i,e;return(e=(i=this.media)==null?void 0:i.readyState)!=null?e:0}get videoWidth(){var i,e;return(e=(i=this.media)==null?void 0:i.videoWidth)!=null?e:0}get videoHeight(){var i,e;return(e=(i=this.media)==null?void 0:i.videoHeight)!=null?e:0}get currentTime(){var i,e;return(e=(i=this.media)==null?void 0:i.currentTime)!=null?e:0}set currentTime(i){this.media&&(this.media.currentTime=Number(i))}get volume(){var i,e;return(e=(i=this.media)==null?void 0:i.volume)!=null?e:1}set volume(i){this.media&&(this.media.volume=Number(i))}get playbackRate(){var i,e;return(e=(i=this.media)==null?void 0:i.playbackRate)!=null?e:1}set playbackRate(i){this.media&&(this.media.playbackRate=Number(i))}get defaultPlaybackRate(){var i;return(i=O(this.getAttribute(K.PLAYBACKRATE)))!=null?i:1}set defaultPlaybackRate(i){i!=null?this.setAttribute(K.PLAYBACKRATE,`${i}`):this.removeAttribute(K.PLAYBACKRATE)}get crossOrigin(){return Q(this,y.CROSSORIGIN)}set crossOrigin(i){this.setAttribute(y.CROSSORIGIN,`${i}`)}get autoplay(){return Q(this,y.AUTOPLAY)!=null}set autoplay(i){i?this.setAttribute(y.AUTOPLAY,typeof i=="string"?i:""):this.removeAttribute(y.AUTOPLAY)}get loop(){return Q(this,y.LOOP)!=null}set loop(i){i?this.setAttribute(y.LOOP,""):this.removeAttribute(y.LOOP)}get muted(){var i,e;return(e=(i=this.media)==null?void 0:i.muted)!=null?e:!1}set muted(i){this.media&&(this.media.muted=Boolean(i))}get defaultMuted(){return Q(this,y.MUTED)!=null}set defaultMuted(i){i?this.setAttribute(y.MUTED,""):this.removeAttribute(y.MUTED)}get playsInline(){return Q(this,y.PLAYSINLINE)!=null}set playsInline(i){L("playsInline is set to true by default and is not currently supported as a setter.")}get preload(){return this.media?this.media.preload:this.getAttribute("preload")}set preload(i){["","none","metadata","auto"].includes(i)?this.setAttribute(y.PRELOAD,i):this.removeAttribute(y.PRELOAD)}};function Q(t,i){return t.media?t.media.getAttribute(i):t.getAttribute(i)}var Ie=Ne;import"media-chrome/dist/media-theme-element.js";var bt=`:host {
+var Le=(t,a,e)=>{if(!a.has(t))throw TypeError("Cannot "+e)};var u=(t,a,e)=>(Le(t,a,"read from private field"),e?e.call(t):a.get(t)),b=(t,a,e)=>{if(a.has(t))throw TypeError("Cannot add the same private member more than once");a instanceof WeakSet?a.add(t):a.set(t,e)},A=(t,a,e,r)=>(Le(t,a,"write to private field"),r?r.call(t,e):a.set(t,e),e);var f=(t,a,e)=>(Le(t,a,"access private method"),e);var W=class{addEventListener(){}removeEventListener(){}dispatchEvent(a){return!0}};if(typeof DocumentFragment=="undefined"){class t extends W{}globalThis.DocumentFragment=t}var z=class extends W{},we=class extends W{},Dt={get(t){},define(t,a,e){},upgrade(t){},whenDefined(t){return Promise.resolve(z)}},J,Oe=class{constructor(a,e={}){b(this,J,void 0);A(this,J,e==null?void 0:e.detail)}get detail(){return u(this,J)}initCustomEvent(){}};J=new WeakMap;function Vt(t,a){return new z}var at={document:{createElement:Vt},DocumentFragment,customElements:Dt,CustomEvent:Oe,EventTarget:W,HTMLElement:z,HTMLVideoElement:we},it=typeof window=="undefined"||typeof globalThis.customElements=="undefined",c=it?at:globalThis,T=it?at.document:globalThis.document;import{MediaController as ma}from"media-chrome";import"media-chrome/dist/experimental/index.js";import ua,{MediaError as ve,Attributes as d}from"@mux/mux-video";import{StreamTypes as w,PlaybackTypes as ke,addTextTrack as ca,removeTextTrack as pa,CmcdTypeValues as Ot}from"@mux/playback-core";import{VideoEvents as Ft}from"@mux/mux-video";var Ht="en",B={code:Ht};var rt="en";function l(t,a=!0){var i,o;let e=a&&(o=(i=B)==null?void 0:i[t])!=null?o:t,r=a?B.code:rt;return new Re(e,r)}var Re=class{constructor(a,e=(r=>(r=B.code)!=null?r:rt)()){this.message=a,this.locale=e}format(a){return this.message.replace(/\{(\w+)\}/g,(e,r)=>{var i;return(i=a[r])!=null?i:""})}toString(){return this.message}};function ot(t){let a="";return Object.entries(t).forEach(([e,r])=>{r!=null&&(a+=`${le(e)}: ${r}; `)}),a?a.trim():void 0}function le(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function me(t){return t.replace(/[-_]([a-z])/g,(a,e)=>e.toUpperCase())}function O(t){if(t==null)return;let a=+t;return Number.isNaN(a)?void 0:a}function Me(t){let a=Bt(t).toString();return a?"?"+a:""}function Bt(t){let a={};for(let e in t)t[e]!=null&&(a[e]=t[e]);return new URLSearchParams(a)}function N(t){let a=(t!=null?t:"").split(".")[1];if(!a)return{};let e=a.replace(/-/g,"+").replace(/_/g,"/"),r=decodeURIComponent(atob(e).split("").map(function(i){return"%"+("00"+i.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(r)}var Se=(t,a)=>!t||!a?!1:t.contains(a)?!0:Se(t,a.getRootNode().host);import{StreamTypes as _e}from"@mux/playback-core";var nt="mux.com",Ut=()=>{try{return"2.2.0"}catch{}return"UNKNOWN"},$t=Ut(),ce=()=>$t,st=(t,{token:a,customDomain:e=nt,thumbnailTime:r}={})=>{let i=a==null?r:void 0,{aud:o}=N(a);if(!(a&&o!=="t"))return`https://image.${e}/${t}/thumbnail.webp${Me({token:a,time:i})}`},dt=(t,{token:a,customDomain:e=nt}={})=>{let{aud:r}=N(a);if(!(a&&r!=="s"))return`https://image.${e}/${t}/storyboard.vtt${Me({token:a,format:"webp"})}`},X=t=>{if(!!t){if([_e.LIVE,_e.ON_DEMAND].includes(t))return t;if(t!=null&&t.includes("live"))return _e.LIVE}};var Kt={crossorigin:"crossOrigin",playsinline:"playsInline"};function lt(t){var a;return(a=Kt[t])!=null?a:me(t)}var U,$,k,ue=class{constructor(a,e){b(this,U,void 0);b(this,$,void 0);b(this,k,[]);A(this,U,a),A(this,$,e)}[Symbol.iterator](){return u(this,k).values()}get length(){return u(this,k).length}get value(){var a;return(a=u(this,k).join(" "))!=null?a:""}set value(a){var e;a!==this.value&&(A(this,k,[]),this.add(...(e=a==null?void 0:a.split(" "))!=null?e:[]))}toString(){return this.value}item(a){return u(this,k)[a]}values(){return u(this,k).values()}keys(){return u(this,k).keys()}forEach(a){u(this,k).forEach(a)}add(...a){var e,r;a.forEach(i=>{this.contains(i)||u(this,k).push(i)}),!(this.value===""&&!((e=u(this,U))!=null&&e.hasAttribute(`${u(this,$)}`)))&&((r=u(this,U))==null||r.setAttribute(`${u(this,$)}`,`${this.value}`))}remove(...a){var e;a.forEach(r=>{u(this,k).splice(u(this,k).indexOf(r),1)}),(e=u(this,U))==null||e.setAttribute(`${u(this,$)}`,`${this.value}`)}contains(a){return u(this,k).includes(a)}toggle(a,e){return typeof e!="undefined"?e?(this.add(a),!0):(this.remove(a),!1):this.contains(a)?(this.remove(a),!1):(this.add(a),!0)}replace(a,e){this.remove(a),this.add(e)}};U=new WeakMap,$=new WeakMap,k=new WeakMap;var mt=`[mux-player ${ce()}]`;function I(...t){console.warn(mt,...t)}function L(...t){console.error(mt,...t)}function Pe(t){var e;let a=(e=t.message)!=null?e:"";if(t.context&&(a+=` ${t.context}`),t.file){let r="https://github.com/muxinc/elements/blob/main/errors/";a+=` ${l("Read more: ")}
+${r}${t.file}`}I(a)}var y={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},K={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},ct=Object.freeze({length:0,start(t){let a=t>>>0;if(a>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${a}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(t){let a=t>>>0;if(a>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${a}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),Yt=Ft.filter(t=>t!=="error"),Wt=Object.values(y).filter(t=>![y.PLAYSINLINE].includes(t)),Zt=Object.values(K);function pt(t){t.querySelectorAll(":scope > track").forEach(a=>{var e;(e=t.media)==null||e.append(a.cloneNode())}),Yt.forEach(a=>{var e;(e=t.media)==null||e.addEventListener(a,r=>{t.dispatchEvent(new Event(r.type))})})}var Ne=class extends c.HTMLElement{static get observedAttributes(){return[...Wt,...Zt]}constructor(){super(),this.querySelectorAll(":scope > track").forEach(r=>{var i;(i=this.media)==null||i.append(r.cloneNode())});let a=r=>{for(let i of r)i.type==="childList"&&(i.removedNodes.forEach(o=>{var m,h;let s=(m=this.media)==null?void 0:m.querySelector(`track[src="${o.src}"]`);s&&((h=this.media)==null||h.removeChild(s))}),i.addedNodes.forEach(o=>{var s;(s=this.media)==null||s.append(o.cloneNode())}))};new MutationObserver(a).observe(this,{childList:!0,subtree:!0})}attributeChangedCallback(a,e,r){var i,o;switch(a){case K.MUTED:{this.media&&(this.media.muted=r!=null,this.media.defaultMuted=r!=null);return}case K.VOLUME:{let s=(i=O(r))!=null?i:1;this.media&&(this.media.volume=s);return}case K.PLAYBACKRATE:{let s=(o=O(r))!=null?o:1;this.media&&(this.media.playbackRate=s,this.media.defaultPlaybackRate=s);return}}}play(){var a,e;return(e=(a=this.media)==null?void 0:a.play())!=null?e:Promise.reject()}pause(){var a;(a=this.media)==null||a.pause()}requestCast(a){var e;return(e=this.media)==null?void 0:e.requestCast(a)}get media(){var a;return(a=this.shadowRoot)==null?void 0:a.querySelector("mux-video")}get audioTracks(){return this.media.audioTracks}get videoTracks(){return this.media.videoTracks}get audioRenditions(){return this.media.audioRenditions}get videoRenditions(){return this.media.videoRenditions}get paused(){var a,e;return(e=(a=this.media)==null?void 0:a.paused)!=null?e:!0}get duration(){var a,e;return(e=(a=this.media)==null?void 0:a.duration)!=null?e:NaN}get ended(){var a,e;return(e=(a=this.media)==null?void 0:a.ended)!=null?e:!1}get buffered(){var a,e;return(e=(a=this.media)==null?void 0:a.buffered)!=null?e:ct}get seekable(){var a,e;return(e=(a=this.media)==null?void 0:a.seekable)!=null?e:ct}get readyState(){var a,e;return(e=(a=this.media)==null?void 0:a.readyState)!=null?e:0}get videoWidth(){var a,e;return(e=(a=this.media)==null?void 0:a.videoWidth)!=null?e:0}get videoHeight(){var a,e;return(e=(a=this.media)==null?void 0:a.videoHeight)!=null?e:0}get currentTime(){var a,e;return(e=(a=this.media)==null?void 0:a.currentTime)!=null?e:0}set currentTime(a){this.media&&(this.media.currentTime=Number(a))}get volume(){var a,e;return(e=(a=this.media)==null?void 0:a.volume)!=null?e:1}set volume(a){this.media&&(this.media.volume=Number(a))}get playbackRate(){var a,e;return(e=(a=this.media)==null?void 0:a.playbackRate)!=null?e:1}set playbackRate(a){this.media&&(this.media.playbackRate=Number(a))}get defaultPlaybackRate(){var a;return(a=O(this.getAttribute(K.PLAYBACKRATE)))!=null?a:1}set defaultPlaybackRate(a){a!=null?this.setAttribute(K.PLAYBACKRATE,`${a}`):this.removeAttribute(K.PLAYBACKRATE)}get crossOrigin(){return Q(this,y.CROSSORIGIN)}set crossOrigin(a){this.setAttribute(y.CROSSORIGIN,`${a}`)}get autoplay(){return Q(this,y.AUTOPLAY)!=null}set autoplay(a){a?this.setAttribute(y.AUTOPLAY,typeof a=="string"?a:""):this.removeAttribute(y.AUTOPLAY)}get loop(){return Q(this,y.LOOP)!=null}set loop(a){a?this.setAttribute(y.LOOP,""):this.removeAttribute(y.LOOP)}get muted(){var a,e;return(e=(a=this.media)==null?void 0:a.muted)!=null?e:!1}set muted(a){this.media&&(this.media.muted=Boolean(a))}get defaultMuted(){return Q(this,y.MUTED)!=null}set defaultMuted(a){a?this.setAttribute(y.MUTED,""):this.removeAttribute(y.MUTED)}get playsInline(){return Q(this,y.PLAYSINLINE)!=null}set playsInline(a){L("playsInline is set to true by default and is not currently supported as a setter.")}get preload(){return this.media?this.media.preload:this.getAttribute("preload")}set preload(a){["","none","metadata","auto"].includes(a)?this.setAttribute(y.PRELOAD,a):this.removeAttribute(y.PRELOAD)}};function Q(t,a){return t.media?t.media.getAttribute(a):t.getAttribute(a)}var Ie=Ne;import"media-chrome/dist/media-theme-element.js";var bt=`:host {
   --media-control-display: var(--controls);
   --media-loading-indicator-display: var(--loading-indicator);
   --media-dialog-display: var(--dialog);
@@ -193,7 +193,7 @@ media-poster-image:not([src]):not([placeholdersrc]) {
   <div class="dialog">
     <slot></slot>
   </div>
-`;var D=class extends c.HTMLElement{constructor(){var e;super();this.attachShadow({mode:"open"}),(e=this.shadowRoot)==null||e.appendChild(this.constructor.template.content.cloneNode(!0))}show(){this.setAttribute("open",""),this.dispatchEvent(new CustomEvent("open",{composed:!0,bubbles:!0})),ht(this)}close(){!this.hasAttribute("open")||(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),qt(this))}attributeChangedCallback(e,r,a){e==="open"&&r!==a&&(a!=null?this.show():this.close())}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("open")&&ht(this)}};D.styles=gt,D.template=ft,D.observedAttributes=["open"];function ht(t){let i=new CustomEvent("initfocus",{composed:!0,bubbles:!0,cancelable:!0});if(t.dispatchEvent(i),i.defaultPrevented)return;let e=t.querySelector("[autofocus]:not([disabled])");!e&&t.tabIndex>=0&&(e=t),e||(e=yt(t.shadowRoot)),t._previouslyFocusedElement=T.activeElement,T.activeElement instanceof HTMLElement&&T.activeElement.blur(),t.addEventListener("transitionend",()=>{e instanceof HTMLElement&&e.focus({preventScroll:!0})},{once:!0})}function yt(t){let e=["button","input","keygen","select","textarea"].map(function(a){return a+":not([disabled])"});e.push('[tabindex]:not([disabled]):not([tabindex=""])');let r=t==null?void 0:t.querySelector(e.join(", "));if(!r&&"attachShadow"in Element.prototype){let a=(t==null?void 0:t.querySelectorAll("*"))||[];for(let o=0;o<a.length&&!(a[o].tagName&&a[o].shadowRoot&&(r=yt(a[o].shadowRoot),r));o++);}return r}function qt(t){t._previouslyFocusedElement instanceof HTMLElement&&t._previouslyFocusedElement.focus()}c.customElements.get("media-dialog")||(c.customElements.define("media-dialog",D),c.MediaDialog=D);var De=D;var vt=T.createElement("template");vt.innerHTML=`
+`;var D=class extends c.HTMLElement{constructor(){var e;super();this.attachShadow({mode:"open"}),(e=this.shadowRoot)==null||e.appendChild(this.constructor.template.content.cloneNode(!0))}show(){this.setAttribute("open",""),this.dispatchEvent(new CustomEvent("open",{composed:!0,bubbles:!0})),ht(this)}close(){!this.hasAttribute("open")||(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),qt(this))}attributeChangedCallback(e,r,i){e==="open"&&r!==i&&(i!=null?this.show():this.close())}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("open")&&ht(this)}};D.styles=gt,D.template=ft,D.observedAttributes=["open"];function ht(t){let a=new CustomEvent("initfocus",{composed:!0,bubbles:!0,cancelable:!0});if(t.dispatchEvent(a),a.defaultPrevented)return;let e=t.querySelector("[autofocus]:not([disabled])");!e&&t.tabIndex>=0&&(e=t),e||(e=yt(t.shadowRoot)),t._previouslyFocusedElement=T.activeElement,T.activeElement instanceof HTMLElement&&T.activeElement.blur(),t.addEventListener("transitionend",()=>{e instanceof HTMLElement&&e.focus({preventScroll:!0})},{once:!0})}function yt(t){let e=["button","input","keygen","select","textarea"].map(function(i){return i+":not([disabled])"});e.push('[tabindex]:not([disabled]):not([tabindex=""])');let r=t==null?void 0:t.querySelector(e.join(", "));if(!r&&"attachShadow"in Element.prototype){let i=(t==null?void 0:t.querySelectorAll("*"))||[];for(let o=0;o<i.length&&!(i[o].tagName&&i[o].shadowRoot&&(r=yt(i[o].shadowRoot),r));o++);}return r}function qt(t){t._previouslyFocusedElement instanceof HTMLElement&&t._previouslyFocusedElement.focus()}c.customElements.get("media-dialog")||(c.customElements.define("media-dialog",D),c.MediaDialog=D);var De=D;var vt=T.createElement("template");vt.innerHTML=`
   <style>
     ${De.styles}
 
@@ -224,22 +224,22 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       </svg>
     </button>
   </slot>
-`;var ee=class extends De{constructor(){var i,e;super(),(e=(i=this.shadowRoot)==null?void 0:i.querySelector(".close"))==null||e.addEventListener("click",()=>{this.close()})}};ee.template=vt;c.customElements.get("mxp-dialog")||(c.customElements.define("mxp-dialog",ee),c.MxpDialog=ee);import{TemplateInstance as Gt,ChildNodePart as be,AttrPart as he}from"media-chrome/dist/media-theme-element.js";var te=new WeakMap,ie=class{constructor(i,e){this.element=i;this.type=e;this.element.addEventListener(this.type,this);let r=te.get(this.element);r&&r.set(this.type,this)}set(i){if(typeof i=="function")this.handleEvent=i.bind(this.element);else if(typeof i=="object"&&typeof i.handleEvent=="function")this.handleEvent=i.handleEvent.bind(i);else{this.element.removeEventListener(this.type,this);let e=te.get(this.element);e&&e.delete(this.type)}}static for(i){te.has(i.element)||te.set(i.element,new Map);let e=i.attributeName.slice(2),r=te.get(i.element);return r&&r.has(e)?r.get(e):new ie(i.element,e)}};function zt(t,i){return t instanceof he&&t.attributeName.startsWith("on")?(ie.for(t).set(i),t.element.removeAttributeNS(t.attributeNamespace,t.attributeName),!0):!1}function Jt(t,i){return i instanceof pe&&t instanceof be?(i.renderInto(t),!0):!1}function Xt(t,i){return i instanceof DocumentFragment&&t instanceof be?(i.childNodes.length&&t.replace(...i.childNodes),!0):!1}function Qt(t,i){if(t instanceof he){let e=t.attributeNamespace,r=t.element.getAttributeNS(e,t.attributeName);return String(i)!==r&&(t.value=String(i)),!0}return t.value=String(i),!0}function ei(t,i){if(t instanceof he&&i instanceof Element){let e=t.element;return e[t.attributeName]!==i&&(t.element.removeAttributeNS(t.attributeNamespace,t.attributeName),e[t.attributeName]=i),!0}return!1}function ti(t,i){if(typeof i=="boolean"&&t instanceof he){let e=t.attributeNamespace,r=t.element.hasAttributeNS(e,t.attributeName);return i!==r&&(t.booleanValue=i),!0}return!1}function ii(t,i){return i===!1&&t instanceof be?(t.replace(""),!0):!1}function ai(t,i){ei(t,i)||ti(t,i)||zt(t,i)||ii(t,i)||Jt(t,i)||Xt(t,i)||Qt(t,i)}var Ve=new Map,kt=new WeakMap,Et=new WeakMap,pe=class{constructor(i,e,r){this.strings=i;this.values=e;this.processor=r;this.stringsKey=this.strings.join("
")}get template(){if(Ve.has(this.stringsKey))return Ve.get(this.stringsKey);{let i=T.createElement("template"),e=this.strings.length-1;return i.innerHTML=this.strings.reduce((r,a,o)=>r+a+(o<e?`{{ ${o} }}`:""),""),Ve.set(this.stringsKey,i),i}}renderInto(i){var a;let e=this.template;if(kt.get(i)!==e){kt.set(i,e);let o=new Gt(e,this.values,this.processor);Et.set(i,o),i instanceof be?i.replace(...o.children):i.appendChild(o);return}let r=Et.get(i);(a=r==null?void 0:r.update)==null||a.call(r,this.values)}},ri={processCallback(t,i,e){var r;if(!!e){for(let[a,o]of i)if(a in e){let s=(r=e[a])!=null?r:"";ai(o,s)}}}};function R(t,...i){return new pe(t,i,ri)}function Tt(t,i){t.renderInto(i)}import{StreamTypes as oi,toMuxVideoURL as Ct}from"@mux/playback-core";var At=t=>R`
+`;var ee=class extends De{constructor(){var a,e;super(),(e=(a=this.shadowRoot)==null?void 0:a.querySelector(".close"))==null||e.addEventListener("click",()=>{this.close()})}};ee.template=vt;c.customElements.get("mxp-dialog")||(c.customElements.define("mxp-dialog",ee),c.MxpDialog=ee);import{TemplateInstance as Gt,ChildNodePart as be,AttrPart as he}from"media-chrome/dist/media-theme-element.js";var te=new WeakMap,ae=class{constructor(a,e){this.element=a;this.type=e;this.element.addEventListener(this.type,this);let r=te.get(this.element);r&&r.set(this.type,this)}set(a){if(typeof a=="function")this.handleEvent=a.bind(this.element);else if(typeof a=="object"&&typeof a.handleEvent=="function")this.handleEvent=a.handleEvent.bind(a);else{this.element.removeEventListener(this.type,this);let e=te.get(this.element);e&&e.delete(this.type)}}static for(a){te.has(a.element)||te.set(a.element,new Map);let e=a.attributeName.slice(2),r=te.get(a.element);return r&&r.has(e)?r.get(e):new ae(a.element,e)}};function zt(t,a){return t instanceof he&&t.attributeName.startsWith("on")?(ae.for(t).set(a),t.element.removeAttributeNS(t.attributeNamespace,t.attributeName),!0):!1}function Jt(t,a){return a instanceof pe&&t instanceof be?(a.renderInto(t),!0):!1}function Xt(t,a){return a instanceof DocumentFragment&&t instanceof be?(a.childNodes.length&&t.replace(...a.childNodes),!0):!1}function Qt(t,a){if(t instanceof he){let e=t.attributeNamespace,r=t.element.getAttributeNS(e,t.attributeName);return String(a)!==r&&(t.value=String(a)),!0}return t.value=String(a),!0}function ea(t,a){if(t instanceof he&&a instanceof Element){let e=t.element;return e[t.attributeName]!==a&&(t.element.removeAttributeNS(t.attributeNamespace,t.attributeName),e[t.attributeName]=a),!0}return!1}function ta(t,a){if(typeof a=="boolean"&&t instanceof he){let e=t.attributeNamespace,r=t.element.hasAttributeNS(e,t.attributeName);return a!==r&&(t.booleanValue=a),!0}return!1}function aa(t,a){return a===!1&&t instanceof be?(t.replace(""),!0):!1}function ia(t,a){ea(t,a)||ta(t,a)||zt(t,a)||aa(t,a)||Jt(t,a)||Xt(t,a)||Qt(t,a)}var Ve=new Map,kt=new WeakMap,Et=new WeakMap,pe=class{constructor(a,e,r){this.strings=a;this.values=e;this.processor=r;this.stringsKey=this.strings.join("
")}get template(){if(Ve.has(this.stringsKey))return Ve.get(this.stringsKey);{let a=T.createElement("template"),e=this.strings.length-1;return a.innerHTML=this.strings.reduce((r,i,o)=>r+i+(o<e?`{{ ${o} }}`:""),""),Ve.set(this.stringsKey,a),a}}renderInto(a){var i;let e=this.template;if(kt.get(a)!==e){kt.set(a,e);let o=new Gt(e,this.values,this.processor);Et.set(a,o),a instanceof be?a.replace(...o.children):a.appendChild(o);return}let r=Et.get(a);(i=r==null?void 0:r.update)==null||i.call(r,this.values)}},ra={processCallback(t,a,e){var r;if(!!e){for(let[i,o]of a)if(i in e){let s=(r=e[i])!=null?r:"";ia(o,s)}}}};function R(t,...a){return new pe(t,a,ra)}function Tt(t,a){t.renderInto(a)}import{StreamTypes as oa,toMuxVideoURL as Ct}from"@mux/playback-core";var At=t=>R`
   <style>
     ${bt}
   </style>
-  ${si(t)}
-`,ni=t=>{let i=t.hotKeys?`${t.hotKeys}`:"";return X(t.streamType)==="live"&&(i+=" noarrowleft noarrowright"),i},si=t=>{var i,e,r,a,o,s,m,h,x,E,_,g,v,C,P,p,de,G,Y,$e,Ke,Fe,Ye,We,Ze,je,qe,Ge,ze,Je,Xe,Qe,et,tt;return R`
+  ${sa(t)}
+`,na=t=>{let a=t.hotKeys?`${t.hotKeys}`:"";return X(t.streamType)==="live"&&(a+=" noarrowleft noarrowright"),a},sa=t=>{var a,e,r,i,o,s,m,h,x,E,_,g,v,C,P,p,de,G,Y,$e,Ke,Fe,Ye,We,Ze,je,qe,Ge,ze,Je,Xe,Qe,et,tt;return R`
   <media-theme
     template="${t.themeTemplate||!1}"
-    defaultstreamtype="${(i=t.defaultStreamType)!=null?i:!1}"
-    hotkeys="${ni(t)||!1}"
+    defaultstreamtype="${(a=t.defaultStreamType)!=null?a:!1}"
+    hotkeys="${na(t)||!1}"
     nohotkeys="${t.noHotKeys||!t.hasSrc||t.isDialogOpen||!1}"
-    noautoseektolive="${!!((e=t.streamType)!=null&&e.includes(oi.LIVE))&&t.targetLiveWindow!==0}"
+    noautoseektolive="${!!((e=t.streamType)!=null&&e.includes(oa.LIVE))&&t.targetLiveWindow!==0}"
     novolumepref="${t.novolumepref||!1}"
     disabled="${!t.hasSrc||t.isDialogOpen}"
     audio="${(r=t.audio)!=null?r:!1}"
-    style="${(a=ot({"--media-primary-color":t.primaryColor,"--media-secondary-color":t.secondaryColor,"--media-accent-color":t.accentColor}))!=null?a:!1}"
+    style="${(i=ot({"--media-primary-color":t.primaryColor,"--media-secondary-color":t.secondaryColor,"--media-accent-color":t.accentColor}))!=null?i:!1}"
     defaultsubtitles="${!t.defaultHiddenCaptions}"
     forwardseekoffset="${(o=t.forwardSeekOffset)!=null?o:!1}"
     backwardseekoffset="${(s=t.backwardSeekOffset)!=null?s:!1}"
@@ -302,7 +302,7 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       </p>
     </mxp-dialog>
   </media-theme>
-`};import{MediaError as ge}from"@mux/mux-video";function fe(t,i,e,r,a){var m,h,x;let o={},s={};switch(t.code){case ge.MEDIA_ERR_NETWORK:{switch(o.title=l("Network Error",a),o.message=t.message,(m=t.data)==null?void 0:m.response.code){case 412:{o.title=l("Video is not currently available",a),o.message=l("The live stream or video file are not yet ready.",a),s.message=l("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",a),s.file="412-not-playable.md";break}case 404:{o.title=l("Video does not exist",a),o.message="",s.message=l("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",a),s.file="404-not-found.md";break}case 403:{if(o.title=l("Invalid playback URL",a),o.message=l("The video URL or playback-token are formatted with incorrect or incomplete information.",a),s.message=l("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",a),s.file="missing-signed-tokens.md",!r)break;let{exp:E,aud:_,sub:g}=N(r),v=Date.now()>E*1e3,C=g!==e,P=_!=="v",p={timeStyle:"medium",dateStyle:"medium"};if(v){o.title=l("Video URL has expired",a),o.message=l("The video\u2019s secured playback-token has expired.",a),s.message=l("The video\u2019s secured playback-token has expired.",a),s.context=l("Expired at: {expiredDate}. Current time: {currentDate}.",a).format({expiredDate:new Intl.DateTimeFormat(B.code,p).format(E*1e3),currentDate:new Intl.DateTimeFormat(B.code,p).format(Date.now())}),s.file="403-expired-token.md";break}if(C){o.title=l("Video URL is formatted incorrectly",a),o.message=l("The video\u2019s playback ID does not match the one encoded in the playback-token.",a),s.message=l("The video\u2019s playback ID does not match the one encoded in the playback-token.",a),s.context=l("Specified playback ID: {playbackId} and the playback ID encoded in the playback-token: {tokenPlaybackId}",a).format({playbackId:e,tokenPlaybackId:g}),s.file="403-playback-id-mismatch.md";break}if(P){o.title=l("Video URL is formatted incorrectly",a),o.message=l("The playback-token is formatted with incorrect information.",a),s.message=l("The playback-token is formatted with incorrect information.",a),s.context=l("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",a).format({tokenType:_}),s.file="403-incorrect-aud-value.md";break}s.message=l("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",a),s.file="403-malformatted-token.md";break}}break}case ge.MEDIA_ERR_DECODE:{let{message:E}=t;o={title:l("Media Error",a),message:E},s.file="media-decode-error.md";break}case ge.MEDIA_ERR_SRC_NOT_SUPPORTED:{let E=(x=(h=t.data)==null?void 0:h.response)==null?void 0:x.code;if(E>=400&&E<500){t.code=ge.MEDIA_ERR_NETWORK,t.data={response:{code:E}},{dialog:o,devlog:s}=fe(t,i,e,r);break}o={title:l("Source Not Supported",a),message:t.message},s.file="media-src-not-supported.md";break}default:o={title:l("Error",a),message:t.message};break}return i&&(o={title:l("Your device appears to be offline",a),message:l("Check your internet connection and try reloading this video.",a)}),{dialog:o,devlog:s}}var xt=`<template id="media-theme-gerwig">
+`};import{MediaError as ge}from"@mux/mux-video";function fe(t,a,e,r,i){var m,h,x;let o={},s={};switch(t.code){case ge.MEDIA_ERR_NETWORK:{switch(o.title=l("Network Error",i),o.message=t.message,(m=t.data)==null?void 0:m.response.code){case 412:{o.title=l("Video is not currently available",i),o.message=l("The live stream or video file are not yet ready.",i),s.message=l("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",i),s.file="412-not-playable.md";break}case 404:{o.title=l("Video does not exist",i),o.message="",s.message=l("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",i),s.file="404-not-found.md";break}case 403:{if(o.title=l("Invalid playback URL",i),o.message=l("The video URL or playback-token are formatted with incorrect or incomplete information.",i),s.message=l("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",i),s.file="missing-signed-tokens.md",!r)break;let{exp:E,aud:_,sub:g}=N(r),v=Date.now()>E*1e3,C=g!==e,P=_!=="v",p={timeStyle:"medium",dateStyle:"medium"};if(v){o.title=l("Video URL has expired",i),o.message=l("The video\u2019s secured playback-token has expired.",i),s.message=l("The video\u2019s secured playback-token has expired.",i),s.context=l("Expired at: {expiredDate}. Current time: {currentDate}.",i).format({expiredDate:new Intl.DateTimeFormat(B.code,p).format(E*1e3),currentDate:new Intl.DateTimeFormat(B.code,p).format(Date.now())}),s.file="403-expired-token.md";break}if(C){o.title=l("Video URL is formatted incorrectly",i),o.message=l("The video\u2019s playback ID does not match the one encoded in the playback-token.",i),s.message=l("The video\u2019s playback ID does not match the one encoded in the playback-token.",i),s.context=l("Specified playback ID: {playbackId} and the playback ID encoded in the playback-token: {tokenPlaybackId}",i).format({playbackId:e,tokenPlaybackId:g}),s.file="403-playback-id-mismatch.md";break}if(P){o.title=l("Video URL is formatted incorrectly",i),o.message=l("The playback-token is formatted with incorrect information.",i),s.message=l("The playback-token is formatted with incorrect information.",i),s.context=l("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",i).format({tokenType:_}),s.file="403-incorrect-aud-value.md";break}s.message=l("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",i),s.file="403-malformatted-token.md";break}}break}case ge.MEDIA_ERR_DECODE:{let{message:E}=t;o={title:l("Media Error",i),message:E},s.file="media-decode-error.md";break}case ge.MEDIA_ERR_SRC_NOT_SUPPORTED:{let E=(x=(h=t.data)==null?void 0:h.response)==null?void 0:x.code;if(E>=400&&E<500){t.code=ge.MEDIA_ERR_NETWORK,t.data={response:{code:E}},{dialog:o,devlog:s}=fe(t,a,e,r);break}o={title:l("Source Not Supported",i),message:t.message},s.file="media-src-not-supported.md";break}default:o={title:l("Error",i),message:t.message};break}return a&&(o={title:l("Your device appears to be offline",i),message:l("Check your internet connection and try reloading this video.",i)}),{dialog:o,devlog:s}}var xt=`<template id="media-theme-gerwig">
   <style>
     @keyframes pre-play-hide {
       0% {
@@ -394,9 +394,10 @@ media-poster-image:not([src]):not([placeholdersrc]) {
         var(--_accent-color) 25%,
         var(--_accent-color)
       );
-      --media-range-thumb-width: 0;
-      --media-range-thumb-height: 0;
-      --media-range-thumb-transition: all 0.3s;
+      --media-range-thumb-width: 12px;
+      --media-range-thumb-height: 12px;
+      --media-range-thumb-transform: scale(0);
+      --media-range-thumb-transition: transform 0.3s;
       --media-range-thumb-opacity: 1;
       --media-preview-thumbnail-background: var(--_primary-color);
       --media-preview-thumbnail-border: 5px solid var(--_primary-color);
@@ -419,8 +420,7 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     }
 
     media-time-range:hover {
-      --media-range-thumb-width: 12px;
-      --media-range-thumb-height: 12px;
+      --media-range-thumb-transform: scale(1);
     }
 
     media-time-range::part(preview-box)::after {
@@ -436,32 +436,33 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       transform: translate(-50%, -10px);
     }
 
-    :is(media-captions-listbox, media-rendition-listbox, media-audio-track-listbox)::part(indicator) {
+    [part~='listbox'] {
+      border-radius: 2px;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+      bottom: calc(100% + 16px);
+      padding: 2.5px 10px;
+    }
+
+    [part~='listbox']::part(indicator) {
       fill: var(--_accent-color);
     }
 
-    :is(media-captions-listbox, media-rendition-listbox, media-audio-track-listbox)::part(option) {
+    [part~='listbox']::part(option) {
+      box-sizing: border-box;
       display: flex;
       align-items: center;
-      padding: 8px 10px;
+      padding: 6px 10px;
+      min-height: 34px;
     }
 
-    :is(media-captions-listbox, media-rendition-listbox, media-audio-track-listbox)::part(option-selected) {
+    [part~='listbox']::part(option-selected) {
       font-weight: 700;
     }
 
-    media-captions-listbox,
-    media-rendition-listbox,
-    media-audio-track-listbox {
-      border-radius: 2px;
-      border: 1px solid rgba(0, 0, 0, 0.1);
-      bottom: calc(100% + 16px);
-      padding: 10px;
-    }
-
     media-captions-selectmenu,
     media-rendition-selectmenu,
-    media-audio-track-selectmenu {
+    media-audio-track-selectmenu,
+    media-playback-rate-listbox[part~='listbox'] {
       --media-listbox-background: var(--_primary-color);
       --media-option-selected-background: transparent;
       --media-option-hover-background: transparent;
@@ -475,8 +476,29 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       --media-control-height: 16px;
     }
 
+    media-playback-rate-button {
+      --media-control-padding: 6px 3px;
+      min-width: 4.4ch;
+    }
+
+    media-playback-rate-listbox[part~='listbox'] {
+      --media-listbox-layout: row;
+      --media-option-selected-background: var(--_accent-color);
+      margin-right: 6px;
+      padding: 0;
+    }
+
+    media-playback-rate-listbox[part~='listbox']::part(option) {
+      padding: 6px 4px;
+    }
+
+    media-playback-rate-listbox[part~='listbox']::part(option-selected) {
+      color: #fff;
+    }
+
     :host(:not([audio])) media-time-range {
-      --media-range-padding: 0;
+      /* Adding px is required here for calc() */
+      --media-range-padding: 0px;
       background: transparent;
       z-index: 10;
       height: 10px;
@@ -682,6 +704,8 @@ media-poster-image:not([src]):not([placeholdersrc]) {
 
     media-volume-range {
       width: min(100%, 100px);
+      --media-range-padding-left: 10px;
+      --media-range-padding-right: 10px;
       --media-range-thumb-width: 12px;
       --media-range-thumb-height: 12px;
       --media-range-thumb-background: radial-gradient(
@@ -1016,14 +1040,16 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     </media-live-button>
   </template>
 
-  <template partial="PlaybackRateButton">
-    <media-playback-rate-button
+  <template partial="PlaybackRateSelect">
+    <media-playback-rate-selectmenu
       rates="{{playbackrates}}"
-      part="bottom playback-rate button"
+      part="bottom playback-rate selectmenu"
       disabled="{{disabled}}"
       aria-disabled="{{disabled}}"
     >
-    </media-playback-rate-button>
+      <media-playback-rate-button slot="button" part="bottom playback-rate button"></media-playback-rate-button>
+      <media-playback-rate-listbox slot="listbox" part="bottom playback-rate listbox"></media-playback-rate-listbox>
+    </media-playback-rate-selectmenu>
   </template>
 
   <template partial="VolumeRange">
@@ -1194,7 +1220,7 @@ media-poster-image:not([src]):not([placeholdersrc]) {
           {{>MuteButton}} {{>VolumeRange}}
           <div class="spacer"></div>
           {{>RenditionSelect}}
-          <template if="breakpointsm"> {{>PlaybackRateButton}} </template>
+          <template if="breakpointsm"> {{>PlaybackRateSelect}} </template>
           {{>AudioTrackSelect}} {{>CaptionsMenuButton}} {{>AirplayButton}} {{>CastButton}}
           <template if="breakpointsm"> {{>PipButton}} </template>
           {{>FullscreenButton}}
@@ -1233,7 +1259,7 @@ media-poster-image:not([src]):not([placeholdersrc]) {
           <template if="breakpointsm">{{>VolumeRange}}</template>
           {{>TimeDisplay}} {{>TimeRange}}
           <div class="spacer"></div>
-          <template if="breakpointsm">{{>PlaybackRateButton}}</template>
+          <template if="breakpointsm">{{>PlaybackRateSelect}}</template>
           {{>AirplayButton}} {{>CastButton}}
         </media-control-bar>
       </template>
@@ -1257,5 +1283,5 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     <slot></slot>
   </media-controller>
 </template>
-`;import{MediaThemeElement as li}from"media-chrome/dist/media-theme-element.js";var He=T.createElement("template");"innerHTML"in He&&(He.innerHTML=xt);var Lt,wt,ye=class extends li{};ye.template=(wt=(Lt=He.content)==null?void 0:Lt.children)==null?void 0:wt[0];c.customElements.get("media-theme-gerwig")||c.customElements.define("media-theme-gerwig",ye);var bi="gerwig";var M={SRC:"src",POSTER:"poster"},n={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",ACCENT_COLOR:"accent-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",STORYBOARD_SRC:"storyboard-src",THUMBNAIL_TIME:"thumbnail-time",AUDIO:"audio",NOHOTKEYS:"nohotkeys",HOTKEYS:"hotkeys",PLAYBACK_RATES:"playbackrates",DEFAULT_SHOW_REMAINING_TIME:"default-show-remaining-time",TITLE:"title",PLACEHOLDER:"placeholder",THEME:"theme",DEFAULT_STREAM_TYPE:"default-stream-type",TARGET_LIVE_WINDOW:"target-live-window",NO_VOLUME_PREF:"no-volume-pref"},Be=["audio","backwardseekoffset","defaultshowremainingtime","defaultsubtitles","noautoseektolive","disabled","exportparts","forwardseekoffset","hideduration","hotkeys","nohotkeys","playbackrates","defaultstreamtype","streamtype","style","targetlivewindow","template","title","novolumepref"];function hi(t,i){var r;return{src:!t.playbackId&&t.src,playbackId:t.playbackId,hasSrc:!!t.playbackId||!!t.src,poster:t.poster,storyboard:t.storyboard,storyboardSrc:t.getAttribute(n.STORYBOARD_SRC),placeholder:t.getAttribute("placeholder"),themeTemplate:gi(t),thumbnailTime:!t.tokens.thumbnail&&t.thumbnailTime,autoplay:t.autoplay,crossOrigin:t.crossOrigin,loop:t.loop,noHotKeys:t.hasAttribute(n.NOHOTKEYS),hotKeys:t.getAttribute(n.HOTKEYS),muted:t.muted,paused:t.paused,preload:t.preload,envKey:t.envKey,preferCmcd:t.preferCmcd,debug:t.debug,disableCookies:t.disableCookies,tokens:t.tokens,beaconCollectionDomain:t.beaconCollectionDomain,maxResolution:t.maxResolution,minResolution:t.minResolution,renditionOrder:t.renditionOrder,metadata:t.metadata,playerSoftwareName:t.playerSoftwareName,playerSoftwareVersion:t.playerSoftwareVersion,startTime:t.startTime,preferPlayback:t.preferPlayback,audio:t.audio,defaultStreamType:t.defaultStreamType,targetLiveWindow:t.getAttribute(d.TARGET_LIVE_WINDOW),streamType:X(t.getAttribute(d.STREAM_TYPE)),primaryColor:t.primaryColor,secondaryColor:t.secondaryColor,accentColor:t.accentColor,forwardSeekOffset:t.forwardSeekOffset,backwardSeekOffset:t.backwardSeekOffset,defaultHiddenCaptions:t.defaultHiddenCaptions,defaultShowRemainingTime:t.defaultShowRemainingTime,hideDuration:fi(t),playbackRates:t.getAttribute(n.PLAYBACK_RATES),customDomain:(r=t.getAttribute(d.CUSTOM_DOMAIN))!=null?r:void 0,title:t.getAttribute(n.TITLE),novolumepref:t.hasAttribute(n.NO_VOLUME_PREF),extraPlaylistParams:{redundant_streams:!0},...i}}function gi(t){var e,r;let i=t.theme;if(i){let a=(r=(e=t.getRootNode())==null?void 0:e.getElementById)==null?void 0:r.call(e,i);if(a&&a instanceof HTMLTemplateElement)return a;i.startsWith("media-theme-")||(i=`media-theme-${i}`);let o=c.customElements.get(i);if(o!=null&&o.template)return o.template}}function fi(t){var e;let i=(e=t.mediaController)==null?void 0:e.querySelector("media-time-display");return i&&getComputedStyle(i).getPropertyValue("--media-duration-display-display").trim()==="none"}function Rt(t){let i=t.hasAttribute(n.TITLE)?{video_title:t.getAttribute(n.TITLE)}:{};return t.getAttributeNames().filter(e=>e.startsWith("metadata-")).reduce((e,r)=>{let a=t.getAttribute(r);return a!==null&&(e[r.replace(/^metadata-/,"").replace(/-/g,"_")]=a),e},i)}var yi=Object.values(d),vi=Object.values(M),ki=Object.values(n),Ei=ce(),Ti="mux-player",Mt={dialog:void 0,isDialogOpen:!1},re,oe,S,ne,F,V,j,Ee,St,se,Ue,H,q,Te,_t,Ce,Pt,Ae,Nt,xe,It,ae=class extends Ie{constructor(){super();b(this,V);b(this,Ee);b(this,se);b(this,H);b(this,Te);b(this,Ce);b(this,Ae);b(this,xe);b(this,re,!1);b(this,oe,{});b(this,S,!0);b(this,ne,new ue(this,"hotkeys"));b(this,F,{...Mt,onCloseErrorDialog:()=>f(this,se,Ue).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:e=>{Se(this,T.activeElement)||e.preventDefault()}});this.attachShadow({mode:"open"}),f(this,Ee,St).call(this),this.isConnected&&f(this,V,j).call(this)}static get observedAttributes(){var e;return[...(e=Ie.observedAttributes)!=null?e:[],...vi,...yi,...ki]}get mediaTheme(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("media-theme")}get mediaController(){var e,r;return(r=(e=this.mediaTheme)==null?void 0:e.shadowRoot)==null?void 0:r.querySelector("media-controller")}connectedCallback(){var r;let e=(r=this.shadowRoot)==null?void 0:r.querySelector("mux-video");e&&(e.metadata=Rt(this))}attributeChangedCallback(e,r,a){switch(f(this,V,j).call(this),super.attributeChangedCallback(e,r,a),e){case n.HOTKEYS:u(this,ne).value=a;break;case n.THUMBNAIL_TIME:{a!=null&&this.tokens.thumbnail&&I(l("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case n.THUMBNAIL_TOKEN:{let{aud:s}=N(a);a&&s!=="t"&&I(l("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:s}));break}case n.STORYBOARD_TOKEN:{let{aud:s}=N(a);a&&s!=="s"&&I(l("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:s}));break}case d.PLAYBACK_ID:{a!=null&&a.includes("?token")&&L(l("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:a}));break}case d.STREAM_TYPE:a&&![w.LIVE,w.ON_DEMAND,w.UNKNOWN].includes(a)?["ll-live","live:dvr","ll-live:dvr"].includes(this.streamType)?this.targetLiveWindow=a.includes("dvr")?Number.POSITIVE_INFINITY:0:Pe({file:"invalid-stream-type.md",message:l("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand` or `live`").format({streamType:this.streamType})}):this.targetLiveWindow=a===w.LIVE?0:Number.NaN}[d.PLAYBACK_ID,M.SRC,n.PLAYBACK_TOKEN].includes(e)&&r!==a&&A(this,F,{...u(this,F),...Mt}),f(this,H,q).call(this,{[lt(e)]:a})}get preferCmcd(){var e;return(e=this.getAttribute(d.PREFER_CMCD))!=null?e:void 0}set preferCmcd(e){e!==this.preferCmcd&&(e?Ot.includes(e)?this.setAttribute(d.PREFER_CMCD,e):I(`Invalid value for preferCmcd. Must be one of ${Ot.join()}`):this.removeAttribute(d.PREFER_CMCD))}get hasPlayed(){var e,r;return(r=(e=this.mediaController)==null?void 0:e.hasAttribute("media-has-played"))!=null?r:!1}get inLiveWindow(){var e;return(e=this.mediaController)==null?void 0:e.hasAttribute("media-time-is-live")}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 theme(){var e;return(e=this.getAttribute(n.THEME))!=null?e:bi}set theme(e){this.setAttribute(n.THEME,`${e}`)}get themeProps(){let e=this.mediaTheme;if(!e)return;let r={};for(let a of e.getAttributeNames()){if(Be.includes(a))continue;let o=e.getAttribute(a);r[me(a)]=o===""?!0:o}return r}set themeProps(e){var a,o;f(this,V,j).call(this);let r={...this.themeProps,...e};for(let s in r){if(Be.includes(s))continue;let m=e==null?void 0:e[s];typeof m=="boolean"||m==null?(a=this.mediaTheme)==null||a.toggleAttribute(le(s),Boolean(m)):(o=this.mediaTheme)==null||o.setAttribute(le(s),m)}}get playbackId(){var e;return(e=this.getAttribute(d.PLAYBACK_ID))!=null?e:void 0}set playbackId(e){e?this.setAttribute(d.PLAYBACK_ID,e):this.removeAttribute(d.PLAYBACK_ID)}get src(){var e,r;return this.playbackId?(e=Z(this,M.SRC))!=null?e:void 0:(r=this.getAttribute(M.SRC))!=null?r:void 0}set src(e){e?this.setAttribute(M.SRC,e):this.removeAttribute(M.SRC)}get poster(){var r;let e=this.getAttribute(M.POSTER);if(e!=null)return e;if(this.playbackId&&!this.audio)return st(this.playbackId,{customDomain:this.customDomain,thumbnailTime:(r=this.thumbnailTime)!=null?r:this.startTime,token:this.tokens.thumbnail})}set poster(e){e||e===""?this.setAttribute(M.POSTER,e):this.removeAttribute(M.POSTER)}get storyboardSrc(){var e;return(e=this.getAttribute(n.STORYBOARD_SRC))!=null?e:void 0}set storyboardSrc(e){e?this.setAttribute(n.STORYBOARD_SRC,e):this.removeAttribute(n.STORYBOARD_SRC)}get storyboard(){if(this.storyboardSrc&&!this.tokens.storyboard)return this.storyboardSrc;if(!(this.audio||!this.playbackId||!this.streamType||[w.LIVE,w.UNKNOWN].includes(this.streamType)))return dt(this.playbackId,{customDomain:this.customDomain,token:this.tokens.storyboard})}get audio(){return this.hasAttribute(n.AUDIO)}set audio(e){if(!e){this.removeAttribute(n.AUDIO);return}this.setAttribute(n.AUDIO,"")}get hotkeys(){return u(this,ne)}get nohotkeys(){return this.hasAttribute(n.NOHOTKEYS)}set nohotkeys(e){if(!e){this.removeAttribute(n.NOHOTKEYS);return}this.setAttribute(n.NOHOTKEYS,"")}get thumbnailTime(){return O(this.getAttribute(n.THUMBNAIL_TIME))}set thumbnailTime(e){this.setAttribute(n.THUMBNAIL_TIME,`${e}`)}get title(){var e;return(e=this.getAttribute(n.TITLE))!=null?e:""}set title(e){e!==this.title&&(e?this.setAttribute(n.TITLE,e):this.removeAttribute("title"),super.title=e)}get placeholder(){var e;return(e=Z(this,n.PLACEHOLDER))!=null?e:""}set placeholder(e){this.setAttribute(n.PLACEHOLDER,`${e}`)}get primaryColor(){var r,a;let e=this.getAttribute(n.PRIMARY_COLOR);if(e!=null||this.mediaTheme&&(e=(a=(r=c.getComputedStyle(this.mediaTheme))==null?void 0:r.getPropertyValue("--_primary-color"))==null?void 0:a.trim(),e))return e}set primaryColor(e){this.setAttribute(n.PRIMARY_COLOR,`${e}`)}get secondaryColor(){var r,a;let e=this.getAttribute(n.SECONDARY_COLOR);if(e!=null||this.mediaTheme&&(e=(a=(r=c.getComputedStyle(this.mediaTheme))==null?void 0:r.getPropertyValue("--_secondary-color"))==null?void 0:a.trim(),e))return e}set secondaryColor(e){this.setAttribute(n.SECONDARY_COLOR,`${e}`)}get accentColor(){var r,a;let e=this.getAttribute(n.ACCENT_COLOR);if(e!=null||this.mediaTheme&&(e=(a=(r=c.getComputedStyle(this.mediaTheme))==null?void 0:r.getPropertyValue("--_accent-color"))==null?void 0:a.trim(),e))return e}set accentColor(e){this.setAttribute(n.ACCENT_COLOR,`${e}`)}get defaultShowRemainingTime(){return this.hasAttribute(n.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(e){e?this.setAttribute(n.DEFAULT_SHOW_REMAINING_TIME,""):this.removeAttribute(n.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(!!this.hasAttribute(n.PLAYBACK_RATES))return this.getAttribute(n.PLAYBACK_RATES).trim().split(/\s*,?\s+/).map(e=>Number(e)).filter(e=>!Number.isNaN(e)).sort((e,r)=>e-r)}set playbackRates(e){if(!e){this.removeAttribute(n.PLAYBACK_RATES);return}this.setAttribute(n.PLAYBACK_RATES,e.join(" "))}get forwardSeekOffset(){var e;return(e=O(this.getAttribute(n.FORWARD_SEEK_OFFSET)))!=null?e:10}set forwardSeekOffset(e){this.setAttribute(n.FORWARD_SEEK_OFFSET,`${e}`)}get backwardSeekOffset(){var e;return(e=O(this.getAttribute(n.BACKWARD_SEEK_OFFSET)))!=null?e:10}set backwardSeekOffset(e){this.setAttribute(n.BACKWARD_SEEK_OFFSET,`${e}`)}get defaultHiddenCaptions(){return this.hasAttribute(n.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(e){e?this.setAttribute(n.DEFAULT_HIDDEN_CAPTIONS,""):this.removeAttribute(n.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var e;return(e=this.getAttribute(d.PLAYER_SOFTWARE_NAME))!=null?e:Ti}get playerSoftwareVersion(){var e;return(e=this.getAttribute(d.PLAYER_SOFTWARE_VERSION))!=null?e:Ei}get beaconCollectionDomain(){var e;return(e=this.getAttribute(d.BEACON_COLLECTION_DOMAIN))!=null?e:void 0}set beaconCollectionDomain(e){e!==this.beaconCollectionDomain&&(e?this.setAttribute(d.BEACON_COLLECTION_DOMAIN,e):this.removeAttribute(d.BEACON_COLLECTION_DOMAIN))}get maxResolution(){var e;return(e=this.getAttribute(d.MAX_RESOLUTION))!=null?e:void 0}set maxResolution(e){e!==this.maxResolution&&(e?this.setAttribute(d.MAX_RESOLUTION,e):this.removeAttribute(d.MAX_RESOLUTION))}get minResolution(){var e;return(e=this.getAttribute(d.MIN_RESOLUTION))!=null?e:void 0}set minResolution(e){e!==this.minResolution&&(e?this.setAttribute(d.MIN_RESOLUTION,e):this.removeAttribute(d.MIN_RESOLUTION))}get renditionOrder(){var e;return(e=this.getAttribute(d.RENDITION_ORDER))!=null?e:void 0}set renditionOrder(e){e!==this.renditionOrder&&(e?this.setAttribute(d.RENDITION_ORDER,e):this.removeAttribute(d.RENDITION_ORDER))}get customDomain(){var e;return(e=this.getAttribute(d.CUSTOM_DOMAIN))!=null?e:void 0}set customDomain(e){e!==this.customDomain&&(e?this.setAttribute(d.CUSTOM_DOMAIN,e):this.removeAttribute(d.CUSTOM_DOMAIN))}get envKey(){var e;return(e=Z(this,d.ENV_KEY))!=null?e:void 0}set envKey(e){this.setAttribute(d.ENV_KEY,`${e}`)}get noVolumePref(){return this.hasAttribute(n.NO_VOLUME_PREF)}set noVolumePref(e){e?this.setAttribute(n.NO_VOLUME_PREF,""):this.removeAttribute(n.NO_VOLUME_PREF)}get debug(){return Z(this,d.DEBUG)!=null}set debug(e){e?this.setAttribute(d.DEBUG,""):this.removeAttribute(d.DEBUG)}get disableCookies(){return Z(this,d.DISABLE_COOKIES)!=null}set disableCookies(e){e?this.setAttribute(d.DISABLE_COOKIES,""):this.removeAttribute(d.DISABLE_COOKIES)}get streamType(){var e,r,a;return(a=(r=this.getAttribute(d.STREAM_TYPE))!=null?r:(e=this.media)==null?void 0:e.streamType)!=null?a:w.UNKNOWN}set streamType(e){this.setAttribute(d.STREAM_TYPE,`${e}`)}get defaultStreamType(){var e,r,a;return(a=(r=this.getAttribute(n.DEFAULT_STREAM_TYPE))!=null?r:(e=this.mediaController)==null?void 0:e.getAttribute(n.DEFAULT_STREAM_TYPE))!=null?a:w.ON_DEMAND}set defaultStreamType(e){e?this.setAttribute(n.DEFAULT_STREAM_TYPE,e):this.removeAttribute(n.DEFAULT_STREAM_TYPE)}get targetLiveWindow(){var e,r;return this.hasAttribute(n.TARGET_LIVE_WINDOW)?+this.getAttribute(n.TARGET_LIVE_WINDOW):(r=(e=this.media)==null?void 0:e.targetLiveWindow)!=null?r:Number.NaN}set targetLiveWindow(e){e!=this.targetLiveWindow&&(e==null?this.removeAttribute(n.TARGET_LIVE_WINDOW):this.setAttribute(n.TARGET_LIVE_WINDOW,`${+e}`))}get liveEdgeStart(){var e;return(e=this.media)==null?void 0:e.liveEdgeStart}get startTime(){return O(Z(this,d.START_TIME))}set startTime(e){this.setAttribute(d.START_TIME,`${e}`)}get preferPlayback(){let e=this.getAttribute(d.PREFER_PLAYBACK);if(e===ke.MSE||e===ke.NATIVE)return e}set preferPlayback(e){e!==this.preferPlayback&&(e===ke.MSE||e===ke.NATIVE?this.setAttribute(d.PREFER_PLAYBACK,e):this.removeAttribute(d.PREFER_PLAYBACK))}get metadata(){var e;return(e=this.media)==null?void 0:e.metadata}set metadata(e){if(f(this,V,j).call(this),!this.media){L("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata={...Rt(this),...e}}async addCuePoints(e){var r;if(f(this,V,j).call(this),!this.media){L("underlying media element missing when trying to addCuePoints. cuePoints will not be added.");return}return(r=this.media)==null?void 0:r.addCuePoints(e)}get activeCuePoint(){var e;return(e=this.media)==null?void 0:e.activeCuePoint}get cuePoints(){var e,r;return(r=(e=this.media)==null?void 0:e.cuePoints)!=null?r:[]}getStartDate(){var e;return(e=this.media)==null?void 0:e.getStartDate()}get currentPdt(){var e;return(e=this.media)==null?void 0:e.currentPdt}get tokens(){let e=this.getAttribute(n.PLAYBACK_TOKEN),r=this.getAttribute(n.THUMBNAIL_TOKEN),a=this.getAttribute(n.STORYBOARD_TOKEN);return{...u(this,oe),...e!=null?{playback:e}:{},...r!=null?{thumbnail:r}:{},...a!=null?{storyboard:a}:{}}}set tokens(e){A(this,oe,e!=null?e:{})}get playbackToken(){var e;return(e=this.getAttribute(n.PLAYBACK_TOKEN))!=null?e:void 0}set playbackToken(e){this.setAttribute(n.PLAYBACK_TOKEN,`${e}`)}get thumbnailToken(){var e;return(e=this.getAttribute(n.THUMBNAIL_TOKEN))!=null?e:void 0}set thumbnailToken(e){this.setAttribute(n.THUMBNAIL_TOKEN,`${e}`)}get storyboardToken(){var e;return(e=this.getAttribute(n.STORYBOARD_TOKEN))!=null?e:void 0}set storyboardToken(e){this.setAttribute(n.STORYBOARD_TOKEN,`${e}`)}addTextTrack(e,r,a,o){var m;let s=(m=this.media)==null?void 0:m.nativeEl;if(!!s)return ci(s,e,r,a,o)}removeTextTrack(e){var a;let r=(a=this.media)==null?void 0:a.nativeEl;if(!!r)return pi(r,e)}get textTracks(){var e;return(e=this.media)==null?void 0:e.textTracks}};re=new WeakMap,oe=new WeakMap,S=new WeakMap,ne=new WeakMap,F=new WeakMap,V=new WeakSet,j=function(){var e,r,a;if(!u(this,re)){A(this,re,!0),f(this,H,q).call(this);try{if(customElements.upgrade(this.mediaTheme),!(this.mediaTheme instanceof c.HTMLElement))throw""}catch{L("<media-theme> failed to upgrade!")}try{if(customElements.upgrade(this.media),!(this.media instanceof ui))throw""}catch{L("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof mi))throw""}catch{L("<media-controller> failed to upgrade!")}pt(this),f(this,Te,_t).call(this),f(this,Ce,Pt).call(this),f(this,Ae,Nt).call(this),A(this,S,(r=(e=this.mediaController)==null?void 0:e.hasAttribute("userinactive"))!=null?r:!0),f(this,xe,It).call(this),(a=this.media)==null||a.addEventListener("streamtypechange",()=>{f(this,H,q).call(this)})}},Ee=new WeakSet,St=function(){var e,r;try{(e=window==null?void 0:window.CSS)==null||e.registerProperty({name:"--media-primary-color",syntax:"<color>",inherits:!0}),(r=window==null?void 0:window.CSS)==null||r.registerProperty({name:"--media-secondary-color",syntax:"<color>",inherits:!0})}catch{}},se=new WeakSet,Ue=function(e){Object.assign(u(this,F),e),f(this,H,q).call(this)},H=new WeakSet,q=function(e={}){Tt(At(hi(this,{...u(this,F),...e})),this.shadowRoot)},Te=new WeakSet,_t=function(){let e=a=>{var m,h;if(!(a!=null&&a.startsWith("theme-")))return;let o=a.replace(/^theme-/,"");if(Be.includes(o))return;let s=this.getAttribute(a);s!=null?(m=this.mediaTheme)==null||m.setAttribute(o,s):(h=this.mediaTheme)==null||h.removeAttribute(o)};new MutationObserver(a=>{for(let{attributeName:o}of a)e(o)}).observe(this,{attributes:!0}),this.getAttributeNames().forEach(e)},Ce=new WeakSet,Pt=function(){var r;let e=a=>{let{detail:o}=a;if(o instanceof ve||(o=new ve(o.message,o.code,o.fatal)),!(o!=null&&o.fatal)){I(o),o.data&&I(`${o.name} data:`,o.data);return}let{dialog:s,devlog:m}=fe(o,!window.navigator.onLine,this.playbackId,this.playbackToken);m.message&&Pe(m),L(o),o.data&&L(`${o.name} data:`,o.data),f(this,se,Ue).call(this,{isDialogOpen:!0,dialog:s})};this.addEventListener("error",e),this.media&&(this.media.errorTranslator=(a={})=>{var s,m,h;if(!(((s=this.media)==null?void 0:s.error)instanceof ve))return a;let{devlog:o}=fe((m=this.media)==null?void 0:m.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(h=this.media)==null?void 0:h.error.code,player_error_message:o.message?String(o.message):a.player_error_message,player_error_context:o.context?String(o.context):a.player_error_context}}),(r=this.media)==null||r.addEventListener("error",a=>{var s,m;let{detail:o}=a;if(!o){let{message:h,code:x}=(m=(s=this.media)==null?void 0:s.error)!=null?m:{};o=new ve(h,x)}!(o!=null&&o.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:o}))})},Ae=new WeakSet,Nt=function(){var r,a,o,s;let e=()=>f(this,H,q).call(this);(a=(r=this.media)==null?void 0:r.textTracks)==null||a.addEventListener("addtrack",e),(s=(o=this.media)==null?void 0:o.textTracks)==null||s.addEventListener("removetrack",e)},xe=new WeakSet,It=function(){var E,_;let e=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(!/Firefox/i.test(navigator.userAgent))return;let a,o=new WeakMap,s=()=>this.streamType===w.LIVE&&!this.secondaryColor&&this.offsetWidth>=800,m=(g,v,C=!1)=>{if(s())return;Array.from(g&&g.activeCues||[]).forEach(p=>{if(!(!p.snapToLines||p.line<-5||p.line>=0&&p.line<10))if(!v||this.paused){let de=p.text.split(`
-`).length,G=e?-2:-3;this.streamType===w.LIVE&&(G=e?-1:-2);let Y=G-de;if(p.line===Y&&!C)return;o.has(p)||o.set(p,p.line),p.line=Y-1,p.line=Y}else setTimeout(()=>{p.line=o.get(p)||"auto"},500)})},h=()=>{var g,v;m(a,(v=(g=this.mediaController)==null?void 0:g.hasAttribute("userinactive"))!=null?v:!1)},x=()=>{var C,P;let v=Array.from(((P=(C=this.mediaController)==null?void 0:C.media)==null?void 0:P.textTracks)||[]).filter(p=>["subtitles","captions"].includes(p.kind)&&p.mode==="showing")[0];v!==a&&(a==null||a.removeEventListener("cuechange",h)),a=v,a==null||a.addEventListener("cuechange",h),m(a,u(this,S))};if(x(),(E=this.textTracks)==null||E.addEventListener("change",x),(_=this.textTracks)==null||_.addEventListener("addtrack",x),navigator.userAgent.includes("Chrome/")){let g=()=>{m(a,u(this,S),!0),this.paused||window.requestAnimationFrame(g)};this.addEventListener("playing",()=>{g()})}this.addEventListener("userinactivechange",()=>{var v,C;let g=(C=(v=this.mediaController)==null?void 0:v.hasAttribute("userinactive"))!=null?C:!0;u(this,S)!==g&&(A(this,S,g),m(a,u(this,S)))})};function Z(t,i){return t.media?t.media.getAttribute(i):t.getAttribute(i)}c.customElements.get("mux-player")||(c.customElements.define("mux-player",ae),c.MuxPlayerElement=ae);var La=ae;export{ve as MediaError,La as default,Z as getVideoAttribute};
+`;import{MediaThemeElement as la}from"media-chrome/dist/media-theme-element.js";var He=T.createElement("template");"innerHTML"in He&&(He.innerHTML=xt);var Lt,wt,ye=class extends la{};ye.template=(wt=(Lt=He.content)==null?void 0:Lt.children)==null?void 0:wt[0];c.customElements.get("media-theme-gerwig")||c.customElements.define("media-theme-gerwig",ye);var ba="gerwig";var M={SRC:"src",POSTER:"poster"},n={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",ACCENT_COLOR:"accent-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",STORYBOARD_SRC:"storyboard-src",THUMBNAIL_TIME:"thumbnail-time",AUDIO:"audio",NOHOTKEYS:"nohotkeys",HOTKEYS:"hotkeys",PLAYBACK_RATES:"playbackrates",DEFAULT_SHOW_REMAINING_TIME:"default-show-remaining-time",TITLE:"title",PLACEHOLDER:"placeholder",THEME:"theme",DEFAULT_STREAM_TYPE:"default-stream-type",TARGET_LIVE_WINDOW:"target-live-window",NO_VOLUME_PREF:"no-volume-pref"},Be=["audio","backwardseekoffset","defaultshowremainingtime","defaultsubtitles","noautoseektolive","disabled","exportparts","forwardseekoffset","hideduration","hotkeys","nohotkeys","playbackrates","defaultstreamtype","streamtype","style","targetlivewindow","template","title","novolumepref"];function ha(t,a){var r;return{src:!t.playbackId&&t.src,playbackId:t.playbackId,hasSrc:!!t.playbackId||!!t.src,poster:t.poster,storyboard:t.storyboard,storyboardSrc:t.getAttribute(n.STORYBOARD_SRC),placeholder:t.getAttribute("placeholder"),themeTemplate:ga(t),thumbnailTime:!t.tokens.thumbnail&&t.thumbnailTime,autoplay:t.autoplay,crossOrigin:t.crossOrigin,loop:t.loop,noHotKeys:t.hasAttribute(n.NOHOTKEYS),hotKeys:t.getAttribute(n.HOTKEYS),muted:t.muted,paused:t.paused,preload:t.preload,envKey:t.envKey,preferCmcd:t.preferCmcd,debug:t.debug,disableCookies:t.disableCookies,tokens:t.tokens,beaconCollectionDomain:t.beaconCollectionDomain,maxResolution:t.maxResolution,minResolution:t.minResolution,renditionOrder:t.renditionOrder,metadata:t.metadata,playerSoftwareName:t.playerSoftwareName,playerSoftwareVersion:t.playerSoftwareVersion,startTime:t.startTime,preferPlayback:t.preferPlayback,audio:t.audio,defaultStreamType:t.defaultStreamType,targetLiveWindow:t.getAttribute(d.TARGET_LIVE_WINDOW),streamType:X(t.getAttribute(d.STREAM_TYPE)),primaryColor:t.primaryColor,secondaryColor:t.secondaryColor,accentColor:t.accentColor,forwardSeekOffset:t.forwardSeekOffset,backwardSeekOffset:t.backwardSeekOffset,defaultHiddenCaptions:t.defaultHiddenCaptions,defaultShowRemainingTime:t.defaultShowRemainingTime,hideDuration:fa(t),playbackRates:t.getAttribute(n.PLAYBACK_RATES),customDomain:(r=t.getAttribute(d.CUSTOM_DOMAIN))!=null?r:void 0,title:t.getAttribute(n.TITLE),novolumepref:t.hasAttribute(n.NO_VOLUME_PREF),extraPlaylistParams:{redundant_streams:!0},...a}}function ga(t){var e,r;let a=t.theme;if(a){let i=(r=(e=t.getRootNode())==null?void 0:e.getElementById)==null?void 0:r.call(e,a);if(i&&i instanceof HTMLTemplateElement)return i;a.startsWith("media-theme-")||(a=`media-theme-${a}`);let o=c.customElements.get(a);if(o!=null&&o.template)return o.template}}function fa(t){var e;let a=(e=t.mediaController)==null?void 0:e.querySelector("media-time-display");return a&&getComputedStyle(a).getPropertyValue("--media-duration-display-display").trim()==="none"}function Rt(t){let a=t.hasAttribute(n.TITLE)?{video_title:t.getAttribute(n.TITLE)}:{};return t.getAttributeNames().filter(e=>e.startsWith("metadata-")).reduce((e,r)=>{let i=t.getAttribute(r);return i!==null&&(e[r.replace(/^metadata-/,"").replace(/-/g,"_")]=i),e},a)}var ya=Object.values(d),va=Object.values(M),ka=Object.values(n),Ea=ce(),Ta="mux-player",Mt={dialog:void 0,isDialogOpen:!1},re,oe,S,ne,F,V,j,Ee,St,se,Ue,H,q,Te,_t,Ce,Pt,Ae,Nt,xe,It,ie=class extends Ie{constructor(){super();b(this,V);b(this,Ee);b(this,se);b(this,H);b(this,Te);b(this,Ce);b(this,Ae);b(this,xe);b(this,re,!1);b(this,oe,{});b(this,S,!0);b(this,ne,new ue(this,"hotkeys"));b(this,F,{...Mt,onCloseErrorDialog:()=>f(this,se,Ue).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:e=>{Se(this,T.activeElement)||e.preventDefault()}});this.attachShadow({mode:"open"}),f(this,Ee,St).call(this),this.isConnected&&f(this,V,j).call(this)}static get observedAttributes(){var e;return[...(e=Ie.observedAttributes)!=null?e:[],...va,...ya,...ka]}get mediaTheme(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("media-theme")}get mediaController(){var e,r;return(r=(e=this.mediaTheme)==null?void 0:e.shadowRoot)==null?void 0:r.querySelector("media-controller")}connectedCallback(){var r;let e=(r=this.shadowRoot)==null?void 0:r.querySelector("mux-video");e&&(e.metadata=Rt(this))}attributeChangedCallback(e,r,i){switch(f(this,V,j).call(this),super.attributeChangedCallback(e,r,i),e){case n.HOTKEYS:u(this,ne).value=i;break;case n.THUMBNAIL_TIME:{i!=null&&this.tokens.thumbnail&&I(l("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case n.THUMBNAIL_TOKEN:{let{aud:s}=N(i);i&&s!=="t"&&I(l("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:s}));break}case n.STORYBOARD_TOKEN:{let{aud:s}=N(i);i&&s!=="s"&&I(l("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:s}));break}case d.PLAYBACK_ID:{i!=null&&i.includes("?token")&&L(l("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:i}));break}case d.STREAM_TYPE:i&&![w.LIVE,w.ON_DEMAND,w.UNKNOWN].includes(i)?["ll-live","live:dvr","ll-live:dvr"].includes(this.streamType)?this.targetLiveWindow=i.includes("dvr")?Number.POSITIVE_INFINITY:0:Pe({file:"invalid-stream-type.md",message:l("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand` or `live`").format({streamType:this.streamType})}):this.targetLiveWindow=i===w.LIVE?0:Number.NaN}[d.PLAYBACK_ID,M.SRC,n.PLAYBACK_TOKEN].includes(e)&&r!==i&&A(this,F,{...u(this,F),...Mt}),f(this,H,q).call(this,{[lt(e)]:i})}get preferCmcd(){var e;return(e=this.getAttribute(d.PREFER_CMCD))!=null?e:void 0}set preferCmcd(e){e!==this.preferCmcd&&(e?Ot.includes(e)?this.setAttribute(d.PREFER_CMCD,e):I(`Invalid value for preferCmcd. Must be one of ${Ot.join()}`):this.removeAttribute(d.PREFER_CMCD))}get hasPlayed(){var e,r;return(r=(e=this.mediaController)==null?void 0:e.hasAttribute("media-has-played"))!=null?r:!1}get inLiveWindow(){var e;return(e=this.mediaController)==null?void 0:e.hasAttribute("media-time-is-live")}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 theme(){var e;return(e=this.getAttribute(n.THEME))!=null?e:ba}set theme(e){this.setAttribute(n.THEME,`${e}`)}get themeProps(){let e=this.mediaTheme;if(!e)return;let r={};for(let i of e.getAttributeNames()){if(Be.includes(i))continue;let o=e.getAttribute(i);r[me(i)]=o===""?!0:o}return r}set themeProps(e){var i,o;f(this,V,j).call(this);let r={...this.themeProps,...e};for(let s in r){if(Be.includes(s))continue;let m=e==null?void 0:e[s];typeof m=="boolean"||m==null?(i=this.mediaTheme)==null||i.toggleAttribute(le(s),Boolean(m)):(o=this.mediaTheme)==null||o.setAttribute(le(s),m)}}get playbackId(){var e;return(e=this.getAttribute(d.PLAYBACK_ID))!=null?e:void 0}set playbackId(e){e?this.setAttribute(d.PLAYBACK_ID,e):this.removeAttribute(d.PLAYBACK_ID)}get src(){var e,r;return this.playbackId?(e=Z(this,M.SRC))!=null?e:void 0:(r=this.getAttribute(M.SRC))!=null?r:void 0}set src(e){e?this.setAttribute(M.SRC,e):this.removeAttribute(M.SRC)}get poster(){var r;let e=this.getAttribute(M.POSTER);if(e!=null)return e;if(this.playbackId&&!this.audio)return st(this.playbackId,{customDomain:this.customDomain,thumbnailTime:(r=this.thumbnailTime)!=null?r:this.startTime,token:this.tokens.thumbnail})}set poster(e){e||e===""?this.setAttribute(M.POSTER,e):this.removeAttribute(M.POSTER)}get storyboardSrc(){var e;return(e=this.getAttribute(n.STORYBOARD_SRC))!=null?e:void 0}set storyboardSrc(e){e?this.setAttribute(n.STORYBOARD_SRC,e):this.removeAttribute(n.STORYBOARD_SRC)}get storyboard(){if(this.storyboardSrc&&!this.tokens.storyboard)return this.storyboardSrc;if(!(this.audio||!this.playbackId||!this.streamType||[w.LIVE,w.UNKNOWN].includes(this.streamType)))return dt(this.playbackId,{customDomain:this.customDomain,token:this.tokens.storyboard})}get audio(){return this.hasAttribute(n.AUDIO)}set audio(e){if(!e){this.removeAttribute(n.AUDIO);return}this.setAttribute(n.AUDIO,"")}get hotkeys(){return u(this,ne)}get nohotkeys(){return this.hasAttribute(n.NOHOTKEYS)}set nohotkeys(e){if(!e){this.removeAttribute(n.NOHOTKEYS);return}this.setAttribute(n.NOHOTKEYS,"")}get thumbnailTime(){return O(this.getAttribute(n.THUMBNAIL_TIME))}set thumbnailTime(e){this.setAttribute(n.THUMBNAIL_TIME,`${e}`)}get title(){var e;return(e=this.getAttribute(n.TITLE))!=null?e:""}set title(e){e!==this.title&&(e?this.setAttribute(n.TITLE,e):this.removeAttribute("title"),super.title=e)}get placeholder(){var e;return(e=Z(this,n.PLACEHOLDER))!=null?e:""}set placeholder(e){this.setAttribute(n.PLACEHOLDER,`${e}`)}get primaryColor(){var r,i;let e=this.getAttribute(n.PRIMARY_COLOR);if(e!=null||this.mediaTheme&&(e=(i=(r=c.getComputedStyle(this.mediaTheme))==null?void 0:r.getPropertyValue("--_primary-color"))==null?void 0:i.trim(),e))return e}set primaryColor(e){this.setAttribute(n.PRIMARY_COLOR,`${e}`)}get secondaryColor(){var r,i;let e=this.getAttribute(n.SECONDARY_COLOR);if(e!=null||this.mediaTheme&&(e=(i=(r=c.getComputedStyle(this.mediaTheme))==null?void 0:r.getPropertyValue("--_secondary-color"))==null?void 0:i.trim(),e))return e}set secondaryColor(e){this.setAttribute(n.SECONDARY_COLOR,`${e}`)}get accentColor(){var r,i;let e=this.getAttribute(n.ACCENT_COLOR);if(e!=null||this.mediaTheme&&(e=(i=(r=c.getComputedStyle(this.mediaTheme))==null?void 0:r.getPropertyValue("--_accent-color"))==null?void 0:i.trim(),e))return e}set accentColor(e){this.setAttribute(n.ACCENT_COLOR,`${e}`)}get defaultShowRemainingTime(){return this.hasAttribute(n.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(e){e?this.setAttribute(n.DEFAULT_SHOW_REMAINING_TIME,""):this.removeAttribute(n.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(!!this.hasAttribute(n.PLAYBACK_RATES))return this.getAttribute(n.PLAYBACK_RATES).trim().split(/\s*,?\s+/).map(e=>Number(e)).filter(e=>!Number.isNaN(e)).sort((e,r)=>e-r)}set playbackRates(e){if(!e){this.removeAttribute(n.PLAYBACK_RATES);return}this.setAttribute(n.PLAYBACK_RATES,e.join(" "))}get forwardSeekOffset(){var e;return(e=O(this.getAttribute(n.FORWARD_SEEK_OFFSET)))!=null?e:10}set forwardSeekOffset(e){this.setAttribute(n.FORWARD_SEEK_OFFSET,`${e}`)}get backwardSeekOffset(){var e;return(e=O(this.getAttribute(n.BACKWARD_SEEK_OFFSET)))!=null?e:10}set backwardSeekOffset(e){this.setAttribute(n.BACKWARD_SEEK_OFFSET,`${e}`)}get defaultHiddenCaptions(){return this.hasAttribute(n.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(e){e?this.setAttribute(n.DEFAULT_HIDDEN_CAPTIONS,""):this.removeAttribute(n.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var e;return(e=this.getAttribute(d.PLAYER_SOFTWARE_NAME))!=null?e:Ta}get playerSoftwareVersion(){var e;return(e=this.getAttribute(d.PLAYER_SOFTWARE_VERSION))!=null?e:Ea}get beaconCollectionDomain(){var e;return(e=this.getAttribute(d.BEACON_COLLECTION_DOMAIN))!=null?e:void 0}set beaconCollectionDomain(e){e!==this.beaconCollectionDomain&&(e?this.setAttribute(d.BEACON_COLLECTION_DOMAIN,e):this.removeAttribute(d.BEACON_COLLECTION_DOMAIN))}get maxResolution(){var e;return(e=this.getAttribute(d.MAX_RESOLUTION))!=null?e:void 0}set maxResolution(e){e!==this.maxResolution&&(e?this.setAttribute(d.MAX_RESOLUTION,e):this.removeAttribute(d.MAX_RESOLUTION))}get minResolution(){var e;return(e=this.getAttribute(d.MIN_RESOLUTION))!=null?e:void 0}set minResolution(e){e!==this.minResolution&&(e?this.setAttribute(d.MIN_RESOLUTION,e):this.removeAttribute(d.MIN_RESOLUTION))}get renditionOrder(){var e;return(e=this.getAttribute(d.RENDITION_ORDER))!=null?e:void 0}set renditionOrder(e){e!==this.renditionOrder&&(e?this.setAttribute(d.RENDITION_ORDER,e):this.removeAttribute(d.RENDITION_ORDER))}get customDomain(){var e;return(e=this.getAttribute(d.CUSTOM_DOMAIN))!=null?e:void 0}set customDomain(e){e!==this.customDomain&&(e?this.setAttribute(d.CUSTOM_DOMAIN,e):this.removeAttribute(d.CUSTOM_DOMAIN))}get envKey(){var e;return(e=Z(this,d.ENV_KEY))!=null?e:void 0}set envKey(e){this.setAttribute(d.ENV_KEY,`${e}`)}get noVolumePref(){return this.hasAttribute(n.NO_VOLUME_PREF)}set noVolumePref(e){e?this.setAttribute(n.NO_VOLUME_PREF,""):this.removeAttribute(n.NO_VOLUME_PREF)}get debug(){return Z(this,d.DEBUG)!=null}set debug(e){e?this.setAttribute(d.DEBUG,""):this.removeAttribute(d.DEBUG)}get disableCookies(){return Z(this,d.DISABLE_COOKIES)!=null}set disableCookies(e){e?this.setAttribute(d.DISABLE_COOKIES,""):this.removeAttribute(d.DISABLE_COOKIES)}get streamType(){var e,r,i;return(i=(r=this.getAttribute(d.STREAM_TYPE))!=null?r:(e=this.media)==null?void 0:e.streamType)!=null?i:w.UNKNOWN}set streamType(e){this.setAttribute(d.STREAM_TYPE,`${e}`)}get defaultStreamType(){var e,r,i;return(i=(r=this.getAttribute(n.DEFAULT_STREAM_TYPE))!=null?r:(e=this.mediaController)==null?void 0:e.getAttribute(n.DEFAULT_STREAM_TYPE))!=null?i:w.ON_DEMAND}set defaultStreamType(e){e?this.setAttribute(n.DEFAULT_STREAM_TYPE,e):this.removeAttribute(n.DEFAULT_STREAM_TYPE)}get targetLiveWindow(){var e,r;return this.hasAttribute(n.TARGET_LIVE_WINDOW)?+this.getAttribute(n.TARGET_LIVE_WINDOW):(r=(e=this.media)==null?void 0:e.targetLiveWindow)!=null?r:Number.NaN}set targetLiveWindow(e){e!=this.targetLiveWindow&&(e==null?this.removeAttribute(n.TARGET_LIVE_WINDOW):this.setAttribute(n.TARGET_LIVE_WINDOW,`${+e}`))}get liveEdgeStart(){var e;return(e=this.media)==null?void 0:e.liveEdgeStart}get startTime(){return O(Z(this,d.START_TIME))}set startTime(e){this.setAttribute(d.START_TIME,`${e}`)}get preferPlayback(){let e=this.getAttribute(d.PREFER_PLAYBACK);if(e===ke.MSE||e===ke.NATIVE)return e}set preferPlayback(e){e!==this.preferPlayback&&(e===ke.MSE||e===ke.NATIVE?this.setAttribute(d.PREFER_PLAYBACK,e):this.removeAttribute(d.PREFER_PLAYBACK))}get metadata(){var e;return(e=this.media)==null?void 0:e.metadata}set metadata(e){if(f(this,V,j).call(this),!this.media){L("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata={...Rt(this),...e}}async addCuePoints(e){var r;if(f(this,V,j).call(this),!this.media){L("underlying media element missing when trying to addCuePoints. cuePoints will not be added.");return}return(r=this.media)==null?void 0:r.addCuePoints(e)}get activeCuePoint(){var e;return(e=this.media)==null?void 0:e.activeCuePoint}get cuePoints(){var e,r;return(r=(e=this.media)==null?void 0:e.cuePoints)!=null?r:[]}getStartDate(){var e;return(e=this.media)==null?void 0:e.getStartDate()}get currentPdt(){var e;return(e=this.media)==null?void 0:e.currentPdt}get tokens(){let e=this.getAttribute(n.PLAYBACK_TOKEN),r=this.getAttribute(n.THUMBNAIL_TOKEN),i=this.getAttribute(n.STORYBOARD_TOKEN);return{...u(this,oe),...e!=null?{playback:e}:{},...r!=null?{thumbnail:r}:{},...i!=null?{storyboard:i}:{}}}set tokens(e){A(this,oe,e!=null?e:{})}get playbackToken(){var e;return(e=this.getAttribute(n.PLAYBACK_TOKEN))!=null?e:void 0}set playbackToken(e){this.setAttribute(n.PLAYBACK_TOKEN,`${e}`)}get thumbnailToken(){var e;return(e=this.getAttribute(n.THUMBNAIL_TOKEN))!=null?e:void 0}set thumbnailToken(e){this.setAttribute(n.THUMBNAIL_TOKEN,`${e}`)}get storyboardToken(){var e;return(e=this.getAttribute(n.STORYBOARD_TOKEN))!=null?e:void 0}set storyboardToken(e){this.setAttribute(n.STORYBOARD_TOKEN,`${e}`)}addTextTrack(e,r,i,o){var m;let s=(m=this.media)==null?void 0:m.nativeEl;if(!!s)return ca(s,e,r,i,o)}removeTextTrack(e){var i;let r=(i=this.media)==null?void 0:i.nativeEl;if(!!r)return pa(r,e)}get textTracks(){var e;return(e=this.media)==null?void 0:e.textTracks}};re=new WeakMap,oe=new WeakMap,S=new WeakMap,ne=new WeakMap,F=new WeakMap,V=new WeakSet,j=function(){var e,r,i;if(!u(this,re)){A(this,re,!0),f(this,H,q).call(this);try{if(customElements.upgrade(this.mediaTheme),!(this.mediaTheme instanceof c.HTMLElement))throw""}catch{L("<media-theme> failed to upgrade!")}try{if(customElements.upgrade(this.media),!(this.media instanceof ua))throw""}catch{L("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof ma))throw""}catch{L("<media-controller> failed to upgrade!")}pt(this),f(this,Te,_t).call(this),f(this,Ce,Pt).call(this),f(this,Ae,Nt).call(this),A(this,S,(r=(e=this.mediaController)==null?void 0:e.hasAttribute("userinactive"))!=null?r:!0),f(this,xe,It).call(this),(i=this.media)==null||i.addEventListener("streamtypechange",()=>{f(this,H,q).call(this)})}},Ee=new WeakSet,St=function(){var e,r;try{(e=window==null?void 0:window.CSS)==null||e.registerProperty({name:"--media-primary-color",syntax:"<color>",inherits:!0}),(r=window==null?void 0:window.CSS)==null||r.registerProperty({name:"--media-secondary-color",syntax:"<color>",inherits:!0})}catch{}},se=new WeakSet,Ue=function(e){Object.assign(u(this,F),e),f(this,H,q).call(this)},H=new WeakSet,q=function(e={}){Tt(At(ha(this,{...u(this,F),...e})),this.shadowRoot)},Te=new WeakSet,_t=function(){let e=i=>{var m,h;if(!(i!=null&&i.startsWith("theme-")))return;let o=i.replace(/^theme-/,"");if(Be.includes(o))return;let s=this.getAttribute(i);s!=null?(m=this.mediaTheme)==null||m.setAttribute(o,s):(h=this.mediaTheme)==null||h.removeAttribute(o)};new MutationObserver(i=>{for(let{attributeName:o}of i)e(o)}).observe(this,{attributes:!0}),this.getAttributeNames().forEach(e)},Ce=new WeakSet,Pt=function(){var r;let e=i=>{let{detail:o}=i;if(o instanceof ve||(o=new ve(o.message,o.code,o.fatal)),!(o!=null&&o.fatal)){I(o),o.data&&I(`${o.name} data:`,o.data);return}let{dialog:s,devlog:m}=fe(o,!window.navigator.onLine,this.playbackId,this.playbackToken);m.message&&Pe(m),L(o),o.data&&L(`${o.name} data:`,o.data),f(this,se,Ue).call(this,{isDialogOpen:!0,dialog:s})};this.addEventListener("error",e),this.media&&(this.media.errorTranslator=(i={})=>{var s,m,h;if(!(((s=this.media)==null?void 0:s.error)instanceof ve))return i;let{devlog:o}=fe((m=this.media)==null?void 0:m.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(h=this.media)==null?void 0:h.error.code,player_error_message:o.message?String(o.message):i.player_error_message,player_error_context:o.context?String(o.context):i.player_error_context}}),(r=this.media)==null||r.addEventListener("error",i=>{var s,m;let{detail:o}=i;if(!o){let{message:h,code:x}=(m=(s=this.media)==null?void 0:s.error)!=null?m:{};o=new ve(h,x)}!(o!=null&&o.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:o}))})},Ae=new WeakSet,Nt=function(){var r,i,o,s;let e=()=>f(this,H,q).call(this);(i=(r=this.media)==null?void 0:r.textTracks)==null||i.addEventListener("addtrack",e),(s=(o=this.media)==null?void 0:o.textTracks)==null||s.addEventListener("removetrack",e)},xe=new WeakSet,It=function(){var E,_;let e=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(!/Firefox/i.test(navigator.userAgent))return;let i,o=new WeakMap,s=()=>this.streamType===w.LIVE&&!this.secondaryColor&&this.offsetWidth>=800,m=(g,v,C=!1)=>{if(s())return;Array.from(g&&g.activeCues||[]).forEach(p=>{if(!(!p.snapToLines||p.line<-5||p.line>=0&&p.line<10))if(!v||this.paused){let de=p.text.split(`
+`).length,G=e?-2:-3;this.streamType===w.LIVE&&(G=e?-1:-2);let Y=G-de;if(p.line===Y&&!C)return;o.has(p)||o.set(p,p.line),p.line=Y-1,p.line=Y}else setTimeout(()=>{p.line=o.get(p)||"auto"},500)})},h=()=>{var g,v;m(i,(v=(g=this.mediaController)==null?void 0:g.hasAttribute("userinactive"))!=null?v:!1)},x=()=>{var C,P;let v=Array.from(((P=(C=this.mediaController)==null?void 0:C.media)==null?void 0:P.textTracks)||[]).filter(p=>["subtitles","captions"].includes(p.kind)&&p.mode==="showing")[0];v!==i&&(i==null||i.removeEventListener("cuechange",h)),i=v,i==null||i.addEventListener("cuechange",h),m(i,u(this,S))};if(x(),(E=this.textTracks)==null||E.addEventListener("change",x),(_=this.textTracks)==null||_.addEventListener("addtrack",x),navigator.userAgent.includes("Chrome/")){let g=()=>{m(i,u(this,S),!0),this.paused||window.requestAnimationFrame(g)};this.addEventListener("playing",()=>{g()})}this.addEventListener("userinactivechange",()=>{var v,C;let g=(C=(v=this.mediaController)==null?void 0:v.hasAttribute("userinactive"))!=null?C:!0;u(this,S)!==g&&(A(this,S,g),m(i,u(this,S)))})};function Z(t,a){return t.media?t.media.getAttribute(a):t.getAttribute(a)}c.customElements.get("mux-player")||(c.customElements.define("mux-player",ie),c.MuxPlayerElement=ie);var Li=ie;export{ve as MediaError,Li as default,Z as getVideoAttribute};