@mux/mux-player 1.15.0 → 2.0.0

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";var $d=Object.create;var Yi=Object.defineProperty;var Vd=Object.getOwnPropertyDescriptor;var Hd=Object.getOwnPropertyNames;var Wd=Object.getPrototypeOf,Fd=Object.prototype.hasOwnProperty;var Kd=(i,e)=>{for(var t in e)Yi(i,t,{get:e[t],enumerable:!0})},as=(i,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Hd(e))!Fd.call(i,r)&&r!==t&&Yi(i,r,{get:()=>e[r],enumerable:!(a=Vd(e,r))||a.enumerable});return i};var Yd=(i,e,t)=>(t=i!=null?$d(Wd(i)):{},as(e||!i||!i.__esModule?Yi(t,"default",{value:i,enumerable:!0}):t,i)),Gd=i=>as(Yi({},"__esModule",{value:!0}),i);var Wr=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)};var k=(i,e,t)=>(Wr(i,e,"read from private field"),t?t.call(i):e.get(i)),H=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},se=(i,e,t,a)=>(Wr(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t);var F=(i,e,t)=>(Wr(i,e,"access private method"),t);var gm={};Kd(gm,{MediaError:()=>g.MediaError,default:()=>fm,getVideoAttribute:()=>Lt});module.exports=Gd(gm);var wt=class{addEventListener(){}removeEventListener(){}dispatchEvent(e){return!0}};if(typeof DocumentFragment=="undefined"){class i extends wt{}globalThis.DocumentFragment=i}var ni=class extends wt{},Fr=class extends wt{},Zd={get(i){},define(i,e,t){},upgrade(i){},whenDefined(i){return Promise.resolve(ni)}},oi,Kr=class{constructor(e,t={}){H(this,oi,void 0);se(this,oi,t==null?void 0:t.detail)}get detail(){return k(this,oi)}initCustomEvent(){}};oi=new WeakMap;function qd(i,e){return new ni}var rs={document:{createElement:qd},DocumentFragment,customElements:Zd,CustomEvent:Kr,EventTarget:wt,HTMLElement:ni,HTMLVideoElement:Fr},ns=typeof window=="undefined"||typeof globalThis.customElements=="undefined",P=ns?rs:globalThis,re=ns?rs.document:globalThis.document;var E={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_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_PLAYBACK_RATE_REQUEST:"mediaplaybackraterequest",MEDIA_RENDITION_REQUEST:"mediarenditionrequest",MEDIA_AUDIO_TRACK_REQUEST:"mediaaudiotrackrequest",MEDIA_SEEK_TO_LIVE_REQUEST:"mediaseektoliverequest",REGISTER_MEDIA_STATE_RECEIVER:"registermediastatereceiver",UNREGISTER_MEDIA_STATE_RECEIVER:"unregistermediastatereceiver"},A={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},dt={MEDIA_AIRPLAY_UNAVAILABLE:"mediaAirplayUnavailable",MEDIA_FULLSCREEN_UNAVAILABLE:"mediaFullscreenUnavailable",MEDIA_PIP_UNAVAILABLE:"mediaPipUnavailable",MEDIA_CAST_UNAVAILABLE:"mediaCastUnavailable",MEDIA_RENDITION_UNAVAILABLE:"mediaRenditionUnavailable",MEDIA_AUDIO_TRACK_UNAVAILABLE:"mediaAudioTrackUnavailable",MEDIA_PAUSED:"mediaPaused",MEDIA_HAS_PLAYED:"mediaHasPlayed",MEDIA_ENDED:"mediaEnded",MEDIA_MUTED:"mediaMuted",MEDIA_VOLUME_LEVEL:"mediaVolumeLevel",MEDIA_VOLUME:"mediaVolume",MEDIA_VOLUME_UNAVAILABLE:"mediaVolumeUnavailable",MEDIA_IS_PIP:"mediaIsPip",MEDIA_IS_CASTING:"mediaIsCasting",MEDIA_SUBTITLES_LIST:"mediaSubtitlesList",MEDIA_SUBTITLES_SHOWING:"mediaSubtitlesShowing",MEDIA_IS_FULLSCREEN:"mediaIsFullscreen",MEDIA_PLAYBACK_RATE:"mediaPlaybackRate",MEDIA_CURRENT_TIME:"mediaCurrentTime",MEDIA_DURATION:"mediaDuration",MEDIA_SEEKABLE:"mediaSeekable",MEDIA_PREVIEW_TIME:"mediaPreviewTime",MEDIA_PREVIEW_IMAGE:"mediaPreviewImage",MEDIA_PREVIEW_COORDS:"mediaPreviewCoords",MEDIA_LOADING:"mediaLoading",MEDIA_BUFFERED:"mediaBuffered",MEDIA_STREAM_TYPE:"mediaStreamType",MEDIA_TARGET_LIVE_WINDOW:"mediaTargetLiveWindow",MEDIA_TIME_IS_LIVE:"mediaTimeIsLive",MEDIA_RENDITION_LIST:"mediaRenditionList",MEDIA_RENDITION_SELECTED:"mediaRenditionSelected",MEDIA_AUDIO_TRACK_LIST:"mediaAudioTrackList",MEDIA_AUDIO_TRACK_ENABLED:"mediaAudioTrackEnabled"},os=Object.entries(dt),o=os.reduce((i,[e,t])=>(i[e]=`${t.toLowerCase()}`,i),{}),xe=os.reduce((i,[e,t])=>(i[e]=`${t.toLowerCase()}`,i),{USER_INACTIVE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"}),Tm=Object.entries(xe).reduce((i,[e,t])=>{let a=o[e];return a&&(i[t]=a),i},{userinactivechange:"userinactive"}),ss=Object.entries(o).reduce((i,[e,t])=>{let a=xe[e];return a&&(i[t]=a),i},{userinactive:"userinactivechange"}),Dt={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},Gi={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var Yr={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},ne={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},me={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};var Z={AUDIO_PLAYER:()=>"audio player",VIDEO_PLAYER:()=>"video player",VOLUME:()=>"volume",SEEK:()=>"seek",CLOSED_CAPTIONS:()=>"closed captions",PLAYBACK_RATE:({playbackRate:i=1}={})=>`current playback rate ${i}`,PLAYBACK_TIME:()=>"playback time",MEDIA_LOADING:()=>"media loading"},O={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:i=30}={})=>`seek forward ${i} seconds`,SEEK_BACK_N_SECS:({seekOffset:i=30}={})=>`seek back ${i} seconds`,SEEK_LIVE:()=>"seek to live",PLAYING_LIVE:()=>"playing live"},zd={...Z,...O};function ls(i){return i==null?void 0:i.map(Xd).join(" ")}function ds(i){return i==null?void 0:i.split(/\s+/).map(Jd)}function Xd(i){if(i){let{id:e,width:t,height:a}=i;return[e,t,a].filter(r=>r!=null).join(":")}}function Jd(i){if(i){let[e,t,a]=i.split(":");return{id:e,width:t,height:a}}}function us(i){return i==null?void 0:i.map(jd).join(" ")}function cs(i){return i==null?void 0:i.split(/\s+/).map(eu)}function jd(i){if(i){let{id:e,kind:t,language:a,label:r}=i;return[e,t,a,r].filter(n=>n!=null).join(":")}}function eu(i){if(i){let[e,t,a,r]=i.split(":");return{id:e,kind:t,language:a,label:r}}}function Zi(i,e=!1){return i.split("_").map(function(t,a){return(a||e?t[0].toUpperCase():t[0].toLowerCase())+t.slice(1).toLowerCase()}).join("")}function ms(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function hs(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}function qi(i){return typeof i!="string"?!1:!isNaN(i)&&!isNaN(parseFloat(i))}var Qi=i=>new Promise(e=>setTimeout(e,i));var ps=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],tu=(i,e)=>{let t=i===1?ps[e].singular:ps[e].plural;return`${i} ${t}`},ut=i=>{if(!hs(i))return"";let e=Math.abs(i),t=e!==i,a=new Date(0,0,0,0,0,e,0);return`${[a.getHours(),a.getMinutes(),a.getSeconds()].map((d,u)=>d&&tu(d,u)).filter(d=>d).join(", ")}${t?" remaining":""}`};function Ae(i,e){let t=!1;i<0&&(t=!0,i=0-i),i=i<0?0:i;let a=Math.floor(i%60),r=Math.floor(i/60%60),n=Math.floor(i/3600),s=Math.floor(e/60%60),d=Math.floor(e/3600);return(isNaN(i)||i===1/0)&&(n=r=a="0"),n=n>0||d>0?n+":":"",r=((n||s>=10)&&r<10?"0"+r:r)+":",a=a<10?"0"+a:a,(t?"-":"")+n+r+a}var Mm=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});var zi=(i,e,t=".value")=>{let a=i.querySelector(t);!a||(a.textContent=e)},au=(i,e)=>{let t=`slot[name="${e}"]`,a=i.shadowRoot.querySelector(t);return a?a.children:[]},Xi=(i,e)=>au(i,e)[0],ct=(i,e)=>!i||!e?!1:i.contains(e)?!0:ct(i,e.getRootNode().host),Ye=(i,e)=>{if(!i)return null;let t=i.closest(e);return t||Ye(i.getRootNode().host,e)};function Gr(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=Gr(t.shadowRoot))!=null?e:t:null}function N(i,e){var t;let a;for(a of i.querySelectorAll("style")){let r;try{r=(t=a.sheet)==null?void 0:t.cssRules}catch{continue}for(let n of r!=null?r:[])if(n.selectorText===e)return n}return a!=null&&a.sheet?(a.sheet.insertRule(`${e}{}`,a.sheet.cssRules.length),a.sheet.cssRules[a.sheet.cssRules.length-1]):{style:{setProperty:()=>{},removeProperty:()=>{}}}}function S(i,e,t=Number.NaN){let a=i.getAttribute(e);return a!=null?+a:t}function x(i,e,t){let a=+t;if(t==null||Number.isNaN(a)){i.hasAttribute(e)&&i.removeAttribute(e);return}S(i,e,void 0)!==a&&i.setAttribute(e,`${a}`)}function D(i,e){return i.hasAttribute(e)}function R(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}D(i,e)!=t&&i.toggleAttribute(e,t)}function w(i,e,t=null){var a;return(a=i.getAttribute(e))!=null?a:t}function M(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}let a=`${t}`;w(i,e,void 0)!==a&&i.setAttribute(e,a)}var Ji=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},Zr=class{observe(){}unobserve(){}disconnect(){}},Es={createElement:function(){return new qr.HTMLElement},addEventListener(){},removeEventListener(){}},qr={ResizeObserver:Zr,document:Es,HTMLElement:class extends Ji{},DocumentFragment:class extends Ji{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},CustomEvent:function(){},getComputedStyle:function(){}},vs=typeof window=="undefined"||typeof window.customElements=="undefined",bs=Object.keys(qr).every(i=>i in globalThis),l=vs&&!bs?qr:globalThis,m=vs&&!bs?Es:globalThis.document;var ru=Object.defineProperty,nu=(i,e,t)=>e in i?ru(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ou=(i,e,t)=>(nu(i,typeof e!="symbol"?e+"":e,t),t),fs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},le=(i,e,t)=>(fs(i,e,"read from private field"),t?t.call(i):e.get(i)),ji=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ea=(i,e,t,a)=>(fs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),_e,ta,xt,ia,gs=m.createElement("template");gs.innerHTML=`
+"use strict";var Hd=Object.create;var Yi=Object.defineProperty;var $d=Object.getOwnPropertyDescriptor;var Vd=Object.getOwnPropertyNames;var Wd=Object.getPrototypeOf,Fd=Object.prototype.hasOwnProperty;var Kd=(i,e)=>{for(var t in e)Yi(i,t,{get:e[t],enumerable:!0})},as=(i,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Vd(e))!Fd.call(i,r)&&r!==t&&Yi(i,r,{get:()=>e[r],enumerable:!(a=$d(e,r))||a.enumerable});return i};var Yd=(i,e,t)=>(t=i!=null?Hd(Wd(i)):{},as(e||!i||!i.__esModule?Yi(t,"default",{value:i,enumerable:!0}):t,i)),Gd=i=>as(Yi({},"__esModule",{value:!0}),i);var Wr=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)};var k=(i,e,t)=>(Wr(i,e,"read from private field"),t?t.call(i):e.get(i)),V=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},se=(i,e,t,a)=>(Wr(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t);var F=(i,e,t)=>(Wr(i,e,"access private method"),t);var gm={};Kd(gm,{MediaError:()=>g.MediaError,default:()=>fm,getVideoAttribute:()=>Mt});module.exports=Gd(gm);var wt=class{addEventListener(){}removeEventListener(){}dispatchEvent(e){return!0}};if(typeof DocumentFragment=="undefined"){class i extends wt{}globalThis.DocumentFragment=i}var ni=class extends wt{},Fr=class extends wt{},Zd={get(i){},define(i,e,t){},upgrade(i){},whenDefined(i){return Promise.resolve(ni)}},oi,Kr=class{constructor(e,t={}){V(this,oi,void 0);se(this,oi,t==null?void 0:t.detail)}get detail(){return k(this,oi)}initCustomEvent(){}};oi=new WeakMap;function qd(i,e){return new ni}var rs={document:{createElement:qd},DocumentFragment,customElements:Zd,CustomEvent:Kr,EventTarget:wt,HTMLElement:ni,HTMLVideoElement:Fr},ns=typeof window=="undefined"||typeof globalThis.customElements=="undefined",P=ns?rs:globalThis,re=ns?rs.document:globalThis.document;var b={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_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_PLAYBACK_RATE_REQUEST:"mediaplaybackraterequest",MEDIA_RENDITION_REQUEST:"mediarenditionrequest",MEDIA_AUDIO_TRACK_REQUEST:"mediaaudiotrackrequest",MEDIA_SEEK_TO_LIVE_REQUEST:"mediaseektoliverequest",REGISTER_MEDIA_STATE_RECEIVER:"registermediastatereceiver",UNREGISTER_MEDIA_STATE_RECEIVER:"unregistermediastatereceiver"},A={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},dt={MEDIA_AIRPLAY_UNAVAILABLE:"mediaAirplayUnavailable",MEDIA_FULLSCREEN_UNAVAILABLE:"mediaFullscreenUnavailable",MEDIA_PIP_UNAVAILABLE:"mediaPipUnavailable",MEDIA_CAST_UNAVAILABLE:"mediaCastUnavailable",MEDIA_RENDITION_UNAVAILABLE:"mediaRenditionUnavailable",MEDIA_AUDIO_TRACK_UNAVAILABLE:"mediaAudioTrackUnavailable",MEDIA_PAUSED:"mediaPaused",MEDIA_HAS_PLAYED:"mediaHasPlayed",MEDIA_ENDED:"mediaEnded",MEDIA_MUTED:"mediaMuted",MEDIA_VOLUME_LEVEL:"mediaVolumeLevel",MEDIA_VOLUME:"mediaVolume",MEDIA_VOLUME_UNAVAILABLE:"mediaVolumeUnavailable",MEDIA_IS_PIP:"mediaIsPip",MEDIA_IS_CASTING:"mediaIsCasting",MEDIA_SUBTITLES_LIST:"mediaSubtitlesList",MEDIA_SUBTITLES_SHOWING:"mediaSubtitlesShowing",MEDIA_IS_FULLSCREEN:"mediaIsFullscreen",MEDIA_PLAYBACK_RATE:"mediaPlaybackRate",MEDIA_CURRENT_TIME:"mediaCurrentTime",MEDIA_DURATION:"mediaDuration",MEDIA_SEEKABLE:"mediaSeekable",MEDIA_PREVIEW_TIME:"mediaPreviewTime",MEDIA_PREVIEW_IMAGE:"mediaPreviewImage",MEDIA_PREVIEW_COORDS:"mediaPreviewCoords",MEDIA_LOADING:"mediaLoading",MEDIA_BUFFERED:"mediaBuffered",MEDIA_STREAM_TYPE:"mediaStreamType",MEDIA_TARGET_LIVE_WINDOW:"mediaTargetLiveWindow",MEDIA_TIME_IS_LIVE:"mediaTimeIsLive",MEDIA_RENDITION_LIST:"mediaRenditionList",MEDIA_RENDITION_SELECTED:"mediaRenditionSelected",MEDIA_AUDIO_TRACK_LIST:"mediaAudioTrackList",MEDIA_AUDIO_TRACK_ENABLED:"mediaAudioTrackEnabled"},os=Object.entries(dt),o=os.reduce((i,[e,t])=>(i[e]=`${t.toLowerCase()}`,i),{}),De=os.reduce((i,[e,t])=>(i[e]=`${t.toLowerCase()}`,i),{USER_INACTIVE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"}),Tm=Object.entries(De).reduce((i,[e,t])=>{let a=o[e];return a&&(i[t]=a),i},{userinactivechange:"userinactive"}),ss=Object.entries(o).reduce((i,[e,t])=>{let a=De[e];return a&&(i[t]=a),i},{userinactive:"userinactivechange"}),xt={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},Gi={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var Yr={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},ne={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},me={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};var Z={AUDIO_PLAYER:()=>"audio player",VIDEO_PLAYER:()=>"video player",VOLUME:()=>"volume",SEEK:()=>"seek",CLOSED_CAPTIONS:()=>"closed captions",PLAYBACK_RATE:({playbackRate:i=1}={})=>`current playback rate ${i}`,PLAYBACK_TIME:()=>"playback time",MEDIA_LOADING:()=>"media loading"},O={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:i=30}={})=>`seek forward ${i} seconds`,SEEK_BACK_N_SECS:({seekOffset:i=30}={})=>`seek back ${i} seconds`,SEEK_LIVE:()=>"seek to live",PLAYING_LIVE:()=>"playing live"},zd={...Z,...O};function ls(i){return i==null?void 0:i.map(Xd).join(" ")}function ds(i){return i==null?void 0:i.split(/\s+/).map(Jd)}function Xd(i){if(i){let{id:e,width:t,height:a}=i;return[e,t,a].filter(r=>r!=null).join(":")}}function Jd(i){if(i){let[e,t,a]=i.split(":");return{id:e,width:t,height:a}}}function us(i){return i==null?void 0:i.map(jd).join(" ")}function cs(i){return i==null?void 0:i.split(/\s+/).map(eu)}function jd(i){if(i){let{id:e,kind:t,language:a,label:r}=i;return[e,t,a,r].filter(n=>n!=null).join(":")}}function eu(i){if(i){let[e,t,a,r]=i.split(":");return{id:e,kind:t,language:a,label:r}}}function Zi(i,e=!1){return i.split("_").map(function(t,a){return(a||e?t[0].toUpperCase():t[0].toLowerCase())+t.slice(1).toLowerCase()}).join("")}function ms(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function hs(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}function qi(i){return typeof i!="string"?!1:!isNaN(i)&&!isNaN(parseFloat(i))}var Qi=i=>new Promise(e=>setTimeout(e,i));var ps=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],tu=(i,e)=>{let t=i===1?ps[e].singular:ps[e].plural;return`${i} ${t}`},ut=i=>{if(!hs(i))return"";let e=Math.abs(i),t=e!==i,a=new Date(0,0,0,0,0,e,0);return`${[a.getHours(),a.getMinutes(),a.getSeconds()].map((d,u)=>d&&tu(d,u)).filter(d=>d).join(", ")}${t?" remaining":""}`};function Ae(i,e){let t=!1;i<0&&(t=!0,i=0-i),i=i<0?0:i;let a=Math.floor(i%60),r=Math.floor(i/60%60),n=Math.floor(i/3600),s=Math.floor(e/60%60),d=Math.floor(e/3600);return(isNaN(i)||i===1/0)&&(n=r=a="0"),n=n>0||d>0?n+":":"",r=((n||s>=10)&&r<10?"0"+r:r)+":",a=a<10?"0"+a:a,(t?"-":"")+n+r+a}var Cm=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});var zi=(i,e,t=".value")=>{let a=i.querySelector(t);!a||(a.textContent=e)},au=(i,e)=>{let t=`slot[name="${e}"]`,a=i.shadowRoot.querySelector(t);return a?a.children:[]},Xi=(i,e)=>au(i,e)[0],ct=(i,e)=>!i||!e?!1:i.contains(e)?!0:ct(i,e.getRootNode().host),Ye=(i,e)=>{if(!i)return null;let t=i.closest(e);return t||Ye(i.getRootNode().host,e)};function Gr(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=Gr(t.shadowRoot))!=null?e:t:null}function N(i,e){var t;let a;for(a of i.querySelectorAll("style")){let r;try{r=(t=a.sheet)==null?void 0:t.cssRules}catch{continue}for(let n of r!=null?r:[])if(n.selectorText===e)return n}return a!=null&&a.sheet?(a.sheet.insertRule(`${e}{}`,a.sheet.cssRules.length),a.sheet.cssRules[a.sheet.cssRules.length-1]):{style:{setProperty:()=>{},removeProperty:()=>{}}}}function S(i,e,t=Number.NaN){let a=i.getAttribute(e);return a!=null?+a:t}function D(i,e,t){let a=+t;if(t==null||Number.isNaN(a)){i.hasAttribute(e)&&i.removeAttribute(e);return}S(i,e,void 0)!==a&&i.setAttribute(e,`${a}`)}function x(i,e){return i.hasAttribute(e)}function R(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}x(i,e)!=t&&i.toggleAttribute(e,t)}function w(i,e,t=null){var a;return(a=i.getAttribute(e))!=null?a:t}function C(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}let a=`${t}`;w(i,e,void 0)!==a&&i.setAttribute(e,a)}var Ji=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},Zr=class{observe(){}unobserve(){}disconnect(){}},bs={createElement:function(){return new qr.HTMLElement},addEventListener(){},removeEventListener(){}},qr={ResizeObserver:Zr,document:bs,HTMLElement:class extends Ji{},DocumentFragment:class extends Ji{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},CustomEvent:function(){},getComputedStyle:function(){}},Es=typeof window=="undefined"||typeof window.customElements=="undefined",vs=Object.keys(qr).every(i=>i in globalThis),l=Es&&!vs?qr:globalThis,m=Es&&!vs?bs:globalThis.document;var ru=Object.defineProperty,nu=(i,e,t)=>e in i?ru(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ou=(i,e,t)=>(nu(i,typeof e!="symbol"?e+"":e,t),t),fs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},le=(i,e,t)=>(fs(i,e,"read from private field"),t?t.call(i):e.get(i)),ji=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ea=(i,e,t,a)=>(fs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),_e,ta,Dt,ia,gs=m.createElement("template");gs.innerHTML=`
 <style>
   :host {
     font: var(--media-font,
@@ -46,12 +46,12 @@
     min-width: 100%;
   }
 </style>
-`;var L=class extends l.HTMLElement{constructor(e={}){if(super(),ji(this,_e,void 0),ou(this,"preventClick",!1),ji(this,ta,a=>{this.preventClick||this.handleClick(a)}),ji(this,xt,a=>{let{key:r}=a;if(!this.keysUsed.includes(r)){this.removeEventListener("keyup",le(this,xt));return}this.preventClick||this.handleClick(a)}),ji(this,ia,a=>{let{metaKey:r,altKey:n,key:s}=a;if(r||n||!this.keysUsed.includes(s)){this.removeEventListener("keyup",le(this,xt));return}this.addEventListener("keyup",le(this,xt),{once:!0})}),!this.shadowRoot){this.attachShadow({mode:"open"});let a=gs.content.cloneNode(!0);this.nativeEl=a;let r=e.slotTemplate;r||(r=m.createElement("template"),r.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(r.content.cloneNode(!0)),this.shadowRoot.appendChild(a)}let{style:t}=N(this.shadowRoot,":host");t.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`)}static get observedAttributes(){return["disabled",A.MEDIA_CONTROLLER]}enable(){this.addEventListener("click",le(this,ta)),this.addEventListener("keydown",le(this,ia)),this.tabIndex=0}disable(){this.removeEventListener("click",le(this,ta)),this.removeEventListener("keydown",le(this,ia)),this.removeEventListener("keyup",le(this,xt)),this.tabIndex=-1}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER?(t&&((n=(r=le(this,_e))==null?void 0:r.unassociateElement)==null||n.call(r,this),ea(this,_e,null)),a&&(ea(this,_e,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=le(this,_e))==null?void 0:d.associateElement)==null||u.call(d,this))):e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e,t,a;this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","button");let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(ea(this,_e,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=le(this,_e))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=le(this,_e))==null?void 0:e.unassociateElement)==null||t.call(e,this),ea(this,_e,null)}get keysUsed(){return["Enter"," "]}handleClick(e){}};_e=new WeakMap;ta=new WeakMap;xt=new WeakMap;ia=new WeakMap;l.customElements.get("media-chrome-button")||l.customElements.define("media-chrome-button",L);var su=`<svg aria-hidden="true" viewBox="0 0 26 24">
+`;var M=class extends l.HTMLElement{constructor(e={}){if(super(),ji(this,_e,void 0),ou(this,"preventClick",!1),ji(this,ta,a=>{this.preventClick||this.handleClick(a)}),ji(this,Dt,a=>{let{key:r}=a;if(!this.keysUsed.includes(r)){this.removeEventListener("keyup",le(this,Dt));return}this.preventClick||this.handleClick(a)}),ji(this,ia,a=>{let{metaKey:r,altKey:n,key:s}=a;if(r||n||!this.keysUsed.includes(s)){this.removeEventListener("keyup",le(this,Dt));return}this.addEventListener("keyup",le(this,Dt),{once:!0})}),!this.shadowRoot){this.attachShadow({mode:"open"});let a=gs.content.cloneNode(!0);this.nativeEl=a;let r=e.slotTemplate;r||(r=m.createElement("template"),r.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(r.content.cloneNode(!0)),this.shadowRoot.appendChild(a)}let{style:t}=N(this.shadowRoot,":host");t.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`)}static get observedAttributes(){return["disabled",A.MEDIA_CONTROLLER]}enable(){this.addEventListener("click",le(this,ta)),this.addEventListener("keydown",le(this,ia)),this.tabIndex=0}disable(){this.removeEventListener("click",le(this,ta)),this.removeEventListener("keydown",le(this,ia)),this.removeEventListener("keyup",le(this,Dt)),this.tabIndex=-1}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER?(t&&((n=(r=le(this,_e))==null?void 0:r.unassociateElement)==null||n.call(r,this),ea(this,_e,null)),a&&(ea(this,_e,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=le(this,_e))==null?void 0:d.associateElement)==null||u.call(d,this))):e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e,t,a;this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","button");let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(ea(this,_e,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=le(this,_e))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=le(this,_e))==null?void 0:e.unassociateElement)==null||t.call(e,this),ea(this,_e,null)}get keysUsed(){return["Enter"," "]}handleClick(e){}};_e=new WeakMap;ta=new WeakMap;Dt=new WeakMap;ia=new WeakMap;l.customElements.get("media-chrome-button")||l.customElements.define("media-chrome-button",M);var su=`<svg aria-hidden="true" viewBox="0 0 26 24">
   <path d="M22.13 3H3.87a.87.87 0 0 0-.87.87v13.26a.87.87 0 0 0 .87.87h3.4L9 16H5V5h16v11h-4l1.72 2h3.4a.87.87 0 0 0 .87-.87V3.87a.87.87 0 0 0-.86-.87Zm-8.75 11.44a.5.5 0 0 0-.76 0l-4.91 5.73a.5.5 0 0 0 .38.83h9.82a.501.501 0 0 0 .38-.83l-4.91-5.73Z"/>
 </svg>
 `,As=m.createElement("template");As.innerHTML=`
   <slot name="icon">${su}</slot>
-`;var Qr=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AIRPLAY_UNAVAILABLE]}constructor(e={}){super({slotTemplate:As,...e})}connectedCallback(){this.setAttribute("aria-label",O.AIRPLAY()),super.connectedCallback()}get mediaAirplayUnavailable(){return w(this,o.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){M(this,o.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new l.CustomEvent(E.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};l.customElements.get("media-airplay-button")||l.customElements.define("media-airplay-button",Qr);var lu='<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>',du='<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>',ys=m.createElement("template");ys.innerHTML=`
+`;var Qr=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AIRPLAY_UNAVAILABLE]}constructor(e={}){super({slotTemplate:As,...e})}connectedCallback(){this.setAttribute("aria-label",O.AIRPLAY()),super.connectedCallback()}get mediaAirplayUnavailable(){return w(this,o.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){C(this,o.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new l.CustomEvent(b.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};l.customElements.get("media-airplay-button")||l.customElements.define("media-airplay-button",Qr);var lu='<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>',du='<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>',ys=m.createElement("template");ys.innerHTML=`
   <style>
   :host([${o.MEDIA_IS_CASTING}]) slot:not([name=exit]):not([name=icon]) {
     display: none !important;
@@ -67,14 +67,14 @@
     <slot name="enter">${lu}</slot>
     <slot name="exit">${du}</slot>
   </slot>
-`;var _s=i=>{let t=i.getAttribute(o.MEDIA_IS_CASTING)!=null?O.EXIT_CAST():O.ENTER_CAST();i.setAttribute("aria-label",t)},zr=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_CASTING,o.MEDIA_CAST_UNAVAILABLE]}constructor(e={}){super({slotTemplate:ys,...e})}connectedCallback(){_s(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_CASTING&&_s(this),super.attributeChangedCallback(e,t,a)}get mediaIsCasting(){return D(this,o.MEDIA_IS_CASTING)}set mediaIsCasting(e){R(this,o.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return w(this,o.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){M(this,o.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?E.MEDIA_EXIT_CAST_REQUEST:E.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-cast-button")||l.customElements.define("media-cast-button",zr);var Ts=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ge=(i,e,t)=>(Ts(i,e,"read from private field"),t?t.call(i):e.get(i)),uu=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},aa=(i,e,t,a)=>(Ts(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),j,Is=m.createElement("template");Is.innerHTML=`
+`;var _s=i=>{let t=i.getAttribute(o.MEDIA_IS_CASTING)!=null?O.EXIT_CAST():O.ENTER_CAST();i.setAttribute("aria-label",t)},zr=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_CASTING,o.MEDIA_CAST_UNAVAILABLE]}constructor(e={}){super({slotTemplate:ys,...e})}connectedCallback(){_s(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_CASTING&&_s(this),super.attributeChangedCallback(e,t,a)}get mediaIsCasting(){return x(this,o.MEDIA_IS_CASTING)}set mediaIsCasting(e){R(this,o.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return w(this,o.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){C(this,o.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?b.MEDIA_EXIT_CAST_REQUEST:b.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-cast-button")||l.customElements.define("media-cast-button",zr);var Ts=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ge=(i,e,t)=>(Ts(i,e,"read from private field"),t?t.call(i):e.get(i)),uu=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},aa=(i,e,t,a)=>(Ts(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),j,Is=m.createElement("template");Is.innerHTML=`
 <style>
   :host {
     display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
     box-sizing: border-box;
   }
 </style>
-`;var Xr=class extends l.HTMLElement{constructor(e={}){if(super(),uu(this,j,void 0),!this.shadowRoot){let t=this.attachShadow({mode:"open"}),a=Is.content.cloneNode(!0);this.nativeEl=a;let r=e.slotTemplate;r||(r=m.createElement("template"),r.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(r.content.cloneNode(!0)),t.appendChild(a)}}static get observedAttributes(){return[A.MEDIA_CONTROLLER,o.MEDIA_PAUSED]}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER&&(t&&((n=(r=Ge(this,j))==null?void 0:r.unassociateElement)==null||n.call(r,this),aa(this,j,null)),a&&(aa(this,j,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=Ge(this,j))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a,r;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),aa(this,j,cu(this)),this.getAttribute(A.MEDIA_CONTROLLER)&&((t=(e=Ge(this,j))==null?void 0:e.associateElement)==null||t.call(e,this)),(a=Ge(this,j))==null||a.addEventListener("pointerdown",this),(r=Ge(this,j))==null||r.addEventListener("click",this)}disconnectedCallback(){var e,t,a,r;this.getAttribute(A.MEDIA_CONTROLLER)&&((t=(e=Ge(this,j))==null?void 0:e.unassociateElement)==null||t.call(e,this)),(a=Ge(this,j))==null||a.removeEventListener("pointerdown",this),(r=Ge(this,j))==null||r.removeEventListener("click",this),aa(this,j,null)}handleEvent(e){var t;let a=(t=e.composedPath())==null?void 0:t[0];if(!!["video","media-controller"].includes(a==null?void 0:a.localName)){if(e.type==="pointerdown")this._pointerType=e.pointerType;else if(e.type==="click"){let{clientX:n,clientY:s}=e,{left:d,top:u,width:c,height:h}=this.getBoundingClientRect(),f=n-d,b=s-u;if(f<0||b<0||f>c||b>h||c===0&&h===0)return;let{pointerType:T=this._pointerType}=e;if(this._pointerType=void 0,T===Yr.TOUCH){this.handleTap(e);return}else if(T===Yr.MOUSE){this.handleMouseClick(e);return}}}}get mediaPaused(){return D(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?E.MEDIA_PLAY_REQUEST:E.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(t,{composed:!0,bubbles:!0}))}};j=new WeakMap;function cu(i){var e;let t=i.getAttribute(A.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):Ye(i,"media-controller")}l.customElements.get("media-gesture-receiver")||l.customElements.define("media-gesture-receiver",Xr);var mu=Object.defineProperty,hu=(i,e,t)=>e in i?mu(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,pu=(i,e,t)=>(hu(i,typeof e!="symbol"?e+"":e,t),t),C={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive"},ks=m.createElement("template");ks.innerHTML=`
+`;var Xr=class extends l.HTMLElement{constructor(e={}){if(super(),uu(this,j,void 0),!this.shadowRoot){let t=this.attachShadow({mode:"open"}),a=Is.content.cloneNode(!0);this.nativeEl=a;let r=e.slotTemplate;r||(r=m.createElement("template"),r.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(r.content.cloneNode(!0)),t.appendChild(a)}}static get observedAttributes(){return[A.MEDIA_CONTROLLER,o.MEDIA_PAUSED]}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER&&(t&&((n=(r=Ge(this,j))==null?void 0:r.unassociateElement)==null||n.call(r,this),aa(this,j,null)),a&&(aa(this,j,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=Ge(this,j))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a,r;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),aa(this,j,cu(this)),this.getAttribute(A.MEDIA_CONTROLLER)&&((t=(e=Ge(this,j))==null?void 0:e.associateElement)==null||t.call(e,this)),(a=Ge(this,j))==null||a.addEventListener("pointerdown",this),(r=Ge(this,j))==null||r.addEventListener("click",this)}disconnectedCallback(){var e,t,a,r;this.getAttribute(A.MEDIA_CONTROLLER)&&((t=(e=Ge(this,j))==null?void 0:e.unassociateElement)==null||t.call(e,this)),(a=Ge(this,j))==null||a.removeEventListener("pointerdown",this),(r=Ge(this,j))==null||r.removeEventListener("click",this),aa(this,j,null)}handleEvent(e){var t;let a=(t=e.composedPath())==null?void 0:t[0];if(!!["video","media-controller"].includes(a==null?void 0:a.localName)){if(e.type==="pointerdown")this._pointerType=e.pointerType;else if(e.type==="click"){let{clientX:n,clientY:s}=e,{left:d,top:u,width:c,height:h}=this.getBoundingClientRect(),f=n-d,v=s-u;if(f<0||v<0||f>c||v>h||c===0&&h===0)return;let{pointerType:T=this._pointerType}=e;if(this._pointerType=void 0,T===Yr.TOUCH){this.handleTap(e);return}else if(T===Yr.MOUSE){this.handleMouseClick(e);return}}}}get mediaPaused(){return x(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?b.MEDIA_PLAY_REQUEST:b.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(t,{composed:!0,bubbles:!0}))}};j=new WeakMap;function cu(i){var e;let t=i.getAttribute(A.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):Ye(i,"media-controller")}l.customElements.get("media-gesture-receiver")||l.customElements.define("media-gesture-receiver",Xr);var mu=Object.defineProperty,hu=(i,e,t)=>e in i?mu(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,pu=(i,e,t)=>(hu(i,typeof e!="symbol"?e+"":e,t),t),L={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive"},ks=m.createElement("template");ks.innerHTML=`
   <style>
     
     :host([${o.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) {
@@ -89,7 +89,7 @@
       background-color: var(--media-background-color, #000);
     }
 
-    :host(:not([${C.AUDIO}])) [part~=layer]:not([part~=media-layer]) {
+    :host(:not([${L.AUDIO}])) [part~=layer]:not([part~=media-layer]) {
       position: absolute;
       top: 0;
       left: 0;
@@ -107,19 +107,19 @@
     }
 
     
-    :host([${C.AUDIO}]) slot[name=media] {
+    :host([${L.AUDIO}]) slot[name=media] {
       display: var(--media-slot-display, none);
     }
 
     
-    :host([${C.AUDIO}]) [part~=layer][part~=gesture-layer] {
+    :host([${L.AUDIO}]) [part~=layer][part~=gesture-layer] {
       height: 0;
       display: block;
     }
 
     
-    :host(:not([${C.AUDIO}])[${C.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
-    :host(:not([${C.AUDIO}])[${C.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] {
+    :host(:not([${L.AUDIO}])[${L.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
+    :host(:not([${L.AUDIO}])[${L.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] {
       display: none;
     }
 
@@ -128,13 +128,13 @@
       pointer-events: auto;
     }
 
-    :host(:not([${C.AUDIO}])) *[part~=layer][part~=centered-layer] {
+    :host(:not([${L.AUDIO}])) *[part~=layer][part~=centered-layer] {
       align-items: center;
       justify-content: center;
     }
 
-    :host(:not([${C.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
-    :host(:not([${C.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] {
+    :host(:not([${L.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
+    :host(:not([${L.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] {
       align-self: stretch;
       flex-grow: 1;
     }
@@ -154,7 +154,7 @@
     }
 
     
-    :host(:not([${C.AUDIO}])) .spacer {
+    :host(:not([${L.AUDIO}])) .spacer {
       flex-grow: 1;
     }
 
@@ -166,13 +166,13 @@
     }
 
     
-    ::slotted(:not([slot=media]):not([${C.NO_AUTOHIDE}])) {
+    ::slotted(:not([slot=media]):not([${L.NO_AUTOHIDE}])) {
       opacity: 1;
       transition: opacity 0.25s;
     }
 
     
-    :host([${C.USER_INACTIVE}]:not([${o.MEDIA_PAUSED}]):not([${o.MEDIA_IS_CASTING}]):not([${C.AUDIO}])) ::slotted(:not([slot=media]):not([${C.NO_AUTOHIDE}])) {
+    :host([${L.USER_INACTIVE}]:not([${o.MEDIA_PAUSED}]):not([${o.MEDIA_IS_CASTING}]):not([${L.AUDIO}])) ::slotted(:not([slot=media]):not([${L.NO_AUTOHIDE}])) {
       opacity: 0;
       transition: opacity 1s;
     }
@@ -182,7 +182,7 @@
     }
 
     
-    :host(:not([${C.AUDIO}])[${o.MEDIA_HAS_PLAYED}]) slot[name=poster] {
+    :host(:not([${L.AUDIO}])[${o.MEDIA_HAS_PLAYED}]) slot[name=poster] {
       display: none;
     }
   </style>
@@ -199,7 +199,7 @@
     
     <slot part="bottom chrome"></slot>
   </span>
-`;var Eu=Object.values(o),vu="sm:384 md:576 lg:768 xl:960";function bu(i){for(let e of i)fu(e.target,e.contentRect.width)}function fu(i,e){var t;if(!i.isConnected)return;let a=(t=i.getAttribute(C.BREAKPOINTS))!=null?t:vu,r=gu(a),n=Au(r,e),s=!1;if(Object.keys(r).forEach(d=>{if(n.includes(d)){i.hasAttribute(`breakpoint${d}`)||(i.setAttribute(`breakpoint${d}`,""),s=!0);return}i.hasAttribute(`breakpoint${d}`)&&(i.removeAttribute(`breakpoint${d}`),s=!0)}),s){let d=new CustomEvent(xe.BREAKPOINTS_CHANGE,{detail:n});i.dispatchEvent(d)}}function gu(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function Au(i,e){return Object.keys(i).filter(t=>e>=i[t])}var ra=class extends l.HTMLElement{constructor(){super(),pu(this,"breakpointsComputed",!1),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(ks.content.cloneNode(!0)));let e=u=>{let c=this.media;for(let h of u)h.type==="childList"&&(h.removedNodes.forEach(f=>{if(f.slot=="media"&&h.target==this){let b=h.previousSibling&&h.previousSibling.previousElementSibling;if(!b||!c)this.mediaUnsetCallback(f);else{let T=b.slot!=="media";for(;(b=b.previousSibling)!==null;)b.slot=="media"&&(T=!1);T&&this.mediaUnsetCallback(f)}}}),c&&h.addedNodes.forEach(f=>{f==c&&this.handleMediaUpdated(c).then(b=>this.mediaSetCallback(b))}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0});let a=!1,r=u=>{a||(setTimeout(()=>{bu(u),a=!1,this.breakpointsComputed||(this.breakpointsComputed=!0,this.dispatchEvent(new CustomEvent(xe.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))},0),a=!0)},n=new ResizeObserver(r);this.resizeObserver=n,n.observe(this);let s=this.media,d=this.querySelector(":scope > slot[slot=media]");d&&d.addEventListener("slotchange",()=>{if(!d.assignedElements({flatten:!0}).length){this.mediaUnsetCallback(s);return}this.media&&(s=this.media,this.handleMediaUpdated(this.media).then(c=>this.mediaSetCallback(c)))})}static get observedAttributes(){return[C.AUTOHIDE,C.GESTURES_DISABLED].concat(Eu).filter(e=>![o.MEDIA_RENDITION_LIST,o.MEDIA_AUDIO_TRACK_LIST].includes(e))}attributeChangedCallback(e,t,a){e.toLowerCase()==C.AUTOHIDE&&(this.autohide=a)}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=()=>{let t=e.paused?E.MEDIA_PLAY_REQUEST:E.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(t,{composed:!0,bubbles:!0}))}}handleMediaUpdated(e){let t=n=>Promise.resolve(n),a=n=>(console.error('<media-chrome>: Media element set with slot="media" does not appear to be compatible.',n),Promise.reject(n));if(!e)return a(e);let r=e.nodeName.toLowerCase();return r.includes("-")?l.customElements.whenDefined(r).then(()=>t(e)):t(e)}mediaUnsetCallback(e){}connectedCallback(){var e;let a=this.getAttribute(C.AUDIO)!=null?Z.AUDIO_PLAYER():Z.VIDEO_PLAYER();this.setAttribute("role","region"),this.setAttribute("aria-label",a),this.media&&this.handleMediaUpdated(this.media).then(d=>this.mediaSetCallback(d)),this.setAttribute(C.USER_INACTIVE,"");let r=()=>{if(this.autohide<0||this.hasAttribute(C.USER_INACTIVE))return;this.setAttribute(C.USER_INACTIVE,"");let d=new l.CustomEvent(xe.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(d)},n=()=>{if(!this.hasAttribute(C.USER_INACTIVE))return;this.removeAttribute(C.USER_INACTIVE);let d=new l.CustomEvent(xe.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(d)},s=()=>{n(),clearTimeout(this._inactiveTimeout),!(this.autohide<0)&&(this._inactiveTimeout=setTimeout(()=>{r()},this.autohide*1e3))};this.addEventListener("keyup",()=>{s()}),this.addEventListener("pointerup",d=>{d.pointerType==="touch"?[this,this.media].includes(d.target)&&!this.hasAttribute(C.USER_INACTIVE)?r():s():d.composedPath().some(u=>{var c;return["media-play-button","media-fullscreen-button"].includes((c=u==null?void 0:u.nodeName)==null?void 0:c.toLowerCase())})&&s()}),this.addEventListener("pointermove",d=>{d.pointerType==="mouse"&&(n(),clearTimeout(this._inactiveTimeout),[this,this.media].includes(d.target)&&s())}),this.addEventListener("mouseleave",()=>{r()}),this.addEventListener("keyup",()=>{this.setAttribute(C.KEYBOARD_CONTROL,"")}),(e=l.window)==null||e.addEventListener("mouseup",()=>{this.removeAttribute(C.KEYBOARD_CONTROL)})}set autohide(e){e=Number(e),this._autohide=isNaN(e)?0:e}get autohide(){return this._autohide===void 0?2:this._autohide}};var Ss=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},K=(i,e,t)=>(Ss(i,e,"read from private field"),t?t.call(i):e.get(i)),si=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},na=(i,e,t,a)=>(Ss(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ot,Nt,oa,mt,Oe,Ze,qe=class{constructor(e,t,{defaultValue:a}={defaultValue:void 0}){si(this,Oe),si(this,Ot,void 0),si(this,Nt,void 0),si(this,oa,void 0),si(this,mt,new Set),na(this,Ot,e),na(this,Nt,t),na(this,oa,new Set(a))}[Symbol.iterator](){return K(this,Oe,Ze).values()}get length(){return K(this,Oe,Ze).size}get value(){var e;return(e=[...K(this,Oe,Ze)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(na(this,mt,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...K(this,Oe,Ze)][e]}values(){return K(this,Oe,Ze).values()}forEach(e){K(this,Oe,Ze).forEach(e)}add(...e){var t,a;e.forEach(r=>K(this,mt).add(r)),!(this.value===""&&!((t=K(this,Ot))!=null&&t.hasAttribute(`${K(this,Nt)}`)))&&((a=K(this,Ot))==null||a.setAttribute(`${K(this,Nt)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>K(this,mt).delete(a)),(t=K(this,Ot))==null||t.setAttribute(`${K(this,Nt)}`,`${this.value}`)}contains(e){return K(this,Oe,Ze).has(e)}toggle(e,t){return typeof t!="undefined"?t?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,t){return this.remove(e),this.add(t),e===t}};Ot=new WeakMap;Nt=new WeakMap;oa=new WeakMap;mt=new WeakMap;Oe=new WeakSet;Ze=function(){return K(this,mt).size?K(this,mt):K(this,oa)};var Ms=(i="")=>i.split(/\s+/),Ls=(i="")=>{let[e,t,a]=i.split(":"),r=a?decodeURIComponent(a):void 0;return e=e==="cc"?"captions":"subtitles",{kind:e,language:t,label:r}},li=(i="",e={})=>Ms(i).map(t=>{let a=Ls(t);return{...e,...a}}),_u=i=>Array.isArray(i)?i.map(e=>typeof e=="string"?Ls(e):e):typeof i=="string"?li(i):[i],sa=({kind:i,label:e,language:t}={kind:"subtitles"})=>e?`${i==="captions"?"cc":"sb"}:${t}:${encodeURIComponent(e)}`:t,ht=(i=[])=>Array.prototype.map.call(i,sa).join(" "),yu=(i,e)=>t=>t[i]===e,Cs=i=>{let e=Object.entries(i).map(([t,a])=>yu(t,a));return t=>e.every(a=>a(t))},Jr=(i,e=[],t=[])=>{let a=_u(t).map(Cs),r=n=>a.some(s=>s(n));Array.from(e).filter(r).forEach(n=>{n.mode=i})},la=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:Cs(e);return Array.from(i.textTracks).filter(t)},jr=i=>!!i.getAttribute(o.MEDIA_SUBTITLES_SHOWING),Ne=(i,e)=>{var t,a;let r=jr(i);if(r||e===!1){let n=i.getAttribute(o.MEDIA_SUBTITLES_SHOWING);if(n){let s=new l.CustomEvent(E.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:n});i.dispatchEvent(s)}}else if(!r||e===!0){let[n]=(a=Ms((t=i.getAttribute(o.MEDIA_SUBTITLES_LIST))!=null?t:""))!=null?a:[];if(n){let s=new l.CustomEvent(E.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:n});i.dispatchEvent(s)}}else console.error("Attempting to enable captions or subtitles but none are available! Please verify your media content if this is unexpected.")};var B={enter:"requestFullscreen",exit:"exitFullscreen",rootEvents:["fullscreenchange"],mediaEvents:[],element:"fullscreenElement",error:"fullscreenerror",enabled:"fullscreenEnabled"};m.fullscreenElement===void 0&&(B.enter="webkitRequestFullScreen",B.exit=m.webkitExitFullscreen!=null?"webkitExitFullscreen":"webkitCancelFullScreen",B.rootEvents=["webkitfullscreenchange"],B.mediaEvents=["webkitbeginfullscreen","webkitendfullscreen"],B.element="webkitFullscreenElement",B.error="webkitfullscreenerror",B.enabled="webkitFullscreenEnabled");var da,en=()=>{var i,e;return da||(da=(e=(i=m)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),da)},Rs=async(i=en())=>{if(!i)return!1;let e=i.volume;return i.volume=e/2+.1,await Qi(0),i.volume!==e},Tu=(i=en())=>typeof(i==null?void 0:i.requestPictureInPicture)=="function",Iu=(i=en())=>{let e=m[B.enabled];return!e&&i&&(e="webkitSupportsFullscreen"in i),e},tn=Iu(),ws=Tu(),Ds=!!l.WebKitPlaybackTargetAvailabilityEvent,xs=!!l.chrome;var ua,Os=Rs().then(i=>(ua=i,ua)),ku=Object.values(me),an=i=>la(i.media,e=>[Dt.SUBTITLES,Dt.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),Su=i=>la(i.media,e=>e.mode===Gi.SHOWING&&[Dt.SUBTITLES,Dt.CAPTIONS].includes(e.kind)),ee={MEDIA_PAUSED:{get:function(i){let{media:e}=i;return e?e.paused:!0},mediaEvents:["play","playing","pause","emptied"]},MEDIA_HAS_PLAYED:{get:function(i){let{media:e}=i;return e?!e.paused:!1},mediaEvents:["playing","emptied"]},MEDIA_ENDED:{get:function(i){let{media:e}=i;return e?e.ended:!1},mediaEvents:["seeked","ended","emptied"]},MEDIA_PLAYBACK_RATE:{get:function(i){let{media:e}=i;return!e||typeof e.playbackRate=="undefined"?1:e.playbackRate},mediaEvents:["ratechange","loadstart"]},MEDIA_MUTED:{get:function(i){let{media:e}=i;return!e||typeof e.muted=="undefined"?!1:e.muted},mediaEvents:["volumechange"]},MEDIA_VOLUME:{get:function(i){let{media:e}=i;return!e||typeof e.volume=="undefined"?1:Number(e.volume)},mediaEvents:["volumechange"]},MEDIA_VOLUME_LEVEL:{get:function(i){let{media:e}=i,t="high";if(!e||typeof e.volume=="undefined")return t;let{muted:a,volume:r}=e;return r===0||a?t="off":r<.5?t="low":r<.75&&(t="medium"),t},mediaEvents:["volumechange"]},MEDIA_CURRENT_TIME:{get:function(i){let{media:e}=i;return!e||typeof e.currentTime=="undefined"?0:e.currentTime},mediaEvents:["timeupdate","loadedmetadata"]},MEDIA_DURATION:{get:function(i){let{media:e}=i;return!e||!Number.isFinite(e.duration)?NaN:e.duration},mediaEvents:["durationchange","loadedmetadata","emptied"]},MEDIA_SEEKABLE:{get:function(i){var e;let{media:t}=i;if(!((e=t==null?void 0:t.seekable)!=null&&e.length))return;let a=t.seekable.start(0),r=t.seekable.end(t.seekable.length-1);if(!(!a&&!r))return[Number(a.toFixed(3)),Number(r.toFixed(3))]},mediaEvents:["loadedmetadata","emptied","progress"]},MEDIA_LOADING:{get:function(i){var e;return((e=i.media)==null?void 0:e.readyState)<3},mediaEvents:["waiting","playing","emptied"]},MEDIA_BUFFERED:{get:function(i){var e,t,a;let r=(e=i.media)==null?void 0:e.buffered;return Array.from((a=(t=i.media)==null?void 0:t.buffered)!=null?a:[]).map((n,s)=>[Number(r.start(s)).toFixed(3),Number(r.end(s)).toFixed(3)])},mediaEvents:["progress","emptied"]},MEDIA_STREAM_TYPE:{get:function(i){let{media:e}=i;if(!e)return;let{streamType:t}=e;if(ku.includes(t)){if(t===me.UNKNOWN){let r=i.getAttribute("defaultstreamtype");return[me.LIVE,me.ON_DEMAND].includes(r)?r:void 0}return t}let a=e.duration;if(a===1/0)return me.LIVE;if(Number.isFinite(a))return me.ON_DEMAND;{let r=i.getAttribute("defaultstreamtype");if([me.LIVE,me.ON_DEMAND].includes(r))return r}},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},MEDIA_TARGET_LIVE_WINDOW:{get:function(i){let{media:e}=i;if(!e)return Number.NaN;let{targetLiveWindow:t}=e,a=ee.MEDIA_STREAM_TYPE.get(i);return(t==null||Number.isNaN(t))&&a===me.LIVE?0:t},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},MEDIA_TIME_IS_LIVE:{get:function(i){let{media:e}=i;if(!e)return!1;if(typeof e.liveEdgeStart=="number")return Number.isNaN(e.liveEdgeStart)?!1:e.currentTime>=e.liveEdgeStart;if(!(ee.MEDIA_STREAM_TYPE.get(i)==="live"))return!1;let a=e.seekable;if(!a)return!0;if(!a.length)return!1;let r=i.hasAttribute("liveedgeoffset")?Number(i.getAttribute("liveedgeoffset")):10,n=a.end(a.length-1)-r;return e.currentTime>=n},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},MEDIA_IS_FULLSCREEN:{get:function(i,e){var t;let a=i.media;if(a&&m[B.element]===void 0&&"webkitDisplayingFullscreen"in a)return a.webkitDisplayingFullscreen&&a.webkitPresentationMode==="fullscreen";let r;return e?r=m[B.element]?e.target:null:r=(t=i.getRootNode().fullscreenElement)!=null?t:m[B.element],ct(i.fullscreenElement,r)},rootEvents:B.rootEvents,mediaEvents:B.mediaEvents},MEDIA_IS_PIP:{get:function(i,e){var t;let a=i.media;if(!a)return!1;if(e)return e.type=="enterpictureinpicture";{let r=(t=i.getRootNode().pictureInPictureElement)!=null?t:m.pictureInPictureElement;return ct(a,r)}},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},MEDIA_IS_CASTING:{get:function(i,e){var t;let{media:a}=i;if(!a)return!1;let r=(t=l.CastableVideoElement)==null?void 0:t.castElement,n=ct(a,r);return(e==null?void 0:e.type)==="castchange"&&(e==null?void 0:e.detail)==="CONNECTING"&&(n="connecting"),n},mediaEvents:["entercast","leavecast","castchange"]},MEDIA_AIRPLAY_UNAVAILABLE:{get:function(i,e){if(!Ds)return ne.UNSUPPORTED;if(!!e&&e.availability!=="available"&&e.availability==="not-available")return ne.UNAVAILABLE},mediaEvents:["webkitplaybacktargetavailabilitychanged"]},MEDIA_CAST_UNAVAILABLE:{get:function(){var i;let e=(i=l.CastableVideoElement)==null?void 0:i.castState;if(!xs||!e)return ne.UNSUPPORTED;if(!e.includes("CONNECT"))return ne.UNAVAILABLE},mediaEvents:["castchange"]},MEDIA_FULLSCREEN_UNAVAILABLE:{get:function(){return tn?void 0:ne.UNAVAILABLE}},MEDIA_PIP_UNAVAILABLE:{get:function(){return ws?void 0:ne.UNSUPPORTED}},MEDIA_RENDITION_UNAVAILABLE:{get:function(i){var e;let{media:t}=i;if(!(t!=null&&t.videoRenditions))return ne.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return ne.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},MEDIA_AUDIO_TRACK_UNAVAILABLE:{get:function(i){var e,t;let{media:a}=i;if(!(a!=null&&a.audioTracks))return ne.UNSUPPORTED;if(((t=(e=a.audioTracks)==null?void 0:e.length)!=null?t:0)<=1)return ne.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},MEDIA_VOLUME_UNAVAILABLE:{get:function(i){if(ua!==void 0&&!ua)return ne.UNSUPPORTED;let{media:e}=i;if(e&&typeof e.volume=="undefined")return ne.UNAVAILABLE},mediaEvents:["loadstart"]},MEDIA_SUBTITLES_LIST:{get:function(i){return an(i).map(({kind:e,label:t,language:a})=>({kind:e,label:t,language:a}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},MEDIA_SUBTITLES_SHOWING:{get:function(i){return i.hasAttribute("defaultsubtitles")&&!i.hasAttribute(o.MEDIA_HAS_PLAYED)&&!i.hasAttribute(o.MEDIA_SUBTITLES_SHOWING)&&Ne(i,!0),Su(i).map(({kind:e,label:t,language:a})=>({kind:e,label:t,language:a}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"]},MEDIA_RENDITION_LIST:{get:function(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.videoRenditions)!=null?e:[]]},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},MEDIA_RENDITION_SELECTED:{get:function(i){var e,t,a;let{media:r}=i;return(a=(t=r==null?void 0:r.videoRenditions)==null?void 0:t[(e=r.videoRenditions)==null?void 0:e.selectedIndex])==null?void 0:a.id},mediaEvents:["emptied"],videoRenditionsEvents:["addrendition","removerendition","change"]},MEDIA_AUDIO_TRACK_LIST:{get:function(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.audioTracks)!=null?e:[]]},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},MEDIA_AUDIO_TRACK_ENABLED:{get:function(i){var e,t;let{media:a}=i;return(t=[...(e=a==null?void 0:a.audioTracks)!=null?e:[]].find(r=>r.enabled))==null?void 0:t.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]}},ca={MEDIA_PLAY_REQUEST:(i,e,t)=>{var a;let r=ee.MEDIA_STREAM_TYPE.get(t),n=t.getAttribute("noautoseektolive")===null;r==me.LIVE&&n&&ca.MEDIA_SEEK_TO_LIVE_REQUEST(i),(a=i.play())==null||a.catch(()=>{})},MEDIA_PAUSE_REQUEST:i=>i.pause(),MEDIA_MUTE_REQUEST:i=>i.muted=!0,MEDIA_UNMUTE_REQUEST:i=>{i.muted=!1,i.volume===0&&(i.volume=.25)},MEDIA_VOLUME_REQUEST:(i,e,t)=>{let a=e.detail;if(i.volume=a,a>0&&i.muted&&(i.muted=!1),!t.hasAttribute("novolumepref"))try{l.localStorage.setItem("media-chrome-pref-volume",a.toString())}catch{}},MEDIA_ENTER_FULLSCREEN_REQUEST:(i,e,t)=>{if(!tn){console.warn("Fullscreen support is unavailable; not entering fullscreen");return}m.pictureInPictureElement&&m.exitPictureInPicture(),t[B.enter]?t.fullscreenElement[B.enter]():i.webkitEnterFullscreen?i.webkitEnterFullscreen():i.requestFullscreen?i.requestFullscreen():console.warn("MediaChrome: Fullscreen not supported")},MEDIA_EXIT_FULLSCREEN_REQUEST:()=>{m[B.exit]()},MEDIA_ENTER_PIP_REQUEST:i=>{if(!m.pictureInPictureEnabled){console.warn("MediaChrome: Picture-in-picture is not enabled");return}if(!i.requestPictureInPicture){console.warn("MediaChrome: The current media does not support picture-in-picture");return}m[B.element]&&m[B.exit]();let e=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};i.requestPictureInPicture().catch(t=>{if(t.code===11)if(i.readyState===0&&i.preload==="none"){let a=()=>{i.removeEventListener("loadedmetadata",r),i.preload="none"},r=()=>{i.requestPictureInPicture().catch(e),a()};i.addEventListener("loadedmetadata",r),i.preload="metadata",setTimeout(()=>{i.readyState===0&&e(),a()},1e3)}else throw t;else throw t})},MEDIA_EXIT_PIP_REQUEST:()=>{m.pictureInPictureElement&&m.exitPictureInPicture()},MEDIA_ENTER_CAST_REQUEST:i=>{var e;!((e=l.CastableVideoElement)!=null&&e.castEnabled)||(m[B.element]&&m[B.exit](),i.requestCast())},MEDIA_EXIT_CAST_REQUEST:async()=>{var i;(i=l.CastableVideoElement)!=null&&i.castElement&&l.CastableVideoElement.exitCast()},MEDIA_SEEK_REQUEST:(i,e)=>{let t=e.detail;(i.readyState>0||i.readyState===void 0)&&(i.currentTime=t)},MEDIA_PLAYBACK_RATE_REQUEST:(i,e)=>{i.playbackRate=e.detail},MEDIA_PREVIEW_REQUEST:(i,e,t)=>{var a;if(!i)return;let r=e.detail;r===null&&t.propagateMediaState(o.MEDIA_PREVIEW_TIME,void 0),t.propagateMediaState(o.MEDIA_PREVIEW_TIME,r);let[n]=la(i,{kind:Dt.METADATA,label:"thumbnails"});if(!(n&&n.cues))return;if(r===null){t.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,void 0),t.propagateMediaState(o.MEDIA_PREVIEW_COORDS,void 0);return}let s=Array.prototype.find.call(n.cues,h=>h.startTime>=r);if(!s)return;let d=/'^(?:[a-z]+:)?\/\//i.test(s.text)||(a=i.querySelector('track[label="thumbnails"]'))==null?void 0:a.src,u=new URL(s.text,d),c=new URLSearchParams(u.hash).get("#xywh");t.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,u.href),t.propagateMediaState(o.MEDIA_PREVIEW_COORDS,c.split(","))},MEDIA_SHOW_SUBTITLES_REQUEST:(i,e,t)=>{let a=an(t),{detail:r=[]}=e;Jr(Gi.SHOWING,a,r)},MEDIA_DISABLE_SUBTITLES_REQUEST:(i,e,t)=>{let a=an(t),{detail:r=[]}=e;Jr(Gi.DISABLED,a,r)},MEDIA_AIRPLAY_REQUEST:i=>{if(!!i){if(!(i.webkitShowPlaybackTargetPicker&&l.WebKitPlaybackTargetAvailabilityEvent)){console.warn("received a request to select AirPlay but AirPlay is not supported in this environment");return}i.webkitShowPlaybackTargetPicker()}},MEDIA_SEEK_TO_LIVE_REQUEST:i=>{let e=i.seekable;if(!e){console.warn("MediaController: Media element does not support seeking to live.");return}if(!e.length){console.warn("MediaController: Media is unable to seek to live.");return}i.currentTime=e.end(e.length-1)},MEDIA_RENDITION_REQUEST:(i,e)=>{if(!(i!=null&&i.videoRenditions)){console.warn("MediaController: Rendition selection not supported by this media.");return}let t=e.detail,a=[...i.videoRenditions].findIndex(r=>r.id==t);i.videoRenditions.selectedIndex!=a&&(i.videoRenditions.selectedIndex=a)},MEDIA_AUDIO_TRACK_REQUEST:(i,e)=>{if(!(i!=null&&i.audioTracks)){console.warn("MediaController: Audio track selection not supported by this media.");return}let t=e.detail;for(let a of i.audioTracks)a.enabled=t==a.id}};var on=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Et=(i,e,t)=>(on(i,e,"read from private field"),t?t.call(i):e.get(i)),ma=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ns=(i,e,t,a)=>(on(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ut=(i,e,t)=>(on(i,e,"access private method"),t),Qe,di,Pt,ui,ha,rn,Hs=["ArrowLeft","ArrowRight","Enter"," ","f","m","k","c"],Mu=10,Us=0,te={DEFAULT_SUBTITLES:"defaultsubtitles",DEFAULT_STREAM_TYPE:"defaultstreamtype",FULLSCREEN_ELEMENT:"fullscreenelement",HOTKEYS:"hotkeys",KEYS_USED:"keysused",LIVE_EDGE_OFFSET:"liveedgeoffset",NO_AUTO_SEEK_TO_LIVE:"noautoseektolive",NO_HOTKEYS:"nohotkeys"},pa=class extends ra{constructor(){super(),ma(this,Pt),ma(this,ha),ma(this,Qe,new qe(this,te.HOTKEYS)),ma(this,di,void 0),ee.MEDIA_VOLUME_UNAVAILABLE.get(this)===void 0&&Os.then(()=>{this.propagateMediaState(o.MEDIA_VOLUME_UNAVAILABLE,ee.MEDIA_VOLUME_UNAVAILABLE.get(this))}),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,this.associateElement(this),Object.keys(ca).forEach(e=>{let t=`_handle${Zi(e,!0)}`;this[t]=a=>{if(a.stopPropagation(),!this.media){console.warn("MediaController: No media available.");return}ca[e](this.media,a,this)},this.addEventListener(E[e],this[t])}),this._mediaStatePropagators={},Object.keys(ee).forEach(e=>{this._mediaStatePropagators[e]=t=>{this.propagateMediaState(dt[e],ee[e].get(this,t))}}),this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat(te.NO_HOTKEYS,te.HOTKEYS,te.DEFAULT_STREAM_TYPE,te.DEFAULT_SUBTITLES)}get fullscreenElement(){var e;return(e=Et(this,di))!=null?e:this}set fullscreenElement(e){this.hasAttribute(te.FULLSCREEN_ELEMENT)&&this.removeAttribute(te.FULLSCREEN_ELEMENT),Ns(this,di,e)}attributeChangedCallback(e,t,a){var r;if(e===te.NO_HOTKEYS)a!==t&&a===""?(this.hasAttribute(te.HOTKEYS)&&console.warn("Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):a!==t&&a===null&&this.enableHotkeys();else if(e===te.HOTKEYS)Et(this,Qe).value=a;else if(e===te.DEFAULT_SUBTITLES&&a!==t&&a==="")Ne(this,!0);else if(e===te.DEFAULT_STREAM_TYPE)this.propagateMediaState(dt.MEDIA_STREAM_TYPE);else if(e===te.FULLSCREEN_ELEMENT){let n=a?(r=this.getRootNode())==null?void 0:r.getElementById(a):void 0;Ns(this,di,n)}super.attributeChangedCallback(e,t,a)}mediaSetCallback(e){if(super.mediaSetCallback(e),e.hasAttribute("tabindex")||(e.tabIndex=-1),Object.keys(ee).forEach(t=>{let{mediaEvents:a,rootEvents:r,textTracksEvents:n,videoRenditionsEvents:s,audioTracksEvents:d}=ee[t],u=this._mediaStatePropagators[t];a==null||a.forEach(c=>{e.addEventListener(c,u),u()}),r==null||r.forEach(c=>{this.getRootNode().addEventListener(c,u),u()}),n==null||n.forEach(c=>{var h;(h=e.textTracks)==null||h.addEventListener(c,u),u()}),s==null||s.forEach(c=>{var h;(h=e.videoRenditions)==null||h.addEventListener(c,u),u()}),d==null||d.forEach(c=>{var h;(h=e.audioTracks)==null||h.addEventListener(c,u),u()})}),!this.hasAttribute("novolumepref"))try{let t=l.localStorage.getItem("media-chrome-pref-volume");t!==null&&(e.volume=t)}catch(t){console.debug("Error getting volume pref",t)}}mediaUnsetCallback(e){super.mediaUnsetCallback(e),Object.keys(ee).forEach(t=>{let{mediaEvents:a,rootEvents:r,textTracksEvents:n,videoRenditionsEvents:s,audioTracksEvents:d}=ee[t],u=this._mediaStatePropagators[t];a==null||a.forEach(c=>{e.removeEventListener(c,u)}),r==null||r.forEach(c=>{this.getRootNode().removeEventListener(c,u)}),n==null||n.forEach(c=>{var h;(h=e.textTracks)==null||h.removeEventListener(c,u)}),s==null||s.forEach(c=>{var h;(h=e.videoRenditions)==null||h.removeEventListener(c,u),u()}),d==null||d.forEach(c=>{var h;(h=e.audioTracks)==null||h.removeEventListener(c,u),u()})}),this.propagateMediaState(dt.MEDIA_PAUSED,!0)}propagateMediaState(e,t){let a=Vs(this.mediaStateReceivers,e);if($s(this.mediaStateReceivers,e,t),a===Vs(this.mediaStateReceivers,e))return;let r=e.toLowerCase(),n=new l.CustomEvent(ss[r],{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(n)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let a=this.registerMediaStateReceiver.bind(this),r=this.unregisterMediaStateReceiver.bind(this),n=xu(e,a,r);Object.keys(E).forEach(s=>{e.addEventListener(E[s],this[`_handle${Zi(s,!0)}`])}),t.set(e,n)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(!t.has(e))return;t.get(e)(),t.delete(e),Object.keys(E).forEach(r=>{e.removeEventListener(E[r],this[`_handle${Zi(r,!0)}`])})}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),Object.keys(ee).forEach(r=>{let n=ee[r];$s([e],dt[r],n.get(this))}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,a=t.indexOf(e);a<0||t.splice(a,1)}enableHotkeys(){this.addEventListener("keydown",Ut(this,ha,rn))}disableHotkeys(){this.removeEventListener("keydown",Ut(this,ha,rn)),this.removeEventListener("keyup",Ut(this,Pt,ui))}get hotkeys(){return Et(this,Qe)}keyboardShortcutHandler(e){var t,a,r,n;if(((n=(r=(t=e.target.getAttribute(te.KEYS_USED))==null?void 0:t.split(" "))!=null?r:(a=e.target)==null?void 0:a.keysUsed)!=null?n:[]).map(T=>T==="Space"?" ":T).filter(Boolean).includes(e.key))return;let d,u,c,h,f,b=Mu;if(!Et(this,Qe).contains(`no${e.key.toLowerCase()}`)&&!(e.key===" "&&Et(this,Qe).contains("nospace")))switch(e.key){case" ":case"k":d=this.getAttribute(o.MEDIA_PAUSED)!=null?E.MEDIA_PLAY_REQUEST:E.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"m":d=this.getAttribute(o.MEDIA_VOLUME_LEVEL)==="off"?E.MEDIA_UNMUTE_REQUEST:E.MEDIA_MUTE_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"f":d=this.getAttribute(o.MEDIA_IS_FULLSCREEN)!=null?E.MEDIA_EXIT_FULLSCREEN_REQUEST:E.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"c":Ne(this);break;case"ArrowLeft":u=this.getAttribute(o.MEDIA_CURRENT_TIME),c=u&&!Number.isNaN(+u)?+u:Us,h=Math.max(c-b,0),f=new l.CustomEvent(E.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(f);break;case"ArrowRight":u=this.getAttribute(o.MEDIA_CURRENT_TIME),c=u&&!Number.isNaN(+u)?+u:Us,h=Math.max(c+b,0),f=new l.CustomEvent(E.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(f);break;default:break}}};Qe=new WeakMap;di=new WeakMap;Pt=new WeakSet;ui=function(i){let{key:e}=i;if(!Hs.includes(e)){this.removeEventListener("keyup",Ut(this,Pt,ui));return}this.keyboardShortcutHandler(i)};ha=new WeakSet;rn=function(i){let{metaKey:e,altKey:t,key:a}=i;if(e||t||!Hs.includes(a)){this.removeEventListener("keyup",Ut(this,Pt,ui));return}[" ","ArrowLeft","ArrowRight"].includes(a)&&!(Et(this,Qe).contains(`no${a.toLowerCase()}`)||a===" "&&Et(this,Qe).contains("nospace"))&&i.preventDefault(),this.addEventListener("keyup",Ut(this,Pt,ui),{once:!0})};var Lu=Object.values(o),Cu=Object.values(dt),sn=i=>{var e,t,a,r;let{observedAttributes:n}=i.constructor;!n&&((e=i.nodeName)==null?void 0:e.includes("-"))&&(l.customElements.upgrade(i),{observedAttributes:n}=i.constructor);let s=(r=(a=(t=i==null?void 0:i.getAttribute)==null?void 0:t.call(i,A.MEDIA_CHROME_ATTRIBUTES))==null?void 0:a.split)==null?void 0:r.call(a,/\s+/);return Array.isArray(n||s)?(n||s).filter(d=>Lu.includes(d)):[]},Ru=i=>{var e,t;return((e=i.nodeName)==null?void 0:e.includes("-"))&&!!l.customElements.get((t=i.nodeName)==null?void 0:t.toLowerCase())&&!(i instanceof l.customElements.get(i.nodeName.toLowerCase()))&&l.customElements.upgrade(i),Cu.some(a=>a in i)},nn=i=>Ru(i)||!!sn(i).length,Ps=i=>{var e;return(e=i==null?void 0:i.join)==null?void 0:e.call(i,":")},Bs={[o.MEDIA_SUBTITLES_LIST]:ht,[o.MEDIA_SUBTITLES_SHOWING]:ht,[o.MEDIA_SEEKABLE]:Ps,[o.MEDIA_BUFFERED]:i=>i==null?void 0:i.map(Ps).join(" "),[o.MEDIA_PREVIEW_COORDS]:i=>i==null?void 0:i.join(" "),[o.MEDIA_RENDITION_LIST]:ls,[o.MEDIA_AUDIO_TRACK_LIST]:us},wu=async(i,e,t)=>{var a,r;if(i.isConnected||await Qi(0),typeof t=="boolean"||t==null)return R(i,e,t);if(typeof t=="number")return x(i,e,t);if(typeof t=="string")return M(i,e,t);if(Array.isArray(t)&&!t.length)return i.removeAttribute(e);let n=(r=(a=Bs[e])==null?void 0:a.call(Bs,t))!=null?r:t;return i.setAttribute(e,n)},Du=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},pt=(i,e)=>{if(Du(i))return;let t=(r,n)=>{var s,d;nn(r)&&n(r);let{children:u=[]}=r!=null?r:{},c=(d=(s=r==null?void 0:r.shadowRoot)==null?void 0:s.children)!=null?d:[];[...u,...c].forEach(f=>pt(f,n))},a=i==null?void 0:i.nodeName.toLowerCase();if(a.includes("-")&&!nn(i)){l.customElements.whenDefined(a).then(()=>{t(i,e)});return}t(i,e)},$s=(i,e,t)=>{i.forEach(a=>{if(e in a){a[e]=t;return}let r=sn(a),n=e.toLowerCase();!r.includes(n)||wu(a,n,t)})},Vs=(i,e)=>{for(let t of i){if(e in t)return t[e];let a=sn(t),r=e.toLowerCase();if(!!a.includes(r))return t.getAttribute(r)}},xu=(i,e,t)=>{pt(i,e);let a=h=>{var f;let b=(f=h==null?void 0:h.composedPath()[0])!=null?f:h.target;e(b)},r=h=>{var f;let b=(f=h==null?void 0:h.composedPath()[0])!=null?f:h.target;t(b)};i.addEventListener(E.REGISTER_MEDIA_STATE_RECEIVER,a),i.addEventListener(E.UNREGISTER_MEDIA_STATE_RECEIVER,r);let n=h=>{h.forEach(f=>{let{addedNodes:b=[],removedNodes:T=[],type:$,target:Y,attributeName:I}=f;$==="childList"?(Array.prototype.forEach.call(b,ae=>pt(ae,e)),Array.prototype.forEach.call(T,ae=>pt(ae,t))):$==="attributes"&&I===A.MEDIA_CHROME_ATTRIBUTES&&(nn(Y)?e(Y):t(Y))})},s=[],d=h=>{let f=h.target;f.name!=="media"&&(s.forEach(b=>pt(b,t)),s=[...f.assignedElements({flatten:!0})],s.forEach(b=>pt(b,e)))};i.addEventListener("slotchange",d);let u=new MutationObserver(n);return u.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{pt(i,t),i.removeEventListener("slotchange",d),u.disconnect(),i.removeEventListener(E.REGISTER_MEDIA_STATE_RECEIVER,a),i.removeEventListener(E.UNREGISTER_MEDIA_STATE_RECEIVER,r)}};l.customElements.get("media-controller")||l.customElements.define("media-controller",pa);var ln=pa;var Ou=Object.defineProperty,Nu=(i,e,t)=>e in i?Ou(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Uu=(i,e,t)=>(Nu(i,typeof e!="symbol"?e+"":e,t),t),Fs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ze=(i,e,t)=>(Fs(i,e,"read from private field"),t?t.call(i):e.get(i)),dn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ea=(i,e,t,a)=>(Fs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ye,va,ba,Ks=m.createElement("template"),Ws=`
+`;var bu=Object.values(o),Eu="sm:384 md:576 lg:768 xl:960";function vu(i){for(let e of i)fu(e.target,e.contentRect.width)}function fu(i,e){var t;if(!i.isConnected)return;let a=(t=i.getAttribute(L.BREAKPOINTS))!=null?t:Eu,r=gu(a),n=Au(r,e),s=!1;if(Object.keys(r).forEach(d=>{if(n.includes(d)){i.hasAttribute(`breakpoint${d}`)||(i.setAttribute(`breakpoint${d}`,""),s=!0);return}i.hasAttribute(`breakpoint${d}`)&&(i.removeAttribute(`breakpoint${d}`),s=!0)}),s){let d=new CustomEvent(De.BREAKPOINTS_CHANGE,{detail:n});i.dispatchEvent(d)}}function gu(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function Au(i,e){return Object.keys(i).filter(t=>e>=i[t])}var ra=class extends l.HTMLElement{constructor(){super(),pu(this,"breakpointsComputed",!1),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(ks.content.cloneNode(!0)));let e=u=>{let c=this.media;for(let h of u)h.type==="childList"&&(h.removedNodes.forEach(f=>{if(f.slot=="media"&&h.target==this){let v=h.previousSibling&&h.previousSibling.previousElementSibling;if(!v||!c)this.mediaUnsetCallback(f);else{let T=v.slot!=="media";for(;(v=v.previousSibling)!==null;)v.slot=="media"&&(T=!1);T&&this.mediaUnsetCallback(f)}}}),c&&h.addedNodes.forEach(f=>{f==c&&this.handleMediaUpdated(c).then(v=>this.mediaSetCallback(v))}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0});let a=!1,r=u=>{a||(setTimeout(()=>{vu(u),a=!1,this.breakpointsComputed||(this.breakpointsComputed=!0,this.dispatchEvent(new CustomEvent(De.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))},0),a=!0)},n=new ResizeObserver(r);this.resizeObserver=n,n.observe(this);let s=this.media,d=this.querySelector(":scope > slot[slot=media]");d&&d.addEventListener("slotchange",()=>{if(!d.assignedElements({flatten:!0}).length){this.mediaUnsetCallback(s);return}this.media&&(s=this.media,this.handleMediaUpdated(this.media).then(c=>this.mediaSetCallback(c)))})}static get observedAttributes(){return[L.AUTOHIDE,L.GESTURES_DISABLED].concat(bu).filter(e=>![o.MEDIA_RENDITION_LIST,o.MEDIA_AUDIO_TRACK_LIST].includes(e))}attributeChangedCallback(e,t,a){e.toLowerCase()==L.AUTOHIDE&&(this.autohide=a)}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=()=>{let t=e.paused?b.MEDIA_PLAY_REQUEST:b.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(t,{composed:!0,bubbles:!0}))}}handleMediaUpdated(e){let t=n=>Promise.resolve(n),a=n=>(console.error('<media-chrome>: Media element set with slot="media" does not appear to be compatible.',n),Promise.reject(n));if(!e)return a(e);let r=e.nodeName.toLowerCase();return r.includes("-")?l.customElements.whenDefined(r).then(()=>t(e)):t(e)}mediaUnsetCallback(e){}connectedCallback(){var e;let a=this.getAttribute(L.AUDIO)!=null?Z.AUDIO_PLAYER():Z.VIDEO_PLAYER();this.setAttribute("role","region"),this.setAttribute("aria-label",a),this.media&&this.handleMediaUpdated(this.media).then(d=>this.mediaSetCallback(d)),this.setAttribute(L.USER_INACTIVE,"");let r=()=>{if(this.autohide<0||this.hasAttribute(L.USER_INACTIVE))return;this.setAttribute(L.USER_INACTIVE,"");let d=new l.CustomEvent(De.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(d)},n=()=>{if(!this.hasAttribute(L.USER_INACTIVE))return;this.removeAttribute(L.USER_INACTIVE);let d=new l.CustomEvent(De.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(d)},s=()=>{n(),clearTimeout(this._inactiveTimeout),!(this.autohide<0)&&(this._inactiveTimeout=setTimeout(()=>{r()},this.autohide*1e3))};this.addEventListener("keyup",()=>{s()}),this.addEventListener("pointerup",d=>{d.pointerType==="touch"?[this,this.media].includes(d.target)&&!this.hasAttribute(L.USER_INACTIVE)?r():s():d.composedPath().some(u=>{var c;return["media-play-button","media-fullscreen-button"].includes((c=u==null?void 0:u.nodeName)==null?void 0:c.toLowerCase())})&&s()}),this.addEventListener("pointermove",d=>{d.pointerType==="mouse"&&(n(),clearTimeout(this._inactiveTimeout),[this,this.media].includes(d.target)&&s())}),this.addEventListener("mouseleave",()=>{r()}),this.addEventListener("keyup",()=>{this.setAttribute(L.KEYBOARD_CONTROL,"")}),(e=l.window)==null||e.addEventListener("mouseup",()=>{this.removeAttribute(L.KEYBOARD_CONTROL)})}set autohide(e){e=Number(e),this._autohide=isNaN(e)?0:e}get autohide(){return this._autohide===void 0?2:this._autohide}};var Ss=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},K=(i,e,t)=>(Ss(i,e,"read from private field"),t?t.call(i):e.get(i)),si=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},na=(i,e,t,a)=>(Ss(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ot,Nt,oa,mt,Oe,Ze,qe=class{constructor(e,t,{defaultValue:a}={defaultValue:void 0}){si(this,Oe),si(this,Ot,void 0),si(this,Nt,void 0),si(this,oa,void 0),si(this,mt,new Set),na(this,Ot,e),na(this,Nt,t),na(this,oa,new Set(a))}[Symbol.iterator](){return K(this,Oe,Ze).values()}get length(){return K(this,Oe,Ze).size}get value(){var e;return(e=[...K(this,Oe,Ze)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(na(this,mt,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...K(this,Oe,Ze)][e]}values(){return K(this,Oe,Ze).values()}forEach(e){K(this,Oe,Ze).forEach(e)}add(...e){var t,a;e.forEach(r=>K(this,mt).add(r)),!(this.value===""&&!((t=K(this,Ot))!=null&&t.hasAttribute(`${K(this,Nt)}`)))&&((a=K(this,Ot))==null||a.setAttribute(`${K(this,Nt)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>K(this,mt).delete(a)),(t=K(this,Ot))==null||t.setAttribute(`${K(this,Nt)}`,`${this.value}`)}contains(e){return K(this,Oe,Ze).has(e)}toggle(e,t){return typeof t!="undefined"?t?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,t){return this.remove(e),this.add(t),e===t}};Ot=new WeakMap;Nt=new WeakMap;oa=new WeakMap;mt=new WeakMap;Oe=new WeakSet;Ze=function(){return K(this,mt).size?K(this,mt):K(this,oa)};var Cs=(i="")=>i.split(/\s+/),Ms=(i="")=>{let[e,t,a]=i.split(":"),r=a?decodeURIComponent(a):void 0;return e=e==="cc"?"captions":"subtitles",{kind:e,language:t,label:r}},li=(i="",e={})=>Cs(i).map(t=>{let a=Ms(t);return{...e,...a}}),_u=i=>Array.isArray(i)?i.map(e=>typeof e=="string"?Ms(e):e):typeof i=="string"?li(i):[i],sa=({kind:i,label:e,language:t}={kind:"subtitles"})=>e?`${i==="captions"?"cc":"sb"}:${t}:${encodeURIComponent(e)}`:t,ht=(i=[])=>Array.prototype.map.call(i,sa).join(" "),yu=(i,e)=>t=>t[i]===e,Ls=i=>{let e=Object.entries(i).map(([t,a])=>yu(t,a));return t=>e.every(a=>a(t))},Jr=(i,e=[],t=[])=>{let a=_u(t).map(Ls),r=n=>a.some(s=>s(n));Array.from(e).filter(r).forEach(n=>{n.mode=i})},la=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:Ls(e);return Array.from(i.textTracks).filter(t)},jr=i=>!!i.getAttribute(o.MEDIA_SUBTITLES_SHOWING),Ne=(i,e)=>{var t,a;let r=jr(i);if(r||e===!1){let n=i.getAttribute(o.MEDIA_SUBTITLES_SHOWING);if(n){let s=new l.CustomEvent(b.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:n});i.dispatchEvent(s)}}else if(!r||e===!0){let[n]=(a=Cs((t=i.getAttribute(o.MEDIA_SUBTITLES_LIST))!=null?t:""))!=null?a:[];if(n){let s=new l.CustomEvent(b.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:n});i.dispatchEvent(s)}}else console.error("Attempting to enable captions or subtitles but none are available! Please verify your media content if this is unexpected.")};var B={enter:"requestFullscreen",exit:"exitFullscreen",rootEvents:["fullscreenchange"],mediaEvents:[],element:"fullscreenElement",error:"fullscreenerror",enabled:"fullscreenEnabled"};m.fullscreenElement===void 0&&(B.enter="webkitRequestFullScreen",B.exit=m.webkitExitFullscreen!=null?"webkitExitFullscreen":"webkitCancelFullScreen",B.rootEvents=["webkitfullscreenchange"],B.mediaEvents=["webkitbeginfullscreen","webkitendfullscreen"],B.element="webkitFullscreenElement",B.error="webkitfullscreenerror",B.enabled="webkitFullscreenEnabled");var da,en=()=>{var i,e;return da||(da=(e=(i=m)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),da)},Rs=async(i=en())=>{if(!i)return!1;let e=i.volume;return i.volume=e/2+.1,await Qi(0),i.volume!==e},Tu=(i=en())=>typeof(i==null?void 0:i.requestPictureInPicture)=="function",Iu=(i=en())=>{let e=m[B.enabled];return!e&&i&&(e="webkitSupportsFullscreen"in i),e},tn=Iu(),ws=Tu(),xs=!!l.WebKitPlaybackTargetAvailabilityEvent,Ds=!!l.chrome;var ua,Os=Rs().then(i=>(ua=i,ua)),ku=Object.values(me),an=i=>la(i.media,e=>[xt.SUBTITLES,xt.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),Su=i=>la(i.media,e=>e.mode===Gi.SHOWING&&[xt.SUBTITLES,xt.CAPTIONS].includes(e.kind)),ee={MEDIA_PAUSED:{get:function(i){let{media:e}=i;return e?e.paused:!0},mediaEvents:["play","playing","pause","emptied"]},MEDIA_HAS_PLAYED:{get:function(i){let{media:e}=i;return e?!e.paused:!1},mediaEvents:["playing","emptied"]},MEDIA_ENDED:{get:function(i){let{media:e}=i;return e?e.ended:!1},mediaEvents:["seeked","ended","emptied"]},MEDIA_PLAYBACK_RATE:{get:function(i){let{media:e}=i;return!e||typeof e.playbackRate=="undefined"?1:e.playbackRate},mediaEvents:["ratechange","loadstart"]},MEDIA_MUTED:{get:function(i){let{media:e}=i;return!e||typeof e.muted=="undefined"?!1:e.muted},mediaEvents:["volumechange"]},MEDIA_VOLUME:{get:function(i){let{media:e}=i;return!e||typeof e.volume=="undefined"?1:Number(e.volume)},mediaEvents:["volumechange"]},MEDIA_VOLUME_LEVEL:{get:function(i){let{media:e}=i,t="high";if(!e||typeof e.volume=="undefined")return t;let{muted:a,volume:r}=e;return r===0||a?t="off":r<.5?t="low":r<.75&&(t="medium"),t},mediaEvents:["volumechange"]},MEDIA_CURRENT_TIME:{get:function(i){let{media:e}=i;return!e||typeof e.currentTime=="undefined"?0:e.currentTime},mediaEvents:["timeupdate","loadedmetadata"]},MEDIA_DURATION:{get:function(i){let{media:e}=i;return!e||!Number.isFinite(e.duration)?NaN:e.duration},mediaEvents:["durationchange","loadedmetadata","emptied"]},MEDIA_SEEKABLE:{get:function(i){var e;let{media:t}=i;if(!((e=t==null?void 0:t.seekable)!=null&&e.length))return;let a=t.seekable.start(0),r=t.seekable.end(t.seekable.length-1);if(!(!a&&!r))return[Number(a.toFixed(3)),Number(r.toFixed(3))]},mediaEvents:["loadedmetadata","emptied","progress"]},MEDIA_LOADING:{get:function(i){var e;return((e=i.media)==null?void 0:e.readyState)<3},mediaEvents:["waiting","playing","emptied"]},MEDIA_BUFFERED:{get:function(i){var e,t,a;let r=(e=i.media)==null?void 0:e.buffered;return Array.from((a=(t=i.media)==null?void 0:t.buffered)!=null?a:[]).map((n,s)=>[Number(r.start(s)).toFixed(3),Number(r.end(s)).toFixed(3)])},mediaEvents:["progress","emptied"]},MEDIA_STREAM_TYPE:{get:function(i){let{media:e}=i;if(!e)return;let{streamType:t}=e;if(ku.includes(t)){if(t===me.UNKNOWN){let r=i.getAttribute("defaultstreamtype");return[me.LIVE,me.ON_DEMAND].includes(r)?r:void 0}return t}let a=e.duration;if(a===1/0)return me.LIVE;if(Number.isFinite(a))return me.ON_DEMAND;{let r=i.getAttribute("defaultstreamtype");if([me.LIVE,me.ON_DEMAND].includes(r))return r}},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},MEDIA_TARGET_LIVE_WINDOW:{get:function(i){let{media:e}=i;if(!e)return Number.NaN;let{targetLiveWindow:t}=e,a=ee.MEDIA_STREAM_TYPE.get(i);return(t==null||Number.isNaN(t))&&a===me.LIVE?0:t},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},MEDIA_TIME_IS_LIVE:{get:function(i){let{media:e}=i;if(!e)return!1;if(typeof e.liveEdgeStart=="number")return Number.isNaN(e.liveEdgeStart)?!1:e.currentTime>=e.liveEdgeStart;if(!(ee.MEDIA_STREAM_TYPE.get(i)==="live"))return!1;let a=e.seekable;if(!a)return!0;if(!a.length)return!1;let r=i.hasAttribute("liveedgeoffset")?Number(i.getAttribute("liveedgeoffset")):10,n=a.end(a.length-1)-r;return e.currentTime>=n},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},MEDIA_IS_FULLSCREEN:{get:function(i,e){var t;let a=i.media;if(a&&m[B.element]===void 0&&"webkitDisplayingFullscreen"in a)return a.webkitDisplayingFullscreen&&a.webkitPresentationMode==="fullscreen";let r;return e?r=m[B.element]?e.target:null:r=(t=i.getRootNode().fullscreenElement)!=null?t:m[B.element],ct(i.fullscreenElement,r)},rootEvents:B.rootEvents,mediaEvents:B.mediaEvents},MEDIA_IS_PIP:{get:function(i,e){var t;let a=i.media;if(!a)return!1;if(e)return e.type=="enterpictureinpicture";{let r=(t=i.getRootNode().pictureInPictureElement)!=null?t:m.pictureInPictureElement;return ct(a,r)}},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},MEDIA_IS_CASTING:{get:function(i,e){var t;let{media:a}=i;if(!a)return!1;let r=(t=l.CastableVideoElement)==null?void 0:t.castElement,n=ct(a,r);return(e==null?void 0:e.type)==="castchange"&&(e==null?void 0:e.detail)==="CONNECTING"&&(n="connecting"),n},mediaEvents:["entercast","leavecast","castchange"]},MEDIA_AIRPLAY_UNAVAILABLE:{get:function(i,e){if(!xs)return ne.UNSUPPORTED;if(!!e&&e.availability!=="available"&&e.availability==="not-available")return ne.UNAVAILABLE},mediaEvents:["webkitplaybacktargetavailabilitychanged"]},MEDIA_CAST_UNAVAILABLE:{get:function(){var i;let e=(i=l.CastableVideoElement)==null?void 0:i.castState;if(!Ds||!e)return ne.UNSUPPORTED;if(!e.includes("CONNECT"))return ne.UNAVAILABLE},mediaEvents:["castchange"]},MEDIA_FULLSCREEN_UNAVAILABLE:{get:function(){return tn?void 0:ne.UNAVAILABLE}},MEDIA_PIP_UNAVAILABLE:{get:function(){return ws?void 0:ne.UNSUPPORTED}},MEDIA_RENDITION_UNAVAILABLE:{get:function(i){var e;let{media:t}=i;if(!(t!=null&&t.videoRenditions))return ne.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return ne.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},MEDIA_AUDIO_TRACK_UNAVAILABLE:{get:function(i){var e,t;let{media:a}=i;if(!(a!=null&&a.audioTracks))return ne.UNSUPPORTED;if(((t=(e=a.audioTracks)==null?void 0:e.length)!=null?t:0)<=1)return ne.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},MEDIA_VOLUME_UNAVAILABLE:{get:function(i){if(ua!==void 0&&!ua)return ne.UNSUPPORTED;let{media:e}=i;if(e&&typeof e.volume=="undefined")return ne.UNAVAILABLE},mediaEvents:["loadstart"]},MEDIA_SUBTITLES_LIST:{get:function(i){return an(i).map(({kind:e,label:t,language:a})=>({kind:e,label:t,language:a}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},MEDIA_SUBTITLES_SHOWING:{get:function(i){return i.hasAttribute("defaultsubtitles")&&!i.hasAttribute(o.MEDIA_HAS_PLAYED)&&!i.hasAttribute(o.MEDIA_SUBTITLES_SHOWING)&&Ne(i,!0),Su(i).map(({kind:e,label:t,language:a})=>({kind:e,label:t,language:a}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"]},MEDIA_RENDITION_LIST:{get:function(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.videoRenditions)!=null?e:[]]},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},MEDIA_RENDITION_SELECTED:{get:function(i){var e,t,a;let{media:r}=i;return(a=(t=r==null?void 0:r.videoRenditions)==null?void 0:t[(e=r.videoRenditions)==null?void 0:e.selectedIndex])==null?void 0:a.id},mediaEvents:["emptied"],videoRenditionsEvents:["addrendition","removerendition","change"]},MEDIA_AUDIO_TRACK_LIST:{get:function(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.audioTracks)!=null?e:[]]},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},MEDIA_AUDIO_TRACK_ENABLED:{get:function(i){var e,t;let{media:a}=i;return(t=[...(e=a==null?void 0:a.audioTracks)!=null?e:[]].find(r=>r.enabled))==null?void 0:t.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]}},ca={MEDIA_PLAY_REQUEST:(i,e,t)=>{var a;let r=ee.MEDIA_STREAM_TYPE.get(t),n=t.getAttribute("noautoseektolive")===null;r==me.LIVE&&n&&ca.MEDIA_SEEK_TO_LIVE_REQUEST(i),(a=i.play())==null||a.catch(()=>{})},MEDIA_PAUSE_REQUEST:i=>i.pause(),MEDIA_MUTE_REQUEST:i=>i.muted=!0,MEDIA_UNMUTE_REQUEST:i=>{i.muted=!1,i.volume===0&&(i.volume=.25)},MEDIA_VOLUME_REQUEST:(i,e,t)=>{let a=e.detail;if(i.volume=a,a>0&&i.muted&&(i.muted=!1),!t.hasAttribute("novolumepref"))try{l.localStorage.setItem("media-chrome-pref-volume",a.toString())}catch{}},MEDIA_ENTER_FULLSCREEN_REQUEST:(i,e,t)=>{if(!tn){console.warn("Fullscreen support is unavailable; not entering fullscreen");return}m.pictureInPictureElement&&m.exitPictureInPicture(),t[B.enter]?t.fullscreenElement[B.enter]():i.webkitEnterFullscreen?i.webkitEnterFullscreen():i.requestFullscreen?i.requestFullscreen():console.warn("MediaChrome: Fullscreen not supported")},MEDIA_EXIT_FULLSCREEN_REQUEST:()=>{m[B.exit]()},MEDIA_ENTER_PIP_REQUEST:i=>{if(!m.pictureInPictureEnabled){console.warn("MediaChrome: Picture-in-picture is not enabled");return}if(!i.requestPictureInPicture){console.warn("MediaChrome: The current media does not support picture-in-picture");return}m[B.element]&&m[B.exit]();let e=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};i.requestPictureInPicture().catch(t=>{if(t.code===11)if(i.readyState===0&&i.preload==="none"){let a=()=>{i.removeEventListener("loadedmetadata",r),i.preload="none"},r=()=>{i.requestPictureInPicture().catch(e),a()};i.addEventListener("loadedmetadata",r),i.preload="metadata",setTimeout(()=>{i.readyState===0&&e(),a()},1e3)}else throw t;else throw t})},MEDIA_EXIT_PIP_REQUEST:()=>{m.pictureInPictureElement&&m.exitPictureInPicture()},MEDIA_ENTER_CAST_REQUEST:i=>{var e;!((e=l.CastableVideoElement)!=null&&e.castEnabled)||(m[B.element]&&m[B.exit](),i.requestCast())},MEDIA_EXIT_CAST_REQUEST:async()=>{var i;(i=l.CastableVideoElement)!=null&&i.castElement&&l.CastableVideoElement.exitCast()},MEDIA_SEEK_REQUEST:(i,e)=>{let t=e.detail;(i.readyState>0||i.readyState===void 0)&&(i.currentTime=t)},MEDIA_PLAYBACK_RATE_REQUEST:(i,e)=>{i.playbackRate=e.detail},MEDIA_PREVIEW_REQUEST:(i,e,t)=>{var a;if(!i)return;let r=e.detail;r===null&&t.propagateMediaState(o.MEDIA_PREVIEW_TIME,void 0),t.propagateMediaState(o.MEDIA_PREVIEW_TIME,r);let[n]=la(i,{kind:xt.METADATA,label:"thumbnails"});if(!(n&&n.cues))return;if(r===null){t.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,void 0),t.propagateMediaState(o.MEDIA_PREVIEW_COORDS,void 0);return}let s=Array.prototype.find.call(n.cues,h=>h.startTime>=r);if(!s)return;let d=/'^(?:[a-z]+:)?\/\//i.test(s.text)||(a=i.querySelector('track[label="thumbnails"]'))==null?void 0:a.src,u=new URL(s.text,d),c=new URLSearchParams(u.hash).get("#xywh");t.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,u.href),t.propagateMediaState(o.MEDIA_PREVIEW_COORDS,c.split(","))},MEDIA_SHOW_SUBTITLES_REQUEST:(i,e,t)=>{let a=an(t),{detail:r=[]}=e;Jr(Gi.SHOWING,a,r)},MEDIA_DISABLE_SUBTITLES_REQUEST:(i,e,t)=>{let a=an(t),{detail:r=[]}=e;Jr(Gi.DISABLED,a,r)},MEDIA_AIRPLAY_REQUEST:i=>{if(!!i){if(!(i.webkitShowPlaybackTargetPicker&&l.WebKitPlaybackTargetAvailabilityEvent)){console.warn("received a request to select AirPlay but AirPlay is not supported in this environment");return}i.webkitShowPlaybackTargetPicker()}},MEDIA_SEEK_TO_LIVE_REQUEST:i=>{let e=i.seekable;if(!e){console.warn("MediaController: Media element does not support seeking to live.");return}if(!e.length){console.warn("MediaController: Media is unable to seek to live.");return}i.currentTime=e.end(e.length-1)},MEDIA_RENDITION_REQUEST:(i,e)=>{if(!(i!=null&&i.videoRenditions)){console.warn("MediaController: Rendition selection not supported by this media.");return}let t=e.detail,a=[...i.videoRenditions].findIndex(r=>r.id==t);i.videoRenditions.selectedIndex!=a&&(i.videoRenditions.selectedIndex=a)},MEDIA_AUDIO_TRACK_REQUEST:(i,e)=>{if(!(i!=null&&i.audioTracks)){console.warn("MediaController: Audio track selection not supported by this media.");return}let t=e.detail;for(let a of i.audioTracks)a.enabled=t==a.id}};var on=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},bt=(i,e,t)=>(on(i,e,"read from private field"),t?t.call(i):e.get(i)),ma=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ns=(i,e,t,a)=>(on(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ut=(i,e,t)=>(on(i,e,"access private method"),t),Qe,di,Pt,ui,ha,rn,Vs=["ArrowLeft","ArrowRight","Enter"," ","f","m","k","c"],Cu=10,Us=0,te={DEFAULT_SUBTITLES:"defaultsubtitles",DEFAULT_STREAM_TYPE:"defaultstreamtype",FULLSCREEN_ELEMENT:"fullscreenelement",HOTKEYS:"hotkeys",KEYS_USED:"keysused",LIVE_EDGE_OFFSET:"liveedgeoffset",NO_AUTO_SEEK_TO_LIVE:"noautoseektolive",NO_HOTKEYS:"nohotkeys"},pa=class extends ra{constructor(){super(),ma(this,Pt),ma(this,ha),ma(this,Qe,new qe(this,te.HOTKEYS)),ma(this,di,void 0),ee.MEDIA_VOLUME_UNAVAILABLE.get(this)===void 0&&Os.then(()=>{this.propagateMediaState(o.MEDIA_VOLUME_UNAVAILABLE,ee.MEDIA_VOLUME_UNAVAILABLE.get(this))}),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,this.associateElement(this),Object.keys(ca).forEach(e=>{let t=`_handle${Zi(e,!0)}`;this[t]=a=>{if(a.stopPropagation(),!this.media){console.warn("MediaController: No media available.");return}ca[e](this.media,a,this)},this.addEventListener(b[e],this[t])}),this._mediaStatePropagators={},Object.keys(ee).forEach(e=>{this._mediaStatePropagators[e]=t=>{this.propagateMediaState(dt[e],ee[e].get(this,t))}}),this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat(te.NO_HOTKEYS,te.HOTKEYS,te.DEFAULT_STREAM_TYPE,te.DEFAULT_SUBTITLES)}get fullscreenElement(){var e;return(e=bt(this,di))!=null?e:this}set fullscreenElement(e){this.hasAttribute(te.FULLSCREEN_ELEMENT)&&this.removeAttribute(te.FULLSCREEN_ELEMENT),Ns(this,di,e)}attributeChangedCallback(e,t,a){var r;if(e===te.NO_HOTKEYS)a!==t&&a===""?(this.hasAttribute(te.HOTKEYS)&&console.warn("Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):a!==t&&a===null&&this.enableHotkeys();else if(e===te.HOTKEYS)bt(this,Qe).value=a;else if(e===te.DEFAULT_SUBTITLES&&a!==t&&a==="")Ne(this,!0);else if(e===te.DEFAULT_STREAM_TYPE)this.propagateMediaState(dt.MEDIA_STREAM_TYPE);else if(e===te.FULLSCREEN_ELEMENT){let n=a?(r=this.getRootNode())==null?void 0:r.getElementById(a):void 0;Ns(this,di,n)}super.attributeChangedCallback(e,t,a)}mediaSetCallback(e){if(super.mediaSetCallback(e),e.hasAttribute("tabindex")||(e.tabIndex=-1),Object.keys(ee).forEach(t=>{let{mediaEvents:a,rootEvents:r,textTracksEvents:n,videoRenditionsEvents:s,audioTracksEvents:d}=ee[t],u=this._mediaStatePropagators[t];a==null||a.forEach(c=>{e.addEventListener(c,u),u()}),r==null||r.forEach(c=>{this.getRootNode().addEventListener(c,u),u()}),n==null||n.forEach(c=>{var h;(h=e.textTracks)==null||h.addEventListener(c,u),u()}),s==null||s.forEach(c=>{var h;(h=e.videoRenditions)==null||h.addEventListener(c,u),u()}),d==null||d.forEach(c=>{var h;(h=e.audioTracks)==null||h.addEventListener(c,u),u()})}),!this.hasAttribute("novolumepref"))try{let t=l.localStorage.getItem("media-chrome-pref-volume");t!==null&&(e.volume=t)}catch(t){console.debug("Error getting volume pref",t)}}mediaUnsetCallback(e){super.mediaUnsetCallback(e),Object.keys(ee).forEach(t=>{let{mediaEvents:a,rootEvents:r,textTracksEvents:n,videoRenditionsEvents:s,audioTracksEvents:d}=ee[t],u=this._mediaStatePropagators[t];a==null||a.forEach(c=>{e.removeEventListener(c,u)}),r==null||r.forEach(c=>{this.getRootNode().removeEventListener(c,u)}),n==null||n.forEach(c=>{var h;(h=e.textTracks)==null||h.removeEventListener(c,u)}),s==null||s.forEach(c=>{var h;(h=e.videoRenditions)==null||h.removeEventListener(c,u),u()}),d==null||d.forEach(c=>{var h;(h=e.audioTracks)==null||h.removeEventListener(c,u),u()})}),this.propagateMediaState(dt.MEDIA_PAUSED,!0)}propagateMediaState(e,t){let a=$s(this.mediaStateReceivers,e);if(Hs(this.mediaStateReceivers,e,t),a===$s(this.mediaStateReceivers,e))return;let r=e.toLowerCase(),n=new l.CustomEvent(ss[r],{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(n)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let a=this.registerMediaStateReceiver.bind(this),r=this.unregisterMediaStateReceiver.bind(this),n=Du(e,a,r);Object.keys(b).forEach(s=>{e.addEventListener(b[s],this[`_handle${Zi(s,!0)}`])}),t.set(e,n)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(!t.has(e))return;t.get(e)(),t.delete(e),Object.keys(b).forEach(r=>{e.removeEventListener(b[r],this[`_handle${Zi(r,!0)}`])})}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),Object.keys(ee).forEach(r=>{let n=ee[r];Hs([e],dt[r],n.get(this))}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,a=t.indexOf(e);a<0||t.splice(a,1)}enableHotkeys(){this.addEventListener("keydown",Ut(this,ha,rn))}disableHotkeys(){this.removeEventListener("keydown",Ut(this,ha,rn)),this.removeEventListener("keyup",Ut(this,Pt,ui))}get hotkeys(){return bt(this,Qe)}keyboardShortcutHandler(e){var t,a,r,n;if(((n=(r=(t=e.target.getAttribute(te.KEYS_USED))==null?void 0:t.split(" "))!=null?r:(a=e.target)==null?void 0:a.keysUsed)!=null?n:[]).map(T=>T==="Space"?" ":T).filter(Boolean).includes(e.key))return;let d,u,c,h,f,v=Cu;if(!bt(this,Qe).contains(`no${e.key.toLowerCase()}`)&&!(e.key===" "&&bt(this,Qe).contains("nospace")))switch(e.key){case" ":case"k":d=this.getAttribute(o.MEDIA_PAUSED)!=null?b.MEDIA_PLAY_REQUEST:b.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"m":d=this.getAttribute(o.MEDIA_VOLUME_LEVEL)==="off"?b.MEDIA_UNMUTE_REQUEST:b.MEDIA_MUTE_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"f":d=this.getAttribute(o.MEDIA_IS_FULLSCREEN)!=null?b.MEDIA_EXIT_FULLSCREEN_REQUEST:b.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"c":Ne(this);break;case"ArrowLeft":u=this.getAttribute(o.MEDIA_CURRENT_TIME),c=u&&!Number.isNaN(+u)?+u:Us,h=Math.max(c-v,0),f=new l.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(f);break;case"ArrowRight":u=this.getAttribute(o.MEDIA_CURRENT_TIME),c=u&&!Number.isNaN(+u)?+u:Us,h=Math.max(c+v,0),f=new l.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(f);break;default:break}}};Qe=new WeakMap;di=new WeakMap;Pt=new WeakSet;ui=function(i){let{key:e}=i;if(!Vs.includes(e)){this.removeEventListener("keyup",Ut(this,Pt,ui));return}this.keyboardShortcutHandler(i)};ha=new WeakSet;rn=function(i){let{metaKey:e,altKey:t,key:a}=i;if(e||t||!Vs.includes(a)){this.removeEventListener("keyup",Ut(this,Pt,ui));return}[" ","ArrowLeft","ArrowRight"].includes(a)&&!(bt(this,Qe).contains(`no${a.toLowerCase()}`)||a===" "&&bt(this,Qe).contains("nospace"))&&i.preventDefault(),this.addEventListener("keyup",Ut(this,Pt,ui),{once:!0})};var Mu=Object.values(o),Lu=Object.values(dt),sn=i=>{var e,t,a,r;let{observedAttributes:n}=i.constructor;!n&&((e=i.nodeName)==null?void 0:e.includes("-"))&&(l.customElements.upgrade(i),{observedAttributes:n}=i.constructor);let s=(r=(a=(t=i==null?void 0:i.getAttribute)==null?void 0:t.call(i,A.MEDIA_CHROME_ATTRIBUTES))==null?void 0:a.split)==null?void 0:r.call(a,/\s+/);return Array.isArray(n||s)?(n||s).filter(d=>Mu.includes(d)):[]},Ru=i=>{var e,t;return((e=i.nodeName)==null?void 0:e.includes("-"))&&!!l.customElements.get((t=i.nodeName)==null?void 0:t.toLowerCase())&&!(i instanceof l.customElements.get(i.nodeName.toLowerCase()))&&l.customElements.upgrade(i),Lu.some(a=>a in i)},nn=i=>Ru(i)||!!sn(i).length,Ps=i=>{var e;return(e=i==null?void 0:i.join)==null?void 0:e.call(i,":")},Bs={[o.MEDIA_SUBTITLES_LIST]:ht,[o.MEDIA_SUBTITLES_SHOWING]:ht,[o.MEDIA_SEEKABLE]:Ps,[o.MEDIA_BUFFERED]:i=>i==null?void 0:i.map(Ps).join(" "),[o.MEDIA_PREVIEW_COORDS]:i=>i==null?void 0:i.join(" "),[o.MEDIA_RENDITION_LIST]:ls,[o.MEDIA_AUDIO_TRACK_LIST]:us},wu=async(i,e,t)=>{var a,r;if(i.isConnected||await Qi(0),typeof t=="boolean"||t==null)return R(i,e,t);if(typeof t=="number")return D(i,e,t);if(typeof t=="string")return C(i,e,t);if(Array.isArray(t)&&!t.length)return i.removeAttribute(e);let n=(r=(a=Bs[e])==null?void 0:a.call(Bs,t))!=null?r:t;return i.setAttribute(e,n)},xu=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},pt=(i,e)=>{if(xu(i))return;let t=(r,n)=>{var s,d;nn(r)&&n(r);let{children:u=[]}=r!=null?r:{},c=(d=(s=r==null?void 0:r.shadowRoot)==null?void 0:s.children)!=null?d:[];[...u,...c].forEach(f=>pt(f,n))},a=i==null?void 0:i.nodeName.toLowerCase();if(a.includes("-")&&!nn(i)){l.customElements.whenDefined(a).then(()=>{t(i,e)});return}t(i,e)},Hs=(i,e,t)=>{i.forEach(a=>{if(e in a){a[e]=t;return}let r=sn(a),n=e.toLowerCase();!r.includes(n)||wu(a,n,t)})},$s=(i,e)=>{for(let t of i){if(e in t)return t[e];let a=sn(t),r=e.toLowerCase();if(!!a.includes(r))return t.getAttribute(r)}},Du=(i,e,t)=>{pt(i,e);let a=h=>{var f;let v=(f=h==null?void 0:h.composedPath()[0])!=null?f:h.target;e(v)},r=h=>{var f;let v=(f=h==null?void 0:h.composedPath()[0])!=null?f:h.target;t(v)};i.addEventListener(b.REGISTER_MEDIA_STATE_RECEIVER,a),i.addEventListener(b.UNREGISTER_MEDIA_STATE_RECEIVER,r);let n=h=>{h.forEach(f=>{let{addedNodes:v=[],removedNodes:T=[],type:H,target:Y,attributeName:I}=f;H==="childList"?(Array.prototype.forEach.call(v,ae=>pt(ae,e)),Array.prototype.forEach.call(T,ae=>pt(ae,t))):H==="attributes"&&I===A.MEDIA_CHROME_ATTRIBUTES&&(nn(Y)?e(Y):t(Y))})},s=[],d=h=>{let f=h.target;f.name!=="media"&&(s.forEach(v=>pt(v,t)),s=[...f.assignedElements({flatten:!0})],s.forEach(v=>pt(v,e)))};i.addEventListener("slotchange",d);let u=new MutationObserver(n);return u.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{pt(i,t),i.removeEventListener("slotchange",d),u.disconnect(),i.removeEventListener(b.REGISTER_MEDIA_STATE_RECEIVER,a),i.removeEventListener(b.UNREGISTER_MEDIA_STATE_RECEIVER,r)}};l.customElements.get("media-controller")||l.customElements.define("media-controller",pa);var ln=pa;var Ou=Object.defineProperty,Nu=(i,e,t)=>e in i?Ou(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Uu=(i,e,t)=>(Nu(i,typeof e!="symbol"?e+"":e,t),t),Fs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ze=(i,e,t)=>(Fs(i,e,"read from private field"),t?t.call(i):e.get(i)),dn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ba=(i,e,t,a)=>(Fs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ye,Ea,va,Ks=m.createElement("template"),Ws=`
   height: var(--thumb-height);
   width: var(--media-range-thumb-width, 10px);
   border: var(--media-range-thumb-border, none);
@@ -366,7 +366,7 @@
     <div id="hoverzone"></div>
     <input id="range" type="range" min="0" max="1000" step="any" value="0">
   </div>
-`;var vt=class extends l.HTMLElement{constructor(){super(),Uu(this,"thumbWidth"),dn(this,ye,void 0),dn(this,va,()=>{if(this.range.matches(":focus-visible")){let{style:t}=N(this.shadowRoot,":host");t.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),dn(this,ba,()=>{let{style:t}=N(this.shadowRoot,":host");t.removeProperty("--_focus-visible-box-shadow")}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Ks.content.cloneNode(!0)));let{style:e}=N(this.shadowRoot,":host");e.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-block))`),this.container=this.shadowRoot.querySelector("#container"),this.range=this.shadowRoot.querySelector("#range"),this.range.addEventListener("input",this.updateBar.bind(this)),this.thumbWidth=parseInt(getComputedStyle(this).getPropertyValue("--media-range-thumb-width")||"10",10)}static get observedAttributes(){return["disabled","aria-disabled",A.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER?(t&&((n=(r=ze(this,ye))==null?void 0:r.unassociateElement)==null||n.call(r,this),Ea(this,ye,null)),a&&(Ea(this,ye,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=ze(this,ye))==null?void 0:d.associateElement)==null||u.call(d,this))):(e==="disabled"||e==="aria-disabled"&&t!==a)&&(a==null?this.range.removeAttribute(e):this.range.setAttribute(e,a))}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(Ea(this,ye,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=ze(this,ye))==null?void 0:t.associateElement)==null||a.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",ze(this,va)),this.shadowRoot.addEventListener("focusout",ze(this,ba))}disconnectedCallback(){var e,t;(t=(e=ze(this,ye))==null?void 0:e.unassociateElement)==null||t.call(e,this),Ea(this,ye,null),this.shadowRoot.removeEventListener("focusin",ze(this,va)),this.shadowRoot.removeEventListener("focusout",ze(this,ba))}updatePointerBar(e){let t=this.range.getBoundingClientRect(),a=(e.clientX-t.left)/t.width;a=Math.max(0,Math.min(1,a));let{style:r}=N(this.shadowRoot,"#pointer");r.setProperty("width",`${a*t.width}px`)}updateBar(){let e=this.getBarColors(),t="linear-gradient(to right, ",a=0;e.forEach(n=>{n[1]<a||(t=t+`${n[0]} ${a}%, ${n[0]} ${n[1]}%,`,a=n[1])}),t=t.slice(0,t.length-1)+")";let{style:r}=N(this.shadowRoot,"#range");r.setProperty("--media-range-track-progress-internal",t)}getRelativeValues(){let{range:e}=this;return{relativeValue:e.value-e.min,relativeMax:e.max-e.min}}getBarColors(){let e=this.range,{relativeValue:t,relativeMax:a}=this.getRelativeValues(),r=t/a*100,n=0;return!!t&&t<a&&(n=this.thumbWidth*(.5-r/100)/e.offsetWidth*100),[["var(--media-range-bar-color, var(--media-primary-color, rgb(238 238 238)))",r+n],["var(--media-range-track-color, transparent)",100]]}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}};ye=new WeakMap;va=new WeakMap;ba=new WeakMap;l.customElements.get("media-chrome-range")||l.customElements.define("media-chrome-range",vt);var Ys=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},fa=(i,e,t)=>(Ys(i,e,"read from private field"),t?t.call(i):e.get(i)),Pu=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ga=(i,e,t,a)=>(Ys(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Te,Gs=m.createElement("template");Gs.innerHTML=`
+`;var Et=class extends l.HTMLElement{constructor(){super(),Uu(this,"thumbWidth"),dn(this,ye,void 0),dn(this,Ea,()=>{if(this.range.matches(":focus-visible")){let{style:t}=N(this.shadowRoot,":host");t.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),dn(this,va,()=>{let{style:t}=N(this.shadowRoot,":host");t.removeProperty("--_focus-visible-box-shadow")}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Ks.content.cloneNode(!0)));let{style:e}=N(this.shadowRoot,":host");e.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-block))`),this.container=this.shadowRoot.querySelector("#container"),this.range=this.shadowRoot.querySelector("#range"),this.range.addEventListener("input",this.updateBar.bind(this)),this.thumbWidth=parseInt(getComputedStyle(this).getPropertyValue("--media-range-thumb-width")||"10",10)}static get observedAttributes(){return["disabled","aria-disabled",A.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER?(t&&((n=(r=ze(this,ye))==null?void 0:r.unassociateElement)==null||n.call(r,this),ba(this,ye,null)),a&&(ba(this,ye,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=ze(this,ye))==null?void 0:d.associateElement)==null||u.call(d,this))):(e==="disabled"||e==="aria-disabled"&&t!==a)&&(a==null?this.range.removeAttribute(e):this.range.setAttribute(e,a))}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(ba(this,ye,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=ze(this,ye))==null?void 0:t.associateElement)==null||a.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",ze(this,Ea)),this.shadowRoot.addEventListener("focusout",ze(this,va))}disconnectedCallback(){var e,t;(t=(e=ze(this,ye))==null?void 0:e.unassociateElement)==null||t.call(e,this),ba(this,ye,null),this.shadowRoot.removeEventListener("focusin",ze(this,Ea)),this.shadowRoot.removeEventListener("focusout",ze(this,va))}updatePointerBar(e){let t=this.range.getBoundingClientRect(),a=(e.clientX-t.left)/t.width;a=Math.max(0,Math.min(1,a));let{style:r}=N(this.shadowRoot,"#pointer");r.setProperty("width",`${a*t.width}px`)}updateBar(){let e=this.getBarColors(),t="linear-gradient(to right, ",a=0;e.forEach(n=>{n[1]<a||(t=t+`${n[0]} ${a}%, ${n[0]} ${n[1]}%,`,a=n[1])}),t=t.slice(0,t.length-1)+")";let{style:r}=N(this.shadowRoot,"#range");r.setProperty("--media-range-track-progress-internal",t)}getRelativeValues(){let{range:e}=this;return{relativeValue:e.value-e.min,relativeMax:e.max-e.min}}getBarColors(){let e=this.range,{relativeValue:t,relativeMax:a}=this.getRelativeValues(),r=t/a*100,n=0;return!!t&&t<a&&(n=this.thumbWidth*(.5-r/100)/e.offsetWidth*100),[["var(--media-range-bar-color, var(--media-primary-color, rgb(238 238 238)))",r+n],["var(--media-range-track-color, transparent)",100]]}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}};ye=new WeakMap;Ea=new WeakMap;va=new WeakMap;l.customElements.get("media-chrome-range")||l.customElements.define("media-chrome-range",Et);var Ys=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},fa=(i,e,t)=>(Ys(i,e,"read from private field"),t?t.call(i):e.get(i)),Pu=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ga=(i,e,t,a)=>(Ys(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Te,Gs=m.createElement("template");Gs.innerHTML=`
   <style>
     :host {
       
@@ -425,7 +425,7 @@
     }
   </style>
   <slot></slot>
-`;var Ue=class extends l.HTMLElement{constructor(){super(),Bu(this,Ie,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(qs.content.cloneNode(!0)));let{style:e}=N(this.shadowRoot,":host");e.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`)}static get observedAttributes(){return[A.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER&&(t&&((n=(r=Aa(this,Ie))==null?void 0:r.unassociateElement)==null||n.call(r,this),_a(this,Ie,null)),a&&(_a(this,Ie,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=Aa(this,Ie))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(_a(this,Ie,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=Aa(this,Ie))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=Aa(this,Ie))==null?void 0:e.unassociateElement)==null||t.call(e,this),_a(this,Ie,null)}};Ie=new WeakMap;l.customElements.get("media-text-display")||l.customElements.define("media-text-display",Ue);var zs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Qs=(i,e,t)=>(zs(i,e,"read from private field"),t?t.call(i):e.get(i)),$u=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Vu=(i,e,t,a)=>(zs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ci,mn=class extends Ue{constructor(){super(),$u(this,ci,void 0),Vu(this,ci,this.shadowRoot.querySelector("slot")),Qs(this,ci).textContent=Ae(0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_DURATION]}attributeChangedCallback(e,t,a){e===o.MEDIA_DURATION&&(Qs(this,ci).textContent=Ae(a)),super.attributeChangedCallback(e,t,a)}get mediaDuration(){return S(this,o.MEDIA_DURATION)}set mediaDuration(e){x(this,o.MEDIA_DURATION,e)}};ci=new WeakMap;l.customElements.get("media-duration-display")||l.customElements.define("media-duration-display",mn);var el=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},hn=(i,e,t)=>(el(i,e,"read from private field"),t?t.call(i):e.get(i)),Hu=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Wu=(i,e,t,a)=>(el(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Bt,he={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},Xs=[...Object.values(he),o.MEDIA_CURRENT_TIME,o.MEDIA_DURATION,o.MEDIA_SEEKABLE],Js=["Enter"," "],Fu="&nbsp;/&nbsp;",js=(i,{timesSep:e=Fu}={})=>{var t,a,r,n;let s=i.hasAttribute(he.REMAINING),d=i.hasAttribute(he.SHOW_DURATION),u=(t=i.mediaCurrentTime)!=null?t:0,[,c]=(a=i.mediaSeekable)!=null?a:[],h=(n=(r=i.mediaDuration)!=null?r:c)!=null?n:0,f=s?Ae(0-(h-u)):Ae(u);return d?`${f}${e}${Ae(h)}`:f},Ku="video not loaded, unknown time.",Yu=i=>{var e;let t=i.mediaCurrentTime,[,a]=(e=i.mediaSeekable)!=null?e:[],r=i.mediaDuration||a;if(t==null||r==null){i.setAttribute("aria-valuetext",Ku);return}let n=i.hasAttribute(he.REMAINING),s=i.hasAttribute(he.SHOW_DURATION),d=n?ut(0-(r-t)):ut(t);if(!s){i.setAttribute("aria-valuetext",d);return}let u=ut(r),c=`${d} of ${u}`;i.setAttribute("aria-valuetext",c)},pn=class extends Ue{constructor(){super(),Hu(this,Bt,void 0),Wu(this,Bt,this.shadowRoot.querySelector("slot")),hn(this,Bt).innerHTML=`${js(this)}`;let{style:e}=N(this.shadowRoot,":host:not([notoggle])");e.setProperty("cursor","pointer");let{style:t}=N(this.shadowRoot,":host(:hover:not([notoggle]))");t.setProperty("background","var(--media-control-hover-background, rgba(50 50 70 / .7))")}static get observedAttributes(){return[...super.observedAttributes,...Xs,"disabled"]}connectedCallback(){this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","progressbar"),this.setAttribute("aria-label",Z.PLAYBACK_TIME());let e=t=>{let{key:a}=t;if(!Js.includes(a)){this.removeEventListener("keyup",e);return}this.toggleTimeDisplay()};this.addEventListener("keydown",t=>{let{metaKey:a,altKey:r,key:n}=t;if(a||r||!Js.includes(n)){this.removeEventListener("keyup",e);return}this.addEventListener("keyup",e)}),this.addEventListener("click",this.toggleTimeDisplay),super.connectedCallback()}toggleTimeDisplay(){this.noToggle||(this.hasAttribute("remaining")?this.removeAttribute("remaining"):this.setAttribute("remaining",""))}disconnectedCallback(){this.disable(),super.disconnectedCallback()}attributeChangedCallback(e,t,a){Xs.includes(e)?this.update():e==="disabled"&&a!==t&&(a==null?this.enable():this.disable()),super.attributeChangedCallback(e,t,a)}enable(){this.tabIndex=0}disable(){this.tabIndex=-1}get remaining(){return D(this,he.REMAINING)}set remaining(e){R(this,he.REMAINING,e)}get showDuration(){return D(this,he.SHOW_DURATION)}set showDuration(e){R(this,he.SHOW_DURATION,e)}get noToggle(){return D(this,he.NO_TOGGLE)}set noToggle(e){R(this,he.NO_TOGGLE,e)}get mediaDuration(){return S(this,o.MEDIA_DURATION)}set mediaDuration(e){x(this,o.MEDIA_DURATION,e)}get mediaCurrentTime(){return S(this,o.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){x(this,o.MEDIA_CURRENT_TIME,e)}get mediaSeekable(){let e=this.getAttribute(o.MEDIA_SEEKABLE);if(!!e)return e.split(":").map(t=>+t)}set mediaSeekable(e){if(e==null){this.removeAttribute(o.MEDIA_SEEKABLE);return}this.setAttribute(o.MEDIA_SEEKABLE,e.join(":"))}update(){let e=js(this);Yu(this),e!==hn(this,Bt).innerHTML&&(hn(this,Bt).innerHTML=e)}};Bt=new WeakMap;l.customElements.get("media-time-display")||l.customElements.define("media-time-display",pn);var Gu=`<svg aria-hidden="true" viewBox="0 0 26 24">
+`;var Ue=class extends l.HTMLElement{constructor(){super(),Bu(this,Ie,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(qs.content.cloneNode(!0)));let{style:e}=N(this.shadowRoot,":host");e.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`)}static get observedAttributes(){return[A.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER&&(t&&((n=(r=Aa(this,Ie))==null?void 0:r.unassociateElement)==null||n.call(r,this),_a(this,Ie,null)),a&&(_a(this,Ie,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=Aa(this,Ie))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(_a(this,Ie,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=Aa(this,Ie))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=Aa(this,Ie))==null?void 0:e.unassociateElement)==null||t.call(e,this),_a(this,Ie,null)}};Ie=new WeakMap;l.customElements.get("media-text-display")||l.customElements.define("media-text-display",Ue);var zs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Qs=(i,e,t)=>(zs(i,e,"read from private field"),t?t.call(i):e.get(i)),Hu=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},$u=(i,e,t,a)=>(zs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ci,mn=class extends Ue{constructor(){super(),Hu(this,ci,void 0),$u(this,ci,this.shadowRoot.querySelector("slot")),Qs(this,ci).textContent=Ae(0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_DURATION]}attributeChangedCallback(e,t,a){e===o.MEDIA_DURATION&&(Qs(this,ci).textContent=Ae(a)),super.attributeChangedCallback(e,t,a)}get mediaDuration(){return S(this,o.MEDIA_DURATION)}set mediaDuration(e){D(this,o.MEDIA_DURATION,e)}};ci=new WeakMap;l.customElements.get("media-duration-display")||l.customElements.define("media-duration-display",mn);var el=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},hn=(i,e,t)=>(el(i,e,"read from private field"),t?t.call(i):e.get(i)),Vu=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Wu=(i,e,t,a)=>(el(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Bt,he={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},Xs=[...Object.values(he),o.MEDIA_CURRENT_TIME,o.MEDIA_DURATION,o.MEDIA_SEEKABLE],Js=["Enter"," "],Fu="&nbsp;/&nbsp;",js=(i,{timesSep:e=Fu}={})=>{var t,a,r,n;let s=i.hasAttribute(he.REMAINING),d=i.hasAttribute(he.SHOW_DURATION),u=(t=i.mediaCurrentTime)!=null?t:0,[,c]=(a=i.mediaSeekable)!=null?a:[],h=(n=(r=i.mediaDuration)!=null?r:c)!=null?n:0,f=s?Ae(0-(h-u)):Ae(u);return d?`${f}${e}${Ae(h)}`:f},Ku="video not loaded, unknown time.",Yu=i=>{var e;let t=i.mediaCurrentTime,[,a]=(e=i.mediaSeekable)!=null?e:[],r=i.mediaDuration||a;if(t==null||r==null){i.setAttribute("aria-valuetext",Ku);return}let n=i.hasAttribute(he.REMAINING),s=i.hasAttribute(he.SHOW_DURATION),d=n?ut(0-(r-t)):ut(t);if(!s){i.setAttribute("aria-valuetext",d);return}let u=ut(r),c=`${d} of ${u}`;i.setAttribute("aria-valuetext",c)},pn=class extends Ue{constructor(){super(),Vu(this,Bt,void 0),Wu(this,Bt,this.shadowRoot.querySelector("slot")),hn(this,Bt).innerHTML=`${js(this)}`;let{style:e}=N(this.shadowRoot,":host:not([notoggle])");e.setProperty("cursor","pointer");let{style:t}=N(this.shadowRoot,":host(:hover:not([notoggle]))");t.setProperty("background","var(--media-control-hover-background, rgba(50 50 70 / .7))")}static get observedAttributes(){return[...super.observedAttributes,...Xs,"disabled"]}connectedCallback(){this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","progressbar"),this.setAttribute("aria-label",Z.PLAYBACK_TIME());let e=t=>{let{key:a}=t;if(!Js.includes(a)){this.removeEventListener("keyup",e);return}this.toggleTimeDisplay()};this.addEventListener("keydown",t=>{let{metaKey:a,altKey:r,key:n}=t;if(a||r||!Js.includes(n)){this.removeEventListener("keyup",e);return}this.addEventListener("keyup",e)}),this.addEventListener("click",this.toggleTimeDisplay),super.connectedCallback()}toggleTimeDisplay(){this.noToggle||(this.hasAttribute("remaining")?this.removeAttribute("remaining"):this.setAttribute("remaining",""))}disconnectedCallback(){this.disable(),super.disconnectedCallback()}attributeChangedCallback(e,t,a){Xs.includes(e)?this.update():e==="disabled"&&a!==t&&(a==null?this.enable():this.disable()),super.attributeChangedCallback(e,t,a)}enable(){this.tabIndex=0}disable(){this.tabIndex=-1}get remaining(){return x(this,he.REMAINING)}set remaining(e){R(this,he.REMAINING,e)}get showDuration(){return x(this,he.SHOW_DURATION)}set showDuration(e){R(this,he.SHOW_DURATION,e)}get noToggle(){return x(this,he.NO_TOGGLE)}set noToggle(e){R(this,he.NO_TOGGLE,e)}get mediaDuration(){return S(this,o.MEDIA_DURATION)}set mediaDuration(e){D(this,o.MEDIA_DURATION,e)}get mediaCurrentTime(){return S(this,o.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){D(this,o.MEDIA_CURRENT_TIME,e)}get mediaSeekable(){let e=this.getAttribute(o.MEDIA_SEEKABLE);if(!!e)return e.split(":").map(t=>+t)}set mediaSeekable(e){if(e==null){this.removeAttribute(o.MEDIA_SEEKABLE);return}this.setAttribute(o.MEDIA_SEEKABLE,e.join(":"))}update(){let e=js(this);Yu(this),e!==hn(this,Bt).innerHTML&&(hn(this,Bt).innerHTML=e)}};Bt=new WeakMap;l.customElements.get("media-time-display")||l.customElements.define("media-time-display",pn);var Gu=`<svg aria-hidden="true" viewBox="0 0 26 24">
   <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>
 </svg>`,Zu=`<svg aria-hidden="true" viewBox="0 0 26 24">
   <path d="M17.73 14.09a1.4 1.4 0 0 1-1 .37 1.579 1.579 0 0 1-1.27-.58A3 3 0 0 1 15 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34A2.89 2.89 0 0 0 19 9.07a3 3 0 0 0-2.14-.78 3.14 3.14 0 0 0-2.42 1 3.91 3.91 0 0 0-.93 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.17 3.17 0 0 0 1.07-1.74l-1.4-.45c-.083.43-.3.822-.62 1.12Zm-7.22 0a1.43 1.43 0 0 1-1 .37 1.58 1.58 0 0 1-1.27-.58A3 3 0 0 1 7.76 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34a2.81 2.81 0 0 0-.74-1.32 2.94 2.94 0 0 0-2.13-.78 3.18 3.18 0 0 0-2.43 1 4 4 0 0 0-.92 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.23 3.23 0 0 0 1.07-1.74l-1.4-.45a2.06 2.06 0 0 1-.6 1.07Zm12.32-8.41a2.59 2.59 0 0 0-2.3-2.51C18.72 3.05 15.86 3 13 3c-2.86 0-5.72.05-7.53.17a2.59 2.59 0 0 0-2.3 2.51c-.23 4.207-.23 8.423 0 12.63a2.57 2.57 0 0 0 2.3 2.5c1.81.13 4.67.19 7.53.19 2.86 0 5.72-.06 7.53-.19a2.57 2.57 0 0 0 2.3-2.5c.23-4.207.23-8.423 0-12.63Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.14-.21-8.29 0-12.43a1.11 1.11 0 0 1 .91-1.11C7.24 4.56 10 4.49 13 4.49s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.14.21 8.29 0 12.43Z"/>
@@ -445,9 +445,9 @@
     <slot name="on">${Gu}</slot>
     <slot name="off">${Zu}</slot>
   </slot>
-`;var tl=i=>{i.setAttribute("aria-checked",jr(i))},En=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}constructor(e={}){super({slotTemplate:rl,...e}),this._captionsReady=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",Z.CLOSED_CAPTIONS()),tl(this)}attributeChangedCallback(e,t,a){e===o.MEDIA_SUBTITLES_SHOWING&&tl(this),super.attributeChangedCallback(e,t,a)}get mediaSubtitlesList(){return il(this,o.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){al(this,o.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return il(this,o.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){al(this,o.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){Ne(this)}},il=(i,e)=>{let t=i.getAttribute(e);return t?li(t):[]},al=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=ht(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};l.customElements.get("media-captions-button")||l.customElements.define("media-captions-button",En);var $t={SEEK_OFFSET:"seekoffset"},ya=30,qu=`<svg aria-hidden="true" viewBox="0 0 20 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(8.9 19.87)">${ya}</text><path d="M10 6V3l5.61 4L10 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 10 6Z"/></svg>`,nl=m.createElement("template");nl.innerHTML=`
+`;var tl=i=>{i.setAttribute("aria-checked",jr(i))},bn=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}constructor(e={}){super({slotTemplate:rl,...e}),this._captionsReady=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",Z.CLOSED_CAPTIONS()),tl(this)}attributeChangedCallback(e,t,a){e===o.MEDIA_SUBTITLES_SHOWING&&tl(this),super.attributeChangedCallback(e,t,a)}get mediaSubtitlesList(){return il(this,o.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){al(this,o.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return il(this,o.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){al(this,o.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){Ne(this)}},il=(i,e)=>{let t=i.getAttribute(e);return t?li(t):[]},al=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=ht(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};l.customElements.get("media-captions-button")||l.customElements.define("media-captions-button",bn);var Ht={SEEK_OFFSET:"seekoffset"},ya=30,qu=`<svg aria-hidden="true" viewBox="0 0 20 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(8.9 19.87)">${ya}</text><path d="M10 6V3l5.61 4L10 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 10 6Z"/></svg>`,nl=m.createElement("template");nl.innerHTML=`
   <slot name="icon">${qu}</slot>
-`;var Qu=0,vn=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,$t.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:nl,...e})}connectedCallback(){this.seekOffset=S(this,$t.SEEK_OFFSET,ya),super.connectedCallback()}attributeChangedCallback(e,t,a){e===$t.SEEK_OFFSET&&(this.seekOffset=S(this,$t.SEEK_OFFSET,ya)),super.attributeChangedCallback(e,t,a)}get seekOffset(){return S(this,$t.SEEK_OFFSET,ya)}set seekOffset(e){x(this,$t.SEEK_OFFSET,e),this.setAttribute("aria-label",O.SEEK_FORWARD_N_SECS({seekOffset:this.seekOffset})),zi(Xi(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return S(this,o.MEDIA_CURRENT_TIME,Qu)}set mediaCurrentTime(e){x(this,o.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new l.CustomEvent(E.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};l.customElements.get("media-seek-forward-button")||l.customElements.define("media-seek-forward-button",vn);var zu=`<svg aria-hidden="true" viewBox="0 0 26 24">
+`;var Qu=0,En=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,Ht.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:nl,...e})}connectedCallback(){this.seekOffset=S(this,Ht.SEEK_OFFSET,ya),super.connectedCallback()}attributeChangedCallback(e,t,a){e===Ht.SEEK_OFFSET&&(this.seekOffset=S(this,Ht.SEEK_OFFSET,ya)),super.attributeChangedCallback(e,t,a)}get seekOffset(){return S(this,Ht.SEEK_OFFSET,ya)}set seekOffset(e){D(this,Ht.SEEK_OFFSET,e),this.setAttribute("aria-label",O.SEEK_FORWARD_N_SECS({seekOffset:this.seekOffset})),zi(Xi(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return S(this,o.MEDIA_CURRENT_TIME,Qu)}set mediaCurrentTime(e){D(this,o.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new l.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};l.customElements.get("media-seek-forward-button")||l.customElements.define("media-seek-forward-button",En);var zu=`<svg aria-hidden="true" viewBox="0 0 26 24">
   <path d="M16 3v2.5h3.5V9H22V3h-6ZM4 9h2.5V5.5H10V3H4v6Zm15.5 9.5H16V21h6v-6h-2.5v3.5ZM6.5 15H4v6h6v-2.5H6.5V15Z"/>
 </svg>`,Xu=`<svg aria-hidden="true" viewBox="0 0 26 24">
   <path d="M18.5 6.5V3H16v6h6V6.5h-3.5ZM16 21h2.5v-3.5H22V15h-6v6ZM4 17.5h3.5V21H10v-6H4v2.5Zm3.5-11H4V9h6V3H7.5v3.5Z"/>
@@ -467,7 +467,7 @@
     <slot name="enter">${zu}</slot>
     <slot name="exit">${Xu}</slot>
   </slot>
-`;var ol=i=>{let e=i.mediaIsFullscreen?O.EXIT_FULLSCREEN():O.ENTER_FULLSCREEN();i.setAttribute("aria-label",e)},bn=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_FULLSCREEN,o.MEDIA_FULLSCREEN_UNAVAILABLE]}constructor(e={}){super({slotTemplate:sl,...e})}connectedCallback(){ol(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_FULLSCREEN&&ol(this),super.attributeChangedCallback(e,t,a)}get mediaFullscreenUnavailable(){return w(this,o.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){M(this,o.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return D(this,o.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){R(this,o.MEDIA_IS_FULLSCREEN,e)}handleClick(){let e=this.mediaIsFullscreen?E.MEDIA_EXIT_FULLSCREEN_REQUEST:E.MEDIA_ENTER_FULLSCREEN_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-fullscreen-button")||l.customElements.define("media-fullscreen-button",bn);var{MEDIA_TIME_IS_LIVE:Ta,MEDIA_PAUSED:mi}=o,{MEDIA_SEEK_TO_LIVE_REQUEST:Ju,MEDIA_PLAY_REQUEST:ju}=E,ec='<svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg>',dl=m.createElement("template");dl.innerHTML=`
+`;var ol=i=>{let e=i.mediaIsFullscreen?O.EXIT_FULLSCREEN():O.ENTER_FULLSCREEN();i.setAttribute("aria-label",e)},vn=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_FULLSCREEN,o.MEDIA_FULLSCREEN_UNAVAILABLE]}constructor(e={}){super({slotTemplate:sl,...e})}connectedCallback(){ol(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_FULLSCREEN&&ol(this),super.attributeChangedCallback(e,t,a)}get mediaFullscreenUnavailable(){return w(this,o.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){C(this,o.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return x(this,o.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){R(this,o.MEDIA_IS_FULLSCREEN,e)}handleClick(){let e=this.mediaIsFullscreen?b.MEDIA_EXIT_FULLSCREEN_REQUEST:b.MEDIA_ENTER_FULLSCREEN_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-fullscreen-button")||l.customElements.define("media-fullscreen-button",vn);var{MEDIA_TIME_IS_LIVE:Ta,MEDIA_PAUSED:mi}=o,{MEDIA_SEEK_TO_LIVE_REQUEST:Ju,MEDIA_PLAY_REQUEST:ju}=b,ec='<svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg>',dl=m.createElement("template");dl.innerHTML=`
   <style>
 
   slot[name=indicator] > *,
@@ -493,7 +493,7 @@
   <slot name="indicator">${ec}</slot>
   
   <slot name="spacer">&nbsp;</slot><slot name="text">LIVE</slot>
-`;var ll=i=>{let e=i.mediaPaused||!i.mediaTimeIsLive,t=e?O.SEEK_LIVE():O.PLAYING_LIVE();i.setAttribute("aria-label",t),e?i.removeAttribute("aria-disabled"):i.setAttribute("aria-disabled","true")},fn=class extends L{static get observedAttributes(){return[...super.observedAttributes,mi,Ta]}constructor(e={}){super({slotTemplate:dl,...e})}connectedCallback(){ll(this),super.connectedCallback()}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),ll(this)}get mediaPaused(){return D(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return D(this,o.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){R(this,o.MEDIA_TIME_IS_LIVE,e)}handleClick(){!this.mediaPaused&&this.mediaTimeIsLive||(this.dispatchEvent(new l.CustomEvent(Ju,{composed:!0,bubbles:!0})),this.hasAttribute(mi)&&this.dispatchEvent(new l.CustomEvent(ju,{composed:!0,bubbles:!0})))}};l.customElements.get("media-live-button")||l.customElements.define("media-live-button",fn);var{MEDIA_VOLUME_LEVEL:hi}=o,tc=`<svg aria-hidden="true" viewBox="0 0 24 24">
+`;var ll=i=>{let e=i.mediaPaused||!i.mediaTimeIsLive,t=e?O.SEEK_LIVE():O.PLAYING_LIVE();i.setAttribute("aria-label",t),e?i.removeAttribute("aria-disabled"):i.setAttribute("aria-disabled","true")},fn=class extends M{static get observedAttributes(){return[...super.observedAttributes,mi,Ta]}constructor(e={}){super({slotTemplate:dl,...e})}connectedCallback(){ll(this),super.connectedCallback()}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),ll(this)}get mediaPaused(){return x(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return x(this,o.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){R(this,o.MEDIA_TIME_IS_LIVE,e)}handleClick(){!this.mediaPaused&&this.mediaTimeIsLive||(this.dispatchEvent(new l.CustomEvent(Ju,{composed:!0,bubbles:!0})),this.hasAttribute(mi)&&this.dispatchEvent(new l.CustomEvent(ju,{composed:!0,bubbles:!0})))}};l.customElements.get("media-live-button")||l.customElements.define("media-live-button",fn);var{MEDIA_VOLUME_LEVEL:hi}=o,tc=`<svg aria-hidden="true" viewBox="0 0 24 24">
   <path d="M16.5 12A4.5 4.5 0 0 0 14 8v2.18l2.45 2.45a4.22 4.22 0 0 0 .05-.63Zm2.5 0a6.84 6.84 0 0 1-.54 2.64L20 16.15A8.8 8.8 0 0 0 21 12a9 9 0 0 0-7-8.77v2.06A7 7 0 0 1 19 12ZM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25A6.92 6.92 0 0 1 14 18.7v2.06A9 9 0 0 0 17.69 19l2 2.05L21 19.73l-9-9L4.27 3ZM12 4 9.91 6.09 12 8.18V4Z"/>
 </svg>`,ul=`<svg aria-hidden="true" viewBox="0 0 24 24">
   <path d="M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.47 4.47 0 0 0 2.5-4Z"/>
@@ -526,9 +526,9 @@
     <slot name="medium">${ul}</slot>
     <slot name="high">${ic}</slot>
   </slot>
-`;var cl=i=>{let t=i.mediaVolumeLevel==="off"?O.UNMUTE():O.MUTE();i.setAttribute("aria-label",t)},gn=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME_LEVEL]}constructor(e={}){super({slotTemplate:ml,...e})}connectedCallback(){cl(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_VOLUME_LEVEL&&cl(this),super.attributeChangedCallback(e,t,a)}get mediaVolumeLevel(){return w(this,o.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){M(this,o.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e=this.mediaVolumeLevel==="off"?E.MEDIA_UNMUTE_REQUEST:E.MEDIA_MUTE_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-mute-button")||l.customElements.define("media-mute-button",gn);var hl=`<svg aria-hidden="true" viewBox="0 0 28 24">
+`;var cl=i=>{let t=i.mediaVolumeLevel==="off"?O.UNMUTE():O.MUTE();i.setAttribute("aria-label",t)},gn=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME_LEVEL]}constructor(e={}){super({slotTemplate:ml,...e})}connectedCallback(){cl(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_VOLUME_LEVEL&&cl(this),super.attributeChangedCallback(e,t,a)}get mediaVolumeLevel(){return w(this,o.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){C(this,o.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e=this.mediaVolumeLevel==="off"?b.MEDIA_UNMUTE_REQUEST:b.MEDIA_MUTE_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-mute-button")||l.customElements.define("media-mute-button",gn);var hl=`<svg aria-hidden="true" viewBox="0 0 28 24">
   <path d="M24 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Zm-1 16H5V5h18v14Zm-3-8h-7v5h7v-5Z"/>
-</svg>`,El=m.createElement("template");El.innerHTML=`
+</svg>`,bl=m.createElement("template");bl.innerHTML=`
   <style>
   :host([${o.MEDIA_IS_PIP}]) slot:not([name=exit]):not([name=icon]) {
     display: none !important;
@@ -544,11 +544,11 @@
     <slot name="enter">${hl}</slot>
     <slot name="exit">${hl}</slot>
   </slot>
-`;var pl=i=>{let e=i.mediaIsPip?O.EXIT_PIP():O.ENTER_PIP();i.setAttribute("aria-label",e)},An=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_PIP,o.MEDIA_PIP_UNAVAILABLE]}constructor(e={}){super({slotTemplate:El,...e})}connectedCallback(){pl(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_PIP&&pl(this),super.attributeChangedCallback(e,t,a)}get mediaPipUnavailable(){return w(this,o.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){M(this,o.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return D(this,o.MEDIA_IS_PIP)}set mediaIsPip(e){R(this,o.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?E.MEDIA_EXIT_PIP_REQUEST:E.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-pip-button")||l.customElements.define("media-pip-button",An);var ac=`<svg aria-hidden="true" viewBox="0 0 24 24">
+`;var pl=i=>{let e=i.mediaIsPip?O.EXIT_PIP():O.ENTER_PIP();i.setAttribute("aria-label",e)},An=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_PIP,o.MEDIA_PIP_UNAVAILABLE]}constructor(e={}){super({slotTemplate:bl,...e})}connectedCallback(){pl(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_PIP&&pl(this),super.attributeChangedCallback(e,t,a)}get mediaPipUnavailable(){return w(this,o.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){C(this,o.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return x(this,o.MEDIA_IS_PIP)}set mediaIsPip(e){R(this,o.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?b.MEDIA_EXIT_PIP_REQUEST:b.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-pip-button")||l.customElements.define("media-pip-button",An);var ac=`<svg aria-hidden="true" viewBox="0 0 24 24">
   <path d="m6 21 15-9L6 3v18Z"/>
 </svg>`,rc=`<svg aria-hidden="true" viewBox="0 0 24 24">
   <path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/>
-</svg>`,bl=m.createElement("template");bl.innerHTML=`
+</svg>`,vl=m.createElement("template");vl.innerHTML=`
   <style>
   :host([${o.MEDIA_PAUSED}]) slot[name=pause] {
     display: none !important;
@@ -563,9 +563,9 @@
     <slot name="play">${ac}</slot>
     <slot name="pause">${rc}</slot>
   </slot>
-`;var vl=i=>{let e=i.mediaPaused?O.PLAY():O.PAUSE();i.setAttribute("aria-label",e)},_n=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PAUSED,o.MEDIA_ENDED]}constructor(e={}){super({slotTemplate:bl,...e})}connectedCallback(){vl(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_PAUSED&&vl(this),super.attributeChangedCallback(e,t,a)}get mediaPaused(){return D(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?E.MEDIA_PLAY_REQUEST:E.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-play-button")||l.customElements.define("media-play-button",_n);var nc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ia=(i,e,t)=>(nc(i,e,"read from private field"),t?t.call(i):e.get(i)),oc=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Vt,yn={RATES:"rates"},In=[1,1.25,1.5,1.75,2],Ht=1,fl=m.createElement("template");fl.innerHTML=`
+`;var El=i=>{let e=i.mediaPaused?O.PLAY():O.PAUSE();i.setAttribute("aria-label",e)},_n=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PAUSED,o.MEDIA_ENDED]}constructor(e={}){super({slotTemplate:vl,...e})}connectedCallback(){El(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_PAUSED&&El(this),super.attributeChangedCallback(e,t,a)}get mediaPaused(){return x(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?b.MEDIA_PLAY_REQUEST:b.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-play-button")||l.customElements.define("media-play-button",_n);var nc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ia=(i,e,t)=>(nc(i,e,"read from private field"),t?t.call(i):e.get(i)),oc=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},$t,yn={RATES:"rates"},In=[1,1.25,1.5,1.75,2],Vt=1,fl=m.createElement("template");fl.innerHTML=`
   <span id="container"></span>
-`;var Tn=class extends L{constructor(e={}){super({slotTemplate:fl,...e}),oc(this,Vt,new qe(this,yn.RATES,{defaultValue:In})),this.container=this.shadowRoot.querySelector("#container"),this.container.innerHTML=`${Ht}x`}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PLAYBACK_RATE,yn.RATES]}attributeChangedCallback(e,t,a){if(e===yn.RATES&&(Ia(this,Vt).value=a),e===o.MEDIA_PLAYBACK_RATE){let r=a?+a:Number.NaN,n=Number.isNaN(r)?Ht:r;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",Z.PLAYBACK_RATE({playbackRate:n}));return}super.attributeChangedCallback(e,t,a)}get rates(){return Ia(this,Vt)}set rates(e){e?Array.isArray(e)&&(Ia(this,Vt).value=e.join(" ")):Ia(this,Vt).value=""}get mediaPlaybackRate(){return S(this,o.MEDIA_PLAYBACK_RATE,Ht)}set mediaPlaybackRate(e){x(this,o.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let a=Array.from(this.rates.values(),s=>+s).sort((s,d)=>s-d),r=(t=(e=a.find(s=>s>this.mediaPlaybackRate))!=null?e:a[0])!=null?t:Ht,n=new l.CustomEvent(E.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(n)}};Vt=new WeakMap;l.customElements.get("media-playback-rate-button")||l.customElements.define("media-playback-rate-button",Tn);var ke={PLACEHOLDER_SRC:"placeholdersrc",SRC:"src"},gl=m.createElement("template");gl.innerHTML=`
+`;var Tn=class extends M{constructor(e={}){super({slotTemplate:fl,...e}),oc(this,$t,new qe(this,yn.RATES,{defaultValue:In})),this.container=this.shadowRoot.querySelector("#container"),this.container.innerHTML=`${Vt}x`}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PLAYBACK_RATE,yn.RATES]}attributeChangedCallback(e,t,a){if(e===yn.RATES&&(Ia(this,$t).value=a),e===o.MEDIA_PLAYBACK_RATE){let r=a?+a:Number.NaN,n=Number.isNaN(r)?Vt:r;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",Z.PLAYBACK_RATE({playbackRate:n}));return}super.attributeChangedCallback(e,t,a)}get rates(){return Ia(this,$t)}set rates(e){e?Array.isArray(e)&&(Ia(this,$t).value=e.join(" ")):Ia(this,$t).value=""}get mediaPlaybackRate(){return S(this,o.MEDIA_PLAYBACK_RATE,Vt)}set mediaPlaybackRate(e){D(this,o.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let a=Array.from(this.rates.values(),s=>+s).sort((s,d)=>s-d),r=(t=(e=a.find(s=>s>this.mediaPlaybackRate))!=null?e:a[0])!=null?t:Vt,n=new l.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(n)}};$t=new WeakMap;l.customElements.get("media-playback-rate-button")||l.customElements.define("media-playback-rate-button",Tn);var ke={PLACEHOLDER_SRC:"placeholdersrc",SRC:"src"},gl=m.createElement("template");gl.innerHTML=`
   <style>
     :host {
       pointer-events: none;
@@ -587,9 +587,9 @@
   </style>
 
   <img part="poster img" aria-hidden="true" id="image"/>
-`;var sc=i=>{i.style.removeProperty("background-image")},lc=(i,e)=>{i.style["background-image"]=`url('${e}')`},kn=class extends l.HTMLElement{static get observedAttributes(){return[ke.PLACEHOLDER_SRC,ke.SRC]}constructor(){super(),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(gl.content.cloneNode(!0))),this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,a){e===ke.SRC&&(a==null?this.image.removeAttribute(ke.SRC):this.image.setAttribute(ke.SRC,a)),e===ke.PLACEHOLDER_SRC&&(a==null?sc(this.image):lc(this.image,a))}get placeholderSrc(){return w(this,ke.PLACEHOLDER_SRC)}set placeholderSrc(e){M(this,ke.SRC,e)}get src(){return w(this,ke.SRC)}set src(e){M(this,ke.SRC,e)}};l.customElements.get("media-poster-image")||l.customElements.define("media-poster-image",kn);var Wt={SEEK_OFFSET:"seekoffset"},ka=30,dc=`<svg aria-hidden="true" viewBox="0 0 20 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(2.18 19.87)">${ka}</text><path d="M10 6V3L4.37 7 10 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 10 6Z"/></svg>`,Al=m.createElement("template");Al.innerHTML=`
+`;var sc=i=>{i.style.removeProperty("background-image")},lc=(i,e)=>{i.style["background-image"]=`url('${e}')`},kn=class extends l.HTMLElement{static get observedAttributes(){return[ke.PLACEHOLDER_SRC,ke.SRC]}constructor(){super(),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(gl.content.cloneNode(!0))),this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,a){e===ke.SRC&&(a==null?this.image.removeAttribute(ke.SRC):this.image.setAttribute(ke.SRC,a)),e===ke.PLACEHOLDER_SRC&&(a==null?sc(this.image):lc(this.image,a))}get placeholderSrc(){return w(this,ke.PLACEHOLDER_SRC)}set placeholderSrc(e){C(this,ke.SRC,e)}get src(){return w(this,ke.SRC)}set src(e){C(this,ke.SRC,e)}};l.customElements.get("media-poster-image")||l.customElements.define("media-poster-image",kn);var Wt={SEEK_OFFSET:"seekoffset"},ka=30,dc=`<svg aria-hidden="true" viewBox="0 0 20 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(2.18 19.87)">${ka}</text><path d="M10 6V3L4.37 7 10 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 10 6Z"/></svg>`,Al=m.createElement("template");Al.innerHTML=`
   <slot name="icon">${dc}</slot>
-`;var uc=0,Sn=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,Wt.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:Al,...e})}connectedCallback(){this.seekOffset=S(this,Wt.SEEK_OFFSET,ka),super.connectedCallback()}attributeChangedCallback(e,t,a){e===Wt.SEEK_OFFSET&&(this.seekOffset=S(this,Wt.SEEK_OFFSET,ka)),super.attributeChangedCallback(e,t,a)}get seekOffset(){return S(this,Wt.SEEK_OFFSET,ka)}set seekOffset(e){x(this,Wt.SEEK_OFFSET,e),this.setAttribute("aria-label",O.SEEK_BACK_N_SECS({seekOffset:this.seekOffset})),zi(Xi(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return S(this,o.MEDIA_CURRENT_TIME,uc)}set mediaCurrentTime(e){x(this,o.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new l.CustomEvent(E.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};l.customElements.get("media-seek-backward-button")||l.customElements.define("media-seek-backward-button",Sn);var yl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},_l=(i,e,t)=>(yl(i,e,"read from private field"),t?t.call(i):e.get(i)),cc=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},mc=(i,e,t,a)=>(yl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),pi,Mn=class extends Ue{constructor(){super(),cc(this,pi,void 0),mc(this,pi,this.shadowRoot.querySelector("slot")),_l(this,pi).textContent=Ae(0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,a){e===o.MEDIA_PREVIEW_TIME&&a!=null&&(_l(this,pi).textContent=Ae(a)),super.attributeChangedCallback(e,t,a)}get mediaPreviewTime(){return S(this,o.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){x(this,o.MEDIA_PREVIEW_TIME,e)}};pi=new WeakMap;l.customElements.get("media-preview-time-display")||l.customElements.define("media-preview-time-display",Mn);var Tl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Sa=(i,e,t)=>(Tl(i,e,"read from private field"),t?t.call(i):e.get(i)),hc=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ma=(i,e,t,a)=>(Tl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Se,Il=m.createElement("template");Il.innerHTML=`
+`;var uc=0,Sn=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,Wt.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:Al,...e})}connectedCallback(){this.seekOffset=S(this,Wt.SEEK_OFFSET,ka),super.connectedCallback()}attributeChangedCallback(e,t,a){e===Wt.SEEK_OFFSET&&(this.seekOffset=S(this,Wt.SEEK_OFFSET,ka)),super.attributeChangedCallback(e,t,a)}get seekOffset(){return S(this,Wt.SEEK_OFFSET,ka)}set seekOffset(e){D(this,Wt.SEEK_OFFSET,e),this.setAttribute("aria-label",O.SEEK_BACK_N_SECS({seekOffset:this.seekOffset})),zi(Xi(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return S(this,o.MEDIA_CURRENT_TIME,uc)}set mediaCurrentTime(e){D(this,o.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new l.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};l.customElements.get("media-seek-backward-button")||l.customElements.define("media-seek-backward-button",Sn);var yl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},_l=(i,e,t)=>(yl(i,e,"read from private field"),t?t.call(i):e.get(i)),cc=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},mc=(i,e,t,a)=>(yl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),pi,Cn=class extends Ue{constructor(){super(),cc(this,pi,void 0),mc(this,pi,this.shadowRoot.querySelector("slot")),_l(this,pi).textContent=Ae(0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,a){e===o.MEDIA_PREVIEW_TIME&&a!=null&&(_l(this,pi).textContent=Ae(a)),super.attributeChangedCallback(e,t,a)}get mediaPreviewTime(){return S(this,o.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){D(this,o.MEDIA_PREVIEW_TIME,e)}};pi=new WeakMap;l.customElements.get("media-preview-time-display")||l.customElements.define("media-preview-time-display",Cn);var Tl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Sa=(i,e,t)=>(Tl(i,e,"read from private field"),t?t.call(i):e.get(i)),hc=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ca=(i,e,t,a)=>(Tl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Se,Il=m.createElement("template");Il.innerHTML=`
   <style>
     :host {
       box-sizing: border-box;
@@ -603,7 +603,7 @@
     }
   </style>
   <img crossorigin loading="eager" decoding="async">
-`;var Ln=class extends l.HTMLElement{constructor(){super(),hc(this,Se,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Il.content.cloneNode(!0)))}static get observedAttributes(){return[A.MEDIA_CONTROLLER,o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(Ma(this,Se,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=Sa(this,Se))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=Sa(this,Se))==null?void 0:e.unassociateElement)==null||t.call(e,this),Ma(this,Se,null)}attributeChangedCallback(e,t,a){var r,n,s,d,u;[o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===A.MEDIA_CONTROLLER&&(t&&((n=(r=Sa(this,Se))==null?void 0:r.unassociateElement)==null||n.call(r,this),Ma(this,Se,null)),a&&(Ma(this,Se,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=Sa(this,Se))==null?void 0:d.associateElement)==null||u.call(d,this)))}get mediaPreviewImage(){return w(this,o.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){M(this,o.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewCoords(){let e=this.getAttribute(o.MEDIA_PREVIEW_COORDS);if(!!e)return e.split(/\s+/).map(t=>+t)}set mediaPreviewCoords(e){if(!e){this.removeAttribute(o.MEDIA_PREVIEW_COORDS);return}this.setAttribute(o.MEDIA_PREVIEW_COORDS,e.join(" "))}update(){let e=this.mediaPreviewCoords,t=this.mediaPreviewImage;if(!(e&&t))return;let[a,r,n,s]=e,d=t.split("#")[0],u=getComputedStyle(this),{maxWidth:c,maxHeight:h,minWidth:f,minHeight:b}=u,T=Math.min(parseInt(c)/n,parseInt(h)/s),$=Math.max(parseInt(f)/n,parseInt(b)/s),Y=T<1,I=Y?T:$>1?$:1,{style:ae}=N(this.shadowRoot,":host"),ge=N(this.shadowRoot,"img").style,oe=this.shadowRoot.querySelector("img"),ri=Y?"min":"max";ae.setProperty(`${ri}-width`,"initial","important"),ae.setProperty(`${ri}-height`,"initial","important"),ae.width=`${n*I}px`,ae.height=`${s*I}px`;let Rt=()=>{ge.width=`${this.imgWidth*I}px`,ge.height=`${this.imgHeight*I}px`,ge.display="block"};oe.src!==d&&(oe.onload=()=>{this.imgWidth=oe.naturalWidth,this.imgHeight=oe.naturalHeight,Rt()},oe.src=d,Rt()),Rt(),ge.transform=`translate(-${a*I}px, -${r*I}px)`}};Se=new WeakMap;l.customElements.get("media-preview-thumbnail")||l.customElements.define("media-preview-thumbnail",Ln);var Pn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},V=(i,e,t)=>(Pn(i,e,"read from private field"),t?t.call(i):e.get(i)),q=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Xe=(i,e,t,a)=>(Pn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ei=(i,e,t)=>(Pn(i,e,"access private method"),t),vi,La,bi,xa,Oa,Ca,Rn,wn,kl,Ra,Dn,wa,Ft,fi,xn,Na,Ua,Da,On,Nn,Sl,pc="video not loaded, unknown time.",Cn=i=>{let e=i.range,t=ut(+e.value),a=ut(+e.max),r=t&&a?`${t} of ${a}`:pc;e.setAttribute("aria-valuetext",r)},Ml=m.createElement("template");Ml.innerHTML=`
+`;var Mn=class extends l.HTMLElement{constructor(){super(),hc(this,Se,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Il.content.cloneNode(!0)))}static get observedAttributes(){return[A.MEDIA_CONTROLLER,o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(Ca(this,Se,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=Sa(this,Se))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=Sa(this,Se))==null?void 0:e.unassociateElement)==null||t.call(e,this),Ca(this,Se,null)}attributeChangedCallback(e,t,a){var r,n,s,d,u;[o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===A.MEDIA_CONTROLLER&&(t&&((n=(r=Sa(this,Se))==null?void 0:r.unassociateElement)==null||n.call(r,this),Ca(this,Se,null)),a&&(Ca(this,Se,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=Sa(this,Se))==null?void 0:d.associateElement)==null||u.call(d,this)))}get mediaPreviewImage(){return w(this,o.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){C(this,o.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewCoords(){let e=this.getAttribute(o.MEDIA_PREVIEW_COORDS);if(!!e)return e.split(/\s+/).map(t=>+t)}set mediaPreviewCoords(e){if(!e){this.removeAttribute(o.MEDIA_PREVIEW_COORDS);return}this.setAttribute(o.MEDIA_PREVIEW_COORDS,e.join(" "))}update(){let e=this.mediaPreviewCoords,t=this.mediaPreviewImage;if(!(e&&t))return;let[a,r,n,s]=e,d=t.split("#")[0],u=getComputedStyle(this),{maxWidth:c,maxHeight:h,minWidth:f,minHeight:v}=u,T=Math.min(parseInt(c)/n,parseInt(h)/s),H=Math.max(parseInt(f)/n,parseInt(v)/s),Y=T<1,I=Y?T:H>1?H:1,{style:ae}=N(this.shadowRoot,":host"),ge=N(this.shadowRoot,"img").style,oe=this.shadowRoot.querySelector("img"),ri=Y?"min":"max";ae.setProperty(`${ri}-width`,"initial","important"),ae.setProperty(`${ri}-height`,"initial","important"),ae.width=`${n*I}px`,ae.height=`${s*I}px`;let Rt=()=>{ge.width=`${this.imgWidth*I}px`,ge.height=`${this.imgHeight*I}px`,ge.display="block"};oe.src!==d&&(oe.onload=()=>{this.imgWidth=oe.naturalWidth,this.imgHeight=oe.naturalHeight,Rt()},oe.src=d,Rt()),Rt(),ge.transform=`translate(-${a*I}px, -${r*I}px)`}};Se=new WeakMap;l.customElements.get("media-preview-thumbnail")||l.customElements.define("media-preview-thumbnail",Mn);var Pn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},$=(i,e,t)=>(Pn(i,e,"read from private field"),t?t.call(i):e.get(i)),q=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Xe=(i,e,t,a)=>(Pn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),bi=(i,e,t)=>(Pn(i,e,"access private method"),t),Ei,Ma,vi,Da,Oa,La,Rn,wn,kl,Ra,xn,wa,Ft,fi,Dn,Na,Ua,xa,On,Nn,Sl,pc="video not loaded, unknown time.",Ln=i=>{let e=i.range,t=ut(+e.value),a=ut(+e.max),r=t&&a?`${t} of ${a}`:pc;e.setAttribute("aria-valuetext",r)},Cl=m.createElement("template");Cl.innerHTML=`
   <style>
     :host {
       --media-preview-border-radius: 3px;
@@ -708,7 +708,7 @@
       
     </slot>
   </div>
-`;var Un=class extends vt{constructor(){super(),q(this,Ca),q(this,wn),q(this,Ra),q(this,Da),q(this,Nn),q(this,vi,void 0),q(this,La,void 0),q(this,bi,void 0),q(this,xa,void 0),q(this,Oa,void 0),q(this,wa,t=>{if([...V(this,vi)].some(h=>t.composedPath().includes(h)))return;this.updatePointerBar(t);let a=this.mediaDuration;if(!a)return;let r=this.range.getBoundingClientRect(),n=(t.clientX-r.left-this.thumbWidth/2)/(r.width-this.thumbWidth);n=Math.max(0,Math.min(1,n));let s=Ei(this,Ra,Dn).call(this,V(this,La),n),{style:d}=N(this.shadowRoot,"#preview-rail");d.transform=`translateX(${s})`;let u=n*a,c=new l.CustomEvent(E.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:u});this.dispatchEvent(c)}),q(this,Ft,!1),q(this,fi,t=>{var a;(!t.composedPath().includes(this)||[...V(this,vi)].some(r=>t.composedPath().includes(r)))&&((a=l.window)==null||a.removeEventListener("pointermove",V(this,fi)),Xe(this,Ft,!1),V(this,Na).call(this))}),q(this,xn,()=>{var t;(t=l.window)==null||t.addEventListener("pointermove",V(this,wa),!1)}),q(this,Na,()=>{var t;(t=l.window)==null||t.removeEventListener("pointermove",V(this,wa));let a=new l.CustomEvent(E.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:null});this.dispatchEvent(a)}),q(this,Ua,()=>{var t;let a=this.getAttribute(o.MEDIA_DURATION);!V(this,Ft)&&a&&(Xe(this,Ft,!0),V(this,xn).call(this),(t=l.window)==null||t.addEventListener("pointermove",V(this,fi),!1))}),this.container.appendChild(Ml.content.cloneNode(!0)),this.range.addEventListener("input",()=>{cancelAnimationFrame(this._refreshId);let a=this.range.value,r=new l.CustomEvent(E.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:a});this.dispatchEvent(r)}),this._refreshBar=()=>{let t=(performance.now()-this._updateTimestamp)/1e3;this.range.value=this.mediaCurrentTime+t*this.mediaPlaybackRate,this.updateBar(),this.updateCurrentBox(),this._refreshId=requestAnimationFrame(this._refreshBar)},Xe(this,vi,this.shadowRoot.querySelectorAll('[part~="box"]')),Xe(this,La,this.shadowRoot.querySelector('[part~="preview-box"]')),Xe(this,bi,this.shadowRoot.querySelector('[part~="current-box"]'));let e=getComputedStyle(this);Xe(this,xa,parseInt(e.getPropertyValue("--media-box-padding-left"))),Xe(this,Oa,parseInt(e.getPropertyValue("--media-box-padding-right"))),Ei(this,Da,On).call(this)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PAUSED,o.MEDIA_DURATION,o.MEDIA_SEEKABLE,o.MEDIA_CURRENT_TIME,o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_TIME,o.MEDIA_BUFFERED,o.MEDIA_PLAYBACK_RATE,o.MEDIA_LOADING,o.MEDIA_ENDED]}connectedCallback(){this.range.setAttribute("aria-label",Z.SEEK()),super.connectedCallback()}disconnectedCallback(){cancelAnimationFrame(this._refreshId),super.disconnectedCallback()}attributeChangedCallback(e,t,a){var r,n,s,d,u;(e===o.MEDIA_CURRENT_TIME||e===o.MEDIA_PAUSED||e===o.MEDIA_ENDED||e===o.MEDIA_LOADING)&&(this._updateTimestamp=performance.now(),this.range.value=this.mediaCurrentTime,Cn(this),this.updateBar(),this.updateCurrentBox(),cancelAnimationFrame(this._refreshId),!this.mediaPaused&&!this.mediaLoading&&(this._refreshId=requestAnimationFrame(this._refreshBar))),e===o.MEDIA_DURATION&&(this.range.max=(n=(r=V(this,Ca,Rn))!=null?r:this.mediaDuration)!=null?n:1e3,Cn(this),this.updateBar(),this.updateCurrentBox()),e===o.MEDIA_SEEKABLE&&(this.range.min=(s=V(this,wn,kl))!=null?s:0,this.range.max=(u=(d=V(this,Ca,Rn))!=null?d:this.mediaDuration)!=null?u:1e3,Cn(this),this.updateBar()),e===o.MEDIA_BUFFERED&&this.updateBar(),e==="disabled"&&(a==null?Ei(this,Da,On).call(this):Ei(this,Nn,Sl).call(this)),super.attributeChangedCallback(e,t,a)}get mediaPaused(){return D(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}get mediaLoading(){return D(this,o.MEDIA_LOADING)}set mediaLoading(e){R(this,o.MEDIA_LOADING,e)}get mediaDuration(){return S(this,o.MEDIA_DURATION)}set mediaDuration(e){x(this,o.MEDIA_DURATION,e)}get mediaCurrentTime(){return S(this,o.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){x(this,o.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return S(this,o.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){x(this,o.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(o.MEDIA_BUFFERED);return e?e.split(" ").map(t=>t.split(":").map(a=>+a)):[]}set mediaBuffered(e){if(!e){this.removeAttribute(o.MEDIA_BUFFERED);return}let t=e.map(a=>a.join(":")).join(" ");this.setAttribute(o.MEDIA_BUFFERED,t)}get mediaSeekable(){let e=this.getAttribute(o.MEDIA_SEEKABLE);if(!!e)return e.split(":").map(t=>+t)}set mediaSeekable(e){if(e==null){this.removeAttribute(o.MEDIA_SEEKABLE);return}this.setAttribute(o.MEDIA_SEEKABLE,e.join(":"))}get mediaPreviewImage(){return w(this,o.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){M(this,o.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return S(this,o.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){x(this,o.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return D(this,o.MEDIA_ENDED)}set mediaEnded(e){R(this,o.MEDIA_ENDED,e)}getRelativeValues(){let e=super.getRelativeValues();return this.mediaEnded?{...e,relativeValue:e.relativeMax}:e}getBarColors(){var e;let t=super.getBarColors(),{range:a}=this,r=a.max-a.min,n=this.mediaBuffered;if(!n.length||!Number.isFinite(r)||r<=0)return t;let s;if(this.mediaEnded)s=r;else{let u=this.mediaCurrentTime,[,c=a.min]=(e=n.find(([h,f])=>h<=u&&u<=f))!=null?e:[];s=c-a.min}let d=s/r*100;return t.splice(1,0,["var(--media-time-range-buffered-color, rgb(255 255 255 / .4))",d]),t}updateCurrentBox(){if(!V(this,bi).assignedElements().length)return;let e=this.range.value/(this.range.max-this.range.min),t=Ei(this,Ra,Dn).call(this,V(this,bi),e),{style:a}=N(this.shadowRoot,"#current-rail");a.transform=`translateX(${t})`}};vi=new WeakMap;La=new WeakMap;bi=new WeakMap;xa=new WeakMap;Oa=new WeakMap;Ca=new WeakSet;Rn=function(){var i;let[,e]=(i=this.mediaSeekable)!=null?i:[];return e};wn=new WeakSet;kl=function(){var i;let[e]=(i=this.mediaSeekable)!=null?i:[];return e};Ra=new WeakSet;Dn=function(i,e){var t;let a=`${e*100*100}%`,r=i.offsetWidth;if(!r)return a;let n=(t=this.getAttribute("bounds")?Ye(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?t:this,s=this.range.getBoundingClientRect(),d=n.getBoundingClientRect(),u=(V(this,xa)-(s.left-d.left-r/2))/s.width*100,c=(d.right-s.left-r/2-V(this,Oa))/s.width*100;return Number.isNaN(u)||(a=`max(${u*100}%, ${a})`),Number.isNaN(c)||(a=`min(${a}, ${c*100}%)`),a};wa=new WeakMap;Ft=new WeakMap;fi=new WeakMap;xn=new WeakMap;Na=new WeakMap;Ua=new WeakMap;Da=new WeakSet;On=function(){this.addEventListener("pointermove",V(this,Ua),!1)};Nn=new WeakSet;Sl=function(){var i;(i=l.window)==null||i.removeEventListener("pointermove",V(this,fi)),this.removeEventListener("pointermove",V(this,Ua)),Xe(this,Ft,!1),V(this,Na).call(this)};l.customElements.get("media-time-range")||l.customElements.define("media-time-range",Un);var Cl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Kt=(i,e,t)=>(Cl(i,e,"read from private field"),t?t.call(i):e.get(i)),Bn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Yt=(i,e,t,a)=>(Cl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Me,Pa,Ba,Ll={LOADING_DELAY:"loadingdelay"},Rl=500,wl=m.createElement("template"),Ec=`
+`;var Un=class extends Et{constructor(){super(),q(this,La),q(this,wn),q(this,Ra),q(this,xa),q(this,Nn),q(this,Ei,void 0),q(this,Ma,void 0),q(this,vi,void 0),q(this,Da,void 0),q(this,Oa,void 0),q(this,wa,t=>{if([...$(this,Ei)].some(h=>t.composedPath().includes(h)))return;this.updatePointerBar(t);let a=this.mediaDuration;if(!a)return;let r=this.range.getBoundingClientRect(),n=(t.clientX-r.left-this.thumbWidth/2)/(r.width-this.thumbWidth);n=Math.max(0,Math.min(1,n));let s=bi(this,Ra,xn).call(this,$(this,Ma),n),{style:d}=N(this.shadowRoot,"#preview-rail");d.transform=`translateX(${s})`;let u=n*a,c=new l.CustomEvent(b.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:u});this.dispatchEvent(c)}),q(this,Ft,!1),q(this,fi,t=>{var a;(!t.composedPath().includes(this)||[...$(this,Ei)].some(r=>t.composedPath().includes(r)))&&((a=l.window)==null||a.removeEventListener("pointermove",$(this,fi)),Xe(this,Ft,!1),$(this,Na).call(this))}),q(this,Dn,()=>{var t;(t=l.window)==null||t.addEventListener("pointermove",$(this,wa),!1)}),q(this,Na,()=>{var t;(t=l.window)==null||t.removeEventListener("pointermove",$(this,wa));let a=new l.CustomEvent(b.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:null});this.dispatchEvent(a)}),q(this,Ua,()=>{var t;let a=this.getAttribute(o.MEDIA_DURATION);!$(this,Ft)&&a&&(Xe(this,Ft,!0),$(this,Dn).call(this),(t=l.window)==null||t.addEventListener("pointermove",$(this,fi),!1))}),this.container.appendChild(Cl.content.cloneNode(!0)),this.range.addEventListener("input",()=>{cancelAnimationFrame(this._refreshId);let a=this.range.value,r=new l.CustomEvent(b.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:a});this.dispatchEvent(r)}),this._refreshBar=()=>{let t=(performance.now()-this._updateTimestamp)/1e3;this.range.value=this.mediaCurrentTime+t*this.mediaPlaybackRate,this.updateBar(),this.updateCurrentBox(),this._refreshId=requestAnimationFrame(this._refreshBar)},Xe(this,Ei,this.shadowRoot.querySelectorAll('[part~="box"]')),Xe(this,Ma,this.shadowRoot.querySelector('[part~="preview-box"]')),Xe(this,vi,this.shadowRoot.querySelector('[part~="current-box"]'));let e=getComputedStyle(this);Xe(this,Da,parseInt(e.getPropertyValue("--media-box-padding-left"))),Xe(this,Oa,parseInt(e.getPropertyValue("--media-box-padding-right"))),bi(this,xa,On).call(this)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PAUSED,o.MEDIA_DURATION,o.MEDIA_SEEKABLE,o.MEDIA_CURRENT_TIME,o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_TIME,o.MEDIA_BUFFERED,o.MEDIA_PLAYBACK_RATE,o.MEDIA_LOADING,o.MEDIA_ENDED]}connectedCallback(){this.range.setAttribute("aria-label",Z.SEEK()),super.connectedCallback()}disconnectedCallback(){cancelAnimationFrame(this._refreshId),super.disconnectedCallback()}attributeChangedCallback(e,t,a){var r,n,s,d,u;(e===o.MEDIA_CURRENT_TIME||e===o.MEDIA_PAUSED||e===o.MEDIA_ENDED||e===o.MEDIA_LOADING)&&(this._updateTimestamp=performance.now(),this.range.value=this.mediaCurrentTime,Ln(this),this.updateBar(),this.updateCurrentBox(),cancelAnimationFrame(this._refreshId),!this.mediaPaused&&!this.mediaLoading&&(this._refreshId=requestAnimationFrame(this._refreshBar))),e===o.MEDIA_DURATION&&(this.range.max=(n=(r=$(this,La,Rn))!=null?r:this.mediaDuration)!=null?n:1e3,Ln(this),this.updateBar(),this.updateCurrentBox()),e===o.MEDIA_SEEKABLE&&(this.range.min=(s=$(this,wn,kl))!=null?s:0,this.range.max=(u=(d=$(this,La,Rn))!=null?d:this.mediaDuration)!=null?u:1e3,Ln(this),this.updateBar()),e===o.MEDIA_BUFFERED&&this.updateBar(),e==="disabled"&&(a==null?bi(this,xa,On).call(this):bi(this,Nn,Sl).call(this)),super.attributeChangedCallback(e,t,a)}get mediaPaused(){return x(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}get mediaLoading(){return x(this,o.MEDIA_LOADING)}set mediaLoading(e){R(this,o.MEDIA_LOADING,e)}get mediaDuration(){return S(this,o.MEDIA_DURATION)}set mediaDuration(e){D(this,o.MEDIA_DURATION,e)}get mediaCurrentTime(){return S(this,o.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){D(this,o.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return S(this,o.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){D(this,o.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(o.MEDIA_BUFFERED);return e?e.split(" ").map(t=>t.split(":").map(a=>+a)):[]}set mediaBuffered(e){if(!e){this.removeAttribute(o.MEDIA_BUFFERED);return}let t=e.map(a=>a.join(":")).join(" ");this.setAttribute(o.MEDIA_BUFFERED,t)}get mediaSeekable(){let e=this.getAttribute(o.MEDIA_SEEKABLE);if(!!e)return e.split(":").map(t=>+t)}set mediaSeekable(e){if(e==null){this.removeAttribute(o.MEDIA_SEEKABLE);return}this.setAttribute(o.MEDIA_SEEKABLE,e.join(":"))}get mediaPreviewImage(){return w(this,o.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){C(this,o.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return S(this,o.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){D(this,o.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return x(this,o.MEDIA_ENDED)}set mediaEnded(e){R(this,o.MEDIA_ENDED,e)}getRelativeValues(){let e=super.getRelativeValues();return this.mediaEnded?{...e,relativeValue:e.relativeMax}:e}getBarColors(){var e;let t=super.getBarColors(),{range:a}=this,r=a.max-a.min,n=this.mediaBuffered;if(!n.length||!Number.isFinite(r)||r<=0)return t;let s;if(this.mediaEnded)s=r;else{let u=this.mediaCurrentTime,[,c=a.min]=(e=n.find(([h,f])=>h<=u&&u<=f))!=null?e:[];s=c-a.min}let d=s/r*100;return t.splice(1,0,["var(--media-time-range-buffered-color, rgb(255 255 255 / .4))",d]),t}updateCurrentBox(){if(!$(this,vi).assignedElements().length)return;let e=this.range.value/(this.range.max-this.range.min),t=bi(this,Ra,xn).call(this,$(this,vi),e),{style:a}=N(this.shadowRoot,"#current-rail");a.transform=`translateX(${t})`}};Ei=new WeakMap;Ma=new WeakMap;vi=new WeakMap;Da=new WeakMap;Oa=new WeakMap;La=new WeakSet;Rn=function(){var i;let[,e]=(i=this.mediaSeekable)!=null?i:[];return e};wn=new WeakSet;kl=function(){var i;let[e]=(i=this.mediaSeekable)!=null?i:[];return e};Ra=new WeakSet;xn=function(i,e){var t;let a=`${e*100*100}%`,r=i.offsetWidth;if(!r)return a;let n=(t=this.getAttribute("bounds")?Ye(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?t:this,s=this.range.getBoundingClientRect(),d=n.getBoundingClientRect(),u=($(this,Da)-(s.left-d.left-r/2))/s.width*100,c=(d.right-s.left-r/2-$(this,Oa))/s.width*100;return Number.isNaN(u)||(a=`max(${u*100}%, ${a})`),Number.isNaN(c)||(a=`min(${a}, ${c*100}%)`),a};wa=new WeakMap;Ft=new WeakMap;fi=new WeakMap;Dn=new WeakMap;Na=new WeakMap;Ua=new WeakMap;xa=new WeakSet;On=function(){this.addEventListener("pointermove",$(this,Ua),!1)};Nn=new WeakSet;Sl=function(){var i;(i=l.window)==null||i.removeEventListener("pointermove",$(this,fi)),this.removeEventListener("pointermove",$(this,Ua)),Xe(this,Ft,!1),$(this,Na).call(this)};l.customElements.get("media-time-range")||l.customElements.define("media-time-range",Un);var Ll=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Kt=(i,e,t)=>(Ll(i,e,"read from private field"),t?t.call(i):e.get(i)),Bn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Yt=(i,e,t,a)=>(Ll(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ce,Pa,Ba,Ml={LOADING_DELAY:"loadingdelay"},Rl=500,wl=m.createElement("template"),bc=`
 <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
@@ -766,12 +766,12 @@ svg, img, ::slotted(svg), ::slotted(img) {
 }
 </style>
 
-<slot name="icon">${Ec}</slot>
+<slot name="icon">${bc}</slot>
 <div id="status" role="status" aria-live="polite">${Z.MEDIA_LOADING()}</div>
-`;var $n=class extends l.HTMLElement{constructor(){if(super(),Bn(this,Me,void 0),Bn(this,Pa,Rl),Bn(this,Ba,void 0),!this.shadowRoot){let t=this.attachShadow({mode:"open"}),a=wl.content.cloneNode(!0);t.appendChild(a)}let{style:e}=N(this.shadowRoot,":host");Yt(this,Ba,e)}static get observedAttributes(){return[A.MEDIA_CONTROLLER,o.MEDIA_PAUSED,o.MEDIA_LOADING,Ll.LOADING_DELAY]}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===Ll.LOADING_DELAY&&t!==a?this.loadingDelay=Number(a):e===A.MEDIA_CONTROLLER&&(t&&((n=(r=Kt(this,Me))==null?void 0:r.unassociateElement)==null||n.call(r,this),Yt(this,Me,null)),a&&(Yt(this,Me,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=Kt(this,Me))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(Yt(this,Me,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=Kt(this,Me))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=Kt(this,Me))==null?void 0:e.unassociateElement)==null||t.call(e,this),Yt(this,Me,null)}get loadingDelay(){return Kt(this,Pa)}set loadingDelay(e){Yt(this,Pa,e),Kt(this,Ba).setProperty("--_loading-indicator-delay",`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return D(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}get mediaLoading(){return D(this,o.MEDIA_LOADING)}set mediaLoading(e){R(this,o.MEDIA_LOADING,e)}};Me=new WeakMap;Pa=new WeakMap;Ba=new WeakMap;l.customElements.get("media-loading-indicator")||l.customElements.define("media-loading-indicator",$n);var vc=100,bc=1,fc=i=>i.mediaMuted?0:Math.round(i.mediaVolume*i.range.max),gc=({value:i,max:e})=>`${Math.round(i/e*100)}%`,Vn=class extends vt{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME,o.MEDIA_MUTED,o.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.max=vc,this.range.addEventListener("input",()=>{let t=this.range.value/this.range.max,a=new l.CustomEvent(E.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(a)})}connectedCallback(){this.range.setAttribute("aria-label",Z.VOLUME()),super.connectedCallback()}attributeChangedCallback(e,t,a){if(e===o.MEDIA_VOLUME||e===o.MEDIA_MUTED){let r=fc(this);this.range.value=r,this.range.setAttribute("aria-valuetext",gc(this.range)),this.updateBar()}super.attributeChangedCallback(e,t,a)}get mediaVolume(){return S(this,o.MEDIA_VOLUME,bc)}set mediaVolume(e){x(this,o.MEDIA_VOLUME,e)}get mediaMuted(){return D(this,o.MEDIA_MUTED)}set mediaMuted(e){R(this,o.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return w(this,o.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){M(this,o.MEDIA_VOLUME_UNAVAILABLE,e)}};l.customElements.get("media-volume-range")||l.customElements.define("media-volume-range",Vn);var Yn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},G=(i,e,t)=>(Yn(i,e,"read from private field"),t?t.call(i):e.get(i)),de=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},pe=(i,e,t,a)=>(Yn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Pe=(i,e,t)=>(Yn(i,e,"access private method"),t),Le,Je,Zt,gi,$a,Va,Hn,Gt,Wn,Ai,Ha,Wa,Fn,Kn,Dl,Gn,xl,Ac=`
+`;var Hn=class extends l.HTMLElement{constructor(){if(super(),Bn(this,Ce,void 0),Bn(this,Pa,Rl),Bn(this,Ba,void 0),!this.shadowRoot){let t=this.attachShadow({mode:"open"}),a=wl.content.cloneNode(!0);t.appendChild(a)}let{style:e}=N(this.shadowRoot,":host");Yt(this,Ba,e)}static get observedAttributes(){return[A.MEDIA_CONTROLLER,o.MEDIA_PAUSED,o.MEDIA_LOADING,Ml.LOADING_DELAY]}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===Ml.LOADING_DELAY&&t!==a?this.loadingDelay=Number(a):e===A.MEDIA_CONTROLLER&&(t&&((n=(r=Kt(this,Ce))==null?void 0:r.unassociateElement)==null||n.call(r,this),Yt(this,Ce,null)),a&&(Yt(this,Ce,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=Kt(this,Ce))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(Yt(this,Ce,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=Kt(this,Ce))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=Kt(this,Ce))==null?void 0:e.unassociateElement)==null||t.call(e,this),Yt(this,Ce,null)}get loadingDelay(){return Kt(this,Pa)}set loadingDelay(e){Yt(this,Pa,e),Kt(this,Ba).setProperty("--_loading-indicator-delay",`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return x(this,o.MEDIA_PAUSED)}set mediaPaused(e){R(this,o.MEDIA_PAUSED,e)}get mediaLoading(){return x(this,o.MEDIA_LOADING)}set mediaLoading(e){R(this,o.MEDIA_LOADING,e)}};Ce=new WeakMap;Pa=new WeakMap;Ba=new WeakMap;l.customElements.get("media-loading-indicator")||l.customElements.define("media-loading-indicator",Hn);var Ec=100,vc=1,fc=i=>i.mediaMuted?0:Math.round(i.mediaVolume*i.range.max),gc=({value:i,max:e})=>`${Math.round(i/e*100)}%`,$n=class extends Et{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME,o.MEDIA_MUTED,o.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.max=Ec,this.range.addEventListener("input",()=>{let t=this.range.value/this.range.max,a=new l.CustomEvent(b.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(a)})}connectedCallback(){this.range.setAttribute("aria-label",Z.VOLUME()),super.connectedCallback()}attributeChangedCallback(e,t,a){if(e===o.MEDIA_VOLUME||e===o.MEDIA_MUTED){let r=fc(this);this.range.value=r,this.range.setAttribute("aria-valuetext",gc(this.range)),this.updateBar()}super.attributeChangedCallback(e,t,a)}get mediaVolume(){return S(this,o.MEDIA_VOLUME,vc)}set mediaVolume(e){D(this,o.MEDIA_VOLUME,e)}get mediaMuted(){return x(this,o.MEDIA_MUTED)}set mediaMuted(e){R(this,o.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return w(this,o.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){C(this,o.MEDIA_VOLUME_UNAVAILABLE,e)}};l.customElements.get("media-volume-range")||l.customElements.define("media-volume-range",$n);var Yn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},G=(i,e,t)=>(Yn(i,e,"read from private field"),t?t.call(i):e.get(i)),de=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},pe=(i,e,t,a)=>(Yn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Pe=(i,e,t)=>(Yn(i,e,"access private method"),t),Me,Je,Zt,gi,Ha,$a,Vn,Gt,Wn,Ai,Va,Wa,Fn,Kn,xl,Gn,Dl,Ac=`
 <svg aria-hidden="true" viewBox="0 1 24 24" part="select-indicator indicator">
   <path d="m10 15.17 9.193-9.191 1.414 1.414-10.606 10.606-6.364-6.364 1.414-1.414 4.95 4.95Z"/>
-</svg>`;function Ce(i,e,t){let a=m.createElement("media-chrome-option");a.part.add("option"),a.value=e,a.selected=t;let r=m.createElement("span");return r.textContent=i,a.append(r),a}function Ee(i,e){let t=i.querySelector(`:scope > [slot="${e}"]`);return(t==null?void 0:t.nodeName)=="SLOT"&&(t=t.assignedElements({flatten:!0})[0]),t?(t=t.cloneNode(!0),t.removeAttribute("slot"),t):i.shadowRoot.querySelector(`[name="${e}"] > svg`).cloneNode(!0)}var Ol=m.createElement("template");Ol.innerHTML=`
+</svg>`;function Le(i,e,t){let a=m.createElement("media-chrome-option");a.part.add("option"),a.value=e,a.selected=t;let r=m.createElement("span");return r.textContent=i,a.append(r),a}function be(i,e){let t=i.querySelector(`:scope > [slot="${e}"]`);return(t==null?void 0:t.nodeName)=="SLOT"&&(t=t.assignedElements({flatten:!0})[0]),t?(t=t.cloneNode(!0),t.removeAttribute("slot"),t):i.shadowRoot.querySelector(`[name="${e}"] > svg`).cloneNode(!0)}var Ol=m.createElement("template");Ol.innerHTML=`
 <style>
   :host {
     font: var(--media-font,
@@ -824,7 +824,7 @@ svg, img, ::slotted(svg), ::slotted(img) {
 <slot name="header"></slot>
 <slot id="container"></slot>
 <slot name="select-indicator" hidden>${Ac}</slot>
-`;var ue=class extends l.HTMLElement{constructor(e={}){super(),de(this,Va),de(this,Ai),de(this,Wa),de(this,Kn),de(this,Gn),de(this,Le,void 0),de(this,Je,""),de(this,Zt,null),de(this,gi,!1),de(this,$a,t=>{this.handleClick(t)}),de(this,Gt,t=>{let{key:a}=t;if(a==="Escape"){this.removeEventListener("keyup",G(this,Gt));return}if(a==="Meta"){pe(this,gi,!1);return}Pe(this,Va,Hn).call(this,t)}),de(this,Wn,t=>{let{key:a,altKey:r}=t;if(r){this.removeEventListener("keyup",G(this,Gt));return}if(a==="Meta"){pe(this,gi,!0);return}if(this.keysUsed.includes(a)&&t.preventDefault(),G(this,gi)&&this.keysUsed.includes(a)){Pe(this,Va,Hn).call(this,t);return}this.addEventListener("keyup",G(this,Gt),{once:!0})}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.nativeEl=Ol.content.cloneNode(!0),e.slotTemplate&&this.nativeEl.append(e.slotTemplate.content.cloneNode(!0)),this.shadowRoot.append(this.nativeEl)),this.container=this.shadowRoot.querySelector("#container"),this.container.addEventListener("slotchange",t=>{for(let a of t.target.assignedNodes({flatten:!0}))a.nodeType===3&&a.textContent.trim()===""&&a.remove()})}static get observedAttributes(){return["disabled",A.MEDIA_CONTROLLER]}static formatOptionText(e){return e}formatOptionText(e,t){return this.constructor.formatOptionText(e,t)}get options(){var e;let t=this.querySelectorAll("media-chrome-option");return t.length||(t=(e=this.container)==null?void 0:e.querySelectorAll("media-chrome-option")),Array.from(t)}get selectedOptions(){return this.options.filter(e=>e.selected)}get value(){var e,t;return(t=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?t:""}set value(e){let t=this.options.find(a=>a.value===e);!t||Pe(this,Wa,Fn).call(this,t)}focus(){var e;(e=this.selectedOptions[0])==null||e.focus()}enable(){this.addEventListener("click",G(this,$a)),this.addEventListener("keydown",G(this,Wn))}disable(){this.removeEventListener("click",G(this,$a)),this.removeEventListener("keyup",G(this,Gt))}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER?(t&&((n=(r=G(this,Le))==null?void 0:r.unassociateElement)==null||n.call(r,this),pe(this,Le,null)),a&&(pe(this,Le,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=G(this,Le))==null?void 0:d.associateElement)==null||u.call(d,this))):e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e,t,a;this.hasAttribute("disabled")||this.enable(),this.hasAttribute("role")||this.setAttribute("role","listbox");let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(pe(this,Le,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=G(this,Le))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=G(this,Le))==null?void 0:e.unassociateElement)==null||t.call(e,this),pe(this,Le,null)}get keysUsed(){return["Enter"," ","ArrowDown","ArrowUp","Home","End"]}handleSelection(e,t){let a=Pe(this,Ai,Ha).call(this,e);!a||Pe(this,Wa,Fn).call(this,a,t)}handleMovement(e){let{key:t}=e,a=this.options,r=Pe(this,Ai,Ha).call(this,e);r||(r=a.filter(s=>s.getAttribute("tabindex")==="0")[0]);let n;switch(t){case"ArrowDown":n=r.nextElementSibling,n!=null&&n.hasAttribute("disabled")&&(n=n.nextElementSibling);break;case"ArrowUp":n=r.previousElementSibling,n!=null&&n.hasAttribute("disabled")&&(n=n.previousElementSibling);break;case"Home":n=a[0];break;case"End":n=a[a.length-1];break;default:n=Pe(this,Kn,Dl).call(this,t);break}n&&(a.forEach(s=>s.setAttribute("tabindex","-1")),n.setAttribute("tabindex","0"),n.focus())}handleClick(e){let t=Pe(this,Ai,Ha).call(this,e);!t||t.hasAttribute("disabled")||(this.options.forEach(a=>a.setAttribute("tabindex","-1")),t.setAttribute("tabindex","0"),this.handleSelection(e,this.hasAttribute("aria-multiselectable")&&this.getAttribute("aria-multiselectable")==="true"))}};Le=new WeakMap;Je=new WeakMap;Zt=new WeakMap;gi=new WeakMap;$a=new WeakMap;Va=new WeakSet;Hn=function(i){let{key:e}=i;e==="Enter"||e===" "?this.handleSelection(i,this.hasAttribute("aria-multiselectable")&&this.getAttribute("aria-multiselectable")==="true"):this.handleMovement(i)};Gt=new WeakMap;Wn=new WeakMap;Ai=new WeakSet;Ha=function(i){let e=i.composedPath(),t=e.findIndex(a=>a.nodeName==="MEDIA-CHROME-OPTION");return e[t]};Wa=new WeakSet;Fn=function(i,e){let t=[...this.selectedOptions];(!this.hasAttribute("aria-multiselectable")||this.getAttribute("aria-multiselectable")!=="true")&&this.options.forEach(a=>a.selected=!1),e?i.selected=!i.selected:i.selected=!0,this.selectedOptions.some((a,r)=>a!=t[r])&&this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};Kn=new WeakSet;Dl=function(i){Pe(this,Gn,xl).call(this);let e=this.options,t=e.findIndex(c=>c.getAttribute("tabindex")==="0");pe(this,Je,G(this,Je)+i);let a=G(this,Je).split("").every(c=>c===i),r=e.slice(t+(a?1:0)).filter(c=>c.textContent.toLowerCase().startsWith(G(this,Je))),n=e.slice(0,t-(a?1:0)).filter(c=>c.textContent.toLowerCase().startsWith(G(this,Je))),s=[],d=[];return a&&(s=e.slice(t+(a?1:0)).filter(c=>c.textContent.startsWith(i)),d=e.slice(0,t-(a?1:0)).filter(c=>c.textContent.startsWith(i))),[...r,...n,...s,...d][0]};Gn=new WeakSet;xl=function(){clearTimeout(G(this,Zt)),pe(this,Zt,null),pe(this,Zt,setTimeout(()=>{pe(this,Je,""),pe(this,Zt,null)},500))};l.customElements.get("media-chrome-listbox")||l.customElements.define("media-chrome-listbox",ue);var Jn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Qn=(i,e,t)=>(Jn(i,e,"read from private field"),t?t.call(i):e.get(i)),Zn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},qn=(i,e,t,a)=>(Jn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Nl=(i,e,t)=>(Jn(i,e,"access private method"),t),Fa,qt,Ka,zn,Ul=m.createElement("template");Ul.innerHTML=`
+`;var ue=class extends l.HTMLElement{constructor(e={}){super(),de(this,$a),de(this,Ai),de(this,Wa),de(this,Kn),de(this,Gn),de(this,Me,void 0),de(this,Je,""),de(this,Zt,null),de(this,gi,!1),de(this,Ha,t=>{this.handleClick(t)}),de(this,Gt,t=>{let{key:a}=t;if(a==="Escape"){this.removeEventListener("keyup",G(this,Gt));return}if(a==="Meta"){pe(this,gi,!1);return}Pe(this,$a,Vn).call(this,t)}),de(this,Wn,t=>{let{key:a,altKey:r}=t;if(r){this.removeEventListener("keyup",G(this,Gt));return}if(a==="Meta"){pe(this,gi,!0);return}if(this.keysUsed.includes(a)&&t.preventDefault(),G(this,gi)&&this.keysUsed.includes(a)){Pe(this,$a,Vn).call(this,t);return}this.addEventListener("keyup",G(this,Gt),{once:!0})}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.nativeEl=Ol.content.cloneNode(!0),e.slotTemplate&&this.nativeEl.append(e.slotTemplate.content.cloneNode(!0)),this.shadowRoot.append(this.nativeEl)),this.container=this.shadowRoot.querySelector("#container"),this.container.addEventListener("slotchange",t=>{for(let a of t.target.assignedNodes({flatten:!0}))a.nodeType===3&&a.textContent.trim()===""&&a.remove()})}static get observedAttributes(){return["disabled",A.MEDIA_CONTROLLER]}static formatOptionText(e){return e}formatOptionText(e,t){return this.constructor.formatOptionText(e,t)}get options(){var e;let t=this.querySelectorAll("media-chrome-option");return t.length||(t=(e=this.container)==null?void 0:e.querySelectorAll("media-chrome-option")),Array.from(t)}get selectedOptions(){return this.options.filter(e=>e.selected)}get value(){var e,t;return(t=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?t:""}set value(e){let t=this.options.find(a=>a.value===e);!t||Pe(this,Wa,Fn).call(this,t)}focus(){var e;(e=this.selectedOptions[0])==null||e.focus()}enable(){this.addEventListener("click",G(this,Ha)),this.addEventListener("keydown",G(this,Wn))}disable(){this.removeEventListener("click",G(this,Ha)),this.removeEventListener("keyup",G(this,Gt))}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER?(t&&((n=(r=G(this,Me))==null?void 0:r.unassociateElement)==null||n.call(r,this),pe(this,Me,null)),a&&(pe(this,Me,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=G(this,Me))==null?void 0:d.associateElement)==null||u.call(d,this))):e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e,t,a;this.hasAttribute("disabled")||this.enable(),this.hasAttribute("role")||this.setAttribute("role","listbox");let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(pe(this,Me,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=G(this,Me))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=G(this,Me))==null?void 0:e.unassociateElement)==null||t.call(e,this),pe(this,Me,null)}get keysUsed(){return["Enter"," ","ArrowDown","ArrowUp","Home","End"]}handleSelection(e,t){let a=Pe(this,Ai,Va).call(this,e);!a||Pe(this,Wa,Fn).call(this,a,t)}handleMovement(e){let{key:t}=e,a=this.options,r=Pe(this,Ai,Va).call(this,e);r||(r=a.filter(s=>s.getAttribute("tabindex")==="0")[0]);let n;switch(t){case"ArrowDown":n=r.nextElementSibling,n!=null&&n.hasAttribute("disabled")&&(n=n.nextElementSibling);break;case"ArrowUp":n=r.previousElementSibling,n!=null&&n.hasAttribute("disabled")&&(n=n.previousElementSibling);break;case"Home":n=a[0];break;case"End":n=a[a.length-1];break;default:n=Pe(this,Kn,xl).call(this,t);break}n&&(a.forEach(s=>s.setAttribute("tabindex","-1")),n.setAttribute("tabindex","0"),n.focus())}handleClick(e){let t=Pe(this,Ai,Va).call(this,e);!t||t.hasAttribute("disabled")||(this.options.forEach(a=>a.setAttribute("tabindex","-1")),t.setAttribute("tabindex","0"),this.handleSelection(e,this.hasAttribute("aria-multiselectable")&&this.getAttribute("aria-multiselectable")==="true"))}};Me=new WeakMap;Je=new WeakMap;Zt=new WeakMap;gi=new WeakMap;Ha=new WeakMap;$a=new WeakSet;Vn=function(i){let{key:e}=i;e==="Enter"||e===" "?this.handleSelection(i,this.hasAttribute("aria-multiselectable")&&this.getAttribute("aria-multiselectable")==="true"):this.handleMovement(i)};Gt=new WeakMap;Wn=new WeakMap;Ai=new WeakSet;Va=function(i){let e=i.composedPath(),t=e.findIndex(a=>a.nodeName==="MEDIA-CHROME-OPTION");return e[t]};Wa=new WeakSet;Fn=function(i,e){let t=[...this.selectedOptions];(!this.hasAttribute("aria-multiselectable")||this.getAttribute("aria-multiselectable")!=="true")&&this.options.forEach(a=>a.selected=!1),e?i.selected=!i.selected:i.selected=!0,this.selectedOptions.some((a,r)=>a!=t[r])&&this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};Kn=new WeakSet;xl=function(i){Pe(this,Gn,Dl).call(this);let e=this.options,t=e.findIndex(c=>c.getAttribute("tabindex")==="0");pe(this,Je,G(this,Je)+i);let a=G(this,Je).split("").every(c=>c===i),r=e.slice(t+(a?1:0)).filter(c=>c.textContent.toLowerCase().startsWith(G(this,Je))),n=e.slice(0,t-(a?1:0)).filter(c=>c.textContent.toLowerCase().startsWith(G(this,Je))),s=[],d=[];return a&&(s=e.slice(t+(a?1:0)).filter(c=>c.textContent.startsWith(i)),d=e.slice(0,t-(a?1:0)).filter(c=>c.textContent.startsWith(i))),[...r,...n,...s,...d][0]};Gn=new WeakSet;Dl=function(){clearTimeout(G(this,Zt)),pe(this,Zt,null),pe(this,Zt,setTimeout(()=>{pe(this,Je,""),pe(this,Zt,null)},500))};l.customElements.get("media-chrome-listbox")||l.customElements.define("media-chrome-listbox",ue);var Jn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Qn=(i,e,t)=>(Jn(i,e,"read from private field"),t?t.call(i):e.get(i)),Zn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},qn=(i,e,t,a)=>(Jn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Nl=(i,e,t)=>(Jn(i,e,"access private method"),t),Fa,qt,Ka,zn,Ul=m.createElement("template");Ul.innerHTML=`
 <style>
   :host {
     cursor: pointer;
@@ -863,7 +863,7 @@ svg, img, ::slotted(svg), ::slotted(img) {
   }
 </style>
 <slot></slot>
-`;var je={VALUE:"value",SELECTED:"selected",DISABLED:"disabled"},Ya=class extends l.HTMLElement{constructor(){super(),Zn(this,Ka),Zn(this,Fa,!1),Zn(this,qt,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Ul.content.cloneNode(!0)))}static get observedAttributes(){return[je.DISABLED,je.SELECTED,je.VALUE]}get value(){var e;return(e=this.getAttribute(je.VALUE))!=null?e:this.text}set value(e){this.setAttribute(je.VALUE,e)}get text(){var e;return((e=this.textContent)!=null?e:"").trim()}get selected(){return this.getAttribute("aria-selected")==="true"}set selected(e){qn(this,Fa,!0),this.setAttribute("aria-selected",e?"true":"false"),e?this.part.add("option-selected"):this.part.remove("option-selected")}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex",-1),this.hasAttribute("aria-selected")||this.setAttribute("aria-selected","false")}disable(){this.removeAttribute("tabindex")}attributeChangedCallback(e,t,a){e===je.SELECTED&&!Qn(this,Fa)?this.setAttribute("aria-selected",a!=null?"true":"false"):e===je.DISABLED&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){this.hasAttribute(je.DISABLED)||this.enable(),this.setAttribute("role","option"),qn(this,qt,Xn(this,this.parentNode)),Nl(this,Ka,zn).call(this)}disconnectedCallback(){this.disable(),Nl(this,Ka,zn).call(this),qn(this,qt,null)}handleClick(){}};Fa=new WeakMap;qt=new WeakMap;Ka=new WeakSet;zn=function(){var i;let e=(i=Qn(this,qt))==null?void 0:i.options;if(!e)return;let t=e.filter(a=>a.getAttribute("aria-selected")==="true").pop();t||(t=e[0]),Qn(this,qt).getAttribute("aria-multiselectable")!=="true"&&e.forEach(a=>{a.setAttribute("tabindex","-1"),a.setAttribute("aria-selected","false")}),t==null||t.setAttribute("tabindex","0"),t==null||t.setAttribute("aria-selected","true")};function Xn(i,e){if(!i)return null;let{host:t}=i.getRootNode();return!e&&t?Xn(i,t):e!=null&&e.options?e:Xn(e,e==null?void 0:e.parentNode)}l.customElements.get("media-chrome-option")||l.customElements.define("media-chrome-option",Ya);var Pl=new WeakMap,jn=i=>{let e=Pl.get(i);return e||Pl.set(i,e=new Set),e},Bl=new l.ResizeObserver(i=>{for(let e of i)for(let t of jn(e.target))t(e)});function eo(i,e){jn(i).add(e),Bl.observe(i)}function to(i,e){let t=jn(i);t.delete(e),t.size||Bl.unobserve(i)}var ao=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},v=(i,e,t)=>(ao(i,e,"read from private field"),t?t.call(i):e.get(i)),ie=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Re=(i,e,t,a)=>(ao(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),bt=(i,e,t)=>(ao(i,e,"access private method"),t),we,Q,_i,W,ve,Qt,Ga,Za,qa,Qa,za,io,ro,$l,zt,yi,ft,Vl=m.createElement("template");Vl.innerHTML=`
+`;var je={VALUE:"value",SELECTED:"selected",DISABLED:"disabled"},Ya=class extends l.HTMLElement{constructor(){super(),Zn(this,Ka),Zn(this,Fa,!1),Zn(this,qt,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Ul.content.cloneNode(!0)))}static get observedAttributes(){return[je.DISABLED,je.SELECTED,je.VALUE]}get value(){var e;return(e=this.getAttribute(je.VALUE))!=null?e:this.text}set value(e){this.setAttribute(je.VALUE,e)}get text(){var e;return((e=this.textContent)!=null?e:"").trim()}get selected(){return this.getAttribute("aria-selected")==="true"}set selected(e){qn(this,Fa,!0),this.setAttribute("aria-selected",e?"true":"false"),e?this.part.add("option-selected"):this.part.remove("option-selected")}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex",-1),this.hasAttribute("aria-selected")||this.setAttribute("aria-selected","false")}disable(){this.removeAttribute("tabindex")}attributeChangedCallback(e,t,a){e===je.SELECTED&&!Qn(this,Fa)?this.setAttribute("aria-selected",a!=null?"true":"false"):e===je.DISABLED&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){this.hasAttribute(je.DISABLED)||this.enable(),this.setAttribute("role","option"),qn(this,qt,Xn(this,this.parentNode)),Nl(this,Ka,zn).call(this)}disconnectedCallback(){this.disable(),Nl(this,Ka,zn).call(this),qn(this,qt,null)}handleClick(){}};Fa=new WeakMap;qt=new WeakMap;Ka=new WeakSet;zn=function(){var i;let e=(i=Qn(this,qt))==null?void 0:i.options;if(!e)return;let t=e.filter(a=>a.getAttribute("aria-selected")==="true").pop();t||(t=e[0]),Qn(this,qt).getAttribute("aria-multiselectable")!=="true"&&e.forEach(a=>{a.setAttribute("tabindex","-1"),a.setAttribute("aria-selected","false")}),t==null||t.setAttribute("tabindex","0"),t==null||t.setAttribute("aria-selected","true")};function Xn(i,e){if(!i)return null;let{host:t}=i.getRootNode();return!e&&t?Xn(i,t):e!=null&&e.options?e:Xn(e,e==null?void 0:e.parentNode)}l.customElements.get("media-chrome-option")||l.customElements.define("media-chrome-option",Ya);var Pl=new WeakMap,jn=i=>{let e=Pl.get(i);return e||Pl.set(i,e=new Set),e},Bl=new l.ResizeObserver(i=>{for(let e of i)for(let t of jn(e.target))t(e)});function eo(i,e){jn(i).add(e),Bl.observe(i)}function to(i,e){let t=jn(i);t.delete(e),t.size||Bl.unobserve(i)}var ao=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},E=(i,e,t)=>(ao(i,e,"read from private field"),t?t.call(i):e.get(i)),ie=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Re=(i,e,t,a)=>(ao(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),vt=(i,e,t)=>(ao(i,e,"access private method"),t),we,Q,_i,W,Ee,Qt,Ga,Za,qa,Qa,za,io,ro,Hl,zt,yi,ft,$l=m.createElement("template");$l.innerHTML=`
   <style>
   :host {
     font: var(--media-font,
@@ -915,22 +915,22 @@ svg, img, ::slotted(svg), ::slotted(img) {
       <slot></slot>
     </media-chrome-listbox>
   </slot>
-`;var ce=class extends l.HTMLElement{constructor(){var e;super(),ie(this,za),ie(this,ro),ie(this,zt),ie(this,we,void 0),ie(this,Q,void 0),ie(this,_i,void 0),ie(this,W,void 0),ie(this,ve,void 0),ie(this,Qt,a=>{let{key:r}=a;if(!this.keysUsed.includes(r)){this.removeEventListener("keyup",v(this,Qt));return}a.composedPath().includes(v(this,Q))&&(r==="Enter"||r===" ")?bt(this,za,io).call(this):r==="Escape"&&bt(this,zt,yi).call(this)}),ie(this,Ga,a=>{let{metaKey:r,altKey:n,key:s}=a;if(r||n||!this.keysUsed.includes(s)){this.removeEventListener("keyup",v(this,Qt));return}a.preventDefault(),this.addEventListener("keyup",v(this,Qt),{once:!0})}),ie(this,Za,a=>{a.composedPath().includes(this)||bt(this,zt,yi).call(this)}),ie(this,qa,a=>{a.composedPath().includes(v(this,Q))&&bt(this,za,io).call(this)}),ie(this,Qa,()=>{bt(this,zt,yi).call(this)}),ie(this,ft,()=>{if(v(this,W).offsetWidth===0)return;let a=v(this,Q).getBoundingClientRect();if(this.hasAttribute("mediacontroller")||v(this,Q).hasAttribute("mediacontroller")||v(this,W).hasAttribute("mediacontroller")){v(this,W).style.zIndex="1",v(this,W).style.bottom="unset",v(this,W).style.top=a.height+"px";return}let r=Ti(this),n=v(this,W).offsetWidth,s=r.getBoundingClientRect(),d=-Math.max(a.x+n-s.right,0);v(this,W).style.left=`${d}px`,v(this,W).style.maxHeight=`${s.height-a.height}px`}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Vl.content.cloneNode(!0)));let{style:t}=N(this.shadowRoot,":host");t.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),(e=this.init)==null||e.call(this),Re(this,Q,this.shadowRoot.querySelector("[part=button]")),Re(this,W,this.shadowRoot.querySelector("[part=listbox]")),Re(this,_i,this.shadowRoot.querySelector("slot[name=button]")),v(this,_i).addEventListener("slotchange",()=>{let a=v(this,_i).assignedElements()[0];if(!a)return;Re(this,Q,a),v(this,Q).preventClick=!0,this.hasAttribute("disabled")||v(this,Q).hasAttribute("disabled")?this.disable():(this.enable(),v(this,Q).setAttribute("aria-haspopup","listbox"))}),Re(this,ve,this.shadowRoot.querySelector("slot[name=listbox]")),v(this,ve).addEventListener("slotchange",()=>{Re(this,W,v(this,ve).assignedElements()[0]||v(this,W))})}static get observedAttributes(){return["disabled",A.MEDIA_CONTROLLER]}enable(){v(this,Q).toggleAttribute("disabled",!1),this.addEventListener("change",v(this,Qa)),this.addEventListener("keydown",v(this,Ga)),this.addEventListener("click",v(this,qa)),m.addEventListener("click",v(this,Za))}disable(){v(this,Q).toggleAttribute("disabled",!0),this.removeEventListener("change",v(this,Qa)),this.removeEventListener("keydown",v(this,Ga)),this.removeEventListener("keyup",v(this,Qt)),this.removeEventListener("click",v(this,qa)),m.removeEventListener("click",v(this,Za))}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER?(t&&((n=(r=v(this,we))==null?void 0:r.unassociateElement)==null||n.call(r,this),Re(this,we,null),v(this,W).removeAttribute(A.MEDIA_CONTROLLER)),a&&(Re(this,we,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=v(this,we))==null?void 0:d.associateElement)==null||u.call(d,this),v(this,W).setAttribute(A.MEDIA_CONTROLLER,a))):e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(Re(this,we,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=v(this,we))==null?void 0:t.associateElement)==null||a.call(t,this),v(this,W).setAttribute(A.MEDIA_CONTROLLER,r)),this.hasAttribute("disabled")||this.enable(),v(this,ve).hidden||eo(Ti(this),v(this,ft))}disconnectedCallback(){var e,t;to(Ti(this),v(this,ft)),this.disable(),(t=(e=v(this,we))==null?void 0:e.unassociateElement)==null||t.call(e,this),Re(this,we,null),v(this,W).removeAttribute(A.MEDIA_CONTROLLER)}get keysUsed(){return["Enter","Escape"," ","ArrowUp","ArrowDown","f","c","k","m"]}};we=new WeakMap;Q=new WeakMap;_i=new WeakMap;W=new WeakMap;ve=new WeakMap;Qt=new WeakMap;Ga=new WeakMap;Za=new WeakMap;qa=new WeakMap;Qa=new WeakMap;za=new WeakSet;io=function(){v(this,ve).hidden?bt(this,ro,$l).call(this):bt(this,zt,yi).call(this)};ro=new WeakSet;$l=function(){!v(this,ve).hidden||(v(this,ve).hidden=!1,v(this,Q).setAttribute("aria-expanded","true"),v(this,ft).call(this),v(this,W).focus(),eo(Ti(this),v(this,ft)))};zt=new WeakSet;yi=function(){if(v(this,ve).hidden)return;let i=Gr();v(this,ve).hidden=!0,v(this,Q).setAttribute("aria-expanded","false"),ct(v(this,W),i)&&v(this,Q).focus(),to(Ti(this),v(this,ft))};ft=new WeakMap;function Ti(i){var e;return(e=i.getAttribute("bounds")?Ye(i,`#${i.getAttribute("bounds")}`):_c(i)||i.parentElement)!=null?e:i}function _c(i){var e;let t=i.getAttribute(A.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):Ye(i,"media-controller")}l.customElements.get("media-chrome-selectmenu")||l.customElements.define("media-chrome-selectmenu",ce);var uo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},yc=(i,e,t)=>(uo(i,e,"read from private field"),t?t.call(i):e.get(i)),no=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Tc=(i,e,t,a)=>(uo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),oo=(i,e,t)=>(uo(i,e,"access private method"),t),Ja,so,Fl,Xa,lo,Ic=`
+`;var ce=class extends l.HTMLElement{constructor(){var e;super(),ie(this,za),ie(this,ro),ie(this,zt),ie(this,we,void 0),ie(this,Q,void 0),ie(this,_i,void 0),ie(this,W,void 0),ie(this,Ee,void 0),ie(this,Qt,a=>{let{key:r}=a;if(!this.keysUsed.includes(r)){this.removeEventListener("keyup",E(this,Qt));return}a.composedPath().includes(E(this,Q))&&(r==="Enter"||r===" ")?vt(this,za,io).call(this):r==="Escape"&&vt(this,zt,yi).call(this)}),ie(this,Ga,a=>{let{metaKey:r,altKey:n,key:s}=a;if(r||n||!this.keysUsed.includes(s)){this.removeEventListener("keyup",E(this,Qt));return}a.preventDefault(),this.addEventListener("keyup",E(this,Qt),{once:!0})}),ie(this,Za,a=>{a.composedPath().includes(this)||vt(this,zt,yi).call(this)}),ie(this,qa,a=>{a.composedPath().includes(E(this,Q))&&vt(this,za,io).call(this)}),ie(this,Qa,()=>{vt(this,zt,yi).call(this)}),ie(this,ft,()=>{if(E(this,W).offsetWidth===0)return;let a=E(this,Q).getBoundingClientRect();if(this.hasAttribute("mediacontroller")||E(this,Q).hasAttribute("mediacontroller")||E(this,W).hasAttribute("mediacontroller")){E(this,W).style.zIndex="1",E(this,W).style.bottom="unset",E(this,W).style.top=a.height+"px";return}let r=Ti(this),n=E(this,W).offsetWidth,s=r.getBoundingClientRect(),d=-Math.max(a.x+n-s.right,0);E(this,W).style.left=`${d}px`,E(this,W).style.maxHeight=`${s.height-a.height}px`}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild($l.content.cloneNode(!0)));let{style:t}=N(this.shadowRoot,":host");t.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),(e=this.init)==null||e.call(this),Re(this,Q,this.shadowRoot.querySelector("[part=button]")),Re(this,W,this.shadowRoot.querySelector("[part=listbox]")),Re(this,_i,this.shadowRoot.querySelector("slot[name=button]")),E(this,_i).addEventListener("slotchange",()=>{let a=E(this,_i).assignedElements()[0];if(!a)return;Re(this,Q,a),E(this,Q).preventClick=!0,this.hasAttribute("disabled")||E(this,Q).hasAttribute("disabled")?this.disable():(this.enable(),E(this,Q).setAttribute("aria-haspopup","listbox"))}),Re(this,Ee,this.shadowRoot.querySelector("slot[name=listbox]")),E(this,Ee).addEventListener("slotchange",()=>{Re(this,W,E(this,Ee).assignedElements()[0]||E(this,W))})}static get observedAttributes(){return["disabled",A.MEDIA_CONTROLLER]}enable(){E(this,Q).toggleAttribute("disabled",!1),this.addEventListener("change",E(this,Qa)),this.addEventListener("keydown",E(this,Ga)),this.addEventListener("click",E(this,qa)),m.addEventListener("click",E(this,Za))}disable(){E(this,Q).toggleAttribute("disabled",!0),this.removeEventListener("change",E(this,Qa)),this.removeEventListener("keydown",E(this,Ga)),this.removeEventListener("keyup",E(this,Qt)),this.removeEventListener("click",E(this,qa)),m.removeEventListener("click",E(this,Za))}attributeChangedCallback(e,t,a){var r,n,s,d,u;e===A.MEDIA_CONTROLLER?(t&&((n=(r=E(this,we))==null?void 0:r.unassociateElement)==null||n.call(r,this),Re(this,we,null),E(this,W).removeAttribute(A.MEDIA_CONTROLLER)),a&&(Re(this,we,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(d=E(this,we))==null?void 0:d.associateElement)==null||u.call(d,this),E(this,W).setAttribute(A.MEDIA_CONTROLLER,a))):e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e,t,a;let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(Re(this,we,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=E(this,we))==null?void 0:t.associateElement)==null||a.call(t,this),E(this,W).setAttribute(A.MEDIA_CONTROLLER,r)),this.hasAttribute("disabled")||this.enable(),E(this,Ee).hidden||eo(Ti(this),E(this,ft))}disconnectedCallback(){var e,t;to(Ti(this),E(this,ft)),this.disable(),(t=(e=E(this,we))==null?void 0:e.unassociateElement)==null||t.call(e,this),Re(this,we,null),E(this,W).removeAttribute(A.MEDIA_CONTROLLER)}get keysUsed(){return["Enter","Escape"," ","ArrowUp","ArrowDown","f","c","k","m"]}};we=new WeakMap;Q=new WeakMap;_i=new WeakMap;W=new WeakMap;Ee=new WeakMap;Qt=new WeakMap;Ga=new WeakMap;Za=new WeakMap;qa=new WeakMap;Qa=new WeakMap;za=new WeakSet;io=function(){E(this,Ee).hidden?vt(this,ro,Hl).call(this):vt(this,zt,yi).call(this)};ro=new WeakSet;Hl=function(){!E(this,Ee).hidden||(E(this,Ee).hidden=!1,E(this,Q).setAttribute("aria-expanded","true"),E(this,ft).call(this),E(this,W).focus(),eo(Ti(this),E(this,ft)))};zt=new WeakSet;yi=function(){if(E(this,Ee).hidden)return;let i=Gr();E(this,Ee).hidden=!0,E(this,Q).setAttribute("aria-expanded","false"),ct(E(this,W),i)&&E(this,Q).focus(),to(Ti(this),E(this,ft))};ft=new WeakMap;function Ti(i){var e;return(e=i.getAttribute("bounds")?Ye(i,`#${i.getAttribute("bounds")}`):_c(i)||i.parentElement)!=null?e:i}function _c(i){var e;let t=i.getAttribute(A.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):Ye(i,"media-controller")}l.customElements.get("media-chrome-selectmenu")||l.customElements.define("media-chrome-selectmenu",ce);var uo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},yc=(i,e,t)=>(uo(i,e,"read from private field"),t?t.call(i):e.get(i)),no=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Tc=(i,e,t,a)=>(uo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),oo=(i,e,t)=>(uo(i,e,"access private method"),t),Ja,so,Fl,Xa,lo,Ic=`
 <svg aria-hidden="true" viewBox="0 0 26 24" part="captions-indicator indicator">
   <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>
 </svg>`,Kl=m.createElement("template");Kl.innerHTML=`
   <slot name="captions-indicator" hidden>${Ic}</slot>
-`;var ja=class extends ue{constructor(){super({slotTemplate:Kl}),no(this,so),no(this,Xa),no(this,Ja,void 0)}static get observedAttributes(){return[...super.observedAttributes,"aria-multiselectable",o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_SUBTITLES_LIST&&t!==a?oo(this,so,Fl).call(this):e===o.MEDIA_SUBTITLES_SHOWING&&t!==a?this.value=a:e==="aria-multiselectable"&&(this.removeAttribute("aria-multiselectable"),console.warn("Captions List doesn't currently support multiple selections. You can enable multiple items via the media.textTrack API."))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",oo(this,Xa,lo))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",oo(this,Xa,lo))}get mediaSubtitlesList(){return Hl(this,o.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Wl(this,o.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Hl(this,o.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Wl(this,o.MEDIA_SUBTITLES_SHOWING,e)}};Ja=new WeakMap;so=new WeakSet;Fl=function(){var i;if(yc(this,Ja)===JSON.stringify(this.mediaSubtitlesList))return;Tc(this,Ja,JSON.stringify(this.mediaSubtitlesList));let e=this.shadowRoot.querySelector("#container");e.textContent="";let t=!this.value,a=Ce(this.formatOptionText("Off"),"off",t);a.prepend(Ee(this,"select-indicator")),e.append(a);let r=this.mediaSubtitlesList;for(let n of r){let s=Ce(this.formatOptionText(n.label,n),sa(n),this.value==sa(n));s.prepend(Ee(this,"select-indicator")),((i=n.kind)!=null?i:"subs")==="captions"&&s.append(Ee(this,"captions-indicator")),e.append(s)}};Xa=new WeakSet;lo=function(){if(Ne(this,!1),!this.value)return;let i=new l.CustomEvent(E.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};var Hl=(i,e)=>{let t=i.getAttribute(e);return t?li(t):[]},Wl=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=ht(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};l.customElements.get("media-captions-listbox")||l.customElements.define("media-captions-listbox",ja);var er=class extends ce{init(){let e=m.createElement("media-captions-button");e.part.add("button"),e.preventClick=!0;let t=m.createElement("media-captions-listbox");t.part.add("listbox"),t.setAttribute("exportparts","option, option-selected, indicator");let a=this.shadowRoot.querySelector("slot[name=button]"),r=this.shadowRoot.querySelector("slot[name=listbox]");a.textContent="",r.textContent="",a.append(e),r.append(t)}};l.customElements.get("media-captions-selectmenu")||l.customElements.define("media-captions-selectmenu",er);var Yl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},tr=(i,e,t)=>(Yl(i,e,"read from private field"),t?t.call(i):e.get(i)),co=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ii=(i,e,t)=>(Yl(i,e,"access private method"),t),Xt,ki,ir,ar,ho,mo={RATES:"rates"},rr=class extends ue{constructor(){super(),co(this,ki),co(this,ar),co(this,Xt,new qe(this,mo.RATES,{defaultValue:In})),Ii(this,ki,ir).call(this)}static get observedAttributes(){return[...super.observedAttributes,"aria-multiselectable",o.MEDIA_PLAYBACK_RATE,mo.RATES]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_PLAYBACK_RATE&&t!=a?this.value=a:e===mo.RATES&&t!=a&&(tr(this,Xt).value=a,Ii(this,ki,ir).call(this))}get rates(){return tr(this,Xt)}set rates(e){e?Array.isArray(e)&&(tr(this,Xt).value=e.join(" ")):tr(this,Xt).value="",Ii(this,ki,ir).call(this)}get mediaPlaybackRate(){return S(this,o.MEDIA_PLAYBACK_RATE,Ht)}set mediaPlaybackRate(e){x(this,o.MEDIA_PLAYBACK_RATE,e)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Ii(this,ar,ho))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Ii(this,ar,ho))}};Xt=new WeakMap;ki=new WeakSet;ir=function(){let i=this.shadowRoot.querySelector("#container");i.textContent="";for(let e of this.rates){let t=Ce(this.formatOptionText(`${e}x`,e),e,this.mediaPlaybackRate==e);t.prepend(Ee(this,"select-indicator")),i.append(t)}};ar=new WeakSet;ho=function(){if(!this.value)return;let i=new l.CustomEvent(E.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};l.customElements.get("media-playback-rate-listbox")||l.customElements.define("media-playback-rate-listbox",rr);var nr=class extends ce{init(){let e=m.createElement("media-playback-rate-button");e.part.add("button"),e.preventClick=!0;let t=m.createElement("media-playback-rate-listbox");t.part.add("listbox"),t.setAttribute("exportparts","option, option-selected, indicator");let a=this.shadowRoot.querySelector("slot[name=button]"),r=this.shadowRoot.querySelector("slot[name=listbox]");a.textContent="",r.textContent="",a.append(e),r.append(t)}};l.customElements.get("media-playback-rate-selectmenu")||l.customElements.define("media-playback-rate-selectmenu",nr);var bo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Gl=(i,e,t)=>(bo(i,e,"read from private field"),t?t.call(i):e.get(i)),or=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},po=(i,e,t,a)=>(bo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),sr=(i,e,t)=>(bo(i,e,"access private method"),t),Si,ur,lr,Eo,dr,vo,cr=class extends ue{constructor(){super(...arguments),or(this,lr),or(this,dr),or(this,Si,[]),or(this,ur,void 0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_RENDITION_LIST,o.MEDIA_RENDITION_SELECTED]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_RENDITION_SELECTED&&t!==a?this.value=a!=null?a:"auto":e===o.MEDIA_RENDITION_LIST&&t!==a&&(po(this,Si,ds(a)),sr(this,lr,Eo).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",sr(this,dr,vo))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",sr(this,dr,vo))}get mediaRenditionList(){return Gl(this,Si)}set mediaRenditionList(e){po(this,Si,e),sr(this,lr,Eo).call(this)}get mediaRenditionSelected(){return w(this,o.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){M(this,o.MEDIA_RENDITION_SELECTED,e)}};Si=new WeakMap;ur=new WeakMap;lr=new WeakSet;Eo=function(){if(Gl(this,ur)===JSON.stringify(this.mediaRenditionList))return;po(this,ur,JSON.stringify(this.mediaRenditionList));let i=this.mediaRenditionList.sort((r,n)=>n.height-r.height),e=this.shadowRoot.querySelector("#container");e.textContent="";let t=!this.mediaRenditionSelected;for(let r of i){let n=this.formatOptionText(`${Math.min(r.width,r.height)}p`,r),s=Ce(n,`${r.id}`,r.selected&&!t);s.prepend(Ee(this,"select-indicator")),e.append(s)}let a=Ce(this.formatOptionText("Auto"),"auto",t);a.prepend(Ee(this,"select-indicator")),e.append(a)};dr=new WeakSet;vo=function(){if(this.value==null)return;let i=new l.CustomEvent(E.MEDIA_RENDITION_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};l.customElements.get("media-rendition-listbox")||l.customElements.define("media-rendition-listbox",cr);var kc=`<svg aria-hidden="true" viewBox="0 0 24 24">
+`;var ja=class extends ue{constructor(){super({slotTemplate:Kl}),no(this,so),no(this,Xa),no(this,Ja,void 0)}static get observedAttributes(){return[...super.observedAttributes,"aria-multiselectable",o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_SUBTITLES_LIST&&t!==a?oo(this,so,Fl).call(this):e===o.MEDIA_SUBTITLES_SHOWING&&t!==a?this.value=a:e==="aria-multiselectable"&&(this.removeAttribute("aria-multiselectable"),console.warn("Captions List doesn't currently support multiple selections. You can enable multiple items via the media.textTrack API."))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",oo(this,Xa,lo))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",oo(this,Xa,lo))}get mediaSubtitlesList(){return Vl(this,o.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Wl(this,o.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Vl(this,o.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Wl(this,o.MEDIA_SUBTITLES_SHOWING,e)}};Ja=new WeakMap;so=new WeakSet;Fl=function(){var i;if(yc(this,Ja)===JSON.stringify(this.mediaSubtitlesList))return;Tc(this,Ja,JSON.stringify(this.mediaSubtitlesList));let e=this.shadowRoot.querySelector("#container");e.textContent="";let t=!this.value,a=Le(this.formatOptionText("Off"),"off",t);a.prepend(be(this,"select-indicator")),e.append(a);let r=this.mediaSubtitlesList;for(let n of r){let s=Le(this.formatOptionText(n.label,n),sa(n),this.value==sa(n));s.prepend(be(this,"select-indicator")),((i=n.kind)!=null?i:"subs")==="captions"&&s.append(be(this,"captions-indicator")),e.append(s)}};Xa=new WeakSet;lo=function(){if(Ne(this,!1),!this.value)return;let i=new l.CustomEvent(b.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};var Vl=(i,e)=>{let t=i.getAttribute(e);return t?li(t):[]},Wl=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=ht(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};l.customElements.get("media-captions-listbox")||l.customElements.define("media-captions-listbox",ja);var er=class extends ce{init(){let e=m.createElement("media-captions-button");e.part.add("button"),e.preventClick=!0;let t=m.createElement("media-captions-listbox");t.part.add("listbox"),t.setAttribute("exportparts","option, option-selected, indicator");let a=this.shadowRoot.querySelector("slot[name=button]"),r=this.shadowRoot.querySelector("slot[name=listbox]");a.textContent="",r.textContent="",a.append(e),r.append(t)}};l.customElements.get("media-captions-selectmenu")||l.customElements.define("media-captions-selectmenu",er);var Yl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},tr=(i,e,t)=>(Yl(i,e,"read from private field"),t?t.call(i):e.get(i)),co=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ii=(i,e,t)=>(Yl(i,e,"access private method"),t),Xt,ki,ir,ar,ho,mo={RATES:"rates"},rr=class extends ue{constructor(){super(),co(this,ki),co(this,ar),co(this,Xt,new qe(this,mo.RATES,{defaultValue:In})),Ii(this,ki,ir).call(this)}static get observedAttributes(){return[...super.observedAttributes,"aria-multiselectable",o.MEDIA_PLAYBACK_RATE,mo.RATES]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_PLAYBACK_RATE&&t!=a?this.value=a:e===mo.RATES&&t!=a&&(tr(this,Xt).value=a,Ii(this,ki,ir).call(this))}get rates(){return tr(this,Xt)}set rates(e){e?Array.isArray(e)&&(tr(this,Xt).value=e.join(" ")):tr(this,Xt).value="",Ii(this,ki,ir).call(this)}get mediaPlaybackRate(){return S(this,o.MEDIA_PLAYBACK_RATE,Vt)}set mediaPlaybackRate(e){D(this,o.MEDIA_PLAYBACK_RATE,e)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Ii(this,ar,ho))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Ii(this,ar,ho))}};Xt=new WeakMap;ki=new WeakSet;ir=function(){let i=this.shadowRoot.querySelector("#container");i.textContent="";for(let e of this.rates){let t=Le(this.formatOptionText(`${e}x`,e),e,this.mediaPlaybackRate==e);t.prepend(be(this,"select-indicator")),i.append(t)}};ar=new WeakSet;ho=function(){if(!this.value)return;let i=new l.CustomEvent(b.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};l.customElements.get("media-playback-rate-listbox")||l.customElements.define("media-playback-rate-listbox",rr);var nr=class extends ce{init(){let e=m.createElement("media-playback-rate-button");e.part.add("button"),e.preventClick=!0;let t=m.createElement("media-playback-rate-listbox");t.part.add("listbox"),t.setAttribute("exportparts","option, option-selected, indicator");let a=this.shadowRoot.querySelector("slot[name=button]"),r=this.shadowRoot.querySelector("slot[name=listbox]");a.textContent="",r.textContent="",a.append(e),r.append(t)}};l.customElements.get("media-playback-rate-selectmenu")||l.customElements.define("media-playback-rate-selectmenu",nr);var vo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Gl=(i,e,t)=>(vo(i,e,"read from private field"),t?t.call(i):e.get(i)),or=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},po=(i,e,t,a)=>(vo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),sr=(i,e,t)=>(vo(i,e,"access private method"),t),Si,ur,lr,bo,dr,Eo,cr=class extends ue{constructor(){super(...arguments),or(this,lr),or(this,dr),or(this,Si,[]),or(this,ur,void 0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_RENDITION_LIST,o.MEDIA_RENDITION_SELECTED]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_RENDITION_SELECTED&&t!==a?this.value=a!=null?a:"auto":e===o.MEDIA_RENDITION_LIST&&t!==a&&(po(this,Si,ds(a)),sr(this,lr,bo).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",sr(this,dr,Eo))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",sr(this,dr,Eo))}get mediaRenditionList(){return Gl(this,Si)}set mediaRenditionList(e){po(this,Si,e),sr(this,lr,bo).call(this)}get mediaRenditionSelected(){return w(this,o.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){C(this,o.MEDIA_RENDITION_SELECTED,e)}};Si=new WeakMap;ur=new WeakMap;lr=new WeakSet;bo=function(){if(Gl(this,ur)===JSON.stringify(this.mediaRenditionList))return;po(this,ur,JSON.stringify(this.mediaRenditionList));let i=this.mediaRenditionList.sort((r,n)=>n.height-r.height),e=this.shadowRoot.querySelector("#container");e.textContent="";let t=!this.mediaRenditionSelected;for(let r of i){let n=this.formatOptionText(`${Math.min(r.width,r.height)}p`,r),s=Le(n,`${r.id}`,r.selected&&!t);s.prepend(be(this,"select-indicator")),e.append(s)}let a=Le(this.formatOptionText("Auto"),"auto",t);a.prepend(be(this,"select-indicator")),e.append(a)};dr=new WeakSet;Eo=function(){if(this.value==null)return;let i=new l.CustomEvent(b.MEDIA_RENDITION_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};l.customElements.get("media-rendition-listbox")||l.customElements.define("media-rendition-listbox",cr);var kc=`<svg aria-hidden="true" viewBox="0 0 24 24">
   <path d="M13.5 2.5h2v6h-2v-2h-11v-2h11v-2Zm4 2h4v2h-4v-2Zm-12 4h2v6h-2v-2h-3v-2h3v-2Zm4 2h12v2h-12v-2Zm1 4h2v6h-2v-2h-8v-2h8v-2Zm4 2h7v2h-7v-2Z" />
 </svg>`,Zl=m.createElement("template");Zl.innerHTML=`
   <slot name="icon">${kc}</slot>
-`;var fo=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_RENDITION_SELECTED,o.MEDIA_RENDITION_UNAVAILABLE]}constructor(){super({slotTemplate:Zl})}get mediaRenditionSelected(){return w(this,o.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){M(this,o.MEDIA_RENDITION_SELECTED,e)}};l.customElements.get("media-rendition-button")||l.customElements.define("media-rendition-button",fo);var mr=class extends ce{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_RENDITION_SELECTED,o.MEDIA_RENDITION_UNAVAILABLE]}init(){let e=m.createElement("media-rendition-button");e.part.add("button"),e.preventClick=!0;let t=m.createElement("media-rendition-listbox");t.part.add("listbox"),t.setAttribute("exportparts","option, option-selected, indicator");let a=this.shadowRoot.querySelector("slot[name=button]"),r=this.shadowRoot.querySelector("slot[name=listbox]");a.textContent="",r.textContent="",a.append(e),r.append(t)}};l.customElements.get("media-rendition-selectmenu")||l.customElements.define("media-rendition-selectmenu",mr);var yo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ql=(i,e,t)=>(yo(i,e,"read from private field"),t?t.call(i):e.get(i)),hr=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},go=(i,e,t,a)=>(yo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),pr=(i,e,t)=>(yo(i,e,"access private method"),t),Mi,br,Er,Ao,vr,_o,fr=class extends ue{constructor(){super(...arguments),hr(this,Er),hr(this,vr),hr(this,Mi,[]),hr(this,br,void 0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AUDIO_TRACK_LIST,o.MEDIA_AUDIO_TRACK_ENABLED]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_AUDIO_TRACK_ENABLED&&t!==a?this.value=a:e===o.MEDIA_AUDIO_TRACK_LIST&&t!==a&&(go(this,Mi,cs(a)),pr(this,Er,Ao).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",pr(this,vr,_o))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",pr(this,vr,_o))}get mediaAudioTrackList(){return ql(this,Mi)}set mediaAudioTrackList(e){go(this,Mi,e),pr(this,Er,Ao).call(this)}get mediaAudioTrackEnabled(){return w(this,o.MEDIA_AUDIO_TRACK_ENABLED)}set mediaAudioTrackEnabled(e){M(this,o.MEDIA_AUDIO_TRACK_ENABLED,e)}};Mi=new WeakMap;br=new WeakMap;Er=new WeakSet;Ao=function(){if(ql(this,br)===JSON.stringify(this.mediaAudioTrackList))return;go(this,br,JSON.stringify(this.mediaAudioTrackList));let i=this.mediaAudioTrackList,e=this.shadowRoot.querySelector("#container");e.textContent="";for(let t of i){let a=this.formatOptionText(t.label,t),r=Ce(a,`${t.id}`,t.enabled);r.prepend(Ee(this,"select-indicator")),e.append(r)}};vr=new WeakSet;_o=function(){if(this.value==null)return;let i=new l.CustomEvent(E.MEDIA_AUDIO_TRACK_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};l.customElements.get("media-audio-track-listbox")||l.customElements.define("media-audio-track-listbox",fr);var Sc=`<svg aria-hidden="true" viewBox="0 0 24 24">
+`;var fo=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_RENDITION_SELECTED,o.MEDIA_RENDITION_UNAVAILABLE]}constructor(){super({slotTemplate:Zl})}get mediaRenditionSelected(){return w(this,o.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){C(this,o.MEDIA_RENDITION_SELECTED,e)}};l.customElements.get("media-rendition-button")||l.customElements.define("media-rendition-button",fo);var mr=class extends ce{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_RENDITION_SELECTED,o.MEDIA_RENDITION_UNAVAILABLE]}init(){let e=m.createElement("media-rendition-button");e.part.add("button"),e.preventClick=!0;let t=m.createElement("media-rendition-listbox");t.part.add("listbox"),t.setAttribute("exportparts","option, option-selected, indicator");let a=this.shadowRoot.querySelector("slot[name=button]"),r=this.shadowRoot.querySelector("slot[name=listbox]");a.textContent="",r.textContent="",a.append(e),r.append(t)}};l.customElements.get("media-rendition-selectmenu")||l.customElements.define("media-rendition-selectmenu",mr);var yo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ql=(i,e,t)=>(yo(i,e,"read from private field"),t?t.call(i):e.get(i)),hr=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},go=(i,e,t,a)=>(yo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),pr=(i,e,t)=>(yo(i,e,"access private method"),t),Ci,vr,br,Ao,Er,_o,fr=class extends ue{constructor(){super(...arguments),hr(this,br),hr(this,Er),hr(this,Ci,[]),hr(this,vr,void 0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AUDIO_TRACK_LIST,o.MEDIA_AUDIO_TRACK_ENABLED]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_AUDIO_TRACK_ENABLED&&t!==a?this.value=a:e===o.MEDIA_AUDIO_TRACK_LIST&&t!==a&&(go(this,Ci,cs(a)),pr(this,br,Ao).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",pr(this,Er,_o))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",pr(this,Er,_o))}get mediaAudioTrackList(){return ql(this,Ci)}set mediaAudioTrackList(e){go(this,Ci,e),pr(this,br,Ao).call(this)}get mediaAudioTrackEnabled(){return w(this,o.MEDIA_AUDIO_TRACK_ENABLED)}set mediaAudioTrackEnabled(e){C(this,o.MEDIA_AUDIO_TRACK_ENABLED,e)}};Ci=new WeakMap;vr=new WeakMap;br=new WeakSet;Ao=function(){if(ql(this,vr)===JSON.stringify(this.mediaAudioTrackList))return;go(this,vr,JSON.stringify(this.mediaAudioTrackList));let i=this.mediaAudioTrackList,e=this.shadowRoot.querySelector("#container");e.textContent="";for(let t of i){let a=this.formatOptionText(t.label,t),r=Le(a,`${t.id}`,t.enabled);r.prepend(be(this,"select-indicator")),e.append(r)}};Er=new WeakSet;_o=function(){if(this.value==null)return;let i=new l.CustomEvent(b.MEDIA_AUDIO_TRACK_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};l.customElements.get("media-audio-track-listbox")||l.customElements.define("media-audio-track-listbox",fr);var Sc=`<svg aria-hidden="true" viewBox="0 0 24 24">
   <path d="M11 17H9.5V7H11v10Zm-3-3H6.5v-4H8v4Zm6-5h-1.5v6H14V9Zm3 7h-1.5V8H17v8Z"/>
   <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"/>
 </svg>`,Ql=m.createElement("template");Ql.innerHTML=`
   <slot name="icon">${Sc}</slot>
-`;var To=class extends L{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AUDIO_TRACK_ENABLED,o.MEDIA_AUDIO_TRACK_UNAVAILABLE]}constructor(){super({slotTemplate:Ql})}get mediaAudioTrackEnabled(){return w(this,o.MEDIA_AUDIO_TRACK_ENABLED)}set mediaAudioTrackEnabled(e){M(this,o.MEDIA_AUDIO_TRACK_ENABLED,e)}};l.customElements.get("media-audio-track-button")||l.customElements.define("media-audio-track-button",To);var gr=class extends ce{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AUDIO_TRACK_ENABLED,o.MEDIA_AUDIO_TRACK_UNAVAILABLE]}init(){let e=m.createElement("media-audio-track-button");e.part.add("button"),e.preventClick=!0;let t=m.createElement("media-audio-track-listbox");t.part.add("listbox"),t.setAttribute("exportparts","option, option-selected, indicator");let a=this.shadowRoot.querySelector("slot[name=button]"),r=this.shadowRoot.querySelector("slot[name=listbox]");a.textContent="",r.textContent="",a.append(e),r.append(t)}};l.customElements.get("media-audio-track-selectmenu")||l.customElements.define("media-audio-track-selectmenu",gr);var g=Yd(require("@mux/mux-video")),U=require("@mux/playback-core");var rd=require("@mux/mux-video");var Mc="en",gt={code:Mc};var zl="en";function y(i,e=!0){var r,n;let t=e&&(n=(r=gt)==null?void 0:r[i])!=null?n:i,a=e?gt.code:zl;return new Io(t,a)}var Io=class{constructor(e,t=(a=>(a=gt.code)!=null?a:zl)()){this.message=e,this.locale=t}format(e){return this.message.replace(/\{(\w+)\}/g,(t,a)=>{var r;return(r=e[a])!=null?r:""})}toString(){return this.message}};function Xl(i){let e="";return Object.entries(i).forEach(([t,a])=>{a!=null&&(e+=`${Ar(t)}: ${a}; `)}),e?e.trim():void 0}function Ar(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function _r(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function Be(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function yr(i){let e=Lc(i).toString();return e?"?"+e:""}function Lc(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}function et(i){let e=(i!=null?i:"").split(".")[1];if(!e)return{};let t=e.replace(/-/g,"+").replace(/_/g,"/"),a=decodeURIComponent(atob(t).split("").map(function(r){return"%"+("00"+r.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(a)}var ko=(i,e)=>!i||!e?!1:i.contains(e)?!0:ko(i,e.getRootNode().host);var Tr=require("@mux/playback-core");var So="mux.com",Cc=()=>{try{return"1.15.0"}catch{}return"UNKNOWN"},Rc=Cc(),kr=()=>Rc,Mo=(i,{maxResolution:e,token:t,domain:a=So}={})=>{let s=!!t?{token:t}:{redundant_streams:!0,...e?{max_resolution:e}:{}};return`https://stream.${a}/${i}.m3u8${yr(s)}`},Jl=(i,{token:e,thumbnailTime:t,domain:a=So}={})=>{let r=e==null?t:void 0,{aud:n}=et(e);if(!(e&&n!=="t"))return`https://image.${a}/${i}/thumbnail.webp${yr({token:e,time:r})}`},jl=(i,{token:e,domain:t=So}={})=>{let{aud:a}=et(e);if(!(e&&a!=="s"))return`https://image.${t}/${i}/storyboard.vtt${yr({token:e,format:"webp"})}`},Li=i=>{if(!!i){if([Tr.StreamTypes.LIVE,Tr.StreamTypes.ON_DEMAND].includes(i))return i;if(i!=null&&i.includes("live"))return Tr.StreamTypes.LIVE}};var wc={crossorigin:"crossOrigin",playsinline:"playsInline"};function ed(i){var e;return(e=wc[i])!=null?e:_r(i)}var At,_t,X,Ir=class{constructor(e,t){H(this,At,void 0);H(this,_t,void 0);H(this,X,[]);se(this,At,e),se(this,_t,t)}[Symbol.iterator](){return k(this,X).values()}get length(){return k(this,X).length}get value(){var e;return(e=k(this,X).join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(se(this,X,[]),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return k(this,X)[e]}values(){return k(this,X).values()}keys(){return k(this,X).keys()}forEach(e){k(this,X).forEach(e)}add(...e){var t,a;e.forEach(r=>{this.contains(r)||k(this,X).push(r)}),!(this.value===""&&!((t=k(this,At))!=null&&t.hasAttribute(`${k(this,_t)}`)))&&((a=k(this,At))==null||a.setAttribute(`${k(this,_t)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>{k(this,X).splice(k(this,X).indexOf(a),1)}),(t=k(this,At))==null||t.setAttribute(`${k(this,_t)}`,`${this.value}`)}contains(e){return k(this,X).includes(e)}toggle(e,t){return typeof t!="undefined"?t?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,t){this.remove(e),this.add(t)}};At=new WeakMap,_t=new WeakMap,X=new WeakMap;var td=`[mux-player ${kr()}]`;function tt(...i){console.warn(td,...i)}function be(...i){console.error(td,...i)}function Lo(i){var t;let e=(t=i.message)!=null?t:"";if(i.context&&(e+=` ${i.context}`),i.file){let a="https://github.com/muxinc/elements/blob/main/errors/";e+=` ${y("Read more: ")}
-${a}${i.file}`}tt(e)}var z={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},yt={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},ad=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),Dc=rd.VideoEvents.filter(i=>i!=="error"),xc=Object.values(z).filter(i=>![z.PLAYSINLINE].includes(i)),Oc=Object.values(yt);function nd(i){i.querySelectorAll(":scope > track").forEach(e=>{var t;(t=i.media)==null||t.append(e.cloneNode())}),Dc.forEach(e=>{var t;(t=i.media)==null||t.addEventListener(e,a=>{i.dispatchEvent(new Event(a.type))})})}var Co=class extends P.HTMLElement{static get observedAttributes(){return[...xc,...Oc]}constructor(){super(),this.querySelectorAll(":scope > track").forEach(a=>{var r;(r=this.media)==null||r.append(a.cloneNode())});let e=a=>{for(let r of a)r.type==="childList"&&(r.removedNodes.forEach(n=>{var d,u;let s=(d=this.media)==null?void 0:d.querySelector(`track[src="${n.src}"]`);s&&((u=this.media)==null||u.removeChild(s))}),r.addedNodes.forEach(n=>{var s;(s=this.media)==null||s.append(n.cloneNode())}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0})}attributeChangedCallback(e,t,a){var r,n;switch(e){case yt.MUTED:{this.media&&(this.media.muted=a!=null,this.media.defaultMuted=a!=null);return}case yt.VOLUME:{let s=(r=Be(a))!=null?r:1;this.media&&(this.media.volume=s);return}case yt.PLAYBACKRATE:{let s=(n=Be(a))!=null?n:1;this.media&&(this.media.playbackRate=s,this.media.defaultPlaybackRate=s);return}}}play(){var e,t;return(t=(e=this.media)==null?void 0:e.play())!=null?t:Promise.reject()}pause(){var e;(e=this.media)==null||e.pause()}requestCast(e){var t;return(t=this.media)==null?void 0:t.requestCast(e)}get media(){var e;return(e=this.shadowRoot)==null?void 0:e.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 e,t;return(t=(e=this.media)==null?void 0:e.paused)!=null?t:!0}get duration(){var e,t;return(t=(e=this.media)==null?void 0:e.duration)!=null?t:NaN}get ended(){var e,t;return(t=(e=this.media)==null?void 0:e.ended)!=null?t:!1}get buffered(){var e,t;return(t=(e=this.media)==null?void 0:e.buffered)!=null?t:ad}get seekable(){var e,t;return(t=(e=this.media)==null?void 0:e.seekable)!=null?t:ad}get readyState(){var e,t;return(t=(e=this.media)==null?void 0:e.readyState)!=null?t:0}get videoWidth(){var e,t;return(t=(e=this.media)==null?void 0:e.videoWidth)!=null?t:0}get videoHeight(){var e,t;return(t=(e=this.media)==null?void 0:e.videoHeight)!=null?t:0}get currentTime(){var e,t;return(t=(e=this.media)==null?void 0:e.currentTime)!=null?t:0}set currentTime(e){this.media&&(this.media.currentTime=Number(e))}get volume(){var e,t;return(t=(e=this.media)==null?void 0:e.volume)!=null?t:1}set volume(e){this.media&&(this.media.volume=Number(e))}get playbackRate(){var e,t;return(t=(e=this.media)==null?void 0:e.playbackRate)!=null?t:1}set playbackRate(e){this.media&&(this.media.playbackRate=Number(e))}get defaultPlaybackRate(){var e;return(e=Be(this.getAttribute(yt.PLAYBACKRATE)))!=null?e:1}set defaultPlaybackRate(e){e!=null?this.setAttribute(yt.PLAYBACKRATE,`${e}`):this.removeAttribute(yt.PLAYBACKRATE)}get crossOrigin(){return Ci(this,z.CROSSORIGIN)}set crossOrigin(e){this.setAttribute(z.CROSSORIGIN,`${e}`)}get autoplay(){return Ci(this,z.AUTOPLAY)!=null}set autoplay(e){e?this.setAttribute(z.AUTOPLAY,typeof e=="string"?e:""):this.removeAttribute(z.AUTOPLAY)}get loop(){return Ci(this,z.LOOP)!=null}set loop(e){e?this.setAttribute(z.LOOP,""):this.removeAttribute(z.LOOP)}get muted(){var e,t;return(t=(e=this.media)==null?void 0:e.muted)!=null?t:!1}set muted(e){this.media&&(this.media.muted=Boolean(e))}get defaultMuted(){return Ci(this,z.MUTED)!=null}set defaultMuted(e){e?this.setAttribute(z.MUTED,""):this.removeAttribute(z.MUTED)}get playsInline(){return Ci(this,z.PLAYSINLINE)!=null}set playsInline(e){be("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(e){["","none","metadata","auto"].includes(e)?this.setAttribute(z.PRELOAD,e):this.removeAttribute(z.PRELOAD)}};function Ci(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}var Ro=Co;var Nc=Object.defineProperty,Uc=(i,e,t)=>e in i?Nc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Pc=(i,e,t)=>(Uc(i,typeof e!="symbol"?e+"":e,t),t),ud=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},_=(i,e,t)=>(ud(i,e,"read from private field"),t?t.call(i):e.get(i)),De=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},$e=(i,e,t,a)=>(ud(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Jt,Sr,Tt,Ri,it,at,rt,It,jt,Mr,fe,od=1,sd=0,Bc=1,$c={processCallback(i,e,t){if(!!t){for(let[a,r]of e)if(a in t){let n=t[a];typeof n=="boolean"&&r instanceof J&&typeof r.element[r.attributeName]=="boolean"?r.booleanValue=n:typeof n=="function"&&r instanceof J?r.element[r.attributeName]=n:r.value=n}}}},Ve=class extends l.DocumentFragment{constructor(e,t,a=$c){var r;super(),De(this,Jt,void 0),De(this,Sr,void 0),this.append(e.content.cloneNode(!0)),$e(this,Jt,cd(this)),$e(this,Sr,a),(r=a.createCallback)==null||r.call(a,this,_(this,Jt),t),a.processCallback(this,_(this,Jt),t)}update(e){_(this,Sr).processCallback(this,_(this,Jt),e)}};Jt=new WeakMap;Sr=new WeakMap;var cd=(i,e=[])=>{let t,a;for(let r of i.attributes||[])if(r.value.includes("{{")){let n=new wo;for([t,a]of dd(r.value))if(!t)n.append(a);else{let s=new J(i,r.name,r.namespaceURI);n.append(s),e.push([a,s])}r.value=n.toString()}for(let r of i.childNodes)if(r.nodeType===od&&!(r instanceof HTMLTemplateElement))cd(r,e);else if(r.nodeType===od||r.data.includes("{{")){let n=[];if(r.data)for([t,a]of dd(r.data))if(!t)n.push(new Text(a));else{let s=new He(i);n.push(s),e.push([a,s])}else if(r instanceof HTMLTemplateElement){let s=new wi(i,r);n.push(s),e.push([s.expression,s])}r.replaceWith(...n.flatMap(s=>s.replacementNodes||[s]))}return e},ld={},dd=i=>{let e="",t=0,a=ld[i],r=0,n;if(a)return a;for(a=[];n=i[r];r++)n==="{"&&i[r+1]==="{"&&i[r-1]!=="\\"&&i[r+2]&&++t==1?(e&&a.push([sd,e]),e="",r++):n==="}"&&i[r+1]==="}"&&i[r-1]!=="\\"&&!--t?(a.push([Bc,e.trim()]),e="",r++):e+=n||"";return e&&a.push([sd,(t>0?"{{":"")+e]),ld[i]=a},Vc=11,Lr=class{get value(){return""}set value(e){}toString(){return this.value}},md=new WeakMap,wo=class{constructor(){De(this,Tt,[])}[Symbol.iterator](){return _(this,Tt).values()}get length(){return _(this,Tt).length}item(e){return _(this,Tt)[e]}append(...e){for(let t of e)t instanceof J&&md.set(t,this),_(this,Tt).push(t)}toString(){return _(this,Tt).join("")}};Tt=new WeakMap;var J=class extends Lr{constructor(e,t,a){super(),De(this,It),De(this,Ri,""),De(this,it,void 0),De(this,at,void 0),De(this,rt,void 0),$e(this,it,e),$e(this,at,t),$e(this,rt,a)}get attributeName(){return _(this,at)}get attributeNamespace(){return _(this,rt)}get element(){return _(this,it)}get value(){return _(this,Ri)}set value(e){_(this,Ri)!==e&&($e(this,Ri,e),!_(this,It,jt)||_(this,It,jt).length===1?e==null?_(this,it).removeAttributeNS(_(this,rt),_(this,at)):_(this,it).setAttributeNS(_(this,rt),_(this,at),e):_(this,it).setAttributeNS(_(this,rt),_(this,at),_(this,It,jt)))}get booleanValue(){return _(this,it).hasAttributeNS(_(this,rt),_(this,at))}set booleanValue(e){if(!_(this,It,jt)||_(this,It,jt).length===1)this.value=e?"":null;else throw new DOMException("Value is not fully templatized")}};Ri=new WeakMap;it=new WeakMap;at=new WeakMap;rt=new WeakMap;It=new WeakSet;jt=function(){return md.get(this)};var He=class extends Lr{constructor(e,t){super(),De(this,Mr,void 0),De(this,fe,void 0),$e(this,Mr,e),$e(this,fe,t?[...t]:[new Text])}get replacementNodes(){return _(this,fe)}get parentNode(){return _(this,Mr)}get nextSibling(){return _(this,fe)[_(this,fe).length-1].nextSibling}get previousSibling(){return _(this,fe)[0].previousSibling}get value(){return _(this,fe).map(e=>e.textContent).join("")}set value(e){this.replace(e)}replace(...e){let t=e.flat().flatMap(a=>a==null?[new Text]:a.forEach?[...a]:a.nodeType===Vc?[...a.childNodes]:a.nodeType?[a]:[new Text(a)]);t.length||t.push(new Text),$e(this,fe,Hc(_(this,fe)[0].parentNode,_(this,fe),t,this.nextSibling))}};Mr=new WeakMap;fe=new WeakMap;var wi=class extends He{constructor(e,t){let a=t.getAttribute("directive")||t.getAttribute("type"),r=t.getAttribute("expression")||t.getAttribute(a)||"";r.startsWith("{{")&&(r=r.trim().slice(2,-2).trim()),super(e),Pc(this,"directive"),this.expression=r,this.template=t,this.directive=a}};function Hc(i,e,t,a=null){let r=0,n,s,d,u=t.length,c=e.length;for(;r<u&&r<c&&e[r]==t[r];)r++;for(;r<u&&r<c&&t[u-1]==e[c-1];)a=t[--c,--u];if(r==c)for(;r<u;)i.insertBefore(t[r++],a);if(r==u)for(;r<c;)i.removeChild(e[r++]);else{for(n=e[r];r<u;)d=t[r++],s=n?n.nextSibling:a,n==d?n=s:r<u&&t[r]==s?(i.replaceChild(d,n),n=s):i.insertBefore(d,n);for(;n!=a;)s=n.nextSibling,i.removeChild(n),n=s}return t}var hd={string:i=>String(i)},Rr=class{constructor(e){this.template=e,this.state=void 0}},kt=new WeakMap,St=new WeakMap,Do={partial:(i,e)=>{e[i.expression]=new Rr(i.template)},if:(i,e)=>{var t;if(Ed(i.expression,e))if(kt.get(i)!==i.template){kt.set(i,i.template);let a=new Ve(i.template,e,wr);i.replace(a),St.set(i,a)}else(t=St.get(i))==null||t.update(e);else i.replace(""),kt.delete(i),St.delete(i)}},Wc=Object.keys(Do),wr={processCallback(i,e,t){var a,r;if(!!t)for(let[n,s]of e){if(s instanceof wi){if(!s.directive){let u=Wc.find(c=>s.template.hasAttribute(c));u&&(s.directive=u,s.expression=s.template.getAttribute(u))}(a=Do[s.directive])==null||a.call(Do,s,t);continue}let d=Ed(n,t);if(d instanceof Rr){kt.get(s)!==d.template?(kt.set(s,d.template),d=new Ve(d.template,d.state,wr),s.value=d,St.set(s,d)):(r=St.get(s))==null||r.update(d.state);continue}d?(s instanceof J&&s.attributeName.startsWith("aria-")&&(d=String(d)),s instanceof J?typeof d=="boolean"?s.booleanValue=d:typeof d=="function"?s.element[s.attributeName]=d:s.value=d:(s.value=d,kt.delete(s),St.delete(s))):s instanceof J?s.value=void 0:(s.value=void 0,kt.delete(s),St.delete(s))}}},pd={"!":i=>!i,"!!":i=>!!i,"==":(i,e)=>i==e,"!=":(i,e)=>i!=e,">":(i,e)=>i>e,">=":(i,e)=>i>=e,"<":(i,e)=>i<e,"<=":(i,e)=>i<=e,"??":(i,e)=>i!=null?i:e,"|":(i,e)=>{var t;return(t=hd[e])==null?void 0:t.call(hd,i)}};function Fc(i){return Kc(i,{boolean:/true|false/,number:/-?\d+\.?\d*/,string:/(["'])((?:\\.|[^\\])*?)\1/,operator:/[!=><][=!]?|\?\?|\|/,ws:/\s+/,param:/[$a-z_][$\w]*/i}).filter(({type:e})=>e!=="ws")}function Ed(i,e={}){var t,a,r,n,s,d,u;let c=Fc(i);if(c.length===0||c.some(({type:h})=>!h))return Di(i);if(((t=c[0])==null?void 0:t.token)===">"){let h=e[(a=c[1])==null?void 0:a.token];if(!h)return Di(i);let f={...e};h.state=f;let b=c.slice(2);for(let T=0;T<b.length;T+=3){let $=(r=b[T])==null?void 0:r.token,Y=(n=b[T+1])==null?void 0:n.token,I=(s=b[T+2])==null?void 0:s.token;$&&Y==="="&&(f[$]=xi(I,e))}return h}if(c.length===1)return Cr(c[0])?xi(c[0].token,e):Di(i);if(c.length===2){let h=(d=c[0])==null?void 0:d.token,f=pd[h];if(!f||!Cr(c[1]))return Di(i);let b=xi(c[1].token,e);return f(b)}if(c.length===3){let h=(u=c[1])==null?void 0:u.token,f=pd[h];if(!f||!Cr(c[0])||!Cr(c[2]))return Di(i);let b=xi(c[0].token,e);if(h==="|")return f(b,c[2].token);let T=xi(c[2].token,e);return f(b,T)}}function Di(i){return console.warn(`Warning: invalid expression \`${i}\``),!1}function Cr({type:i}){return["number","boolean","string","param"].includes(i)}function xi(i,e){let t=i[0],a=i.slice(-1);return i==="true"||i==="false"?i==="true":t===a&&["'",'"'].includes(t)?i.slice(1,-1):qi(i)?parseFloat(i):e[i]}function Kc(i,e){let t,a,r,n=[];for(;i;){r=null,t=i.length;for(let s in e)a=e[s].exec(i),a&&a.index<t&&(r={token:a[0],type:s,matches:a.slice(1)},t=a.index);t&&n.push({token:i.substr(0,t),type:void 0}),r&&n.push(r),i=i.substr(t+(r?r.token.length:0))}return n}var Yc=Object.defineProperty,Gc=(i,e,t)=>e in i?Yc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ni=(i,e,t)=>(Gc(i,typeof e!="symbol"?e+"":e,t),t),Bo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},No=(i,e,t)=>(Bo(i,e,"read from private field"),t?t.call(i):e.get(i)),Oi=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Mt=(i,e,t,a)=>(Bo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),xo=(i,e,t)=>(Bo(i,e,"access private method"),t),ei,Dr,ti,Uo,vd,xr,Po,Oo={mediatargetlivewindow:"targetlivewindow",mediastreamtype:"streamtype"},bd=m.createElement("template");bd.innerHTML=`
+`;var To=class extends M{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AUDIO_TRACK_ENABLED,o.MEDIA_AUDIO_TRACK_UNAVAILABLE]}constructor(){super({slotTemplate:Ql})}get mediaAudioTrackEnabled(){return w(this,o.MEDIA_AUDIO_TRACK_ENABLED)}set mediaAudioTrackEnabled(e){C(this,o.MEDIA_AUDIO_TRACK_ENABLED,e)}};l.customElements.get("media-audio-track-button")||l.customElements.define("media-audio-track-button",To);var gr=class extends ce{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AUDIO_TRACK_ENABLED,o.MEDIA_AUDIO_TRACK_UNAVAILABLE]}init(){let e=m.createElement("media-audio-track-button");e.part.add("button"),e.preventClick=!0;let t=m.createElement("media-audio-track-listbox");t.part.add("listbox"),t.setAttribute("exportparts","option, option-selected, indicator");let a=this.shadowRoot.querySelector("slot[name=button]"),r=this.shadowRoot.querySelector("slot[name=listbox]");a.textContent="",r.textContent="",a.append(e),r.append(t)}};l.customElements.get("media-audio-track-selectmenu")||l.customElements.define("media-audio-track-selectmenu",gr);var g=Yd(require("@mux/mux-video")),U=require("@mux/playback-core");var rd=require("@mux/mux-video");var Cc="en",gt={code:Cc};var zl="en";function y(i,e=!0){var r,n;let t=e&&(n=(r=gt)==null?void 0:r[i])!=null?n:i,a=e?gt.code:zl;return new Io(t,a)}var Io=class{constructor(e,t=(a=>(a=gt.code)!=null?a:zl)()){this.message=e,this.locale=t}format(e){return this.message.replace(/\{(\w+)\}/g,(t,a)=>{var r;return(r=e[a])!=null?r:""})}toString(){return this.message}};function Xl(i){let e="";return Object.entries(i).forEach(([t,a])=>{a!=null&&(e+=`${Ar(t)}: ${a}; `)}),e?e.trim():void 0}function Ar(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function _r(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function Be(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function yr(i){let e=Mc(i).toString();return e?"?"+e:""}function Mc(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}function et(i){let e=(i!=null?i:"").split(".")[1];if(!e)return{};let t=e.replace(/-/g,"+").replace(/_/g,"/"),a=decodeURIComponent(atob(t).split("").map(function(r){return"%"+("00"+r.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(a)}var ko=(i,e)=>!i||!e?!1:i.contains(e)?!0:ko(i,e.getRootNode().host);var Tr=require("@mux/playback-core");var So="mux.com",Lc=()=>{try{return"2.0.0"}catch{}return"UNKNOWN"},Rc=Lc(),kr=()=>Rc,Co=(i,{maxResolution:e,token:t,domain:a=So}={})=>{let s=!!t?{token:t}:{redundant_streams:!0,...e?{max_resolution:e}:{}};return`https://stream.${a}/${i}.m3u8${yr(s)}`},Jl=(i,{token:e,thumbnailTime:t,domain:a=So}={})=>{let r=e==null?t:void 0,{aud:n}=et(e);if(!(e&&n!=="t"))return`https://image.${a}/${i}/thumbnail.webp${yr({token:e,time:r})}`},jl=(i,{token:e,domain:t=So}={})=>{let{aud:a}=et(e);if(!(e&&a!=="s"))return`https://image.${t}/${i}/storyboard.vtt${yr({token:e,format:"webp"})}`},Mi=i=>{if(!!i){if([Tr.StreamTypes.LIVE,Tr.StreamTypes.ON_DEMAND].includes(i))return i;if(i!=null&&i.includes("live"))return Tr.StreamTypes.LIVE}};var wc={crossorigin:"crossOrigin",playsinline:"playsInline"};function ed(i){var e;return(e=wc[i])!=null?e:_r(i)}var At,_t,X,Ir=class{constructor(e,t){V(this,At,void 0);V(this,_t,void 0);V(this,X,[]);se(this,At,e),se(this,_t,t)}[Symbol.iterator](){return k(this,X).values()}get length(){return k(this,X).length}get value(){var e;return(e=k(this,X).join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(se(this,X,[]),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return k(this,X)[e]}values(){return k(this,X).values()}keys(){return k(this,X).keys()}forEach(e){k(this,X).forEach(e)}add(...e){var t,a;e.forEach(r=>{this.contains(r)||k(this,X).push(r)}),!(this.value===""&&!((t=k(this,At))!=null&&t.hasAttribute(`${k(this,_t)}`)))&&((a=k(this,At))==null||a.setAttribute(`${k(this,_t)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>{k(this,X).splice(k(this,X).indexOf(a),1)}),(t=k(this,At))==null||t.setAttribute(`${k(this,_t)}`,`${this.value}`)}contains(e){return k(this,X).includes(e)}toggle(e,t){return typeof t!="undefined"?t?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,t){this.remove(e),this.add(t)}};At=new WeakMap,_t=new WeakMap,X=new WeakMap;var td=`[mux-player ${kr()}]`;function tt(...i){console.warn(td,...i)}function ve(...i){console.error(td,...i)}function Mo(i){var t;let e=(t=i.message)!=null?t:"";if(i.context&&(e+=` ${i.context}`),i.file){let a="https://github.com/muxinc/elements/blob/main/errors/";e+=` ${y("Read more: ")}
+${a}${i.file}`}tt(e)}var z={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},yt={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},ad=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),xc=rd.VideoEvents.filter(i=>i!=="error"),Dc=Object.values(z).filter(i=>![z.PLAYSINLINE].includes(i)),Oc=Object.values(yt);function nd(i){i.querySelectorAll(":scope > track").forEach(e=>{var t;(t=i.media)==null||t.append(e.cloneNode())}),xc.forEach(e=>{var t;(t=i.media)==null||t.addEventListener(e,a=>{i.dispatchEvent(new Event(a.type))})})}var Lo=class extends P.HTMLElement{static get observedAttributes(){return[...Dc,...Oc]}constructor(){super(),this.querySelectorAll(":scope > track").forEach(a=>{var r;(r=this.media)==null||r.append(a.cloneNode())});let e=a=>{for(let r of a)r.type==="childList"&&(r.removedNodes.forEach(n=>{var d,u;let s=(d=this.media)==null?void 0:d.querySelector(`track[src="${n.src}"]`);s&&((u=this.media)==null||u.removeChild(s))}),r.addedNodes.forEach(n=>{var s;(s=this.media)==null||s.append(n.cloneNode())}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0})}attributeChangedCallback(e,t,a){var r,n;switch(e){case yt.MUTED:{this.media&&(this.media.muted=a!=null,this.media.defaultMuted=a!=null);return}case yt.VOLUME:{let s=(r=Be(a))!=null?r:1;this.media&&(this.media.volume=s);return}case yt.PLAYBACKRATE:{let s=(n=Be(a))!=null?n:1;this.media&&(this.media.playbackRate=s,this.media.defaultPlaybackRate=s);return}}}play(){var e,t;return(t=(e=this.media)==null?void 0:e.play())!=null?t:Promise.reject()}pause(){var e;(e=this.media)==null||e.pause()}requestCast(e){var t;return(t=this.media)==null?void 0:t.requestCast(e)}get media(){var e;return(e=this.shadowRoot)==null?void 0:e.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 e,t;return(t=(e=this.media)==null?void 0:e.paused)!=null?t:!0}get duration(){var e,t;return(t=(e=this.media)==null?void 0:e.duration)!=null?t:NaN}get ended(){var e,t;return(t=(e=this.media)==null?void 0:e.ended)!=null?t:!1}get buffered(){var e,t;return(t=(e=this.media)==null?void 0:e.buffered)!=null?t:ad}get seekable(){var e,t;return(t=(e=this.media)==null?void 0:e.seekable)!=null?t:ad}get readyState(){var e,t;return(t=(e=this.media)==null?void 0:e.readyState)!=null?t:0}get videoWidth(){var e,t;return(t=(e=this.media)==null?void 0:e.videoWidth)!=null?t:0}get videoHeight(){var e,t;return(t=(e=this.media)==null?void 0:e.videoHeight)!=null?t:0}get currentTime(){var e,t;return(t=(e=this.media)==null?void 0:e.currentTime)!=null?t:0}set currentTime(e){this.media&&(this.media.currentTime=Number(e))}get volume(){var e,t;return(t=(e=this.media)==null?void 0:e.volume)!=null?t:1}set volume(e){this.media&&(this.media.volume=Number(e))}get playbackRate(){var e,t;return(t=(e=this.media)==null?void 0:e.playbackRate)!=null?t:1}set playbackRate(e){this.media&&(this.media.playbackRate=Number(e))}get defaultPlaybackRate(){var e;return(e=Be(this.getAttribute(yt.PLAYBACKRATE)))!=null?e:1}set defaultPlaybackRate(e){e!=null?this.setAttribute(yt.PLAYBACKRATE,`${e}`):this.removeAttribute(yt.PLAYBACKRATE)}get crossOrigin(){return Li(this,z.CROSSORIGIN)}set crossOrigin(e){this.setAttribute(z.CROSSORIGIN,`${e}`)}get autoplay(){return Li(this,z.AUTOPLAY)!=null}set autoplay(e){e?this.setAttribute(z.AUTOPLAY,typeof e=="string"?e:""):this.removeAttribute(z.AUTOPLAY)}get loop(){return Li(this,z.LOOP)!=null}set loop(e){e?this.setAttribute(z.LOOP,""):this.removeAttribute(z.LOOP)}get muted(){var e,t;return(t=(e=this.media)==null?void 0:e.muted)!=null?t:!1}set muted(e){this.media&&(this.media.muted=Boolean(e))}get defaultMuted(){return Li(this,z.MUTED)!=null}set defaultMuted(e){e?this.setAttribute(z.MUTED,""):this.removeAttribute(z.MUTED)}get playsInline(){return Li(this,z.PLAYSINLINE)!=null}set playsInline(e){ve("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(e){["","none","metadata","auto"].includes(e)?this.setAttribute(z.PRELOAD,e):this.removeAttribute(z.PRELOAD)}};function Li(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}var Ro=Lo;var Nc=Object.defineProperty,Uc=(i,e,t)=>e in i?Nc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Pc=(i,e,t)=>(Uc(i,typeof e!="symbol"?e+"":e,t),t),ud=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},_=(i,e,t)=>(ud(i,e,"read from private field"),t?t.call(i):e.get(i)),xe=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},He=(i,e,t,a)=>(ud(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Jt,Sr,Tt,Ri,it,at,rt,It,jt,Cr,fe,od=1,sd=0,Bc=1,Hc={processCallback(i,e,t){if(!!t){for(let[a,r]of e)if(a in t){let n=t[a];typeof n=="boolean"&&r instanceof J&&typeof r.element[r.attributeName]=="boolean"?r.booleanValue=n:typeof n=="function"&&r instanceof J?r.element[r.attributeName]=n:r.value=n}}}},$e=class extends l.DocumentFragment{constructor(e,t,a=Hc){var r;super(),xe(this,Jt,void 0),xe(this,Sr,void 0),this.append(e.content.cloneNode(!0)),He(this,Jt,cd(this)),He(this,Sr,a),(r=a.createCallback)==null||r.call(a,this,_(this,Jt),t),a.processCallback(this,_(this,Jt),t)}update(e){_(this,Sr).processCallback(this,_(this,Jt),e)}};Jt=new WeakMap;Sr=new WeakMap;var cd=(i,e=[])=>{let t,a;for(let r of i.attributes||[])if(r.value.includes("{{")){let n=new wo;for([t,a]of dd(r.value))if(!t)n.append(a);else{let s=new J(i,r.name,r.namespaceURI);n.append(s),e.push([a,s])}r.value=n.toString()}for(let r of i.childNodes)if(r.nodeType===od&&!(r instanceof HTMLTemplateElement))cd(r,e);else if(r.nodeType===od||r.data.includes("{{")){let n=[];if(r.data)for([t,a]of dd(r.data))if(!t)n.push(new Text(a));else{let s=new Ve(i);n.push(s),e.push([a,s])}else if(r instanceof HTMLTemplateElement){let s=new wi(i,r);n.push(s),e.push([s.expression,s])}r.replaceWith(...n.flatMap(s=>s.replacementNodes||[s]))}return e},ld={},dd=i=>{let e="",t=0,a=ld[i],r=0,n;if(a)return a;for(a=[];n=i[r];r++)n==="{"&&i[r+1]==="{"&&i[r-1]!=="\\"&&i[r+2]&&++t==1?(e&&a.push([sd,e]),e="",r++):n==="}"&&i[r+1]==="}"&&i[r-1]!=="\\"&&!--t?(a.push([Bc,e.trim()]),e="",r++):e+=n||"";return e&&a.push([sd,(t>0?"{{":"")+e]),ld[i]=a},$c=11,Mr=class{get value(){return""}set value(e){}toString(){return this.value}},md=new WeakMap,wo=class{constructor(){xe(this,Tt,[])}[Symbol.iterator](){return _(this,Tt).values()}get length(){return _(this,Tt).length}item(e){return _(this,Tt)[e]}append(...e){for(let t of e)t instanceof J&&md.set(t,this),_(this,Tt).push(t)}toString(){return _(this,Tt).join("")}};Tt=new WeakMap;var J=class extends Mr{constructor(e,t,a){super(),xe(this,It),xe(this,Ri,""),xe(this,it,void 0),xe(this,at,void 0),xe(this,rt,void 0),He(this,it,e),He(this,at,t),He(this,rt,a)}get attributeName(){return _(this,at)}get attributeNamespace(){return _(this,rt)}get element(){return _(this,it)}get value(){return _(this,Ri)}set value(e){_(this,Ri)!==e&&(He(this,Ri,e),!_(this,It,jt)||_(this,It,jt).length===1?e==null?_(this,it).removeAttributeNS(_(this,rt),_(this,at)):_(this,it).setAttributeNS(_(this,rt),_(this,at),e):_(this,it).setAttributeNS(_(this,rt),_(this,at),_(this,It,jt)))}get booleanValue(){return _(this,it).hasAttributeNS(_(this,rt),_(this,at))}set booleanValue(e){if(!_(this,It,jt)||_(this,It,jt).length===1)this.value=e?"":null;else throw new DOMException("Value is not fully templatized")}};Ri=new WeakMap;it=new WeakMap;at=new WeakMap;rt=new WeakMap;It=new WeakSet;jt=function(){return md.get(this)};var Ve=class extends Mr{constructor(e,t){super(),xe(this,Cr,void 0),xe(this,fe,void 0),He(this,Cr,e),He(this,fe,t?[...t]:[new Text])}get replacementNodes(){return _(this,fe)}get parentNode(){return _(this,Cr)}get nextSibling(){return _(this,fe)[_(this,fe).length-1].nextSibling}get previousSibling(){return _(this,fe)[0].previousSibling}get value(){return _(this,fe).map(e=>e.textContent).join("")}set value(e){this.replace(e)}replace(...e){let t=e.flat().flatMap(a=>a==null?[new Text]:a.forEach?[...a]:a.nodeType===$c?[...a.childNodes]:a.nodeType?[a]:[new Text(a)]);t.length||t.push(new Text),He(this,fe,Vc(_(this,fe)[0].parentNode,_(this,fe),t,this.nextSibling))}};Cr=new WeakMap;fe=new WeakMap;var wi=class extends Ve{constructor(e,t){let a=t.getAttribute("directive")||t.getAttribute("type"),r=t.getAttribute("expression")||t.getAttribute(a)||"";r.startsWith("{{")&&(r=r.trim().slice(2,-2).trim()),super(e),Pc(this,"directive"),this.expression=r,this.template=t,this.directive=a}};function Vc(i,e,t,a=null){let r=0,n,s,d,u=t.length,c=e.length;for(;r<u&&r<c&&e[r]==t[r];)r++;for(;r<u&&r<c&&t[u-1]==e[c-1];)a=t[--c,--u];if(r==c)for(;r<u;)i.insertBefore(t[r++],a);if(r==u)for(;r<c;)i.removeChild(e[r++]);else{for(n=e[r];r<u;)d=t[r++],s=n?n.nextSibling:a,n==d?n=s:r<u&&t[r]==s?(i.replaceChild(d,n),n=s):i.insertBefore(d,n);for(;n!=a;)s=n.nextSibling,i.removeChild(n),n=s}return t}var hd={string:i=>String(i)},Rr=class{constructor(e){this.template=e,this.state=void 0}},kt=new WeakMap,St=new WeakMap,xo={partial:(i,e)=>{e[i.expression]=new Rr(i.template)},if:(i,e)=>{var t;if(bd(i.expression,e))if(kt.get(i)!==i.template){kt.set(i,i.template);let a=new $e(i.template,e,wr);i.replace(a),St.set(i,a)}else(t=St.get(i))==null||t.update(e);else i.replace(""),kt.delete(i),St.delete(i)}},Wc=Object.keys(xo),wr={processCallback(i,e,t){var a,r;if(!!t)for(let[n,s]of e){if(s instanceof wi){if(!s.directive){let u=Wc.find(c=>s.template.hasAttribute(c));u&&(s.directive=u,s.expression=s.template.getAttribute(u))}(a=xo[s.directive])==null||a.call(xo,s,t);continue}let d=bd(n,t);if(d instanceof Rr){kt.get(s)!==d.template?(kt.set(s,d.template),d=new $e(d.template,d.state,wr),s.value=d,St.set(s,d)):(r=St.get(s))==null||r.update(d.state);continue}d?(s instanceof J&&s.attributeName.startsWith("aria-")&&(d=String(d)),s instanceof J?typeof d=="boolean"?s.booleanValue=d:typeof d=="function"?s.element[s.attributeName]=d:s.value=d:(s.value=d,kt.delete(s),St.delete(s))):s instanceof J?s.value=void 0:(s.value=void 0,kt.delete(s),St.delete(s))}}},pd={"!":i=>!i,"!!":i=>!!i,"==":(i,e)=>i==e,"!=":(i,e)=>i!=e,">":(i,e)=>i>e,">=":(i,e)=>i>=e,"<":(i,e)=>i<e,"<=":(i,e)=>i<=e,"??":(i,e)=>i!=null?i:e,"|":(i,e)=>{var t;return(t=hd[e])==null?void 0:t.call(hd,i)}};function Fc(i){return Kc(i,{boolean:/true|false/,number:/-?\d+\.?\d*/,string:/(["'])((?:\\.|[^\\])*?)\1/,operator:/[!=><][=!]?|\?\?|\|/,ws:/\s+/,param:/[$a-z_][$\w]*/i}).filter(({type:e})=>e!=="ws")}function bd(i,e={}){var t,a,r,n,s,d,u;let c=Fc(i);if(c.length===0||c.some(({type:h})=>!h))return xi(i);if(((t=c[0])==null?void 0:t.token)===">"){let h=e[(a=c[1])==null?void 0:a.token];if(!h)return xi(i);let f={...e};h.state=f;let v=c.slice(2);for(let T=0;T<v.length;T+=3){let H=(r=v[T])==null?void 0:r.token,Y=(n=v[T+1])==null?void 0:n.token,I=(s=v[T+2])==null?void 0:s.token;H&&Y==="="&&(f[H]=Di(I,e))}return h}if(c.length===1)return Lr(c[0])?Di(c[0].token,e):xi(i);if(c.length===2){let h=(d=c[0])==null?void 0:d.token,f=pd[h];if(!f||!Lr(c[1]))return xi(i);let v=Di(c[1].token,e);return f(v)}if(c.length===3){let h=(u=c[1])==null?void 0:u.token,f=pd[h];if(!f||!Lr(c[0])||!Lr(c[2]))return xi(i);let v=Di(c[0].token,e);if(h==="|")return f(v,c[2].token);let T=Di(c[2].token,e);return f(v,T)}}function xi(i){return console.warn(`Warning: invalid expression \`${i}\``),!1}function Lr({type:i}){return["number","boolean","string","param"].includes(i)}function Di(i,e){let t=i[0],a=i.slice(-1);return i==="true"||i==="false"?i==="true":t===a&&["'",'"'].includes(t)?i.slice(1,-1):qi(i)?parseFloat(i):e[i]}function Kc(i,e){let t,a,r,n=[];for(;i;){r=null,t=i.length;for(let s in e)a=e[s].exec(i),a&&a.index<t&&(r={token:a[0],type:s,matches:a.slice(1)},t=a.index);t&&n.push({token:i.substr(0,t),type:void 0}),r&&n.push(r),i=i.substr(t+(r?r.token.length:0))}return n}var Yc=Object.defineProperty,Gc=(i,e,t)=>e in i?Yc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ni=(i,e,t)=>(Gc(i,typeof e!="symbol"?e+"":e,t),t),Bo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},No=(i,e,t)=>(Bo(i,e,"read from private field"),t?t.call(i):e.get(i)),Oi=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ct=(i,e,t,a)=>(Bo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Do=(i,e,t)=>(Bo(i,e,"access private method"),t),ei,xr,ti,Uo,Ed,Dr,Po,Oo={mediatargetlivewindow:"targetlivewindow",mediastreamtype:"streamtype"},vd=m.createElement("template");vd.innerHTML=`
   <style>
     :host {
       display: inline-block;
@@ -954,7 +954,7 @@ ${a}${i.file}`}tt(e)}var z={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"
       display: none;
     }
   </style>
-`;var nt=class extends l.HTMLElement{constructor(){super(),Oi(this,Uo),Oi(this,xr),Ni(this,"renderRoot"),Ni(this,"renderer"),Oi(this,ei,void 0),Oi(this,Dr,void 0),Oi(this,ti,void 0),this.shadowRoot?this.renderRoot=this.shadowRoot:(this.renderRoot=this.attachShadow({mode:"open"}),this.createRenderer());let e=new MutationObserver(t=>{var a;this.mediaController&&!((a=this.mediaController)!=null&&a.breakpointsComputed)||t.some(r=>{let n=r.target;return n===this?!0:n.localName!=="media-controller"?!1:!!(Oo[r.attributeName]||r.attributeName.startsWith("breakpoint"))})&&this.render()});e.observe(this,{attributes:!0}),e.observe(this.renderRoot,{attributes:!0,subtree:!0}),this.addEventListener(xe.BREAKPOINTS_COMPUTED,this.render),xo(this,Uo,vd).call(this,"template")}get mediaController(){return this.renderRoot.querySelector("media-controller")}get template(){var e;return(e=No(this,ei))!=null?e:this.constructor.template}set template(e){Mt(this,ti,null),Mt(this,ei,e),this.createRenderer()}get props(){var e,t,a;let r=[...Array.from((t=(e=this.mediaController)==null?void 0:e.attributes)!=null?t:[]).filter(({name:s})=>Oo[s]||s.startsWith("breakpoint")),...Array.from(this.attributes)],n={};for(let s of r){let d=(a=Oo[s.name])!=null?a:ms(s.name),{value:u}=s;u!=null?(qi(u)&&(u=parseFloat(u)),n[d]=u===""?!0:u):n[d]=!1}return n}attributeChangedCallback(e,t,a){e==="template"&&t!=a&&xo(this,xr,Po).call(this)}connectedCallback(){xo(this,xr,Po).call(this)}createRenderer(){this.template&&this.template!==No(this,Dr)&&(Mt(this,Dr,this.template),this.renderer=new Ve(this.template,this.props,this.constructor.processor),this.renderRoot.textContent="",this.renderRoot.append(bd.content.cloneNode(!0),this.renderer))}render(){var e;(e=this.renderer)==null||e.update(this.props)}};ei=new WeakMap;Dr=new WeakMap;ti=new WeakMap;Uo=new WeakSet;vd=function(i){if(Object.prototype.hasOwnProperty.call(this,i)){let e=this[i];delete this[i],this[i]=e}};xr=new WeakSet;Po=function(){var i;let e=this.getAttribute("template");if(!e||e===No(this,ti))return;let t=this.getRootNode(),a=(i=t==null?void 0:t.getElementById)==null?void 0:i.call(t,e);if(a){Mt(this,ti,e),Mt(this,ei,a),this.createRenderer();return}Zc(e)&&(Mt(this,ti,e),qc(e).then(r=>{let n=m.createElement("template");n.innerHTML=r,Mt(this,ei,n),this.createRenderer()}).catch(console.error))};Ni(nt,"template");Ni(nt,"observedAttributes",["template"]);Ni(nt,"processor",wr);function Zc(i){if(!/^(\/|\.\/|https?:\/\/)/.test(i))return!1;let e=/^https?:\/\//.test(i)?void 0:location.origin;try{new URL(i,e)}catch{return!1}return!0}async function qc(i){let e=await fetch(i);if(e.status!==200)throw new Error(`Failed to load resource: the server responded with a status of ${e.status}`);return e.text()}l.customElements.get("media-theme")||l.customElements.define("media-theme",nt);var fd=`:host {
+`;var nt=class extends l.HTMLElement{constructor(){super(),Oi(this,Uo),Oi(this,Dr),Ni(this,"renderRoot"),Ni(this,"renderer"),Oi(this,ei,void 0),Oi(this,xr,void 0),Oi(this,ti,void 0),this.shadowRoot?this.renderRoot=this.shadowRoot:(this.renderRoot=this.attachShadow({mode:"open"}),this.createRenderer());let e=new MutationObserver(t=>{var a;this.mediaController&&!((a=this.mediaController)!=null&&a.breakpointsComputed)||t.some(r=>{let n=r.target;return n===this?!0:n.localName!=="media-controller"?!1:!!(Oo[r.attributeName]||r.attributeName.startsWith("breakpoint"))})&&this.render()});e.observe(this,{attributes:!0}),e.observe(this.renderRoot,{attributes:!0,subtree:!0}),this.addEventListener(De.BREAKPOINTS_COMPUTED,this.render),Do(this,Uo,Ed).call(this,"template")}get mediaController(){return this.renderRoot.querySelector("media-controller")}get template(){var e;return(e=No(this,ei))!=null?e:this.constructor.template}set template(e){Ct(this,ti,null),Ct(this,ei,e),this.createRenderer()}get props(){var e,t,a;let r=[...Array.from((t=(e=this.mediaController)==null?void 0:e.attributes)!=null?t:[]).filter(({name:s})=>Oo[s]||s.startsWith("breakpoint")),...Array.from(this.attributes)],n={};for(let s of r){let d=(a=Oo[s.name])!=null?a:ms(s.name),{value:u}=s;u!=null?(qi(u)&&(u=parseFloat(u)),n[d]=u===""?!0:u):n[d]=!1}return n}attributeChangedCallback(e,t,a){e==="template"&&t!=a&&Do(this,Dr,Po).call(this)}connectedCallback(){Do(this,Dr,Po).call(this)}createRenderer(){this.template&&this.template!==No(this,xr)&&(Ct(this,xr,this.template),this.renderer=new $e(this.template,this.props,this.constructor.processor),this.renderRoot.textContent="",this.renderRoot.append(vd.content.cloneNode(!0),this.renderer))}render(){var e;(e=this.renderer)==null||e.update(this.props)}};ei=new WeakMap;xr=new WeakMap;ti=new WeakMap;Uo=new WeakSet;Ed=function(i){if(Object.prototype.hasOwnProperty.call(this,i)){let e=this[i];delete this[i],this[i]=e}};Dr=new WeakSet;Po=function(){var i;let e=this.getAttribute("template");if(!e||e===No(this,ti))return;let t=this.getRootNode(),a=(i=t==null?void 0:t.getElementById)==null?void 0:i.call(t,e);if(a){Ct(this,ti,e),Ct(this,ei,a),this.createRenderer();return}Zc(e)&&(Ct(this,ti,e),qc(e).then(r=>{let n=m.createElement("template");n.innerHTML=r,Ct(this,ei,n),this.createRenderer()}).catch(console.error))};Ni(nt,"template");Ni(nt,"observedAttributes",["template"]);Ni(nt,"processor",wr);function Zc(i){if(!/^(\/|\.\/|https?:\/\/)/.test(i))return!1;let e=/^https?:\/\//.test(i)?void 0:location.origin;try{new URL(i,e)}catch{return!1}return!0}async function qc(i){let e=await fetch(i);if(e.status!==200)throw new Error(`Failed to load resource: the server responded with a status of ${e.status}`);return e.text()}l.customElements.get("media-theme")||l.customElements.define("media-theme",nt);var fd=`:host {
   --media-control-display: var(--controls);
   --media-loading-indicator-display: var(--loading-indicator);
   --media-dialog-display: var(--dialog);
@@ -1148,9 +1148,9 @@ media-poster-image:not([src]):not([placeholdersrc]) {
   <div class="dialog">
     <slot></slot>
   </div>
-`;var ot=class extends P.HTMLElement{constructor(){var t;super();this.attachShadow({mode:"open"}),(t=this.shadowRoot)==null||t.appendChild(this.constructor.template.content.cloneNode(!0))}show(){this.setAttribute("open",""),this.dispatchEvent(new CustomEvent("open",{composed:!0,bubbles:!0})),gd(this)}close(){!this.hasAttribute("open")||(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),zc(this))}attributeChangedCallback(t,a,r){t==="open"&&a!==r&&(r!=null?this.show():this.close())}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("open")&&gd(this)}};ot.styles=Ad,ot.template=_d,ot.observedAttributes=["open"];function gd(i){let e=new CustomEvent("initfocus",{composed:!0,bubbles:!0,cancelable:!0});if(i.dispatchEvent(e),e.defaultPrevented)return;let t=i.querySelector("[autofocus]:not([disabled])");!t&&i.tabIndex>=0&&(t=i),t||(t=yd(i.shadowRoot)),i._previouslyFocusedElement=re.activeElement,re.activeElement instanceof HTMLElement&&re.activeElement.blur(),i.addEventListener("transitionend",()=>{t instanceof HTMLElement&&t.focus({preventScroll:!0})},{once:!0})}function yd(i){let t=["button","input","keygen","select","textarea"].map(function(r){return r+":not([disabled])"});t.push('[tabindex]:not([disabled]):not([tabindex=""])');let a=i==null?void 0:i.querySelector(t.join(", "));if(!a&&"attachShadow"in Element.prototype){let r=(i==null?void 0:i.querySelectorAll("*"))||[];for(let n=0;n<r.length&&!(r[n].tagName&&r[n].shadowRoot&&(a=yd(r[n].shadowRoot),a));n++);}return a}function zc(i){i._previouslyFocusedElement instanceof HTMLElement&&i._previouslyFocusedElement.focus()}P.customElements.get("media-dialog")||(P.customElements.define("media-dialog",ot),P.MediaDialog=ot);var $o=ot;var Td=re.createElement("template");Td.innerHTML=`
+`;var ot=class extends P.HTMLElement{constructor(){var t;super();this.attachShadow({mode:"open"}),(t=this.shadowRoot)==null||t.appendChild(this.constructor.template.content.cloneNode(!0))}show(){this.setAttribute("open",""),this.dispatchEvent(new CustomEvent("open",{composed:!0,bubbles:!0})),gd(this)}close(){!this.hasAttribute("open")||(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),zc(this))}attributeChangedCallback(t,a,r){t==="open"&&a!==r&&(r!=null?this.show():this.close())}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("open")&&gd(this)}};ot.styles=Ad,ot.template=_d,ot.observedAttributes=["open"];function gd(i){let e=new CustomEvent("initfocus",{composed:!0,bubbles:!0,cancelable:!0});if(i.dispatchEvent(e),e.defaultPrevented)return;let t=i.querySelector("[autofocus]:not([disabled])");!t&&i.tabIndex>=0&&(t=i),t||(t=yd(i.shadowRoot)),i._previouslyFocusedElement=re.activeElement,re.activeElement instanceof HTMLElement&&re.activeElement.blur(),i.addEventListener("transitionend",()=>{t instanceof HTMLElement&&t.focus({preventScroll:!0})},{once:!0})}function yd(i){let t=["button","input","keygen","select","textarea"].map(function(r){return r+":not([disabled])"});t.push('[tabindex]:not([disabled]):not([tabindex=""])');let a=i==null?void 0:i.querySelector(t.join(", "));if(!a&&"attachShadow"in Element.prototype){let r=(i==null?void 0:i.querySelectorAll("*"))||[];for(let n=0;n<r.length&&!(r[n].tagName&&r[n].shadowRoot&&(a=yd(r[n].shadowRoot),a));n++);}return a}function zc(i){i._previouslyFocusedElement instanceof HTMLElement&&i._previouslyFocusedElement.focus()}P.customElements.get("media-dialog")||(P.customElements.define("media-dialog",ot),P.MediaDialog=ot);var Ho=ot;var Td=re.createElement("template");Td.innerHTML=`
   <style>
-    ${$o.styles}
+    ${Ho.styles}
 
     .close {
       background: none;
@@ -1179,18 +1179,18 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       </svg>
     </button>
   </slot>
-`;var Ui=class extends $o{constructor(){var e,t;super(),(t=(e=this.shadowRoot)==null?void 0:e.querySelector(".close"))==null||t.addEventListener("click",()=>{this.close()})}};Ui.template=Td;P.customElements.get("mxp-dialog")||(P.customElements.define("mxp-dialog",Ui),P.MxpDialog=Ui);var Pi=new WeakMap,Bi=class{constructor(e,t){this.element=e;this.type=t;this.element.addEventListener(this.type,this);let a=Pi.get(this.element);a&&a.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 t=Pi.get(this.element);t&&t.delete(this.type)}}static for(e){Pi.has(e.element)||Pi.set(e.element,new Map);let t=e.attributeName.slice(2),a=Pi.get(e.element);return a&&a.has(t)?a.get(t):new Bi(e.element,t)}};function Xc(i,e){return i instanceof J&&i.attributeName.startsWith("on")?(Bi.for(i).set(e),i.element.removeAttributeNS(i.attributeNamespace,i.attributeName),!0):!1}function Jc(i,e){return e instanceof Or&&i instanceof He?(e.renderInto(i),!0):!1}function jc(i,e){return e instanceof DocumentFragment&&i instanceof He?(e.childNodes.length&&i.replace(...e.childNodes),!0):!1}function em(i,e){if(i instanceof J){let t=i.attributeNamespace,a=i.element.getAttributeNS(t,i.attributeName);return String(e)!==a&&(i.value=String(e)),!0}return i.value=String(e),!0}function tm(i,e){if(i instanceof J&&e instanceof Element){let t=i.element;return t[i.attributeName]!==e&&(i.element.removeAttributeNS(i.attributeNamespace,i.attributeName),t[i.attributeName]=e),!0}return!1}function im(i,e){if(typeof e=="boolean"&&i instanceof J){let t=i.attributeNamespace,a=i.element.hasAttributeNS(t,i.attributeName);return e!==a&&(i.booleanValue=e),!0}return!1}function am(i,e){return e===!1&&i instanceof He?(i.replace(""),!0):!1}function rm(i,e){tm(i,e)||im(i,e)||Xc(i,e)||am(i,e)||Jc(i,e)||jc(i,e)||em(i,e)}var Vo=new Map,Id=new WeakMap,kd=new WeakMap,Or=class{constructor(e,t,a){this.strings=e;this.values=t;this.processor=a;this.stringsKey=this.strings.join("
")}get template(){if(Vo.has(this.stringsKey))return Vo.get(this.stringsKey);{let e=re.createElement("template"),t=this.strings.length-1;return e.innerHTML=this.strings.reduce((a,r,n)=>a+r+(n<t?`{{ ${n} }}`:""),""),Vo.set(this.stringsKey,e),e}}renderInto(e){var r;let t=this.template;if(Id.get(e)!==t){Id.set(e,t);let n=new Ve(t,this.values,this.processor);kd.set(e,n),e instanceof He?e.replace(...n.children):e.appendChild(n);return}let a=kd.get(e);(r=a==null?void 0:a.update)==null||r.call(a,this.values)}},nm={processCallback(i,e,t){var a;if(!!t){for(let[r,n]of e)if(r in t){let s=(a=t[r])!=null?a:"";rm(n,s)}}}};function We(i,...e){return new Or(i,e,nm)}function Sd(i,e){i.renderInto(e)}var Md=require("@mux/playback-core"),Ld=i=>We`
+`;var Ui=class extends Ho{constructor(){var e,t;super(),(t=(e=this.shadowRoot)==null?void 0:e.querySelector(".close"))==null||t.addEventListener("click",()=>{this.close()})}};Ui.template=Td;P.customElements.get("mxp-dialog")||(P.customElements.define("mxp-dialog",Ui),P.MxpDialog=Ui);var Pi=new WeakMap,Bi=class{constructor(e,t){this.element=e;this.type=t;this.element.addEventListener(this.type,this);let a=Pi.get(this.element);a&&a.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 t=Pi.get(this.element);t&&t.delete(this.type)}}static for(e){Pi.has(e.element)||Pi.set(e.element,new Map);let t=e.attributeName.slice(2),a=Pi.get(e.element);return a&&a.has(t)?a.get(t):new Bi(e.element,t)}};function Xc(i,e){return i instanceof J&&i.attributeName.startsWith("on")?(Bi.for(i).set(e),i.element.removeAttributeNS(i.attributeNamespace,i.attributeName),!0):!1}function Jc(i,e){return e instanceof Or&&i instanceof Ve?(e.renderInto(i),!0):!1}function jc(i,e){return e instanceof DocumentFragment&&i instanceof Ve?(e.childNodes.length&&i.replace(...e.childNodes),!0):!1}function em(i,e){if(i instanceof J){let t=i.attributeNamespace,a=i.element.getAttributeNS(t,i.attributeName);return String(e)!==a&&(i.value=String(e)),!0}return i.value=String(e),!0}function tm(i,e){if(i instanceof J&&e instanceof Element){let t=i.element;return t[i.attributeName]!==e&&(i.element.removeAttributeNS(i.attributeNamespace,i.attributeName),t[i.attributeName]=e),!0}return!1}function im(i,e){if(typeof e=="boolean"&&i instanceof J){let t=i.attributeNamespace,a=i.element.hasAttributeNS(t,i.attributeName);return e!==a&&(i.booleanValue=e),!0}return!1}function am(i,e){return e===!1&&i instanceof Ve?(i.replace(""),!0):!1}function rm(i,e){tm(i,e)||im(i,e)||Xc(i,e)||am(i,e)||Jc(i,e)||jc(i,e)||em(i,e)}var $o=new Map,Id=new WeakMap,kd=new WeakMap,Or=class{constructor(e,t,a){this.strings=e;this.values=t;this.processor=a;this.stringsKey=this.strings.join("
")}get template(){if($o.has(this.stringsKey))return $o.get(this.stringsKey);{let e=re.createElement("template"),t=this.strings.length-1;return e.innerHTML=this.strings.reduce((a,r,n)=>a+r+(n<t?`{{ ${n} }}`:""),""),$o.set(this.stringsKey,e),e}}renderInto(e){var r;let t=this.template;if(Id.get(e)!==t){Id.set(e,t);let n=new $e(t,this.values,this.processor);kd.set(e,n),e instanceof Ve?e.replace(...n.children):e.appendChild(n);return}let a=kd.get(e);(r=a==null?void 0:a.update)==null||r.call(a,this.values)}},nm={processCallback(i,e,t){var a;if(!!t){for(let[r,n]of e)if(r in t){let s=(a=t[r])!=null?a:"";rm(n,s)}}}};function We(i,...e){return new Or(i,e,nm)}function Sd(i,e){i.renderInto(e)}var Cd=require("@mux/playback-core"),Md=i=>We`
   <style>
     ${fd}
   </style>
   ${sm(i)}
-`,om=i=>{let e=i.hotKeys?`${i.hotKeys}`:"";return Li(i.streamType)==="live"&&(e+=" noarrowleft noarrowright"),e},sm=i=>{var e,t,a,r,n,s,d,u,c,h,f,b,T,$,Y,I,ae,ge,oe,ri,Rt,Ko,Yo,Go,Zo,qo,Qo,zo,Xo,Jo,jo,es,ts,is;return We`
+`,om=i=>{let e=i.hotKeys?`${i.hotKeys}`:"";return Mi(i.streamType)==="live"&&(e+=" noarrowleft noarrowright"),e},sm=i=>{var e,t,a,r,n,s,d,u,c,h,f,v,T,H,Y,I,ae,ge,oe,ri,Rt,Ko,Yo,Go,Zo,qo,Qo,zo,Xo,Jo,jo,es,ts,is;return We`
   <media-theme
     template="${i.themeTemplate||!1}"
     defaultstreamtype="${(e=i.defaultStreamType)!=null?e:!1}"
     hotkeys="${om(i)||!1}"
     nohotkeys="${i.noHotKeys||!i.hasSrc||i.isDialogOpen||!1}"
-    noautoseektolive="${!!((t=i.streamType)!=null&&t.includes(Md.StreamTypes.LIVE))&&i.targetLiveWindow!==0}"
+    noautoseektolive="${!!((t=i.streamType)!=null&&t.includes(Cd.StreamTypes.LIVE))&&i.targetLiveWindow!==0}"
     novolumepref="${i.novolumepref||!1}"
     disabled="${!i.hasSrc||i.isDialogOpen}"
     audio="${(a=i.audio)!=null?a:!1}"
@@ -1207,10 +1207,10 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     <mux-video
       slot="media"
       target-live-window="${(f=i.targetLiveWindow)!=null?f:!1}"
-      stream-type="${(b=Li(i.streamType))!=null?b:!1}"
+      stream-type="${(v=Mi(i.streamType))!=null?v:!1}"
       crossorigin="${(T=i.crossOrigin)!=null?T:""}"
       playsinline
-      autoplay="${($=i.autoplay)!=null?$:!1}"
+      autoplay="${(H=i.autoplay)!=null?H:!1}"
       muted="${(Y=i.muted)!=null?Y:!1}"
       loop="${(I=i.loop)!=null?I:!1}"
       preload="${(ae=i.preload)!=null?ae:!1}"
@@ -1224,8 +1224,8 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       player-software-version="${(Go=i.playerSoftwareVersion)!=null?Go:!1}"
       env-key="${(Zo=i.envKey)!=null?Zo:!1}"
       custom-domain="${(qo=i.customDomain)!=null?qo:!1}"
-      src="${i.src?i.src:i.playbackId?Mo(i.playbackId,{maxResolution:i.maxResolution,domain:i.customDomain,token:i.tokens.playback}):!1}"
-      cast-src="${i.src?i.src:i.playbackId?Mo(i.playbackId,{maxResolution:i.maxResolution,domain:i.customDomain,token:i.tokens.playback}):!1}"
+      src="${i.src?i.src:i.playbackId?Co(i.playbackId,{maxResolution:i.maxResolution,domain:i.customDomain,token:i.tokens.playback}):!1}"
+      cast-src="${i.src?i.src:i.playbackId?Co(i.playbackId,{maxResolution:i.maxResolution,domain:i.customDomain,token:i.tokens.playback}):!1}"
       exportparts="video"
     >
       ${i.storyboard?We`<track label="thumbnails" default kind="metadata" src="${i.storyboard}" />`:We``}
@@ -1257,31 +1257,41 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       </p>
     </mxp-dialog>
   </media-theme>
-`};var $i=require("@mux/mux-video");function Nr(i,e,t,a,r){var d,u,c;let n={},s={};switch(i.code){case $i.MediaError.MEDIA_ERR_NETWORK:{switch(n.title=y("Network Error",r),n.message=i.message,(d=i.data)==null?void 0:d.response.code){case 412:{n.title=y("Video is not currently available",r),n.message=y("The live stream or video file are not yet ready.",r),s.message=y("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",r),s.file="412-not-playable.md";break}case 404:{n.title=y("Video does not exist",r),n.message="",s.message=y("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",r),s.file="404-not-found.md";break}case 403:{if(n.title=y("Invalid playback URL",r),n.message=y("The video URL or playback-token are formatted with incorrect or incomplete information.",r),s.message=y("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",r),s.file="missing-signed-tokens.md",!a)break;let{exp:h,aud:f,sub:b}=et(a),T=Date.now()>h*1e3,$=b!==t,Y=f!=="v",I={timeStyle:"medium",dateStyle:"medium"};if(T){n.title=y("Video URL has expired",r),n.message=y("The video\u2019s secured playback-token has expired.",r),s.message=y("The video\u2019s secured playback-token has expired.",r),s.context=y("Expired at: {expiredDate}. Current time: {currentDate}.",r).format({expiredDate:new Intl.DateTimeFormat(gt.code,I).format(h*1e3),currentDate:new Intl.DateTimeFormat(gt.code,I).format(Date.now())}),s.file="403-expired-token.md";break}if($){n.title=y("Video URL is formatted incorrectly",r),n.message=y("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),s.message=y("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),s.context=y("Specified playback ID: {playbackId} and the playback ID encoded in the playback-token: {tokenPlaybackId}",r).format({playbackId:t,tokenPlaybackId:b}),s.file="403-playback-id-mismatch.md";break}if(Y){n.title=y("Video URL is formatted incorrectly",r),n.message=y("The playback-token is formatted with incorrect information.",r),s.message=y("The playback-token is formatted with incorrect information.",r),s.context=y("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",r).format({tokenType:f}),s.file="403-incorrect-aud-value.md";break}s.message=y("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",r),s.file="403-malformatted-token.md";break}}break}case $i.MediaError.MEDIA_ERR_DECODE:{let{message:h}=i;n={title:y("Media Error",r),message:h},s.file="media-decode-error.md";break}case $i.MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:{let h=(c=(u=i.data)==null?void 0:u.response)==null?void 0:c.code;if(h>=400&&h<500){i.code=$i.MediaError.MEDIA_ERR_NETWORK,i.data={response:{code:h}},{dialog:n,devlog:s}=Nr(i,e,t,a);break}n={title:y("Source Not Supported",r),message:i.message},s.file="media-src-not-supported.md";break}default:n={title:y("Error",r),message:i.message};break}return e&&(n={title:y("Your device appears to be offline",r),message:y("Check your internet connection and try reloading this video.",r)}),{dialog:n,devlog:s}}var Cd=`<!-- prettier-ignore -->
-<template id="media-theme-classic">
+`};var Hi=require("@mux/mux-video");function Nr(i,e,t,a,r){var d,u,c;let n={},s={};switch(i.code){case Hi.MediaError.MEDIA_ERR_NETWORK:{switch(n.title=y("Network Error",r),n.message=i.message,(d=i.data)==null?void 0:d.response.code){case 412:{n.title=y("Video is not currently available",r),n.message=y("The live stream or video file are not yet ready.",r),s.message=y("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",r),s.file="412-not-playable.md";break}case 404:{n.title=y("Video does not exist",r),n.message="",s.message=y("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",r),s.file="404-not-found.md";break}case 403:{if(n.title=y("Invalid playback URL",r),n.message=y("The video URL or playback-token are formatted with incorrect or incomplete information.",r),s.message=y("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",r),s.file="missing-signed-tokens.md",!a)break;let{exp:h,aud:f,sub:v}=et(a),T=Date.now()>h*1e3,H=v!==t,Y=f!=="v",I={timeStyle:"medium",dateStyle:"medium"};if(T){n.title=y("Video URL has expired",r),n.message=y("The video\u2019s secured playback-token has expired.",r),s.message=y("The video\u2019s secured playback-token has expired.",r),s.context=y("Expired at: {expiredDate}. Current time: {currentDate}.",r).format({expiredDate:new Intl.DateTimeFormat(gt.code,I).format(h*1e3),currentDate:new Intl.DateTimeFormat(gt.code,I).format(Date.now())}),s.file="403-expired-token.md";break}if(H){n.title=y("Video URL is formatted incorrectly",r),n.message=y("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),s.message=y("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),s.context=y("Specified playback ID: {playbackId} and the playback ID encoded in the playback-token: {tokenPlaybackId}",r).format({playbackId:t,tokenPlaybackId:v}),s.file="403-playback-id-mismatch.md";break}if(Y){n.title=y("Video URL is formatted incorrectly",r),n.message=y("The playback-token is formatted with incorrect information.",r),s.message=y("The playback-token is formatted with incorrect information.",r),s.context=y("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",r).format({tokenType:f}),s.file="403-incorrect-aud-value.md";break}s.message=y("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",r),s.file="403-malformatted-token.md";break}}break}case Hi.MediaError.MEDIA_ERR_DECODE:{let{message:h}=i;n={title:y("Media Error",r),message:h},s.file="media-decode-error.md";break}case Hi.MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:{let h=(c=(u=i.data)==null?void 0:u.response)==null?void 0:c.code;if(h>=400&&h<500){i.code=Hi.MediaError.MEDIA_ERR_NETWORK,i.data={response:{code:h}},{dialog:n,devlog:s}=Nr(i,e,t,a);break}n={title:y("Source Not Supported",r),message:i.message},s.file="media-src-not-supported.md";break}default:n={title:y("Error",r),message:i.message};break}return e&&(n={title:y("Your device appears to be offline",r),message:y("Check your internet connection and try reloading this video.",r)}),{dialog:n,devlog:s}}var Ld=`<template id="media-theme-gerwig">
   <style>
+    @keyframes pre-play-hide {
+      0% {
+        transform: scale(1);
+        opacity: 1;
+      }
+
+      30% {
+        transform: scale(0.7);
+      }
+
+      100% {
+        transform: scale(1.5);
+        opacity: 0;
+      }
+    }
+
     :host {
-      --_primary-color: var(--media-primary-color, white);
-      --_secondary-color: var(--media-secondary-color, rgb(0 0 0 / .75));
+      --_primary-color: var(--media-primary-color, #fff);
+      --_secondary-color: var(--media-secondary-color, transparent);
+      --_accent-color: var(--media-accent-color, #fa50b5);
+      --_text-color: var(--media-text-color, #000);
 
       --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-range-buffered-color: rgba(255, 255, 255, 0.4);
-      --media-range-track-background:
-        linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
-        linear-gradient(rgba(20, 20, 30, 0.7), rgba(20, 20, 30, 0.7));
+      --media-control-hover-background: var(--_accent-color);
+      --media-time-buffered-color: rgba(255, 255, 255, 0.4);
       --media-preview-thumbnail-border: 0;
       --media-preview-thumbnail-border-radius: 2px 2px 0 0;
       --media-preview-time-border-radius: 0 0 2px 2px;
       --media-preview-time-margin: 0 0 8px;
       --media-preview-time-text-shadow: none;
-      --media-listbox-border-radius: 2px;
-      --media-listbox-transform-in: translateY(-8px) scale(1);
-      --media-listbox-transform-out: translateY(-6px) scale(.99);
-      --media-option-hover-background: rgba(255, 255, 255, 0.28);
+      --media-control-height: 14px;
+      --media-control-padding: 6px;
 
       color: var(--_primary-color);
       display: inline-block;
@@ -1315,27 +1325,109 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       width: 100%;
     }
 
-    [disabled]:not(media-live-button),
-    [aria-disabled='true']:not(media-live-button) {
-      opacity: 60%;
-      cursor: not-allowed;
-    }
-
-    /* 0.433s is the transition duration for VTT Regions.
-     * Borrowed here, so the captions don't move too fast. */
+    /*
+     * 0.433s is the transition duration for VTT Regions.
+     * Borrowed here, so the captions don't move too fast.
+     */
     media-controller ::slotted([slot='media']) {
       --media-webkit-text-track-transition: transform 0.433s ease-out 0.3s;
     }
-    media-controller:is([mediapaused],:not([userinactive])) ::slotted([slot='media']) {
-      /* 42px is the height of the control bar and progress bar
-       * with an additional 5px as a buffer, to get 47px */
-      --media-webkit-text-track-transform: translateY(-47px);
+    media-controller:is([mediapaused], :not([userinactive])) ::slotted([slot='media']) {
+      --media-webkit-text-track-transform: translateY(-50px);
       --media-webkit-text-track-transition: transform 0.15s ease;
     }
 
-    :host media-time-range {
-      color: var(--_primary-color);
-      --media-range-thumb-opacity: 0;
+    media-time-range {
+      --media-range-bar-color: var(--_accent-color);
+      --media-time-range-buffered-color: var(--_primary-color);
+      --media-range-track-color: transparent;
+      --media-range-track-background: rgba(255, 255, 255, 0.4);
+      --media-range-thumb-background: radial-gradient(
+        circle,
+        #000 0%,
+        #000 25%,
+        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-opacity: 1;
+      --media-preview-thumbnail-background: var(--_primary-color);
+      --media-preview-thumbnail-border: 5px solid var(--_primary-color);
+      --media-preview-thumbnail-border-radius: 5px 5px 0 0;
+      --media-preview-time-background: var(--_primary-color);
+      --media-preview-time-border-radius: 0 0 5px 5px;
+      --media-preview-time-margin: 0 0 10px;
+      --media-preview-time-padding: 2px 0 6px;
+      --media-text-color: var(--_text-color);
+      --media-preview-thumbnail-max-width: 150px;
+      --media-range-track-pointer-border-right: 2px solid #000;
+      --media-control-hover-background: transparent;
+      color: var(--_accent-color);
+      padding: 0 6px;
+    }
+
+    :host([audio]) media-time-range {
+      --media-preview-time-border-radius: 5px;
+      --media-preview-time-padding: 5px;
+    }
+
+    media-time-range:hover {
+      --media-range-thumb-width: 12px;
+      --media-range-thumb-height: 12px;
+    }
+
+    media-time-range::part(preview-box)::after {
+      position: absolute;
+      content: '';
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 10px 8.5px 0 8.5px;
+      border-color: var(--_primary-color) transparent transparent transparent;
+      top: 100%;
+      left: 50%;
+      transform: translate(-50%, -10px);
+    }
+
+    :is(media-captions-listbox, media-rendition-listbox, media-audio-track-listbox)::part(indicator) {
+      fill: var(--_accent-color);
+    }
+
+    :is(media-captions-listbox, media-rendition-listbox, media-audio-track-listbox)::part(option) {
+      display: flex;
+      align-items: center;
+      padding: 8px 10px;
+    }
+
+    :is(media-captions-listbox, media-rendition-listbox, media-audio-track-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-listbox-background: var(--_primary-color);
+      --media-option-selected-background: transparent;
+      --media-option-hover-background: transparent;
+      --media-option-hover-outline: var(--_accent-color) solid 1px;
+      --media-text-color: var(--_text-color);
+    }
+
+    /* The icon is a circle so make it 16px high instead of 14px for more balance. */
+    media-audio-track-selectmenu {
+      --media-control-padding: 5px;
+      --media-control-height: 16px;
     }
 
     :host(:not([audio])) media-time-range {
@@ -1347,24 +1439,12 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       width: 100%;
     }
 
-    media-control-bar {
-      --media-control-padding: 4px 3px;
-    }
-
-    [breakpointsm] media-control-bar {
-      --media-control-padding: 9px 5px;
-    }
-
-    [breakpointmd] media-control-bar {
-      --media-control-padding: 9px 7px;
-    }
-
     media-control-bar :is([role='button'], [role='switch'], button) {
       line-height: 0;
     }
 
-    media-control-bar :is(media-text-display, media-time-display):first-child {
-      --media-control-padding: 9px 5px 9px 10px;
+    media-control-bar :is([part*='button'], [part*='range'], [part*='display']) {
+      border-radius: 3px;
     }
 
     .spacer {
@@ -1372,29 +1452,41 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));
     }
 
-    /* Add a small space on the right to have the play button and
-     * fullscreen button aligned in relation to the progress bar. */
-    media-control-bar:not([slot])::after {
-      content: '';
-      width: 2px;
-      height: 100%;
-      background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));
-    }
-
-    media-control-bar[slot='top-chrome'] {
+    media-control-bar[slot~='top-chrome'] {
       min-height: 42px;
       pointer-events: none;
     }
 
-    :host([title]) media-control-bar[slot='top-chrome']::before {
+    :host([title]:not([audio])) media-control-bar[slot='top-chrome']::before {
       content: '';
       position: absolute;
       width: 100%;
-      padding-bottom: min(160px, 25%);
-      background: linear-gradient(rgb(0 0 0 / 0.4), transparent);
+      padding-bottom: min(100px, 25%);
+      background: linear-gradient(#000, transparent);
+      opacity: 0.8;
+    }
+
+    :host(:not([audio])) media-control-bar[part~='bottom']::before {
+      content: '';
+      position: absolute;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      padding-bottom: min(100px, 25%);
+      background: linear-gradient(transparent, #000);
+      opacity: 0.8;
+      z-index: 1;
+    }
+
+    media-control-bar[part~='bottom'] > * {
+      z-index: 2;
     }
 
-    media-control-bar[slot='top-chrome'] > * {
+    media-control-bar[part~='bottom'] {
+      padding: 6px 6px;
+    }
+
+    media-control-bar[slot~='top-chrome'] > * {
       --media-control-background: transparent;
       --media-control-hover-background: transparent;
       position: relative;
@@ -1428,8 +1520,18 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     .center-controls media-play-button {
       --media-control-background: transparent;
       --media-control-hover-background: transparent;
-      padding: 0;
-      width: max(43px, min(10%, 55px));
+      --media-control-padding: 0;
+      width: 40px;
+    }
+
+    [breakpointsm] .center-controls media-play-button {
+      width: 90px;
+      height: 90px;
+      border-radius: 50%;
+      transition: background 0.4s;
+      padding: 24px;
+      --media-control-background: #000;
+      --media-control-hover-background: var(--_accent-color);
     }
 
     .center-controls media-seek-backward-button,
@@ -1437,16 +1539,74 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       --media-control-background: transparent;
       --media-control-hover-background: transparent;
       padding: 0;
-      margin: 0 2%;
+      margin: 0 20px;
       width: max(33px, min(8%, 40px));
     }
 
-    media-control-bar:not([slot]) media-seek-backward-button {
-      padding-right: 5px;
+    [breakpointsm]:not([audio]) .center-controls.pre-playback {
+      display: grid;
+      align-items: initial;
+      justify-content: initial;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    [breakpointsm]:not([audio]) .center-controls.pre-playback media-play-button {
+      place-self: var(--_pre-playback-place, center);
+      grid-area: 1 / 1;
+      margin: 16px;
     }
 
-    media-control-bar:not([slot]) media-seek-forward-button {
-      padding-left: 5px;
+    /* Show and hide controls or pre-playback state */
+
+    [breakpointsm]:is([mediahasplayed], :not([mediapaused])):not([audio])
+      .center-controls.pre-playback
+      media-play-button {
+      animation: 0.3s linear forwards pre-play-hide;
+    }
+
+    .autoplay-unmute {
+      --media-control-hover-background: transparent;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      filter: drop-shadow(0 0 2px rgb(0 0 0 / 0.25)) drop-shadow(0 0 6px rgb(0 0 0 / 0.25));
+    }
+
+    .autoplay-unmute-btn {
+      --media-control-height: 16px;
+      border-radius: 8px;
+      background: #000;
+      color: var(--_primary-color);
+      display: flex;
+      align-items: center;
+      padding: 8px 16px;
+      font-size: 18px;
+      font-weight: 500;
+      cursor: pointer;
+    }
+
+    .autoplay-unmute-btn:hover {
+      background: var(--_accent-color);
+    }
+
+    [breakpointsm] .autoplay-unmute-btn {
+      --media-control-height: 30px;
+      padding: 14px 24px;
+      font-size: 26px;
+    }
+
+    .autoplay-unmute-btn svg {
+      margin: 0 6px 0 0;
+    }
+
+    [breakpointsm] .autoplay-unmute-btn svg {
+      margin: 0 10px 0 0;
+    }
+
+    media-controller:not([audio]):not([mediahasplayed]) *:is(media-control-bar, media-time-range) {
+      display: none;
     }
 
     media-loading-indicator {
@@ -1462,47 +1622,103 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     }
 
     /* Intentionally don't target the div for transition but the children
-     of the div. Prevents messing with media-chrome's autohide feature. */
+		 of the div. Prevents messing with media-chrome's autohide feature. */
     media-loading-indicator + div * {
       transition: opacity 0.15s;
       opacity: 1;
     }
 
-    media-loading-indicator[medialoading]:not([mediapaused]) ~ div > * {
+    media-loading-indicator[media-loading]:not([media-paused]) ~ div > * {
       opacity: 0;
       transition-delay: 400ms;
     }
 
     media-volume-range {
       width: min(100%, 100px);
+      --media-range-thumb-width: 12px;
+      --media-range-thumb-height: 12px;
+      --media-range-thumb-background: radial-gradient(
+        circle,
+        #000 0%,
+        #000 25%,
+        var(--_primary-color) 25%,
+        var(--_primary-color)
+      );
+      --media-control-hover-background: none;
     }
 
     media-time-display {
       white-space: nowrap;
     }
 
-    :is(media-time-display, media-text-display, media-playback-rate-button[role='button']) {
-      color: inherit;
-      line-height: 24px;
+    /* Generic style for explicitly disabled controls */
+    media-control-bar[part~='bottom'] [disabled],
+    media-control-bar[part~='bottom'] [aria-disabled='true'] {
+      opacity: 60%;
+      cursor: not-allowed;
     }
 
-    :is(.title-display, media-live-button) {
-      color: inherit;
-      font-size: 16px;
-      text-shadow: 0 0 2px rgb(0 0 0 / 0.6);
+    media-text-display {
+      --media-font-size: 16px;
+      --media-control-padding: 14px;
+      font-weight: 500;
     }
 
-    :host([audio]) .title-display {
-      flex-grow: 1;
-      font-size: 21px;
+    media-play-button.animated *:is(g, path) {
+      transition: all 0.3s;
+    }
+
+    media-play-button.animated[mediapaused] .pause-icon-pt1 {
+      opacity: 0;
+    }
+
+    media-play-button.animated[mediapaused] .pause-icon-pt2 {
+      transform-origin: center center;
+      transform: scaleY(0);
+    }
+
+    media-play-button.animated[mediapaused] .play-icon {
+      clip-path: inset(0 0 0 0);
+    }
+
+    media-play-button.animated:not([mediapaused]) .play-icon {
+      clip-path: inset(0 0 0 100%);
+    }
+
+    media-seek-forward-button,
+    media-seek-backward-button {
+      --media-font-weight: 400;
+    }
+
+    .mute-icon {
+      display: inline-block;
+    }
+
+    .mute-icon :is(path, g) {
+      transition: opacity 0.5s;
+    }
+
+    .muted {
+      opacity: 0;
+    }
+
+    media-mute-button[mediavolumelevel='low'] :is(.volume-medium, .volume-high),
+    media-mute-button[mediavolumelevel='medium'] :is(.volume-high) {
+      opacity: 0;
+    }
+
+    media-mute-button[mediavolumelevel='off'] .unmuted {
+      opacity: 0;
+    }
+
+    media-mute-button[mediavolumelevel='off'] .muted {
+      opacity: 1;
     }
   </style>
 
   <template partial="TitleDisplay">
     <template if="title">
-      <media-text-display part="top title display" class="title-display">
-        {{title}}
-      </media-text-display>
+      <media-text-display part="top title display" class="title-display">{{title}}</media-text-display>
     </template>
   </template>
 
@@ -1511,13 +1727,37 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       part="{{section ?? 'bottom'}} play button"
       disabled="{{disabled}}"
       aria-disabled="{{disabled}}"
+      class="animated"
     >
-      <svg aria-hidden="true" viewBox="0 0 24 24" slot="play">
-        <path d="m6.73 20.93 14.05-8.54a.46.46 0 0 0 0-.78L6.73 3.07a.48.48 0 0 0-.73.39v17.07a.48.48 0 0 0 .73.4Z" />
+      <svg aria-hidden="true" viewBox="0 0 18 14" slot="icon">
+        <g class="play-icon">
+          <path
+            d="M15.5987 6.2911L3.45577 0.110898C2.83667 -0.204202 2.06287 0.189698 2.06287 0.819798V13.1802C2.06287 13.8103 2.83667 14.2042 3.45577 13.8891L15.5987 7.7089C16.2178 7.3938 16.2178 6.6061 15.5987 6.2911Z"
+          />
+        </g>
+        <g class="pause-icon">
+          <path
+            class="pause-icon-pt1"
+            d="M5.90709 0H2.96889C2.46857 0 2.06299 0.405585 2.06299 0.9059V13.0941C2.06299 13.5944 2.46857 14 2.96889 14H5.90709C6.4074 14 6.81299 13.5944 6.81299 13.0941V0.9059C6.81299 0.405585 6.4074 0 5.90709 0Z"
+          />
+          <path
+            class="pause-icon-pt2"
+            d="M15.1571 0H12.2189C11.7186 0 11.313 0.405585 11.313 0.9059V13.0941C11.313 13.5944 11.7186 14 12.2189 14H15.1571C15.6574 14 16.063 13.5944 16.063 13.0941V0.9059C16.063 0.405585 15.6574 0 15.1571 0Z"
+          />
+        </g>
       </svg>
-      <svg aria-hidden="true" viewBox="0 0 24 24" slot="pause">
+    </media-play-button>
+  </template>
+
+  <template partial="PrePlayButton">
+    <media-play-button
+      part="{{section ?? 'center'}} play button pre-play"
+      disabled="{{disabled}}"
+      aria-disabled="{{disabled}}"
+    >
+      <svg aria-hidden="true" viewBox="0 0 18 14" slot="icon" style="transform: translate(3px, 0)">
         <path
-          d="M6 19.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v15ZM14.5 4a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3Z"
+          d="M15.5987 6.2911L3.45577 0.110898C2.83667 -0.204202 2.06287 0.189698 2.06287 0.819798V13.1802C2.06287 13.8103 2.83667 14.2042 3.45577 13.8891L15.5987 7.7089C16.2178 7.3938 16.2178 6.6061 15.5987 6.2911Z"
         />
       </svg>
     </media-play-button>
@@ -1530,9 +1770,11 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       disabled="{{disabled}}"
       aria-disabled="{{disabled}}"
     >
-      <svg aria-hidden="true" viewBox="0 0 22 24" slot="backward">
-        <path d="M11 6V3L5.37 7 11 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 11 6Z" />
-        <text class="value" transform="translate(2.5 21)" style="font-size: 8px; font-family: 'ArialMT', 'Arial'">
+      <svg viewBox="0 0 22 14" aria-hidden="true" slot="icon">
+        <path
+          d="M3.65 2.07888L0.0864 6.7279C-0.0288 6.87812 -0.0288 7.12188 0.0864 7.2721L3.65 11.9211C3.7792 12.0896 4 11.9703 4 11.7321V2.26787C4 2.02968 3.7792 1.9104 3.65 2.07888Z"
+        />
+        <text transform="translate(6 12)" style="font-size: 14px; font-family: 'ArialMT', 'Arial'">
           {{backwardseekoffset}}
         </text>
       </svg>
@@ -1546,150 +1788,185 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       disabled="{{disabled}}"
       aria-disabled="{{disabled}}"
     >
-      <svg aria-hidden="true" viewBox="0 0 22 24" slot="forward">
-        <path d="M11 6V3l5.61 4L11 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 11 6Z" />
-        <text class="value" transform="translate(10 21)" style="font-size: 8px; font-family: 'ArialMT', 'Arial'">
-          {{forwardseekoffset}}
-        </text>
+      <svg viewBox="0 0 22 14" aria-hidden="true" slot="icon">
+        <g>
+          <text transform="translate(-1 12)" style="font-size: 14px; font-family: 'ArialMT', 'Arial'">
+            {{forwardseekoffset}}
+          </text>
+          <path
+            d="M18.35 11.9211L21.9136 7.2721C22.0288 7.12188 22.0288 6.87812 21.9136 6.7279L18.35 2.07888C18.2208 1.91041 18 2.02968 18 2.26787V11.7321C18 11.9703 18.2208 12.0896 18.35 11.9211Z"
+          />
+        </g>
       </svg>
     </media-seek-forward-button>
   </template>
 
   <template partial="MuteButton">
     <media-mute-button part="bottom mute button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
-      <svg aria-hidden="true" viewBox="0 0 24 24" slot="high">
-        <path
-          d="m11.14 4.86-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.21a.5.5 0 0 0-.86-.35Zm2.74-1.56v1.52A7.52 7.52 0 0 1 19.47 12a7.52 7.52 0 0 1-5.59 7.18v1.52A9 9 0 0 0 21 12a9 9 0 0 0-7.12-8.7Zm3.56 8.7a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
-        />
+      <svg viewBox="0 0 18 14" slot="icon" class="mute-icon" aria-hidden="true">
+        <g class="unmuted">
+          <path
+            d="M6.76786 1.21233L3.98606 3.98924H1.19937C0.593146 3.98924 0.101743 4.51375 0.101743 5.1607V6.96412L0 6.99998L0.101743 7.03583V8.83926C0.101743 9.48633 0.593146 10.0108 1.19937 10.0108H3.98606L6.76773 12.7877C7.23561 13.2547 8 12.9007 8 12.2171V1.78301C8 1.09925 7.23574 0.745258 6.76786 1.21233Z"
+          />
+          <path
+            class="volume-low"
+            d="M10 3.54781C10.7452 4.55141 11.1393 5.74511 11.1393 6.99991C11.1393 8.25471 10.7453 9.44791 10 10.4515L10.7988 11.0496C11.6734 9.87201 12.1356 8.47161 12.1356 6.99991C12.1356 5.52821 11.6735 4.12731 10.7988 2.94971L10 3.54781Z"
+          />
+          <path
+            class="volume-medium"
+            d="M12.3778 2.40086C13.2709 3.76756 13.7428 5.35806 13.7428 7.00026C13.7428 8.64246 13.2709 10.233 12.3778 11.5992L13.2106 12.1484C14.2107 10.6185 14.739 8.83796 14.739 7.00016C14.739 5.16236 14.2107 3.38236 13.2106 1.85156L12.3778 2.40086Z"
+          />
+          <path
+            class="volume-high"
+            d="M15.5981 0.75L14.7478 1.2719C15.7937 2.9919 16.3468 4.9723 16.3468 7C16.3468 9.0277 15.7937 11.0082 14.7478 12.7281L15.5981 13.25C16.7398 11.3722 17.343 9.211 17.343 7C17.343 4.789 16.7398 2.6268 15.5981 0.75Z"
+          />
+        </g>
+        <g class="muted">
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M4.39976 4.98924H1.19937C1.19429 4.98924 1.17777 4.98961 1.15296 5.01609C1.1271 5.04369 1.10174 5.09245 1.10174 5.1607V8.83926C1.10174 8.90761 1.12714 8.95641 1.15299 8.984C1.17779 9.01047 1.1943 9.01084 1.19937 9.01084H4.39977L7 11.6066V2.39357L4.39976 4.98924ZM7.47434 1.92006C7.4743 1.9201 7.47439 1.92002 7.47434 1.92006V1.92006ZM6.76773 12.7877L3.98606 10.0108H1.19937C0.593146 10.0108 0.101743 9.48633 0.101743 8.83926V7.03583L0 6.99998L0.101743 6.96412V5.1607C0.101743 4.51375 0.593146 3.98924 1.19937 3.98924H3.98606L6.76786 1.21233C7.23574 0.745258 8 1.09925 8 1.78301V12.2171C8 12.9007 7.23561 13.2547 6.76773 12.7877Z"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.2677 9.30323C15.463 9.49849 15.7796 9.49849 15.9749 9.30323C16.1701 9.10796 16.1701 8.79138 15.9749 8.59612L14.2071 6.82841L15.9749 5.06066C16.1702 4.8654 16.1702 4.54882 15.9749 4.35355C15.7796 4.15829 15.4631 4.15829 15.2678 4.35355L13.5 6.1213L11.7322 4.35348C11.537 4.15822 11.2204 4.15822 11.0251 4.35348C10.8298 4.54874 10.8298 4.86532 11.0251 5.06058L12.7929 6.82841L11.0251 8.59619C10.8299 8.79146 10.8299 9.10804 11.0251 9.3033C11.2204 9.49856 11.537 9.49856 11.7323 9.3033L13.5 7.53552L15.2677 9.30323Z"
+          />
+        </g>
       </svg>
-      <svg aria-hidden="true" viewBox="0 0 24 24" slot="low">
-        <path
-          d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
-        />
-      </svg>
-      <svg aria-hidden="true" viewBox="0 0 24 24" slot="medium">
+    </media-mute-button>
+  </template>
+
+  <template partial="PipButton">
+    <media-pip-button part="bottom pip button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+      <svg viewBox="0 0 18 14" aria-hidden="true" slot="icon">
         <path
-          d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
+          d="M15.9891 0H2.011C0.9004 0 0 0.9003 0 2.0109V11.989C0 13.0996 0.9004 14 2.011 14H15.9891C17.0997 14 18 13.0997 18 11.9891V2.0109C18 0.9003 17.0997 0 15.9891 0ZM17 11.9891C17 12.5465 16.5465 13 15.9891 13H2.011C1.4536 13 1.0001 12.5465 1.0001 11.9891V2.0109C1.0001 1.4535 1.4536 0.9999 2.011 0.9999H15.9891C16.5465 0.9999 17 1.4535 17 2.0109V11.9891Z"
         />
-      </svg>
-      <svg aria-hidden="true" viewBox="0 0 24 24" slot="off">
         <path
-          d="m3 4.05 4.48 4.47-.33.33a.49.49 0 0 1-.36.15H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.48.48 0 0 0 .36.15.5.5 0 0 0 .5-.5v-5.75l4.67 4.66a7.71 7.71 0 0 1-2.79 1.47v1.52a9.32 9.32 0 0 0 3.87-1.91L20 21l1-1L4.06 3 3 4.05Zm5.36 5.36 2.39 2.39V17L8 14.26a1.74 1.74 0 0 0-1.24-.51H4.25v-3.5h2.54A1.74 1.74 0 0 0 8 9.74l.36-.33ZM19.47 12a7.19 7.19 0 0 1-.89 3.47l1.11 1.1A8.64 8.64 0 0 0 21 12a9 9 0 0 0-7.12-8.7v1.52A7.52 7.52 0 0 1 19.47 12ZM12 8.88V5.21a.5.5 0 0 0-.5-.5.48.48 0 0 0-.36.15L9.56 6.44 12 8.88ZM15.91 12a4.284 4.284 0 0 1-.07.72l1.22 1.22a5.2 5.2 0 0 0 .38-1.94 5.49 5.49 0 0 0-3.56-5.1v1.66A4 4 0 0 1 15.91 12Z"
+          d="M15.356 5.67822H8.19523C8.03253 5.67822 7.90063 5.81012 7.90063 5.97282V11.3836C7.90063 11.5463 8.03253 11.6782 8.19523 11.6782H15.356C15.5187 11.6782 15.6506 11.5463 15.6506 11.3836V5.97282C15.6506 5.81012 15.5187 5.67822 15.356 5.67822Z"
         />
       </svg>
-    </media-mute-button>
-  </template>
-
-  <template partial="RenditionSelect">
-    <media-rendition-selectmenu part="bottom rendition selectmenu" disabled="{{disabled}}" aria-disabled="{{disabled}}">
-      <media-rendition-button slot="button" part="bottom rendition button">
-        <svg aria-hidden="true" slot="icon" viewBox="0 0 18 24">
-          <path d="M2.25 14.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm6.75 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm6.75 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
-        </svg>
-      </media-rendition-button>
-      <media-rendition-listbox slot="listbox" part="bottom rendition listbox">
-        <div slot="header">Quality</div>
-      </media-rendition-listbox>
-    </media-rendition-selectmenu>
-  </template>
-
-  <template partial="AudioTrackSelect">
-    <media-audio-track-selectmenu part="bottom audio-track selectmenu" disabled="{{disabled}}" aria-disabled="{{disabled}}">
-      <media-audio-track-button slot="button" part="bottom audio-track button">
-        <svg aria-hidden="true" slot="icon" viewBox="0 0 24 24">
-          <path d="M12 20.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17Zm0 1.5C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Z"/>
-          <path d="M7.25 9.75a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75Zm3-3a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-1.5 0v-9a.75.75 0 0 1 .75-.75Zm3 2a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75Zm3-1a.75.75 0 0 1 .75.75v7a.75.75 0 0 1-1.5 0v-7a.75.75 0 0 1 .75-.75Z"/>
-        </svg>
-      </media-audio-track-button>
-      <media-audio-track-listbox slot="listbox" part="bottom audio-track listbox">
-        <div slot="header">Audio</div>
-      </media-audio-track-listbox>
-    </media-audio-track-selectmenu>
+    </media-pip-button>
   </template>
 
-  <template partial="CaptionsSelect">
+  <template partial="CaptionsMenuButton">
     <media-captions-selectmenu part="bottom captions selectmenu" disabled="{{disabled}}" aria-disabled="{{disabled}}">
-      <media-captions-button slot="button" part="bottom captions button">
-        <svg aria-hidden="true" viewBox="0 0 26 24" slot="on">
-          <path d="M22.832 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.41 10.1a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 4 4 0 0 1-1.28-.83 3.67 3.67 0 0 1-.84-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.53 3.53 0 0 1 .84-1.21 3.89 3.89 0 0 1 1.29-.8 4.76 4.76 0 0 1 1.63-.27 4.06 4.06 0 0 1 1.35.24c.225.091.44.205.64.34a2.7 2.7 0 0 1 .55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.35 2.35 0 0 0-.46.77 2.78 2.78 0 0 0-.16 1c-.009.34.046.68.16 1 .104.283.26.545.46.77.188.21.415.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.88 2.88 0 0 1-1.22 1.01Zm7.52 0a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 3.89 3.89 0 0 1-1.28-.83 3.55 3.55 0 0 1-.85-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.43 3.43 0 0 1 .85-1.25 3.75 3.75 0 0 1 1.28-.8 4.76 4.76 0 0 1 1.63-.27 4 4 0 0 1 1.35.24c.225.091.44.205.64.34.21.144.395.32.55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.352 2.352 0 0 0-.46.77 3.01 3.01 0 0 0-.16 1c-.003.34.05.678.16 1 .108.282.263.542.46.77.188.21.416.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.82 2.82 0 0 1-1.21 1.05Z"/>
+      <media-captions-button
+        slot="button"
+        part="bottom captions button"
+        disabled="{{disabled}}"
+        aria-disabled="{{disabled}}"
+      >
+        <svg aria-hidden="true" viewBox="0 0 18 14" slot="on">
+          <path
+            d="M15.989 0H2.011C0.9004 0 0 0.9003 0 2.0109V11.9891C0 13.0997 0.9004 14 2.011 14H15.989C17.0997 14 18 13.0997 18 11.9891V2.0109C18 0.9003 17.0997 0 15.989 0ZM4.2292 8.7639C4.5954 9.1902 5.0935 9.4031 5.7233 9.4031C6.1852 9.4031 6.5544 9.301 6.8302 9.0969C7.1061 8.8933 7.2863 8.614 7.3702 8.26H8.4322C8.3062 8.884 8.0093 9.3733 7.5411 9.7273C7.0733 10.0813 6.4703 10.2581 5.732 10.2581C5.108 10.2581 4.5699 10.1219 4.1168 9.8489C3.6637 9.5759 3.3141 9.1946 3.0685 8.7058C2.8224 8.2165 2.6994 7.6511 2.6994 7.009C2.6994 6.3611 2.8224 5.7927 3.0685 5.3034C3.3141 4.8146 3.6637 4.4323 4.1168 4.1559C4.5699 3.88 5.108 3.7418 5.732 3.7418C6.4703 3.7418 7.0733 3.922 7.5411 4.2818C8.0094 4.6422 8.3062 5.1461 8.4322 5.794H7.3702C7.2862 5.4283 7.106 5.1368 6.8302 4.921C6.5544 4.7052 6.1852 4.5968 5.7233 4.5968C5.0934 4.5968 4.5954 4.8116 4.2292 5.2404C3.8635 5.6696 3.6804 6.259 3.6804 7.009C3.6804 7.7531 3.8635 8.3381 4.2292 8.7639ZM11.0974 8.7639C11.4636 9.1902 11.9617 9.4031 12.5915 9.4031C13.0534 9.4031 13.4226 9.301 13.6984 9.0969C13.9743 8.8933 14.1545 8.614 14.2384 8.26H15.3004C15.1744 8.884 14.8775 9.3733 14.4093 9.7273C13.9415 10.0813 13.3385 10.2581 12.6002 10.2581C11.9762 10.2581 11.4381 10.1219 10.985 9.8489C10.5319 9.5759 10.1823 9.1946 9.9367 8.7058C9.6906 8.2165 9.5676 7.6511 9.5676 7.009C9.5676 6.3611 9.6906 5.7927 9.9367 5.3034C10.1823 4.8146 10.5319 4.4323 10.985 4.1559C11.4381 3.88 11.9762 3.7418 12.6002 3.7418C13.3385 3.7418 13.9415 3.922 14.4093 4.2818C14.8776 4.6422 15.1744 5.1461 15.3004 5.794H14.2384C14.1544 5.4283 13.9742 5.1368 13.6984 4.921C13.4226 4.7052 13.0534 4.5968 12.5915 4.5968C11.9616 4.5968 11.4636 4.8116 11.0974 5.2404C10.7317 5.6696 10.5486 6.259 10.5486 7.009C10.5486 7.7531 10.7317 8.3381 11.0974 8.7639Z"
+          />
         </svg>
-        <svg aria-hidden="true" viewBox="0 0 26 24" slot="off">
-          <path d="M22.832 5.68a2.58 2.58 0 0 0-2.3-2.5c-1.81-.12-4.67-.18-7.53-.18-2.86 0-5.72.06-7.53.18a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c1.81.12 4.67.18 7.53.18 2.86 0 5.72-.06 7.53-.18a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.137-.21-8.283 0-12.42a1.11 1.11 0 0 1 .91-1.11c1.67-.11 4.43-.18 7.43-.18s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.137.21 8.283 0 12.42ZM10.843 14a1.55 1.55 0 0 1-.76.18 1.57 1.57 0 0 1-.71-.18 1.69 1.69 0 0 1-.57-.42 2.099 2.099 0 0 1-.38-.58 2.47 2.47 0 0 1 0-1.64 2 2 0 0 1 .39-.66 1.73 1.73 0 0 1 .58-.42c.23-.103.479-.158.73-.16.241-.004.48.044.7.14.199.088.373.222.51.39l1.08-.89a2.179 2.179 0 0 0-.47-.44 2.81 2.81 0 0 0-.54-.32 2.91 2.91 0 0 0-.58-.15 2.71 2.71 0 0 0-.56 0 4.08 4.08 0 0 0-1.38.15 3.27 3.27 0 0 0-1.09.67 3.14 3.14 0 0 0-.71 1.06 3.62 3.62 0 0 0-.26 1.39 3.57 3.57 0 0 0 .26 1.38 3 3 0 0 0 .71 1.06c.316.293.687.52 1.09.67.443.16.91.238 1.38.23a3.2 3.2 0 0 0 1.28-.27c.401-.183.747-.47 1-.83l-1.17-.88a1.42 1.42 0 0 1-.53.52Zm6.62 0a1.58 1.58 0 0 1-.76.18 1.54 1.54 0 0 1-.7-.18 1.69 1.69 0 0 1-.57-.42 2.12 2.12 0 0 1-.43-.58 2.29 2.29 0 0 1 .39-2.3 1.84 1.84 0 0 1 1.32-.58c.241-.003.48.045.7.14.199.088.373.222.51.39l1.08-.92a2.43 2.43 0 0 0-.47-.44 3.22 3.22 0 0 0-.53-.29 2.999 2.999 0 0 0-.57-.15 2.87 2.87 0 0 0-.57 0 4.06 4.06 0 0 0-1.36.15 3.17 3.17 0 0 0-1.09.67 3 3 0 0 0-.72 1.06 3.62 3.62 0 0 0-.25 1.39 3.57 3.57 0 0 0 .25 1.38c.16.402.405.764.72 1.06a3.17 3.17 0 0 0 1.09.67c.44.16.904.237 1.37.23.441 0 .877-.092 1.28-.27a2.45 2.45 0 0 0 1-.83l-1.15-.85a1.49 1.49 0 0 1-.54.49Z"/>
+        <svg aria-hidden="true" viewBox="0 0 18 14" slot="off">
+          <path
+            d="M5.73219 10.258C5.10819 10.258 4.57009 10.1218 4.11699 9.8488C3.66389 9.5758 3.31429 9.1945 3.06869 8.7057C2.82259 8.2164 2.69958 7.651 2.69958 7.0089C2.69958 6.361 2.82259 5.7926 3.06869 5.3033C3.31429 4.8145 3.66389 4.4322 4.11699 4.1558C4.57009 3.8799 5.10819 3.7417 5.73219 3.7417C6.47049 3.7417 7.07348 3.9219 7.54128 4.2817C8.00958 4.6421 8.30638 5.146 8.43238 5.7939H7.37039C7.28639 5.4282 7.10618 5.1367 6.83039 4.9209C6.55459 4.7051 6.18538 4.5967 5.72348 4.5967C5.09358 4.5967 4.59559 4.8115 4.22939 5.2403C3.86369 5.6695 3.68058 6.2589 3.68058 7.0089C3.68058 7.753 3.86369 8.338 4.22939 8.7638C4.59559 9.1901 5.09368 9.403 5.72348 9.403C6.18538 9.403 6.55459 9.3009 6.83039 9.0968C7.10629 8.8932 7.28649 8.6139 7.37039 8.2599H8.43238C8.30638 8.8839 8.00948 9.3732 7.54128 9.7272C7.07348 10.0812 6.47049 10.258 5.73219 10.258Z"
+          />
+          <path
+            d="M12.6003 10.258C11.9763 10.258 11.4382 10.1218 10.9851 9.8488C10.532 9.5758 10.1824 9.1945 9.93685 8.7057C9.69075 8.2164 9.56775 7.651 9.56775 7.0089C9.56775 6.361 9.69075 5.7926 9.93685 5.3033C10.1824 4.8145 10.532 4.4322 10.9851 4.1558C11.4382 3.8799 11.9763 3.7417 12.6003 3.7417C13.3386 3.7417 13.9416 3.9219 14.4094 4.2817C14.8777 4.6421 15.1745 5.146 15.3005 5.7939H14.2385C14.1545 5.4282 13.9743 5.1367 13.6985 4.9209C13.4227 4.7051 13.0535 4.5967 12.5916 4.5967C11.9617 4.5967 11.4637 4.8115 11.0975 5.2403C10.7318 5.6695 10.5487 6.2589 10.5487 7.0089C10.5487 7.753 10.7318 8.338 11.0975 8.7638C11.4637 9.1901 11.9618 9.403 12.5916 9.403C13.0535 9.403 13.4227 9.3009 13.6985 9.0968C13.9744 8.8932 14.1546 8.6139 14.2385 8.2599H15.3005C15.1745 8.8839 14.8776 9.3732 14.4094 9.7272C13.9416 10.0812 13.3386 10.258 12.6003 10.258Z"
+          />
+          <path
+            d="M15.9891 1C16.5465 1 17 1.4535 17 2.011V11.9891C17 12.5465 16.5465 13 15.9891 13H2.0109C1.4535 13 1 12.5465 1 11.9891V2.0109C1 1.4535 1.4535 0.9999 2.0109 0.9999L15.9891 1ZM15.9891 0H2.0109C0.9003 0 0 0.9003 0 2.0109V11.9891C0 13.0997 0.9003 14 2.0109 14H15.9891C17.0997 14 18 13.0997 18 11.9891V2.0109C18 0.9003 17.0997 0 15.9891 0Z"
+          />
         </svg>
       </media-captions-button>
-      <media-captions-listbox slot="listbox" part="bottom captions listbox"></media-captions-listbox>
+      <media-captions-listbox slot="listbox" part="bottom captions listbox">
+        <div slot="select-indicator">
+          <style>
+            .listbox-indicator {
+              position: relative;
+              top: 1px;
+              width: 0.9em;
+              height: auto;
+              fill: var(--_accent-color);
+            }
+
+            [aria-selected='false'] .listbox-indicator {
+              display: none;
+            }
+          </style>
+          <svg viewBox="0 0 14 18" class="listbox-indicator">
+            <path
+              d="M12.252 3.48c-.115.033-.301.161-.425.291-.059.063-1.407 1.815-2.995 3.894s-2.897 3.79-2.908 3.802c-.013.014-.661-.616-1.672-1.624-.908-.905-1.702-1.681-1.765-1.723-.401-.27-.783-.211-1.176.183a1.285 1.285 0 0 0-.261.342.582.582 0 0 0-.082.35c0 .165.01.205.08.35.075.153.213.296 2.182 2.271 1.156 1.159 2.17 2.159 2.253 2.222.189.143.338.196.539.194.203-.003.412-.104.618-.299.205-.193 6.7-8.693 6.804-8.903a.716.716 0 0 0 .085-.345c.01-.179.005-.203-.062-.339-.124-.252-.45-.531-.746-.639a.784.784 0 0 0-.469-.027"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+      </media-captions-listbox>
     </media-captions-selectmenu>
   </template>
 
   <template partial="AirplayButton">
     <media-airplay-button part="bottom airplay button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
-      <svg aria-hidden="true" viewBox="0 0 26 24" slot="airplay">
+      <svg viewBox="0 0 18 14" aria-hidden="true" slot="icon">
         <path
-          d="M13.19 14.22a.25.25 0 0 0-.38 0l-5.46 6.37a.25.25 0 0 0 .19.41h10.92a.25.25 0 0 0 .19-.41l-5.46-6.37Z"
+          d="M16.1383 0H1.8618C0.8335 0 0 0.8335 0 1.8617V10.1382C0 11.1664 0.8335 12 1.8618 12H3.076C3.1204 11.9433 3.1503 11.8785 3.2012 11.826L4.004 11H1.8618C1.3866 11 1 10.6134 1 10.1382V1.8617C1 1.3865 1.3866 0.9999 1.8618 0.9999H16.1383C16.6135 0.9999 17.0001 1.3865 17.0001 1.8617V10.1382C17.0001 10.6134 16.6135 11 16.1383 11H13.9961L14.7989 11.826C14.8499 11.8785 14.8798 11.9432 14.9241 12H16.1383C17.1665 12 18.0001 11.1664 18.0001 10.1382V1.8617C18 0.8335 17.1665 0 16.1383 0Z"
         />
         <path
-          d="M22 3H4a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h2.94L8 16.75H4.25V4.25h17.5v12.5H18L19.06 18H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
+          d="M9.55061 8.21903C9.39981 8.06383 9.20001 7.98633 9.00011 7.98633C8.80021 7.98633 8.60031 8.06383 8.44951 8.21903L4.09771 12.697C3.62471 13.1838 3.96961 13.9998 4.64831 13.9998H13.3518C14.0304 13.9998 14.3754 13.1838 13.9023 12.697L9.55061 8.21903Z"
         />
       </svg>
     </media-airplay-button>
   </template>
 
-  <template partial="CastButton">
-    <media-cast-button part="bottom cast button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
-      <svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
-        <path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z" />
-        <path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z" />
+  <template partial="FullscreenButton">
+    <media-fullscreen-button part="bottom fullscreen button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+      <svg viewBox="0 0 18 14" aria-hidden="true" slot="enter">
         <path
-          d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
+          d="M1.00745 4.39539L1.01445 1.98789C1.01605 1.43049 1.47085 0.978289 2.02835 0.979989L6.39375 0.992589L6.39665 -0.007411L2.03125 -0.020011C0.920646 -0.023211 0.0176463 0.874489 0.0144463 1.98509L0.00744629 4.39539H1.00745Z"
         />
-      </svg>
-      <svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
-        <path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z" />
-        <path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z" />
         <path
-          d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
+          d="M17.0144 2.03431L17.0076 4.39541H18.0076L18.0144 2.03721C18.0176 0.926712 17.1199 0.0237125 16.0093 0.0205125L11.6439 0.0078125L11.641 1.00781L16.0064 1.02041C16.5638 1.02201 17.016 1.47681 17.0144 2.03431Z"
         />
-        <path d="M20.5 5.5h-15v5.811c3.52.906 6.283 3.67 7.189 7.19H20.5V5.5Z" />
-      </svg>
-    </media-cast-button>
-  </template>
-
-  <template partial="PipButton">
-    <media-pip-button part="bottom pip button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
-      <svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
         <path
-          d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"
+          d="M16.9925 9.60498L16.9855 12.0124C16.9839 12.5698 16.5291 13.022 15.9717 13.0204L11.6063 13.0078L11.6034 14.0078L15.9688 14.0204C17.0794 14.0236 17.9823 13.1259 17.9855 12.0153L17.9925 9.60498H16.9925Z"
+        />
+        <path
+          d="M0.985626 11.9661L0.992426 9.60498H-0.0074737L-0.0142737 11.9632C-0.0174737 13.0738 0.880226 13.9767 1.99083 13.98L6.35623 13.9926L6.35913 12.9926L1.99373 12.98C1.43633 12.9784 0.983926 12.5236 0.985626 11.9661Z"
         />
       </svg>
-      <svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
+      <svg viewBox="0 0 18 14" aria-hidden="true" slot="exit">
+        <path
+          d="M5.39655 -0.0200195L5.38955 2.38748C5.38795 2.94488 4.93315 3.39708 4.37565 3.39538L0.0103463 3.38278L0.00744629 4.38278L4.37285 4.39538C5.48345 4.39858 6.38635 3.50088 6.38965 2.39028L6.39665 -0.0200195H5.39655Z"
+        />
         <path
-          d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"
+          d="M12.6411 2.36891L12.6479 0.0078125H11.6479L11.6411 2.36601C11.6379 3.47651 12.5356 4.37951 13.6462 4.38271L18.0116 4.39531L18.0145 3.39531L13.6491 3.38271C13.0917 3.38111 12.6395 2.92641 12.6411 2.36891Z"
+        />
+        <path
+          d="M12.6034 14.0204L12.6104 11.613C12.612 11.0556 13.0668 10.6034 13.6242 10.605L17.9896 10.6176L17.9925 9.61759L13.6271 9.60499C12.5165 9.60179 11.6136 10.4995 11.6104 11.6101L11.6034 14.0204H12.6034Z"
+        />
+        <path
+          d="M5.359 11.6315L5.3522 13.9926H6.3522L6.359 11.6344C6.3622 10.5238 5.4645 9.62088 4.3539 9.61758L-0.0115043 9.60498L-0.0144043 10.605L4.351 10.6176C4.9084 10.6192 5.3607 11.074 5.359 11.6315Z"
         />
       </svg>
-    </media-pip-button>
+    </media-fullscreen-button>
   </template>
 
-  <template partial="FullscreenButton">
-    <media-fullscreen-button part="bottom fullscreen button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
-      <svg aria-hidden="true" viewBox="0 0 24 24" slot="enter">
+  <template partial="CastButton">
+    <media-cast-button part="bottom cast button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+      <svg viewBox="0 0 18 14" aria-hidden="true" slot="enter">
         <path
-          d="M20.25 14.5a.76.76 0 0 0-.75.75v4.25h-4.25a.75.75 0 1 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5a.76.76 0 0 0-.75-.75Zm0-11.5h-5a.76.76 0 0 0-.75.75.76.76 0 0 0 .75.75h4.25v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75ZM8.75 19.5H4.5v-4.25a.76.76 0 0 0-.75-.75.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75h5a.75.75 0 1 0 0-1.5Zm0-16.5h-5a.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75.76.76 0 0 0 .75-.75V4.5h4.25a.76.76 0 0 0 .75-.75.76.76 0 0 0-.75-.75Z"
+          d="M16.0072 0H2.0291C0.9185 0 0.0181 0.9003 0.0181 2.011V5.5009C0.357 5.5016 0.6895 5.5275 1.0181 5.5669V2.011C1.0181 1.4536 1.4716 1 2.029 1H16.0072C16.5646 1 17.0181 1.4536 17.0181 2.011V11.9891C17.0181 12.5465 16.5646 13 16.0072 13H8.4358C8.4746 13.3286 8.4999 13.6611 8.4999 13.9999H16.0071C17.1177 13.9999 18.018 13.0996 18.018 11.989V2.011C18.0181 0.9003 17.1178 0 16.0072 0ZM0 6.4999V7.4999C3.584 7.4999 6.5 10.4159 6.5 13.9999H7.5C7.5 9.8642 4.1357 6.4999 0 6.4999ZM0 8.7499V9.7499C2.3433 9.7499 4.25 11.6566 4.25 13.9999H5.25C5.25 11.1049 2.895 8.7499 0 8.7499ZM0.0181 11V14H3.0181C3.0181 12.3431 1.675 11 0.0181 11Z"
         />
       </svg>
-      <svg aria-hidden="true" viewBox="0 0 24 24" slot="exit">
+      <svg viewBox="0 0 18 14" aria-hidden="true" slot="exist">
         <path
-          d="M20.25 14.5h-5a.76.76 0 0 0-.75.75v5a.75.75 0 1 0 1.5 0V16h4.25a.75.75 0 1 0 0-1.5Zm-5-5h5a.75.75 0 1 0 0-1.5H16V3.75a.75.75 0 1 0-1.5 0v5a.76.76 0 0 0 .75.75Zm-6.5 5h-5a.75.75 0 1 0 0 1.5H8v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75Zm0-11.5a.76.76 0 0 0-.75.75V8H3.75a.75.75 0 0 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5A.76.76 0 0 0 8.75 3Z"
+          d="M15.9891 0H2.01103C0.900434 0 3.35947e-05 0.9003 3.35947e-05 2.011V5.5009C0.338934 5.5016 0.671434 5.5275 1.00003 5.5669V2.011C1.00003 1.4536 1.45353 1 2.01093 1H15.9891C16.5465 1 17 1.4536 17 2.011V11.9891C17 12.5465 16.5465 13 15.9891 13H8.41773C8.45653 13.3286 8.48183 13.6611 8.48183 13.9999H15.989C17.0996 13.9999 17.9999 13.0996 17.9999 11.989V2.011C18 0.9003 17.0997 0 15.9891 0ZM-0.0180664 6.4999V7.4999C3.56593 7.4999 6.48193 10.4159 6.48193 13.9999H7.48193C7.48193 9.8642 4.11763 6.4999 -0.0180664 6.4999ZM-0.0180664 8.7499V9.7499C2.32523 9.7499 4.23193 11.6566 4.23193 13.9999H5.23193C5.23193 11.1049 2.87693 8.7499 -0.0180664 8.7499ZM3.35947e-05 11V14H3.00003C3.00003 12.3431 1.65693 11 3.35947e-05 11Z"
         />
+        <path d="M2.15002 5.634C5.18352 6.4207 7.57252 8.8151 8.35282 11.8499H15.8501V2.1499H2.15002V5.634Z" />
       </svg>
-    </media-fullscreen-button>
+    </media-cast-button>
   </template>
 
   <template partial="LiveButton">
-    <media-live-button
-      part="{{section ?? 'top'}} live button"
-      disabled="{{disabled}}"
-      aria-disabled="{{disabled}}"
-    ></media-live-button>
+    <media-live-button part="{{section ?? 'top'}} live button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+      <span slot="text">Live</span>
+    </media-live-button>
   </template>
 
   <template partial="PlaybackRateButton">
@@ -1698,7 +1975,8 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       part="bottom playback-rate button"
       disabled="{{disabled}}"
       aria-disabled="{{disabled}}"
-    ></media-playback-rate-button>
+    >
+    </media-playback-rate-button>
   </template>
 
   <template partial="VolumeRange">
@@ -1720,17 +1998,87 @@ media-poster-image:not([src]):not([placeholdersrc]) {
   </template>
 
   <template partial="TimeRange">
-    <media-time-range
-      part="bottom time range"
+    <media-time-range part="bottom time range" disabled="{{disabled}}" aria-disabled="{{disabled}}"></media-time-range>
+  </template>
+
+  <template partial="AudioTrackSelect">
+    <media-audio-track-selectmenu
+      part="bottom audio-track selectmenu"
       disabled="{{disabled}}"
       aria-disabled="{{disabled}}"
-    ></media-time-range>
+    >
+      <media-audio-track-button slot="button" part="bottom audio-track button">
+        <svg aria-hidden="true" slot="icon" viewBox="0 0 18 16">
+          <path d="M9 15A7 7 0 1 1 9 1a7 7 0 0 1 0 14Zm0 1A8 8 0 1 0 9 0a8 8 0 0 0 0 16Z" />
+          <path
+            d="M5.2 6.3a.5.5 0 0 1 .5.5v2.4a.5.5 0 1 1-1 0V6.8a.5.5 0 0 1 .5-.5Zm2.4-2.4a.5.5 0 0 1 .5.5v7.2a.5.5 0 0 1-1 0V4.4a.5.5 0 0 1 .5-.5ZM10 5.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.4-.8a.5.5 0 0 1 .5.5v5.6a.5.5 0 0 1-1 0V5.2a.5.5 0 0 1 .5-.5Z"
+          />
+        </svg>
+      </media-audio-track-button>
+      <media-audio-track-listbox slot="listbox" part="bottom audio-track listbox">
+        <div slot="select-indicator">
+          <style>
+            .listbox-indicator {
+              position: relative;
+              top: 1px;
+              width: 0.9em;
+              height: auto;
+              fill: var(--_accent-color);
+            }
+
+            [aria-selected='false'] .listbox-indicator {
+              display: none;
+            }
+          </style>
+          <svg viewBox="0 0 14 18" class="listbox-indicator">
+            <path
+              d="M12.252 3.48c-.115.033-.301.161-.425.291-.059.063-1.407 1.815-2.995 3.894s-2.897 3.79-2.908 3.802c-.013.014-.661-.616-1.672-1.624-.908-.905-1.702-1.681-1.765-1.723-.401-.27-.783-.211-1.176.183a1.285 1.285 0 0 0-.261.342.582.582 0 0 0-.082.35c0 .165.01.205.08.35.075.153.213.296 2.182 2.271 1.156 1.159 2.17 2.159 2.253 2.222.189.143.338.196.539.194.203-.003.412-.104.618-.299.205-.193 6.7-8.693 6.804-8.903a.716.716 0 0 0 .085-.345c.01-.179.005-.203-.062-.339-.124-.252-.45-.531-.746-.639a.784.784 0 0 0-.469-.027"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+      </media-audio-track-listbox>
+    </media-audio-track-selectmenu>
+  </template>
+
+  <template partial="RenditionSelect">
+    <media-rendition-selectmenu part="bottom rendition selectmenu" disabled="{{disabled}}" aria-disabled="{{disabled}}">
+      <media-rendition-button slot="button" part="bottom rendition button">
+        <svg aria-hidden="true" slot="icon" viewBox="0 0 18 14">
+          <path
+            d="M2.25 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM9 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm6.75 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+          />
+        </svg>
+      </media-rendition-button>
+      <media-rendition-listbox slot="listbox" part="bottom rendition listbox">
+        <div slot="select-indicator">
+          <style>
+            .listbox-indicator {
+              position: relative;
+              top: 1px;
+              width: 0.9em;
+              height: auto;
+              fill: var(--_accent-color);
+            }
+
+            [aria-selected='false'] .listbox-indicator {
+              display: none;
+            }
+          </style>
+          <svg viewBox="0 0 14 18" class="listbox-indicator">
+            <path
+              d="M12.252 3.48c-.115.033-.301.161-.425.291-.059.063-1.407 1.815-2.995 3.894s-2.897 3.79-2.908 3.802c-.013.014-.661-.616-1.672-1.624-.908-.905-1.702-1.681-1.765-1.723-.401-.27-.783-.211-1.176.183a1.285 1.285 0 0 0-.261.342.582.582 0 0 0-.082.35c0 .165.01.205.08.35.075.153.213.296 2.182 2.271 1.156 1.159 2.17 2.159 2.253 2.222.189.143.338.196.539.194.203-.003.412-.104.618-.299.205-.193 6.7-8.693 6.804-8.903a.716.716 0 0 0 .085-.345c.01-.179.005-.203-.062-.339-.124-.252-.45-.531-.746-.639a.784.784 0 0 0-.469-.027"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+      </media-rendition-listbox>
+    </media-rendition-selectmenu>
   </template>
 
   <media-controller
-    part="controller"
     defaultstreamtype="{{defaultstreamtype ?? 'on-demand'}}"
-    breakpoints="sm:300 md:700"
+    breakpoints="sm:470"
     gesturesdisabled="{{disabled}}"
     hotkeys="{{hotkeys}}"
     nohotkeys="{{nohotkeys}}"
@@ -1739,291 +2087,128 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     noautoseektolive="{{noautoseektolive}}"
     defaultsubtitles="{{defaultsubtitles}}"
     exportparts="layer, media-layer, poster-layer, vertical-layer, centered-layer, gesture-layer"
+    style="--_pre-playback-place:{{preplaybackplace ?? 'center'}}"
   >
     <slot name="media" slot="media"></slot>
     <slot name="poster" slot="poster"></slot>
-    <media-loading-indicator slot="centered-chrome" noautohide></media-loading-indicator>
 
-    <template if="audio">
+    <media-loading-indicator slot="centered-chrome" no-auto-hide></media-loading-indicator>
+
+    <template if="!audio">
+      <!-- Pre-playback UI -->
+      <div slot="centered-chrome" class="center-controls pre-playback">
+        <template if="streamtype == 'on-demand'">
+          <template if="!breakpointsm"> {{>SeekBackwardButton section="center"}} </template>
+          <template if="!breakpointsm"> {{>PlayButton section="center"}} </template>
+          <template if="breakpointsm"> {{>PrePlayButton section="center"}} </template>
+          <template if="!breakpointsm"> {{>SeekForwardButton section="center"}} </template>
+        </template>
+
+        <template if="streamtype == 'live'">
+          <template if="!breakpointsm">
+            <template if="targetlivewindow > 0"> {{>SeekBackwardButton section="center"}} </template>
+          </template>
+          <template if="!breakpointsm"> {{>PlayButton section="center"}} </template>
+          <template if="breakpointsm"> {{>PrePlayButton section="center"}} </template>
+          <template if="!breakpointsm">
+            <template if="targetlivewindow > 0"> {{>SeekForwardButton section="center"}} </template>
+          </template>
+        </template>
+      </div>
+
+      <!-- Auotplay centered unmute button -->
+      <!--
+        todo: figure out how show this with available state variables
+        needs to show when:
+        - autoplay is enabled
+        - playback has been successful
+        - audio is muted
+        - in place / instead of the pre-plaback play button
+        - not to show again after user has interacted with this button
+          - OR user has interacted with the mute button in the control bar
+      -->
+      <!--
+        There should be a >MuteButton to the left of the "Unmute" text, but a templating bug
+        makes it appear even if commented out in the markup, add it back when code is un-commented
+      -->
+      <!-- <div slot="centered-chrome" class="autoplay-unmute">
+        <div role="button" class="autoplay-unmute-btn">Unmute</div>
+      </div> -->
 
       <template if="streamtype == 'on-demand'">
-        <template if="title">
-          <media-control-bar part="control-bar top">{{>TitleDisplay}}</media-control-bar>
+        <template if="breakpointsm">
+          <media-control-bar part="control-bar top" slot="top-chrome">{{>TitleDisplay}} </media-control-bar>
         </template>
+        {{>TimeRange}}
         <media-control-bar part="control-bar bottom">
-          {{>PlayButton}}
-          {{>SeekBackwardButton}}
-          {{>SeekForwardButton}}
-          {{>TimeDisplay}}
-          {{>TimeRange}}
-          {{>MuteButton}}
-          {{>VolumeRange}}
-          {{>PlaybackRateButton}}
-          {{>AudioTrackSelect}}
-          {{>AirplayButton}}
-          {{>CastButton}}
+          <template if="breakpointsm">
+            {{>PlayButton}} {{>SeekBackwardButton}} {{>SeekForwardButton}} {{>TimeDisplay}}
+          </template>
+          {{>MuteButton}} {{>VolumeRange}}
+          <div class="spacer"></div>
+          {{>RenditionSelect}}
+          <template if="breakpointsm"> {{>PlaybackRateButton}} </template>
+          {{>AudioTrackSelect}} {{>CaptionsMenuButton}} {{>AirplayButton}} {{>CastButton}}
+          <template if="breakpointsm"> {{>PipButton}} </template>
+          {{>FullscreenButton}}
         </media-control-bar>
       </template>
 
       <template if="streamtype == 'live'">
-
-        <template if="targetlivewindow > 0">
-          <template if="title">
-            <media-control-bar part="control-bar top">{{>TitleDisplay}}</media-control-bar>
-          </template>
-          <media-control-bar part="control-bar bottom">
+        <media-control-bar part="control-bar top" slot="top-chrome">
+          {{>LiveButton}}
+          <template if="breakpointsm"> {{>TitleDisplay}} </template>
+        </media-control-bar>
+        <template if="targetlivewindow > 0">{{>TimeRange}}</template>
+        <media-control-bar part="control-bar bottom">
+          <template if="breakpointsm">
             {{>PlayButton}}
-            {{>LiveButton section="bottom"}}
-            {{>SeekBackwardButton}}
-            {{>SeekForwardButton}}
-            {{>TimeDisplay}}
-            {{>TimeRange}}
-            {{>MuteButton}}
-            {{>VolumeRange}}
-            {{>PlaybackRateButton}}
-            {{>AudioTrackSelect}}
-            {{>AirplayButton}}
-            {{>CastButton}}
-          </media-control-bar>
-        </template>
-
-        <template if="!targetlivewindow">
-          <template if="title">
-            <media-control-bar part="control-bar top">{{>TitleDisplay}}</media-control-bar>
+            <template if="targetlivewindow > 0"> {{>SeekBackwardButton}} {{>SeekForwardButton}} </template>
           </template>
-          <media-control-bar part="control-bar bottom">
-            {{>PlayButton}}
-            {{>LiveButton section="bottom"}}
-            {{>MuteButton}}
-            {{>VolumeRange}}
-            <div class="spacer"></div>
-            {{>AudioTrackSelect}}
-            {{>AirplayButton}}
-            {{>CastButton}}
-          </media-control-bar>
-        </template>
-
+          {{>MuteButton}}
+          <div class="spacer"></div>
+          {{>RenditionSelect}} {{>AudioTrackSelect}} {{>CaptionsMenuButton}} {{>AirplayButton}} {{>CastButton}}
+          <template if="breakpointsm">{{>PipButton}}</template>
+          {{>FullscreenButton}}
+        </media-control-bar>
       </template>
     </template>
 
-    <template if="!audio">
-
+    <template if="audio">
       <template if="streamtype == 'on-demand'">
-
-        <template if="!breakpointsm">
-          {{>TimeRange}}
-          <media-control-bar part="control-bar bottom">
-            {{>PlayButton}}
-            {{>MuteButton}}
-            <div class="spacer"></div>
-            {{>CaptionsSelect}}
-            {{>FullscreenButton}}
-          </media-control-bar>
-        </template>
-
-        <template if="breakpointsm">
-          <template if="!breakpointmd">
-            <media-control-bar part="control-bar top" slot="top-chrome">
-              {{>TitleDisplay}}
-            </media-control-bar>
-            <div slot="centered-chrome" class="center-controls">
-              {{>SeekBackwardButton section="center"}}
-              {{>PlayButton section="center"}}
-              {{>SeekForwardButton section="center"}}
-            </div>
-            {{>TimeRange}}
-            <media-control-bar part="control-bar bottom">
-              {{>PlayButton}}
-              {{>TimeDisplay}}
-              {{>MuteButton}}
-              {{>VolumeRange}}
-              <div class="spacer"></div>
-              {{>RenditionSelect}}
-              {{>PlaybackRateButton}}
-              {{>AudioTrackSelect}}
-              {{>CaptionsSelect}}
-              {{>AirplayButton}}
-              {{>CastButton}}
-              {{>PipButton}}
-              {{>FullscreenButton}}
-            </media-control-bar>
-          </template>
-        </template>
-
-        <template if="breakpointmd">
-          <media-control-bar part="control-bar top" slot="top-chrome">
-            {{>TitleDisplay}}
-          </media-control-bar>
-          <div slot="centered-chrome" class="center-controls">
-            {{>PlayButton section="center"}}
-          </div>
-          {{>TimeRange}}
-          <media-control-bar part="control-bar bottom">
-            {{>PlayButton}}
-            {{>SeekBackwardButton}}
-            {{>SeekForwardButton}}
-            {{>TimeDisplay}}
-            {{>MuteButton}}
-            {{>VolumeRange}}
-            <div class="spacer"></div>
-            {{>RenditionSelect}}
-            {{>PlaybackRateButton}}
-            {{>AudioTrackSelect}}
-            {{>CaptionsSelect}}
-            {{>AirplayButton}}
-            {{>CastButton}}
-            {{>PipButton}}
-            {{>FullscreenButton}}
-          </media-control-bar>
+        <template if="title">
+          <media-control-bar part="control-bar top">{{>TitleDisplay}}</media-control-bar>
         </template>
-
+        <media-control-bar part="control-bar bottom">
+          {{>PlayButton}}
+          <template if="breakpointsm"> {{>SeekBackwardButton}} {{>SeekForwardButton}} </template>
+          {{>MuteButton}}
+          <template if="breakpointsm">{{>VolumeRange}}</template>
+          {{>TimeDisplay}} {{>TimeRange}}
+          <div class="spacer"></div>
+          <template if="breakpointsm">{{>PlaybackRateButton}}</template>
+          {{>AirplayButton}} {{>CastButton}}
+        </media-control-bar>
       </template>
 
       <template if="streamtype == 'live'">
-
-        <template if="!targetlivewindow">
-
-          <template if="!breakpointsm">
-            <media-control-bar part="control-bar top" slot="top-chrome">
-              {{>LiveButton}}
-            </media-control-bar>
-            <media-control-bar part="control-bar bottom">
-              {{>PlayButton}}
-              {{>MuteButton}}
-              <div class="spacer"></div>
-              {{>CaptionsSelect}}
-              {{>FullscreenButton}}
-            </media-control-bar>
-          </template>
-
-          <template if="breakpointsm">
-            <template if="!breakpointmd">
-              <media-control-bar part="control-bar top" slot="top-chrome">
-                {{>LiveButton}}
-                {{>TitleDisplay}}
-              </media-control-bar>
-              <div slot="centered-chrome" class="center-controls">
-                {{>PlayButton section="center"}}
-              </div>
-              <media-control-bar part="control-bar bottom">
-                {{>PlayButton}}
-                {{>MuteButton}}
-                {{>VolumeRange}}
-                <div class="spacer"></div>
-                {{>RenditionSelect}}
-                {{>AudioTrackSelect}}
-                {{>CaptionsSelect}}
-                {{>AirplayButton}}
-                {{>CastButton}}
-                {{>PipButton}}
-                {{>FullscreenButton}}
-              </media-control-bar>
-            </template>
-          </template>
-
-          <template if="breakpointmd">
-            <media-control-bar part="control-bar top" slot="top-chrome">
-              {{>LiveButton}}
-              {{>TitleDisplay}}
-            </media-control-bar>
-            <div slot="centered-chrome" class="center-controls">
-              {{>PlayButton section="center"}}
-            </div>
-            <media-control-bar part="control-bar bottom">
-              {{>PlayButton}}
-              {{>MuteButton}}
-              {{>VolumeRange}}
-              <div class="spacer"></div>
-              {{>RenditionSelect}}
-              {{>AudioTrackSelect}}
-              {{>CaptionsSelect}}
-              {{>AirplayButton}}
-              {{>CastButton}}
-              {{>PipButton}}
-              {{>FullscreenButton}}
-            </media-control-bar>
-          </template>
+        <template if="title">
+          <media-control-bar part="control-bar top">{{>TitleDisplay}}</media-control-bar>
         </template>
-
-        <template if="targetlivewindow > 0">
-
-          <template if="!breakpointsm">
-            <media-control-bar part="control-bar top" slot="top-chrome">
-              {{>LiveButton}}
-            </media-control-bar>
-            {{>TimeRange}}
-            <media-control-bar part="control-bar bottom">
-              {{>PlayButton}}
-              {{>MuteButton}}
-              <div class="spacer"></div>
-              {{>CaptionsSelect}}
-              {{>FullscreenButton}}
-            </media-control-bar>
-          </template>
-
+        <media-control-bar part="control-bar bottom">
           <template if="breakpointsm">
-            <template if="!breakpointmd">
-              <media-control-bar part="control-bar top" slot="top-chrome">
-                {{>LiveButton}}
-                {{>TitleDisplay}}
-              </media-control-bar>
-              <div slot="centered-chrome" class="center-controls">
-                {{>SeekBackwardButton section="center"}}
-                {{>PlayButton section="center"}}
-                {{>SeekForwardButton section="center"}}
-              </div>
-              {{>TimeRange}}
-              <media-control-bar part="control-bar bottom">
-                {{>PlayButton}}
-                {{>MuteButton}}
-                {{>VolumeRange}}
-                <div class="spacer"></div>
-                {{>RenditionSelect}}
-                {{>AudioTrackSelect}}
-                {{>CaptionsSelect}}
-                {{>AirplayButton}}
-                {{>CastButton}}
-                {{>PipButton}}
-                {{>FullscreenButton}}
-              </media-control-bar>
-            </template>
-          </template>
-
-          <template if="breakpointmd">
-            <media-control-bar part="control-bar top" slot="top-chrome">
-              {{>LiveButton}}
-              {{>TitleDisplay}}
-            </media-control-bar>
-            <div slot="centered-chrome" class="center-controls">
-              {{>PlayButton section="center"}}
-            </div>
-            {{>TimeRange}}
-            <media-control-bar part="control-bar bottom">
-              {{>PlayButton}}
-              {{>SeekBackwardButton}}
-              {{>SeekForwardButton}}
-              {{>MuteButton}}
-              {{>VolumeRange}}
-              <div class="spacer"></div>
-              {{>RenditionSelect}}
-              {{>AudioTrackSelect}}
-              {{>CaptionsSelect}}
-              {{>AirplayButton}}
-              {{>CastButton}}
-              {{>PipButton}}
-              {{>FullscreenButton}}
-            </media-control-bar>
+            {{>PlayButton}} {{>LiveButton section="bottom"}} {{>MuteButton}} {{>VolumeRange}}
+            <template if="targetlivewindow > 0"> {{>SeekBackwardButton}} {{>SeekForwardButton}} </template>
           </template>
-
-        </template>
-
+          <template if="targetlivewindow > 0"> {{>TimeDisplay}} {{>TimeRange}} </template>
+          <div class="spacer"></div>
+          {{>AirplayButton}} {{>CastButton}}
+        </media-control-bar>
       </template>
-
     </template>
 
     <slot></slot>
-
   </media-controller>
 </template>
-`;var Ho=re.createElement("template");"innerHTML"in Ho&&(Ho.innerHTML=Cd);var Rd,wd,Ur=class extends nt{};Ur.template=(wd=(Rd=Ho.content)==null?void 0:Rd.children)==null?void 0:wd[0];P.customElements.get("media-theme-classic")||P.customElements.define("media-theme-classic",Ur);var dm="classic";var Fe={SRC:"src",POSTER:"poster"},p={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",FORWARD_SEEK_OFFSET:"forward-seek-offset",BACKWARD_SEEK_OFFSET:"backward-seek-offset",PLAYBACK_TOKEN:"playback-token",THUMBNAIL_TOKEN:"thumbnail-token",STORYBOARD_TOKEN:"storyboard-token",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"},Wo=["audio","backwardseekoffset","defaultshowremainingtime","defaultsubtitles","noautoseektolive","disabled","exportparts","forwardseekoffset","hideduration","hotkeys","nohotkeys","playbackrates","defaultstreamtype","streamtype","style","targetlivewindow","template","title","novolumepref"];function um(i,e){var a;return{src:!i.playbackId&&i.src,playbackId:i.playbackId,hasSrc:!!i.playbackId||!!i.src,poster:i.poster,storyboard:i.storyboard,storyboardSrc:i.getAttribute(p.STORYBOARD_SRC),placeholder:i.getAttribute("placeholder"),themeTemplate:cm(i),thumbnailTime:!i.tokens.thumbnail&&i.thumbnailTime,autoplay:i.autoplay,crossOrigin:i.crossOrigin,loop:i.loop,noHotKeys:i.hasAttribute(p.NOHOTKEYS),hotKeys:i.getAttribute(p.HOTKEYS),muted:i.muted,paused:i.paused,preload:i.preload,envKey:i.envKey,preferCmcd:i.preferCmcd,debug:i.debug,disableCookies:i.disableCookies,tokens:i.tokens,beaconCollectionDomain:i.beaconCollectionDomain,maxResolution:i.maxResolution,metadata:i.metadata,playerSoftwareName:i.playerSoftwareName,playerSoftwareVersion:i.playerSoftwareVersion,startTime:i.startTime,preferPlayback:i.preferPlayback,audio:i.audio,defaultStreamType:i.defaultStreamType,targetLiveWindow:i.getAttribute(g.Attributes.TARGET_LIVE_WINDOW),streamType:Li(i.getAttribute(g.Attributes.STREAM_TYPE)),primaryColor:i.primaryColor,secondaryColor:i.secondaryColor,forwardSeekOffset:i.forwardSeekOffset,backwardSeekOffset:i.backwardSeekOffset,defaultHiddenCaptions:i.defaultHiddenCaptions,defaultShowRemainingTime:i.defaultShowRemainingTime,hideDuration:mm(i),playbackRates:i.getAttribute(p.PLAYBACK_RATES),customDomain:(a=i.getAttribute(g.Attributes.CUSTOM_DOMAIN))!=null?a:void 0,title:i.getAttribute(p.TITLE),novolumepref:i.hasAttribute(p.NO_VOLUME_PREF),...e}}function cm(i){var t,a;let e=i.theme;if(e){let r=(a=(t=i.getRootNode())==null?void 0:t.getElementById)==null?void 0:a.call(t,e);if(r&&r instanceof HTMLTemplateElement)return r;e.startsWith("media-theme-")||(e=`media-theme-${e}`);let n=P.customElements.get(e);if(n!=null&&n.template)return n.template}}function mm(i){var t;let e=(t=i.mediaController)==null?void 0:t.querySelector("media-time-display");return e&&getComputedStyle(e).getPropertyValue("--media-duration-display-display").trim()==="none"}function Dd(i){let e=i.hasAttribute(p.TITLE)?{video_title:i.getAttribute(p.TITLE)}:{};return i.getAttributeNames().filter(t=>t.startsWith("metadata-")).reduce((t,a)=>{let r=i.getAttribute(a);return r!==null&&(t[a.replace(/^metadata-/,"").replace(/-/g,"_")]=r),t},e)}var hm=Object.values(g.Attributes),pm=Object.values(Fe),Em=Object.values(p),vm=kr(),bm="mux-player",xd={dialog:void 0,isDialogOpen:!1},Hi,Wi,Ke,Fi,Ct,st,ii,Pr,Od,Ki,Fo,lt,ai,Br,Nd,$r,Ud,Vr,Pd,Hr,Bd,Vi=class extends Ro{constructor(){super();H(this,st);H(this,Pr);H(this,Ki);H(this,lt);H(this,Br);H(this,$r);H(this,Vr);H(this,Hr);H(this,Hi,!1);H(this,Wi,{});H(this,Ke,!0);H(this,Fi,new Ir(this,"hotkeys"));H(this,Ct,{...xd,onCloseErrorDialog:()=>F(this,Ki,Fo).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:t=>{ko(this,re.activeElement)||t.preventDefault()}});this.attachShadow({mode:"open"}),F(this,Pr,Od).call(this),this.isConnected&&F(this,st,ii).call(this)}static get observedAttributes(){var t;return[...(t=Ro.observedAttributes)!=null?t:[],...pm,...hm,...Em]}get mediaTheme(){var t;return(t=this.shadowRoot)==null?void 0:t.querySelector("media-theme")}get mediaController(){var t,a;return(a=(t=this.mediaTheme)==null?void 0:t.shadowRoot)==null?void 0:a.querySelector("media-controller")}connectedCallback(){var a;let t=(a=this.shadowRoot)==null?void 0:a.querySelector("mux-video");t&&(t.metadata=Dd(this))}attributeChangedCallback(t,a,r){switch(F(this,st,ii).call(this),super.attributeChangedCallback(t,a,r),t){case p.HOTKEYS:k(this,Fi).value=r;break;case p.THUMBNAIL_TIME:{r!=null&&this.tokens.thumbnail&&tt(y("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case p.THUMBNAIL_TOKEN:{let{aud:s}=et(r);r&&s!=="t"&&tt(y("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:s}));break}case p.STORYBOARD_TOKEN:{let{aud:s}=et(r);r&&s!=="s"&&tt(y("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:s}));break}case g.Attributes.PLAYBACK_ID:{r!=null&&r.includes("?token")&&be(y("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:r}));break}case g.Attributes.STREAM_TYPE:r&&![U.StreamTypes.LIVE,U.StreamTypes.ON_DEMAND,U.StreamTypes.UNKNOWN].includes(r)?["ll-live","live:dvr","ll-live:dvr"].includes(this.streamType)?this.targetLiveWindow=r.includes("dvr")?Number.POSITIVE_INFINITY:0:Lo({file:"invalid-stream-type.md",message:y("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand` or `live`").format({streamType:this.streamType})}):this.targetLiveWindow=r===U.StreamTypes.LIVE?0:Number.NaN}[g.Attributes.PLAYBACK_ID,Fe.SRC,p.PLAYBACK_TOKEN].includes(t)&&a!==r&&se(this,Ct,{...k(this,Ct),...xd}),F(this,lt,ai).call(this,{[ed(t)]:r})}get preferCmcd(){var t;return(t=this.getAttribute(g.Attributes.PREFER_CMCD))!=null?t:void 0}set preferCmcd(t){t!==this.preferCmcd&&(t?U.CmcdTypeValues.includes(t)?this.setAttribute(g.Attributes.PREFER_CMCD,t):tt(`Invalid value for preferCmcd. Must be one of ${U.CmcdTypeValues.join()}`):this.removeAttribute(g.Attributes.PREFER_CMCD))}get hasPlayed(){var t,a;return(a=(t=this.mediaController)==null?void 0:t.hasAttribute("media-has-played"))!=null?a:!1}get inLiveWindow(){var t;return(t=this.mediaController)==null?void 0:t.hasAttribute("media-time-is-live")}get _hls(){var t;return(t=this.media)==null?void 0:t._hls}get mux(){var t;return(t=this.media)==null?void 0:t.mux}get theme(){var t;return(t=this.getAttribute(p.THEME))!=null?t:dm}set theme(t){this.setAttribute(p.THEME,`${t}`)}get themeProps(){let t=this.mediaTheme;if(!t)return;let a={};for(let r of t.getAttributeNames()){if(Wo.includes(r))continue;let n=t.getAttribute(r);a[_r(r)]=n===""?!0:n}return a}set themeProps(t){var r,n;F(this,st,ii).call(this);let a={...this.themeProps,...t};for(let s in a){if(Wo.includes(s))continue;let d=t==null?void 0:t[s];typeof d=="boolean"||d==null?(r=this.mediaTheme)==null||r.toggleAttribute(Ar(s),Boolean(d)):(n=this.mediaTheme)==null||n.setAttribute(Ar(s),d)}}get playbackId(){var t;return(t=this.getAttribute(g.Attributes.PLAYBACK_ID))!=null?t:void 0}set playbackId(t){t?this.setAttribute(g.Attributes.PLAYBACK_ID,t):this.removeAttribute(g.Attributes.PLAYBACK_ID)}get src(){var t,a;return this.playbackId?(t=Lt(this,Fe.SRC))!=null?t:void 0:(a=this.getAttribute(Fe.SRC))!=null?a:void 0}set src(t){t?this.setAttribute(Fe.SRC,t):this.removeAttribute(Fe.SRC)}get poster(){var a;let t=this.getAttribute(Fe.POSTER);if(t!=null)return t;if(this.playbackId&&!this.audio)return Jl(this.playbackId,{domain:this.customDomain,thumbnailTime:(a=this.thumbnailTime)!=null?a:this.startTime,token:this.tokens.thumbnail})}set poster(t){t||t===""?this.setAttribute(Fe.POSTER,t):this.removeAttribute(Fe.POSTER)}get storyboardSrc(){var t;return(t=this.getAttribute(p.STORYBOARD_SRC))!=null?t:void 0}set storyboardSrc(t){t?this.setAttribute(p.STORYBOARD_SRC,t):this.removeAttribute(p.STORYBOARD_SRC)}get storyboard(){if(this.storyboardSrc&&!this.tokens.storyboard)return this.storyboardSrc;if(!(this.audio||!this.playbackId||!this.streamType||[U.StreamTypes.LIVE,U.StreamTypes.UNKNOWN].includes(this.streamType)))return jl(this.playbackId,{domain:this.customDomain,token:this.tokens.storyboard})}get audio(){return this.hasAttribute(p.AUDIO)}set audio(t){if(!t){this.removeAttribute(p.AUDIO);return}this.setAttribute(p.AUDIO,"")}get hotkeys(){return k(this,Fi)}get nohotkeys(){return this.hasAttribute(p.NOHOTKEYS)}set nohotkeys(t){if(!t){this.removeAttribute(p.NOHOTKEYS);return}this.setAttribute(p.NOHOTKEYS,"")}get thumbnailTime(){return Be(this.getAttribute(p.THUMBNAIL_TIME))}set thumbnailTime(t){this.setAttribute(p.THUMBNAIL_TIME,`${t}`)}get title(){var t;return(t=this.getAttribute(p.TITLE))!=null?t:""}set title(t){t!==this.title&&(t?this.setAttribute(p.TITLE,t):this.removeAttribute("title"),super.title=t)}get placeholder(){var t;return(t=Lt(this,p.PLACEHOLDER))!=null?t:""}set placeholder(t){this.setAttribute(p.PLACEHOLDER,`${t}`)}get primaryColor(){var a,r;let t=this.getAttribute(p.PRIMARY_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=P.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_primary-color"))==null?void 0:r.trim(),t))return t}set primaryColor(t){this.setAttribute(p.PRIMARY_COLOR,`${t}`)}get secondaryColor(){var a,r;let t=this.getAttribute(p.SECONDARY_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=P.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_secondary-color"))==null?void 0:r.trim(),t))return t}set secondaryColor(t){this.setAttribute(p.SECONDARY_COLOR,`${t}`)}get defaultShowRemainingTime(){return this.hasAttribute(p.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(t){t?this.setAttribute(p.DEFAULT_SHOW_REMAINING_TIME,""):this.removeAttribute(p.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(!!this.hasAttribute(p.PLAYBACK_RATES))return this.getAttribute(p.PLAYBACK_RATES).trim().split(/\s*,?\s+/).map(t=>Number(t)).filter(t=>!Number.isNaN(t)).sort((t,a)=>t-a)}set playbackRates(t){if(!t){this.removeAttribute(p.PLAYBACK_RATES);return}this.setAttribute(p.PLAYBACK_RATES,t.join(" "))}get forwardSeekOffset(){var t;return(t=Be(this.getAttribute(p.FORWARD_SEEK_OFFSET)))!=null?t:10}set forwardSeekOffset(t){this.setAttribute(p.FORWARD_SEEK_OFFSET,`${t}`)}get backwardSeekOffset(){var t;return(t=Be(this.getAttribute(p.BACKWARD_SEEK_OFFSET)))!=null?t:10}set backwardSeekOffset(t){this.setAttribute(p.BACKWARD_SEEK_OFFSET,`${t}`)}get defaultHiddenCaptions(){return this.hasAttribute(p.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(t){t?this.setAttribute(p.DEFAULT_HIDDEN_CAPTIONS,""):this.removeAttribute(p.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var t;return(t=this.getAttribute(g.Attributes.PLAYER_SOFTWARE_NAME))!=null?t:bm}get playerSoftwareVersion(){var t;return(t=this.getAttribute(g.Attributes.PLAYER_SOFTWARE_VERSION))!=null?t:vm}get beaconCollectionDomain(){var t;return(t=this.getAttribute(g.Attributes.BEACON_COLLECTION_DOMAIN))!=null?t:void 0}set beaconCollectionDomain(t){t!==this.beaconCollectionDomain&&(t?this.setAttribute(g.Attributes.BEACON_COLLECTION_DOMAIN,t):this.removeAttribute(g.Attributes.BEACON_COLLECTION_DOMAIN))}get maxResolution(){var t;return(t=this.getAttribute(g.Attributes.MAX_RESOLUTION))!=null?t:void 0}set maxResolution(t){t!==this.maxResolution&&(t?this.setAttribute(g.Attributes.MAX_RESOLUTION,t):this.removeAttribute(g.Attributes.MAX_RESOLUTION))}get customDomain(){var t;return(t=this.getAttribute(g.Attributes.CUSTOM_DOMAIN))!=null?t:void 0}set customDomain(t){t!==this.customDomain&&(t?this.setAttribute(g.Attributes.CUSTOM_DOMAIN,t):this.removeAttribute(g.Attributes.CUSTOM_DOMAIN))}get envKey(){var t;return(t=Lt(this,g.Attributes.ENV_KEY))!=null?t:void 0}set envKey(t){this.setAttribute(g.Attributes.ENV_KEY,`${t}`)}get noVolumePref(){return this.hasAttribute(p.NO_VOLUME_PREF)}set noVolumePref(t){t?this.setAttribute(p.NO_VOLUME_PREF,""):this.removeAttribute(p.NO_VOLUME_PREF)}get debug(){return Lt(this,g.Attributes.DEBUG)!=null}set debug(t){t?this.setAttribute(g.Attributes.DEBUG,""):this.removeAttribute(g.Attributes.DEBUG)}get disableCookies(){return Lt(this,g.Attributes.DISABLE_COOKIES)!=null}set disableCookies(t){t?this.setAttribute(g.Attributes.DISABLE_COOKIES,""):this.removeAttribute(g.Attributes.DISABLE_COOKIES)}get streamType(){var t,a,r;return(r=(a=this.getAttribute(g.Attributes.STREAM_TYPE))!=null?a:(t=this.media)==null?void 0:t.streamType)!=null?r:U.StreamTypes.UNKNOWN}set streamType(t){this.setAttribute(g.Attributes.STREAM_TYPE,`${t}`)}get defaultStreamType(){var t,a,r;return(r=(a=this.getAttribute(p.DEFAULT_STREAM_TYPE))!=null?a:(t=this.mediaController)==null?void 0:t.getAttribute(p.DEFAULT_STREAM_TYPE))!=null?r:U.StreamTypes.ON_DEMAND}set defaultStreamType(t){t?this.setAttribute(p.DEFAULT_STREAM_TYPE,t):this.removeAttribute(p.DEFAULT_STREAM_TYPE)}get targetLiveWindow(){var t,a;return this.hasAttribute(p.TARGET_LIVE_WINDOW)?+this.getAttribute(p.TARGET_LIVE_WINDOW):(a=(t=this.media)==null?void 0:t.targetLiveWindow)!=null?a:Number.NaN}set targetLiveWindow(t){t!=this.targetLiveWindow&&(t==null?this.removeAttribute(p.TARGET_LIVE_WINDOW):this.setAttribute(p.TARGET_LIVE_WINDOW,`${+t}`))}get liveEdgeStart(){var t;return(t=this.media)==null?void 0:t.liveEdgeStart}get startTime(){return Be(Lt(this,g.Attributes.START_TIME))}set startTime(t){this.setAttribute(g.Attributes.START_TIME,`${t}`)}get preferPlayback(){let t=this.getAttribute(g.Attributes.PREFER_PLAYBACK);if(t===U.PlaybackTypes.MSE||t===U.PlaybackTypes.NATIVE)return t}set preferPlayback(t){t!==this.preferPlayback&&(t===U.PlaybackTypes.MSE||t===U.PlaybackTypes.NATIVE?this.setAttribute(g.Attributes.PREFER_PLAYBACK,t):this.removeAttribute(g.Attributes.PREFER_PLAYBACK))}get metadata(){var t;return(t=this.media)==null?void 0:t.metadata}set metadata(t){if(F(this,st,ii).call(this),!this.media){be("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata={...Dd(this),...t}}async addCuePoints(t){var a;if(F(this,st,ii).call(this),!this.media){be("underlying media element missing when trying to addCuePoints. cuePoints will not be added.");return}return(a=this.media)==null?void 0:a.addCuePoints(t)}get activeCuePoint(){var t;return(t=this.media)==null?void 0:t.activeCuePoint}get cuePoints(){var t,a;return(a=(t=this.media)==null?void 0:t.cuePoints)!=null?a:[]}getStartDate(){var t;return(t=this.media)==null?void 0:t.getStartDate()}get currentPdt(){var t;return(t=this.media)==null?void 0:t.currentPdt}get tokens(){let t=this.getAttribute(p.PLAYBACK_TOKEN),a=this.getAttribute(p.THUMBNAIL_TOKEN),r=this.getAttribute(p.STORYBOARD_TOKEN);return{...k(this,Wi),...t!=null?{playback:t}:{},...a!=null?{thumbnail:a}:{},...r!=null?{storyboard:r}:{}}}set tokens(t){se(this,Wi,t!=null?t:{})}get playbackToken(){var t;return(t=this.getAttribute(p.PLAYBACK_TOKEN))!=null?t:void 0}set playbackToken(t){this.setAttribute(p.PLAYBACK_TOKEN,`${t}`)}get thumbnailToken(){var t;return(t=this.getAttribute(p.THUMBNAIL_TOKEN))!=null?t:void 0}set thumbnailToken(t){this.setAttribute(p.THUMBNAIL_TOKEN,`${t}`)}get storyboardToken(){var t;return(t=this.getAttribute(p.STORYBOARD_TOKEN))!=null?t:void 0}set storyboardToken(t){this.setAttribute(p.STORYBOARD_TOKEN,`${t}`)}addTextTrack(t,a,r,n){var d;let s=(d=this.media)==null?void 0:d.nativeEl;if(!!s)return(0,U.addTextTrack)(s,t,a,r,n)}removeTextTrack(t){var r;let a=(r=this.media)==null?void 0:r.nativeEl;if(!!a)return(0,U.removeTextTrack)(a,t)}get textTracks(){var t;return(t=this.media)==null?void 0:t.textTracks}};Hi=new WeakMap,Wi=new WeakMap,Ke=new WeakMap,Fi=new WeakMap,Ct=new WeakMap,st=new WeakSet,ii=function(){var t,a,r;if(!k(this,Hi)){se(this,Hi,!0),F(this,lt,ai).call(this);try{if(customElements.upgrade(this.mediaTheme),!(this.mediaTheme instanceof P.HTMLElement))throw""}catch{be("<media-theme> failed to upgrade!")}try{if(customElements.upgrade(this.media),!(this.media instanceof g.default))throw""}catch{be("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof ln))throw""}catch{be("<media-controller> failed to upgrade!")}nd(this),F(this,Br,Nd).call(this),F(this,$r,Ud).call(this),F(this,Vr,Pd).call(this),se(this,Ke,(a=(t=this.mediaController)==null?void 0:t.hasAttribute("userinactive"))!=null?a:!0),F(this,Hr,Bd).call(this),(r=this.media)==null||r.addEventListener("streamtypechange",()=>{F(this,lt,ai).call(this)})}},Pr=new WeakSet,Od=function(){var t,a;try{(t=window==null?void 0:window.CSS)==null||t.registerProperty({name:"--media-primary-color",syntax:"<color>",inherits:!0}),(a=window==null?void 0:window.CSS)==null||a.registerProperty({name:"--media-secondary-color",syntax:"<color>",inherits:!0})}catch{}},Ki=new WeakSet,Fo=function(t){Object.assign(k(this,Ct),t),F(this,lt,ai).call(this)},lt=new WeakSet,ai=function(t={}){Sd(Ld(um(this,{...k(this,Ct),...t})),this.shadowRoot)},Br=new WeakSet,Nd=function(){let t=r=>{var d,u;if(!(r!=null&&r.startsWith("theme-")))return;let n=r.replace(/^theme-/,"");if(Wo.includes(n))return;let s=this.getAttribute(r);s!=null?(d=this.mediaTheme)==null||d.setAttribute(n,s):(u=this.mediaTheme)==null||u.removeAttribute(n)};new MutationObserver(r=>{for(let{attributeName:n}of r)t(n)}).observe(this,{attributes:!0}),this.getAttributeNames().forEach(t)},$r=new WeakSet,Ud=function(){var a;let t=r=>{let{detail:n}=r;if(n instanceof g.MediaError||(n=new g.MediaError(n.message,n.code,n.fatal)),!(n!=null&&n.fatal)){tt(n),n.data&&tt(`${n.name} data:`,n.data);return}let{dialog:s,devlog:d}=Nr(n,!window.navigator.onLine,this.playbackId,this.playbackToken);d.message&&Lo(d),be(n),n.data&&be(`${n.name} data:`,n.data),F(this,Ki,Fo).call(this,{isDialogOpen:!0,dialog:s})};this.addEventListener("error",t),this.media&&(this.media.errorTranslator=(r={})=>{var s,d,u;if(!(((s=this.media)==null?void 0:s.error)instanceof g.MediaError))return r;let{devlog:n}=Nr((d=this.media)==null?void 0:d.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(u=this.media)==null?void 0:u.error.code,player_error_message:n.message?String(n.message):r.player_error_message,player_error_context:n.context?String(n.context):r.player_error_context}}),(a=this.media)==null||a.addEventListener("error",r=>{var s,d;let{detail:n}=r;if(!n){let{message:u,code:c}=(d=(s=this.media)==null?void 0:s.error)!=null?d:{};n=new g.MediaError(u,c)}!(n!=null&&n.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:n}))})},Vr=new WeakSet,Pd=function(){var a,r,n,s;let t=()=>F(this,lt,ai).call(this);(r=(a=this.media)==null?void 0:a.textTracks)==null||r.addEventListener("addtrack",t),(s=(n=this.media)==null?void 0:n.textTracks)==null||s.addEventListener("removetrack",t)},Hr=new WeakSet,Bd=function(){var h,f;let t=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(!/Firefox/i.test(navigator.userAgent))return;let r,n=new WeakMap,s=()=>this.streamType===U.StreamTypes.LIVE&&!this.secondaryColor&&this.offsetWidth>=800,d=(b,T,$=!1)=>{if(s())return;Array.from(b&&b.activeCues||[]).forEach(I=>{if(!(!I.snapToLines||I.line<-5||I.line>=0&&I.line<10))if(!T||this.paused){let ae=I.text.split(`
-`).length,ge=t?-2:-3;this.streamType===U.StreamTypes.LIVE&&(ge=t?-1:-2);let oe=ge-ae;if(I.line===oe&&!$)return;n.has(I)||n.set(I,I.line),I.line=oe-1,I.line=oe}else setTimeout(()=>{I.line=n.get(I)||"auto"},500)})},u=()=>{var b,T;d(r,(T=(b=this.mediaController)==null?void 0:b.hasAttribute("userinactive"))!=null?T:!1)},c=()=>{var $,Y;let T=Array.from(((Y=($=this.mediaController)==null?void 0:$.media)==null?void 0:Y.textTracks)||[]).filter(I=>["subtitles","captions"].includes(I.kind)&&I.mode==="showing")[0];T!==r&&(r==null||r.removeEventListener("cuechange",u)),r=T,r==null||r.addEventListener("cuechange",u),d(r,k(this,Ke))};if(c(),(h=this.textTracks)==null||h.addEventListener("change",c),(f=this.textTracks)==null||f.addEventListener("addtrack",c),navigator.userAgent.includes("Chrome/")){let b=()=>{d(r,k(this,Ke),!0),this.paused||window.requestAnimationFrame(b)};this.addEventListener("playing",()=>{b()})}this.addEventListener("userinactivechange",()=>{var T,$;let b=($=(T=this.mediaController)==null?void 0:T.hasAttribute("userinactive"))!=null?$:!0;k(this,Ke)!==b&&(se(this,Ke,b),d(r,k(this,Ke)))})};function Lt(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}P.customElements.get("mux-player")||(P.customElements.define("mux-player",Vi),P.MuxPlayerElement=Vi);var fm=Vi;
+`;var Vo=re.createElement("template");"innerHTML"in Vo&&(Vo.innerHTML=Ld);var Rd,wd,Ur=class extends nt{};Ur.template=(wd=(Rd=Vo.content)==null?void 0:Rd.children)==null?void 0:wd[0];P.customElements.get("media-theme-gerwig")||P.customElements.define("media-theme-gerwig",Ur);var dm="gerwig";var Fe={SRC:"src",POSTER:"poster"},p={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",FORWARD_SEEK_OFFSET:"forward-seek-offset",BACKWARD_SEEK_OFFSET:"backward-seek-offset",PLAYBACK_TOKEN:"playback-token",THUMBNAIL_TOKEN:"thumbnail-token",STORYBOARD_TOKEN:"storyboard-token",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"},Wo=["audio","backwardseekoffset","defaultshowremainingtime","defaultsubtitles","noautoseektolive","disabled","exportparts","forwardseekoffset","hideduration","hotkeys","nohotkeys","playbackrates","defaultstreamtype","streamtype","style","targetlivewindow","template","title","novolumepref"];function um(i,e){var a;return{src:!i.playbackId&&i.src,playbackId:i.playbackId,hasSrc:!!i.playbackId||!!i.src,poster:i.poster,storyboard:i.storyboard,storyboardSrc:i.getAttribute(p.STORYBOARD_SRC),placeholder:i.getAttribute("placeholder"),themeTemplate:cm(i),thumbnailTime:!i.tokens.thumbnail&&i.thumbnailTime,autoplay:i.autoplay,crossOrigin:i.crossOrigin,loop:i.loop,noHotKeys:i.hasAttribute(p.NOHOTKEYS),hotKeys:i.getAttribute(p.HOTKEYS),muted:i.muted,paused:i.paused,preload:i.preload,envKey:i.envKey,preferCmcd:i.preferCmcd,debug:i.debug,disableCookies:i.disableCookies,tokens:i.tokens,beaconCollectionDomain:i.beaconCollectionDomain,maxResolution:i.maxResolution,metadata:i.metadata,playerSoftwareName:i.playerSoftwareName,playerSoftwareVersion:i.playerSoftwareVersion,startTime:i.startTime,preferPlayback:i.preferPlayback,audio:i.audio,defaultStreamType:i.defaultStreamType,targetLiveWindow:i.getAttribute(g.Attributes.TARGET_LIVE_WINDOW),streamType:Mi(i.getAttribute(g.Attributes.STREAM_TYPE)),primaryColor:i.primaryColor,secondaryColor:i.secondaryColor,forwardSeekOffset:i.forwardSeekOffset,backwardSeekOffset:i.backwardSeekOffset,defaultHiddenCaptions:i.defaultHiddenCaptions,defaultShowRemainingTime:i.defaultShowRemainingTime,hideDuration:mm(i),playbackRates:i.getAttribute(p.PLAYBACK_RATES),customDomain:(a=i.getAttribute(g.Attributes.CUSTOM_DOMAIN))!=null?a:void 0,title:i.getAttribute(p.TITLE),novolumepref:i.hasAttribute(p.NO_VOLUME_PREF),...e}}function cm(i){var t,a;let e=i.theme;if(e){let r=(a=(t=i.getRootNode())==null?void 0:t.getElementById)==null?void 0:a.call(t,e);if(r&&r instanceof HTMLTemplateElement)return r;e.startsWith("media-theme-")||(e=`media-theme-${e}`);let n=P.customElements.get(e);if(n!=null&&n.template)return n.template}}function mm(i){var t;let e=(t=i.mediaController)==null?void 0:t.querySelector("media-time-display");return e&&getComputedStyle(e).getPropertyValue("--media-duration-display-display").trim()==="none"}function xd(i){let e=i.hasAttribute(p.TITLE)?{video_title:i.getAttribute(p.TITLE)}:{};return i.getAttributeNames().filter(t=>t.startsWith("metadata-")).reduce((t,a)=>{let r=i.getAttribute(a);return r!==null&&(t[a.replace(/^metadata-/,"").replace(/-/g,"_")]=r),t},e)}var hm=Object.values(g.Attributes),pm=Object.values(Fe),bm=Object.values(p),Em=kr(),vm="mux-player",Dd={dialog:void 0,isDialogOpen:!1},Vi,Wi,Ke,Fi,Lt,st,ii,Pr,Od,Ki,Fo,lt,ai,Br,Nd,Hr,Ud,$r,Pd,Vr,Bd,$i=class extends Ro{constructor(){super();V(this,st);V(this,Pr);V(this,Ki);V(this,lt);V(this,Br);V(this,Hr);V(this,$r);V(this,Vr);V(this,Vi,!1);V(this,Wi,{});V(this,Ke,!0);V(this,Fi,new Ir(this,"hotkeys"));V(this,Lt,{...Dd,onCloseErrorDialog:()=>F(this,Ki,Fo).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:t=>{ko(this,re.activeElement)||t.preventDefault()}});this.attachShadow({mode:"open"}),F(this,Pr,Od).call(this),this.isConnected&&F(this,st,ii).call(this)}static get observedAttributes(){var t;return[...(t=Ro.observedAttributes)!=null?t:[],...pm,...hm,...bm]}get mediaTheme(){var t;return(t=this.shadowRoot)==null?void 0:t.querySelector("media-theme")}get mediaController(){var t,a;return(a=(t=this.mediaTheme)==null?void 0:t.shadowRoot)==null?void 0:a.querySelector("media-controller")}connectedCallback(){var a;let t=(a=this.shadowRoot)==null?void 0:a.querySelector("mux-video");t&&(t.metadata=xd(this))}attributeChangedCallback(t,a,r){switch(F(this,st,ii).call(this),super.attributeChangedCallback(t,a,r),t){case p.HOTKEYS:k(this,Fi).value=r;break;case p.THUMBNAIL_TIME:{r!=null&&this.tokens.thumbnail&&tt(y("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case p.THUMBNAIL_TOKEN:{let{aud:s}=et(r);r&&s!=="t"&&tt(y("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:s}));break}case p.STORYBOARD_TOKEN:{let{aud:s}=et(r);r&&s!=="s"&&tt(y("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:s}));break}case g.Attributes.PLAYBACK_ID:{r!=null&&r.includes("?token")&&ve(y("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:r}));break}case g.Attributes.STREAM_TYPE:r&&![U.StreamTypes.LIVE,U.StreamTypes.ON_DEMAND,U.StreamTypes.UNKNOWN].includes(r)?["ll-live","live:dvr","ll-live:dvr"].includes(this.streamType)?this.targetLiveWindow=r.includes("dvr")?Number.POSITIVE_INFINITY:0:Mo({file:"invalid-stream-type.md",message:y("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand` or `live`").format({streamType:this.streamType})}):this.targetLiveWindow=r===U.StreamTypes.LIVE?0:Number.NaN}[g.Attributes.PLAYBACK_ID,Fe.SRC,p.PLAYBACK_TOKEN].includes(t)&&a!==r&&se(this,Lt,{...k(this,Lt),...Dd}),F(this,lt,ai).call(this,{[ed(t)]:r})}get preferCmcd(){var t;return(t=this.getAttribute(g.Attributes.PREFER_CMCD))!=null?t:void 0}set preferCmcd(t){t!==this.preferCmcd&&(t?U.CmcdTypeValues.includes(t)?this.setAttribute(g.Attributes.PREFER_CMCD,t):tt(`Invalid value for preferCmcd. Must be one of ${U.CmcdTypeValues.join()}`):this.removeAttribute(g.Attributes.PREFER_CMCD))}get hasPlayed(){var t,a;return(a=(t=this.mediaController)==null?void 0:t.hasAttribute("media-has-played"))!=null?a:!1}get inLiveWindow(){var t;return(t=this.mediaController)==null?void 0:t.hasAttribute("media-time-is-live")}get _hls(){var t;return(t=this.media)==null?void 0:t._hls}get mux(){var t;return(t=this.media)==null?void 0:t.mux}get theme(){var t;return(t=this.getAttribute(p.THEME))!=null?t:dm}set theme(t){this.setAttribute(p.THEME,`${t}`)}get themeProps(){let t=this.mediaTheme;if(!t)return;let a={};for(let r of t.getAttributeNames()){if(Wo.includes(r))continue;let n=t.getAttribute(r);a[_r(r)]=n===""?!0:n}return a}set themeProps(t){var r,n;F(this,st,ii).call(this);let a={...this.themeProps,...t};for(let s in a){if(Wo.includes(s))continue;let d=t==null?void 0:t[s];typeof d=="boolean"||d==null?(r=this.mediaTheme)==null||r.toggleAttribute(Ar(s),Boolean(d)):(n=this.mediaTheme)==null||n.setAttribute(Ar(s),d)}}get playbackId(){var t;return(t=this.getAttribute(g.Attributes.PLAYBACK_ID))!=null?t:void 0}set playbackId(t){t?this.setAttribute(g.Attributes.PLAYBACK_ID,t):this.removeAttribute(g.Attributes.PLAYBACK_ID)}get src(){var t,a;return this.playbackId?(t=Mt(this,Fe.SRC))!=null?t:void 0:(a=this.getAttribute(Fe.SRC))!=null?a:void 0}set src(t){t?this.setAttribute(Fe.SRC,t):this.removeAttribute(Fe.SRC)}get poster(){var a;let t=this.getAttribute(Fe.POSTER);if(t!=null)return t;if(this.playbackId&&!this.audio)return Jl(this.playbackId,{domain:this.customDomain,thumbnailTime:(a=this.thumbnailTime)!=null?a:this.startTime,token:this.tokens.thumbnail})}set poster(t){t||t===""?this.setAttribute(Fe.POSTER,t):this.removeAttribute(Fe.POSTER)}get storyboardSrc(){var t;return(t=this.getAttribute(p.STORYBOARD_SRC))!=null?t:void 0}set storyboardSrc(t){t?this.setAttribute(p.STORYBOARD_SRC,t):this.removeAttribute(p.STORYBOARD_SRC)}get storyboard(){if(this.storyboardSrc&&!this.tokens.storyboard)return this.storyboardSrc;if(!(this.audio||!this.playbackId||!this.streamType||[U.StreamTypes.LIVE,U.StreamTypes.UNKNOWN].includes(this.streamType)))return jl(this.playbackId,{domain:this.customDomain,token:this.tokens.storyboard})}get audio(){return this.hasAttribute(p.AUDIO)}set audio(t){if(!t){this.removeAttribute(p.AUDIO);return}this.setAttribute(p.AUDIO,"")}get hotkeys(){return k(this,Fi)}get nohotkeys(){return this.hasAttribute(p.NOHOTKEYS)}set nohotkeys(t){if(!t){this.removeAttribute(p.NOHOTKEYS);return}this.setAttribute(p.NOHOTKEYS,"")}get thumbnailTime(){return Be(this.getAttribute(p.THUMBNAIL_TIME))}set thumbnailTime(t){this.setAttribute(p.THUMBNAIL_TIME,`${t}`)}get title(){var t;return(t=this.getAttribute(p.TITLE))!=null?t:""}set title(t){t!==this.title&&(t?this.setAttribute(p.TITLE,t):this.removeAttribute("title"),super.title=t)}get placeholder(){var t;return(t=Mt(this,p.PLACEHOLDER))!=null?t:""}set placeholder(t){this.setAttribute(p.PLACEHOLDER,`${t}`)}get primaryColor(){var a,r;let t=this.getAttribute(p.PRIMARY_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=P.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_primary-color"))==null?void 0:r.trim(),t))return t}set primaryColor(t){this.setAttribute(p.PRIMARY_COLOR,`${t}`)}get secondaryColor(){var a,r;let t=this.getAttribute(p.SECONDARY_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=P.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_secondary-color"))==null?void 0:r.trim(),t))return t}set secondaryColor(t){this.setAttribute(p.SECONDARY_COLOR,`${t}`)}get defaultShowRemainingTime(){return this.hasAttribute(p.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(t){t?this.setAttribute(p.DEFAULT_SHOW_REMAINING_TIME,""):this.removeAttribute(p.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(!!this.hasAttribute(p.PLAYBACK_RATES))return this.getAttribute(p.PLAYBACK_RATES).trim().split(/\s*,?\s+/).map(t=>Number(t)).filter(t=>!Number.isNaN(t)).sort((t,a)=>t-a)}set playbackRates(t){if(!t){this.removeAttribute(p.PLAYBACK_RATES);return}this.setAttribute(p.PLAYBACK_RATES,t.join(" "))}get forwardSeekOffset(){var t;return(t=Be(this.getAttribute(p.FORWARD_SEEK_OFFSET)))!=null?t:10}set forwardSeekOffset(t){this.setAttribute(p.FORWARD_SEEK_OFFSET,`${t}`)}get backwardSeekOffset(){var t;return(t=Be(this.getAttribute(p.BACKWARD_SEEK_OFFSET)))!=null?t:10}set backwardSeekOffset(t){this.setAttribute(p.BACKWARD_SEEK_OFFSET,`${t}`)}get defaultHiddenCaptions(){return this.hasAttribute(p.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(t){t?this.setAttribute(p.DEFAULT_HIDDEN_CAPTIONS,""):this.removeAttribute(p.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var t;return(t=this.getAttribute(g.Attributes.PLAYER_SOFTWARE_NAME))!=null?t:vm}get playerSoftwareVersion(){var t;return(t=this.getAttribute(g.Attributes.PLAYER_SOFTWARE_VERSION))!=null?t:Em}get beaconCollectionDomain(){var t;return(t=this.getAttribute(g.Attributes.BEACON_COLLECTION_DOMAIN))!=null?t:void 0}set beaconCollectionDomain(t){t!==this.beaconCollectionDomain&&(t?this.setAttribute(g.Attributes.BEACON_COLLECTION_DOMAIN,t):this.removeAttribute(g.Attributes.BEACON_COLLECTION_DOMAIN))}get maxResolution(){var t;return(t=this.getAttribute(g.Attributes.MAX_RESOLUTION))!=null?t:void 0}set maxResolution(t){t!==this.maxResolution&&(t?this.setAttribute(g.Attributes.MAX_RESOLUTION,t):this.removeAttribute(g.Attributes.MAX_RESOLUTION))}get customDomain(){var t;return(t=this.getAttribute(g.Attributes.CUSTOM_DOMAIN))!=null?t:void 0}set customDomain(t){t!==this.customDomain&&(t?this.setAttribute(g.Attributes.CUSTOM_DOMAIN,t):this.removeAttribute(g.Attributes.CUSTOM_DOMAIN))}get envKey(){var t;return(t=Mt(this,g.Attributes.ENV_KEY))!=null?t:void 0}set envKey(t){this.setAttribute(g.Attributes.ENV_KEY,`${t}`)}get noVolumePref(){return this.hasAttribute(p.NO_VOLUME_PREF)}set noVolumePref(t){t?this.setAttribute(p.NO_VOLUME_PREF,""):this.removeAttribute(p.NO_VOLUME_PREF)}get debug(){return Mt(this,g.Attributes.DEBUG)!=null}set debug(t){t?this.setAttribute(g.Attributes.DEBUG,""):this.removeAttribute(g.Attributes.DEBUG)}get disableCookies(){return Mt(this,g.Attributes.DISABLE_COOKIES)!=null}set disableCookies(t){t?this.setAttribute(g.Attributes.DISABLE_COOKIES,""):this.removeAttribute(g.Attributes.DISABLE_COOKIES)}get streamType(){var t,a,r;return(r=(a=this.getAttribute(g.Attributes.STREAM_TYPE))!=null?a:(t=this.media)==null?void 0:t.streamType)!=null?r:U.StreamTypes.UNKNOWN}set streamType(t){this.setAttribute(g.Attributes.STREAM_TYPE,`${t}`)}get defaultStreamType(){var t,a,r;return(r=(a=this.getAttribute(p.DEFAULT_STREAM_TYPE))!=null?a:(t=this.mediaController)==null?void 0:t.getAttribute(p.DEFAULT_STREAM_TYPE))!=null?r:U.StreamTypes.ON_DEMAND}set defaultStreamType(t){t?this.setAttribute(p.DEFAULT_STREAM_TYPE,t):this.removeAttribute(p.DEFAULT_STREAM_TYPE)}get targetLiveWindow(){var t,a;return this.hasAttribute(p.TARGET_LIVE_WINDOW)?+this.getAttribute(p.TARGET_LIVE_WINDOW):(a=(t=this.media)==null?void 0:t.targetLiveWindow)!=null?a:Number.NaN}set targetLiveWindow(t){t!=this.targetLiveWindow&&(t==null?this.removeAttribute(p.TARGET_LIVE_WINDOW):this.setAttribute(p.TARGET_LIVE_WINDOW,`${+t}`))}get liveEdgeStart(){var t;return(t=this.media)==null?void 0:t.liveEdgeStart}get startTime(){return Be(Mt(this,g.Attributes.START_TIME))}set startTime(t){this.setAttribute(g.Attributes.START_TIME,`${t}`)}get preferPlayback(){let t=this.getAttribute(g.Attributes.PREFER_PLAYBACK);if(t===U.PlaybackTypes.MSE||t===U.PlaybackTypes.NATIVE)return t}set preferPlayback(t){t!==this.preferPlayback&&(t===U.PlaybackTypes.MSE||t===U.PlaybackTypes.NATIVE?this.setAttribute(g.Attributes.PREFER_PLAYBACK,t):this.removeAttribute(g.Attributes.PREFER_PLAYBACK))}get metadata(){var t;return(t=this.media)==null?void 0:t.metadata}set metadata(t){if(F(this,st,ii).call(this),!this.media){ve("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata={...xd(this),...t}}async addCuePoints(t){var a;if(F(this,st,ii).call(this),!this.media){ve("underlying media element missing when trying to addCuePoints. cuePoints will not be added.");return}return(a=this.media)==null?void 0:a.addCuePoints(t)}get activeCuePoint(){var t;return(t=this.media)==null?void 0:t.activeCuePoint}get cuePoints(){var t,a;return(a=(t=this.media)==null?void 0:t.cuePoints)!=null?a:[]}getStartDate(){var t;return(t=this.media)==null?void 0:t.getStartDate()}get currentPdt(){var t;return(t=this.media)==null?void 0:t.currentPdt}get tokens(){let t=this.getAttribute(p.PLAYBACK_TOKEN),a=this.getAttribute(p.THUMBNAIL_TOKEN),r=this.getAttribute(p.STORYBOARD_TOKEN);return{...k(this,Wi),...t!=null?{playback:t}:{},...a!=null?{thumbnail:a}:{},...r!=null?{storyboard:r}:{}}}set tokens(t){se(this,Wi,t!=null?t:{})}get playbackToken(){var t;return(t=this.getAttribute(p.PLAYBACK_TOKEN))!=null?t:void 0}set playbackToken(t){this.setAttribute(p.PLAYBACK_TOKEN,`${t}`)}get thumbnailToken(){var t;return(t=this.getAttribute(p.THUMBNAIL_TOKEN))!=null?t:void 0}set thumbnailToken(t){this.setAttribute(p.THUMBNAIL_TOKEN,`${t}`)}get storyboardToken(){var t;return(t=this.getAttribute(p.STORYBOARD_TOKEN))!=null?t:void 0}set storyboardToken(t){this.setAttribute(p.STORYBOARD_TOKEN,`${t}`)}addTextTrack(t,a,r,n){var d;let s=(d=this.media)==null?void 0:d.nativeEl;if(!!s)return(0,U.addTextTrack)(s,t,a,r,n)}removeTextTrack(t){var r;let a=(r=this.media)==null?void 0:r.nativeEl;if(!!a)return(0,U.removeTextTrack)(a,t)}get textTracks(){var t;return(t=this.media)==null?void 0:t.textTracks}};Vi=new WeakMap,Wi=new WeakMap,Ke=new WeakMap,Fi=new WeakMap,Lt=new WeakMap,st=new WeakSet,ii=function(){var t,a,r;if(!k(this,Vi)){se(this,Vi,!0),F(this,lt,ai).call(this);try{if(customElements.upgrade(this.mediaTheme),!(this.mediaTheme instanceof P.HTMLElement))throw""}catch{ve("<media-theme> failed to upgrade!")}try{if(customElements.upgrade(this.media),!(this.media instanceof g.default))throw""}catch{ve("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof ln))throw""}catch{ve("<media-controller> failed to upgrade!")}nd(this),F(this,Br,Nd).call(this),F(this,Hr,Ud).call(this),F(this,$r,Pd).call(this),se(this,Ke,(a=(t=this.mediaController)==null?void 0:t.hasAttribute("userinactive"))!=null?a:!0),F(this,Vr,Bd).call(this),(r=this.media)==null||r.addEventListener("streamtypechange",()=>{F(this,lt,ai).call(this)})}},Pr=new WeakSet,Od=function(){var t,a;try{(t=window==null?void 0:window.CSS)==null||t.registerProperty({name:"--media-primary-color",syntax:"<color>",inherits:!0}),(a=window==null?void 0:window.CSS)==null||a.registerProperty({name:"--media-secondary-color",syntax:"<color>",inherits:!0})}catch{}},Ki=new WeakSet,Fo=function(t){Object.assign(k(this,Lt),t),F(this,lt,ai).call(this)},lt=new WeakSet,ai=function(t={}){Sd(Md(um(this,{...k(this,Lt),...t})),this.shadowRoot)},Br=new WeakSet,Nd=function(){let t=r=>{var d,u;if(!(r!=null&&r.startsWith("theme-")))return;let n=r.replace(/^theme-/,"");if(Wo.includes(n))return;let s=this.getAttribute(r);s!=null?(d=this.mediaTheme)==null||d.setAttribute(n,s):(u=this.mediaTheme)==null||u.removeAttribute(n)};new MutationObserver(r=>{for(let{attributeName:n}of r)t(n)}).observe(this,{attributes:!0}),this.getAttributeNames().forEach(t)},Hr=new WeakSet,Ud=function(){var a;let t=r=>{let{detail:n}=r;if(n instanceof g.MediaError||(n=new g.MediaError(n.message,n.code,n.fatal)),!(n!=null&&n.fatal)){tt(n),n.data&&tt(`${n.name} data:`,n.data);return}let{dialog:s,devlog:d}=Nr(n,!window.navigator.onLine,this.playbackId,this.playbackToken);d.message&&Mo(d),ve(n),n.data&&ve(`${n.name} data:`,n.data),F(this,Ki,Fo).call(this,{isDialogOpen:!0,dialog:s})};this.addEventListener("error",t),this.media&&(this.media.errorTranslator=(r={})=>{var s,d,u;if(!(((s=this.media)==null?void 0:s.error)instanceof g.MediaError))return r;let{devlog:n}=Nr((d=this.media)==null?void 0:d.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(u=this.media)==null?void 0:u.error.code,player_error_message:n.message?String(n.message):r.player_error_message,player_error_context:n.context?String(n.context):r.player_error_context}}),(a=this.media)==null||a.addEventListener("error",r=>{var s,d;let{detail:n}=r;if(!n){let{message:u,code:c}=(d=(s=this.media)==null?void 0:s.error)!=null?d:{};n=new g.MediaError(u,c)}!(n!=null&&n.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:n}))})},$r=new WeakSet,Pd=function(){var a,r,n,s;let t=()=>F(this,lt,ai).call(this);(r=(a=this.media)==null?void 0:a.textTracks)==null||r.addEventListener("addtrack",t),(s=(n=this.media)==null?void 0:n.textTracks)==null||s.addEventListener("removetrack",t)},Vr=new WeakSet,Bd=function(){var h,f;let t=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(!/Firefox/i.test(navigator.userAgent))return;let r,n=new WeakMap,s=()=>this.streamType===U.StreamTypes.LIVE&&!this.secondaryColor&&this.offsetWidth>=800,d=(v,T,H=!1)=>{if(s())return;Array.from(v&&v.activeCues||[]).forEach(I=>{if(!(!I.snapToLines||I.line<-5||I.line>=0&&I.line<10))if(!T||this.paused){let ae=I.text.split(`
+`).length,ge=t?-2:-3;this.streamType===U.StreamTypes.LIVE&&(ge=t?-1:-2);let oe=ge-ae;if(I.line===oe&&!H)return;n.has(I)||n.set(I,I.line),I.line=oe-1,I.line=oe}else setTimeout(()=>{I.line=n.get(I)||"auto"},500)})},u=()=>{var v,T;d(r,(T=(v=this.mediaController)==null?void 0:v.hasAttribute("userinactive"))!=null?T:!1)},c=()=>{var H,Y;let T=Array.from(((Y=(H=this.mediaController)==null?void 0:H.media)==null?void 0:Y.textTracks)||[]).filter(I=>["subtitles","captions"].includes(I.kind)&&I.mode==="showing")[0];T!==r&&(r==null||r.removeEventListener("cuechange",u)),r=T,r==null||r.addEventListener("cuechange",u),d(r,k(this,Ke))};if(c(),(h=this.textTracks)==null||h.addEventListener("change",c),(f=this.textTracks)==null||f.addEventListener("addtrack",c),navigator.userAgent.includes("Chrome/")){let v=()=>{d(r,k(this,Ke),!0),this.paused||window.requestAnimationFrame(v)};this.addEventListener("playing",()=>{v()})}this.addEventListener("userinactivechange",()=>{var T,H;let v=(H=(T=this.mediaController)==null?void 0:T.hasAttribute("userinactive"))!=null?H:!0;k(this,Ke)!==v&&(se(this,Ke,v),d(r,k(this,Ke)))})};function Mt(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}P.customElements.get("mux-player")||(P.customElements.define("mux-player",$i),P.MuxPlayerElement=$i);var fm=$i;