@mux/mux-player 2.9.1 → 3.0.0

package/dist/index.cjs.js

@@ -1,14 +1,14 @@
-"use strict";var fv=Object.create;var Vr=Object.defineProperty;var bv=Object.getOwnPropertyDescriptor;var Ev=Object.getOwnPropertyNames;var gv=Object.getPrototypeOf,_v=Object.prototype.hasOwnProperty;var Av=(i,e)=>{for(var t in e)Vr(i,t,{get:e[t],enumerable:!0})},fc=(i,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Ev(e))!_v.call(i,r)&&r!==t&&Vr(i,r,{get:()=>e[r],enumerable:!(a=bv(e,r))||a.enumerable});return i};var yv=(i,e,t)=>(t=i!=null?fv(gv(i)):{},fc(e||!i||!i.__esModule?Vr(t,"default",{value:i,enumerable:!0}):t,i)),Tv=i=>fc(Vr({},"__esModule",{value:!0}),i);var Wo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)};var L=(i,e,t)=>(Wo(i,e,"read from private field"),t?t.call(i):e.get(i)),z=(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)},Ce=(i,e,t,a)=>(Wo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t);var ee=(i,e,t)=>(Wo(i,e,"access private method"),t);var W0={};Av(W0,{MediaError:()=>E.MediaError,default:()=>B0,getVideoAttribute:()=>ti});module.exports=Tv(W0);var Ni=class{addEventListener(){}removeEventListener(){}dispatchEvent(e){return!0}};if(typeof DocumentFragment=="undefined"){class i extends Ni{}globalThis.DocumentFragment=i}var Oa=class extends Ni{},Ho=class extends Ni{},kv={get(i){},define(i,e,t){},upgrade(i){},whenDefined(i){return Promise.resolve(Oa)}},Pa,$o=class{constructor(e,t={}){z(this,Pa,void 0);Ce(this,Pa,t==null?void 0:t.detail)}get detail(){return L(this,Pa)}initCustomEvent(){}};Pa=new WeakMap;function Sv(i,e){return new Oa}var bc={document:{createElement:Sv},DocumentFragment,customElements:kv,CustomEvent:$o,EventTarget:Ni,HTMLElement:Oa,HTMLVideoElement:Ho},Ec=typeof window=="undefined"||typeof globalThis.customElements=="undefined",q=Ec?bc:globalThis,Ae=Ec?bc.document:globalThis.document;var h={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_TOGGLE_SUBTITLES_REQUEST:"mediatogglesubtitlesrequest",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"},y={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},Fo={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_IS_AIRPLAYING:"mediaIsAirplaying",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_PREVIEW_CHAPTER:"mediaPreviewChapter",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",MEDIA_CHAPTERS_CUES:"mediaChaptersCues"},gc=Object.entries(Fo),s=gc.reduce((i,[e,t])=>(i[e]=`${t.toLowerCase()}`,i),{}),yt=gc.reduce((i,[e,t])=>(i[e]=`${t.toLowerCase()}`,i),{USER_INACTIVE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"}),K0=Object.entries(yt).reduce((i,[e,t])=>{let a=s[e];return a&&(i[t]=a),i},{userinactivechange:"userinactive"}),_c=Object.entries(s).reduce((i,[e,t])=>{let a=yt[e];return a&&(i[t]=a),i},{userinactive:"userinactivechange"}),Ne={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},Pt={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var Vo={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},ye={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},Ue={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};var Ac={INLINE:"inline",FULLSCREEN:"fullscreen",PICTURE_IN_PICTURE:"picture-in-picture"};var K={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",SETTINGS:()=>"settings",AUDIO_TRACKS:()=>"audio tracks",QUALITY:()=>"quality"},Y={PLAY:()=>"play",PAUSE:()=>"pause",MUTE:()=>"mute",UNMUTE:()=>"unmute",ENTER_AIRPLAY:()=>"start airplay",EXIT_AIRPLAY:()=>"stop airplay",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"},Cv={...K,...Y};function yc(i){return i==null?void 0:i.map(Mv).join(" ")}function Kr(i){return i==null?void 0:i.split(/\s+/).map(Lv)}function Mv(i){if(i){let{id:e,width:t,height:a}=i;return[e,t,a].filter(r=>r!=null).join(":")}}function Lv(i){if(i){let[e,t,a]=i.split(":");return{id:e,width:t,height:a}}}function Tc(i){return i==null?void 0:i.map(wv).join(" ")}function Yr(i){return i==null?void 0:i.split(/\s+/).map(Rv)}function wv(i){if(i){let{id:e,kind:t,language:a,label:r}=i;return[e,t,a,r].filter(n=>n!=null).join(":")}}function Rv(i){if(i){let[e,t,a,r]=i.split(":");return{id:e,kind:t,language:a,label:r}}}function kc(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function Sc(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}function Gr(i){return typeof i!="string"?!1:!isNaN(i)&&!isNaN(parseFloat(i))}var qr=i=>new Promise(e=>setTimeout(e,i));var Ic=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],xv=(i,e)=>{let t=i===1?Ic[e].singular:Ic[e].plural;return`${i} ${t}`},ai=i=>{if(!Sc(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&&xv(d,u)).filter(d=>d).join(", ")}${t?" remaining":""}`};function ze(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),o=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||o>=10)&&r<10?"0"+r:r)+":",a=a<10?"0"+a:a,(t?"-":"")+n+r+a}var Z0=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 Zr=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},Qr=class extends Zr{},Ko=class{observe(){}unobserve(){}disconnect(){}},Cc={createElement:function(){return new zr.HTMLElement},createElementNS:function(){return new zr.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(i){return!1}},zr={ResizeObserver:Ko,document:Cc,Node:Qr,HTMLElement:class extends Qr{},DocumentFragment:class extends Zr{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},localStorage:{getItem(i){return null},setItem(i,e){},removeItem(i){}},CustomEvent:function(){},getComputedStyle:function(){},navigator:{languages:[],get userAgent(){return""}},matchMedia(i){return{matches:!1,media:i}}},Mc=typeof window=="undefined"||typeof window.customElements=="undefined",Lc=Object.keys(zr).every(i=>i in globalThis),l=Mc&&!Lc?zr:globalThis,c=Mc&&!Lc?Cc:globalThis.document;var wc=new WeakMap,Yo=i=>{let e=wc.get(i);return e||wc.set(i,e=new Set),e},Rc=new l.ResizeObserver(i=>{for(let e of i)for(let t of Yo(e.target))t(e)});function Me(i,e){Yo(i).add(e),Rc.observe(i)}function Xe(i,e){let t=Yo(i);t.delete(e),t.size||Rc.unobserve(i)}function X(i){var e;return(e=Xr(i))!=null?e:Be(i,"media-controller")}function Xr(i){var e;let{MEDIA_CONTROLLER:t}=y,a=i.getAttribute(t);if(a)return(e=ni(i))==null?void 0:e.getElementById(a)}var Jr=(i,e,t=".value")=>{let a=i.querySelector(t);a&&(a.textContent=e)},Ov=(i,e)=>{let t=`slot[name="${e}"]`,a=i.shadowRoot.querySelector(t);return a?a.children:[]},jr=(i,e)=>Ov(i,e)[0],oe=(i,e)=>!i||!e?!1:i!=null&&i.contains(e)?!0:oe(i,e.getRootNode().host),Be=(i,e)=>{if(!i)return null;let t=i.closest(e);return t||Be(i.getRootNode().host,e)};function ri(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=ri(t.shadowRoot))!=null?e:t:null}function ni(i){var e;let t=(e=i==null?void 0:i.getRootNode)==null?void 0:e.call(i);return t instanceof ShadowRoot||t instanceof Document?t:null}function xc(i,e=3){if(i.checkVisibility)return i.checkVisibility({checkOpacity:!0,checkVisibilityCSS:!0});let t=i;for(;t&&e>0;){let a=getComputedStyle(t);if(a.opacity==="0"||a.visibility==="hidden"||a.display==="none")return!1;t=t.parentElement,e--}return!0}function Dc(i,e,t,a){let r=Go(t,a),n=Go(t,{x:i,y:e}),o=Go(a,{x:i,y:e});return n>r||o>r?n>o?1:0:n/r}function Go(i,e){return Math.sqrt(Math.pow(e.x-i.x,2)+Math.pow(e.y-i.y,2))}function N(i,e){let t=Pv(i,a=>a===e);return t||qo(i,e)}function Pv(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(e(n.selectorText))return n}}function qo(i,e){var t,a;let r=(t=i.querySelectorAll("style"))!=null?t:[],n=r==null?void 0:r[r.length-1];return n!=null&&n.sheet?(n==null||n.sheet.insertRule(`${e}{}`,n.sheet.cssRules.length),(a=n.sheet.cssRules)==null?void 0:a[n.sheet.cssRules.length-1]):(console.warn("Media Chrome: No style sheet found on style tag of",i),{style:{setProperty:()=>{},removeProperty:()=>"",getPropertyValue:()=>""}})}function D(i,e,t=Number.NaN){let a=i.getAttribute(e);return a!=null?+a:t}function U(i,e,t){let a=+t;if(t==null||Number.isNaN(a)){i.hasAttribute(e)&&i.removeAttribute(e);return}D(i,e,void 0)!==a&&i.setAttribute(e,`${a}`)}function H(i,e){return i.hasAttribute(e)}function B(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}H(i,e)!=t&&i.toggleAttribute(e,t)}function I(i,e,t=null){var a;return(a=i.getAttribute(e))!=null?a:t}function k(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}let a=`${t}`;I(i,e,void 0)!==a&&i.setAttribute(e,a)}var Oc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Nt=(i,e,t)=>(Oc(i,e,"read from private field"),t?t.call(i):e.get(i)),Nv=(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)},en=(i,e,t,a)=>(Oc(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),fe,Pc=c.createElement("template");Pc.innerHTML=`
+"use strict";var sh=Object.create;var _r=Object.defineProperty;var lh=Object.getOwnPropertyDescriptor;var dh=Object.getOwnPropertyNames;var uh=Object.getPrototypeOf,ch=Object.prototype.hasOwnProperty;var mh=(i,e)=>{for(var t in e)_r(i,t,{get:e[t],enumerable:!0})},kd=(i,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of dh(e))!ch.call(i,r)&&r!==t&&_r(i,r,{get:()=>e[r],enumerable:!(a=lh(e,r))||a.enumerable});return i};var hh=(i,e,t)=>(t=i!=null?sh(uh(i)):{},kd(e||!i||!i.__esModule?_r(t,"default",{value:i,enumerable:!0}):t,i)),ph=i=>kd(_r({},"__esModule",{value:!0}),i);var No=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)};var w=(i,e,t)=>(No(i,e,"read from private field"),t?t.call(i):e.get(i)),X=(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)},ke=(i,e,t,a)=>(No(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t);var j=(i,e,t)=>(No(i,e,"access private method"),t);var af={};mh(af,{MediaError:()=>g.MediaError,default:()=>tf,getVideoAttribute:()=>Ut});module.exports=ph(af);var fi=class{addEventListener(){}removeEventListener(){}dispatchEvent(e){return!0}};if(typeof DocumentFragment=="undefined"){class i extends fi{}globalThis.DocumentFragment=i}var ha=class extends fi{},Uo=class extends fi{},vh={get(i){},define(i,e,t){},getName(i){return null},upgrade(i){},whenDefined(i){return Promise.resolve(ha)}},pa,Bo=class{constructor(e,t={}){X(this,pa,void 0);ke(this,pa,t==null?void 0:t.detail)}get detail(){return w(this,pa)}initCustomEvent(){}};pa=new WeakMap;function fh(i,e){return new ha}var Sd={document:{createElement:fh},DocumentFragment,customElements:vh,CustomEvent:Bo,EventTarget:fi,HTMLElement:ha,HTMLVideoElement:Uo},Id=typeof window=="undefined"||typeof globalThis.customElements=="undefined",Z=Id?Sd:globalThis,_e=Id?Sd.document:globalThis.document;var v={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_TOGGLE_SUBTITLES_REQUEST:"mediatogglesubtitlesrequest",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"},k={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},Ho={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_WIDTH:"mediaWidth",MEDIA_HEIGHT:"mediaHeight",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_IS_AIRPLAYING:"mediaIsAirplaying",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_PREVIEW_CHAPTER:"mediaPreviewChapter",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",MEDIA_CHAPTERS_CUES:"mediaChaptersCues"},Cd=Object.entries(Ho),o=Cd.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{}),bh={USER_INACTIVE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"},nt=Cd.reduce((i,[e,t])=>(i[e]=t.toLowerCase(),i),{...bh}),lf=Object.entries(nt).reduce((i,[e,t])=>{let a=o[e];return a&&(i[t]=a),i},{userinactivechange:"userinactive"}),Md=Object.entries(o).reduce((i,[e,t])=>{let a=nt[e];return a&&(i[t]=a),i},{userinactive:"userinactivechange"}),he={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},At={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var $o={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},Ae={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},Me={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};var wd={INLINE:"inline",FULLSCREEN:"fullscreen",PICTURE_IN_PICTURE:"picture-in-picture"};var I={ENTER_AIRPLAY:"Start airplay",EXIT_AIRPLAY:"Stop airplay",AUDIO_TRACK_MENU:"Audio",CAPTIONS:"Captions",ENABLE_CAPTIONS:"Enable captions",DISABLE_CAPTIONS:"Disable captions",START_CAST:"Start casting",STOP_CAST:"Stop casting",ENTER_FULLSCREEN:"Enter fullscreen mode",EXIT_FULLSCREEN:"Exit fullscreen mode",MUTE:"Mute",UNMUTE:"Unmute",ENTER_PIP:"Enter picture in picture mode",EXIT_PIP:"Enter picture in picture mode",PLAY:"Play",PAUSE:"Pause",PLAYBACK_RATE:"Playback rate",RENDITIONS:"Quality",SEEK_BACKWARD:"Seek backward",SEEK_FORWARD:"Seek forward",SETTINGS:"Settings"},V={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",SETTINGS:()=>"settings",AUDIO_TRACKS:()=>"audio tracks",QUALITY:()=>"quality"},K={PLAY:()=>"play",PAUSE:()=>"pause",MUTE:()=>"mute",UNMUTE:()=>"unmute",ENTER_AIRPLAY:()=>"start airplay",EXIT_AIRPLAY:()=>"stop airplay",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"},gh={...V,...K};function Ld(i){return i==null?void 0:i.map(_h).join(" ")}function Rd(i){return i==null?void 0:i.split(/\s+/).map(Ah)}function _h(i){if(i){let{id:e,width:t,height:a}=i;return[e,t,a].filter(r=>r!=null).join(":")}}function Ah(i){if(i){let[e,t,a]=i.split(":");return{id:e,width:+t,height:+a}}}function xd(i){return i==null?void 0:i.map(yh).join(" ")}function Dd(i){return i==null?void 0:i.split(/\s+/).map(Th)}function yh(i){if(i){let{id:e,kind:t,language:a,label:r}=i;return[e,t,a,r].filter(n=>n!=null).join(":")}}function Th(i){if(i){let[e,t,a,r]=i.split(":");return{id:e,kind:t,language:a,label:r}}}function Pd(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function Ar(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}function yr(i){return typeof i!="string"?!1:!isNaN(i)&&!isNaN(parseFloat(i))}var Tr=i=>new Promise(e=>setTimeout(e,i));var Od=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],kh=(i,e)=>{let t=i===1?Od[e].singular:Od[e].plural;return`${i} ${t}`},Ht=i=>{if(!Ar(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((l,u)=>l&&kh(l,u)).filter(l=>l).join(", ")}${t?" remaining":""}`};function Ne(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),l=Math.floor(e/3600);return(isNaN(i)||i===1/0)&&(n=r=a="0"),n=n>0||l>0?n+":":"",r=((n||s>=10)&&r<10?"0"+r:r)+":",a=a<10?"0"+a:a,(t?"-":"")+n+r+a}var mf=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 kr=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},Sr=class extends kr{},Ir=class extends Sr{constructor(){super(...arguments),this.role=null}},Wo=class{observe(){}unobserve(){}disconnect(){}},Nd={createElement:function(){return new va.HTMLElement},createElementNS:function(){return new va.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(i){return!1}},va={ResizeObserver:Wo,document:Nd,Node:Sr,Element:Ir,HTMLElement:class extends Ir{constructor(){super(...arguments),this.innerHTML=""}get content(){return new va.DocumentFragment}},DocumentFragment:class extends kr{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},localStorage:{getItem(i){return null},setItem(i,e){},removeItem(i){}},CustomEvent:function(){},getComputedStyle:function(){},navigator:{languages:[],get userAgent(){return""}},matchMedia(i){return{matches:!1,media:i}}},Ud=typeof window=="undefined"||typeof window.customElements=="undefined",Bd=Object.keys(va).every(i=>i in globalThis),d=Ud&&!Bd?va:globalThis,m=Ud&&!Bd?Nd:globalThis.document;var Hd=new WeakMap,Fo=i=>{let e=Hd.get(i);return e||Hd.set(i,e=new Set),e},$d=new d.ResizeObserver(i=>{for(let e of i)for(let t of Fo(e.target))t(e)});function ot(i,e){Fo(i).add(e),$d.observe(i)}function $t(i,e){let t=Fo(i);t.delete(e),t.size||$d.unobserve(i)}function q(i){var e;return(e=Cr(i))!=null?e:Ue(i,"media-controller")}function Cr(i){var e;let{MEDIA_CONTROLLER:t}=k,a=i.getAttribute(t);if(a)return(e=Wt(i))==null?void 0:e.getElementById(a)}var Mr=(i,e,t=".value")=>{let a=i.querySelector(t);a&&(a.textContent=e)},Ih=(i,e)=>{let t=`slot[name="${e}"]`,a=i.shadowRoot.querySelector(t);return a?a.children:[]},wr=(i,e)=>Ih(i,e)[0],ue=(i,e)=>!i||!e?!1:i!=null&&i.contains(e)?!0:ue(i,e.getRootNode().host),Ue=(i,e)=>{if(!i)return null;let t=i.closest(e);return t||Ue(i.getRootNode().host,e)};function fa(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=fa(t.shadowRoot))!=null?e:t:null}function Wt(i){var e;let t=(e=i==null?void 0:i.getRootNode)==null?void 0:e.call(i);return t instanceof ShadowRoot||t instanceof Document?t:null}function Wd(i,e=3){if(i.checkVisibility)return i.checkVisibility({checkOpacity:!0,checkVisibilityCSS:!0});let t=i;for(;t&&e>0;){let a=getComputedStyle(t);if(a.opacity==="0"||a.visibility==="hidden"||a.display==="none")return!1;t=t.parentElement,e--}return!0}function Fd(i,e,t,a){let r=Vo(t,a),n=Vo(t,{x:i,y:e}),s=Vo(a,{x:i,y:e});return n>r||s>r?n>s?1:0:n/r}function Vo(i,e){return Math.sqrt(Math.pow(e.x-i.x,2)+Math.pow(e.y-i.y,2))}function N(i,e){let t=Ch(i,a=>a===e);return t||Ko(i,e)}function Ch(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(e(n.selectorText))return n}}function Ko(i,e){var t,a;let r=(t=i.querySelectorAll("style"))!=null?t:[],n=r==null?void 0:r[r.length-1];return n!=null&&n.sheet?(n==null||n.sheet.insertRule(`${e}{}`,n.sheet.cssRules.length),(a=n.sheet.cssRules)==null?void 0:a[n.sheet.cssRules.length-1]):(console.warn("Media Chrome: No style sheet found on style tag of",i),{style:{setProperty:()=>{},removeProperty:()=>"",getPropertyValue:()=>""}})}function L(i,e,t=Number.NaN){let a=i.getAttribute(e);return a!=null?+a:t}function O(i,e,t){let a=+t;if(t==null||Number.isNaN(a)){i.hasAttribute(e)&&i.removeAttribute(e);return}L(i,e,void 0)!==a&&i.setAttribute(e,`${a}`)}function H(i,e){return i.hasAttribute(e)}function U(i,e,t){if(t==null){i.hasAttribute(e)&&i.removeAttribute(e);return}H(i,e)!=t&&i.toggleAttribute(e,t)}function R(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}`;R(i,e,void 0)!==a&&i.setAttribute(e,a)}var Vd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},yt=(i,e,t)=>(Vd(i,e,"read from private field"),t?t.call(i):e.get(i)),Mh=(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)},Lr=(i,e,t,a)=>(Vd(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),pe,Kd=m.createElement("template");Kd.innerHTML=`
 <style>
   :host {
     display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
     box-sizing: border-box;
   }
 </style>
-`;var Zo=class extends l.HTMLElement{constructor(e={}){if(super(),Nv(this,fe,void 0),!this.shadowRoot){let t=this.attachShadow({mode:"open"}),a=Pc.content.cloneNode(!0);this.nativeEl=a;let r=e.slotTemplate;r||(r=c.createElement("template"),r.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(r.content.cloneNode(!0)),t.appendChild(a)}}static get observedAttributes(){return[y.MEDIA_CONTROLLER,s.MEDIA_PAUSED]}attributeChangedCallback(e,t,a){var r,n,o,d,u;e===y.MEDIA_CONTROLLER&&(t&&((n=(r=Nt(this,fe))==null?void 0:r.unassociateElement)==null||n.call(r,this),en(this,fe,null)),a&&this.isConnected&&(en(this,fe,(o=this.getRootNode())==null?void 0:o.getElementById(a)),(u=(d=Nt(this,fe))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a,r;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),en(this,fe,Uv(this)),this.getAttribute(y.MEDIA_CONTROLLER)&&((t=(e=Nt(this,fe))==null?void 0:e.associateElement)==null||t.call(e,this)),(a=Nt(this,fe))==null||a.addEventListener("pointerdown",this),(r=Nt(this,fe))==null||r.addEventListener("click",this)}disconnectedCallback(){var e,t,a,r;this.getAttribute(y.MEDIA_CONTROLLER)&&((t=(e=Nt(this,fe))==null?void 0:e.unassociateElement)==null||t.call(e,this)),(a=Nt(this,fe))==null||a.removeEventListener("pointerdown",this),(r=Nt(this,fe))==null||r.removeEventListener("click",this),en(this,fe,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:o}=e,{left:d,top:u,width:m,height:f}=this.getBoundingClientRect(),g=n-d,v=o-u;if(g<0||v<0||g>m||v>f||m===0&&f===0)return;let{pointerType:b=this._pointerType}=e;if(this._pointerType=void 0,b===Vo.TOUCH){this.handleTap(e);return}else if(b===Vo.MOUSE){this.handleMouseClick(e);return}}}}get mediaPaused(){return H(this,s.MEDIA_PAUSED)}set mediaPaused(e){B(this,s.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?h.MEDIA_PLAY_REQUEST:h.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(t,{composed:!0,bubbles:!0}))}};fe=new WeakMap;function Uv(i){var e;let t=i.getAttribute(y.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):Be(i,"media-controller")}l.customElements.get("media-gesture-receiver")||l.customElements.define("media-gesture-receiver",Zo);var Bv=Object.defineProperty,Wv=(i,e,t)=>e in i?Bv(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Hv=(i,e,t)=>(Wv(i,typeof e!="symbol"?e+"":e,t),t),jo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},zo=(i,e,t)=>(jo(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)},Qo=(i,e,t,a)=>(jo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),We=(i,e,t)=>(jo(i,e,"access private method"),t),tn,Ui,Xo,Nc,Jo,Uc,Na,an,rn,el,Bi,Ua,w={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive"},Bc=c.createElement("template");Bc.innerHTML=`
+`;var Yo=class extends d.HTMLElement{constructor(e={}){if(super(),Mh(this,pe,void 0),!this.shadowRoot){let t=this.attachShadow({mode:"open"}),a=Kd.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[k.MEDIA_CONTROLLER,o.MEDIA_PAUSED]}attributeChangedCallback(e,t,a){var r,n,s,l,u;e===k.MEDIA_CONTROLLER&&(t&&((n=(r=yt(this,pe))==null?void 0:r.unassociateElement)==null||n.call(r,this),Lr(this,pe,null)),a&&this.isConnected&&(Lr(this,pe,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(l=yt(this,pe))==null?void 0:l.associateElement)==null||u.call(l,this)))}connectedCallback(){var e,t,a,r;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),Lr(this,pe,wh(this)),this.getAttribute(k.MEDIA_CONTROLLER)&&((t=(e=yt(this,pe))==null?void 0:e.associateElement)==null||t.call(e,this)),(a=yt(this,pe))==null||a.addEventListener("pointerdown",this),(r=yt(this,pe))==null||r.addEventListener("click",this)}disconnectedCallback(){var e,t,a,r;this.getAttribute(k.MEDIA_CONTROLLER)&&((t=(e=yt(this,pe))==null?void 0:e.unassociateElement)==null||t.call(e,this)),(a=yt(this,pe))==null||a.removeEventListener("pointerdown",this),(r=yt(this,pe))==null||r.removeEventListener("click",this),Lr(this,pe,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:l,top:u,width:c,height:f}=this.getBoundingClientRect(),E=n-l,p=s-u;if(E<0||p<0||E>c||p>f||c===0&&f===0)return;let{pointerType:b=this._pointerType}=e;if(this._pointerType=void 0,b===$o.TOUCH){this.handleTap(e);return}else if(b===$o.MOUSE){this.handleMouseClick(e);return}}}}get mediaPaused(){return H(this,o.MEDIA_PAUSED)}set mediaPaused(e){U(this,o.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?v.MEDIA_PLAY_REQUEST:v.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new d.CustomEvent(t,{composed:!0,bubbles:!0}))}};pe=new WeakMap;function wh(i){var e;let t=i.getAttribute(k.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):Ue(i,"media-controller")}d.customElements.get("media-gesture-receiver")||d.customElements.define("media-gesture-receiver",Yo);var Zo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Tt=(i,e,t)=>(Zo(i,e,"read from private field"),t?t.call(i):e.get(i)),st=(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)=>(Zo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),we=(i,e,t)=>(Zo(i,e,"access private method"),t),Rr,bi,Ea,Ei,Go,Yd,qo,Gd,ga,xr,Dr,Qo,gi,_a,x={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive"},qd=m.createElement("template");qd.innerHTML=`
   <style>
     
-    :host([${s.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) {
+    :host([${o.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) {
       outline: none;
     }
 
@@ -20,7 +20,7 @@
       background-color: var(--media-background-color, #000);
     }
 
-    :host(:not([${w.AUDIO}])) [part~=layer]:not([part~=media-layer]) {
+    :host(:not([${x.AUDIO}])) [part~=layer]:not([part~=media-layer]) {
       position: absolute;
       top: 0;
       left: 0;
@@ -38,19 +38,19 @@
     }
 
     
-    :host([${w.AUDIO}]) slot[name=media] {
+    :host([${x.AUDIO}]) slot[name=media] {
       display: var(--media-slot-display, none);
     }
 
     
-    :host([${w.AUDIO}]) [part~=layer][part~=gesture-layer] {
+    :host([${x.AUDIO}]) [part~=layer][part~=gesture-layer] {
       height: 0;
       display: block;
     }
 
     
-    :host(:not([${w.AUDIO}])[${w.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
-    :host(:not([${w.AUDIO}])[${w.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] {
+    :host(:not([${x.AUDIO}])[${x.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
+    :host(:not([${x.AUDIO}])[${x.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] {
       display: none;
     }
 
@@ -59,13 +59,13 @@
       pointer-events: auto;
     }
 
-    :host(:not([${w.AUDIO}])) *[part~=layer][part~=centered-layer] {
+    :host(:not([${x.AUDIO}])) *[part~=layer][part~=centered-layer] {
       align-items: center;
       justify-content: center;
     }
 
-    :host(:not([${w.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
-    :host(:not([${w.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] {
+    :host(:not([${x.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
+    :host(:not([${x.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] {
       align-self: stretch;
       flex-grow: 1;
     }
@@ -85,7 +85,7 @@
     }
 
     
-    :host(:not([${w.AUDIO}])) .spacer {
+    :host(:not([${x.AUDIO}])) .spacer {
       flex-grow: 1;
     }
 
@@ -97,18 +97,18 @@
     }
 
     
-    ::slotted(:not([slot=media]):not([slot=poster]):not([${w.NO_AUTOHIDE}]):not([hidden])) {
+    ::slotted(:not([slot=media]):not([slot=poster]):not([${x.NO_AUTOHIDE}]):not([hidden])) {
       opacity: 1;
       transition: opacity 0.25s;
     }
 
     
-    :host([${w.USER_INACTIVE}]:not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_AIRPLAYING}]):not([${s.MEDIA_IS_CASTING}]):not([${w.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${w.NO_AUTOHIDE}])) {
+    :host([${x.USER_INACTIVE}]:not([${o.MEDIA_PAUSED}]):not([${o.MEDIA_IS_AIRPLAYING}]):not([${o.MEDIA_IS_CASTING}]):not([${x.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${x.NO_AUTOHIDE}])) {
       opacity: 0;
       transition: opacity 1s;
     }
 
-    :host([${w.USER_INACTIVE}]:not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_CASTING}]):not([${w.AUDIO}])) ::slotted([slot=media]) {
+    :host([${x.USER_INACTIVE}]:not([${o.MEDIA_PAUSED}]):not([${o.MEDIA_IS_CASTING}]):not([${x.AUDIO}])) ::slotted([slot=media]) {
       cursor: none;
     }
 
@@ -117,7 +117,7 @@
     }
 
     
-    :host(:not([${w.AUDIO}])[${s.MEDIA_HAS_PLAYED}]) slot[name=poster] {
+    :host(:not([${x.AUDIO}])[${o.MEDIA_HAS_PLAYED}]) slot[name=poster] {
       display: none;
     }
 
@@ -142,9 +142,10 @@
     
     <slot part="bottom chrome"></slot>
   </span>
-`;var $v=Object.values(s),Fv="sm:384 md:576 lg:768 xl:960";function Vv(i){Kv(i.target,i.contentRect.width)}function Kv(i,e){var t;if(!i.isConnected)return;let a=(t=i.getAttribute(w.BREAKPOINTS))!=null?t:Fv,r=Yv(a),n=Gv(r,e),o=!1;if(Object.keys(r).forEach(d=>{if(n.includes(d)){i.hasAttribute(`breakpoint${d}`)||(i.setAttribute(`breakpoint${d}`,""),o=!0);return}i.hasAttribute(`breakpoint${d}`)&&(i.removeAttribute(`breakpoint${d}`),o=!0)}),o){let d=new CustomEvent(yt.BREAKPOINTS_CHANGE,{detail:n});i.dispatchEvent(d)}}function Yv(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function Gv(i,e){return Object.keys(i).filter(t=>e>=i[t])}var Ba=class extends l.HTMLElement{constructor(){super(),si(this,Xo),si(this,Jo),si(this,Na),si(this,rn),si(this,Bi),si(this,tn,0),si(this,Ui,void 0),Hv(this,"breakpointsComputed",!1),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Bc.content.cloneNode(!0)));let e=o=>{let d=this.media;for(let u of o)u.type==="childList"&&(u.removedNodes.forEach(m=>{if(m.slot=="media"&&u.target==this){let f=u.previousSibling&&u.previousSibling.previousElementSibling;if(!f||!d)this.mediaUnsetCallback(m);else{let g=f.slot!=="media";for(;(f=f.previousSibling)!==null;)f.slot=="media"&&(g=!1);g&&this.mediaUnsetCallback(m)}}}),d&&u.addedNodes.forEach(m=>{m===d&&this.handleMediaUpdated(d)}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0});let a=!1;Me(this,o=>{a||(setTimeout(()=>{Vv(o),a=!1,this.breakpointsComputed||(this.breakpointsComputed=!0,this.dispatchEvent(new CustomEvent(yt.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))},0),a=!0)});let n=this.querySelector(":scope > slot[slot=media]");n&&n.addEventListener("slotchange",()=>{if(!n.assignedElements({flatten:!0}).length){zo(this,Ui)&&this.mediaUnsetCallback(zo(this,Ui));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[w.AUTOHIDE,w.GESTURES_DISABLED].concat($v).filter(e=>![s.MEDIA_RENDITION_LIST,s.MEDIA_AUDIO_TRACK_LIST,s.MEDIA_CHAPTERS_CUES].includes(e))}attributeChangedCallback(e,t,a){e.toLowerCase()==w.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}async handleMediaUpdated(e){e&&(Qo(this,Ui,e),e.localName.includes("-")&&await l.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;let a=this.getAttribute(w.AUDIO)!=null?K.AUDIO_PLAYER():K.VIDEO_PLAYER();this.setAttribute("role","region"),this.setAttribute("aria-label",a),this.handleMediaUpdated(this.media),this.setAttribute(w.USER_INACTIVE,""),this.addEventListener("pointerdown",this),this.addEventListener("pointermove",this),this.addEventListener("pointerup",this),this.addEventListener("mouseleave",this),this.addEventListener("keyup",this),(e=l.window)==null||e.addEventListener("mouseup",this)}disconnectedCallback(){var e;this.media&&this.mediaUnsetCallback(this.media),(e=l.window)==null||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){Qo(this,Ui,null)}handleEvent(e){switch(e.type){case"pointerdown":Qo(this,tn,e.timeStamp);break;case"pointermove":We(this,Xo,Nc).call(this,e);break;case"pointerup":We(this,Jo,Uc).call(this,e);break;case"mouseleave":We(this,Na,an).call(this);break;case"mouseup":this.removeAttribute(w.KEYBOARD_CONTROL);break;case"keyup":We(this,Bi,Ua).call(this),this.setAttribute(w.KEYBOARD_CONTROL,"");break}}set autohide(e){e=Number(e),this._autohide=isNaN(e)?0:e}get autohide(){return this._autohide===void 0?2:this._autohide}};tn=new WeakMap;Ui=new WeakMap;Xo=new WeakSet;Nc=function(i){i.pointerType!=="mouse"&&i.timeStamp-zo(this,tn)<250||(We(this,rn,el).call(this),clearTimeout(this._inactiveTimeout),[this,this.media].includes(i.target)&&We(this,Bi,Ua).call(this))};Jo=new WeakSet;Uc=function(i){if(i.pointerType==="touch"){let e=!this.hasAttribute(w.USER_INACTIVE);[this,this.media].includes(i.target)&&e?We(this,Na,an).call(this):We(this,Bi,Ua).call(this)}else i.composedPath().some(e=>["media-play-button","media-fullscreen-button"].includes(e==null?void 0:e.localName))&&We(this,Bi,Ua).call(this)};Na=new WeakSet;an=function(){if(this.autohide<0||this.hasAttribute(w.USER_INACTIVE))return;this.setAttribute(w.USER_INACTIVE,"");let i=new l.CustomEvent(yt.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(i)};rn=new WeakSet;el=function(){if(!this.hasAttribute(w.USER_INACTIVE))return;this.removeAttribute(w.USER_INACTIVE);let i=new l.CustomEvent(yt.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(i)};Bi=new WeakSet;Ua=function(){We(this,rn,el).call(this),clearTimeout(this._inactiveTimeout),!(this.autohide<0)&&(this._inactiveTimeout=setTimeout(()=>{We(this,Na,an).call(this)},this.autohide*1e3))};l.customElements.get("media-container")||l.customElements.define("media-container",Ba);var Wc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},re=(i,e,t)=>(Wc(i,e,"read from private field"),t?t.call(i):e.get(i)),Wa=(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)},nn=(i,e,t,a)=>(Wc(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Wi,Hi,sn,oi,Tt,Ut,Le=class{constructor(e,t,{defaultValue:a}={defaultValue:void 0}){Wa(this,Tt),Wa(this,Wi,void 0),Wa(this,Hi,void 0),Wa(this,sn,void 0),Wa(this,oi,new Set),nn(this,Wi,e),nn(this,Hi,t),nn(this,sn,new Set(a))}[Symbol.iterator](){return re(this,Tt,Ut).values()}get length(){return re(this,Tt,Ut).size}get value(){var e;return(e=[...re(this,Tt,Ut)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(nn(this,oi,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...re(this,Tt,Ut)][e]}values(){return re(this,Tt,Ut).values()}forEach(e){re(this,Tt,Ut).forEach(e)}add(...e){var t,a;e.forEach(r=>re(this,oi).add(r)),!(this.value===""&&!((t=re(this,Wi))!=null&&t.hasAttribute(`${re(this,Hi)}`)))&&((a=re(this,Wi))==null||a.setAttribute(`${re(this,Hi)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>re(this,oi).delete(a)),(t=re(this,Wi))==null||t.setAttribute(`${re(this,Hi)}`,`${this.value}`)}contains(e){return re(this,Tt,Ut).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}};Wi=new WeakMap;Hi=new WeakMap;sn=new WeakMap;oi=new WeakMap;Tt=new WeakSet;Ut=function(){return re(this,oi).size?re(this,oi):re(this,sn)};var qv=(i="")=>i.split(/\s+/),Hc=(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}},kt=(i="",e={})=>qv(i).map(t=>{let a=Hc(t);return{...e,...a}}),tl=i=>i?Array.isArray(i)?i.map(e=>typeof e=="string"?Hc(e):e):typeof i=="string"?kt(i):[i]:[],li=({kind:i,label:e,language:t}={kind:"subtitles"})=>e?`${i==="captions"?"cc":"sb"}:${t}:${encodeURIComponent(e)}`:t,He=(i=[])=>Array.prototype.map.call(i,li).join(" "),Zv=(i,e)=>t=>t[i]===e,$c=i=>{let e=Object.entries(i).map(([t,a])=>Zv(t,a));return t=>e.every(a=>a(t))},di=(i,e=[],t=[])=>{let a=tl(t).map($c),r=n=>a.some(o=>o(n));Array.from(e).filter(r).forEach(n=>{n.mode=i})},ui=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:$c(e);return Array.from(i.textTracks).filter(t)},on=i=>{var e;return!!((e=i.mediaSubtitlesShowing)!=null&&e.length)||i.hasAttribute(s.MEDIA_SUBTITLES_SHOWING)};var Vc=i=>{var e;let{media:t,fullscreenElement:a}=i,r=a&&"requestFullscreen"in a?"requestFullscreen":a&&"webkitRequestFullScreen"in a?"webkitRequestFullScreen":void 0;if(r){let n=(e=a[r])==null?void 0:e.call(a);if(n instanceof Promise)return n.catch(()=>{})}else t!=null&&t.webkitEnterFullscreen?t.webkitEnterFullscreen():t!=null&&t.requestFullscreen&&t.requestFullscreen()},Fc="exitFullscreen"in c?"exitFullscreen":"webkitExitFullscreen"in c?"webkitExitFullscreen":"webkitCancelFullScreen"in c?"webkitCancelFullScreen":void 0,Kc=i=>{var e;let{documentElement:t}=i;if(Fc){let a=(e=t==null?void 0:t[Fc])==null?void 0:e.call(t);if(a instanceof Promise)return a.catch(()=>{})}},Ha="fullscreenElement"in c?"fullscreenElement":"webkitFullscreenElement"in c?"webkitFullscreenElement":void 0,Qv=i=>{let{documentElement:e,media:t}=i,a=e==null?void 0:e[Ha];return!a&&"webkitDisplayingFullscreen"in t&&"webkitPresentationMode"in t&&t.webkitDisplayingFullscreen&&t.webkitPresentationMode===Ac.FULLSCREEN?t:a},Yc=i=>{var e;let{media:t,documentElement:a,fullscreenElement:r=t}=i;if(!t||!a)return!1;let n=Qv(i);if(!n)return!1;if(n===r||n===t)return!0;if(n.localName.includes("-")){let o=n.shadowRoot;if(!(Ha in o))return oe(n,r);for(;o!=null&&o[Ha];){if(o[Ha]===r)return!0;o=(e=o[Ha])==null?void 0:e.shadowRoot}}return!1},zv="fullscreenEnabled"in c?"fullscreenEnabled":"webkitFullscreenEnabled"in c?"webkitFullscreenEnabled":void 0,Gc=i=>{let{documentElement:e,media:t}=i;return!!(e!=null&&e[zv])||t&&"webkitSupportsFullscreen"in t};var ln,il=()=>{var i,e;return ln||(ln=(e=(i=c)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),ln)},qc=async(i=il())=>{if(!i)return!1;let e=i.volume;return i.volume=e/2+.1,await qr(0),i.volume!==e},Xv=/.*Version\/.*Safari\/.*/.test(l.navigator.userAgent),al=(i=il())=>l.matchMedia("(display-mode: standalone)").matches&&Xv?!1:typeof(i==null?void 0:i.requestPictureInPicture)=="function",rl=(i=il())=>Gc({documentElement:c,media:i}),Zc=rl(),Qc=al(),zc=!!l.WebKitPlaybackTargetAvailabilityEvent,Xc=!!l.chrome;var $i=i=>ui(i.media,e=>[Ne.SUBTITLES,Ne.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),nl=i=>ui(i.media,e=>e.mode===Pt.SHOWING&&[Ne.SUBTITLES,Ne.CAPTIONS].includes(e.kind)),dn=(i,e)=>{let t=$i(i),a=nl(i),r=!!a.length;if(t.length){if(e===!1||r&&e!==!0)di(Pt.DISABLED,t,a);else if(e===!0||!r&&e!==!1){let n=t[0],{options:o}=i;if(!(o!=null&&o.noSubtitlesLangPref)){let f=globalThis.localStorage.getItem("media-chrome-pref-subtitles-lang"),g=f?[f,...globalThis.navigator.languages]:globalThis.navigator.languages,v=t.filter(b=>g.some(R=>b.language.toLowerCase().startsWith(R.split("-")[0]))).sort((b,R)=>{let A=g.findIndex(O=>b.language.toLowerCase().startsWith(O.split("-")[0])),T=g.findIndex(O=>R.language.toLowerCase().startsWith(O.split("-")[0]));return A-T});v[0]&&(n=v[0])}let{language:d,label:u,kind:m}=n;di(Pt.DISABLED,t,a),di(Pt.SHOWING,t,[{language:d,label:u,kind:m}])}}},un=(i,e)=>i===e?!0:typeof i!=typeof e?!1:typeof i=="number"&&Number.isNaN(i)&&Number.isNaN(e)?!0:typeof i!="object"?!1:Array.isArray(i)?Jv(i,e):Object.entries(i).every(([t,a])=>t in e&&un(a,e[t])),Jv=(i,e)=>{let t=Array.isArray(i),a=Array.isArray(e);return t!==a?!1:t||a?i.length!==e.length?!1:i.every((r,n)=>un(r,e[n])):!0};var jv=Object.values(Ue),cn,ef=qc().then(i=>(cn=i,cn)),Jc=async(...i)=>{await Promise.all(i.filter(e=>e).map(async e=>{if(!("localName"in e&&e instanceof l.HTMLElement))return;let t=e.localName;if(!t.includes("-"))return;let a=l.customElements.get(t);a&&e instanceof a||(await l.customElements.whenDefined(t),l.customElements.upgrade(e))}))},$a={mediaPaused:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.paused)!=null?e:!0},set(i,e){var t;let{media:a}=e;a&&(i?a.pause():(t=a.play())==null||t.catch(()=>{}))},mediaEvents:["play","playing","pause","emptied"]},mediaHasPlayed:{get(i,e){let{media:t}=i;return t?e?e.type==="playing":!t.paused:!1},mediaEvents:["playing","emptied"]},mediaEnded:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.ended)!=null?e:!1},mediaEvents:["seeked","ended","emptied"]},mediaPlaybackRate:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.playbackRate)!=null?e:1},set(i,e){let{media:t}=e;t&&Number.isFinite(+i)&&(t.playbackRate=+i)},mediaEvents:["ratechange","loadstart"]},mediaMuted:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.muted)!=null?e:!1},set(i,e){let{media:t}=e;t&&(t.muted=i)},mediaEvents:["volumechange"]},mediaVolume:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.volume)!=null?e:1},set(i,e){let{media:t}=e;if(t){try{i==null?l.localStorage.removeItem("media-chrome-pref-volume"):l.localStorage.setItem("media-chrome-pref-volume",i.toString())}catch{}Number.isFinite(+i)&&(t.volume=+i)}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(i,e)=>{let{options:{noVolumePref:t}}=e;if(!t)try{let a=l.localStorage.getItem("media-chrome-pref-volume");if(a==null)return;$a.mediaVolume.set(+a,e),i(a)}catch(a){console.debug("Error getting volume pref",a)}}]},mediaVolumeLevel:{get(i){let{media:e}=i;return typeof(e==null?void 0:e.volume)=="undefined"?"high":e.muted||e.volume===0?"off":e.volume<.5?"low":e.volume<.75?"medium":"high"},mediaEvents:["volumechange"]},mediaCurrentTime:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.currentTime)!=null?e:0},set(i,e){let{media:t}=e;!t||t.readyState===0||(t.currentTime=i)},mediaEvents:["timeupdate","loadedmetadata"]},mediaDuration:{get(i){let{media:e,options:{defaultDuration:t}={}}=i;return t&&(!e||!e.duration||Number.isNaN(e.duration)||!Number.isFinite(e.duration))?t:Number.isFinite(e==null?void 0:e.duration)?e.duration:Number.NaN},mediaEvents:["durationchange","loadedmetadata","emptied"]},mediaLoading:{get(i){let{media:e}=i;return(e==null?void 0:e.readyState)<3},mediaEvents:["waiting","playing","emptied"]},mediaSeekable:{get(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","seekablechange"]},mediaBuffered:{get(i){var e;let{media:t}=i,a=(e=t==null?void 0:t.buffered)!=null?e:[];return Array.from(a).map((r,n)=>[Number(a.start(n).toFixed(3)),Number(a.end(n).toFixed(3))])},mediaEvents:["progress","emptied"]},mediaStreamType:{get(i){let{media:e,options:{defaultStreamType:t}={}}=i,a=[Ue.LIVE,Ue.ON_DEMAND].includes(t)?t:void 0;if(!e)return a;let{streamType:r}=e;if(jv.includes(r))return r===Ue.UNKNOWN?a:r;let n=e.duration;return n===1/0?Ue.LIVE:Number.isFinite(n)?Ue.ON_DEMAND:a},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(i){let{media:e}=i;if(!e)return Number.NaN;let{targetLiveWindow:t}=e,a=$a.mediaStreamType.get(i);return(t==null||Number.isNaN(t))&&a===Ue.LIVE?0:t},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},mediaTimeIsLive:{get(i){let{media:e,options:{liveEdgeOffset:t=10}={}}=i;if(!e)return!1;if(typeof e.liveEdgeStart=="number")return Number.isNaN(e.liveEdgeStart)?!1:e.currentTime>=e.liveEdgeStart;if(!($a.mediaStreamType.get(i)===Ue.LIVE))return!1;let r=e.seekable;if(!r)return!0;if(!r.length)return!1;let n=r.end(r.length-1)-t;return e.currentTime>=n},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get(i){return $i(i).map(({kind:e,label:t,language:a})=>({kind:e,label:t,language:a}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get(i){return nl(i).map(({kind:e,label:t,language:a})=>({kind:e,label:t,language:a}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,e)=>{var t,a;let{media:r,options:n}=e;if(!r)return;let o=d=>{var u;!n.defaultSubtitles||d&&![Ne.CAPTIONS,Ne.SUBTITLES].includes((u=d==null?void 0:d.track)==null?void 0:u.kind)||dn(e,!0)};return(t=r.textTracks)==null||t.addEventListener("addtrack",o),(a=r.textTracks)==null||a.addEventListener("removetrack",o),o(),()=>{var d,u;(d=r.textTracks)==null||d.removeEventListener("addtrack",o),(u=r.textTracks)==null||u.removeEventListener("removetrack",o)}}]},mediaChaptersCues:{get(i){var e;let{media:t}=i;if(!t)return[];let[a]=ui(t,{kind:Ne.CHAPTERS});return Array.from((e=a==null?void 0:a.cues)!=null?e:[]).map(({text:r,startTime:n,endTime:o})=>({text:r,startTime:n,endTime:o}))},mediaEvents:["loadstart","loadedmetadata"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,e)=>{let{media:t}=e;if(!t)return;let a=t.querySelector('track[kind="chapters"][default][src]');return a==null||a.addEventListener("load",i),()=>{a==null||a.removeEventListener("load",i)}}]},mediaIsPip:{get(i){var e,t;let{media:a,documentElement:r}=i;if(!a||!r||!r.pictureInPictureElement)return!1;if(r.pictureInPictureElement===a)return!0;if(r.pictureInPictureElement instanceof HTMLMediaElement)return(e=a.localName)!=null&&e.includes("-")?oe(a,r.pictureInPictureElement):!1;if(r.pictureInPictureElement.localName.includes("-")){let n=r.pictureInPictureElement.shadowRoot;for(;n!=null&&n.pictureInPictureElement;){if(n.pictureInPictureElement===a)return!0;n=(t=n.pictureInPictureElement)==null?void 0:t.shadowRoot}}return!1},set(i,e){let{media:t}=e;if(t)if(i){if(!c.pictureInPictureEnabled){console.warn("MediaChrome: Picture-in-picture is not enabled");return}if(!t.requestPictureInPicture){console.warn("MediaChrome: The current media does not support picture-in-picture");return}let a=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};t.requestPictureInPicture().catch(r=>{if(r.code===11){if(!t.src){console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a src set.");return}if(t.readyState===0&&t.preload==="none"){let n=()=>{t.removeEventListener("loadedmetadata",o),t.preload="none"},o=()=>{t.requestPictureInPicture().catch(a),n()};t.addEventListener("loadedmetadata",o),t.preload="metadata",setTimeout(()=>{t.readyState===0&&a(),n()},1e3)}else throw r}else throw r})}else c.pictureInPictureElement&&c.exitPictureInPicture()},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},mediaRenditionList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.videoRenditions)!=null?e:[]].map(a=>({...a}))},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaRenditionSelected:{get(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},set(i,e){let{media:t}=e;if(!(t!=null&&t.videoRenditions)){console.warn("MediaController: Rendition selection not supported by this media.");return}let a=i,r=Array.prototype.findIndex.call(t.videoRenditions,n=>n.id==a);t.videoRenditions.selectedIndex!=r&&(t.videoRenditions.selectedIndex=r)},mediaEvents:["emptied"],videoRenditionsEvents:["addrendition","removerendition","change"]},mediaAudioTrackList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.audioTracks)!=null?e:[]]},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaAudioTrackEnabled:{get(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},set(i,e){let{media:t}=e;if(!(t!=null&&t.audioTracks)){console.warn("MediaChrome: Audio track selection not supported by this media.");return}let a=i;for(let r of t.audioTracks)r.enabled=a==r.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]},mediaIsFullscreen:{get(i){return Yc(i)},set(i,e){i?Vc(e):Kc(e)},rootEvents:["fullscreenchange","webkitfullscreenchange"],mediaEvents:["webkitbeginfullscreen","webkitendfullscreen","webkitpresentationmodechanged"]},mediaIsCasting:{get(i){var e;let{media:t}=i;return!(t!=null&&t.remote)||((e=t.remote)==null?void 0:e.state)==="disconnected"?!1:!!t.remote.state},set(i,e){var t,a;let{media:r}=e;if(r&&!(i&&((t=r.remote)==null?void 0:t.state)!=="disconnected")&&!(!i&&((a=r.remote)==null?void 0:a.state)!=="connected")){if(typeof r.remote.prompt!="function"){console.warn("MediaChrome: Casting is not supported in this environment");return}r.remote.prompt().catch(()=>{})}},remoteEvents:["connect","connecting","disconnect"]},mediaIsAirplaying:{get(){return!1},set(i,e){let{media:t}=e;if(t){if(!(t.webkitShowPlaybackTargetPicker&&l.WebKitPlaybackTargetAvailabilityEvent)){console.warn("MediaChrome: received a request to select AirPlay but AirPlay is not supported in this environment");return}t.webkitShowPlaybackTargetPicker()}},mediaEvents:["webkitcurrentplaybacktargetiswirelesschanged"]},mediaFullscreenUnavailable:{get(i){let{media:e}=i;if(!Zc||!rl(e))return ye.UNSUPPORTED}},mediaPipUnavailable:{get(i){let{media:e}=i;if(!Qc||!al(e))return ye.UNSUPPORTED}},mediaVolumeUnavailable:{get(i){let{media:e}=i;if(cn===!1||(e==null?void 0:e.volume)==null)return ye.UNSUPPORTED},stateOwnersUpdateHandlers:[i=>{cn==null&&ef.then(e=>i(e?void 0:ye.UNSUPPORTED))}]},mediaCastUnavailable:{get(i,{availability:e="not-available"}={}){var t;let{media:a}=i;if(!Xc||!((t=a==null?void 0:a.remote)!=null&&t.state))return ye.UNSUPPORTED;if(!(e==null||e==="available"))return ye.UNAVAILABLE},stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:a}=e;return a?(a.disableRemotePlayback||a.hasAttribute("disableremoteplayback")||(t=a==null?void 0:a.remote)==null||t.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=a==null?void 0:a.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaAirplayUnavailable:{get(i,e){if(!zc)return ye.UNSUPPORTED;if((e==null?void 0:e.availability)==="not-available")return ye.UNAVAILABLE},mediaEvents:["webkitplaybacktargetavailabilitychanged"],stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:a}=e;return a?(a.disableRemotePlayback||a.hasAttribute("disableremoteplayback")||(t=a==null?void 0:a.remote)==null||t.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=a==null?void 0:a.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaRenditionUnavailable:{get(i){var e;let{media:t}=i;if(!(t!=null&&t.videoRenditions))return ye.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return ye.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(i){var e,t;let{media:a}=i;if(!(a!=null&&a.audioTracks))return ye.UNSUPPORTED;if(((t=(e=a.audioTracks)==null?void 0:e.length)!=null?t:0)<=1)return ye.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]}};var jc={[h.MEDIA_PREVIEW_REQUEST](i,e,{detail:t}){var a,r,n;let{media:o}=e,d=t!=null?t:void 0,u,m;if(o&&d!=null){let[b]=ui(o,{kind:Ne.METADATA,label:"thumbnails"}),R=Array.prototype.find.call((a=b==null?void 0:b.cues)!=null?a:[],(A,T,O)=>T===0?A.endTime>d:T===O.length-1?A.startTime<=d:A.startTime<=d&&A.endTime>d);if(R){let A=/'^(?:[a-z]+:)?\/\//i.test(R.text)||(r=o==null?void 0:o.querySelector('track[label="thumbnails"]'))==null?void 0:r.src,T=new URL(R.text,A);m=new URLSearchParams(T.hash).get("#xywh").split(",").map(te=>+te),u=T.href}}let f=i.mediaDuration.get(e),v=(n=i.mediaChaptersCues.get(e).find((b,R,A)=>R===A.length-1&&f===b.endTime?b.startTime<=d&&b.endTime>=d:b.startTime<=d&&b.endTime>d))==null?void 0:n.text;return t!=null&&v==null&&(v=""),{mediaPreviewTime:d,mediaPreviewImage:u,mediaPreviewCoords:m,mediaPreviewChapter:v}},[h.MEDIA_PAUSE_REQUEST](i,e){i["mediaPaused"].set(!0,e)},[h.MEDIA_PLAY_REQUEST](i,e){var t;let a="mediaPaused";if(i.mediaStreamType.get(e)===Ue.LIVE){let o=!(i.mediaTargetLiveWindow.get(e)>0),d=(t=i.mediaSeekable.get(e))==null?void 0:t[1];o&&d&&i.mediaCurrentTime.set(d,e)}i[a].set(!1,e)},[h.MEDIA_PLAYBACK_RATE_REQUEST](i,e,{detail:t}){let a="mediaPlaybackRate",r=t;i[a].set(r,e)},[h.MEDIA_MUTE_REQUEST](i,e){i["mediaMuted"].set(!0,e)},[h.MEDIA_UNMUTE_REQUEST](i,e){let t="mediaMuted";i.mediaVolume.get(e)||i.mediaVolume.set(.25,e),i[t].set(!1,e)},[h.MEDIA_VOLUME_REQUEST](i,e,{detail:t}){let a="mediaVolume",r=t;r&&i.mediaMuted.get(e)&&i.mediaMuted.set(!1,e),i[a].set(r,e)},[h.MEDIA_SEEK_REQUEST](i,e,{detail:t}){let a="mediaCurrentTime",r=t;i[a].set(r,e)},[h.MEDIA_SEEK_TO_LIVE_REQUEST](i,e){var t;let a="mediaCurrentTime",r=(t=i.mediaSeekable.get(e))==null?void 0:t[1];Number.isNaN(Number(r))&&i[a].set(r,e)},[h.MEDIA_SHOW_SUBTITLES_REQUEST](i,e,{detail:t}){var a;let{options:r}=e,n=$i(e),o=tl(t),d=(a=o[0])==null?void 0:a.language;d&&!r.noSubtitlesLangPref&&l.localStorage.setItem("media-chrome-pref-subtitles-lang",d),di(Pt.SHOWING,n,o)},[h.MEDIA_DISABLE_SUBTITLES_REQUEST](i,e,{detail:t}){let a=$i(e),r=t!=null?t:[];di(Pt.DISABLED,a,r)},[h.MEDIA_TOGGLE_SUBTITLES_REQUEST](i,e,{detail:t}){dn(e,t)},[h.MEDIA_RENDITION_REQUEST](i,e,{detail:t}){let a="mediaRenditionSelected",r=t;i[a].set(r,e)},[h.MEDIA_AUDIO_TRACK_REQUEST](i,e,{detail:t}){let a="mediaAudioTrackEnabled",r=t;i[a].set(r,e)},[h.MEDIA_ENTER_PIP_REQUEST](i,e){let t="mediaIsPip";i.mediaIsFullscreen.get(e)&&i.mediaIsFullscreen.set(!1,e),i[t].set(!0,e)},[h.MEDIA_EXIT_PIP_REQUEST](i,e){i["mediaIsPip"].set(!1,e)},[h.MEDIA_ENTER_FULLSCREEN_REQUEST](i,e){let t="mediaIsFullscreen";i.mediaIsPip.get(e)&&i.mediaIsPip.set(!1,e),i[t].set(!0,e)},[h.MEDIA_EXIT_FULLSCREEN_REQUEST](i,e){i["mediaIsFullscreen"].set(!1,e)},[h.MEDIA_ENTER_CAST_REQUEST](i,e){let t="mediaIsCasting";i.mediaIsFullscreen.get(e)&&i.mediaIsFullscreen.set(!1,e),i[t].set(!0,e)},[h.MEDIA_EXIT_CAST_REQUEST](i,e){i["mediaIsCasting"].set(!1,e)},[h.MEDIA_AIRPLAY_REQUEST](i,e){i["mediaIsAirplaying"].set(!0,e)}};var tf=({media:i,fullscreenElement:e,documentElement:t,stateMediator:a=$a,requestMap:r=jc,options:n={},monitorStateOwnersOnlyWithSubscriptions:o=!0})=>{let d=[],u={options:{...n}},m=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),f=A=>{A!=null&&(un(A,m)||(m=Object.freeze({...m,...A}),d.forEach(T=>T(m))))},g=()=>{let A=Object.entries(a).reduce((T,[O,{get:te}])=>(T[O]=te(u),T),{});f(A)},v={},b,R=async(A,T)=>{var O,te,Ee,Ot,_t,Ea,ga,_a,Aa,ya,Ta,ka,Sa,Ia,Ca,Ma;let Fr=!!b;if(b={...u,...b!=null?b:{},...A},Fr)return;await Jc(...Object.values(A));let At=d.length>0&&T===0&&o,La=u.media!==b.media,wa=((O=u.media)==null?void 0:O.textTracks)!==((te=b.media)==null?void 0:te.textTracks),Ra=((Ee=u.media)==null?void 0:Ee.videoRenditions)!==((Ot=b.media)==null?void 0:Ot.videoRenditions),xa=((_t=u.media)==null?void 0:_t.audioTracks)!==((Ea=b.media)==null?void 0:Ea.audioTracks),ju=((ga=u.media)==null?void 0:ga.remote)!==((_a=b.media)==null?void 0:_a.remote),ec=u.documentElement!==b.documentElement,tc=!!u.media&&(La||At),ic=!!((Aa=u.media)!=null&&Aa.textTracks)&&(wa||At),ac=!!((ya=u.media)!=null&&ya.videoRenditions)&&(Ra||At),rc=!!((Ta=u.media)!=null&&Ta.audioTracks)&&(xa||At),nc=!!((ka=u.media)!=null&&ka.remote)&&(ju||At),sc=!!u.documentElement&&(ec||At),oc=tc||ic||ac||rc||nc||sc,Pi=d.length===0&&T===1&&o,lc=!!b.media&&(La||Pi),dc=!!((Sa=b.media)!=null&&Sa.textTracks)&&(wa||Pi),uc=!!((Ia=b.media)!=null&&Ia.videoRenditions)&&(Ra||Pi),cc=!!((Ca=b.media)!=null&&Ca.audioTracks)&&(xa||Pi),mc=!!((Ma=b.media)!=null&&Ma.remote)&&(ju||Pi),hc=!!b.documentElement&&(ec||Pi),pc=lc||dc||uc||cc||mc||hc;if(!(oc||pc)){Object.entries(b).forEach(([F,Da])=>{u[F]=Da}),g(),b=void 0;return}Object.entries(a).forEach(([F,{get:Da,mediaEvents:dv=[],textTracksEvents:uv=[],videoRenditionsEvents:cv=[],audioTracksEvents:mv=[],remoteEvents:hv=[],rootEvents:pv=[],stateOwnersUpdateHandlers:vv=[]}])=>{v[F]||(v[F]={});let ge=j=>{let _e=Da(u,j);f({[F]:_e})},ae;ae=v[F].mediaEvents,dv.forEach(j=>{ae&&tc&&(u.media.removeEventListener(j,ae),v[F].mediaEvents=void 0),lc&&(b.media.addEventListener(j,ge),v[F].mediaEvents=ge)}),ae=v[F].textTracksEvents,uv.forEach(j=>{var _e,Pe;ae&&ic&&((_e=u.media.textTracks)==null||_e.removeEventListener(j,ae),v[F].textTracksEvents=void 0),dc&&((Pe=b.media.textTracks)==null||Pe.addEventListener(j,ge),v[F].textTracksEvents=ge)}),ae=v[F].videoRenditionsEvents,cv.forEach(j=>{var _e,Pe;ae&&ac&&((_e=u.media.videoRenditions)==null||_e.removeEventListener(j,ae),v[F].videoRenditionsEvents=void 0),uc&&((Pe=b.media.videoRenditions)==null||Pe.addEventListener(j,ge),v[F].videoRenditionsEvents=ge)}),ae=v[F].audioTracksEvents,mv.forEach(j=>{var _e,Pe;ae&&rc&&((_e=u.media.audioTracks)==null||_e.removeEventListener(j,ae),v[F].audioTracksEvents=void 0),cc&&((Pe=b.media.audioTracks)==null||Pe.addEventListener(j,ge),v[F].audioTracksEvents=ge)}),ae=v[F].remoteEvents,hv.forEach(j=>{var _e,Pe;ae&&nc&&((_e=u.media.remote)==null||_e.removeEventListener(j,ae),v[F].remoteEvents=void 0),mc&&((Pe=b.media.remote)==null||Pe.addEventListener(j,ge),v[F].remoteEvents=ge)}),ae=v[F].rootEvents,pv.forEach(j=>{ae&&sc&&(u.documentElement.removeEventListener(j,ae),v[F].rootEvents=void 0),hc&&(b.documentElement.addEventListener(j,ge),v[F].rootEvents=ge)});let vc=v[F].stateOwnersUpdateHandlers;vv.forEach(j=>{vc&&oc&&vc(),pc&&(v[F].stateOwnersUpdateHandlers=j(ge,b))})}),Object.entries(b).forEach(([F,Da])=>{u[F]=Da}),g(),b=void 0};return R({media:i,fullscreenElement:e,documentElement:t,options:n}),{dispatch(A){let{type:T,detail:O}=A;if(r[T]){f(r[T](a,u,A));return}T==="mediaelementchangerequest"?R({media:O}):T==="fullscreenelementchangerequest"?R({fullscreenElement:O}):T==="documentelementchangerequest"?R({documentElement:O}):T==="optionschangerequest"&&Object.entries(O!=null?O:{}).forEach(([te,Ee])=>{u.options[te]=Ee})},getState(){return m},subscribe(A){return R({},d.length+1),d.push(A),A(m),()=>{let T=d.indexOf(A);T>=0&&(R({},d.length-1),d.splice(T,1))}}}},em=tf;var dl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},M=(i,e,t)=>(dl(i,e,"read from private field"),t?t.call(i):e.get(i)),St=(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)},Bt=(i,e,t,a)=>(dl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Wt=(i,e,t)=>(dl(i,e,"access private method"),t),Ht,Fa,G,Va,Je,mn,hn,sl,Fi,Ka,pn,ol,nm=["ArrowLeft","ArrowRight","Enter"," ","f","m","k","c"],tm=10,x={DEFAULT_SUBTITLES:"defaultsubtitles",DEFAULT_STREAM_TYPE:"defaultstreamtype",DEFAULT_DURATION:"defaultduration",FULLSCREEN_ELEMENT:"fullscreenelement",HOTKEYS:"hotkeys",KEYS_USED:"keysused",LIVE_EDGE_OFFSET:"liveedgeoffset",NO_AUTO_SEEK_TO_LIVE:"noautoseektolive",NO_HOTKEYS:"nohotkeys",NO_VOLUME_PREF:"novolumepref",NO_SUBTITLES_LANG_PREF:"nosubtitleslangpref",NO_DEFAULT_STORE:"nodefaultstore",KEYBOARD_FORWARD_SEEK_OFFSET:"keyboardforwardseekoffset",KEYBOARD_BACKWARD_SEEK_OFFSET:"keyboardbackwardseekoffset"},vn=class extends Ba{constructor(){super(),St(this,hn),St(this,Fi),St(this,pn),St(this,Ht,new Le(this,x.HOTKEYS)),St(this,Fa,void 0),St(this,G,void 0),St(this,Va,void 0),St(this,Je,void 0),St(this,mn,t=>{var a;(a=M(this,G))==null||a.dispatch(t)}),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,this.associateElement(this);let e={};Bt(this,Va,t=>{Object.entries(t).forEach(([a,r])=>{if(a in e&&e[a]===r)return;this.propagateMediaState(a,r);let n=a.toLowerCase(),o=new l.CustomEvent(_c[n],{composed:!0,detail:r});this.dispatchEvent(o)}),e=t}),this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat(x.NO_HOTKEYS,x.HOTKEYS,x.DEFAULT_STREAM_TYPE,x.DEFAULT_SUBTITLES,x.DEFAULT_DURATION)}get mediaStore(){return M(this,G)}set mediaStore(e){var t,a;if(M(this,G)&&((t=M(this,Je))==null||t.call(this),Bt(this,Je,void 0)),Bt(this,G,e),!M(this,G)&&!this.hasAttribute(x.NO_DEFAULT_STORE)){Wt(this,hn,sl).call(this);return}Bt(this,Je,(a=M(this,G))==null?void 0:a.subscribe(M(this,Va)))}get fullscreenElement(){var e;return(e=M(this,Fa))!=null?e:this}set fullscreenElement(e){var t;this.hasAttribute(x.FULLSCREEN_ELEMENT)&&this.removeAttribute(x.FULLSCREEN_ELEMENT),Bt(this,Fa,e),(t=M(this,G))==null||t.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}attributeChangedCallback(e,t,a){var r,n,o,d,u,m;if(super.attributeChangedCallback(e,t,a),e===x.NO_HOTKEYS)a!==t&&a===""?(this.hasAttribute(x.HOTKEYS)&&console.warn("Media Chrome: Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):a!==t&&a===null&&this.enableHotkeys();else if(e===x.HOTKEYS)M(this,Ht).value=a;else if(e===x.DEFAULT_SUBTITLES&&a!==t)(r=M(this,G))==null||r.dispatch({type:"optionschangerequest",detail:{defaultSubtitles:this.hasAttribute(x.DEFAULT_SUBTITLES)}});else if(e===x.DEFAULT_STREAM_TYPE)(o=M(this,G))==null||o.dispatch({type:"optionschangerequest",detail:{defaultStreamType:(n=this.getAttribute(x.DEFAULT_STREAM_TYPE))!=null?n:void 0}});else if(e===x.LIVE_EDGE_OFFSET)(d=M(this,G))==null||d.dispatch({type:"optionschangerequest",detail:{liveEdgeOffset:this.hasAttribute(x.LIVE_EDGE_OFFSET)?+this.getAttribute(x.LIVE_EDGE_OFFSET):void 0}});else if(e===x.FULLSCREEN_ELEMENT){let f=a?(u=this.getRootNode())==null?void 0:u.getElementById(a):void 0;Bt(this,Fa,f),(m=M(this,G))==null||m.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}}connectedCallback(){var e,t;!M(this,G)&&!this.hasAttribute(x.NO_DEFAULT_STORE)&&Wt(this,hn,sl).call(this),(e=M(this,G))==null||e.dispatch({type:"documentelementchangerequest",detail:c}),super.connectedCallback(),M(this,G)&&!M(this,Je)&&Bt(this,Je,(t=M(this,G))==null?void 0:t.subscribe(M(this,Va))),this.enableHotkeys()}disconnectedCallback(){var e,t,a,r;(e=super.disconnectedCallback)==null||e.call(this),M(this,G)&&((t=M(this,G))==null||t.dispatch({type:"documentelementchangerequest",detail:void 0}),(a=M(this,G))==null||a.dispatch({type:h.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})),M(this,Je)&&((r=M(this,Je))==null||r.call(this),Bt(this,Je,void 0))}mediaSetCallback(e){var t;super.mediaSetCallback(e),(t=M(this,G))==null||t.dispatch({type:"mediaelementchangerequest",detail:e}),e.hasAttribute("tabindex")||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),(t=M(this,G))==null||t.dispatch({type:"mediaelementchangerequest",detail:void 0})}propagateMediaState(e,t){rm(this.mediaStateReceivers,e,t)}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=lf(e,a,r);Object.values(h).forEach(o=>{e.addEventListener(o,M(this,mn))}),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.values(h).forEach(r=>{e.removeEventListener(r,M(this,mn))})}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),M(this,G)&&Object.entries(M(this,G).getState()).forEach(([r,n])=>{rm([e],r,n)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,a=t.indexOf(e);a<0||t.splice(a,1)}enableHotkeys(){this.addEventListener("keydown",Wt(this,pn,ol))}disableHotkeys(){this.removeEventListener("keydown",Wt(this,pn,ol)),this.removeEventListener("keyup",Wt(this,Fi,Ka))}get hotkeys(){return M(this,Ht)}keyboardShortcutHandler(e){var t,a,r,n,o,d;if(((n=(r=(t=e.target.getAttribute(x.KEYS_USED))==null?void 0:t.split(" "))!=null?r:(a=e.target)==null?void 0:a.keysUsed)!=null?n:[]).map(v=>v==="Space"?" ":v).filter(Boolean).includes(e.key))return;let m,f,g;if(!M(this,Ht).contains(`no${e.key.toLowerCase()}`)&&!(e.key===" "&&M(this,Ht).contains("nospace")))switch(e.key){case" ":case"k":m=M(this,G).getState().mediaPaused?h.MEDIA_PLAY_REQUEST:h.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new l.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"m":m=this.mediaStore.getState().mediaVolumeLevel==="off"?h.MEDIA_UNMUTE_REQUEST:h.MEDIA_MUTE_REQUEST,this.dispatchEvent(new l.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"f":m=this.mediaStore.getState().mediaIsFullscreen?h.MEDIA_EXIT_FULLSCREEN_REQUEST:h.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new l.CustomEvent(m,{composed:!0,bubbles:!0}));break;case"c":this.dispatchEvent(new l.CustomEvent(h.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}));break;case"ArrowLeft":{let v=this.hasAttribute(x.KEYBOARD_BACKWARD_SEEK_OFFSET)?+this.getAttribute(x.KEYBOARD_BACKWARD_SEEK_OFFSET):tm;f=Math.max(((o=this.mediaStore.getState().mediaCurrentTime)!=null?o:0)-v,0),g=new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:f}),this.dispatchEvent(g);break}case"ArrowRight":{let v=this.hasAttribute(x.KEYBOARD_FORWARD_SEEK_OFFSET)?+this.getAttribute(x.KEYBOARD_FORWARD_SEEK_OFFSET):tm;f=Math.max(((d=this.mediaStore.getState().mediaCurrentTime)!=null?d:0)+v,0),g=new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:f}),this.dispatchEvent(g);break}default:break}}};Ht=new WeakMap;Fa=new WeakMap;G=new WeakMap;Va=new WeakMap;Je=new WeakMap;mn=new WeakMap;hn=new WeakSet;sl=function(){var i;this.mediaStore=em({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(x.DEFAULT_SUBTITLES),defaultDuration:this.hasAttribute(x.DEFAULT_DURATION)?+this.getAttribute(x.DEFAULT_DURATION):void 0,defaultStreamType:(i=this.getAttribute(x.DEFAULT_STREAM_TYPE))!=null?i:void 0,liveEdgeOffset:this.hasAttribute(x.LIVE_EDGE_OFFSET)?+this.getAttribute(x.LIVE_EDGE_OFFSET):void 0,noVolumePref:this.hasAttribute(x.NO_VOLUME_PREF),noSubtitlesLangPref:this.hasAttribute(x.NO_SUBTITLES_LANG_PREF)}})};Fi=new WeakSet;Ka=function(i){let{key:e}=i;if(!nm.includes(e)){this.removeEventListener("keyup",Wt(this,Fi,Ka));return}this.keyboardShortcutHandler(i)};pn=new WeakSet;ol=function(i){let{metaKey:e,altKey:t,key:a}=i;if(e||t||!nm.includes(a)){this.removeEventListener("keyup",Wt(this,Fi,Ka));return}[" ","ArrowLeft","ArrowRight"].includes(a)&&!(M(this,Ht).contains(`no${a.toLowerCase()}`)||a===" "&&M(this,Ht).contains("nospace"))&&i.preventDefault(),this.addEventListener("keyup",Wt(this,Fi,Ka),{once:!0})};var af=Object.values(s),rf=Object.values(Fo),sm=i=>{var e,t,a,r;let{observedAttributes:n}=i.constructor;!n&&((e=i.nodeName)!=null&&e.includes("-"))&&(l.customElements.upgrade(i),{observedAttributes:n}=i.constructor);let o=(r=(a=(t=i==null?void 0:i.getAttribute)==null?void 0:t.call(i,y.MEDIA_CHROME_ATTRIBUTES))==null?void 0:a.split)==null?void 0:r.call(a,/\s+/);return Array.isArray(n||o)?(n||o).filter(d=>af.includes(d)):[]},nf=i=>{var e,t;return(e=i.nodeName)!=null&&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),rf.some(a=>a in i)},ll=i=>nf(i)||!!sm(i).length,im=i=>{var e;return(e=i==null?void 0:i.join)==null?void 0:e.call(i,":")},am={[s.MEDIA_SUBTITLES_LIST]:He,[s.MEDIA_SUBTITLES_SHOWING]:He,[s.MEDIA_SEEKABLE]:im,[s.MEDIA_BUFFERED]:i=>i==null?void 0:i.map(im).join(" "),[s.MEDIA_PREVIEW_COORDS]:i=>i==null?void 0:i.join(" "),[s.MEDIA_RENDITION_LIST]:yc,[s.MEDIA_AUDIO_TRACK_LIST]:Tc},sf=async(i,e,t)=>{var a,r;if(i.isConnected||await qr(0),typeof t=="boolean"||t==null)return B(i,e,t);if(typeof t=="number")return U(i,e,t);if(typeof t=="string")return k(i,e,t);if(Array.isArray(t)&&!t.length)return i.removeAttribute(e);let n=(r=(a=am[e])==null?void 0:a.call(am,t))!=null?r:t;return i.setAttribute(e,n)},of=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},ci=(i,e)=>{if(of(i))return;let t=(r,n)=>{var o,d;ll(r)&&n(r);let{children:u=[]}=r!=null?r:{},m=(d=(o=r==null?void 0:r.shadowRoot)==null?void 0:o.children)!=null?d:[];[...u,...m].forEach(g=>ci(g,n))},a=i==null?void 0:i.nodeName.toLowerCase();if(a.includes("-")&&!ll(i)){l.customElements.whenDefined(a).then(()=>{t(i,e)});return}t(i,e)},rm=(i,e,t)=>{i.forEach(a=>{if(e in a){a[e]=t;return}let r=sm(a),n=e.toLowerCase();r.includes(n)&&sf(a,n,t)})},lf=(i,e,t)=>{ci(i,e);let a=f=>{var g;let v=(g=f==null?void 0:f.composedPath()[0])!=null?g:f.target;e(v)},r=f=>{var g;let v=(g=f==null?void 0:f.composedPath()[0])!=null?g:f.target;t(v)};i.addEventListener(h.REGISTER_MEDIA_STATE_RECEIVER,a),i.addEventListener(h.UNREGISTER_MEDIA_STATE_RECEIVER,r);let n=f=>{f.forEach(g=>{let{addedNodes:v=[],removedNodes:b=[],type:R,target:A,attributeName:T}=g;R==="childList"?(Array.prototype.forEach.call(v,O=>ci(O,e)),Array.prototype.forEach.call(b,O=>ci(O,t))):R==="attributes"&&T===y.MEDIA_CHROME_ATTRIBUTES&&(ll(A)?e(A):t(A))})},o=[],d=f=>{let g=f.target;g.name!=="media"&&(o.forEach(v=>ci(v,t)),o=[...g.assignedElements({flatten:!0})],o.forEach(v=>ci(v,e)))};i.addEventListener("slotchange",d);let u=new MutationObserver(n);return u.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{ci(i,t),i.removeEventListener("slotchange",d),u.disconnect(),i.removeEventListener(h.REGISTER_MEDIA_STATE_RECEIVER,a),i.removeEventListener(h.UNREGISTER_MEDIA_STATE_RECEIVER,r)}};l.customElements.get("media-controller")||l.customElements.define("media-controller",vn);var ul=vn;var df=Object.defineProperty,uf=(i,e,t)=>e in i?df(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,cf=(i,e,t)=>(uf(i,typeof e!="symbol"?e+"":e,t),t),om=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},we=(i,e,t)=>(om(i,e,"read from private field"),t?t.call(i):e.get(i)),fn=(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)},bn=(i,e,t,a)=>(om(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),je,En,Vi,gn,lm=c.createElement("template");lm.innerHTML=`
+`;var Lh=Object.values(o),Rh="sm:384 md:576 lg:768 xl:960";function xh(i){Dh(i.target,i.contentRect.width)}function Dh(i,e){var t;if(!i.isConnected)return;let a=(t=i.getAttribute(x.BREAKPOINTS))!=null?t:Rh,r=Ph(a),n=Oh(r,e),s=!1;if(Object.keys(r).forEach(l=>{if(n.includes(l)){i.hasAttribute(`breakpoint${l}`)||(i.setAttribute(`breakpoint${l}`,""),s=!0);return}i.hasAttribute(`breakpoint${l}`)&&(i.removeAttribute(`breakpoint${l}`),s=!0)}),s){let l=new CustomEvent(nt.BREAKPOINTS_CHANGE,{detail:n});i.dispatchEvent(l)}}function Ph(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function Oh(i,e){return Object.keys(i).filter(t=>e>=parseInt(i[t]))}var Aa=class extends d.HTMLElement{constructor(){super(),st(this,Go),st(this,qo),st(this,ga),st(this,Dr),st(this,gi),st(this,Rr,0),st(this,bi,null),st(this,Ea,null),st(this,Ei,void 0),this.breakpointsComputed=!1,this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(qd.content.cloneNode(!0)));let e=s=>{let l=this.media;for(let u of s)u.type==="childList"&&(u.removedNodes.forEach(c=>{if(c.slot=="media"&&u.target==this){let f=u.previousSibling&&u.previousSibling.previousElementSibling;if(!f||!l)this.mediaUnsetCallback(c);else{let E=f.slot!=="media";for(;(f=f.previousSibling)!==null;)f.slot=="media"&&(E=!1);E&&this.mediaUnsetCallback(c)}}}),l&&u.addedNodes.forEach(c=>{c===l&&this.handleMediaUpdated(l)}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0});let a=!1;ot(this,s=>{a||(setTimeout(()=>{xh(s),a=!1,this.breakpointsComputed||(this.breakpointsComputed=!0,this.dispatchEvent(new CustomEvent(nt.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))},0),a=!0)});let n=this.querySelector(":scope > slot[slot=media]");n&&n.addEventListener("slotchange",()=>{if(!n.assignedElements({flatten:!0}).length){Tt(this,bi)&&this.mediaUnsetCallback(Tt(this,bi));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[x.AUTOHIDE,x.GESTURES_DISABLED].concat(Lh).filter(e=>![o.MEDIA_RENDITION_LIST,o.MEDIA_AUDIO_TRACK_LIST,o.MEDIA_CHAPTERS_CUES,o.MEDIA_WIDTH,o.MEDIA_HEIGHT].includes(e))}attributeChangedCallback(e,t,a){e.toLowerCase()==x.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}async handleMediaUpdated(e){e&&(ba(this,bi,e),e.localName.includes("-")&&await d.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;let a=this.getAttribute(x.AUDIO)!=null?V.AUDIO_PLAYER():V.VIDEO_PLAYER();this.setAttribute("role","region"),this.setAttribute("aria-label",a),this.handleMediaUpdated(this.media),this.setAttribute(x.USER_INACTIVE,""),this.addEventListener("pointerdown",this),this.addEventListener("pointermove",this),this.addEventListener("pointerup",this),this.addEventListener("mouseleave",this),this.addEventListener("keyup",this),(e=d.window)==null||e.addEventListener("mouseup",this)}disconnectedCallback(){var e;this.media&&this.mediaUnsetCallback(this.media),(e=d.window)==null||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){ba(this,bi,null)}handleEvent(e){switch(e.type){case"pointerdown":ba(this,Rr,e.timeStamp);break;case"pointermove":we(this,Go,Yd).call(this,e);break;case"pointerup":we(this,qo,Gd).call(this,e);break;case"mouseleave":we(this,ga,xr).call(this);break;case"mouseup":this.removeAttribute(x.KEYBOARD_CONTROL);break;case"keyup":we(this,gi,_a).call(this),this.setAttribute(x.KEYBOARD_CONTROL,"");break}}set autohide(e){let t=Number(e);ba(this,Ei,isNaN(t)?0:t)}get autohide(){return(Tt(this,Ei)===void 0?2:Tt(this,Ei)).toString()}};Rr=new WeakMap;bi=new WeakMap;Ea=new WeakMap;Ei=new WeakMap;Go=new WeakSet;Yd=function(i){i.pointerType!=="mouse"&&i.timeStamp-Tt(this,Rr)<250||(we(this,Dr,Qo).call(this),clearTimeout(Tt(this,Ea)),[this,this.media].includes(i.target)&&we(this,gi,_a).call(this))};qo=new WeakSet;Gd=function(i){if(i.pointerType==="touch"){let e=!this.hasAttribute(x.USER_INACTIVE);[this,this.media].includes(i.target)&&e?we(this,ga,xr).call(this):we(this,gi,_a).call(this)}else i.composedPath().some(e=>["media-play-button","media-fullscreen-button"].includes(e==null?void 0:e.localName))&&we(this,gi,_a).call(this)};ga=new WeakSet;xr=function(){if(Tt(this,Ei)<0||this.hasAttribute(x.USER_INACTIVE))return;this.setAttribute(x.USER_INACTIVE,"");let i=new d.CustomEvent(nt.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(i)};Dr=new WeakSet;Qo=function(){if(!this.hasAttribute(x.USER_INACTIVE))return;this.removeAttribute(x.USER_INACTIVE);let i=new d.CustomEvent(nt.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(i)};gi=new WeakSet;_a=function(){we(this,Dr,Qo).call(this),clearTimeout(Tt(this,Ea));let i=parseInt(this.autohide);i<0||ba(this,Ea,setTimeout(()=>{we(this,ga,xr).call(this)},i*1e3))};d.customElements.get("media-container")||d.customElements.define("media-container",Aa);var Zd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ae=(i,e,t)=>(Zd(i,e,"read from private field"),t?t.call(i):e.get(i)),ya=(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)},Pr=(i,e,t,a)=>(Zd(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),_i,Ai,Or,Ft,lt,kt,Be=class{constructor(e,t,{defaultValue:a}={defaultValue:void 0}){ya(this,lt),ya(this,_i,void 0),ya(this,Ai,void 0),ya(this,Or,void 0),ya(this,Ft,new Set),Pr(this,_i,e),Pr(this,Ai,t),Pr(this,Or,new Set(a))}[Symbol.iterator](){return ae(this,lt,kt).values()}get length(){return ae(this,lt,kt).size}get value(){var e;return(e=[...ae(this,lt,kt)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(Pr(this,Ft,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...ae(this,lt,kt)][e]}values(){return ae(this,lt,kt).values()}forEach(e,t){ae(this,lt,kt).forEach(e,t)}add(...e){var t,a;e.forEach(r=>ae(this,Ft).add(r)),!(this.value===""&&!((t=ae(this,_i))!=null&&t.hasAttribute(`${ae(this,Ai)}`)))&&((a=ae(this,_i))==null||a.setAttribute(`${ae(this,Ai)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>ae(this,Ft).delete(a)),(t=ae(this,_i))==null||t.setAttribute(`${ae(this,Ai)}`,`${this.value}`)}contains(e){return ae(this,lt,kt).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}};_i=new WeakMap;Ai=new WeakMap;Or=new WeakMap;Ft=new WeakMap;lt=new WeakSet;kt=function(){return ae(this,Ft).size?ae(this,Ft):ae(this,Or)};var Nh=(i="")=>i.split(/\s+/),Qd=(i="")=>{let[e,t,a]=i.split(":"),r=a?decodeURIComponent(a):void 0;return{kind:e==="cc"?he.CAPTIONS:he.SUBTITLES,language:t,label:r}},Vt=(i="",e={})=>Nh(i).map(t=>{let a=Qd(t);return{...e,...a}}),zo=i=>i?Array.isArray(i)?i.map(e=>typeof e=="string"?Qd(e):e):typeof i=="string"?Vt(i):[i]:[],Nr=({kind:i,label:e,language:t}={kind:"subtitles"})=>e?`${i==="captions"?"cc":"sb"}:${t}:${encodeURIComponent(e)}`:t,dt=(i=[])=>Array.prototype.map.call(i,Nr).join(" "),Uh=(i,e)=>t=>t[i]===e,zd=i=>{let e=Object.entries(i).map(([t,a])=>Uh(t,a));return t=>e.every(a=>a(t))},Kt=(i,e=[],t=[])=>{let a=zo(t).map(zd),r=n=>a.some(s=>s(n));Array.from(e).filter(r).forEach(n=>{n.mode=i})},Yt=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:zd(e);return Array.from(i.textTracks).filter(t)},Ur=i=>{var e;return!!((e=i.mediaSubtitlesShowing)!=null&&e.length)||i.hasAttribute(o.MEDIA_SUBTITLES_SHOWING)};var Jd=i=>{var e;let{media:t,fullscreenElement:a}=i,r=a&&"requestFullscreen"in a?"requestFullscreen":a&&"webkitRequestFullScreen"in a?"webkitRequestFullScreen":void 0;if(r){let n=(e=a[r])==null?void 0:e.call(a);if(n instanceof Promise)return n.catch(()=>{})}else t!=null&&t.webkitEnterFullscreen?t.webkitEnterFullscreen():t!=null&&t.requestFullscreen&&t.requestFullscreen()},Xd="exitFullscreen"in m?"exitFullscreen":"webkitExitFullscreen"in m?"webkitExitFullscreen":"webkitCancelFullScreen"in m?"webkitCancelFullScreen":void 0,jd=i=>{var e;let{documentElement:t}=i;if(Xd){let a=(e=t==null?void 0:t[Xd])==null?void 0:e.call(t);if(a instanceof Promise)return a.catch(()=>{})}},Ta="fullscreenElement"in m?"fullscreenElement":"webkitFullscreenElement"in m?"webkitFullscreenElement":void 0,Bh=i=>{let{documentElement:e,media:t}=i,a=e==null?void 0:e[Ta];return!a&&"webkitDisplayingFullscreen"in t&&"webkitPresentationMode"in t&&t.webkitDisplayingFullscreen&&t.webkitPresentationMode===wd.FULLSCREEN?t:a},eu=i=>{var e;let{media:t,documentElement:a,fullscreenElement:r=t}=i;if(!t||!a)return!1;let n=Bh(i);if(!n)return!1;if(n===r||n===t)return!0;if(n.localName.includes("-")){let s=n.shadowRoot;if(!(Ta in s))return ue(n,r);for(;s!=null&&s[Ta];){if(s[Ta]===r)return!0;s=(e=s[Ta])==null?void 0:e.shadowRoot}}return!1},Hh="fullscreenEnabled"in m?"fullscreenEnabled":"webkitFullscreenEnabled"in m?"webkitFullscreenEnabled":void 0,tu=i=>{let{documentElement:e,media:t}=i;return!!(e!=null&&e[Hh])||t&&"webkitSupportsFullscreen"in t};var Br,Xo=()=>{var i,e;return Br||(Br=(e=(i=m)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),Br)},iu=async(i=Xo())=>{if(!i)return!1;let e=i.volume;return i.volume=e/2+.1,await Tr(0),i.volume!==e},$h=/.*Version\/.*Safari\/.*/.test(d.navigator.userAgent),Jo=(i=Xo())=>d.matchMedia("(display-mode: standalone)").matches&&$h?!1:typeof(i==null?void 0:i.requestPictureInPicture)=="function",jo=(i=Xo())=>tu({documentElement:m,media:i}),au=jo(),ru=Jo(),nu=!!d.WebKitPlaybackTargetAvailabilityEvent,ou=!!d.chrome;var yi=i=>Yt(i.media,e=>[he.SUBTITLES,he.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),es=i=>Yt(i.media,e=>e.mode===At.SHOWING&&[he.SUBTITLES,he.CAPTIONS].includes(e.kind)),Hr=(i,e)=>{let t=yi(i),a=es(i),r=!!a.length;if(t.length){if(e===!1||r&&e!==!0)Kt(At.DISABLED,t,a);else if(e===!0||!r&&e!==!1){let n=t[0],{options:s}=i;if(!(s!=null&&s.noSubtitlesLangPref)){let f=globalThis.localStorage.getItem("media-chrome-pref-subtitles-lang"),E=f?[f,...globalThis.navigator.languages]:globalThis.navigator.languages,p=t.filter(b=>E.some(S=>b.language.toLowerCase().startsWith(S.split("-")[0]))).sort((b,S)=>{let _=E.findIndex(P=>b.language.toLowerCase().startsWith(P.split("-")[0])),A=E.findIndex(P=>S.language.toLowerCase().startsWith(P.split("-")[0]));return _-A});p[0]&&(n=p[0])}let{language:l,label:u,kind:c}=n;Kt(At.DISABLED,t,a),Kt(At.SHOWING,t,[{language:l,label:u,kind:c}])}}},$r=(i,e)=>i===e?!0:typeof i!=typeof e?!1:typeof i=="number"&&Number.isNaN(i)&&Number.isNaN(e)?!0:typeof i!="object"?!1:Array.isArray(i)?Wh(i,e):Object.entries(i).every(([t,a])=>t in e&&$r(a,e[t])),Wh=(i,e)=>{let t=Array.isArray(i),a=Array.isArray(e);return t!==a?!1:t||a?i.length!==e.length?!1:i.every((r,n)=>$r(r,e[n])):!0};var Fh=Object.values(Me),Wr,Vh=iu().then(i=>(Wr=i,Wr)),su=async(...i)=>{await Promise.all(i.filter(e=>e).map(async e=>{if(!("localName"in e&&e instanceof d.HTMLElement))return;let t=e.localName;if(!t.includes("-"))return;let a=d.customElements.get(t);a&&e instanceof a||(await d.customElements.whenDefined(t),d.customElements.upgrade(e))}))},ka={mediaWidth:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoWidth)!=null?e:0},mediaEvents:["resize"]},mediaHeight:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoHeight)!=null?e:0},mediaEvents:["resize"]},mediaPaused:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.paused)!=null?e:!0},set(i,e){var t;let{media:a}=e;a&&(i?a.pause():(t=a.play())==null||t.catch(()=>{}))},mediaEvents:["play","playing","pause","emptied"]},mediaHasPlayed:{get(i,e){let{media:t}=i;return t?e?e.type==="playing":!t.paused:!1},mediaEvents:["playing","emptied"]},mediaEnded:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.ended)!=null?e:!1},mediaEvents:["seeked","ended","emptied"]},mediaPlaybackRate:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.playbackRate)!=null?e:1},set(i,e){let{media:t}=e;t&&Number.isFinite(+i)&&(t.playbackRate=+i)},mediaEvents:["ratechange","loadstart"]},mediaMuted:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.muted)!=null?e:!1},set(i,e){let{media:t}=e;t&&(t.muted=i)},mediaEvents:["volumechange"]},mediaVolume:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.volume)!=null?e:1},set(i,e){let{media:t}=e;if(t){try{i==null?d.localStorage.removeItem("media-chrome-pref-volume"):d.localStorage.setItem("media-chrome-pref-volume",i.toString())}catch{}Number.isFinite(+i)&&(t.volume=+i)}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(i,e)=>{let{options:{noVolumePref:t}}=e;if(!t)try{let a=d.localStorage.getItem("media-chrome-pref-volume");if(a==null)return;ka.mediaVolume.set(+a,e),i(+a)}catch(a){console.debug("Error getting volume pref",a)}}]},mediaVolumeLevel:{get(i){let{media:e}=i;return typeof(e==null?void 0:e.volume)=="undefined"?"high":e.muted||e.volume===0?"off":e.volume<.5?"low":e.volume<.75?"medium":"high"},mediaEvents:["volumechange"]},mediaCurrentTime:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.currentTime)!=null?e:0},set(i,e){let{media:t}=e;!t||t.readyState===0||(t.currentTime=i)},mediaEvents:["timeupdate","loadedmetadata"]},mediaDuration:{get(i){let{media:e,options:{defaultDuration:t}={}}=i;return t&&(!e||!e.duration||Number.isNaN(e.duration)||!Number.isFinite(e.duration))?t:Number.isFinite(e==null?void 0:e.duration)?e.duration:Number.NaN},mediaEvents:["durationchange","loadedmetadata","emptied"]},mediaLoading:{get(i){let{media:e}=i;return(e==null?void 0:e.readyState)<3},mediaEvents:["waiting","playing","emptied"]},mediaSeekable:{get(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","seekablechange"]},mediaBuffered:{get(i){var e;let{media:t}=i,a=(e=t==null?void 0:t.buffered)!=null?e:[];return Array.from(a).map((r,n)=>[Number(a.start(n).toFixed(3)),Number(a.end(n).toFixed(3))])},mediaEvents:["progress","emptied"]},mediaStreamType:{get(i){let{media:e,options:{defaultStreamType:t}={}}=i,a=[Me.LIVE,Me.ON_DEMAND].includes(t)?t:void 0;if(!e)return a;let{streamType:r}=e;if(Fh.includes(r))return r===Me.UNKNOWN?a:r;let n=e.duration;return n===1/0?Me.LIVE:Number.isFinite(n)?Me.ON_DEMAND:a},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(i){let{media:e}=i;if(!e)return Number.NaN;let{targetLiveWindow:t}=e,a=ka.mediaStreamType.get(i);return(t==null||Number.isNaN(t))&&a===Me.LIVE?0:t},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},mediaTimeIsLive:{get(i){let{media:e,options:{liveEdgeOffset:t=10}={}}=i;if(!e)return!1;if(typeof e.liveEdgeStart=="number")return Number.isNaN(e.liveEdgeStart)?!1:e.currentTime>=e.liveEdgeStart;if(!(ka.mediaStreamType.get(i)===Me.LIVE))return!1;let r=e.seekable;if(!r)return!0;if(!r.length)return!1;let n=r.end(r.length-1)-t;return e.currentTime>=n},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get(i){return yi(i).map(({kind:e,label:t,language:a})=>({kind:e,label:t,language:a}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get(i){return es(i).map(({kind:e,label:t,language:a})=>({kind:e,label:t,language:a}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,e)=>{var t,a;let{media:r,options:n}=e;if(!r)return;let s=l=>{var u;!n.defaultSubtitles||l&&![he.CAPTIONS,he.SUBTITLES].includes((u=l==null?void 0:l.track)==null?void 0:u.kind)||Hr(e,!0)};return(t=r.textTracks)==null||t.addEventListener("addtrack",s),(a=r.textTracks)==null||a.addEventListener("removetrack",s),s(),()=>{var l,u;(l=r.textTracks)==null||l.removeEventListener("addtrack",s),(u=r.textTracks)==null||u.removeEventListener("removetrack",s)}}]},mediaChaptersCues:{get(i){var e;let{media:t}=i;if(!t)return[];let[a]=Yt(t,{kind:he.CHAPTERS});return Array.from((e=a==null?void 0:a.cues)!=null?e:[]).map(({text:r,startTime:n,endTime:s})=>({text:r,startTime:n,endTime:s}))},mediaEvents:["loadstart","loadedmetadata"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,e)=>{let{media:t}=e;if(!t)return;let a=t.querySelector('track[kind="chapters"][default][src]');return a==null||a.addEventListener("load",i),()=>{a==null||a.removeEventListener("load",i)}}]},mediaIsPip:{get(i){var e,t;let{media:a,documentElement:r}=i;if(!a||!r||!r.pictureInPictureElement)return!1;if(r.pictureInPictureElement===a)return!0;if(r.pictureInPictureElement instanceof HTMLMediaElement)return(e=a.localName)!=null&&e.includes("-")?ue(a,r.pictureInPictureElement):!1;if(r.pictureInPictureElement.localName.includes("-")){let n=r.pictureInPictureElement.shadowRoot;for(;n!=null&&n.pictureInPictureElement;){if(n.pictureInPictureElement===a)return!0;n=(t=n.pictureInPictureElement)==null?void 0:t.shadowRoot}}return!1},set(i,e){let{media:t}=e;if(t)if(i){if(!m.pictureInPictureEnabled){console.warn("MediaChrome: Picture-in-picture is not enabled");return}if(!t.requestPictureInPicture){console.warn("MediaChrome: The current media does not support picture-in-picture");return}let a=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};t.requestPictureInPicture().catch(r=>{if(r.code===11){if(!t.src){console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a src set.");return}if(t.readyState===0&&t.preload==="none"){let n=()=>{t.removeEventListener("loadedmetadata",s),t.preload="none"},s=()=>{t.requestPictureInPicture().catch(a),n()};t.addEventListener("loadedmetadata",s),t.preload="metadata",setTimeout(()=>{t.readyState===0&&a(),n()},1e3)}else throw r}else throw r})}else m.pictureInPictureElement&&m.exitPictureInPicture()},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},mediaRenditionList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.videoRenditions)!=null?e:[]].map(a=>({...a}))},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaRenditionSelected:{get(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},set(i,e){let{media:t}=e;if(!(t!=null&&t.videoRenditions)){console.warn("MediaController: Rendition selection not supported by this media.");return}let a=i,r=Array.prototype.findIndex.call(t.videoRenditions,n=>n.id==a);t.videoRenditions.selectedIndex!=r&&(t.videoRenditions.selectedIndex=r)},mediaEvents:["emptied"],videoRenditionsEvents:["addrendition","removerendition","change"]},mediaAudioTrackList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.audioTracks)!=null?e:[]]},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaAudioTrackEnabled:{get(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},set(i,e){let{media:t}=e;if(!(t!=null&&t.audioTracks)){console.warn("MediaChrome: Audio track selection not supported by this media.");return}let a=i;for(let r of t.audioTracks)r.enabled=a==r.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]},mediaIsFullscreen:{get(i){return eu(i)},set(i,e){i?Jd(e):jd(e)},rootEvents:["fullscreenchange","webkitfullscreenchange"],mediaEvents:["webkitbeginfullscreen","webkitendfullscreen","webkitpresentationmodechanged"]},mediaIsCasting:{get(i){var e;let{media:t}=i;return!(t!=null&&t.remote)||((e=t.remote)==null?void 0:e.state)==="disconnected"?!1:!!t.remote.state},set(i,e){var t,a;let{media:r}=e;if(r&&!(i&&((t=r.remote)==null?void 0:t.state)!=="disconnected")&&!(!i&&((a=r.remote)==null?void 0:a.state)!=="connected")){if(typeof r.remote.prompt!="function"){console.warn("MediaChrome: Casting is not supported in this environment");return}r.remote.prompt().catch(()=>{})}},remoteEvents:["connect","connecting","disconnect"]},mediaIsAirplaying:{get(){return!1},set(i,e){let{media:t}=e;if(t){if(!(t.webkitShowPlaybackTargetPicker&&d.WebKitPlaybackTargetAvailabilityEvent)){console.warn("MediaChrome: received a request to select AirPlay but AirPlay is not supported in this environment");return}t.webkitShowPlaybackTargetPicker()}},mediaEvents:["webkitcurrentplaybacktargetiswirelesschanged"]},mediaFullscreenUnavailable:{get(i){let{media:e}=i;if(!au||!jo(e))return Ae.UNSUPPORTED}},mediaPipUnavailable:{get(i){let{media:e}=i;if(!ru||!Jo(e))return Ae.UNSUPPORTED}},mediaVolumeUnavailable:{get(i){let{media:e}=i;if(Wr===!1||(e==null?void 0:e.volume)==null)return Ae.UNSUPPORTED},stateOwnersUpdateHandlers:[i=>{Wr==null&&Vh.then(e=>i(e?void 0:Ae.UNSUPPORTED))}]},mediaCastUnavailable:{get(i,{availability:e="not-available"}={}){var t;let{media:a}=i;if(!ou||!((t=a==null?void 0:a.remote)!=null&&t.state))return Ae.UNSUPPORTED;if(!(e==null||e==="available"))return Ae.UNAVAILABLE},stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:a}=e;return a?(a.disableRemotePlayback||a.hasAttribute("disableremoteplayback")||(t=a==null?void 0:a.remote)==null||t.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=a==null?void 0:a.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaAirplayUnavailable:{get(i,e){if(!nu)return Ae.UNSUPPORTED;if((e==null?void 0:e.availability)==="not-available")return Ae.UNAVAILABLE},mediaEvents:["webkitplaybacktargetavailabilitychanged"],stateOwnersUpdateHandlers:[(i,e)=>{var t;let{media:a}=e;return a?(a.disableRemotePlayback||a.hasAttribute("disableremoteplayback")||(t=a==null?void 0:a.remote)==null||t.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=a==null?void 0:a.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaRenditionUnavailable:{get(i){var e;let{media:t}=i;if(!(t!=null&&t.videoRenditions))return Ae.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return Ae.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(i){var e,t;let{media:a}=i;if(!(a!=null&&a.audioTracks))return Ae.UNSUPPORTED;if(((t=(e=a.audioTracks)==null?void 0:e.length)!=null?t:0)<=1)return Ae.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]}};var lu={[v.MEDIA_PREVIEW_REQUEST](i,e,{detail:t}){var a,r,n;let{media:s}=e,l=t!=null?t:void 0,u,c;if(s&&l!=null){let[b]=Yt(s,{kind:he.METADATA,label:"thumbnails"}),S=Array.prototype.find.call((a=b==null?void 0:b.cues)!=null?a:[],(_,A,P)=>A===0?_.endTime>l:A===P.length-1?_.startTime<=l:_.startTime<=l&&_.endTime>l);if(S){let _=/'^(?:[a-z]+:)?\/\//i.test(S.text)||(r=s==null?void 0:s.querySelector('track[label="thumbnails"]'))==null?void 0:r.src,A=new URL(S.text,_);c=new URLSearchParams(A.hash).get("#xywh").split(",").map(ee=>+ee),u=A.href}}let f=i.mediaDuration.get(e),p=(n=i.mediaChaptersCues.get(e).find((b,S,_)=>S===_.length-1&&f===b.endTime?b.startTime<=l&&b.endTime>=l:b.startTime<=l&&b.endTime>l))==null?void 0:n.text;return t!=null&&p==null&&(p=""),{mediaPreviewTime:l,mediaPreviewImage:u,mediaPreviewCoords:c,mediaPreviewChapter:p}},[v.MEDIA_PAUSE_REQUEST](i,e){i["mediaPaused"].set(!0,e)},[v.MEDIA_PLAY_REQUEST](i,e){var t;let a="mediaPaused";if(i.mediaStreamType.get(e)===Me.LIVE){let s=!(i.mediaTargetLiveWindow.get(e)>0),l=(t=i.mediaSeekable.get(e))==null?void 0:t[1];s&&l&&i.mediaCurrentTime.set(l,e)}i[a].set(!1,e)},[v.MEDIA_PLAYBACK_RATE_REQUEST](i,e,{detail:t}){let a="mediaPlaybackRate",r=t;i[a].set(r,e)},[v.MEDIA_MUTE_REQUEST](i,e){i["mediaMuted"].set(!0,e)},[v.MEDIA_UNMUTE_REQUEST](i,e){let t="mediaMuted";i.mediaVolume.get(e)||i.mediaVolume.set(.25,e),i[t].set(!1,e)},[v.MEDIA_VOLUME_REQUEST](i,e,{detail:t}){let a="mediaVolume",r=t;r&&i.mediaMuted.get(e)&&i.mediaMuted.set(!1,e),i[a].set(r,e)},[v.MEDIA_SEEK_REQUEST](i,e,{detail:t}){let a="mediaCurrentTime",r=t;i[a].set(r,e)},[v.MEDIA_SEEK_TO_LIVE_REQUEST](i,e){var t;let a="mediaCurrentTime",r=(t=i.mediaSeekable.get(e))==null?void 0:t[1];Number.isNaN(Number(r))||i[a].set(r,e)},[v.MEDIA_SHOW_SUBTITLES_REQUEST](i,e,{detail:t}){var a;let{options:r}=e,n=yi(e),s=zo(t),l=(a=s[0])==null?void 0:a.language;l&&!r.noSubtitlesLangPref&&d.localStorage.setItem("media-chrome-pref-subtitles-lang",l),Kt(At.SHOWING,n,s)},[v.MEDIA_DISABLE_SUBTITLES_REQUEST](i,e,{detail:t}){let a=yi(e),r=t!=null?t:[];Kt(At.DISABLED,a,r)},[v.MEDIA_TOGGLE_SUBTITLES_REQUEST](i,e,{detail:t}){Hr(e,t)},[v.MEDIA_RENDITION_REQUEST](i,e,{detail:t}){let a="mediaRenditionSelected",r=t;i[a].set(r,e)},[v.MEDIA_AUDIO_TRACK_REQUEST](i,e,{detail:t}){let a="mediaAudioTrackEnabled",r=t;i[a].set(r,e)},[v.MEDIA_ENTER_PIP_REQUEST](i,e){let t="mediaIsPip";i.mediaIsFullscreen.get(e)&&i.mediaIsFullscreen.set(!1,e),i[t].set(!0,e)},[v.MEDIA_EXIT_PIP_REQUEST](i,e){i["mediaIsPip"].set(!1,e)},[v.MEDIA_ENTER_FULLSCREEN_REQUEST](i,e){let t="mediaIsFullscreen";i.mediaIsPip.get(e)&&i.mediaIsPip.set(!1,e),i[t].set(!0,e)},[v.MEDIA_EXIT_FULLSCREEN_REQUEST](i,e){i["mediaIsFullscreen"].set(!1,e)},[v.MEDIA_ENTER_CAST_REQUEST](i,e){let t="mediaIsCasting";i.mediaIsFullscreen.get(e)&&i.mediaIsFullscreen.set(!1,e),i[t].set(!0,e)},[v.MEDIA_EXIT_CAST_REQUEST](i,e){i["mediaIsCasting"].set(!1,e)},[v.MEDIA_AIRPLAY_REQUEST](i,e){i["mediaIsAirplaying"].set(!0,e)}};var Kh=({media:i,fullscreenElement:e,documentElement:t,stateMediator:a=ka,requestMap:r=lu,options:n={},monitorStateOwnersOnlyWithSubscriptions:s=!0})=>{let l=[],u={options:{...n}},c=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),f=_=>{_!=null&&($r(_,c)||(c=Object.freeze({...c,..._}),l.forEach(A=>A(c))))},E=()=>{let _=Object.entries(a).reduce((A,[P,{get:ee}])=>(A[P]=ee(u),A),{});f(_)},p={},b,S=async(_,A)=>{var P,ee,be,_t,at,Xi,Ji,ji,ea,ta,ia,aa,ra,na,oa,sa;let gr=!!b;if(b={...u,...b!=null?b:{},..._},gr)return;await su(...Object.values(_));let rt=l.length>0&&A===0&&s,la=u.media!==b.media,da=((P=u.media)==null?void 0:P.textTracks)!==((ee=b.media)==null?void 0:ee.textTracks),ua=((be=u.media)==null?void 0:be.videoRenditions)!==((_t=b.media)==null?void 0:_t.videoRenditions),ca=((at=u.media)==null?void 0:at.audioTracks)!==((Xi=b.media)==null?void 0:Xi.audioTracks),sd=((Ji=u.media)==null?void 0:Ji.remote)!==((ji=b.media)==null?void 0:ji.remote),ld=u.documentElement!==b.documentElement,dd=!!u.media&&(la||rt),ud=!!((ea=u.media)!=null&&ea.textTracks)&&(da||rt),cd=!!((ta=u.media)!=null&&ta.videoRenditions)&&(ua||rt),md=!!((ia=u.media)!=null&&ia.audioTracks)&&(ca||rt),hd=!!((aa=u.media)!=null&&aa.remote)&&(sd||rt),pd=!!u.documentElement&&(ld||rt),vd=dd||ud||cd||md||hd||pd,vi=l.length===0&&A===1&&s,fd=!!b.media&&(la||vi),bd=!!((ra=b.media)!=null&&ra.textTracks)&&(da||vi),Ed=!!((na=b.media)!=null&&na.videoRenditions)&&(ua||vi),gd=!!((oa=b.media)!=null&&oa.audioTracks)&&(ca||vi),_d=!!((sa=b.media)!=null&&sa.remote)&&(sd||vi),Ad=!!b.documentElement&&(ld||vi),yd=fd||bd||Ed||gd||_d||Ad;if(!(vd||yd)){Object.entries(b).forEach(([$,ma])=>{u[$]=ma}),E(),b=void 0;return}Object.entries(a).forEach(([$,{get:ma,mediaEvents:eh=[],textTracksEvents:th=[],videoRenditionsEvents:ih=[],audioTracksEvents:ah=[],remoteEvents:rh=[],rootEvents:nh=[],stateOwnersUpdateHandlers:oh=[]}])=>{p[$]||(p[$]={});let Ee=J=>{let ge=ma(u,J);f({[$]:ge})},ie;ie=p[$].mediaEvents,eh.forEach(J=>{ie&&dd&&(u.media.removeEventListener(J,ie),p[$].mediaEvents=void 0),fd&&(b.media.addEventListener(J,Ee),p[$].mediaEvents=Ee)}),ie=p[$].textTracksEvents,th.forEach(J=>{var ge,Ce;ie&&ud&&((ge=u.media.textTracks)==null||ge.removeEventListener(J,ie),p[$].textTracksEvents=void 0),bd&&((Ce=b.media.textTracks)==null||Ce.addEventListener(J,Ee),p[$].textTracksEvents=Ee)}),ie=p[$].videoRenditionsEvents,ih.forEach(J=>{var ge,Ce;ie&&cd&&((ge=u.media.videoRenditions)==null||ge.removeEventListener(J,ie),p[$].videoRenditionsEvents=void 0),Ed&&((Ce=b.media.videoRenditions)==null||Ce.addEventListener(J,Ee),p[$].videoRenditionsEvents=Ee)}),ie=p[$].audioTracksEvents,ah.forEach(J=>{var ge,Ce;ie&&md&&((ge=u.media.audioTracks)==null||ge.removeEventListener(J,ie),p[$].audioTracksEvents=void 0),gd&&((Ce=b.media.audioTracks)==null||Ce.addEventListener(J,Ee),p[$].audioTracksEvents=Ee)}),ie=p[$].remoteEvents,rh.forEach(J=>{var ge,Ce;ie&&hd&&((ge=u.media.remote)==null||ge.removeEventListener(J,ie),p[$].remoteEvents=void 0),_d&&((Ce=b.media.remote)==null||Ce.addEventListener(J,Ee),p[$].remoteEvents=Ee)}),ie=p[$].rootEvents,nh.forEach(J=>{ie&&pd&&(u.documentElement.removeEventListener(J,ie),p[$].rootEvents=void 0),Ad&&(b.documentElement.addEventListener(J,Ee),p[$].rootEvents=Ee)});let Td=p[$].stateOwnersUpdateHandlers;oh.forEach(J=>{Td&&vd&&Td(),yd&&(p[$].stateOwnersUpdateHandlers=J(Ee,b))})}),Object.entries(b).forEach(([$,ma])=>{u[$]=ma}),E(),b=void 0};return S({media:i,fullscreenElement:e,documentElement:t,options:n}),{dispatch(_){let{type:A,detail:P}=_;if(r[A]){f(r[A](a,u,_));return}A==="mediaelementchangerequest"?S({media:P}):A==="fullscreenelementchangerequest"?S({fullscreenElement:P}):A==="documentelementchangerequest"?S({documentElement:P}):A==="optionschangerequest"&&Object.entries(P!=null?P:{}).forEach(([ee,be])=>{u.options[ee]=be})},getState(){return c},subscribe(_){return S({},l.length+1),l.push(_),_(c),()=>{let A=l.indexOf(_);A>=0&&(S({},l.length-1),l.splice(A,1))}}}},du=Kh;var rs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},C=(i,e,t)=>(rs(i,e,"read from private field"),t?t.call(i):e.get(i)),ut=(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)},St=(i,e,t,a)=>(rs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),It=(i,e,t)=>(rs(i,e,"access private method"),t),Ct,Sa,G,Ia,He,Fr,Vr,ts,Ti,Ca,Kr,is,pu=["ArrowLeft","ArrowRight","Enter"," ","f","m","k","c"],uu=10,D={DEFAULT_SUBTITLES:"defaultsubtitles",DEFAULT_STREAM_TYPE:"defaultstreamtype",DEFAULT_DURATION:"defaultduration",FULLSCREEN_ELEMENT:"fullscreenelement",HOTKEYS:"hotkeys",KEYS_USED:"keysused",LIVE_EDGE_OFFSET:"liveedgeoffset",NO_AUTO_SEEK_TO_LIVE:"noautoseektolive",NO_HOTKEYS:"nohotkeys",NO_VOLUME_PREF:"novolumepref",NO_SUBTITLES_LANG_PREF:"nosubtitleslangpref",NO_DEFAULT_STORE:"nodefaultstore",KEYBOARD_FORWARD_SEEK_OFFSET:"keyboardforwardseekoffset",KEYBOARD_BACKWARD_SEEK_OFFSET:"keyboardbackwardseekoffset"},Yr=class extends Aa{constructor(){super(),ut(this,Vr),ut(this,Ti),ut(this,Kr),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,ut(this,Ct,new Be(this,D.HOTKEYS)),ut(this,Sa,void 0),ut(this,G,void 0),ut(this,Ia,void 0),ut(this,He,void 0),ut(this,Fr,t=>{var a;(a=C(this,G))==null||a.dispatch(t)}),this.associateElement(this);let e={};St(this,Ia,t=>{Object.entries(t).forEach(([a,r])=>{if(a in e&&e[a]===r)return;this.propagateMediaState(a,r);let n=a.toLowerCase(),s=new d.CustomEvent(Md[n],{composed:!0,detail:r});this.dispatchEvent(s)}),e=t}),this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat(D.NO_HOTKEYS,D.HOTKEYS,D.DEFAULT_STREAM_TYPE,D.DEFAULT_SUBTITLES,D.DEFAULT_DURATION)}get mediaStore(){return C(this,G)}set mediaStore(e){var t,a;if(C(this,G)&&((t=C(this,He))==null||t.call(this),St(this,He,void 0)),St(this,G,e),!C(this,G)&&!this.hasAttribute(D.NO_DEFAULT_STORE)){It(this,Vr,ts).call(this);return}St(this,He,(a=C(this,G))==null?void 0:a.subscribe(C(this,Ia)))}get fullscreenElement(){var e;return(e=C(this,Sa))!=null?e:this}set fullscreenElement(e){var t;this.hasAttribute(D.FULLSCREEN_ELEMENT)&&this.removeAttribute(D.FULLSCREEN_ELEMENT),St(this,Sa,e),(t=C(this,G))==null||t.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}attributeChangedCallback(e,t,a){var r,n,s,l,u,c;if(super.attributeChangedCallback(e,t,a),e===D.NO_HOTKEYS)a!==t&&a===""?(this.hasAttribute(D.HOTKEYS)&&console.warn("Media Chrome: Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):a!==t&&a===null&&this.enableHotkeys();else if(e===D.HOTKEYS)C(this,Ct).value=a;else if(e===D.DEFAULT_SUBTITLES&&a!==t)(r=C(this,G))==null||r.dispatch({type:"optionschangerequest",detail:{defaultSubtitles:this.hasAttribute(D.DEFAULT_SUBTITLES)}});else if(e===D.DEFAULT_STREAM_TYPE)(s=C(this,G))==null||s.dispatch({type:"optionschangerequest",detail:{defaultStreamType:(n=this.getAttribute(D.DEFAULT_STREAM_TYPE))!=null?n:void 0}});else if(e===D.LIVE_EDGE_OFFSET)(l=C(this,G))==null||l.dispatch({type:"optionschangerequest",detail:{liveEdgeOffset:this.hasAttribute(D.LIVE_EDGE_OFFSET)?+this.getAttribute(D.LIVE_EDGE_OFFSET):void 0}});else if(e===D.FULLSCREEN_ELEMENT){let f=a?(u=this.getRootNode())==null?void 0:u.getElementById(a):void 0;St(this,Sa,f),(c=C(this,G))==null||c.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}}connectedCallback(){var e,t;!C(this,G)&&!this.hasAttribute(D.NO_DEFAULT_STORE)&&It(this,Vr,ts).call(this),(e=C(this,G))==null||e.dispatch({type:"documentelementchangerequest",detail:m}),super.connectedCallback(),C(this,G)&&!C(this,He)&&St(this,He,(t=C(this,G))==null?void 0:t.subscribe(C(this,Ia))),this.enableHotkeys()}disconnectedCallback(){var e,t,a,r;(e=super.disconnectedCallback)==null||e.call(this),C(this,G)&&((t=C(this,G))==null||t.dispatch({type:"documentelementchangerequest",detail:void 0}),(a=C(this,G))==null||a.dispatch({type:v.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})),C(this,He)&&((r=C(this,He))==null||r.call(this),St(this,He,void 0))}mediaSetCallback(e){var t;super.mediaSetCallback(e),(t=C(this,G))==null||t.dispatch({type:"mediaelementchangerequest",detail:e}),e.hasAttribute("tabindex")||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),(t=C(this,G))==null||t.dispatch({type:"mediaelementchangerequest",detail:void 0})}propagateMediaState(e,t){hu(this.mediaStateReceivers,e,t)}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=zh(e,a,r);Object.values(v).forEach(s=>{e.addEventListener(s,C(this,Fr))}),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.values(v).forEach(r=>{e.removeEventListener(r,C(this,Fr))})}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),C(this,G)&&Object.entries(C(this,G).getState()).forEach(([r,n])=>{hu([e],r,n)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,a=t.indexOf(e);a<0||t.splice(a,1)}enableHotkeys(){this.addEventListener("keydown",It(this,Kr,is))}disableHotkeys(){this.removeEventListener("keydown",It(this,Kr,is)),this.removeEventListener("keyup",It(this,Ti,Ca))}get hotkeys(){return C(this,Ct)}keyboardShortcutHandler(e){var t,a,r,n,s;let l=e.target;if(((r=(a=(t=l.getAttribute(D.KEYS_USED))==null?void 0:t.split(" "))!=null?a:l==null?void 0:l.keysUsed)!=null?r:[]).map(p=>p==="Space"?" ":p).filter(Boolean).includes(e.key))return;let c,f,E;if(!C(this,Ct).contains(`no${e.key.toLowerCase()}`)&&!(e.key===" "&&C(this,Ct).contains("nospace")))switch(e.key){case" ":case"k":c=C(this,G).getState().mediaPaused?v.MEDIA_PLAY_REQUEST:v.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new d.CustomEvent(c,{composed:!0,bubbles:!0}));break;case"m":c=this.mediaStore.getState().mediaVolumeLevel==="off"?v.MEDIA_UNMUTE_REQUEST:v.MEDIA_MUTE_REQUEST,this.dispatchEvent(new d.CustomEvent(c,{composed:!0,bubbles:!0}));break;case"f":c=this.mediaStore.getState().mediaIsFullscreen?v.MEDIA_EXIT_FULLSCREEN_REQUEST:v.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new d.CustomEvent(c,{composed:!0,bubbles:!0}));break;case"c":this.dispatchEvent(new d.CustomEvent(v.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}));break;case"ArrowLeft":{let p=this.hasAttribute(D.KEYBOARD_BACKWARD_SEEK_OFFSET)?+this.getAttribute(D.KEYBOARD_BACKWARD_SEEK_OFFSET):uu;f=Math.max(((n=this.mediaStore.getState().mediaCurrentTime)!=null?n:0)-p,0),E=new d.CustomEvent(v.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:f}),this.dispatchEvent(E);break}case"ArrowRight":{let p=this.hasAttribute(D.KEYBOARD_FORWARD_SEEK_OFFSET)?+this.getAttribute(D.KEYBOARD_FORWARD_SEEK_OFFSET):uu;f=Math.max(((s=this.mediaStore.getState().mediaCurrentTime)!=null?s:0)+p,0),E=new d.CustomEvent(v.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:f}),this.dispatchEvent(E);break}default:break}}};Ct=new WeakMap;Sa=new WeakMap;G=new WeakMap;Ia=new WeakMap;He=new WeakMap;Fr=new WeakMap;Vr=new WeakSet;ts=function(){var i;this.mediaStore=du({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(D.DEFAULT_SUBTITLES),defaultDuration:this.hasAttribute(D.DEFAULT_DURATION)?+this.getAttribute(D.DEFAULT_DURATION):void 0,defaultStreamType:(i=this.getAttribute(D.DEFAULT_STREAM_TYPE))!=null?i:void 0,liveEdgeOffset:this.hasAttribute(D.LIVE_EDGE_OFFSET)?+this.getAttribute(D.LIVE_EDGE_OFFSET):void 0,noVolumePref:this.hasAttribute(D.NO_VOLUME_PREF),noSubtitlesLangPref:this.hasAttribute(D.NO_SUBTITLES_LANG_PREF)}})};Ti=new WeakSet;Ca=function(i){let{key:e}=i;if(!pu.includes(e)){this.removeEventListener("keyup",It(this,Ti,Ca));return}this.keyboardShortcutHandler(i)};Kr=new WeakSet;is=function(i){let{metaKey:e,altKey:t,key:a}=i;if(e||t||!pu.includes(a)){this.removeEventListener("keyup",It(this,Ti,Ca));return}[" ","ArrowLeft","ArrowRight"].includes(a)&&!(C(this,Ct).contains(`no${a.toLowerCase()}`)||a===" "&&C(this,Ct).contains("nospace"))&&i.preventDefault(),this.addEventListener("keyup",It(this,Ti,Ca),{once:!0})};var Yh=Object.values(o),Gh=Object.values(Ho),vu=i=>{var e,t,a,r;let{observedAttributes:n}=i.constructor;!n&&((e=i.nodeName)!=null&&e.includes("-"))&&(d.customElements.upgrade(i),{observedAttributes:n}=i.constructor);let s=(r=(a=(t=i==null?void 0:i.getAttribute)==null?void 0:t.call(i,k.MEDIA_CHROME_ATTRIBUTES))==null?void 0:a.split)==null?void 0:r.call(a,/\s+/);return Array.isArray(n||s)?(n||s).filter(l=>Yh.includes(l)):[]},qh=i=>{var e,t;return(e=i.nodeName)!=null&&e.includes("-")&&d.customElements.get((t=i.nodeName)==null?void 0:t.toLowerCase())&&!(i instanceof d.customElements.get(i.nodeName.toLowerCase()))&&d.customElements.upgrade(i),Gh.some(a=>a in i)},as=i=>qh(i)||!!vu(i).length,cu=i=>{var e;return(e=i==null?void 0:i.join)==null?void 0:e.call(i,":")},mu={[o.MEDIA_SUBTITLES_LIST]:dt,[o.MEDIA_SUBTITLES_SHOWING]:dt,[o.MEDIA_SEEKABLE]:cu,[o.MEDIA_BUFFERED]:i=>i==null?void 0:i.map(cu).join(" "),[o.MEDIA_PREVIEW_COORDS]:i=>i==null?void 0:i.join(" "),[o.MEDIA_RENDITION_LIST]:Ld,[o.MEDIA_AUDIO_TRACK_LIST]:xd},Zh=async(i,e,t)=>{var a,r;if(i.isConnected||await Tr(0),typeof t=="boolean"||t==null)return U(i,e,t);if(typeof t=="number")return O(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=mu[e])==null?void 0:a.call(mu,t))!=null?r:t;return i.setAttribute(e,n)},Qh=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},Gt=(i,e)=>{if(Qh(i))return;let t=(r,n)=>{var s,l;as(r)&&n(r);let{children:u=[]}=r!=null?r:{},c=(l=(s=r==null?void 0:r.shadowRoot)==null?void 0:s.children)!=null?l:[];[...u,...c].forEach(E=>Gt(E,n))},a=i==null?void 0:i.nodeName.toLowerCase();if(a.includes("-")&&!as(i)){d.customElements.whenDefined(a).then(()=>{t(i,e)});return}t(i,e)},hu=(i,e,t)=>{i.forEach(a=>{if(e in a){a[e]=t;return}let r=vu(a),n=e.toLowerCase();r.includes(n)&&Zh(a,n,t)})},zh=(i,e,t)=>{Gt(i,e);let a=f=>{var E;let p=(E=f==null?void 0:f.composedPath()[0])!=null?E:f.target;e(p)},r=f=>{var E;let p=(E=f==null?void 0:f.composedPath()[0])!=null?E:f.target;t(p)};i.addEventListener(v.REGISTER_MEDIA_STATE_RECEIVER,a),i.addEventListener(v.UNREGISTER_MEDIA_STATE_RECEIVER,r);let n=f=>{f.forEach(E=>{let{addedNodes:p=[],removedNodes:b=[],type:S,target:_,attributeName:A}=E;S==="childList"?(Array.prototype.forEach.call(p,P=>Gt(P,e)),Array.prototype.forEach.call(b,P=>Gt(P,t))):S==="attributes"&&A===k.MEDIA_CHROME_ATTRIBUTES&&(as(_)?e(_):t(_))})},s=[],l=f=>{let E=f.target;E.name!=="media"&&(s.forEach(p=>Gt(p,t)),s=[...E.assignedElements({flatten:!0})],s.forEach(p=>Gt(p,e)))};i.addEventListener("slotchange",l);let u=new MutationObserver(n);return u.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{Gt(i,t),i.removeEventListener("slotchange",l),u.disconnect(),i.removeEventListener(v.REGISTER_MEDIA_STATE_RECEIVER,a),i.removeEventListener(v.UNREGISTER_MEDIA_STATE_RECEIVER,r)}};d.customElements.get("media-controller")||d.customElements.define("media-controller",Yr);var ns=Yr;var fu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ve=(i,e,t)=>(fu(i,e,"read from private field"),t?t.call(i):e.get(i)),Gr=(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)},qr=(i,e,t,a)=>(fu(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),$e,ki,Si,Qr,Zr={TOOLTIP_PLACEMENT:"tooltipplacement"},bu=m.createElement("template");bu.innerHTML=`
 <style>
   :host {
+    position: relative;
     font: var(--media-font,
       var(--media-font-weight, bold)
       var(--media-font-size, 14px) /
@@ -190,222 +191,59 @@
     max-height: 100%;
     min-width: 100%;
   }
-</style>
-`;var P=class extends l.HTMLElement{constructor(e={}){if(super(),fn(this,je,void 0),cf(this,"preventClick",!1),fn(this,En,t=>{this.preventClick||this.handleClick(t)}),fn(this,Vi,t=>{let{key:a}=t;if(!this.keysUsed.includes(a)){this.removeEventListener("keyup",we(this,Vi));return}this.preventClick||this.handleClick(t)}),fn(this,gn,t=>{let{metaKey:a,altKey:r,key:n}=t;if(a||r||!this.keysUsed.includes(n)){this.removeEventListener("keyup",we(this,Vi));return}this.addEventListener("keyup",we(this,Vi),{once:!0})}),!this.shadowRoot){this.attachShadow({mode:"open"});let t=lm.content.cloneNode(!0);this.nativeEl=t;let a=e.slotTemplate;a||(a=c.createElement("template"),a.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(a.content.cloneNode(!0)),this.shadowRoot.appendChild(t)}}static get observedAttributes(){return["disabled",y.MEDIA_CONTROLLER]}enable(){this.addEventListener("click",we(this,En)),this.addEventListener("keydown",we(this,gn)),this.tabIndex=0}disable(){this.removeEventListener("click",we(this,En)),this.removeEventListener("keydown",we(this,gn)),this.removeEventListener("keyup",we(this,Vi)),this.tabIndex=-1}attributeChangedCallback(e,t,a){var r,n,o,d,u;e===y.MEDIA_CONTROLLER?(t&&((n=(r=we(this,je))==null?void 0:r.unassociateElement)==null||n.call(r,this),bn(this,je,null)),a&&this.isConnected&&(bn(this,je,(o=this.getRootNode())==null?void 0:o.getElementById(a)),(u=(d=we(this,je))==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;let{style:r}=N(this.shadowRoot,":host");r.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","button");let n=this.getAttribute(y.MEDIA_CONTROLLER);n&&(bn(this,je,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(a=(t=we(this,je))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=we(this,je))==null?void 0:e.unassociateElement)==null||t.call(e,this),bn(this,je,null)}get keysUsed(){return["Enter"," "]}handleClick(e){}};je=new WeakMap;En=new WeakMap;Vi=new WeakMap;gn=new WeakMap;l.customElements.get("media-chrome-button")||l.customElements.define("media-chrome-button",P);var dm=`<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>
-`,cm=c.createElement("template");cm.innerHTML=`
-  <style>
-  :host([${s.MEDIA_IS_AIRPLAYING}]) slot:not([name=exit]):not([name=icon]) {
-    display: none !important;
-  }
 
-  
-  :host(:not([${s.MEDIA_IS_AIRPLAYING}])) slot:not([name=enter]):not([name=icon]) {
-    display: none !important;
+  media-tooltip {
+    opacity: 0;
+    transition: opacity .3s;
   }
-  </style>
-
-  <slot name="icon">
-    <slot name="enter">${dm}</slot>
-    <slot name="exit">${dm}</slot>
-  </slot>
-`;var um=i=>{let e=i.mediaIsAirplaying?Y.EXIT_AIRPLAY():Y.ENTER_AIRPLAY();i.setAttribute("aria-label",e)},cl=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_AIRPLAYING,s.MEDIA_AIRPLAY_UNAVAILABLE]}constructor(e={}){super({slotTemplate:cm,...e})}connectedCallback(){super.connectedCallback(),um(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_IS_AIRPLAYING&&um(this)}get mediaIsAirplaying(){return H(this,s.MEDIA_IS_AIRPLAYING)}set mediaIsAirplaying(e){B(this,s.MEDIA_IS_AIRPLAYING,e)}get mediaAirplayUnavailable(){return I(this,s.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){k(this,s.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new l.CustomEvent(h.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};l.customElements.get("media-airplay-button")||l.customElements.define("media-airplay-button",cl);function mm({anchor:i,floating:e,placement:t}){let a=mf({anchor:i,floating:e}),{x:r,y:n}=pf(a,t);return{x:r,y:n}}function mf({anchor:i,floating:e}){return{anchor:hf(i,e.offsetParent),floating:{x:0,y:0,width:e.offsetWidth,height:e.offsetHeight}}}function hf(i,e){let t=i.getBoundingClientRect(),a=e.getBoundingClientRect();return{x:t.x-a.x,y:t.y-a.y,width:t.width,height:t.height}}function pf({anchor:i,floating:e},t){let a=vf(t)==="x"?"y":"x",r=a==="y"?"height":"width",n=hm(t),o=i.x+i.width/2-e.width/2,d=i.y+i.height/2-e.height/2,u=i[r]/2-e[r]/2,m;switch(n){case"top":m={x:o,y:i.y-e.height};break;case"bottom":m={x:o,y:i.y+i.height};break;case"right":m={x:i.x+i.width,y:d};break;case"left":m={x:i.x-e.width,y:d};break;default:m={x:i.x,y:i.y}}switch(t.split("-")[1]){case"start":m[a]-=u;break;case"end":m[a]+=u;break}return m}function hm(i){return i.split("-")[0]}function vf(i){return["top","bottom"].includes(hm(i))?"y":"x"}var ff=Object.defineProperty,bf=(i,e,t)=>e in i?ff(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,_n=(i,e,t)=>(bf(i,typeof e!="symbol"?e+"":e,t),t),$t=class extends Event{constructor({action:e="auto",relatedTarget:t,...a}){super("invoke",a),_n(this,"action"),_n(this,"relatedTarget"),this.action=e,this.relatedTarget=t}},An=class extends Event{constructor({newState:e,oldState:t,...a}){super("toggle",a),_n(this,"newState"),_n(this,"oldState"),this.newState=e,this.oldState=t}};var Ef=Object.defineProperty,gf=(i,e,t)=>e in i?Ef(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,_f=(i,e,t)=>(gf(i,typeof e!="symbol"?e+"":e,t),t),Tl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},W=(i,e,t)=>(Tl(i,e,"read from private field"),t?t.call(i):e.get(i)),$=(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)},It=(i,e,t,a)=>(Tl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),V=(i,e,t)=>(Tl(i,e,"access private method"),t),et,hi,Ft,pm,vm,yn,Tn,pi,ml,fm,In,kn,hl,pl,bm,vl,Em,fl,gm,Ki,Yi,vi,Gi,Cn,kl,bl,_m,Sl,Am,El,ym,Il,Tm,gl,km,_l,Sm,Ya,Mn,Al,Im,Ga,Ln,Sn,yl;function tt({type:i,text:e,value:t,checked:a}){let r=c.createElement("media-chrome-menu-item");r.type=i!=null?i:"",r.part.add("menu-item"),i&&r.part.add(i),r.value=t,r.checked=a;let n=c.createElement("span");return n.textContent=e,r.append(n),r}function $e(i,e){let t=i.querySelector(`:scope > [slot="${e}"]`);if((t==null?void 0:t.nodeName)=="SLOT"&&(t=t.assignedElements({flatten:!0})[0]),t)return t=t.cloneNode(!0),t;let a=i.shadowRoot.querySelector(`[name="${e}"] > svg`);return a?a.cloneNode(!0):""}var Cm=c.createElement("template");Cm.innerHTML=`
-  <style>
-    :host {
-      font: var(--media-font,
-        var(--media-font-weight, normal)
-        var(--media-font-size, 14px) /
-        var(--media-text-content-height, var(--media-control-height, 24px))
-        var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
-      color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
-      background: var(--media-menu-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .8))));
-      border-radius: var(--media-menu-border-radius);
-      border: var(--media-menu-border, none);
-      display: var(--media-menu-display, inline-flex);
-      transition: var(--media-menu-transition-in,
-        visibility 0s,
-        opacity .2s ease-out,
-        transform .15s ease-out,
-        left .2s ease-in-out,
-        min-width .2s ease-in-out,
-        min-height .2s ease-in-out
-      ) !important;
-      
-      visibility: var(--media-menu-visibility, visible);
-      opacity: var(--media-menu-opacity, 1);
-      max-height: var(--media-menu-max-height, var(--_menu-max-height, 300px));
-      transform: var(--media-menu-transform-in, translateY(0) scale(1));
-      flex-direction: column;
-      
-      min-height: 0;
-      position: relative;
-      box-sizing: border-box;
-    }
-
-    :host([hidden]) {
-      transition: var(--media-menu-transition-out,
-        visibility .15s ease-in,
-        opacity .15s ease-in,
-        transform .15s ease-in
-      ) !important;
-      visibility: var(--media-menu-hidden-visibility, hidden);
-      opacity: var(--media-menu-hidden-opacity, 0);
-      max-height: var(--media-menu-hidden-max-height,
-        var(--media-menu-max-height, var(--_menu-max-height, 300px)));
-      transform: var(--media-menu-transform-out, translateY(2px) scale(.99));
-      pointer-events: none;
-    }
-
-    :host([slot="submenu"]) {
-      background: none;
-      width: 100%;
-      min-height: 100%;
-      position: absolute;
-      bottom: 0;
-      right: -100%;
-    }
-
-    #container {
-      display: flex;
-      flex-direction: column;
-      min-height: 0;
-      transition: transform .2s ease-out;
-      transform: translate(0, 0);
-    }
-
-    #container.has-expanded {
-      transition: transform .2s ease-in;
-      transform: translate(-100%, 0);
-    }
-
-    slot[name="header"] {
-      display: flex;
-      padding: .4em .7em;
-      border-bottom: 1px solid rgb(255 255 255 / .25);
-      cursor: default;
-    }
-
-    slot[name="header"][hidden] {
-      display: none;
-    }
-
-    button[part~="back"] {
-      background: none;
-      color: inherit;
-      border: none;
-      padding: 0;
-      font: inherit;
-      cursor: pointer;
-      outline: inherit;
-      display: inline-flex;
-      align-items: center;
-      cursor: pointer;
-    }
-
-    svg[part~="back"] {
-      height: var(--media-menu-icon-height, var(--media-control-height, 24px));
-      fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
-      display: block;
-      margin-right: .5ch;
-    }
-
-    slot:not([name]) {
-      gap: var(--media-menu-gap);
-      flex-direction: var(--media-menu-flex-direction, column);
-      overflow: var(--media-menu-overflow, hidden auto);
-      display: flex;
-      min-height: 0;
-    }
-
-    :host([role="menu"]) slot:not([name]) {
-      padding-block: .4em;
-    }
-
-    slot:not([name])::slotted([role="menu"]) {
-      background: none;
-    }
 
-    media-chrome-menu-item > span {
-      margin-right: .5ch;
-      max-width: var(--media-menu-item-max-width);
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-  </style>
-  <style id="layout-row" media="width:0">
-
-    slot[name="header"] {
-      padding: .4em .5em;
-    }
-
-    slot:not([name]) {
-      gap: var(--media-menu-gap, .25em);
-      flex-direction: var(--media-menu-flex-direction, row);
-      padding-inline: .5em;
-    }
-
-    media-chrome-menu-item {
-      padding: .3em .5em;
-    }
+  :host(:hover) media-tooltip,
+  :host(:focus-visible) media-tooltip {
+    opacity: 1;
+  }
 
-    media-chrome-menu-item[aria-checked="true"] {
-      background: var(--media-menu-item-checked-background, rgb(255 255 255 / .2));
-    }
+  :host([notooltip]) slot[name="tooltip"] {
+    display: none;
+  }
+</style>
 
-    
-    media-chrome-menu-item::part(checked-indicator) {
-      display: var(--media-menu-item-checked-indicator-display, none);
-    }
-  </style>
-  <div id="container">
-    <slot name="header" hidden>
-      <button part="back button" aria-label="Back to previous menu">
-        <slot name="back-icon">
-          <svg aria-hidden="true" viewBox="0 0 20 24" part="back indicator">
-            <path d="m11.88 17.585.742-.669-4.2-4.665 4.2-4.666-.743-.669-4.803 5.335 4.803 5.334Z"/>
-          </svg>
-        </slot>
-        <slot name="title"></slot>
-      </button>
-    </slot>
-    <slot></slot>
-  </div>
-  <slot name="checked-indicator" hidden></slot>
-`;var mi={STYLE:"style",HIDDEN:"hidden",DISABLED:"disabled",ANCHOR:"anchor"},ue=class extends l.HTMLElement{constructor(){super(),$(this,ml),$(this,kn),$(this,pl),$(this,vl),$(this,fl),$(this,vi),$(this,Cn),$(this,bl),$(this,Sl),$(this,El),$(this,Il),$(this,gl),$(this,_l),$(this,Ya),$(this,Al),$(this,Ga),$(this,Sn),$(this,et,void 0),$(this,hi,void 0),$(this,Ft,void 0),$(this,pm,""),$(this,vm,null),$(this,yn,new Set),$(this,Tn,void 0),$(this,pi,!1),$(this,In,()=>{let e=W(this,yn),t=new Set(this.items);for(let a of e)t.has(a)||this.dispatchEvent(new CustomEvent("removemenuitem",{detail:a}));for(let a of t)e.has(a)||this.dispatchEvent(new CustomEvent("addmenuitem",{detail:a}));It(this,yn,t)}),$(this,Ki,()=>{V(this,vi,Gi).call(this,!1),V(this,Cn,kl).call(this,!1)}),$(this,Yi,()=>{V(this,vi,Gi).call(this,!1)}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.nativeEl=this.constructor.template.content.cloneNode(!0),this.shadowRoot.append(this.nativeEl)),this.container=this.shadowRoot.querySelector("#container"),this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.shadowRoot.addEventListener("slotchange",this),It(this,Tn,new MutationObserver(W(this,In))),W(this,Tn).observe(this.defaultSlot,{childList:!0})}static get observedAttributes(){return[mi.DISABLED,mi.HIDDEN,mi.STYLE,mi.ANCHOR,y.MEDIA_CONTROLLER]}static formatMenuItemText(e){return e}enable(){this.addEventListener("click",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this),this.addEventListener("invoke",this),this.addEventListener("toggle",this)}disable(){this.removeEventListener("click",this),this.removeEventListener("focusout",this),this.removeEventListener("keyup",this),this.removeEventListener("invoke",this),this.removeEventListener("toggle",this)}handleEvent(e){switch(e.type){case"slotchange":V(this,ml,fm).call(this,e);break;case"invoke":V(this,pl,bm).call(this,e);break;case"click":V(this,bl,_m).call(this,e);break;case"toggle":V(this,El,ym).call(this,e);break;case"focusout":V(this,gl,km).call(this,e);break;case"keydown":V(this,_l,Sm).call(this,e);break}}connectedCallback(){var e,t;V(this,kn,hl).call(this),this.hasAttribute("disabled")||this.enable(),this.role||(this.role="menu"),It(this,et,Xr(this)),(t=(e=W(this,et))==null?void 0:e.associateElement)==null||t.call(e,this),this.hidden||(Me(qa(this),W(this,Ki)),Me(this,W(this,Yi)))}disconnectedCallback(){var e,t;Xe(qa(this),W(this,Ki)),Xe(this,W(this,Yi)),this.disable(),(t=(e=W(this,et))==null?void 0:e.unassociateElement)==null||t.call(e,this),It(this,et,null)}attributeChangedCallback(e,t,a){var r,n,o,d;e===mi.HIDDEN&&a!==t?(W(this,pi)||It(this,pi,!0),this.hidden?V(this,fl,gm).call(this):V(this,vl,Em).call(this),this.dispatchEvent(new An({oldState:this.hidden?"open":"closed",newState:this.hidden?"closed":"open",bubbles:!0}))):e===y.MEDIA_CONTROLLER?(t&&((n=(r=W(this,et))==null?void 0:r.unassociateElement)==null||n.call(r,this),It(this,et,null)),a&&this.isConnected&&(It(this,et,Xr(this)),(d=(o=W(this,et))==null?void 0:o.associateElement)==null||d.call(o,this))):e===mi.DISABLED&&a!==t?a==null?this.enable():this.disable():e===mi.STYLE&&a!==t&&V(this,kn,hl).call(this)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}get anchor(){return this.getAttribute("anchor")}set anchor(e){this.setAttribute("anchor",`${e}`)}get anchorElement(){var e;return this.anchor?(e=ni(this))==null?void 0:e.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:!0}).filter(Af)}get radioGroupItems(){return this.items.filter(e=>e.role==="menuitemradio")}get checkedItems(){return this.items.filter(e=>e.checked)}get value(){var e,t;return(t=(e=this.checkedItems[0])==null?void 0:e.value)!=null?t:""}set value(e){let t=this.items.find(a=>a.value===e);t&&V(this,Sn,yl).call(this,t)}focus(){if(It(this,hi,ri()),this.items.length){V(this,Ga,Ln).call(this,this.items[0]),this.items[0].focus();return}let e=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');e==null||e.focus()}handleSelect(e){var t;let a=V(this,Ya,Mn).call(this,e);a&&(V(this,Sn,yl).call(this,a,a.type==="checkbox"),W(this,Ft)&&!this.hidden&&((t=W(this,hi))==null||t.focus(),this.hidden=!0))}get keysUsed(){return["Enter","Escape","Tab"," ","ArrowDown","ArrowUp","Home","End"]}handleMove(e){var t,a;let{key:r}=e,n=this.items,o=(a=(t=V(this,Ya,Mn).call(this,e))!=null?t:V(this,Al,Im).call(this))!=null?a:n[0],d=n.indexOf(o),u=Math.max(0,d);r==="ArrowDown"?u++:r==="ArrowUp"?u--:e.key==="Home"?u=0:e.key==="End"&&(u=n.length-1),u<0&&(u=n.length-1),u>n.length-1&&(u=0),V(this,Ga,Ln).call(this,n[u]),n[u].focus()}};et=new WeakMap;hi=new WeakMap;Ft=new WeakMap;pm=new WeakMap;vm=new WeakMap;yn=new WeakMap;Tn=new WeakMap;pi=new WeakMap;ml=new WeakSet;fm=function(i){let e=i.target;for(let t of e.assignedNodes({flatten:!0}))t.nodeType===3&&t.textContent.trim()===""&&t.remove();if(["header","title"].includes(e.name)){let t=this.shadowRoot.querySelector('slot[name="header"]');t.hidden=e.assignedNodes().length===0}e.name||W(this,In).call(this)};In=new WeakMap;kn=new WeakSet;hl=function(){var i;let e=this.shadowRoot.querySelector("#layout-row"),t=(i=getComputedStyle(this).getPropertyValue("--media-menu-layout"))==null?void 0:i.trim();e.setAttribute("media",t==="row"?"":"width:0")};pl=new WeakSet;bm=function(i){It(this,Ft,i.relatedTarget),oe(this,i.relatedTarget)||(this.hidden=!this.hidden)};vl=new WeakSet;Em=function(){var i;(i=W(this,Ft))==null||i.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>V(this,vi,Gi).call(this,!1)),this.addEventListener("transitionend",()=>this.focus(),{once:!0}),Me(qa(this),W(this,Ki)),Me(this,W(this,Yi))};fl=new WeakSet;gm=function(){var i;(i=W(this,Ft))==null||i.setAttribute("aria-expanded","false"),Xe(qa(this),W(this,Ki)),Xe(this,W(this,Yi))};Ki=new WeakMap;Yi=new WeakMap;vi=new WeakSet;Gi=function(i,e){if(this.hasAttribute("mediacontroller")&&!this.anchor||this.hidden||!this.anchorElement)return;let{x:t,y:a}=mm({anchor:this.anchorElement,floating:this,placement:"top-start"});e!=null||(e=this.offsetWidth);let n=qa(this).getBoundingClientRect(),o=this.anchorElement.getBoundingClientRect(),d=n.width-t-e,u=n.height-a-this.offsetHeight,m=n.height-o.height,{style:f}=N(this.shadowRoot,":host");i||f.setProperty("--media-menu-transition-in","none"),f.setProperty("position","absolute"),f.setProperty("right",`${Math.max(0,d)}px`),f.setProperty("bottom",`${u}px`),f.setProperty("--_menu-max-height",`${m}px`),f.removeProperty("--media-menu-transition-in")};Cn=new WeakSet;kl=function(i){let e=this.querySelector('[role="menuitem"][aria-haspopup][aria-expanded="true"]'),t=e==null?void 0:e.querySelector('[role="menu"]'),{style:a}=N(this.shadowRoot,":host");if(i||a.setProperty("--media-menu-transition-in","none"),t){let r=t.offsetHeight,n=Math.max(t.offsetWidth,e.offsetWidth);this.style.setProperty("min-width",`${n}px`),this.style.setProperty("min-height",`${r}px`),V(this,vi,Gi).call(this,i,n)}else this.style.removeProperty("min-width"),this.style.removeProperty("min-height"),V(this,vi,Gi).call(this,i);a.removeProperty("--media-menu-transition-in")};bl=new WeakSet;_m=function(i){var e;if(i.stopPropagation(),i.composedPath().includes(W(this,Sl,Am))){(e=W(this,hi))==null||e.focus(),this.hidden=!0;return}let t=V(this,Ya,Mn).call(this,i);!t||t.hasAttribute("disabled")||(V(this,Ga,Ln).call(this,t),this.handleSelect(i))};Sl=new WeakSet;Am=function(){var i;return(i=this.shadowRoot.querySelector('slot[name="header"]').assignedElements({flatten:!0}))==null?void 0:i.find(t=>t.part.contains("back")&&t.part.contains("button"))};El=new WeakSet;ym=function(i){if(i.target===this)return;V(this,Il,Tm).call(this);let e=Array.from(this.querySelectorAll('[role="menuitem"][aria-haspopup]'));for(let t of e)t.invokeTargetElement!=i.target&&i.newState=="open"&&t.getAttribute("aria-expanded")=="true"&&!t.invokeTargetElement.hidden&&t.invokeTargetElement.dispatchEvent(new $t({relatedTarget:t}));for(let t of e)t.setAttribute("aria-expanded",`${!t.submenuElement.hidden}`);V(this,Cn,kl).call(this,!0)};Il=new WeakSet;Tm=function(){let i='[role="menuitem"] > [role="menu"]:not([hidden])',e=this.querySelector(i);this.container.classList.toggle("has-expanded",!!e)};gl=new WeakSet;km=function(i){var e;oe(this,i.relatedTarget)||(W(this,pi)&&((e=W(this,hi))==null||e.focus()),W(this,Ft)&&W(this,Ft)!==i.relatedTarget&&!this.hidden&&(this.hidden=!0))};_l=new WeakSet;Sm=function(i){var e,t,a,r,n;let{key:o,ctrlKey:d,altKey:u,metaKey:m}=i;if(!(d||u||m)&&this.keysUsed.includes(o))if(i.preventDefault(),i.stopPropagation(),o==="Tab"){if(W(this,pi)){this.hidden=!0;return}i.shiftKey?(t=(e=this.previousElementSibling)==null?void 0:e.focus)==null||t.call(e):(r=(a=this.nextElementSibling)==null?void 0:a.focus)==null||r.call(a),this.blur()}else o==="Escape"?((n=W(this,hi))==null||n.focus(),W(this,pi)&&(this.hidden=!0)):o==="Enter"||o===" "?this.handleSelect(i):this.handleMove(i)};Ya=new WeakSet;Mn=function(i){return i.composedPath().find(e=>["menuitemradio","menuitemcheckbox"].includes(e.role))};Al=new WeakSet;Im=function(){return this.items.find(i=>i.tabIndex===0)};Ga=new WeakSet;Ln=function(i){for(let e of this.items)e.tabIndex=e===i?0:-1};Sn=new WeakSet;yl=function(i,e){let t=[...this.checkedItems];i.type==="radio"&&this.radioGroupItems.forEach(a=>a.checked=!1),e?i.checked=!i.checked:i.checked=!0,this.checkedItems.some((a,r)=>a!=t[r])&&this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};_f(ue,"template",Cm);function Af(i){return["menuitem","menuitemradio","menuitemcheckbox"].includes(i==null?void 0:i.role)}function qa(i){var e;return(e=i.getAttribute("bounds")?Be(i,`#${i.getAttribute("bounds")}`):X(i)||i.parentElement)!=null?e:i}l.customElements.get("media-chrome-menu")||l.customElements.define("media-chrome-menu",ue);var Rl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Mm=(i,e,t)=>(Rl(i,e,"read from private field"),t?t.call(i):e.get(i)),wn=(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)},Cl=(i,e,t,a)=>(Rl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Rn=(i,e,t)=>(Rl(i,e,"access private method"),t),Za,On,xn,Ml,Dn,Ll,wl=class extends ue{constructor(){super(...arguments),wn(this,xn),wn(this,Dn),wn(this,Za,[]),wn(this,On,void 0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_AUDIO_TRACK_LIST,s.MEDIA_AUDIO_TRACK_ENABLED,s.MEDIA_AUDIO_TRACK_UNAVAILABLE]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_AUDIO_TRACK_ENABLED&&t!==a?this.value=a:e===s.MEDIA_AUDIO_TRACK_LIST&&t!==a&&(Cl(this,Za,Yr(a)),Rn(this,xn,Ml).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Rn(this,Dn,Ll))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Rn(this,Dn,Ll))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:X(this).querySelector("media-audio-track-menu-button")}get mediaAudioTrackList(){return Mm(this,Za)}set mediaAudioTrackList(e){Cl(this,Za,e),Rn(this,xn,Ml).call(this)}get mediaAudioTrackEnabled(){return I(this,s.MEDIA_AUDIO_TRACK_ENABLED)}set mediaAudioTrackEnabled(e){k(this,s.MEDIA_AUDIO_TRACK_ENABLED,e)}};Za=new WeakMap;On=new WeakMap;xn=new WeakSet;Ml=function(){if(Mm(this,On)===JSON.stringify(this.mediaAudioTrackList))return;Cl(this,On,JSON.stringify(this.mediaAudioTrackList));let i=this.mediaAudioTrackList;this.defaultSlot.textContent="";for(let e of i){let t=this.formatMenuItemText(e.label,e),a=tt({type:"radio",text:t,value:`${e.id}`,checked:e.enabled});a.prepend($e(this,"checked-indicator")),this.defaultSlot.append(a)}};Dn=new WeakSet;Ll=function(){if(this.value==null)return;let i=new l.CustomEvent(h.MEDIA_AUDIO_TRACK_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};l.customElements.get("media-audio-track-menu")||l.customElements.define("media-audio-track-menu",wl);var Te=class extends P{connectedCallback(){super.connectedCallback(),this.invokeTargetElement&&this.setAttribute("aria-haspopup","menu")}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?(e=ni(this))==null?void 0:e.querySelector(`#${this.invokeTarget}`):null}handleClick(){this.invokeTargetElement.dispatchEvent(new $t({relatedTarget:this}))}};l.customElements.get("media-chrome-menu-button")||l.customElements.define("media-chrome-menu-button",Te);var yf=`<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>`,Lm=c.createElement("template");Lm.innerHTML=`
-  <slot name="icon">${yf}</slot>
-`;var xl=class extends Te{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_AUDIO_TRACK_ENABLED,s.MEDIA_AUDIO_TRACK_UNAVAILABLE]}constructor(){super({slotTemplate:Lm})}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",K.AUDIO_TRACKS())}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:X(this).querySelector("media-audio-track-menu")}get mediaAudioTrackEnabled(){return I(this,s.MEDIA_AUDIO_TRACK_ENABLED)}set mediaAudioTrackEnabled(e){k(this,s.MEDIA_AUDIO_TRACK_ENABLED,e)}};l.customElements.get("media-audio-track-menu-button")||l.customElements.define("media-audio-track-menu-button",xl);var Tf=`<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>`,kf=`<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"/>
-</svg>`,Dm=c.createElement("template");Dm.innerHTML=`
+<slot name="tooltip">
+  <media-tooltip>
+    <slot name="tooltip-content"></slot>
+  </media-tooltip>
+</slot>
+`;var W=class extends d.HTMLElement{constructor(e={}){var t;if(super(),Gr(this,$e,void 0),this.preventClick=!1,this.tooltipEl=null,this.tooltipContent="",Gr(this,ki,a=>{this.preventClick||this.handleClick(a),setTimeout(this.tooltipEl.updateXOffset,0)}),Gr(this,Si,a=>{let{key:r}=a;if(!this.keysUsed.includes(r)){this.removeEventListener("keyup",ve(this,Si));return}this.preventClick||this.handleClick(a)}),Gr(this,Qr,a=>{let{metaKey:r,altKey:n,key:s}=a;if(r||n||!this.keysUsed.includes(s)){this.removeEventListener("keyup",ve(this,Si));return}this.addEventListener("keyup",ve(this,Si),{once:!0})}),!this.shadowRoot){this.attachShadow({mode:"open"});let a=bu.content.cloneNode(!0);this.nativeEl=a;let r=e.slotTemplate;r||(r=m.createElement("template"),r.innerHTML=`<slot>${e.defaultContent||""}</slot>`),e.tooltipContent&&(a.querySelector('slot[name="tooltip-content"]').innerHTML=(t=e.tooltipContent)!=null?t:"",this.tooltipContent=e.tooltipContent),this.nativeEl.appendChild(r.content.cloneNode(!0)),this.shadowRoot.appendChild(a),this.tooltipEl=this.shadowRoot.querySelector("media-tooltip")}}static get observedAttributes(){return["disabled",Zr.TOOLTIP_PLACEMENT,k.MEDIA_CONTROLLER]}enable(){this.addEventListener("click",ve(this,ki)),this.addEventListener("keydown",ve(this,Qr)),this.tabIndex=0}disable(){this.removeEventListener("click",ve(this,ki)),this.removeEventListener("keydown",ve(this,Qr)),this.removeEventListener("keyup",ve(this,Si)),this.tabIndex=-1}attributeChangedCallback(e,t,a){var r,n,s,l,u,c,f;e===k.MEDIA_CONTROLLER?(t&&((n=(r=ve(this,$e))==null?void 0:r.unassociateElement)==null||n.call(r,this),qr(this,$e,null)),a&&this.isConnected&&(qr(this,$e,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(l=ve(this,$e))==null?void 0:l.associateElement)==null||u.call(l,this))):e==="disabled"&&a!==t?a==null?this.enable():this.disable():e===Zr.TOOLTIP_PLACEMENT&&this.tooltipEl&&a!==t&&(this.tooltipEl.placement=a),this.tooltipEl&&((f=(c=this.tooltipEl)==null?void 0:c.updateXOffset)==null||f.call(c))}connectedCallback(){var e,t,a;let{style:r}=N(this.shadowRoot,":host");r.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","button");let n=this.getAttribute(k.MEDIA_CONTROLLER);n&&(qr(this,$e,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(a=(t=ve(this,$e))==null?void 0:t.associateElement)==null||a.call(t,this)),d.customElements.whenDefined("media-tooltip").then(this.setupTooltip.bind(this))}disconnectedCallback(){var e,t,a,r;this.disable(),(t=(e=ve(this,$e))==null?void 0:e.unassociateElement)==null||t.call(e,this),qr(this,$e,null),this.removeEventListener("mouseenter",(a=this.tooltipEl)==null?void 0:a.updateXOffset),this.removeEventListener("focus",(r=this.tooltipEl)==null?void 0:r.updateXOffset),this.removeEventListener("click",ve(this,ki)),this.tooltipEl=null}get keysUsed(){return["Enter"," "]}get tooltipPlacement(){return R(this,Zr.TOOLTIP_PLACEMENT)}set tooltipPlacement(e){M(this,Zr.TOOLTIP_PLACEMENT,e)}handleClick(e){}setupTooltip(){this.addEventListener("mouseenter",this.tooltipEl.updateXOffset),this.addEventListener("focus",this.tooltipEl.updateXOffset),this.addEventListener("click",ve(this,ki));let e=this.tooltipPlacement;e&&(this.tooltipEl.placement=e)}};$e=new WeakMap;ki=new WeakMap;Si=new WeakMap;Qr=new WeakMap;d.customElements.get("media-chrome-button")||d.customElements.define("media-chrome-button",W);var Eu=`<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>
+`,_u=m.createElement("template");_u.innerHTML=`
   <style>
-    :host([aria-checked="true"]) slot[name=off] {
+    :host([${o.MEDIA_IS_AIRPLAYING}]) slot[name=icon] slot:not([name=exit]) {
       display: none !important;
     }
 
     
-    :host(:not([aria-checked="true"])) slot[name=on] {
+    :host(:not([${o.MEDIA_IS_AIRPLAYING}])) slot[name=icon] slot:not([name=enter]) {
       display: none !important;
     }
+
+    :host([${o.MEDIA_IS_AIRPLAYING}]) slot[name=tooltip-enter],
+    :host(:not([${o.MEDIA_IS_AIRPLAYING}])) slot[name=tooltip-exit] {
+      display: none;
+    }
   </style>
 
   <slot name="icon">
-    <slot name="on">${Tf}</slot>
-    <slot name="off">${kf}</slot>
+    <slot name="enter">${Eu}</slot>
+    <slot name="exit">${Eu}</slot>
   </slot>
-`;var wm=i=>{i.setAttribute("aria-checked",on(i))},Dl=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_SUBTITLES_LIST,s.MEDIA_SUBTITLES_SHOWING]}constructor(e={}){super({slotTemplate:Dm,...e}),this._captionsReady=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",K.CLOSED_CAPTIONS()),wm(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_SUBTITLES_SHOWING&&wm(this)}get mediaSubtitlesList(){return Rm(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){xm(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Rm(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){xm(this,s.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new l.CustomEvent(h.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}},Rm=(i,e)=>{let t=i.getAttribute(e);return t?kt(t):[]},xm=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=He(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};l.customElements.get("media-captions-button")||l.customElements.define("media-captions-button",Dl);var Sf=Object.defineProperty,If=(i,e,t)=>e in i?Sf(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Cf=(i,e,t)=>(If(i,typeof e!="symbol"?e+"":e,t),t),Bl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Mf=(i,e,t)=>(Bl(i,e,"read from private field"),t?t.call(i):e.get(i)),Ol=(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)},Lf=(i,e,t,a)=>(Bl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Pl=(i,e,t)=>(Bl(i,e,"access private method"),t),Nn,Nl,Nm,Pn,Ul,wf=`
-  <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>`,Um=c.createElement("template");Um.innerHTML=ue.template.innerHTML+`
-  <slot name="captions-indicator" hidden>${wf}</slot>`;var Un=class extends ue{constructor(){super(...arguments),Ol(this,Nl),Ol(this,Pn),Ol(this,Nn,void 0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_SUBTITLES_LIST,s.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_SUBTITLES_LIST&&t!==a?Pl(this,Nl,Nm).call(this):e===s.MEDIA_SUBTITLES_SHOWING&&t!==a&&(this.value=a)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Pl(this,Pn,Ul))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Pl(this,Pn,Ul))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:X(this).querySelector("media-captions-menu-button")}get mediaSubtitlesList(){return Om(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Pm(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Om(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Pm(this,s.MEDIA_SUBTITLES_SHOWING,e)}};Nn=new WeakMap;Nl=new WeakSet;Nm=function(){var i;if(Mf(this,Nn)===JSON.stringify(this.mediaSubtitlesList))return;Lf(this,Nn,JSON.stringify(this.mediaSubtitlesList)),this.defaultSlot.textContent="";let e=!this.value,t=tt({type:"radio",text:this.formatMenuItemText("Off"),value:"off",checked:e});t.prepend($e(this,"checked-indicator")),this.defaultSlot.append(t);let a=this.mediaSubtitlesList;for(let r of a){let n=tt({type:"radio",text:this.formatMenuItemText(r.label,r),value:li(r),checked:this.value==li(r)});n.prepend($e(this,"checked-indicator")),((i=r.kind)!=null?i:"subs")==="captions"&&n.append($e(this,"captions-indicator")),this.defaultSlot.append(n)}};Pn=new WeakSet;Ul=function(){let i=this.mediaSubtitlesShowing,e=this.getAttribute(s.MEDIA_SUBTITLES_SHOWING),t=this.value!==e;if(i!=null&&i.length&&t&&this.dispatchEvent(new l.CustomEvent(h.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:i})),!this.value||!t)return;let a=new l.CustomEvent(h.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(a)};Cf(Un,"template",Um);var Om=(i,e)=>{let t=i.getAttribute(e);return t?kt(t):[]},Pm=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=He(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};l.customElements.get("media-captions-menu")||l.customElements.define("media-captions-menu",Un);var Rf=`<svg aria-hidden="true" viewBox="0 0 26 24">
+`;var Xh=`
+  <slot name="tooltip-enter">${I.ENTER_AIRPLAY}</slot>
+  <slot name="tooltip-exit">${I.EXIT_AIRPLAY}</slot>
+`,gu=i=>{let e=i.mediaIsAirplaying?K.EXIT_AIRPLAY():K.ENTER_AIRPLAY();i.setAttribute("aria-label",e)},os=class extends W{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_AIRPLAYING,o.MEDIA_AIRPLAY_UNAVAILABLE]}constructor(e={}){super({slotTemplate:_u,tooltipContent:Xh,...e})}connectedCallback(){super.connectedCallback(),gu(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_IS_AIRPLAYING&&gu(this)}get mediaIsAirplaying(){return H(this,o.MEDIA_IS_AIRPLAYING)}set mediaIsAirplaying(e){U(this,o.MEDIA_IS_AIRPLAYING,e)}get mediaAirplayUnavailable(){return R(this,o.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){M(this,o.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new d.CustomEvent(v.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};d.customElements.get("media-airplay-button")||d.customElements.define("media-airplay-button",os);var Jh=`<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>`,xf=`<svg aria-hidden="true" viewBox="0 0 26 24">
+</svg>`,jh=`<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"/>
-</svg>`,$m=c.createElement("template");$m.innerHTML=`
+</svg>`,ku=m.createElement("template");ku.innerHTML=`
   <style>
     :host([aria-checked="true"]) slot[name=off] {
       display: none !important;
@@ -415,29 +253,45 @@
     :host(:not([aria-checked="true"])) slot[name=on] {
       display: none !important;
     }
+
+    :host([aria-checked="true"]) slot[name=tooltip-enable],
+    :host(:not([aria-checked="true"])) slot[name=tooltip-disable] {
+      display: none;
+    }
   </style>
 
   <slot name="icon">
-    <slot name="on">${Rf}</slot>
-    <slot name="off">${xf}</slot>
+    <slot name="on">${Jh}</slot>
+    <slot name="off">${jh}</slot>
   </slot>
-`;var Bm=i=>{i.setAttribute("aria-checked",on(i))},Wl=class extends Te{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_SUBTITLES_LIST,s.MEDIA_SUBTITLES_SHOWING]}constructor(e={}){super({slotTemplate:$m,...e}),this._captionsReady=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",K.CLOSED_CAPTIONS()),Bm(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_SUBTITLES_SHOWING&&Bm(this)}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:X(this).querySelector("media-captions-menu")}get mediaSubtitlesList(){return Wm(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Hm(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Wm(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Hm(this,s.MEDIA_SUBTITLES_SHOWING,e)}},Wm=(i,e)=>{let t=i.getAttribute(e);return t?kt(t):[]},Hm=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=He(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};l.customElements.get("media-captions-menu-button")||l.customElements.define("media-captions-menu-button",Wl);var Df='<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>',Of='<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>',Vm=c.createElement("template");Vm.innerHTML=`
+`;var ep=`
+  <slot name="tooltip-enable">${I.ENABLE_CAPTIONS}</slot>
+  <slot name="tooltip-disable">${I.DISABLE_CAPTIONS}</slot>
+`,Au=i=>{i.setAttribute("aria-checked",Ur(i).toString())},ss=class extends W{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}constructor(e={}){super({slotTemplate:ku,tooltipContent:ep,...e}),this._captionsReady=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",V.CLOSED_CAPTIONS()),Au(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_SUBTITLES_SHOWING&&Au(this)}get mediaSubtitlesList(){return yu(this,o.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Tu(this,o.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return yu(this,o.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Tu(this,o.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new d.CustomEvent(v.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}},yu=(i,e)=>{let t=i.getAttribute(e);return t?Vt(t):[]},Tu=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=dt(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};d.customElements.get("media-captions-button")||d.customElements.define("media-captions-button",ss);var tp='<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>',ip='<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>',Iu=m.createElement("template");Iu.innerHTML=`
   <style>
-  :host([${s.MEDIA_IS_CASTING}]) slot:not([name=exit]):not([name=icon]) {
+  :host([${o.MEDIA_IS_CASTING}]) slot[name=icon] slot:not([name=exit]) {
     display: none !important;
   }
 
   
-  :host(:not([${s.MEDIA_IS_CASTING}])) slot:not([name=enter]):not([name=icon]) {
+  :host(:not([${o.MEDIA_IS_CASTING}])) slot[name=icon] slot:not([name=enter]) {
     display: none !important;
   }
+
+  :host([${o.MEDIA_IS_CASTING}]) slot[name=tooltip-enter],
+    :host(:not([${o.MEDIA_IS_CASTING}])) slot[name=tooltip-exit] {
+      display: none;
+    }
   </style>
 
   <slot name="icon">
-    <slot name="enter">${Df}</slot>
-    <slot name="exit">${Of}</slot>
+    <slot name="enter">${tp}</slot>
+    <slot name="exit">${ip}</slot>
   </slot>
-`;var Fm=i=>{let e=i.mediaIsCasting?Y.EXIT_CAST():Y.ENTER_CAST();i.setAttribute("aria-label",e)},Hl=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_CASTING,s.MEDIA_CAST_UNAVAILABLE]}constructor(e={}){super({slotTemplate:Vm,...e})}connectedCallback(){super.connectedCallback(),Fm(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_IS_CASTING&&Fm(this)}get mediaIsCasting(){return H(this,s.MEDIA_IS_CASTING)}set mediaIsCasting(e){B(this,s.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return I(this,s.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){k(this,s.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?h.MEDIA_EXIT_CAST_REQUEST:h.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",Hl);var Pf=Object.defineProperty,Nf=(i,e,t)=>e in i?Pf(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Uf=(i,e,t)=>(Nf(i,typeof e!="symbol"?e+"":e,t),t),ql=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},qi=(i,e,t)=>(ql(i,e,"read from private field"),t?t.call(i):e.get(i)),fi=(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)},Km=(i,e,t,a)=>(ql(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Qa=(i,e,t)=>(ql(i,e,"access private method"),t),za,bi,Fl,Ym,Vl,Gm,Kl,qm,Yl,Zm,Gl,Qm,zm=c.createElement("template");zm.innerHTML=`
+`;var ap=`
+  <slot name="tooltip-enter">${I.START_CAST}</slot>
+  <slot name="tooltip-exit">${I.STOP_CAST}</slot>
+`,Su=i=>{let e=i.mediaIsCasting?K.EXIT_CAST():K.ENTER_CAST();i.setAttribute("aria-label",e)},ls=class extends W{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_CASTING,o.MEDIA_CAST_UNAVAILABLE]}constructor(e={}){super({slotTemplate:Iu,tooltipContent:ap,...e})}connectedCallback(){super.connectedCallback(),Su(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_IS_CASTING&&Su(this)}get mediaIsCasting(){return H(this,o.MEDIA_IS_CASTING)}set mediaIsCasting(e){U(this,o.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return R(this,o.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){M(this,o.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?v.MEDIA_EXIT_CAST_REQUEST:v.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new d.CustomEvent(e,{composed:!0,bubbles:!0}))}};d.customElements.get("media-cast-button")||d.customElements.define("media-cast-button",ls);var vs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ii=(i,e,t)=>(vs(i,e,"read from private field"),t?t.call(i):e.get(i)),qt=(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)},Cu=(i,e,t,a)=>(vs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ma=(i,e,t)=>(vs(i,e,"access private method"),t),wa,Zt,us,Mu,cs,wu,ms,Lu,hs,Ru,ps,xu,Du=m.createElement("template");Du.innerHTML=`
   <style>
     :host {
       font: var(--media-font,
@@ -474,168 +328,52 @@
     }
   </style>
   <slot></slot>
-`;var $l={HIDDEN:"hidden",ANCHOR:"anchor"},Bn=class extends l.HTMLElement{constructor(){super(),fi(this,Fl),fi(this,Vl),fi(this,Kl),fi(this,Yl),fi(this,Gl),fi(this,za,void 0),fi(this,bi,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.nativeEl=this.constructor.template.content.cloneNode(!0),this.shadowRoot.append(this.nativeEl)),this.addEventListener("invoke",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this)}static get observedAttributes(){return[$l.HIDDEN,$l.ANCHOR]}handleEvent(e){switch(e.type){case"invoke":Qa(this,Kl,qm).call(this,e);break;case"focusout":Qa(this,Yl,Zm).call(this,e);break;case"keydown":Qa(this,Gl,Qm).call(this,e);break}}connectedCallback(){this.role||(this.role="dialog")}attributeChangedCallback(e,t,a){e===$l.HIDDEN&&a!==t&&(this.hidden?Qa(this,Vl,Gm).call(this):Qa(this,Fl,Ym).call(this))}focus(){Km(this,za,ri());let e=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');e==null||e.focus()}get keysUsed(){return["Escape","Tab"]}};za=new WeakMap;bi=new WeakMap;Fl=new WeakSet;Ym=function(){var i;(i=qi(this,bi))==null||i.setAttribute("aria-expanded","true"),this.addEventListener("transitionend",()=>this.focus(),{once:!0})};Vl=new WeakSet;Gm=function(){var i;(i=qi(this,bi))==null||i.setAttribute("aria-expanded","false")};Kl=new WeakSet;qm=function(i){Km(this,bi,i.relatedTarget),oe(this,i.relatedTarget)||(this.hidden=!this.hidden)};Yl=new WeakSet;Zm=function(i){var e;oe(this,i.relatedTarget)||((e=qi(this,za))==null||e.focus(),qi(this,bi)&&qi(this,bi)!==i.relatedTarget&&!this.hidden&&(this.hidden=!0))};Gl=new WeakSet;Qm=function(i){var e,t,a,r,n;let{key:o,ctrlKey:d,altKey:u,metaKey:m}=i;d||u||m||this.keysUsed.includes(o)&&(i.preventDefault(),i.stopPropagation(),o==="Tab"?(i.shiftKey?(t=(e=this.previousElementSibling)==null?void 0:e.focus)==null||t.call(e):(r=(a=this.nextElementSibling)==null?void 0:a.focus)==null||r.call(a),this.blur()):o==="Escape"&&((n=qi(this,za))==null||n.focus(),this.hidden=!0))};Uf(Bn,"template",zm);l.customElements.get("media-chrome-dialog")||l.customElements.define("media-chrome-dialog",Bn);var Bf=Object.defineProperty,Wf=(i,e,t)=>e in i?Bf(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Hf=(i,e,t)=>(Wf(i,typeof e!="symbol"?e+"":e,t),t),jl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},at=(i,e,t)=>(jl(i,e,"read from private field"),t?t.call(i):e.get(i)),Ct=(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)},Zl=(i,e,t,a)=>(jl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),it=(i,e,t)=>(jl(i,e,"access private method"),t),Wn,Ja,Ql,Xm,ed,Jm,td,jm,rt,Zi,ja,zl,eh,Hn,Xl,th=c.createElement("template");th.innerHTML=`
+`;var ds={HIDDEN:"hidden",ANCHOR:"anchor"},zr=class extends d.HTMLElement{constructor(){super(),qt(this,us),qt(this,cs),qt(this,ms),qt(this,hs),qt(this,ps),qt(this,wa,null),qt(this,Zt,null),this.shadowRoot||(this.attachShadow({mode:"open"}),this.nativeEl=this.constructor.template.content.cloneNode(!0),this.shadowRoot.append(this.nativeEl)),this.addEventListener("invoke",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this)}static get observedAttributes(){return[ds.HIDDEN,ds.ANCHOR]}handleEvent(e){switch(e.type){case"invoke":Ma(this,ms,Lu).call(this,e);break;case"focusout":Ma(this,hs,Ru).call(this,e);break;case"keydown":Ma(this,ps,xu).call(this,e);break}}connectedCallback(){this.role||(this.role="dialog")}attributeChangedCallback(e,t,a){e===ds.HIDDEN&&a!==t&&(this.hidden?Ma(this,cs,wu).call(this):Ma(this,us,Mu).call(this))}focus(){Cu(this,wa,fa());let e=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');e==null||e.focus()}get keysUsed(){return["Escape","Tab"]}};wa=new WeakMap;Zt=new WeakMap;us=new WeakSet;Mu=function(){var i;(i=Ii(this,Zt))==null||i.setAttribute("aria-expanded","true"),this.addEventListener("transitionend",()=>this.focus(),{once:!0})};cs=new WeakSet;wu=function(){var i;(i=Ii(this,Zt))==null||i.setAttribute("aria-expanded","false")};ms=new WeakSet;Lu=function(i){Cu(this,Zt,i.relatedTarget),ue(this,i.relatedTarget)||(this.hidden=!this.hidden)};hs=new WeakSet;Ru=function(i){var e;ue(this,i.relatedTarget)||((e=Ii(this,wa))==null||e.focus(),Ii(this,Zt)&&Ii(this,Zt)!==i.relatedTarget&&!this.hidden&&(this.hidden=!0))};ps=new WeakSet;xu=function(i){var e,t,a,r,n;let{key:s,ctrlKey:l,altKey:u,metaKey:c}=i;l||u||c||this.keysUsed.includes(s)&&(i.preventDefault(),i.stopPropagation(),s==="Tab"?(i.shiftKey?(t=(e=this.previousElementSibling)==null?void 0:e.focus)==null||t.call(e):(r=(a=this.nextElementSibling)==null?void 0:a.focus)==null||r.call(a),this.blur()):s==="Escape"&&((n=Ii(this,wa))==null||n.focus(),this.hidden=!0))};zr.template=Du;d.customElements.get("media-chrome-dialog")||d.customElements.define("media-chrome-dialog",zr);var ys=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Q=(i,e,t)=>(ys(i,e,"read from private field"),t?t.call(i):e.get(i)),oe=(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)=>(ys(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Le=(i,e,t)=>(ys(i,e,"access private method"),t),We,sn,Xr,Jr,Re,nn,jr,en,tn,Ts,Pu,an,fs,rn,bs,on,ks,Es,Ou,gs,Nu,_s,Uu,As,Bu,Hu=m.createElement("template");Hu.innerHTML=`
   <style>
     :host {
-      transition: var(--media-menu-item-transition,
-        background .15s linear,
-        opacity .2s ease-in-out
-      );
-      outline: var(--media-menu-item-outline, 0);
-      outline-offset: var(--media-menu-item-outline-offset, -1px);
-      cursor: pointer;
-      display: flex;
+      --_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
+      --_media-range-padding: var(--media-range-padding, var(--media-control-padding, 10px));
+
+      box-shadow: var(--_focus-visible-box-shadow, none);
+      background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
+      height: calc(var(--media-control-height, 24px) + 2 * var(--_media-range-padding));
+      display: inline-flex;
       align-items: center;
-      align-self: stretch;
-      justify-self: stretch;
-      white-space: nowrap;
-      white-space-collapse: collapse;
-      text-wrap: nowrap;
-      padding: .4em .8em .4em 1em;
+      
+      vertical-align: middle;
+      box-sizing: border-box;
+      position: relative;
+      width: 100px;
+      transition: background .15s linear;
+      cursor: pointer;
+      pointer-events: auto;
+      touch-action: none; 
+      z-index: 1; 
     }
 
-    :host(:focus-visible) {
-      box-shadow: var(--media-menu-item-focus-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
-      outline: var(--media-menu-item-hover-outline, 0);
-      outline-offset: var(--media-menu-item-hover-outline-offset,  var(--media-menu-item-outline-offset, -1px));
+    
+    input[type=range]:focus {
+      outline: 0;
+    }
+    input[type=range]:focus::-webkit-slider-runnable-track {
+      outline: 0;
     }
 
     :host(:hover) {
-      cursor: pointer;
-      background: var(--media-menu-item-hover-background, rgb(92 92 102 / .5));
-      outline: var(--media-menu-item-hover-outline);
-      outline-offset: var(--media-menu-item-hover-outline-offset,  var(--media-menu-item-outline-offset, -1px));
+      background: var(--media-control-hover-background, rgb(50 50 70 / .7));
     }
 
-    :host([aria-checked="true"]) {
-      background: var(--media-menu-item-checked-background);
+    #leftgap {
+      padding-left: var(--media-range-padding-left, var(--_media-range-padding));
     }
 
-    :host([hidden]) {
-      display: none;
+    #rightgap {
+      padding-right: var(--media-range-padding-right, var(--_media-range-padding));
     }
 
-    :host([disabled]) {
-      pointer-events: none;
-      color: rgba(255, 255, 255, .3);
-    }
-
-    slot:not([name]) {
-      width: 100%;
-    }
-
-    slot:not([name="submenu"]) {
-      display: inline-flex;
-      align-items: center;
-      transition: inherit;
-      opacity: var(--media-menu-item-opacity, 1);
-    }
-
-    slot[name="description"] {
-      justify-content: end;
-    }
-
-    slot[name="description"] > span {
-      display: inline-block;
-      margin-inline: 1em .2em;
-      max-width: var(--media-menu-item-description-max-width, 100px);
-      text-overflow: ellipsis;
-      overflow: hidden;
-      font-size: .8em;
-      font-weight: 400;
-      text-align: right;
-      position: relative;
-      top: .04em;
-    }
-
-    slot[name="checked-indicator"] {
-      display: none;
-    }
-
-    :host(:is([role="menuitemradio"],[role="menuitemcheckbox"])) slot[name="checked-indicator"] {
-      display: var(--media-menu-item-checked-indicator-display, inline-block);
-    }
-
-    
-    svg, img, ::slotted(svg), ::slotted(img) {
-      height: var(--media-menu-item-icon-height, var(--media-control-height, 24px));
-      fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
-      display: block;
-    }
-
-    
-    [part~="indicator"],
-    ::slotted([part~="indicator"]) {
-      fill: var(--media-menu-item-indicator-fill,
-        var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))));
-      height: var(--media-menu-item-indicator-height, 1.25em);
-      margin-right: .5ch;
-    }
-
-    [part~="checked-indicator"] {
-      visibility: hidden;
-    }
-
-    :host([aria-checked="true"]) [part~="checked-indicator"] {
-      visibility: visible;
-    }
-  </style>
-  <slot name="checked-indicator">
-    <svg aria-hidden="true" viewBox="0 1 24 24" part="checked-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>
-  </slot>
-  <slot name="prefix"></slot>
-  <slot></slot>
-  <slot name="description"></slot>
-  <slot name="suffix"></slot>
-  <slot name="submenu"></slot>
-`;var Re={TYPE:"type",VALUE:"value",CHECKED:"checked",DISABLED:"disabled"},Ei=class extends l.HTMLElement{constructor(){super(),Ct(this,Ql),Ct(this,ed),Ct(this,td),Ct(this,Zi),Ct(this,zl),Ct(this,Hn),Ct(this,Wn,!1),Ct(this,Ja,void 0),Ct(this,rt,()=>{var e,t;this.setAttribute("submenusize",`${this.submenuElement.items.length}`);let a=this.shadowRoot.querySelector('slot[name="description"]'),r=(t=(e=this.submenuElement.checkedItems)==null?void 0:e[0])==null?void 0:t.text,n=c.createElement("span");n.textContent=r!=null?r:"",a.replaceChildren(n)}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.append(this.constructor.template.content.cloneNode(!0))),this.shadowRoot.addEventListener("slotchange",this)}static get observedAttributes(){return[Re.TYPE,Re.DISABLED,Re.CHECKED,Re.VALUE]}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),Xa(this)&&!this.hasAttribute("aria-checked")&&this.setAttribute("aria-checked","false"),this.addEventListener("click",this),this.addEventListener("keydown",this)}disable(){this.removeAttribute("tabindex"),this.removeEventListener("click",this),this.removeEventListener("keydown",this),this.removeEventListener("keyup",this)}handleEvent(e){switch(e.type){case"slotchange":it(this,Ql,Xm).call(this,e);break;case"click":this.handleClick(e);break;case"keydown":it(this,zl,eh).call(this,e);break;case"keyup":it(this,Zi,ja).call(this,e);break}}attributeChangedCallback(e,t,a){e===Re.CHECKED&&Xa(this)&&!at(this,Wn)?this.setAttribute("aria-checked",a!=null?"true":"false"):e===Re.TYPE&&a!==t?this.role="menuitem"+a:e===Re.DISABLED&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){this.hasAttribute(Re.DISABLED)||this.enable(),this.role="menuitem"+this.type,Zl(this,Ja,Jl(this,this.parentNode)),it(this,Hn,Xl).call(this)}disconnectedCallback(){this.disable(),it(this,Hn,Xl).call(this),Zl(this,Ja,null)}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?(e=ni(this))==null?void 0:e.querySelector(`#${this.invokeTarget}`):this.submenuElement}get submenuElement(){return this.shadowRoot.querySelector('slot[name="submenu"]').assignedElements({flatten:!0})[0]}get type(){var e;return(e=this.getAttribute(Re.TYPE))!=null?e:""}set type(e){this.setAttribute(Re.TYPE,`${e}`)}get value(){var e;return(e=this.getAttribute(Re.VALUE))!=null?e:this.text}set value(e){this.setAttribute(Re.VALUE,e)}get text(){var e;return((e=this.textContent)!=null?e:"").trim()}get checked(){if(Xa(this))return this.getAttribute("aria-checked")==="true"}set checked(e){Xa(this)&&(Zl(this,Wn,!0),this.setAttribute("aria-checked",e?"true":"false"),e?this.part.add("checked"):this.part.remove("checked"))}handleClick(e){Xa(this)||this.invokeTargetElement&&oe(this,e.target)&&this.invokeTargetElement.dispatchEvent(new $t({relatedTarget:this}))}get keysUsed(){return["Enter"," "]}};Wn=new WeakMap;Ja=new WeakMap;Ql=new WeakSet;Xm=function(i){let e=i.target;if(!(e!=null&&e.name))for(let a of e.assignedNodes({flatten:!0}))a instanceof Text&&a.textContent.trim()===""&&a.remove();e.name==="submenu"&&(this.submenuElement?it(this,ed,Jm).call(this):it(this,td,jm).call(this))};ed=new WeakSet;Jm=async function(){this.setAttribute("aria-haspopup","menu"),this.setAttribute("aria-expanded",`${!this.submenuElement.hidden}`),this.submenuElement.addEventListener("change",at(this,rt)),this.submenuElement.addEventListener("addmenuitem",at(this,rt)),this.submenuElement.addEventListener("removemenuitem",at(this,rt)),at(this,rt).call(this)};td=new WeakSet;jm=function(){this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.submenuElement.removeEventListener("change",at(this,rt)),this.submenuElement.removeEventListener("addmenuitem",at(this,rt)),this.submenuElement.removeEventListener("removemenuitem",at(this,rt)),at(this,rt).call(this)};rt=new WeakMap;Zi=new WeakSet;ja=function(i){let{key:e}=i;if(!this.keysUsed.includes(e)){this.removeEventListener("keyup",it(this,Zi,ja));return}this.handleClick(i)};zl=new WeakSet;eh=function(i){let{metaKey:e,altKey:t,key:a}=i;if(e||t||!this.keysUsed.includes(a)){this.removeEventListener("keyup",it(this,Zi,ja));return}this.addEventListener("keyup",it(this,Zi,ja),{once:!0})};Hn=new WeakSet;Xl=function(){var i;let e=(i=at(this,Ja))==null?void 0:i.radioGroupItems;if(!e)return;let t=e.filter(a=>a.getAttribute("aria-checked")==="true").pop();t||(t=e[0]);for(let a of e)a.setAttribute("aria-checked","false");t==null||t.setAttribute("aria-checked","true")};Hf(Ei,"template",th);function Xa(i){return i.type==="radio"||i.type==="checkbox"}function Jl(i,e){if(!i)return null;let{host:t}=i.getRootNode();return!e&&t?Jl(i,t):e!=null&&e.items?e:Jl(e,e==null?void 0:e.parentNode)}l.customElements.get("media-chrome-menu-item")||l.customElements.define("media-chrome-menu-item",Ei);var ld=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Z=(i,e,t)=>(ld(i,e,"read from private field"),t?t.call(i):e.get(i)),le=(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=(i,e,t,a)=>(ld(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Fe=(i,e,t)=>(ld(i,e,"access private method"),t),nt,zn,$n,Fn,Ve,Zn,Vn,Kn,Yn,dd,ih,Gn,id,qn,ad,Qn,ud,rd,ah,nd,rh,sd,nh,od,sh,oh=c.createElement("template");oh.innerHTML=`
-  <style>
-    :host {
-      --_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
-      --_media-range-padding: var(--media-range-padding, var(--media-control-padding, 10px));
-
-      box-shadow: var(--_focus-visible-box-shadow, none);
-      background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
-      height: calc(var(--media-control-height, 24px) + 2 * var(--_media-range-padding));
-      display: inline-flex;
-      align-items: center;
-      
-      vertical-align: middle;
-      box-sizing: border-box;
-      position: relative;
-      width: 100px;
-      transition: background .15s linear;
-      cursor: pointer;
-      pointer-events: auto;
-      touch-action: none; 
-      z-index: 1; 
-    }
-
-    
-    input[type=range]:focus {
-      outline: 0;
-    }
-    input[type=range]:focus::-webkit-slider-runnable-track {
-      outline: 0;
-    }
-
-    :host(:hover) {
-      background: var(--media-control-hover-background, rgb(50 50 70 / .7));
-    }
-
-    #leftgap {
-      padding-left: var(--media-range-padding-left, var(--_media-range-padding));
-    }
-
-    #rightgap {
-      padding-right: var(--media-range-padding-right, var(--_media-range-padding));
-    }
-
-    #startpoint,
-    #endpoint {
-      position: absolute;
+    #startpoint,
+    #endpoint {
+      position: absolute;
     }
 
     #endpoint {
@@ -826,7 +564,7 @@
     <input id="range" type="range" min="0" max="1" step="any" value="0">
   </div>
   <div id="rightgap"></div>
-`;var gi=class extends l.HTMLElement{constructor(){super(),le(this,dd),le(this,Gn),le(this,qn),le(this,Qn),le(this,rd),le(this,nd),le(this,sd),le(this,od),le(this,nt,void 0),le(this,zn,void 0),le(this,$n,void 0),le(this,Fn,void 0),le(this,Ve,{}),le(this,Zn,[]),le(this,Vn,()=>{if(this.range.matches(":focus-visible")){let{style:e}=N(this.shadowRoot,":host");e.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),le(this,Kn,()=>{let{style:e}=N(this.shadowRoot,":host");e.removeProperty("--_focus-visible-box-shadow")}),le(this,Yn,()=>{let e=this.shadowRoot.querySelector("#segments-clipping");e&&e.parentNode.append(e)}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(oh.content.cloneNode(!0))),this.container=this.shadowRoot.querySelector("#container"),Vt(this,$n,this.shadowRoot.querySelector("#startpoint")),Vt(this,Fn,this.shadowRoot.querySelector("#endpoint")),this.range=this.shadowRoot.querySelector("#range"),this.appearance=this.shadowRoot.querySelector("#appearance")}static get observedAttributes(){return["disabled","aria-disabled",y.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,o,d,u;e===y.MEDIA_CONTROLLER?(t&&((n=(r=Z(this,nt))==null?void 0:r.unassociateElement)==null||n.call(r,this),Vt(this,nt,null)),a&&this.isConnected&&(Vt(this,nt,(o=this.getRootNode())==null?void 0:o.getElementById(a)),(u=(d=Z(this,nt))==null?void 0:d.associateElement)==null||u.call(d,this))):(e==="disabled"||e==="aria-disabled"&&t!==a)&&(a==null?(this.range.removeAttribute(e),Fe(this,Gn,id).call(this)):(this.range.setAttribute(e,a),Fe(this,qn,ad).call(this)))}connectedCallback(){var e,t,a;let{style:r}=N(this.shadowRoot,":host");r.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),Z(this,Ve).pointer=N(this.shadowRoot,"#pointer"),Z(this,Ve).progress=N(this.shadowRoot,"#progress"),Z(this,Ve).thumb=N(this.shadowRoot,"#thumb");let n=this.getAttribute(y.MEDIA_CONTROLLER);n&&(Vt(this,nt,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(a=(t=Z(this,nt))==null?void 0:t.associateElement)==null||a.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",Z(this,Vn)),this.shadowRoot.addEventListener("focusout",Z(this,Kn)),Fe(this,Gn,id).call(this),Me(this.container,Z(this,Yn))}disconnectedCallback(){var e,t;Fe(this,qn,ad).call(this),(t=(e=Z(this,nt))==null?void 0:e.unassociateElement)==null||t.call(e,this),Vt(this,nt,null),this.shadowRoot.removeEventListener("focusin",Z(this,Vn)),this.shadowRoot.removeEventListener("focusout",Z(this,Kn)),Xe(this.container,Z(this,Yn))}updatePointerBar(e){var t;(t=Z(this,Ve).pointer)==null||t.style.setProperty("width",`${this.getPointerRatio(e)*100}%`)}updateBar(){var e,t;let a=this.range.valueAsNumber*100;(e=Z(this,Ve).progress)==null||e.style.setProperty("width",`${a}%`),(t=Z(this,Ve).thumb)==null||t.style.setProperty("left",`${a}%`)}updateSegments(e){let t=this.shadowRoot.querySelector("#segments-clipping");if(t.textContent="",this.container.classList.toggle("segments",!!(e!=null&&e.length)),!(e!=null&&e.length))return;Z(this,Ve).activeSegment=qo(this.shadowRoot,"#segments-clipping rect:nth-child(0)");let a=[...new Set([+this.range.min,...e.flatMap(n=>[n.start,n.end]),+this.range.max])];Vt(this,Zn,[...a]);let r=a.pop();for(let[n,o]of a.entries()){let[d,u]=[n===0,n===a.length-1],m=d?"calc(var(--segments-gap) / -1)":`${o*100}%`,g=`calc(${((u?r:a[n+1])-o)*100}%${d||u?"":" - var(--segments-gap)"})`,v=c.createElementNS("http://www.w3.org/2000/svg","rect"),b=N(this.shadowRoot,`#segments-clipping rect:nth-child(${n+1})`);b.style.setProperty("x",m),b.style.setProperty("width",g),t.append(v)}}getPointerRatio(e){let t=Dc(e.clientX,e.clientY,Z(this,$n).getBoundingClientRect(),Z(this,Fn).getBoundingClientRect());return Math.max(0,Math.min(1,t))}get dragging(){return this.hasAttribute("dragging")}handleEvent(e){switch(e.type){case"pointermove":Fe(this,od,sh).call(this,e);break;case"input":this.updateBar();break;case"pointerenter":Fe(this,rd,ah).call(this,e);break;case"pointerdown":Fe(this,Qn,ud).call(this,e);break;case"pointerup":Fe(this,nd,rh).call(this);break;case"pointerleave":Fe(this,sd,nh).call(this);break}}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}};nt=new WeakMap;zn=new WeakMap;$n=new WeakMap;Fn=new WeakMap;Ve=new WeakMap;Zn=new WeakMap;Vn=new WeakMap;Kn=new WeakMap;Yn=new WeakMap;dd=new WeakSet;ih=function(i){let e=Z(this,Ve).activeSegment;if(!e)return;let t=this.getPointerRatio(i),r=`#segments-clipping rect:nth-child(${Z(this,Zn).findIndex((n,o,d)=>{let u=d[o+1];return u!=null&&t>=n&&t<=u})+1})`;(e.selectorText!=r||!e.style.transform)&&(e.selectorText=r,e.style.setProperty("transform","var(--media-range-segment-hover-transform, scaleY(2))"))};Gn=new WeakSet;id=function(){this.hasAttribute("disabled")||(this.addEventListener("input",this),this.addEventListener("pointerdown",this),this.addEventListener("pointerenter",this))};qn=new WeakSet;ad=function(){var i,e;this.removeEventListener("input",this),this.removeEventListener("pointerdown",this),this.removeEventListener("pointerenter",this),(i=l.window)==null||i.removeEventListener("pointerup",this),(e=l.window)==null||e.removeEventListener("pointermove",this)};Qn=new WeakSet;ud=function(i){var e;Vt(this,zn,i.composedPath().includes(this.range)),(e=l.window)==null||e.addEventListener("pointerup",this)};rd=new WeakSet;ah=function(i){var e;i.pointerType!=="mouse"&&Fe(this,Qn,ud).call(this,i),this.addEventListener("pointerleave",this),(e=l.window)==null||e.addEventListener("pointermove",this)};nd=new WeakSet;rh=function(){var i;(i=l.window)==null||i.removeEventListener("pointerup",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled")};sd=new WeakSet;nh=function(){var i,e;this.removeEventListener("pointerleave",this),(i=l.window)==null||i.removeEventListener("pointermove",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled"),(e=Z(this,Ve).activeSegment)==null||e.style.removeProperty("transform")};od=new WeakSet;sh=function(i){this.toggleAttribute("dragging",i.buttons===1||i.pointerType!=="mouse"),this.updatePointerBar(i),Fe(this,dd,ih).call(this,i),this.dragging&&(i.pointerType!=="mouse"||!Z(this,zn))&&(this.range.disabled=!0,this.range.valueAsNumber=this.getPointerRatio(i),this.range.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})))};l.customElements.get("media-chrome-range")||l.customElements.define("media-chrome-range",gi);var lh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Xn=(i,e,t)=>(lh(i,e,"read from private field"),t?t.call(i):e.get(i)),$f=(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)},Jn=(i,e,t,a)=>(lh(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),st,dh=c.createElement("template");dh.innerHTML=`
+`;var Qt=class extends d.HTMLElement{constructor(){super(),oe(this,Ts),oe(this,an),oe(this,rn),oe(this,on),oe(this,Es),oe(this,gs),oe(this,_s),oe(this,As),oe(this,We,void 0),oe(this,sn,void 0),oe(this,Xr,void 0),oe(this,Jr,void 0),oe(this,Re,{}),oe(this,nn,[]),oe(this,jr,()=>{if(this.range.matches(":focus-visible")){let{style:e}=N(this.shadowRoot,":host");e.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),oe(this,en,()=>{let{style:e}=N(this.shadowRoot,":host");e.removeProperty("--_focus-visible-box-shadow")}),oe(this,tn,()=>{let e=this.shadowRoot.querySelector("#segments-clipping");e&&e.parentNode.append(e)}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Hu.content.cloneNode(!0))),this.container=this.shadowRoot.querySelector("#container"),Mt(this,Xr,this.shadowRoot.querySelector("#startpoint")),Mt(this,Jr,this.shadowRoot.querySelector("#endpoint")),this.range=this.shadowRoot.querySelector("#range"),this.appearance=this.shadowRoot.querySelector("#appearance")}static get observedAttributes(){return["disabled","aria-disabled",k.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,s,l,u;e===k.MEDIA_CONTROLLER?(t&&((n=(r=Q(this,We))==null?void 0:r.unassociateElement)==null||n.call(r,this),Mt(this,We,null)),a&&this.isConnected&&(Mt(this,We,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(l=Q(this,We))==null?void 0:l.associateElement)==null||u.call(l,this))):(e==="disabled"||e==="aria-disabled"&&t!==a)&&(a==null?(this.range.removeAttribute(e),Le(this,an,fs).call(this)):(this.range.setAttribute(e,a),Le(this,rn,bs).call(this)))}connectedCallback(){var e,t,a;let{style:r}=N(this.shadowRoot,":host");r.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),Q(this,Re).pointer=N(this.shadowRoot,"#pointer"),Q(this,Re).progress=N(this.shadowRoot,"#progress"),Q(this,Re).thumb=N(this.shadowRoot,"#thumb");let n=this.getAttribute(k.MEDIA_CONTROLLER);n&&(Mt(this,We,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(a=(t=Q(this,We))==null?void 0:t.associateElement)==null||a.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",Q(this,jr)),this.shadowRoot.addEventListener("focusout",Q(this,en)),Le(this,an,fs).call(this),ot(this.container,Q(this,tn))}disconnectedCallback(){var e,t;Le(this,rn,bs).call(this),(t=(e=Q(this,We))==null?void 0:e.unassociateElement)==null||t.call(e,this),Mt(this,We,null),this.shadowRoot.removeEventListener("focusin",Q(this,jr)),this.shadowRoot.removeEventListener("focusout",Q(this,en)),$t(this.container,Q(this,tn))}updatePointerBar(e){var t;(t=Q(this,Re).pointer)==null||t.style.setProperty("width",`${this.getPointerRatio(e)*100}%`)}updateBar(){var e,t;let a=this.range.valueAsNumber*100;(e=Q(this,Re).progress)==null||e.style.setProperty("width",`${a}%`),(t=Q(this,Re).thumb)==null||t.style.setProperty("left",`${a}%`)}updateSegments(e){let t=this.shadowRoot.querySelector("#segments-clipping");if(t.textContent="",this.container.classList.toggle("segments",!!(e!=null&&e.length)),!(e!=null&&e.length))return;Q(this,Re).activeSegment=Ko(this.shadowRoot,"#segments-clipping rect:nth-child(0)");let a=[...new Set([+this.range.min,...e.flatMap(n=>[n.start,n.end]),+this.range.max])];Mt(this,nn,[...a]);let r=a.pop();for(let[n,s]of a.entries()){let[l,u]=[n===0,n===a.length-1],c=l?"calc(var(--segments-gap) / -1)":`${s*100}%`,E=`calc(${((u?r:a[n+1])-s)*100}%${l||u?"":" - var(--segments-gap)"})`,p=m.createElementNS("http://www.w3.org/2000/svg","rect"),b=N(this.shadowRoot,`#segments-clipping rect:nth-child(${n+1})`);b.style.setProperty("x",c),b.style.setProperty("width",E),t.append(p)}}getPointerRatio(e){let t=Fd(e.clientX,e.clientY,Q(this,Xr).getBoundingClientRect(),Q(this,Jr).getBoundingClientRect());return Math.max(0,Math.min(1,t))}get dragging(){return this.hasAttribute("dragging")}handleEvent(e){switch(e.type){case"pointermove":Le(this,As,Bu).call(this,e);break;case"input":this.updateBar();break;case"pointerenter":Le(this,Es,Ou).call(this,e);break;case"pointerdown":Le(this,on,ks).call(this,e);break;case"pointerup":Le(this,gs,Nu).call(this);break;case"pointerleave":Le(this,_s,Uu).call(this);break}}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}};We=new WeakMap;sn=new WeakMap;Xr=new WeakMap;Jr=new WeakMap;Re=new WeakMap;nn=new WeakMap;jr=new WeakMap;en=new WeakMap;tn=new WeakMap;Ts=new WeakSet;Pu=function(i){let e=Q(this,Re).activeSegment;if(!e)return;let t=this.getPointerRatio(i),r=`#segments-clipping rect:nth-child(${Q(this,nn).findIndex((n,s,l)=>{let u=l[s+1];return u!=null&&t>=n&&t<=u})+1})`;(e.selectorText!=r||!e.style.transform)&&(e.selectorText=r,e.style.setProperty("transform","var(--media-range-segment-hover-transform, scaleY(2))"))};an=new WeakSet;fs=function(){this.hasAttribute("disabled")||(this.addEventListener("input",this),this.addEventListener("pointerdown",this),this.addEventListener("pointerenter",this))};rn=new WeakSet;bs=function(){var i,e;this.removeEventListener("input",this),this.removeEventListener("pointerdown",this),this.removeEventListener("pointerenter",this),(i=d.window)==null||i.removeEventListener("pointerup",this),(e=d.window)==null||e.removeEventListener("pointermove",this)};on=new WeakSet;ks=function(i){var e;Mt(this,sn,i.composedPath().includes(this.range)),(e=d.window)==null||e.addEventListener("pointerup",this)};Es=new WeakSet;Ou=function(i){var e;i.pointerType!=="mouse"&&Le(this,on,ks).call(this,i),this.addEventListener("pointerleave",this),(e=d.window)==null||e.addEventListener("pointermove",this)};gs=new WeakSet;Nu=function(){var i;(i=d.window)==null||i.removeEventListener("pointerup",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled")};_s=new WeakSet;Uu=function(){var i,e;this.removeEventListener("pointerleave",this),(i=d.window)==null||i.removeEventListener("pointermove",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled"),(e=Q(this,Re).activeSegment)==null||e.style.removeProperty("transform")};As=new WeakSet;Bu=function(i){this.toggleAttribute("dragging",i.buttons===1||i.pointerType!=="mouse"),this.updatePointerBar(i),Le(this,Ts,Pu).call(this,i),this.dragging&&(i.pointerType!=="mouse"||!Q(this,sn))&&(this.range.disabled=!0,this.range.valueAsNumber=this.getPointerRatio(i),this.range.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})))};d.customElements.get("media-chrome-range")||d.customElements.define("media-chrome-range",Qt);var $u=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ln=(i,e,t)=>($u(i,e,"read from private field"),t?t.call(i):e.get(i)),rp=(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)},dn=(i,e,t,a)=>($u(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Fe,Wu=m.createElement("template");Wu.innerHTML=`
   <style>
     :host {
       
@@ -845,10 +583,14 @@
     ::slotted(media-clip-selector) {
       flex-grow: 1;
     }
+
+    ::slotted([role="menu"]) {
+      position: absolute;
+    }
   </style>
 
   <slot></slot>
-`;var cd=class extends l.HTMLElement{constructor(){super(),$f(this,st,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(dh.content.cloneNode(!0)))}static get observedAttributes(){return[y.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,o,d,u;e===y.MEDIA_CONTROLLER&&(t&&((n=(r=Xn(this,st))==null?void 0:r.unassociateElement)==null||n.call(r,this),Jn(this,st,null)),a&&this.isConnected&&(Jn(this,st,(o=this.getRootNode())==null?void 0:o.getElementById(a)),(u=(d=Xn(this,st))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(y.MEDIA_CONTROLLER);r&&(Jn(this,st,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=Xn(this,st))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=Xn(this,st))==null?void 0:e.unassociateElement)==null||t.call(e,this),Jn(this,st,null)}};st=new WeakMap;l.customElements.get("media-control-bar")||l.customElements.define("media-control-bar",cd);var uh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},jn=(i,e,t)=>(uh(i,e,"read from private field"),t?t.call(i):e.get(i)),Ff=(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)},es=(i,e,t,a)=>(uh(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ot,ch=c.createElement("template");ch.innerHTML=`
+`;var Ss=class extends d.HTMLElement{constructor(){super(),rp(this,Fe,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Wu.content.cloneNode(!0)))}static get observedAttributes(){return[k.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,s,l,u;e===k.MEDIA_CONTROLLER&&(t&&((n=(r=ln(this,Fe))==null?void 0:r.unassociateElement)==null||n.call(r,this),dn(this,Fe,null)),a&&this.isConnected&&(dn(this,Fe,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(l=ln(this,Fe))==null?void 0:l.associateElement)==null||u.call(l,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(k.MEDIA_CONTROLLER);r&&(dn(this,Fe,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=ln(this,Fe))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=ln(this,Fe))==null?void 0:e.unassociateElement)==null||t.call(e,this),dn(this,Fe,null)}};Fe=new WeakMap;d.customElements.get("media-control-bar")||d.customElements.define("media-control-bar",Ss);var Fu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},un=(i,e,t)=>(Fu(i,e,"read from private field"),t?t.call(i):e.get(i)),np=(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)},cn=(i,e,t,a)=>(Fu(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ve,Vu=m.createElement("template");Vu.innerHTML=`
   <style>
     :host {
       font: var(--media-font,
@@ -881,29 +623,38 @@
     }
   </style>
   <slot></slot>
-`;var lt=class extends l.HTMLElement{constructor(){super(),Ff(this,ot,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(ch.content.cloneNode(!0)))}static get observedAttributes(){return[y.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,o,d,u;e===y.MEDIA_CONTROLLER&&(t&&((n=(r=jn(this,ot))==null?void 0:r.unassociateElement)==null||n.call(r,this),es(this,ot,null)),a&&this.isConnected&&(es(this,ot,(o=this.getRootNode())==null?void 0:o.getElementById(a)),(u=(d=jn(this,ot))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a;let{style:r}=N(this.shadowRoot,":host");r.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let n=this.getAttribute(y.MEDIA_CONTROLLER);n&&(es(this,ot,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(a=(t=jn(this,ot))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=jn(this,ot))==null?void 0:e.unassociateElement)==null||t.call(e,this),es(this,ot,null)}};ot=new WeakMap;l.customElements.get("media-text-display")||l.customElements.define("media-text-display",lt);var mh=lt;var ph=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},hh=(i,e,t)=>(ph(i,e,"read from private field"),t?t.call(i):e.get(i)),Vf=(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)},Kf=(i,e,t,a)=>(ph(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),er,md=class extends lt{constructor(){super(),Vf(this,er,void 0),Kf(this,er,this.shadowRoot.querySelector("slot")),hh(this,er).textContent=ze(0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_DURATION]}attributeChangedCallback(e,t,a){e===s.MEDIA_DURATION&&(hh(this,er).textContent=ze(+a)),super.attributeChangedCallback(e,t,a)}get mediaDuration(){return D(this,s.MEDIA_DURATION)}set mediaDuration(e){U(this,s.MEDIA_DURATION,e)}};er=new WeakMap;l.customElements.get("media-duration-display")||l.customElements.define("media-duration-display",md);var Yf=`<svg aria-hidden="true" viewBox="0 0 26 24">
+`;var xe=class extends d.HTMLElement{constructor(){super(),np(this,Ve,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Vu.content.cloneNode(!0)))}static get observedAttributes(){return[k.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,n,s,l,u;e===k.MEDIA_CONTROLLER&&(t&&((n=(r=un(this,Ve))==null?void 0:r.unassociateElement)==null||n.call(r,this),cn(this,Ve,null)),a&&this.isConnected&&(cn(this,Ve,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(l=un(this,Ve))==null?void 0:l.associateElement)==null||u.call(l,this)))}connectedCallback(){var e,t,a;let{style:r}=N(this.shadowRoot,":host");r.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let n=this.getAttribute(k.MEDIA_CONTROLLER);n&&(cn(this,Ve,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(a=(t=un(this,Ve))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=un(this,Ve))==null?void 0:e.unassociateElement)==null||t.call(e,this),cn(this,Ve,null)}};Ve=new WeakMap;d.customElements.get("media-text-display")||d.customElements.define("media-text-display",xe);var Yu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ku=(i,e,t)=>(Yu(i,e,"read from private field"),t?t.call(i):e.get(i)),op=(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)},sp=(i,e,t,a)=>(Yu(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),La,Is=class extends xe{constructor(){super(),op(this,La,void 0),sp(this,La,this.shadowRoot.querySelector("slot")),Ku(this,La).textContent=Ne(0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_DURATION]}attributeChangedCallback(e,t,a){e===o.MEDIA_DURATION&&(Ku(this,La).textContent=Ne(+a)),super.attributeChangedCallback(e,t,a)}get mediaDuration(){return L(this,o.MEDIA_DURATION)}set mediaDuration(e){O(this,o.MEDIA_DURATION,e)}};La=new WeakMap;d.customElements.get("media-duration-display")||d.customElements.define("media-duration-display",Is);var lp=`<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>`,Gf=`<svg aria-hidden="true" viewBox="0 0 26 24">
+</svg>`,dp=`<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"/>
-</svg>`,fh=c.createElement("template");fh.innerHTML=`
+</svg>`,qu=m.createElement("template");qu.innerHTML=`
   <style>
-  :host([${s.MEDIA_IS_FULLSCREEN}]) slot:not([name=exit]):not([name=icon]) {
-    display: none !important;
-  }
+    :host([${o.MEDIA_IS_FULLSCREEN}]) slot[name=icon] slot:not([name=exit]) {
+      display: none !important;
+    }
 
-  
-  :host(:not([${s.MEDIA_IS_FULLSCREEN}])) slot:not([name=enter]):not([name=icon]) {
-    display: none !important;
-  }
+    
+    :host(:not([${o.MEDIA_IS_FULLSCREEN}])) slot[name=icon] slot:not([name=enter]) {
+      display: none !important;
+    }
+
+    :host([${o.MEDIA_IS_FULLSCREEN}]) slot[name=tooltip-enter],
+    :host(:not([${o.MEDIA_IS_FULLSCREEN}])) slot[name=tooltip-exit] {
+      display: none;
+    }
   </style>
 
   <slot name="icon">
-    <slot name="enter">${Yf}</slot>
-    <slot name="exit">${Gf}</slot>
+    <slot name="enter">${lp}</slot>
+    <slot name="exit">${dp}</slot>
   </slot>
-`;var vh=i=>{let e=i.mediaIsFullscreen?Y.EXIT_FULLSCREEN():Y.ENTER_FULLSCREEN();i.setAttribute("aria-label",e)},hd=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_FULLSCREEN,s.MEDIA_FULLSCREEN_UNAVAILABLE]}constructor(e={}){super({slotTemplate:fh,...e})}connectedCallback(){super.connectedCallback(),vh(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_IS_FULLSCREEN&&vh(this)}get mediaFullscreenUnavailable(){return I(this,s.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){k(this,s.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return H(this,s.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){B(this,s.MEDIA_IS_FULLSCREEN,e)}handleClick(){let e=this.mediaIsFullscreen?h.MEDIA_EXIT_FULLSCREEN_REQUEST:h.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",hd);var{MEDIA_TIME_IS_LIVE:ts,MEDIA_PAUSED:tr}=s,{MEDIA_SEEK_TO_LIVE_REQUEST:qf,MEDIA_PLAY_REQUEST:Zf}=h,Qf='<svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg>',Eh=c.createElement("template");Eh.innerHTML=`
+`;var up=`
+  <slot name="tooltip-enter">${I.ENTER_FULLSCREEN}</slot>
+  <slot name="tooltip-exit">${I.EXIT_FULLSCREEN}</slot>
+`,Gu=i=>{let e=i.mediaIsFullscreen?K.EXIT_FULLSCREEN():K.ENTER_FULLSCREEN();i.setAttribute("aria-label",e)},Cs=class extends W{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_FULLSCREEN,o.MEDIA_FULLSCREEN_UNAVAILABLE]}constructor(e={}){super({slotTemplate:qu,tooltipContent:up,...e})}connectedCallback(){super.connectedCallback(),Gu(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_IS_FULLSCREEN&&Gu(this)}get mediaFullscreenUnavailable(){return R(this,o.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){M(this,o.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return H(this,o.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){U(this,o.MEDIA_IS_FULLSCREEN,e)}handleClick(){let e=this.mediaIsFullscreen?v.MEDIA_EXIT_FULLSCREEN_REQUEST:v.MEDIA_ENTER_FULLSCREEN_REQUEST;this.dispatchEvent(new d.CustomEvent(e,{composed:!0,bubbles:!0}))}};d.customElements.get("media-fullscreen-button")||d.customElements.define("media-fullscreen-button",Cs);var{MEDIA_TIME_IS_LIVE:mn,MEDIA_PAUSED:Ra}=o,{MEDIA_SEEK_TO_LIVE_REQUEST:cp,MEDIA_PLAY_REQUEST:mp}=v,hp='<svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg>',Qu=m.createElement("template");Qu.innerHTML=`
   <style>
-
+  :host { --media-tooltip-display: none; }
+  
   slot[name=indicator] > *,
   :host ::slotted([slot=indicator]) {
     
@@ -912,22 +663,22 @@
     color: var(--media-live-button-icon-color, rgb(140, 140, 140));
   }
 
-  :host([${ts}]:not([${tr}])) slot[name=indicator] > *,
-  :host([${ts}]:not([${tr}])) ::slotted([slot=indicator]) {
+  :host([${mn}]:not([${Ra}])) slot[name=indicator] > *,
+  :host([${mn}]:not([${Ra}])) ::slotted([slot=indicator]) {
     fill: var(--media-live-button-indicator-color, rgb(255, 0, 0));
     color: var(--media-live-button-indicator-color, rgb(255, 0, 0));
   }
 
-  :host([${ts}]:not([${tr}])) {
+  :host([${mn}]:not([${Ra}])) {
     cursor: not-allowed;
   }
 
   </style>
 
-  <slot name="indicator">${Qf}</slot>
+  <slot name="indicator">${hp}</slot>
   
   <slot name="spacer">&nbsp;</slot><slot name="text">LIVE</slot>
-`;var bh=i=>{let e=i.mediaPaused||!i.mediaTimeIsLive,t=e?Y.SEEK_LIVE():Y.PLAYING_LIVE();i.setAttribute("aria-label",t),e?i.removeAttribute("aria-disabled"):i.setAttribute("aria-disabled","true")},pd=class extends P{static get observedAttributes(){return[...super.observedAttributes,tr,ts]}constructor(e={}){super({slotTemplate:Eh,...e})}connectedCallback(){bh(this),super.connectedCallback()}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),bh(this)}get mediaPaused(){return H(this,s.MEDIA_PAUSED)}set mediaPaused(e){B(this,s.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return H(this,s.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){B(this,s.MEDIA_TIME_IS_LIVE,e)}handleClick(){!this.mediaPaused&&this.mediaTimeIsLive||(this.dispatchEvent(new l.CustomEvent(qf,{composed:!0,bubbles:!0})),this.hasAttribute(tr)&&this.dispatchEvent(new l.CustomEvent(Zf,{composed:!0,bubbles:!0})))}};l.customElements.get("media-live-button")||l.customElements.define("media-live-button",pd);var Ah=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ir=(i,e,t)=>(Ah(i,e,"read from private field"),t?t.call(i):e.get(i)),gh=(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)},ar=(i,e,t,a)=>(Ah(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),dt,is,_h={LOADING_DELAY:"loadingdelay"},yh=500,Th=c.createElement("template"),zf=`
+`;var Zu=i=>{let e=i.mediaPaused||!i.mediaTimeIsLive,t=e?K.SEEK_LIVE():K.PLAYING_LIVE();i.setAttribute("aria-label",t),e?i.removeAttribute("aria-disabled"):i.setAttribute("aria-disabled","true")},Ms=class extends W{static get observedAttributes(){return[...super.observedAttributes,Ra,mn]}constructor(e={}){super({slotTemplate:Qu,...e})}connectedCallback(){Zu(this),super.connectedCallback()}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),Zu(this)}get mediaPaused(){return H(this,o.MEDIA_PAUSED)}set mediaPaused(e){U(this,o.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return H(this,o.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){U(this,o.MEDIA_TIME_IS_LIVE,e)}handleClick(){!this.mediaPaused&&this.mediaTimeIsLive||(this.dispatchEvent(new d.CustomEvent(cp,{composed:!0,bubbles:!0})),this.hasAttribute(Ra)&&this.dispatchEvent(new d.CustomEvent(mp,{composed:!0,bubbles:!0})))}};d.customElements.get("media-live-button")||d.customElements.define("media-live-button",Ms);var Ju=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},xa=(i,e,t)=>(Ju(i,e,"read from private field"),t?t.call(i):e.get(i)),zu=(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)},Da=(i,e,t,a)=>(Ju(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ke,hn,Xu={LOADING_DELAY:"loadingdelay"},ju=500,ec=m.createElement("template"),pp=`
 <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
@@ -940,13 +691,13 @@
        repeatCount="indefinite" />
   </path>
 </svg>
-`;Th.innerHTML=`
+`;ec.innerHTML=`
 <style>
 :host {
   display: var(--media-control-display, var(--media-loading-indicator-display, inline-block));
   vertical-align: middle;
   box-sizing: border-box;
-  --_loading-indicator-delay: var(--media-loading-indicator-transition-delay, ${yh}ms);
+  --_loading-indicator-delay: var(--media-loading-indicator-transition-delay, ${ju}ms);
 }
 
 #status {
@@ -961,8 +712,8 @@
   transition: opacity 0.15s;
 }
 
-:host([${s.MEDIA_LOADING}]:not([${s.MEDIA_PAUSED}])) slot[name=icon] > *,
-:host([${s.MEDIA_LOADING}]:not([${s.MEDIA_PAUSED}])) ::slotted([slot=icon]) {
+:host([${o.MEDIA_LOADING}]:not([${o.MEDIA_PAUSED}])) slot[name=icon] > *,
+:host([${o.MEDIA_LOADING}]:not([${o.MEDIA_PAUSED}])) ::slotted([slot=icon]) {
   opacity: var(--media-loading-indicator-opacity, 1);
   transition: opacity 0.15s var(--_loading-indicator-delay);
 }
@@ -972,7 +723,7 @@
   transition: visibility 0.15s;
 }
 
-:host([${s.MEDIA_LOADING}]:not([${s.MEDIA_PAUSED}])) #status {
+:host([${o.MEDIA_LOADING}]:not([${o.MEDIA_PAUSED}])) #status {
   visibility: var(--media-loading-indicator-opacity, visible);
   transition: visibility 0.15s var(--_loading-indicator-delay);
 }
@@ -985,68 +736,76 @@ svg, img, ::slotted(svg), ::slotted(img) {
 }
 </style>
 
-<slot name="icon">${zf}</slot>
-<div id="status" role="status" aria-live="polite">${K.MEDIA_LOADING()}</div>
-`;var vd=class extends l.HTMLElement{constructor(){if(super(),gh(this,dt,void 0),gh(this,is,yh),!this.shadowRoot){let e=this.attachShadow({mode:"open"}),t=Th.content.cloneNode(!0);e.appendChild(t)}}static get observedAttributes(){return[y.MEDIA_CONTROLLER,s.MEDIA_PAUSED,s.MEDIA_LOADING,_h.LOADING_DELAY]}attributeChangedCallback(e,t,a){var r,n,o,d,u;e===_h.LOADING_DELAY&&t!==a?this.loadingDelay=Number(a):e===y.MEDIA_CONTROLLER&&(t&&((n=(r=ir(this,dt))==null?void 0:r.unassociateElement)==null||n.call(r,this),ar(this,dt,null)),a&&this.isConnected&&(ar(this,dt,(o=this.getRootNode())==null?void 0:o.getElementById(a)),(u=(d=ir(this,dt))==null?void 0:d.associateElement)==null||u.call(d,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(y.MEDIA_CONTROLLER);r&&(ar(this,dt,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=ir(this,dt))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=ir(this,dt))==null?void 0:e.unassociateElement)==null||t.call(e,this),ar(this,dt,null)}get loadingDelay(){return ir(this,is)}set loadingDelay(e){ar(this,is,e);let{style:t}=N(this.shadowRoot,":host");t.setProperty("--_loading-indicator-delay",`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return H(this,s.MEDIA_PAUSED)}set mediaPaused(e){B(this,s.MEDIA_PAUSED,e)}get mediaLoading(){return H(this,s.MEDIA_LOADING)}set mediaLoading(e){B(this,s.MEDIA_LOADING,e)}};dt=new WeakMap;is=new WeakMap;l.customElements.get("media-loading-indicator")||l.customElements.define("media-loading-indicator",vd);var{MEDIA_VOLUME_LEVEL:rr}=s,Xf=`<svg aria-hidden="true" viewBox="0 0 24 24">
+<slot name="icon">${pp}</slot>
+<div id="status" role="status" aria-live="polite">${V.MEDIA_LOADING()}</div>
+`;var ws=class extends d.HTMLElement{constructor(){if(super(),zu(this,Ke,void 0),zu(this,hn,ju),!this.shadowRoot){let e=this.attachShadow({mode:"open"}),t=ec.content.cloneNode(!0);e.appendChild(t)}}static get observedAttributes(){return[k.MEDIA_CONTROLLER,o.MEDIA_PAUSED,o.MEDIA_LOADING,Xu.LOADING_DELAY]}attributeChangedCallback(e,t,a){var r,n,s,l,u;e===Xu.LOADING_DELAY&&t!==a?this.loadingDelay=Number(a):e===k.MEDIA_CONTROLLER&&(t&&((n=(r=xa(this,Ke))==null?void 0:r.unassociateElement)==null||n.call(r,this),Da(this,Ke,null)),a&&this.isConnected&&(Da(this,Ke,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(l=xa(this,Ke))==null?void 0:l.associateElement)==null||u.call(l,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(k.MEDIA_CONTROLLER);r&&(Da(this,Ke,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=xa(this,Ke))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=xa(this,Ke))==null?void 0:e.unassociateElement)==null||t.call(e,this),Da(this,Ke,null)}get loadingDelay(){return xa(this,hn)}set loadingDelay(e){Da(this,hn,e);let{style:t}=N(this.shadowRoot,":host");t.setProperty("--_loading-indicator-delay",`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return H(this,o.MEDIA_PAUSED)}set mediaPaused(e){U(this,o.MEDIA_PAUSED,e)}get mediaLoading(){return H(this,o.MEDIA_LOADING)}set mediaLoading(e){U(this,o.MEDIA_LOADING,e)}};Ke=new WeakMap;hn=new WeakMap;d.customElements.get("media-loading-indicator")||d.customElements.define("media-loading-indicator",ws);var{MEDIA_VOLUME_LEVEL:zt}=o,vp=`<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>`,kh=`<svg aria-hidden="true" viewBox="0 0 24 24">
+</svg>`,tc=`<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"/>
-</svg>`,Jf=`<svg aria-hidden="true" viewBox="0 0 24 24">
+</svg>`,fp=`<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-4ZM14 3.23v2.06a7 7 0 0 1 0 13.42v2.06a9 9 0 0 0 0-17.54Z"/>
-</svg>`,Ih=c.createElement("template");Ih.innerHTML=`
+</svg>`,ac=m.createElement("template");ac.innerHTML=`
   <style>
   
-  :host(:not([${rr}])) slot:not([name=high]):not([name=icon]), 
-  :host([${rr}=high]) slot:not([name=high]):not([name=icon]) {
+  :host(:not([${zt}])) slot[name=icon] slot:not([name=high]), 
+  :host([${zt}=high]) slot[name=icon] slot:not([name=high]) {
     display: none !important;
   }
 
-  :host([${rr}=off]) slot:not([name=off]):not([name=icon]) {
+  :host([${zt}=off]) slot[name=icon] slot:not([name=off]) {
     display: none !important;
   }
 
-  :host([${rr}=low]) slot:not([name=low]):not([name=icon]) {
+  :host([${zt}=low]) slot[name=icon] slot:not([name=low]) {
     display: none !important;
   }
 
-  :host([${rr}=medium]) slot:not([name=medium]):not([name=icon]) {
+  :host([${zt}=medium]) slot[name=icon] slot:not([name=medium]) {
     display: none !important;
   }
+
+  :host(:not([${zt}=off])) slot[name=tooltip-unmute],
+  :host([${zt}=off]) slot[name=tooltip-mute] {
+    display: none;
+  }
   </style>
 
   <slot name="icon">
-    <slot name="off">${Xf}</slot>
-    <slot name="low">${kh}</slot>
-    <slot name="medium">${kh}</slot>
-    <slot name="high">${Jf}</slot>
+    <slot name="off">${vp}</slot>
+    <slot name="low">${tc}</slot>
+    <slot name="medium">${tc}</slot>
+    <slot name="high">${fp}</slot>
   </slot>
-`;var Sh=i=>{let t=i.mediaVolumeLevel==="off"?Y.UNMUTE():Y.MUTE();i.setAttribute("aria-label",t)},fd=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_VOLUME_LEVEL]}constructor(e={}){super({slotTemplate:Ih,...e})}connectedCallback(){Sh(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===s.MEDIA_VOLUME_LEVEL&&Sh(this),super.attributeChangedCallback(e,t,a)}get mediaVolumeLevel(){return I(this,s.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){k(this,s.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e=this.mediaVolumeLevel==="off"?h.MEDIA_UNMUTE_REQUEST:h.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",fd);var Ch=`<svg aria-hidden="true" viewBox="0 0 28 24">
+`;var bp=`
+  <slot name="tooltip-mute">${I.MUTE}</slot>
+  <slot name="tooltip-unmute">${I.UNMUTE}</slot>
+`,ic=i=>{let t=i.mediaVolumeLevel==="off"?K.UNMUTE():K.MUTE();i.setAttribute("aria-label",t)},Ls=class extends W{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME_LEVEL]}constructor(e={}){super({slotTemplate:ac,tooltipContent:bp,...e})}connectedCallback(){ic(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_VOLUME_LEVEL&&ic(this),super.attributeChangedCallback(e,t,a)}get mediaVolumeLevel(){return R(this,o.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){M(this,o.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e=this.mediaVolumeLevel==="off"?v.MEDIA_UNMUTE_REQUEST:v.MEDIA_MUTE_REQUEST;this.dispatchEvent(new d.CustomEvent(e,{composed:!0,bubbles:!0}))}};d.customElements.get("media-mute-button")||d.customElements.define("media-mute-button",Ls);var rc=`<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>`,Lh=c.createElement("template");Lh.innerHTML=`
+</svg>`,oc=m.createElement("template");oc.innerHTML=`
   <style>
-  :host([${s.MEDIA_IS_PIP}]) slot:not([name=exit]):not([name=icon]) {
+  :host([${o.MEDIA_IS_PIP}]) slot[name=icon] slot:not([name=exit]) {
     display: none !important;
   }
 
   
-  :host(:not([${s.MEDIA_IS_PIP}])) slot:not([name=enter]):not([name=icon]) {
+  :host(:not([${o.MEDIA_IS_PIP}])) slot[name=icon] slot:not([name=enter]) {
     display: none !important;
   }
+
+  :host([${o.MEDIA_IS_PIP}]) slot[name=tooltip-enter],
+  :host(:not([${o.MEDIA_IS_PIP}])) slot[name=tooltip-exit] {
+    display: none;
+  }
   </style>
 
   <slot name="icon">
-    <slot name="enter">${Ch}</slot>
-    <slot name="exit">${Ch}</slot>
+    <slot name="enter">${rc}</slot>
+    <slot name="exit">${rc}</slot>
   </slot>
-`;var Mh=i=>{let e=i.mediaIsPip?Y.EXIT_PIP():Y.ENTER_PIP();i.setAttribute("aria-label",e)},bd=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_IS_PIP,s.MEDIA_PIP_UNAVAILABLE]}constructor(e={}){super({slotTemplate:Lh,...e})}connectedCallback(){Mh(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===s.MEDIA_IS_PIP&&Mh(this),super.attributeChangedCallback(e,t,a)}get mediaPipUnavailable(){return I(this,s.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){k(this,s.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return H(this,s.MEDIA_IS_PIP)}set mediaIsPip(e){B(this,s.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?h.MEDIA_EXIT_PIP_REQUEST:h.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",bd);var jf=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},as=(i,e,t)=>(jf(i,e,"read from private field"),t?t.call(i):e.get(i)),eb=(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)},Qi,Ed={RATES:"rates"},nr=[1,1.2,1.5,1.7,2],Kt=1,wh=c.createElement("template");wh.innerHTML=`
-  <style>
-    :host {
-      min-width: 5ch;
-      padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
-    }
-  </style>
-  <slot name="icon"></slot>
-`;var gd=class extends P{constructor(e={}){super({slotTemplate:wh,...e}),eb(this,Qi,new Le(this,Ed.RATES,{defaultValue:nr})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${Kt}x`}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE,Ed.RATES]}attributeChangedCallback(e,t,a){if(super.attributeChangedCallback(e,t,a),e===Ed.RATES&&(as(this,Qi).value=a),e===s.MEDIA_PLAYBACK_RATE){let r=a?+a:Number.NaN,n=Number.isNaN(r)?Kt:r;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",K.PLAYBACK_RATE({playbackRate:n}))}}get rates(){return as(this,Qi)}set rates(e){e?Array.isArray(e)&&(as(this,Qi).value=e.join(" ")):as(this,Qi).value=""}get mediaPlaybackRate(){return D(this,s.MEDIA_PLAYBACK_RATE,Kt)}set mediaPlaybackRate(e){U(this,s.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let a=Array.from(this.rates.values(),o=>+o).sort((o,d)=>o-d),r=(t=(e=a.find(o=>o>this.mediaPlaybackRate))!=null?e:a[0])!=null?t:Kt,n=new l.CustomEvent(h.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(n)}};Qi=new WeakMap;l.customElements.get("media-playback-rate-button")||l.customElements.define("media-playback-rate-button",gd);var Rh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},rs=(i,e,t)=>(Rh(i,e,"read from private field"),t?t.call(i):e.get(i)),_d=(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)},sr=(i,e,t)=>(Rh(i,e,"access private method"),t),zi,or,ns,ss,yd,Ad={RATES:"rates"},Td=class extends ue{constructor(){super(),_d(this,or),_d(this,ss),_d(this,zi,new Le(this,Ad.RATES,{defaultValue:nr})),sr(this,or,ns).call(this)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE,Ad.RATES]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_PLAYBACK_RATE&&t!=a?this.value=a:e===Ad.RATES&&t!=a&&(rs(this,zi).value=a,sr(this,or,ns).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",sr(this,ss,yd))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",sr(this,ss,yd))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:X(this).querySelector("media-playback-rate-menu-button")}get rates(){return rs(this,zi)}set rates(e){e?Array.isArray(e)&&(rs(this,zi).value=e.join(" ")):rs(this,zi).value="",sr(this,or,ns).call(this)}get mediaPlaybackRate(){return D(this,s.MEDIA_PLAYBACK_RATE,Kt)}set mediaPlaybackRate(e){U(this,s.MEDIA_PLAYBACK_RATE,e)}};zi=new WeakMap;or=new WeakSet;ns=function(){this.defaultSlot.textContent="";for(let i of this.rates){let e=tt({type:"radio",text:this.formatMenuItemText(`${i}x`,i),value:i,checked:this.mediaPlaybackRate==i});e.prepend($e(this,"checked-indicator")),this.defaultSlot.append(e)}};ss=new WeakSet;yd=function(){if(!this.value)return;let i=new l.CustomEvent(h.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};l.customElements.get("media-playback-rate-menu")||l.customElements.define("media-playback-rate-menu",Td);var tb=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},os=(i,e,t)=>(tb(i,e,"read from private field"),t?t.call(i):e.get(i)),ib=(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)},Xi,kd={RATES:"rates"},ab=[1,1.2,1.5,1.7,2],Sd=1,xh=c.createElement("template");xh.innerHTML=`
+`;var Ep=`
+  <slot name="tooltip-enter">${I.ENTER_PIP}</slot>
+  <slot name="tooltip-exit">${I.EXIT_PIP}</slot>
+`,nc=i=>{let e=i.mediaIsPip?K.EXIT_PIP():K.ENTER_PIP();i.setAttribute("aria-label",e)},Rs=class extends W{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_PIP,o.MEDIA_PIP_UNAVAILABLE]}constructor(e={}){super({slotTemplate:oc,tooltipContent:Ep,...e})}connectedCallback(){nc(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_PIP&&nc(this),super.attributeChangedCallback(e,t,a)}get mediaPipUnavailable(){return R(this,o.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){M(this,o.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return H(this,o.MEDIA_IS_PIP)}set mediaIsPip(e){U(this,o.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?v.MEDIA_EXIT_PIP_REQUEST:v.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new d.CustomEvent(e,{composed:!0,bubbles:!0}))}};d.customElements.get("media-pip-button")||d.customElements.define("media-pip-button",Rs);var gp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},pn=(i,e,t)=>(gp(i,e,"read from private field"),t?t.call(i):e.get(i)),_p=(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)},Ci,xs={RATES:"rates"},Ps=[1,1.2,1.5,1.7,2],Mi=1,sc=m.createElement("template");sc.innerHTML=`
   <style>
     :host {
       min-width: 5ch;
@@ -1054,26 +813,31 @@ svg, img, ::slotted(svg), ::slotted(img) {
     }
   </style>
   <slot name="icon"></slot>
-`;var Id=class extends Te{constructor(e={}){super({slotTemplate:xh,...e}),ib(this,Xi,new Le(this,kd.RATES,{defaultValue:ab})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${Sd}x`}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PLAYBACK_RATE,kd.RATES]}attributeChangedCallback(e,t,a){if(super.attributeChangedCallback(e,t,a),e===kd.RATES&&(os(this,Xi).value=a),e===s.MEDIA_PLAYBACK_RATE){let r=a?+a:Number.NaN,n=Number.isNaN(r)?Sd:r;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",K.PLAYBACK_RATE({playbackRate:n}))}}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:X(this).querySelector("media-playback-rate-menu")}get rates(){return os(this,Xi)}set rates(e){e?Array.isArray(e)&&(os(this,Xi).value=e.join(" ")):os(this,Xi).value=""}get mediaPlaybackRate(){return D(this,s.MEDIA_PLAYBACK_RATE,Sd)}set mediaPlaybackRate(e){U(this,s.MEDIA_PLAYBACK_RATE,e)}};Xi=new WeakMap;l.customElements.get("media-playback-rate-menu-button")||l.customElements.define("media-playback-rate-menu-button",Id);var rb=`<svg aria-hidden="true" viewBox="0 0 24 24">
+`;var Ds=class extends W{constructor(e={}){super({slotTemplate:sc,tooltipContent:I.PLAYBACK_RATE,...e}),_p(this,Ci,new Be(this,xs.RATES,{defaultValue:Ps})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${Mi}x`}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PLAYBACK_RATE,xs.RATES]}attributeChangedCallback(e,t,a){if(super.attributeChangedCallback(e,t,a),e===xs.RATES&&(pn(this,Ci).value=a),e===o.MEDIA_PLAYBACK_RATE){let r=a?+a:Number.NaN,n=Number.isNaN(r)?Mi:r;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",V.PLAYBACK_RATE({playbackRate:n}))}}get rates(){return pn(this,Ci)}set rates(e){e?Array.isArray(e)&&(pn(this,Ci).value=e.join(" ")):pn(this,Ci).value=""}get mediaPlaybackRate(){return L(this,o.MEDIA_PLAYBACK_RATE,Mi)}set mediaPlaybackRate(e){O(this,o.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let a=Array.from(this.rates.values(),s=>+s).sort((s,l)=>s-l),r=(t=(e=a.find(s=>s>this.mediaPlaybackRate))!=null?e:a[0])!=null?t:Mi,n=new d.CustomEvent(v.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(n)}};Ci=new WeakMap;d.customElements.get("media-playback-rate-button")||d.customElements.define("media-playback-rate-button",Ds);var Ap=`<svg aria-hidden="true" viewBox="0 0 24 24">
   <path d="m6 21 15-9L6 3v18Z"/>
-</svg>`,nb=`<svg aria-hidden="true" viewBox="0 0 24 24">
+</svg>`,yp=`<svg aria-hidden="true" viewBox="0 0 24 24">
   <path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/>
-</svg>`,Oh=c.createElement("template");Oh.innerHTML=`
+</svg>`,dc=m.createElement("template");dc.innerHTML=`
   <style>
-  :host([${s.MEDIA_PAUSED}]) slot[name=pause] {
-    display: none !important;
-  }
+    :host([${o.MEDIA_PAUSED}]) slot[name=pause],
+    :host(:not([${o.MEDIA_PAUSED}])) slot[name=play] {
+      display: none !important;
+    }
 
-  :host(:not([${s.MEDIA_PAUSED}])) slot[name=play] {
-    display: none !important;
-  }
+    :host([${o.MEDIA_PAUSED}]) slot[name=tooltip-pause],
+    :host(:not([${o.MEDIA_PAUSED}])) slot[name=tooltip-play] {
+      display: none;
+    }
   </style>
 
   <slot name="icon">
-    <slot name="play">${rb}</slot>
-    <slot name="pause">${nb}</slot>
+    <slot name="play">${Ap}</slot>
+    <slot name="pause">${yp}</slot>
   </slot>
-`;var Dh=i=>{let e=i.mediaPaused?Y.PLAY():Y.PAUSE();i.setAttribute("aria-label",e)},Cd=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PAUSED,s.MEDIA_ENDED]}constructor(e={}){super({slotTemplate:Oh,...e})}connectedCallback(){Dh(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===s.MEDIA_PAUSED&&Dh(this),super.attributeChangedCallback(e,t,a)}get mediaPaused(){return H(this,s.MEDIA_PAUSED)}set mediaPaused(e){B(this,s.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?h.MEDIA_PLAY_REQUEST:h.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",Cd);var ut={PLACEHOLDER_SRC:"placeholdersrc",SRC:"src"},Ph=c.createElement("template");Ph.innerHTML=`
+`;var Tp=`
+  <slot name="tooltip-play">${I.PLAY}</slot>
+  <slot name="tooltip-pause">${I.PAUSE}</slot>
+`,lc=i=>{let e=i.mediaPaused?K.PLAY():K.PAUSE();i.setAttribute("aria-label",e)},Os=class extends W{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PAUSED,o.MEDIA_ENDED]}constructor(e={}){super({slotTemplate:dc,tooltipContent:Tp,...e})}connectedCallback(){lc(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_PAUSED&&lc(this),super.attributeChangedCallback(e,t,a)}get mediaPaused(){return H(this,o.MEDIA_PAUSED)}set mediaPaused(e){U(this,o.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?v.MEDIA_PLAY_REQUEST:v.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new d.CustomEvent(e,{composed:!0,bubbles:!0}))}};d.customElements.get("media-play-button")||d.customElements.define("media-play-button",Os);var Ye={PLACEHOLDER_SRC:"placeholdersrc",SRC:"src"},uc=m.createElement("template");uc.innerHTML=`
   <style>
     :host {
       pointer-events: none;
@@ -1095,7 +859,7 @@ svg, img, ::slotted(svg), ::slotted(img) {
   </style>
 
   <img part="poster img" aria-hidden="true" id="image"/>
-`;var sb=i=>{i.style.removeProperty("background-image")},ob=(i,e)=>{i.style["background-image"]=`url('${e}')`},Md=class extends l.HTMLElement{static get observedAttributes(){return[ut.PLACEHOLDER_SRC,ut.SRC]}constructor(){super(),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Ph.content.cloneNode(!0))),this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,a){e===ut.SRC&&(a==null?this.image.removeAttribute(ut.SRC):this.image.setAttribute(ut.SRC,a)),e===ut.PLACEHOLDER_SRC&&(a==null?sb(this.image):ob(this.image,a))}get placeholderSrc(){return I(this,ut.PLACEHOLDER_SRC)}set placeholderSrc(e){k(this,ut.SRC,e)}get src(){return I(this,ut.SRC)}set src(e){k(this,ut.SRC,e)}};l.customElements.get("media-poster-image")||l.customElements.define("media-poster-image",Md);var Nh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},lb=(i,e,t)=>(Nh(i,e,"read from private field"),t?t.call(i):e.get(i)),db=(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)},ub=(i,e,t,a)=>(Nh(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ls,Ld=class extends mh{constructor(){super(),db(this,ls,void 0),ub(this,ls,this.shadowRoot.querySelector("slot"))}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PREVIEW_CHAPTER]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_PREVIEW_CHAPTER&&a!==t&&a!=null&&(lb(this,ls).textContent=a,a!==""?this.setAttribute("aria-valuetext",`chapter: ${a}`):this.removeAttribute("aria-valuetext"))}get mediaPreviewChapter(){return I(this,s.MEDIA_PREVIEW_CHAPTER)}set mediaPreviewChapter(e){k(this,s.MEDIA_PREVIEW_CHAPTER,e)}};ls=new WeakMap;l.customElements.get("media-preview-chapter-display")||l.customElements.define("media-preview-chapter-display",Ld);var Uh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ds=(i,e,t)=>(Uh(i,e,"read from private field"),t?t.call(i):e.get(i)),cb=(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)},us=(i,e,t,a)=>(Uh(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ct,Bh=c.createElement("template");Bh.innerHTML=`
+`;var kp=i=>{i.style.removeProperty("background-image")},Sp=(i,e)=>{i.style["background-image"]=`url('${e}')`},Ns=class extends d.HTMLElement{static get observedAttributes(){return[Ye.PLACEHOLDER_SRC,Ye.SRC]}constructor(){super(),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(uc.content.cloneNode(!0))),this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,a){e===Ye.SRC&&(a==null?this.image.removeAttribute(Ye.SRC):this.image.setAttribute(Ye.SRC,a)),e===Ye.PLACEHOLDER_SRC&&(a==null?kp(this.image):Sp(this.image,a))}get placeholderSrc(){return R(this,Ye.PLACEHOLDER_SRC)}set placeholderSrc(e){M(this,Ye.SRC,e)}get src(){return R(this,Ye.SRC)}set src(e){M(this,Ye.SRC,e)}};d.customElements.get("media-poster-image")||d.customElements.define("media-poster-image",Ns);var cc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ip=(i,e,t)=>(cc(i,e,"read from private field"),t?t.call(i):e.get(i)),Cp=(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)},Mp=(i,e,t,a)=>(cc(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),vn,Us=class extends xe{constructor(){super(),Cp(this,vn,void 0),Mp(this,vn,this.shadowRoot.querySelector("slot"))}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PREVIEW_CHAPTER]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_PREVIEW_CHAPTER&&a!==t&&a!=null&&(Ip(this,vn).textContent=a,a!==""?this.setAttribute("aria-valuetext",`chapter: ${a}`):this.removeAttribute("aria-valuetext"))}get mediaPreviewChapter(){return R(this,o.MEDIA_PREVIEW_CHAPTER)}set mediaPreviewChapter(e){M(this,o.MEDIA_PREVIEW_CHAPTER,e)}};vn=new WeakMap;d.customElements.get("media-preview-chapter-display")||d.customElements.define("media-preview-chapter-display",Us);var mc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},fn=(i,e,t)=>(mc(i,e,"read from private field"),t?t.call(i):e.get(i)),wp=(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)},bn=(i,e,t,a)=>(mc(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ge,hc=m.createElement("template");hc.innerHTML=`
   <style>
     :host {
       box-sizing: border-box;
@@ -1109,62 +873,11 @@ svg, img, ::slotted(svg), ::slotted(img) {
     }
   </style>
   <img crossorigin loading="eager" decoding="async">
-`;var wd=class extends l.HTMLElement{constructor(){super(),cb(this,ct,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Bh.content.cloneNode(!0)))}static get observedAttributes(){return[y.MEDIA_CONTROLLER,s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,a;let r=this.getAttribute(y.MEDIA_CONTROLLER);r&&(us(this,ct,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=ds(this,ct))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=ds(this,ct))==null?void 0:e.unassociateElement)==null||t.call(e,this),us(this,ct,null)}attributeChangedCallback(e,t,a){var r,n,o,d,u;[s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===y.MEDIA_CONTROLLER&&(t&&((n=(r=ds(this,ct))==null?void 0:r.unassociateElement)==null||n.call(r,this),us(this,ct,null)),a&&this.isConnected&&(us(this,ct,(o=this.getRootNode())==null?void 0:o.getElementById(a)),(u=(d=ds(this,ct))==null?void 0:d.associateElement)==null||u.call(d,this)))}get mediaPreviewImage(){return I(this,s.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){k(this,s.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewCoords(){let e=this.getAttribute(s.MEDIA_PREVIEW_COORDS);if(e)return e.split(/\s+/).map(t=>+t)}set mediaPreviewCoords(e){if(!e){this.removeAttribute(s.MEDIA_PREVIEW_COORDS);return}this.setAttribute(s.MEDIA_PREVIEW_COORDS,e.join(" "))}update(){let e=this.mediaPreviewCoords,t=this.mediaPreviewImage;if(!(e&&t))return;let[a,r,n,o]=e,d=t.split("#")[0],u=getComputedStyle(this),{maxWidth:m,maxHeight:f,minWidth:g,minHeight:v}=u,b=Math.min(parseInt(m)/n,parseInt(f)/o),R=Math.max(parseInt(g)/n,parseInt(v)/o),A=b<1,T=A?b:R>1?R:1,{style:O}=N(this.shadowRoot,":host"),te=N(this.shadowRoot,"img").style,Ee=this.shadowRoot.querySelector("img"),Ot=A?"min":"max";O.setProperty(`${Ot}-width`,"initial","important"),O.setProperty(`${Ot}-height`,"initial","important"),O.width=`${n*T}px`,O.height=`${o*T}px`;let _t=()=>{te.width=`${this.imgWidth*T}px`,te.height=`${this.imgHeight*T}px`,te.display="block"};Ee.src!==d&&(Ee.onload=()=>{this.imgWidth=Ee.naturalWidth,this.imgHeight=Ee.naturalHeight,_t()},Ee.src=d,_t()),_t(),te.transform=`translate(-${a*T}px, -${r*T}px)`}};ct=new WeakMap;l.customElements.get("media-preview-thumbnail")||l.customElements.define("media-preview-thumbnail",wd);var Hh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Wh=(i,e,t)=>(Hh(i,e,"read from private field"),t?t.call(i):e.get(i)),mb=(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)},hb=(i,e,t,a)=>(Hh(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),lr,Rd=class extends lt{constructor(){super(),mb(this,lr,void 0),hb(this,lr,this.shadowRoot.querySelector("slot")),Wh(this,lr).textContent=ze(0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_PREVIEW_TIME&&a!=null&&(Wh(this,lr).textContent=ze(a))}get mediaPreviewTime(){return D(this,s.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){U(this,s.MEDIA_PREVIEW_TIME,e)}};lr=new WeakMap;l.customElements.get("media-preview-time-display")||l.customElements.define("media-preview-time-display",Rd);var Nd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},$h=(i,e,t)=>(Nd(i,e,"read from private field"),t?t.call(i):e.get(i)),cs=(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)},xd=(i,e,t,a)=>(Nd(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ms=(i,e,t)=>(Nd(i,e,"access private method"),t),dr,vs,hs,Dd,ps,Od,Pd=class extends ue{constructor(){super(...arguments),cs(this,hs),cs(this,ps),cs(this,dr,[]),cs(this,vs,void 0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_RENDITION_LIST,s.MEDIA_RENDITION_SELECTED,s.MEDIA_RENDITION_UNAVAILABLE]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_RENDITION_SELECTED&&t!==a?this.value=a!=null?a:"auto":e===s.MEDIA_RENDITION_LIST&&t!==a&&(xd(this,dr,Kr(a)),ms(this,hs,Dd).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",ms(this,ps,Od))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",ms(this,ps,Od))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:X(this).querySelector("media-rendition-menu-button")}get mediaRenditionList(){return $h(this,dr)}set mediaRenditionList(e){xd(this,dr,e),ms(this,hs,Dd).call(this)}get mediaRenditionSelected(){return I(this,s.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){k(this,s.MEDIA_RENDITION_SELECTED,e)}};dr=new WeakMap;vs=new WeakMap;hs=new WeakSet;Dd=function(){if($h(this,vs)===JSON.stringify(this.mediaRenditionList))return;xd(this,vs,JSON.stringify(this.mediaRenditionList));let i=this.mediaRenditionList.sort((a,r)=>r.height-a.height);this.defaultSlot.textContent="";let e=!this.mediaRenditionSelected;for(let a of i){let r=this.formatMenuItemText(`${Math.min(a.width,a.height)}p`,a),n=tt({type:"radio",text:r,value:`${a.id}`,checked:a.selected&&!e});n.prepend($e(this,"checked-indicator")),this.defaultSlot.append(n)}let t=tt({type:"radio",text:this.formatMenuItemText("Auto"),value:"auto",checked:e});t.prepend($e(this,"checked-indicator")),this.defaultSlot.append(t)};ps=new WeakSet;Od=function(){if(this.value==null)return;let i=new l.CustomEvent(h.MEDIA_RENDITION_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};l.customElements.get("media-rendition-menu")||l.customElements.define("media-rendition-menu",Pd);var pb=`<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>`,Fh=c.createElement("template");Fh.innerHTML=`
-  <slot name="icon">${pb}</slot>
-`;var Ud=class extends Te{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_RENDITION_SELECTED,s.MEDIA_RENDITION_UNAVAILABLE]}constructor(){super({slotTemplate:Fh})}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",K.QUALITY())}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:X(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return I(this,s.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){k(this,s.MEDIA_RENDITION_SELECTED,e)}};l.customElements.get("media-rendition-menu-button")||l.customElements.define("media-rendition-menu-button",Ud);var Ji={SEEK_OFFSET:"seekoffset"},fs=30,vb=`<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)">${fs}</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>`,Vh=c.createElement("template");Vh.innerHTML=`
-  <slot name="icon">${vb}</slot>
-`;var fb=0,Bd=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_CURRENT_TIME,Ji.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:Vh,...e})}connectedCallback(){this.seekOffset=D(this,Ji.SEEK_OFFSET,fs),super.connectedCallback()}attributeChangedCallback(e,t,a){e===Ji.SEEK_OFFSET&&(this.seekOffset=D(this,Ji.SEEK_OFFSET,fs)),super.attributeChangedCallback(e,t,a)}get seekOffset(){return D(this,Ji.SEEK_OFFSET,fs)}set seekOffset(e){U(this,Ji.SEEK_OFFSET,e),this.setAttribute("aria-label",Y.SEEK_BACK_N_SECS({seekOffset:this.seekOffset})),Jr(jr(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return D(this,s.MEDIA_CURRENT_TIME,fb)}set mediaCurrentTime(e){U(this,s.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new l.CustomEvent(h.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",Bd);var ji={SEEK_OFFSET:"seekoffset"},bs=30,bb=`<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)">${bs}</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>`,Kh=c.createElement("template");Kh.innerHTML=`
-  <slot name="icon">${bb}</slot>
-`;var Eb=0,Wd=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_CURRENT_TIME,ji.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:Kh,...e})}connectedCallback(){this.seekOffset=D(this,ji.SEEK_OFFSET,bs),super.connectedCallback()}attributeChangedCallback(e,t,a){e===ji.SEEK_OFFSET&&(this.seekOffset=D(this,ji.SEEK_OFFSET,bs)),super.attributeChangedCallback(e,t,a)}get seekOffset(){return D(this,ji.SEEK_OFFSET,bs)}set seekOffset(e){U(this,ji.SEEK_OFFSET,e),this.setAttribute("aria-label",Y.SEEK_FORWARD_N_SECS({seekOffset:this.seekOffset})),Jr(jr(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return D(this,s.MEDIA_CURRENT_TIME,Eb)}set mediaCurrentTime(e){U(this,s.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new l.CustomEvent(h.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",Wd);var gb=Object.defineProperty,_b=(i,e,t)=>e in i?gb(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ab=(i,e,t)=>(_b(i,typeof e!="symbol"?e+"":e,t),t),Yh=c.createElement("template");Yh.innerHTML=ue.template.innerHTML+`
-  <style>
-    :host {
-      background: var(--media-settings-menu-background,
-        var(--media-menu-background,
-        var(--media-control-background,
-        var(--media-secondary-color, rgb(20 20 30 / .8)))));
-      min-width: var(--media-settings-menu-min-width, 160px);
-      border-radius: 2px 2px 0 0;
-      overflow: hidden;
-    }
-
-    :host([role="menu"]) {
-      
-      justify-content: end;
-    }
-
-    slot:not([name]) {
-      justify-content: var(--media-settings-menu-justify-content);
-      flex-direction: var(--media-settings-menu-flex-direction, column);
-      overflow: visible;
-    }
-
-    #container.has-expanded {
-      --media-settings-menu-item-opacity: 0;
-    }
-  </style>
-`;var Es=class extends ue{get anchorElement(){return this.anchor!=="auto"?super.anchorElement:X(this).querySelector("media-settings-menu-button")}};Ab(Es,"template",Yh);l.customElements.get("media-settings-menu")||l.customElements.define("media-settings-menu",Es);var Gh=c.createElement("template");Gh.innerHTML=`
-  <slot name="icon">
-    <svg aria-hidden="true" viewBox="0 0 24 24">
-      <path d="M4.5 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
-    </svg>
-  </slot>
-`;var Hd=class extends Te{static get observedAttributes(){return[...super.observedAttributes,"target"]}constructor(){super({slotTemplate:Gh})}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",K.SETTINGS())}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:X(this).querySelector("media-settings-menu")}};l.customElements.get("media-settings-menu-button")||l.customElements.define("media-settings-menu-button",Hd);var yb=Object.defineProperty,Tb=(i,e,t)=>e in i?yb(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,kb=(i,e,t)=>(Tb(i,typeof e!="symbol"?e+"":e,t),t),qh,gs=c.createElement("template");gs.innerHTML=Ei.template.innerHTML+`
-  <style>
-    slot:not([name="submenu"]) {
-      opacity: var(--media-settings-menu-item-opacity, var(--media-menu-item-opacity));
-    }
-
-    :host([aria-expanded="true"]:hover) {
-      background: transparent;
-    }
-  </style>
-`;(qh=gs.content)!=null&&qh.querySelector&&(gs.content.querySelector('slot[name="suffix"]').innerHTML=`
-    <svg aria-hidden="true" viewBox="0 0 20 24">
-      <path d="m8.12 17.585-.742-.669 4.2-4.665-4.2-4.666.743-.669 4.803 5.335-4.803 5.334Z"/>
-    </svg>
-  `);var _s=class extends Ei{};kb(_s,"template",gs);l.customElements.get("media-settings-menu-item")||l.customElements.define("media-settings-menu-item",_s);var Xh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},$d=(i,e,t)=>(Xh(i,e,"read from private field"),t?t.call(i):e.get(i)),Sb=(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)},Ib=(i,e,t,a)=>(Xh(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ea,Ke={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},Zh=[...Object.values(Ke),s.MEDIA_CURRENT_TIME,s.MEDIA_DURATION,s.MEDIA_SEEKABLE],Qh=["Enter"," "],Cb="&nbsp;/&nbsp;",zh=(i,{timesSep:e=Cb}={})=>{var t,a;let r=i.hasAttribute(Ke.REMAINING),n=i.hasAttribute(Ke.SHOW_DURATION),o=(t=i.mediaCurrentTime)!=null?t:0,[,d]=(a=i.mediaSeekable)!=null?a:[],u=0;Number.isFinite(i.mediaDuration)?u=i.mediaDuration:Number.isFinite(d)&&(u=d);let m=r?ze(0-(u-o)):ze(o);return n?`${m}${e}${ze(u)}`:m},Mb="video not loaded, unknown time.",Lb=i=>{var e;let t=i.mediaCurrentTime,[,a]=(e=i.mediaSeekable)!=null?e:[],r=null;if(Number.isFinite(i.mediaDuration)?r=i.mediaDuration:Number.isFinite(a)&&(r=a),t==null||r===null){i.setAttribute("aria-valuetext",Mb);return}let n=i.hasAttribute(Ke.REMAINING),o=i.hasAttribute(Ke.SHOW_DURATION),d=n?ai(0-(r-t)):ai(t);if(!o){i.setAttribute("aria-valuetext",d);return}let u=ai(r),m=`${d} of ${u}`;i.setAttribute("aria-valuetext",m)},Fd=class extends lt{constructor(){super(),Sb(this,ea,void 0),Ib(this,ea,this.shadowRoot.querySelector("slot")),$d(this,ea).innerHTML=`${zh(this)}`}static get observedAttributes(){return[...super.observedAttributes,...Zh,"disabled"]}connectedCallback(){let{style:e}=N(this.shadowRoot,":host(:hover:not([notoggle]))");e.setProperty("cursor","pointer"),e.setProperty("background","var(--media-control-hover-background, rgba(50 50 70 / .7))"),this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","progressbar"),this.setAttribute("aria-label",K.PLAYBACK_TIME());let t=a=>{let{key:r}=a;if(!Qh.includes(r)){this.removeEventListener("keyup",t);return}this.toggleTimeDisplay()};this.addEventListener("keydown",a=>{let{metaKey:r,altKey:n,key:o}=a;if(r||n||!Qh.includes(o)){this.removeEventListener("keyup",t);return}this.addEventListener("keyup",t)}),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){Zh.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 H(this,Ke.REMAINING)}set remaining(e){B(this,Ke.REMAINING,e)}get showDuration(){return H(this,Ke.SHOW_DURATION)}set showDuration(e){B(this,Ke.SHOW_DURATION,e)}get noToggle(){return H(this,Ke.NO_TOGGLE)}set noToggle(e){B(this,Ke.NO_TOGGLE,e)}get mediaDuration(){return D(this,s.MEDIA_DURATION)}set mediaDuration(e){U(this,s.MEDIA_DURATION,e)}get mediaCurrentTime(){return D(this,s.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){U(this,s.MEDIA_CURRENT_TIME,e)}get mediaSeekable(){let e=this.getAttribute(s.MEDIA_SEEKABLE);if(e)return e.split(":").map(t=>+t)}set mediaSeekable(e){if(e==null){this.removeAttribute(s.MEDIA_SEEKABLE);return}this.setAttribute(s.MEDIA_SEEKABLE,e.join(":"))}update(){let e=zh(this);Lb(this),e!==$d(this,ea).innerHTML&&($d(this,ea).innerHTML=e)}};ea=new WeakMap;l.customElements.get("media-time-display")||l.customElements.define("media-time-display",Fd);var Jh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ne=(i,e,t)=>(Jh(i,e,"read from private field"),t?t.call(i):e.get(i)),mt=(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)},ke=(i,e,t,a)=>(Jh(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),wb=(i,e,t,a)=>({set _(r){ke(i,e,r,t)},get _(){return ne(i,e,a)}}),ta,As,ia,ur,ys,Ts,ks,aa,_i,Ss,Is=class{constructor(e,t,a){mt(this,ta,void 0),mt(this,As,void 0),mt(this,ia,void 0),mt(this,ur,void 0),mt(this,ys,void 0),mt(this,Ts,void 0),mt(this,ks,void 0),mt(this,aa,void 0),mt(this,_i,0),mt(this,Ss,(r=performance.now())=>{ke(this,_i,requestAnimationFrame(ne(this,Ss))),ke(this,ur,performance.now()-ne(this,ia));let n=1e3/this.fps;if(ne(this,ur)>n){ke(this,ia,r-ne(this,ur)%n);let o=1e3/((r-ne(this,As))/++wb(this,ys)._),d=(r-ne(this,Ts))/1e3/this.duration,u=ne(this,ks)+d*this.playbackRate;u-ne(this,ta).valueAsNumber>0?ke(this,aa,this.playbackRate/this.duration/o):(ke(this,aa,.995*ne(this,aa)),u=ne(this,ta).valueAsNumber+ne(this,aa)),this.callback(u)}}),ke(this,ta,e),this.callback=t,this.fps=a}start(){ne(this,_i)===0&&(ke(this,ia,performance.now()),ke(this,As,ne(this,ia)),ke(this,ys,0),ne(this,Ss).call(this))}stop(){ne(this,_i)!==0&&(cancelAnimationFrame(ne(this,_i)),ke(this,_i,0))}update({start:e,duration:t,playbackRate:a}){let r=e-ne(this,ta).valueAsNumber,n=Math.abs(t-this.duration);(r>0||r<-.03||n>=.5)&&this.callback(e),ke(this,ks,e),ke(this,Ts,performance.now()),this.duration=t,this.playbackRate=a}};ta=new WeakMap;As=new WeakMap;ia=new WeakMap;ur=new WeakMap;ys=new WeakMap;Ts=new WeakMap;ks=new WeakMap;aa=new WeakMap;_i=new WeakMap;Ss=new WeakMap;var qd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ie=(i,e,t)=>(qd(i,e,"read from private field"),t?t.call(i):e.get(i)),se=(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)},ht=(i,e,t,a)=>(qd(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ce=(i,e,t)=>(qd(i,e,"access private method"),t),ra,Ai,Ls,mr,ws,Ms,hr,pr,na,sa,cr,Zd,jh,Vd,Rs,Qd,xs,zd,Ds,Xd,Kd,ep,vr,Os,Yd,tp,Rb="video not loaded, unknown time.",xb=i=>{let e=i.range,t=ai(+ap(i)),a=ai(+i.mediaSeekableEnd),r=t&&a?`${t} of ${a}`:Rb;e.setAttribute("aria-valuetext",r)},ip=c.createElement("template");ip.innerHTML=`
+`;var Bs=class extends d.HTMLElement{constructor(){super(),wp(this,Ge,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(hc.content.cloneNode(!0)))}static get observedAttributes(){return[k.MEDIA_CONTROLLER,o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,a;let r=this.getAttribute(k.MEDIA_CONTROLLER);r&&(bn(this,Ge,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=fn(this,Ge))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=fn(this,Ge))==null?void 0:e.unassociateElement)==null||t.call(e,this),bn(this,Ge,null)}attributeChangedCallback(e,t,a){var r,n,s,l,u;[o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===k.MEDIA_CONTROLLER&&(t&&((n=(r=fn(this,Ge))==null?void 0:r.unassociateElement)==null||n.call(r,this),bn(this,Ge,null)),a&&this.isConnected&&(bn(this,Ge,(s=this.getRootNode())==null?void 0:s.getElementById(a)),(u=(l=fn(this,Ge))==null?void 0:l.associateElement)==null||u.call(l,this)))}get mediaPreviewImage(){return R(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,l=t.split("#")[0],u=getComputedStyle(this),{maxWidth:c,maxHeight:f,minWidth:E,minHeight:p}=u,b=Math.min(parseInt(c)/n,parseInt(f)/s),S=Math.max(parseInt(E)/n,parseInt(p)/s),_=b<1,A=_?b:S>1?S:1,{style:P}=N(this.shadowRoot,":host"),ee=N(this.shadowRoot,"img").style,be=this.shadowRoot.querySelector("img"),_t=_?"min":"max";P.setProperty(`${_t}-width`,"initial","important"),P.setProperty(`${_t}-height`,"initial","important"),P.width=`${n*A}px`,P.height=`${s*A}px`;let at=()=>{ee.width=`${this.imgWidth*A}px`,ee.height=`${this.imgHeight*A}px`,ee.display="block"};be.src!==l&&(be.onload=()=>{this.imgWidth=be.naturalWidth,this.imgHeight=be.naturalHeight,at()},be.src=l,at()),at(),ee.transform=`translate(-${a*A}px, -${r*A}px)`}};Ge=new WeakMap;d.customElements.get("media-preview-thumbnail")||d.customElements.define("media-preview-thumbnail",Bs);var vc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},pc=(i,e,t)=>(vc(i,e,"read from private field"),t?t.call(i):e.get(i)),Lp=(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)},Rp=(i,e,t,a)=>(vc(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Pa,Hs=class extends xe{constructor(){super(),Lp(this,Pa,void 0),Rp(this,Pa,this.shadowRoot.querySelector("slot")),pc(this,Pa).textContent=Ne(0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_PREVIEW_TIME&&a!=null&&(pc(this,Pa).textContent=Ne(parseFloat(a)))}get mediaPreviewTime(){return L(this,o.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){O(this,o.MEDIA_PREVIEW_TIME,e)}};Pa=new WeakMap;d.customElements.get("media-preview-time-display")||d.customElements.define("media-preview-time-display",Hs);var wi={SEEK_OFFSET:"seekoffset"},En=30,xp=`<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)">${En}</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>`,fc=m.createElement("template");fc.innerHTML=`
+  <slot name="icon">${xp}</slot>
+`;var Dp=0,$s=class extends W{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,wi.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:fc,tooltipContent:I.SEEK_BACKWARD,...e})}connectedCallback(){this.seekOffset=L(this,wi.SEEK_OFFSET,En),super.connectedCallback()}attributeChangedCallback(e,t,a){e===wi.SEEK_OFFSET&&(this.seekOffset=L(this,wi.SEEK_OFFSET,En)),super.attributeChangedCallback(e,t,a)}get seekOffset(){return L(this,wi.SEEK_OFFSET,En)}set seekOffset(e){O(this,wi.SEEK_OFFSET,e),this.setAttribute("aria-label",K.SEEK_BACK_N_SECS({seekOffset:this.seekOffset})),Mr(wr(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return L(this,o.MEDIA_CURRENT_TIME,Dp)}set mediaCurrentTime(e){O(this,o.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new d.CustomEvent(v.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};d.customElements.get("media-seek-backward-button")||d.customElements.define("media-seek-backward-button",$s);var Li={SEEK_OFFSET:"seekoffset"},gn=30,Pp=`<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)">${gn}</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>`,bc=m.createElement("template");bc.innerHTML=`
+  <slot name="icon">${Pp}</slot>
+`;var Op=0,Ws=class extends W{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,Li.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:bc,tooltipContent:I.SEEK_FORWARD,...e})}connectedCallback(){this.seekOffset=L(this,Li.SEEK_OFFSET,gn),super.connectedCallback()}attributeChangedCallback(e,t,a){e===Li.SEEK_OFFSET&&(this.seekOffset=L(this,Li.SEEK_OFFSET,gn)),super.attributeChangedCallback(e,t,a)}get seekOffset(){return L(this,Li.SEEK_OFFSET,gn)}set seekOffset(e){O(this,Li.SEEK_OFFSET,e),this.setAttribute("aria-label",K.SEEK_FORWARD_N_SECS({seekOffset:this.seekOffset})),Mr(wr(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return L(this,o.MEDIA_CURRENT_TIME,Op)}set mediaCurrentTime(e){O(this,o.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new d.CustomEvent(v.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};d.customElements.get("media-seek-forward-button")||d.customElements.define("media-seek-forward-button",Ws);var Ac=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Fs=(i,e,t)=>(Ac(i,e,"read from private field"),t?t.call(i):e.get(i)),Np=(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)},Up=(i,e,t,a)=>(Ac(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ri,De={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},Ec=[...Object.values(De),o.MEDIA_CURRENT_TIME,o.MEDIA_DURATION,o.MEDIA_SEEKABLE],gc=["Enter"," "],Bp="&nbsp;/&nbsp;",_c=(i,{timesSep:e=Bp}={})=>{var t,a;let r=i.hasAttribute(De.REMAINING),n=i.hasAttribute(De.SHOW_DURATION),s=(t=i.mediaCurrentTime)!=null?t:0,[,l]=(a=i.mediaSeekable)!=null?a:[],u=0;Number.isFinite(i.mediaDuration)?u=i.mediaDuration:Number.isFinite(l)&&(u=l);let c=r?Ne(0-(u-s)):Ne(s);return n?`${c}${e}${Ne(u)}`:c},Hp="video not loaded, unknown time.",$p=i=>{var e;let t=i.mediaCurrentTime,[,a]=(e=i.mediaSeekable)!=null?e:[],r=null;if(Number.isFinite(i.mediaDuration)?r=i.mediaDuration:Number.isFinite(a)&&(r=a),t==null||r===null){i.setAttribute("aria-valuetext",Hp);return}let n=i.hasAttribute(De.REMAINING),s=i.hasAttribute(De.SHOW_DURATION),l=n?Ht(0-(r-t)):Ht(t);if(!s){i.setAttribute("aria-valuetext",l);return}let u=Ht(r),c=`${l} of ${u}`;i.setAttribute("aria-valuetext",c)},Vs=class extends xe{constructor(){super(),Np(this,Ri,void 0),Up(this,Ri,this.shadowRoot.querySelector("slot")),Fs(this,Ri).innerHTML=`${_c(this)}`}static get observedAttributes(){return[...super.observedAttributes,...Ec,"disabled"]}connectedCallback(){let{style:e}=N(this.shadowRoot,":host(:hover:not([notoggle]))");e.setProperty("cursor","pointer"),e.setProperty("background","var(--media-control-hover-background, rgba(50 50 70 / .7))"),this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","progressbar"),this.setAttribute("aria-label",V.PLAYBACK_TIME());let t=a=>{let{key:r}=a;if(!gc.includes(r)){this.removeEventListener("keyup",t);return}this.toggleTimeDisplay()};this.addEventListener("keydown",a=>{let{metaKey:r,altKey:n,key:s}=a;if(r||n||!gc.includes(s)){this.removeEventListener("keyup",t);return}this.addEventListener("keyup",t)}),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){Ec.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 H(this,De.REMAINING)}set remaining(e){U(this,De.REMAINING,e)}get showDuration(){return H(this,De.SHOW_DURATION)}set showDuration(e){U(this,De.SHOW_DURATION,e)}get noToggle(){return H(this,De.NO_TOGGLE)}set noToggle(e){U(this,De.NO_TOGGLE,e)}get mediaDuration(){return L(this,o.MEDIA_DURATION)}set mediaDuration(e){O(this,o.MEDIA_DURATION,e)}get mediaCurrentTime(){return L(this,o.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){O(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=_c(this);$p(this),e!==Fs(this,Ri).innerHTML&&(Fs(this,Ri).innerHTML=e)}};Ri=new WeakMap;d.customElements.get("media-time-display")||d.customElements.define("media-time-display",Vs);var yc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},re=(i,e,t)=>(yc(i,e,"read from private field"),t?t.call(i):e.get(i)),qe=(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)},ye=(i,e,t,a)=>(yc(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Wp=(i,e,t,a)=>({set _(r){ye(i,e,r,t)},get _(){return re(i,e,a)}}),xi,_n,Di,Oa,An,yn,Tn,Pi,Xt,kn,Sn=class{constructor(e,t,a){qe(this,xi,void 0),qe(this,_n,void 0),qe(this,Di,void 0),qe(this,Oa,void 0),qe(this,An,void 0),qe(this,yn,void 0),qe(this,Tn,void 0),qe(this,Pi,void 0),qe(this,Xt,0),qe(this,kn,(r=performance.now())=>{ye(this,Xt,requestAnimationFrame(re(this,kn))),ye(this,Oa,performance.now()-re(this,Di));let n=1e3/this.fps;if(re(this,Oa)>n){ye(this,Di,r-re(this,Oa)%n);let s=1e3/((r-re(this,_n))/++Wp(this,An)._),l=(r-re(this,yn))/1e3/this.duration,u=re(this,Tn)+l*this.playbackRate;u-re(this,xi).valueAsNumber>0?ye(this,Pi,this.playbackRate/this.duration/s):(ye(this,Pi,.995*re(this,Pi)),u=re(this,xi).valueAsNumber+re(this,Pi)),this.callback(u)}}),ye(this,xi,e),this.callback=t,this.fps=a}start(){re(this,Xt)===0&&(ye(this,Di,performance.now()),ye(this,_n,re(this,Di)),ye(this,An,0),re(this,kn).call(this))}stop(){re(this,Xt)!==0&&(cancelAnimationFrame(re(this,Xt)),ye(this,Xt,0))}update({start:e,duration:t,playbackRate:a}){let r=e-re(this,xi).valueAsNumber,n=Math.abs(t-this.duration);(r>0||r<-.03||n>=.5)&&this.callback(e),ye(this,Tn,e),ye(this,yn,performance.now()),this.duration=t,this.playbackRate=a}};xi=new WeakMap;_n=new WeakMap;Di=new WeakMap;Oa=new WeakMap;An=new WeakMap;yn=new WeakMap;Tn=new WeakMap;Pi=new WeakMap;Xt=new WeakMap;kn=new WeakMap;var Zs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},te=(i,e,t)=>(Zs(i,e,"read from private field"),t?t.call(i):e.get(i)),ne=(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)},Ze=(i,e,t,a)=>(Zs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),le=(i,e,t)=>(Zs(i,e,"access private method"),t),Oi,Jt,Mn,Ua,wn,Cn,Ba,Ha,Ni,Ui,Na,Qs,Tc,Ks,Ln,zs,Rn,Xs,xn,Js,Ys,kc,$a,Dn,Gs,Sc,Fp="video not loaded, unknown time.",Vp=i=>{let e=i.range,t=Ht(+Cc(i)),a=Ht(+i.mediaSeekableEnd),r=t&&a?`${t} of ${a}`:Fp;e.setAttribute("aria-valuetext",r)},Ic=m.createElement("template");Ic.innerHTML=`
   <style>
     :host {
       --media-box-border-radius: 4px;
@@ -1219,7 +932,7 @@ svg, img, ::slotted(svg), ::slotted(img) {
       opacity: 0;
     }
 
-    :host(:is([${s.MEDIA_PREVIEW_IMAGE}], [${s.MEDIA_PREVIEW_TIME}])[dragging]) [part~="preview-box"] {
+    :host(:is([${o.MEDIA_PREVIEW_IMAGE}], [${o.MEDIA_PREVIEW_TIME}])[dragging]) [part~="preview-box"] {
       transition-duration: var(--media-preview-transition-duration-in, .5s);
       transition-delay: var(--media-preview-transition-delay-in, .25s);
       visibility: visible;
@@ -1227,7 +940,7 @@ svg, img, ::slotted(svg), ::slotted(img) {
     }
 
     @media (hover: hover) {
-      :host(:is([${s.MEDIA_PREVIEW_IMAGE}], [${s.MEDIA_PREVIEW_TIME}]):hover) [part~="preview-box"] {
+      :host(:is([${o.MEDIA_PREVIEW_IMAGE}], [${o.MEDIA_PREVIEW_TIME}]):hover) [part~="preview-box"] {
         transition-duration: var(--media-preview-transition-duration-in, .5s);
         transition-delay: var(--media-preview-transition-delay-in, .25s);
         visibility: visible;
@@ -1252,20 +965,20 @@ svg, img, ::slotted(svg), ::slotted(img) {
         var(--media-preview-border-radius) var(--media-preview-border-radius) 0 0);
     }
 
-    :host([${s.MEDIA_PREVIEW_IMAGE}][dragging]) media-preview-thumbnail,
-    :host([${s.MEDIA_PREVIEW_IMAGE}][dragging]) ::slotted(media-preview-thumbnail) {
+    :host([${o.MEDIA_PREVIEW_IMAGE}][dragging]) media-preview-thumbnail,
+    :host([${o.MEDIA_PREVIEW_IMAGE}][dragging]) ::slotted(media-preview-thumbnail) {
       transition-delay: var(--media-preview-transition-delay-in, .25s);
       visibility: visible;
     }
 
     @media (hover: hover) {
-      :host([${s.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail,
-      :host([${s.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) {
+      :host([${o.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail,
+      :host([${o.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) {
         transition-delay: var(--media-preview-transition-delay-in, .25s);
         visibility: visible;
       }
 
-      :host([${s.MEDIA_PREVIEW_TIME}]:hover) {
+      :host([${o.MEDIA_PREVIEW_TIME}]:hover) {
         --media-time-range-hover-display: block;
       }
     }
@@ -1288,8 +1001,8 @@ svg, img, ::slotted(svg), ::slotted(img) {
       text-shadow: var(--media-preview-chapter-text-shadow, 0 0 4px rgb(0 0 0 / .75));
     }
 
-    :host([${s.MEDIA_PREVIEW_IMAGE}]) media-preview-chapter-display,
-    :host([${s.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-chapter-display) {
+    :host([${o.MEDIA_PREVIEW_IMAGE}]) media-preview-chapter-display,
+    :host([${o.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-chapter-display) {
       transition-delay: var(--media-preview-transition-delay-in, .25s);
       border-radius: var(--media-preview-chapter-border-radius, 0);
       padding: var(--media-preview-chapter-padding, 3.5px 9px 0);
@@ -1297,8 +1010,8 @@ svg, img, ::slotted(svg), ::slotted(img) {
       min-width: 100%;
     }
 
-    media-preview-chapter-display[${s.MEDIA_PREVIEW_CHAPTER}],
-    ::slotted(media-preview-chapter-display[${s.MEDIA_PREVIEW_CHAPTER}]) {
+    media-preview-chapter-display[${o.MEDIA_PREVIEW_CHAPTER}],
+    ::slotted(media-preview-chapter-display[${o.MEDIA_PREVIEW_CHAPTER}]) {
       visibility: visible;
     }
 
@@ -1331,15 +1044,15 @@ svg, img, ::slotted(svg), ::slotted(img) {
       ));
     }
 
-    :host([${s.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display,
-    :host([${s.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-time-display) {
+    :host([${o.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display,
+    :host([${o.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-time-display) {
       transition-delay: var(--media-preview-transition-delay-in, .25s);
       border-radius: var(--media-preview-time-border-radius,
         0 0 var(--media-preview-border-radius) var(--media-preview-border-radius));
       min-width: 100%;
     }
 
-    :host([${s.MEDIA_PREVIEW_TIME}]:hover) {
+    :host([${o.MEDIA_PREVIEW_TIME}]:hover) {
       --media-time-range-hover-display: block;
     }
 
@@ -1374,198 +1087,125 @@ svg, img, ::slotted(svg), ::slotted(img) {
       
     </slot>
   </div>
-`;var Cs=(i,e=i.mediaCurrentTime)=>{let t=Number.isFinite(i.mediaSeekableStart)?i.mediaSeekableStart:0,a=Number.isFinite(i.mediaDuration)?i.mediaDuration:i.mediaSeekableEnd;if(Number.isNaN(a))return 0;let r=(e-t)/(a-t);return Math.max(0,Math.min(r,1))},ap=(i,e=i.range.valueAsNumber)=>{let t=Number.isFinite(i.mediaSeekableStart)?i.mediaSeekableStart:0,a=Number.isFinite(i.mediaDuration)?i.mediaDuration:i.mediaSeekableEnd;return Number.isNaN(a)?0:e*(a-t)+t},Gd=class extends gi{constructor(){super(),se(this,sa),se(this,Zd),se(this,Rs),se(this,xs),se(this,Ds),se(this,Kd),se(this,vr),se(this,Yd),se(this,ra,void 0),se(this,Ai,void 0),se(this,Ls,void 0),se(this,mr,void 0),se(this,ws,void 0),se(this,Ms,void 0),se(this,hr,void 0),se(this,pr,void 0),se(this,na,void 0),se(this,Vd,t=>{this.dragging||(this.range.valueAsNumber=t,this.updateBar())}),this.container.appendChild(ip.content.cloneNode(!0)),ht(this,Ls,this.shadowRoot.querySelectorAll('[part~="box"]')),ht(this,ws,this.shadowRoot.querySelector('[part~="preview-box"]')),ht(this,Ms,this.shadowRoot.querySelector('[part~="current-box"]'));let e=getComputedStyle(this);ht(this,hr,parseInt(e.getPropertyValue("--media-box-padding-left"))),ht(this,pr,parseInt(e.getPropertyValue("--media-box-padding-right"))),ht(this,Ai,new Is(this.range,ie(this,Vd),60))}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_PAUSED,s.MEDIA_DURATION,s.MEDIA_SEEKABLE,s.MEDIA_CURRENT_TIME,s.MEDIA_PREVIEW_IMAGE,s.MEDIA_PREVIEW_TIME,s.MEDIA_PREVIEW_CHAPTER,s.MEDIA_BUFFERED,s.MEDIA_PLAYBACK_RATE,s.MEDIA_LOADING,s.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute("aria-label",K.SEEK()),ce(this,sa,cr).call(this),ht(this,ra,this.getRootNode()),(e=ie(this,ra))==null||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),ce(this,sa,cr).call(this),(e=ie(this,ra))==null||e.removeEventListener("transitionstart",this),ht(this,ra,null)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),t!=a&&(e===s.MEDIA_CURRENT_TIME||e===s.MEDIA_PAUSED||e===s.MEDIA_ENDED||e===s.MEDIA_LOADING||e===s.MEDIA_DURATION||e===s.MEDIA_SEEKABLE?(ie(this,Ai).update({start:Cs(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),ce(this,sa,cr).call(this),xb(this)):e===s.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===s.MEDIA_DURATION||e===s.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=ie(this,na),this.updateBar()))}get mediaChaptersCues(){return ie(this,na)}set mediaChaptersCues(e){var t;ht(this,na,e),this.updateSegments((t=ie(this,na))==null?void 0:t.map(a=>({start:Cs(this,a.startTime),end:Cs(this,a.endTime)})))}get mediaPaused(){return H(this,s.MEDIA_PAUSED)}set mediaPaused(e){B(this,s.MEDIA_PAUSED,e)}get mediaLoading(){return H(this,s.MEDIA_LOADING)}set mediaLoading(e){B(this,s.MEDIA_LOADING,e)}get mediaDuration(){return D(this,s.MEDIA_DURATION)}set mediaDuration(e){U(this,s.MEDIA_DURATION,e)}get mediaCurrentTime(){return D(this,s.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){U(this,s.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return D(this,s.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){U(this,s.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(s.MEDIA_BUFFERED);return e?e.split(" ").map(t=>t.split(":").map(a=>+a)):[]}set mediaBuffered(e){if(!e){this.removeAttribute(s.MEDIA_BUFFERED);return}let t=e.map(a=>a.join(":")).join(" ");this.setAttribute(s.MEDIA_BUFFERED,t)}get mediaSeekable(){let e=this.getAttribute(s.MEDIA_SEEKABLE);if(e)return e.split(":").map(t=>+t)}set mediaSeekable(e){if(e==null){this.removeAttribute(s.MEDIA_SEEKABLE);return}this.setAttribute(s.MEDIA_SEEKABLE,e.join(":"))}get mediaSeekableEnd(){var e;let[,t=this.mediaDuration]=(e=this.mediaSeekable)!=null?e:[];return t}get mediaSeekableStart(){var e;let[t=0]=(e=this.mediaSeekable)!=null?e:[];return t}get mediaPreviewImage(){return I(this,s.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){k(this,s.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return D(this,s.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){U(this,s.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return H(this,s.MEDIA_ENDED)}set mediaEnded(e){B(this,s.MEDIA_ENDED,e)}updateBar(){super.updateBar(),this.updateBufferedBar(),this.updateCurrentBox()}updateBufferedBar(){var e;let t=this.mediaBuffered;if(!t.length)return;let a;if(this.mediaEnded)a=1;else{let n=this.mediaCurrentTime,[,o=this.mediaSeekableStart]=(e=t.find(([d,u])=>d<=n&&n<=u))!=null?e:[];a=Cs(this,o)}let{style:r}=N(this.shadowRoot,"#highlight");r.setProperty("width",`${a*100}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector('slot[name="current"]').assignedElements().length)return;let t=N(this.shadowRoot,"#current-rail"),a=N(this.shadowRoot,'[part~="current-box"]'),r=ce(this,Rs,Qd).call(this,ie(this,Ms)),n=ce(this,xs,zd).call(this,r,this.range.valueAsNumber),o=ce(this,Ds,Xd).call(this,r,this.range.valueAsNumber);t.style.transform=`translateX(${n})`,t.style.setProperty("--_range-width",`${r.range.width}`),a.style.setProperty("--_box-shift",`${o}`),a.style.setProperty("--_box-width",`${r.box.width}px`),a.style.setProperty("visibility","initial")}handleEvent(e){switch(super.handleEvent(e),e.type){case"input":ce(this,Yd,tp).call(this);break;case"pointermove":ce(this,Kd,ep).call(this,e);break;case"pointerup":case"pointerleave":ce(this,vr,Os).call(this,null);break;case"transitionstart":oe(e.target,this)&&setTimeout(()=>ce(this,sa,cr).call(this),0);break}}};ra=new WeakMap;Ai=new WeakMap;Ls=new WeakMap;mr=new WeakMap;ws=new WeakMap;Ms=new WeakMap;hr=new WeakMap;pr=new WeakMap;na=new WeakMap;sa=new WeakSet;cr=function(){ce(this,Zd,jh).call(this)?ie(this,Ai).start():ie(this,Ai).stop()};Zd=new WeakSet;jh=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&xc(this)};Vd=new WeakMap;Rs=new WeakSet;Qd=function(i){var e;let a=((e=this.getAttribute("bounds")?Be(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?e:this).getBoundingClientRect(),r=this.range.getBoundingClientRect(),n=i.offsetWidth,o=-(r.left-a.left-n/2),d=a.right-r.left-n/2;return{box:{width:n,min:o,max:d},bounds:a,range:r}};xs=new WeakSet;zd=function(i,e){let t=`${e*100}%`,{width:a,min:r,max:n}=i.box;if(!a)return t;if(Number.isNaN(r)||(t=`max(${`calc(1 / var(--_range-width) * 100 * ${r}% + var(--media-box-padding-left))`}, ${t})`),!Number.isNaN(n)){let d=`calc(1 / var(--_range-width) * 100 * ${n}% - var(--media-box-padding-right))`;t=`min(${t}, ${d})`}return t};Ds=new WeakSet;Xd=function(i,e){let{width:t,min:a,max:r}=i.box,n=e*i.range.width;if(n<a+ie(this,hr)){let o=i.range.left-i.bounds.left-ie(this,hr);return`${n-t/2+o}px`}if(n>r-ie(this,pr)){let o=i.bounds.right-i.range.right-ie(this,pr);return`${n+t/2-o-i.range.width}px`}return 0};Kd=new WeakSet;ep=function(i){let e=[...ie(this,Ls)].some(f=>i.composedPath().includes(f));if(!this.dragging&&(e||!i.composedPath().includes(this))){ce(this,vr,Os).call(this,null);return}let t=this.mediaSeekableEnd;if(!t)return;let a=N(this.shadowRoot,"#preview-rail"),r=N(this.shadowRoot,'[part~="preview-box"]'),n=ce(this,Rs,Qd).call(this,ie(this,ws)),o=(i.clientX-n.range.left)/n.range.width;o=Math.max(0,Math.min(1,o));let d=ce(this,xs,zd).call(this,n,o),u=ce(this,Ds,Xd).call(this,n,o);a.style.transform=`translateX(${d})`,a.style.setProperty("--_range-width",`${n.range.width}`),r.style.setProperty("--_box-shift",`${u}`),r.style.setProperty("--_box-width",`${n.box.width}px`);let m=Math.round(ie(this,mr))-Math.round(o*t);Math.abs(m)<1&&o>.01&&o<.99||(ht(this,mr,o*t),ce(this,vr,Os).call(this,ie(this,mr)))};vr=new WeakSet;Os=function(i){this.dispatchEvent(new l.CustomEvent(h.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:i}))};Yd=new WeakSet;tp=function(){ie(this,Ai).stop();let i=ap(this);this.dispatchEvent(new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:i}))};l.customElements.get("media-time-range")||l.customElements.define("media-time-range",Gd);var Db=1,Ob=i=>i.mediaMuted?0:i.mediaVolume,Pb=({value:i})=>`${Math.round(i*100)}%`,Jd=class extends gi{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_VOLUME,s.MEDIA_MUTED,s.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.addEventListener("input",()=>{let e=this.range.value,t=new l.CustomEvent(h.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)})}connectedCallback(){super.connectedCallback(),this.range.setAttribute("aria-label",K.VOLUME())}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),(e===s.MEDIA_VOLUME||e===s.MEDIA_MUTED)&&(this.range.valueAsNumber=Ob(this),this.range.setAttribute("aria-valuetext",Pb(this.range)),this.updateBar())}get mediaVolume(){return D(this,s.MEDIA_VOLUME,Db)}set mediaVolume(e){U(this,s.MEDIA_VOLUME,e)}get mediaMuted(){return H(this,s.MEDIA_MUTED)}set mediaMuted(e){B(this,s.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return I(this,s.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){k(this,s.MEDIA_VOLUME_UNAVAILABLE,e)}};l.customElements.get("media-volume-range")||l.customElements.define("media-volume-range",Jd);var ru=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},de=(i,e,t)=>(ru(i,e,"read from private field"),t?t.call(i):e.get(i)),Se=(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)},Ge=(i,e,t,a)=>(ru(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ye=(i,e,t)=>(ru(i,e,"access private method"),t),pt,Yt,la,fr,Ps,Ns,jd,oa,eu,Us,tu,br,Bs,Ws,iu,au,rp,nu,np,Nb=`
-<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 vt(i,e,t){let a=c.createElement("media-chrome-option");a.part.add("option"),a.value=e,a.selected=t;let r=c.createElement("span");return r.textContent=i,a.append(r),a}function qe(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 sp=c.createElement("template");sp.innerHTML=`
-<style>
-  :host {
-    font: var(--media-font,
-      var(--media-font-weight, normal)
-      var(--media-font-size, 15px) /
-      var(--media-text-content-height, var(--media-control-height, 24px))
-      var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
-    color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
-    background: var(--media-listbox-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .8))));
-    border-radius: var(--media-listbox-border-radius);
-    display: inline-flex;
-    flex-direction: column;
-    position: relative;
-    box-sizing: border-box;
-  }
-
-  ::slotted([slot="header"]) {
-    padding: .4em 1.4em;
-    border-bottom: 1px solid rgb(255 255 255 / .25);
-  }
-
-  #container {
-    gap: var(--media-listbox-gap);
-    display: flex;
-    flex-direction: var(--media-listbox-flex-direction, column);
-    overflow: hidden auto;
-    padding-block: .5em;
-  }
+`;var In=(i,e=i.mediaCurrentTime)=>{let t=Number.isFinite(i.mediaSeekableStart)?i.mediaSeekableStart:0,a=Number.isFinite(i.mediaDuration)?i.mediaDuration:i.mediaSeekableEnd;if(Number.isNaN(a))return 0;let r=(e-t)/(a-t);return Math.max(0,Math.min(r,1))},Cc=(i,e=i.range.valueAsNumber)=>{let t=Number.isFinite(i.mediaSeekableStart)?i.mediaSeekableStart:0,a=Number.isFinite(i.mediaDuration)?i.mediaDuration:i.mediaSeekableEnd;return Number.isNaN(a)?0:e*(a-t)+t},qs=class extends Qt{constructor(){super(),ne(this,Ui),ne(this,Qs),ne(this,Ln),ne(this,Rn),ne(this,xn),ne(this,Ys),ne(this,$a),ne(this,Gs),ne(this,Oi,void 0),ne(this,Jt,void 0),ne(this,Mn,void 0),ne(this,Ua,void 0),ne(this,wn,void 0),ne(this,Cn,void 0),ne(this,Ba,void 0),ne(this,Ha,void 0),ne(this,Ni,void 0),ne(this,Ks,t=>{this.dragging||(Ar(t)&&(this.range.valueAsNumber=t),this.updateBar())}),this.container.appendChild(Ic.content.cloneNode(!0)),Ze(this,Mn,this.shadowRoot.querySelectorAll('[part~="box"]')),Ze(this,wn,this.shadowRoot.querySelector('[part~="preview-box"]')),Ze(this,Cn,this.shadowRoot.querySelector('[part~="current-box"]'));let e=getComputedStyle(this);Ze(this,Ba,parseInt(e.getPropertyValue("--media-box-padding-left"))),Ze(this,Ha,parseInt(e.getPropertyValue("--media-box-padding-right"))),Ze(this,Jt,new Sn(this.range,te(this,Ks),60))}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_PREVIEW_CHAPTER,o.MEDIA_BUFFERED,o.MEDIA_PLAYBACK_RATE,o.MEDIA_LOADING,o.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute("aria-label",V.SEEK()),le(this,Ui,Na).call(this),Ze(this,Oi,this.getRootNode()),(e=te(this,Oi))==null||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),le(this,Ui,Na).call(this),(e=te(this,Oi))==null||e.removeEventListener("transitionstart",this),Ze(this,Oi,null)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),t!=a&&(e===o.MEDIA_CURRENT_TIME||e===o.MEDIA_PAUSED||e===o.MEDIA_ENDED||e===o.MEDIA_LOADING||e===o.MEDIA_DURATION||e===o.MEDIA_SEEKABLE?(te(this,Jt).update({start:In(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),le(this,Ui,Na).call(this),Vp(this)):e===o.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===o.MEDIA_DURATION||e===o.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=te(this,Ni),this.updateBar()))}get mediaChaptersCues(){return te(this,Ni)}set mediaChaptersCues(e){var t;Ze(this,Ni,e),this.updateSegments((t=te(this,Ni))==null?void 0:t.map(a=>({start:In(this,a.startTime),end:In(this,a.endTime)})))}get mediaPaused(){return H(this,o.MEDIA_PAUSED)}set mediaPaused(e){U(this,o.MEDIA_PAUSED,e)}get mediaLoading(){return H(this,o.MEDIA_LOADING)}set mediaLoading(e){U(this,o.MEDIA_LOADING,e)}get mediaDuration(){return L(this,o.MEDIA_DURATION)}set mediaDuration(e){O(this,o.MEDIA_DURATION,e)}get mediaCurrentTime(){return L(this,o.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){O(this,o.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return L(this,o.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){O(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 mediaSeekableEnd(){var e;let[,t=this.mediaDuration]=(e=this.mediaSeekable)!=null?e:[];return t}get mediaSeekableStart(){var e;let[t=0]=(e=this.mediaSeekable)!=null?e:[];return t}get mediaPreviewImage(){return R(this,o.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){M(this,o.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return L(this,o.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){O(this,o.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return H(this,o.MEDIA_ENDED)}set mediaEnded(e){U(this,o.MEDIA_ENDED,e)}updateBar(){super.updateBar(),this.updateBufferedBar(),this.updateCurrentBox()}updateBufferedBar(){var e;let t=this.mediaBuffered;if(!t.length)return;let a;if(this.mediaEnded)a=1;else{let n=this.mediaCurrentTime,[,s=this.mediaSeekableStart]=(e=t.find(([l,u])=>l<=n&&n<=u))!=null?e:[];a=In(this,s)}let{style:r}=N(this.shadowRoot,"#highlight");r.setProperty("width",`${a*100}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector('slot[name="current"]').assignedElements().length)return;let t=N(this.shadowRoot,"#current-rail"),a=N(this.shadowRoot,'[part~="current-box"]'),r=le(this,Ln,zs).call(this,te(this,Cn)),n=le(this,Rn,Xs).call(this,r,this.range.valueAsNumber),s=le(this,xn,Js).call(this,r,this.range.valueAsNumber);t.style.transform=`translateX(${n})`,t.style.setProperty("--_range-width",`${r.range.width}`),a.style.setProperty("--_box-shift",`${s}`),a.style.setProperty("--_box-width",`${r.box.width}px`),a.style.setProperty("visibility","initial")}handleEvent(e){switch(super.handleEvent(e),e.type){case"input":le(this,Gs,Sc).call(this);break;case"pointermove":le(this,Ys,kc).call(this,e);break;case"pointerup":case"pointerleave":le(this,$a,Dn).call(this,null);break;case"transitionstart":ue(e.target,this)&&setTimeout(()=>le(this,Ui,Na).call(this),0);break}}};Oi=new WeakMap;Jt=new WeakMap;Mn=new WeakMap;Ua=new WeakMap;wn=new WeakMap;Cn=new WeakMap;Ba=new WeakMap;Ha=new WeakMap;Ni=new WeakMap;Ui=new WeakSet;Na=function(){le(this,Qs,Tc).call(this)?te(this,Jt).start():te(this,Jt).stop()};Qs=new WeakSet;Tc=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&Wd(this)};Ks=new WeakMap;Ln=new WeakSet;zs=function(i){var e;let a=((e=this.getAttribute("bounds")?Ue(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?e:this).getBoundingClientRect(),r=this.range.getBoundingClientRect(),n=i.offsetWidth,s=-(r.left-a.left-n/2),l=a.right-r.left-n/2;return{box:{width:n,min:s,max:l},bounds:a,range:r}};Rn=new WeakSet;Xs=function(i,e){let t=`${e*100}%`,{width:a,min:r,max:n}=i.box;if(!a)return t;if(Number.isNaN(r)||(t=`max(${`calc(1 / var(--_range-width) * 100 * ${r}% + var(--media-box-padding-left))`}, ${t})`),!Number.isNaN(n)){let l=`calc(1 / var(--_range-width) * 100 * ${n}% - var(--media-box-padding-right))`;t=`min(${t}, ${l})`}return t};xn=new WeakSet;Js=function(i,e){let{width:t,min:a,max:r}=i.box,n=e*i.range.width;if(n<a+te(this,Ba)){let s=i.range.left-i.bounds.left-te(this,Ba);return`${n-t/2+s}px`}if(n>r-te(this,Ha)){let s=i.bounds.right-i.range.right-te(this,Ha);return`${n+t/2-s-i.range.width}px`}return 0};Ys=new WeakSet;kc=function(i){let e=[...te(this,Mn)].some(f=>i.composedPath().includes(f));if(!this.dragging&&(e||!i.composedPath().includes(this))){le(this,$a,Dn).call(this,null);return}let t=this.mediaSeekableEnd;if(!t)return;let a=N(this.shadowRoot,"#preview-rail"),r=N(this.shadowRoot,'[part~="preview-box"]'),n=le(this,Ln,zs).call(this,te(this,wn)),s=(i.clientX-n.range.left)/n.range.width;s=Math.max(0,Math.min(1,s));let l=le(this,Rn,Xs).call(this,n,s),u=le(this,xn,Js).call(this,n,s);a.style.transform=`translateX(${l})`,a.style.setProperty("--_range-width",`${n.range.width}`),r.style.setProperty("--_box-shift",`${u}`),r.style.setProperty("--_box-width",`${n.box.width}px`);let c=Math.round(te(this,Ua))-Math.round(s*t);Math.abs(c)<1&&s>.01&&s<.99||(Ze(this,Ua,s*t),le(this,$a,Dn).call(this,te(this,Ua)))};$a=new WeakSet;Dn=function(i){this.dispatchEvent(new d.CustomEvent(v.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:i}))};Gs=new WeakSet;Sc=function(){te(this,Jt).stop();let i=Cc(this);this.dispatchEvent(new d.CustomEvent(v.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:i}))};d.customElements.get("media-time-range")||d.customElements.define("media-time-range",qs);var Bi={PLACEMENT:"placement",BOUNDS:"bounds"},Mc=m.createElement("template");Mc.innerHTML=`
+  <style>
+    :host {
+      --_tooltip-background-color: var(--media-tooltip-background-color, var(--media-secondary-color, rgba(20, 20, 30, .7)));
+      --_tooltip-background: var(--media-tooltip-background, var(--_tooltip-background-color));
+      --_tooltip-arrow-half-width: calc(var(--media-tooltip-arrow-width, 12px) / 2);
+      --_tooltip-arrow-height: var(--media-tooltip-arrow-height, 5px);
+      --_tooltip-arrow-background: var(--media-tooltip-arrow-color, var(--_tooltip-background-color));
+      position: relative;
+      pointer-events: none;
+      display: var(--media-tooltip-display, inline-flex);
+      justify-content: center;
+      align-items: center;
+      box-sizing: border-box;
+      z-index: var(--media-tooltip-z-index, 1);
+      background: var(--_tooltip-background);
+      color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+      font: var(--media-font,
+        var(--media-font-weight, 400)
+        var(--media-font-size, 13px) /
+        var(--media-text-content-height, var(--media-control-height, 18px))
+        var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
+      padding: var(--media-tooltip-padding, .35em .7em);
+      border: var(--media-tooltip-border, none);
+      border-radius: var(--media-tooltip-border-radius, 5px);
+      filter: var(--media-tooltip-filter, drop-shadow(0 0 4px rgba(0, 0, 0, .2)));
+      white-space: var(--media-tooltip-white-space, nowrap);
+    }
 
-  media-chrome-option {
-    padding-inline: .7em 1.4em;
-  }
+    :host([hidden]) {
+      display: none;
+    }
 
-  media-chrome-option > span {
-    margin-inline: .5ch;
-  }
+    img, svg {
+      display: inline-block;
+    }
 
-  [part~="indicator"] {
-    fill: var(--media-option-indicator-fill, var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))));
-    height: var(--media-option-indicator-height, 1.25em);
-    vertical-align: var(--media-option-indicator-vertical-align, text-top);
-  }
+    #arrow {
+      position: absolute;
+      width: 0px;
+      height: 0px;
+      border-style: solid;
+      display: var(--media-tooltip-arrow-display, block);
+    }
 
-  [part~="select-indicator"] {
-    display: var(--media-option-select-indicator-display);
-    visibility: hidden;
-  }
+    :host(:not([placement])),
+    :host([placement="top"]) {
+      position: absolute;
+      bottom: calc(100% + var(--media-tooltip-distance, 12px));
+      left: 50%;
+      transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0);
+    }
+    :host(:not([placement])) #arrow,
+    :host([placement="top"]) #arrow {
+      top: 100%;
+      left: 50%;
+      border-width: var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width);
+      border-color: var(--_tooltip-arrow-background) transparent transparent transparent;
+      transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0);
+    }
 
-  [aria-selected="true"] > [part~="select-indicator"] {
-    visibility: visible;
-  }
-</style>
-<style id="layout-row" media="width:0">
+    :host([placement="right"]) {
+      position: absolute;
+      left: calc(100% + var(--media-tooltip-distance, 12px));
+      top: 50%;
+      transform: translate(0, -50%);
+    }
+    :host([placement="right"]) #arrow {
+      top: 50%;
+      right: 100%;
+      border-width: var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0;
+      border-color: transparent var(--_tooltip-arrow-background) transparent transparent;
+      transform: translate(0, -50%);
+    }
 
-  ::slotted([slot="header"]) {
-    padding: .4em .5em;
-  }
+    :host([placement="bottom"]) {
+      position: absolute;
+      top: calc(100% + var(--media-tooltip-distance, 12px));
+      left: 50%;
+      transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0);
+    }
+    :host([placement="bottom"]) #arrow {
+      bottom: 100%;
+      left: 50%;
+      border-width: 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width);
+      border-color: transparent transparent var(--_tooltip-arrow-background) transparent;
+      transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0);
+    }
 
-  #container {
-    gap: var(--media-listbox-gap, .25em);
-    flex-direction: var(--media-listbox-flex-direction, row);
-    padding-inline: .5em;
-  }
+    :host([placement="left"]) {
+      position: absolute;
+      right: calc(100% + var(--media-tooltip-distance, 12px));
+      top: 50%;
+      transform: translate(0, -50%);
+    }
+    :host([placement="left"]) #arrow {
+      top: 50%;
+      left: 100%;
+      border-width: var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height);
+      border-color: transparent transparent transparent var(--_tooltip-arrow-background);
+      transform: translate(0, -50%);
+    }
+    
+    :host([placement="none"]) #arrow {
+      display: none;
+    }
 
-  media-chrome-option {
-    padding: .3em .24em;
-  }
-
-  media-chrome-option[aria-selected="true"] {
-    background: var(--media-option-selected-background, rgb(255 255 255 / .2));
-  }
-
-  [part~="select-indicator"] {
-    display: var(--media-option-select-indicator-display, none);
-  }
-</style>
-<slot name="header"></slot>
-<slot id="container"></slot>
-<slot name="select-indicator" hidden>${Nb}</slot>
-`;var xe=class extends l.HTMLElement{constructor(e={}){super(),Se(this,Ns),Se(this,Us),Se(this,br),Se(this,Ws),Se(this,au),Se(this,nu),Se(this,pt,void 0),Se(this,Yt,""),Se(this,la,null),Se(this,fr,!1),Se(this,Ps,t=>{this.handleClick(t)}),Se(this,oa,t=>{let{key:a}=t;if(a==="Escape"){this.removeEventListener("keyup",de(this,oa));return}if(a==="Meta"){Ge(this,fr,!1);return}Ye(this,Ns,jd).call(this,t)}),Se(this,eu,t=>{let{key:a,altKey:r}=t;if(r){this.removeEventListener("keyup",de(this,oa));return}if(a==="Meta"){Ge(this,fr,!0);return}if(this.keysUsed.includes(a)&&t.preventDefault(),de(this,fr)&&this.keysUsed.includes(a)){Ye(this,Ns,jd).call(this,t);return}this.addEventListener("keyup",de(this,oa),{once:!0})}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.nativeEl=sp.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","style",y.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&&Ye(this,Ws,iu).call(this,t)}focus(){var e;(e=this.selectedOptions[0])==null||e.focus()}enable(){this.addEventListener("click",de(this,Ps)),this.addEventListener("keydown",de(this,eu))}disable(){this.removeEventListener("click",de(this,Ps)),this.removeEventListener("keyup",de(this,oa))}attributeChangedCallback(e,t,a){var r,n,o,d,u;e==="style"&&a!==t?Ye(this,Us,tu).call(this):e===y.MEDIA_CONTROLLER?(t&&((n=(r=de(this,pt))==null?void 0:r.unassociateElement)==null||n.call(r,this),Ge(this,pt,null)),a&&this.isConnected&&(Ge(this,pt,(o=this.getRootNode())==null?void 0:o.getElementById(a)),(u=(d=de(this,pt))==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;Ye(this,Us,tu).call(this),this.hasAttribute("disabled")||this.enable(),this.hasAttribute("role")||this.setAttribute("role","listbox");let r=this.getAttribute(y.MEDIA_CONTROLLER);r&&(Ge(this,pt,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=de(this,pt))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=de(this,pt))==null?void 0:e.unassociateElement)==null||t.call(e,this),Ge(this,pt,null)}get keysUsed(){return["Enter"," ","ArrowDown","ArrowUp","Home","End"]}handleSelection(e,t){let a=Ye(this,br,Bs).call(this,e);a&&Ye(this,Ws,iu).call(this,a,t)}handleMovement(e){let{key:t}=e,a=this.options,r=Ye(this,br,Bs).call(this,e);r||(r=a.filter(o=>o.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=Ye(this,au,rp).call(this,t);break}n&&(a.forEach(o=>o.setAttribute("tabindex","-1")),n.setAttribute("tabindex","0"),n.focus())}handleClick(e){let t=Ye(this,br,Bs).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"))}};pt=new WeakMap;Yt=new WeakMap;la=new WeakMap;fr=new WeakMap;Ps=new WeakMap;Ns=new WeakSet;jd=function(i){let{key:e}=i;e==="Enter"||e===" "?this.handleSelection(i,this.hasAttribute("aria-multiselectable")&&this.getAttribute("aria-multiselectable")==="true"):this.handleMovement(i)};oa=new WeakMap;eu=new WeakMap;Us=new WeakSet;tu=function(){var i;let e=this.shadowRoot.querySelector("#layout-row"),t=((i=getComputedStyle(this).getPropertyValue("--media-listbox-layout"))==null?void 0:i.trim())==="row";e.setAttribute("media",t?"":"width:0")};br=new WeakSet;Bs=function(i){let e=i.composedPath(),t=e.findIndex(a=>a.nodeName==="MEDIA-CHROME-OPTION");return e[t]};Ws=new WeakSet;iu=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}))};au=new WeakSet;rp=function(i){Ye(this,nu,np).call(this);let e=this.options,t=e.findIndex(m=>m.getAttribute("tabindex")==="0");Ge(this,Yt,de(this,Yt)+i);let a=de(this,Yt).split("").every(m=>m===i),r=e.slice(t+(a?1:0)).filter(m=>m.textContent.toLowerCase().startsWith(de(this,Yt))),n=e.slice(0,t-(a?1:0)).filter(m=>m.textContent.toLowerCase().startsWith(de(this,Yt))),o=[],d=[];return a&&(o=e.slice(t+(a?1:0)).filter(m=>m.textContent.startsWith(i)),d=e.slice(0,t-(a?1:0)).filter(m=>m.textContent.startsWith(i))),[...r,...n,...o,...d][0]};nu=new WeakSet;np=function(){clearTimeout(de(this,la)),Ge(this,la,null),Ge(this,la,setTimeout(()=>{Ge(this,Yt,""),Ge(this,la,null)},500))};l.customElements.get("media-chrome-listbox")||l.customElements.define("media-chrome-listbox",xe);var cu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},lu=(i,e,t)=>(cu(i,e,"read from private field"),t?t.call(i):e.get(i)),su=(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)},ou=(i,e,t,a)=>(cu(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),op=(i,e,t)=>(cu(i,e,"access private method"),t),Hs,da,$s,du,lp=c.createElement("template");lp.innerHTML=`
-<style>
-  :host {
-    cursor: pointer;
-    display: block;
-    line-height: revert;
-    white-space: nowrap;
-    white-space-collapse: collapse;
-    text-wrap: nowrap;
-    padding: .4em .5em;
-    transition: var(--media-option-transition);
-    outline: var(--media-option-outline, 0);
-    outline-offset: var(--media-option-outline-offset, -1px);
-  }
-
-  :host(:focus-visible) {
-    box-shadow: var(--media-option-focus-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
-    outline: var(--media-option-hover-outline, 0);
-    outline-offset: var(--media-option-hover-outline-offset,  var(--media-option-outline-offset, -1px));
-  }
-
-  :host(:hover) {
-    cursor: pointer;
-    background: var(--media-option-hover-background, rgb(82 82 122 / .8));
-    outline: var(--media-option-hover-outline);
-    outline-offset: var(--media-option-hover-outline-offset,  var(--media-option-outline-offset, -1px));
-  }
-
-  :host([aria-selected="true"]) {
-    background: var(--media-option-selected-background);
-  }
-
-  :host([disabled]) {
-    pointer-events: none;
-    color: rgba(255, 255, 255, .3);
-  }
-</style>
-<slot></slot>
-`;var Gt={VALUE:"value",SELECTED:"selected",DISABLED:"disabled"},Fs=class extends l.HTMLElement{constructor(){super(),su(this,$s),su(this,Hs,!1),su(this,da,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(lp.content.cloneNode(!0)))}static get observedAttributes(){return[Gt.DISABLED,Gt.SELECTED,Gt.VALUE]}get value(){var e;return(e=this.getAttribute(Gt.VALUE))!=null?e:this.text}set value(e){this.setAttribute(Gt.VALUE,e)}get text(){var e;return((e=this.textContent)!=null?e:"").trim()}get selected(){return this.getAttribute("aria-selected")==="true"}set selected(e){ou(this,Hs,!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===Gt.SELECTED&&!lu(this,Hs)?this.setAttribute("aria-selected",a!=null?"true":"false"):e===Gt.DISABLED&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){this.hasAttribute(Gt.DISABLED)||this.enable(),this.setAttribute("role","option"),ou(this,da,uu(this,this.parentNode)),op(this,$s,du).call(this)}disconnectedCallback(){this.disable(),op(this,$s,du).call(this),ou(this,da,null)}handleClick(){}};Hs=new WeakMap;da=new WeakMap;$s=new WeakSet;du=function(){var i;let e=(i=lu(this,da))==null?void 0:i.options;if(!e)return;let t=e.filter(a=>a.getAttribute("aria-selected")==="true").pop();t||(t=e[0]),lu(this,da).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 uu(i,e){if(!i)return null;let{host:t}=i.getRootNode();return!e&&t?uu(i,t):e!=null&&e.options?e:uu(e,e==null?void 0:e.parentNode)}l.customElements.get("media-chrome-option")||l.customElements.define("media-chrome-option",Fs);var hu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},_=(i,e,t)=>(hu(i,e,"read from private field"),t?t.call(i):e.get(i)),be=(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)},ft=(i,e,t,a)=>(hu(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),yi=(i,e,t)=>(hu(i,e,"access private method"),t),bt,me,Er,J,Ze,ua,Vs,Ks,Ys,Gs,qs,mu,pu,dp,ca,gr,Ti,up=c.createElement("template");up.innerHTML=`
-  <style>
-  :host {
-    font: var(--media-font,
-      var(--media-font-weight, normal)
-      var(--media-font-size, 15px) /
-      var(--media-text-content-height, var(--media-control-height, 24px))
-      var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
-    color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
-    display: inline-flex;
-    position: relative;
-    flex-shrink: .5;
-  }
-
-  [name=listbox]::slotted(*),
-  [part=listbox] {
-    position: absolute;
-    bottom: 100%;
-    max-height: 300px;
-    transition: var(--media-selectmenu-transition-in,
-      visibility 0s, transform .15s ease-out, opacity .15s ease-out);
-    transform: var(--media-listbox-transform-in, translateY(0) scale(1));
-    visibility: visible;
-    opacity: 1;
-  }
-
-  [name=listbox][hidden]::slotted(*),
-  [hidden] [part=listbox] {
-    transition: var(--media-selectmenu-transition-out,
-      visibility .15s ease-out, transform .15s ease-out, opacity .15s ease-out);
-    transform: var(--media-listbox-transform-out, translateY(2px) scale(.99));
-    visibility: hidden;
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  slot[name=listbox][hidden] {
-    display: block;
-  }
   </style>
-
-  <slot name="button">
-    <media-chrome-button aria-haspopup="listbox" part="button">
-      <slot name="button-content"></slot>
-    </media-chrome-button>
-  </slot>
-  <slot name="listbox" hidden>
-    <media-chrome-listbox id="listbox" part="listbox">
-      <slot></slot>
-    </media-chrome-listbox>
-  </slot>
-`;var De=class extends l.HTMLElement{constructor(){var e;super(),be(this,qs),be(this,pu),be(this,ca),be(this,bt,void 0),be(this,me,void 0),be(this,Er,void 0),be(this,J,void 0),be(this,Ze,void 0),be(this,ua,t=>{let{key:a}=t;if(!this.keysUsed.includes(a)){this.removeEventListener("keyup",_(this,ua));return}t.composedPath().includes(_(this,me))&&(a==="Enter"||a===" ")?yi(this,qs,mu).call(this):a==="Escape"&&yi(this,ca,gr).call(this)}),be(this,Vs,t=>{let{metaKey:a,altKey:r,key:n}=t;if(a||r||!this.keysUsed.includes(n)){this.removeEventListener("keyup",_(this,ua));return}t.preventDefault(),this.addEventListener("keyup",_(this,ua),{once:!0})}),be(this,Ks,t=>{t.composedPath().includes(this)||yi(this,ca,gr).call(this)}),be(this,Ys,t=>{t.composedPath().includes(_(this,me))&&yi(this,qs,mu).call(this)}),be(this,Gs,()=>{yi(this,ca,gr).call(this)}),be(this,Ti,()=>{if(_(this,J).offsetWidth===0)return;let t=_(this,J).offsetWidth,a=_(this,me).getBoundingClientRect();if(this.hasAttribute("mediacontroller")||_(this,me).hasAttribute("mediacontroller")||_(this,J).hasAttribute("mediacontroller")){_(this,J).style.zIndex="1",_(this,J).style.bottom="unset",_(this,J).style.right=null,_(this,J).style.left="0",_(this,J).style.top=`${a.height}px`;return}let n=_r(this).getBoundingClientRect(),o=a.x+t,d=Math.max(a.right-o,a.right-n.right);_(this,J).style.left=null,_(this,J).style.right=`${d}px`,_(this,J).style.maxHeight=`${n.height-a.height}px`}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(up.content.cloneNode(!0))),(e=this.init)==null||e.call(this),ft(this,me,this.shadowRoot.querySelector("[part=button]")),ft(this,J,this.shadowRoot.querySelector("[part=listbox]")),ft(this,Er,this.shadowRoot.querySelector("slot[name=button]")),_(this,Er).addEventListener("slotchange",()=>{let t=_(this,Er).assignedElements()[0];if(!t)return;ft(this,me,t),_(this,me).preventClick=!0,this.hasAttribute("disabled")||_(this,me).hasAttribute("disabled")?this.disable():(this.enable(),_(this,me).setAttribute("aria-haspopup","listbox"))}),ft(this,Ze,this.shadowRoot.querySelector("slot[name=listbox]")),_(this,Ze).addEventListener("slotchange",()=>{ft(this,J,_(this,Ze).assignedElements()[0]||_(this,J))})}static get observedAttributes(){return["disabled",y.MEDIA_CONTROLLER]}enable(){_(this,me).toggleAttribute("disabled",!1),this.addEventListener("change",_(this,Gs)),this.addEventListener("keydown",_(this,Vs)),this.addEventListener("click",_(this,Ys)),c.addEventListener("click",_(this,Ks))}disable(){_(this,me).toggleAttribute("disabled",!0),this.removeEventListener("change",_(this,Gs)),this.removeEventListener("keydown",_(this,Vs)),this.removeEventListener("keyup",_(this,ua)),this.removeEventListener("click",_(this,Ys)),c.removeEventListener("click",_(this,Ks))}attributeChangedCallback(e,t,a){var r,n,o,d,u;e===y.MEDIA_CONTROLLER?(t&&((n=(r=_(this,bt))==null?void 0:r.unassociateElement)==null||n.call(r,this),ft(this,bt,null),_(this,J).removeAttribute(y.MEDIA_CONTROLLER)),a&&this.isConnected&&(ft(this,bt,(o=this.getRootNode())==null?void 0:o.getElementById(a)),(u=(d=_(this,bt))==null?void 0:d.associateElement)==null||u.call(d,this),_(this,J).setAttribute(y.MEDIA_CONTROLLER,a))):e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e,t,a;let{style:r}=N(this.shadowRoot,":host");r.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let n=this.getAttribute(y.MEDIA_CONTROLLER);n&&(ft(this,bt,(e=this.getRootNode())==null?void 0:e.getElementById(n)),(a=(t=_(this,bt))==null?void 0:t.associateElement)==null||a.call(t,this),_(this,J).setAttribute(y.MEDIA_CONTROLLER,n)),this.hasAttribute("disabled")||this.enable(),_(this,Ze).hidden||Me(_r(this),_(this,Ti))}disconnectedCallback(){var e,t;Xe(_r(this),_(this,Ti)),this.disable(),(t=(e=_(this,bt))==null?void 0:e.unassociateElement)==null||t.call(e,this),ft(this,bt,null),_(this,J).removeAttribute(y.MEDIA_CONTROLLER)}get keysUsed(){return["Enter","Escape"," ","ArrowUp","ArrowDown","f","c","k","m"]}};bt=new WeakMap;me=new WeakMap;Er=new WeakMap;J=new WeakMap;Ze=new WeakMap;ua=new WeakMap;Vs=new WeakMap;Ks=new WeakMap;Ys=new WeakMap;Gs=new WeakMap;qs=new WeakSet;mu=function(){_(this,Ze).hidden?yi(this,pu,dp).call(this):yi(this,ca,gr).call(this)};pu=new WeakSet;dp=function(){_(this,Ze).hidden&&(_(this,Ze).hidden=!1,_(this,me).setAttribute("aria-expanded","true"),_(this,Ti).call(this),_(this,J).focus(),Me(_r(this),_(this,Ti)))};ca=new WeakSet;gr=function(){if(_(this,Ze).hidden)return;Xe(_r(this),_(this,Ti));let i=ri();_(this,Ze).hidden=!0,_(this,me).setAttribute("aria-expanded","false"),oe(_(this,J),i)&&_(this,me).focus()};Ti=new WeakMap;function _r(i){var e;return(e=i.getAttribute("bounds")?Be(i,`#${i.getAttribute("bounds")}`):Ub(i)||i.parentElement)!=null?e:i}function Ub(i){var e;let t=i.getAttribute(y.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):Be(i,"media-controller")}l.customElements.get("media-chrome-selectmenu")||l.customElements.define("media-chrome-selectmenu",De);var gu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Bb=(i,e,t)=>(gu(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)},Wb=(i,e,t,a)=>(gu(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),fu=(i,e,t)=>(gu(i,e,"access private method"),t),Qs,bu,hp,Zs,Eu,Hb=`
-<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>`,pp=c.createElement("template");pp.innerHTML=`
-  <slot name="captions-indicator" hidden>${Hb}</slot>
-`;var zs=class extends xe{constructor(){super({slotTemplate:pp}),vu(this,bu),vu(this,Zs),vu(this,Qs,void 0)}static get observedAttributes(){return[...super.observedAttributes,"aria-multiselectable",s.MEDIA_SUBTITLES_LIST,s.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_SUBTITLES_LIST&&t!==a?fu(this,bu,hp).call(this):e===s.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.textTracks API."))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",fu(this,Zs,Eu))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",fu(this,Zs,Eu))}get mediaSubtitlesList(){return cp(this,s.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){mp(this,s.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return cp(this,s.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){mp(this,s.MEDIA_SUBTITLES_SHOWING,e)}};Qs=new WeakMap;bu=new WeakSet;hp=function(){var i;if(Bb(this,Qs)===JSON.stringify(this.mediaSubtitlesList))return;Wb(this,Qs,JSON.stringify(this.mediaSubtitlesList));let e=this.shadowRoot.querySelector("#container");e.textContent="";let t=!this.value,a=vt(this.formatOptionText("Off"),"off",t);a.prepend(qe(this,"select-indicator")),e.append(a);let r=this.mediaSubtitlesList;for(let n of r){let o=vt(this.formatOptionText(n.label,n),li(n),this.value==li(n));o.prepend(qe(this,"select-indicator")),((i=n.kind)!=null?i:"subs")==="captions"&&o.append(qe(this,"captions-indicator")),e.append(o)}};Zs=new WeakSet;Eu=function(){let i=this.mediaSubtitlesShowing,e=this.getAttribute(s.MEDIA_SUBTITLES_SHOWING),t=this.value!==e;if(i!=null&&i.length&&t&&this.dispatchEvent(new l.CustomEvent(h.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:i})),!this.value||!t)return;let a=new l.CustomEvent(h.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(a)};var cp=(i,e)=>{let t=i.getAttribute(e);return t?kt(t):[]},mp=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=He(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};l.customElements.get("media-captions-listbox")||l.customElements.define("media-captions-listbox",zs);var Xs=class extends De{init(){let e=c.createElement("media-captions-button");e.part.add("button"),e.preventClick=!0;let t=c.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",Xs);var vp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Js=(i,e,t)=>(vp(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)},Ar=(i,e,t)=>(vp(i,e,"access private method"),t),ma,yr,js,eo,yu,Au={RATES:"rates"},to=class extends xe{constructor(){super(),_u(this,yr),_u(this,eo),_u(this,ma,new Le(this,Au.RATES,{defaultValue:nr})),Ar(this,yr,js).call(this)}static get observedAttributes(){return[...super.observedAttributes,"aria-multiselectable",s.MEDIA_PLAYBACK_RATE,Au.RATES]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_PLAYBACK_RATE&&t!=a?this.value=a:e===Au.RATES&&t!=a&&(Js(this,ma).value=a,Ar(this,yr,js).call(this))}get rates(){return Js(this,ma)}set rates(e){e?Array.isArray(e)&&(Js(this,ma).value=e.join(" ")):Js(this,ma).value="",Ar(this,yr,js).call(this)}get mediaPlaybackRate(){return D(this,s.MEDIA_PLAYBACK_RATE,Kt)}set mediaPlaybackRate(e){U(this,s.MEDIA_PLAYBACK_RATE,e)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Ar(this,eo,yu))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Ar(this,eo,yu))}};ma=new WeakMap;yr=new WeakSet;js=function(){let i=this.shadowRoot.querySelector("#container");i.textContent="";for(let e of this.rates){let t=vt(this.formatOptionText(`${e}x`,e),e,this.mediaPlaybackRate==e);t.prepend(qe(this,"select-indicator")),i.append(t)}};eo=new WeakSet;yu=function(){if(!this.value)return;let i=new l.CustomEvent(h.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",to);var io=class extends De{init(){let e=c.createElement("media-playback-rate-button");e.part.add("button"),e.preventClick=!0;let t=c.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",io);var Iu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},fp=(i,e,t)=>(Iu(i,e,"read from private field"),t?t.call(i):e.get(i)),ao=(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)},Tu=(i,e,t,a)=>(Iu(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ro=(i,e,t)=>(Iu(i,e,"access private method"),t),Tr,oo,no,ku,so,Su,lo=class extends xe{constructor(){super(...arguments),ao(this,no),ao(this,so),ao(this,Tr,[]),ao(this,oo,void 0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_RENDITION_LIST,s.MEDIA_RENDITION_SELECTED]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_RENDITION_SELECTED&&t!==a?this.value=a!=null?a:"auto":e===s.MEDIA_RENDITION_LIST&&t!==a&&(Tu(this,Tr,Kr(a)),ro(this,no,ku).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",ro(this,so,Su))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",ro(this,so,Su))}get mediaRenditionList(){return fp(this,Tr)}set mediaRenditionList(e){Tu(this,Tr,e),ro(this,no,ku).call(this)}get mediaRenditionSelected(){return I(this,s.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){k(this,s.MEDIA_RENDITION_SELECTED,e)}};Tr=new WeakMap;oo=new WeakMap;no=new WeakSet;ku=function(){if(fp(this,oo)===JSON.stringify(this.mediaRenditionList))return;Tu(this,oo,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),o=vt(n,`${r.id}`,r.selected&&!t);o.prepend(qe(this,"select-indicator")),e.append(o)}let a=vt(this.formatOptionText("Auto"),"auto",t);a.prepend(qe(this,"select-indicator")),e.append(a)};so=new WeakSet;Su=function(){if(this.value==null)return;let i=new l.CustomEvent(h.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",lo);var $b=`<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>`,bp=c.createElement("template");bp.innerHTML=`
-  <slot name="icon">${$b}</slot>
-`;var Cu=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_RENDITION_SELECTED,s.MEDIA_RENDITION_UNAVAILABLE]}constructor(){super({slotTemplate:bp})}get mediaRenditionSelected(){return I(this,s.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){k(this,s.MEDIA_RENDITION_SELECTED,e)}};l.customElements.get("media-rendition-button")||l.customElements.define("media-rendition-button",Cu);var uo=class extends De{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_RENDITION_SELECTED,s.MEDIA_RENDITION_UNAVAILABLE]}init(){let e=c.createElement("media-rendition-button");e.part.add("button"),e.preventClick=!0;let t=c.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",uo);var Ru=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ep=(i,e,t)=>(Ru(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)},Mu=(i,e,t,a)=>(Ru(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),mo=(i,e,t)=>(Ru(i,e,"access private method"),t),kr,vo,ho,Lu,po,wu,fo=class extends xe{constructor(){super(...arguments),co(this,ho),co(this,po),co(this,kr,[]),co(this,vo,void 0)}static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_AUDIO_TRACK_LIST,s.MEDIA_AUDIO_TRACK_ENABLED]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===s.MEDIA_AUDIO_TRACK_ENABLED&&t!==a?this.value=a:e===s.MEDIA_AUDIO_TRACK_LIST&&t!==a&&(Mu(this,kr,Yr(a)),mo(this,ho,Lu).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",mo(this,po,wu))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",mo(this,po,wu))}get mediaAudioTrackList(){return Ep(this,kr)}set mediaAudioTrackList(e){Mu(this,kr,e),mo(this,ho,Lu).call(this)}get mediaAudioTrackEnabled(){return I(this,s.MEDIA_AUDIO_TRACK_ENABLED)}set mediaAudioTrackEnabled(e){k(this,s.MEDIA_AUDIO_TRACK_ENABLED,e)}};kr=new WeakMap;vo=new WeakMap;ho=new WeakSet;Lu=function(){if(Ep(this,vo)===JSON.stringify(this.mediaAudioTrackList))return;Mu(this,vo,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=vt(a,`${t.id}`,t.enabled);r.prepend(qe(this,"select-indicator")),e.append(r)}};po=new WeakSet;wu=function(){if(this.value==null)return;let i=new l.CustomEvent(h.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",fo);var Fb=`<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>`,gp=c.createElement("template");gp.innerHTML=`
-  <slot name="icon">${Fb}</slot>
-`;var xu=class extends P{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_AUDIO_TRACK_ENABLED,s.MEDIA_AUDIO_TRACK_UNAVAILABLE]}constructor(){super({slotTemplate:gp})}get mediaAudioTrackEnabled(){return I(this,s.MEDIA_AUDIO_TRACK_ENABLED)}set mediaAudioTrackEnabled(e){k(this,s.MEDIA_AUDIO_TRACK_ENABLED,e)}};l.customElements.get("media-audio-track-button")||l.customElements.define("media-audio-track-button",xu);var bo=class extends De{static get observedAttributes(){return[...super.observedAttributes,s.MEDIA_AUDIO_TRACK_ENABLED,s.MEDIA_AUDIO_TRACK_UNAVAILABLE]}init(){let e=c.createElement("media-audio-track-button");e.part.add("button"),e.preventClick=!0;let t=c.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",bo);var E=yv(require("@mux/mux-video")),Q=require("@mux/playback-core");var wp=require("@mux/mux-video");var Vb="en",ki={code:Vb};var _p="en";function C(i,e=!0){var r,n;let t=e&&(n=(r=ki)==null?void 0:r[i])!=null?n:i,a=e?ki.code:_p;return new Du(t,a)}var Du=class{constructor(e,t=(a=>(a=ki.code)!=null?a:_p)()){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 Ap(i){let e="";return Object.entries(i).forEach(([t,a])=>{a!=null&&(e+=`${Eo(t)}: ${a}; `)}),e?e.trim():void 0}function Eo(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function go(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function Oe(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function Ou(i){let e=Kb(i).toString();return e?"?"+e:""}function Kb(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}function qt(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 Pu=(i,e)=>!i||!e?!1:i.contains(e)?!0:Pu(i,e.getRootNode().host);var _o=require("@mux/playback-core");var yp="mux.com",Yb=()=>{try{return"2.9.1"}catch{}return"UNKNOWN"},Gb=Yb(),yo=()=>Gb,Tp=(i,{token:e,customDomain:t=yp,thumbnailTime:a,programTime:r}={})=>{let n=e==null?a:void 0,{aud:o}=qt(e);if(!(e&&o!=="t"))return`https://image.${t}/${i}/thumbnail.webp${Ou({token:e,time:n,program_time:r})}`},kp=(i,{token:e,customDomain:t=yp,programStartTime:a,programEndTime:r}={})=>{let{aud:n}=qt(e);if(!(e&&n!=="s"))return`https://image.${t}/${i}/storyboard.vtt${Ou({token:e,format:"webp",program_start_time:a,program_end_time:r})}`},Sr=i=>{if(i){if([_o.StreamTypes.LIVE,_o.StreamTypes.ON_DEMAND].includes(i))return i;if(i!=null&&i.includes("live"))return _o.StreamTypes.LIVE}};var qb={crossorigin:"crossOrigin",playsinline:"playsInline"};function Sp(i){var e;return(e=qb[i])!=null?e:go(i)}var Si,Ii,pe,Ao=class{constructor(e,t){z(this,Si,void 0);z(this,Ii,void 0);z(this,pe,[]);Ce(this,Si,e),Ce(this,Ii,t)}[Symbol.iterator](){return L(this,pe).values()}get length(){return L(this,pe).length}get value(){var e;return(e=L(this,pe).join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(Ce(this,pe,[]),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return L(this,pe)[e]}values(){return L(this,pe).values()}keys(){return L(this,pe).keys()}forEach(e){L(this,pe).forEach(e)}add(...e){var t,a;e.forEach(r=>{this.contains(r)||L(this,pe).push(r)}),!(this.value===""&&!((t=L(this,Si))!=null&&t.hasAttribute(`${L(this,Ii)}`)))&&((a=L(this,Si))==null||a.setAttribute(`${L(this,Ii)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>{L(this,pe).splice(L(this,pe).indexOf(a),1)}),(t=L(this,Si))==null||t.setAttribute(`${L(this,Ii)}`,`${this.value}`)}contains(e){return L(this,pe).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)}};Si=new WeakMap,Ii=new WeakMap,pe=new WeakMap;var Ip=`[mux-player ${yo()}]`;function Zt(...i){console.warn(Ip,...i)}function Ie(...i){console.error(Ip,...i)}function Nu(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+=` ${C("Read more: ")}
-${a}${i.file}`}Zt(e)}var he={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},Ci={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},Mp=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}}),Zb=wp.VideoEvents.filter(i=>i!=="error"),Qb=Object.values(he).filter(i=>![he.PLAYSINLINE].includes(i)),zb=Object.values(Ci),ha,Uu=class extends q.HTMLElement{constructor(){super();z(this,ha,new WeakMap);let t=r=>{for(let n of r)n.type==="childList"&&(n.removedNodes.forEach(o=>{var d;(d=L(this,ha).get(o))==null||d.remove()}),n.addedNodes.forEach(o=>{var u;let d=o;d!=null&&d.slot||(u=this.media)==null||u.append(Lp(L(this,ha),o))}))};new MutationObserver(t).observe(this,{childList:!0,subtree:!0})}static get observedAttributes(){return[...Qb,...zb]}init(){this.querySelectorAll(":scope > :not([slot])").forEach(t=>{var a;(a=this.media)==null||a.append(Lp(L(this,ha),t))}),Zb.forEach(t=>{var a;(a=this.media)==null||a.addEventListener(t,r=>{this.dispatchEvent(new Event(r.type))})})}attributeChangedCallback(t,a,r){var n,o;switch(t){case Ci.MUTED:{this.media&&(this.media.muted=r!=null,this.media.defaultMuted=r!=null);return}case Ci.VOLUME:{let d=(n=Oe(r))!=null?n:1;this.media&&(this.media.volume=d);return}case Ci.PLAYBACKRATE:{let d=(o=Oe(r))!=null?o:1;this.media&&(this.media.playbackRate=d,this.media.defaultPlaybackRate=d);return}}}play(){var t,a;return(a=(t=this.media)==null?void 0:t.play())!=null?a:Promise.reject()}pause(){var t;(t=this.media)==null||t.pause()}load(){var t;(t=this.media)==null||t.load()}requestCast(t){var a;return(a=this.media)==null?void 0:a.requestCast(t)}get media(){var t;return(t=this.shadowRoot)==null?void 0:t.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 t,a;return(a=(t=this.media)==null?void 0:t.paused)!=null?a:!0}get duration(){var t,a;return(a=(t=this.media)==null?void 0:t.duration)!=null?a:NaN}get ended(){var t,a;return(a=(t=this.media)==null?void 0:t.ended)!=null?a:!1}get buffered(){var t,a;return(a=(t=this.media)==null?void 0:t.buffered)!=null?a:Mp}get seekable(){var t,a;return(a=(t=this.media)==null?void 0:t.seekable)!=null?a:Mp}get readyState(){var t,a;return(a=(t=this.media)==null?void 0:t.readyState)!=null?a:0}get videoWidth(){var t,a;return(a=(t=this.media)==null?void 0:t.videoWidth)!=null?a:0}get videoHeight(){var t,a;return(a=(t=this.media)==null?void 0:t.videoHeight)!=null?a:0}get currentSrc(){var t,a;return(a=(t=this.media)==null?void 0:t.currentSrc)!=null?a:""}get currentTime(){var t,a;return(a=(t=this.media)==null?void 0:t.currentTime)!=null?a:0}set currentTime(t){this.media&&(this.media.currentTime=Number(t))}get volume(){var t,a;return(a=(t=this.media)==null?void 0:t.volume)!=null?a:1}set volume(t){this.media&&(this.media.volume=Number(t))}get playbackRate(){var t,a;return(a=(t=this.media)==null?void 0:t.playbackRate)!=null?a:1}set playbackRate(t){this.media&&(this.media.playbackRate=Number(t))}get defaultPlaybackRate(){var t;return(t=Oe(this.getAttribute(Ci.PLAYBACKRATE)))!=null?t:1}set defaultPlaybackRate(t){t!=null?this.setAttribute(Ci.PLAYBACKRATE,`${t}`):this.removeAttribute(Ci.PLAYBACKRATE)}get crossOrigin(){return Ir(this,he.CROSSORIGIN)}set crossOrigin(t){this.setAttribute(he.CROSSORIGIN,`${t}`)}get autoplay(){return Ir(this,he.AUTOPLAY)!=null}set autoplay(t){t?this.setAttribute(he.AUTOPLAY,typeof t=="string"?t:""):this.removeAttribute(he.AUTOPLAY)}get loop(){return Ir(this,he.LOOP)!=null}set loop(t){t?this.setAttribute(he.LOOP,""):this.removeAttribute(he.LOOP)}get muted(){var t,a;return(a=(t=this.media)==null?void 0:t.muted)!=null?a:!1}set muted(t){this.media&&(this.media.muted=!!t)}get defaultMuted(){return Ir(this,he.MUTED)!=null}set defaultMuted(t){t?this.setAttribute(he.MUTED,""):this.removeAttribute(he.MUTED)}get playsInline(){return Ir(this,he.PLAYSINLINE)!=null}set playsInline(t){Ie("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(t){["","none","metadata","auto"].includes(t)?this.setAttribute(he.PRELOAD,t):this.removeAttribute(he.PRELOAD)}};ha=new WeakMap;function Ir(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}function Lp(i,e){let t=i.get(e);return t||(t=e.cloneNode(),i.set(e,t)),t}var Bu=Uu;var Xb=Object.defineProperty,Jb=(i,e,t)=>e in i?Xb(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,jb=(i,e,t)=>(Jb(i,typeof e!="symbol"?e+"":e,t),t),Pp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},S=(i,e,t)=>(Pp(i,e,"read from private field"),t?t.call(i):e.get(i)),Et=(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)=>(Pp(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),pa,To,Mi,Cr,Qt,zt,Xt,Li,va,ko,Qe,Rp=1,xp=0,e0=1,t0={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 ve&&typeof r.element[r.attributeName]=="boolean"?r.booleanValue=n:typeof n=="function"&&r instanceof ve?r.element[r.attributeName]=n:r.value=n}}}},Lt=class extends l.DocumentFragment{constructor(e,t,a=t0){var r;super(),Et(this,pa,void 0),Et(this,To,void 0),this.append(e.content.cloneNode(!0)),Mt(this,pa,Np(this)),Mt(this,To,a),(r=a.createCallback)==null||r.call(a,this,S(this,pa),t),a.processCallback(this,S(this,pa),t)}update(e){S(this,To).processCallback(this,S(this,pa),e)}};pa=new WeakMap;To=new WeakMap;var Np=(i,e=[])=>{let t,a;for(let r of i.attributes||[])if(r.value.includes("{{")){let n=new Wu;for([t,a]of Op(r.value))if(!t)n.append(a);else{let o=new ve(i,r.name,r.namespaceURI);n.append(o),e.push([a,o])}r.value=n.toString()}for(let r of i.childNodes)if(r.nodeType===Rp&&!(r instanceof HTMLTemplateElement))Np(r,e);else if(r.nodeType===Rp||r.data.includes("{{")){let n=[];if(r.data)for([t,a]of Op(r.data))if(!t)n.push(new Text(a));else{let o=new wt(i);n.push(o),e.push([a,o])}else if(r instanceof HTMLTemplateElement){let o=new Mr(i,r);n.push(o),e.push([o.expression,o])}r.replaceWith(...n.flatMap(o=>o.replacementNodes||[o]))}return e},Dp={},Op=i=>{let e="",t=0,a=Dp[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([xp,e]),e="",r++):n==="}"&&i[r+1]==="}"&&i[r-1]!=="\\"&&!--t?(a.push([e0,e.trim()]),e="",r++):e+=n||"";return e&&a.push([xp,(t>0?"{{":"")+e]),Dp[i]=a},i0=11,So=class{get value(){return""}set value(e){}toString(){return this.value}},Up=new WeakMap,Wu=class{constructor(){Et(this,Mi,[])}[Symbol.iterator](){return S(this,Mi).values()}get length(){return S(this,Mi).length}item(e){return S(this,Mi)[e]}append(...e){for(let t of e)t instanceof ve&&Up.set(t,this),S(this,Mi).push(t)}toString(){return S(this,Mi).join("")}};Mi=new WeakMap;var ve=class extends So{constructor(e,t,a){super(),Et(this,Li),Et(this,Cr,""),Et(this,Qt,void 0),Et(this,zt,void 0),Et(this,Xt,void 0),Mt(this,Qt,e),Mt(this,zt,t),Mt(this,Xt,a)}get attributeName(){return S(this,zt)}get attributeNamespace(){return S(this,Xt)}get element(){return S(this,Qt)}get value(){return S(this,Cr)}set value(e){S(this,Cr)!==e&&(Mt(this,Cr,e),!S(this,Li,va)||S(this,Li,va).length===1?e==null?S(this,Qt).removeAttributeNS(S(this,Xt),S(this,zt)):S(this,Qt).setAttributeNS(S(this,Xt),S(this,zt),e):S(this,Qt).setAttributeNS(S(this,Xt),S(this,zt),S(this,Li,va)))}get booleanValue(){return S(this,Qt).hasAttributeNS(S(this,Xt),S(this,zt))}set booleanValue(e){if(!S(this,Li,va)||S(this,Li,va).length===1)this.value=e?"":null;else throw new DOMException("Value is not fully templatized")}};Cr=new WeakMap;Qt=new WeakMap;zt=new WeakMap;Xt=new WeakMap;Li=new WeakSet;va=function(){return Up.get(this)};var wt=class extends So{constructor(e,t){super(),Et(this,ko,void 0),Et(this,Qe,void 0),Mt(this,ko,e),Mt(this,Qe,t?[...t]:[new Text])}get replacementNodes(){return S(this,Qe)}get parentNode(){return S(this,ko)}get nextSibling(){return S(this,Qe)[S(this,Qe).length-1].nextSibling}get previousSibling(){return S(this,Qe)[0].previousSibling}get value(){return S(this,Qe).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===i0?[...a.childNodes]:a.nodeType?[a]:[new Text(a)]);t.length||t.push(new Text),Mt(this,Qe,a0(S(this,Qe)[0].parentNode,S(this,Qe),t,this.nextSibling))}};ko=new WeakMap;Qe=new WeakMap;var Mr=class extends wt{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),jb(this,"directive"),this.expression=r,this.template=t,this.directive=a}};function a0(i,e,t,a=null){let r=0,n,o,d,u=t.length,m=e.length;for(;r<u&&r<m&&e[r]==t[r];)r++;for(;r<u&&r<m&&t[u-1]==e[m-1];)a=t[--m,--u];if(r==m)for(;r<u;)i.insertBefore(t[r++],a);if(r==u)for(;r<m;)i.removeChild(e[r++]);else{for(n=e[r];r<u;)d=t[r++],o=n?n.nextSibling:a,n==d?n=o:r<u&&t[r]==o?(i.replaceChild(d,n),n=o):i.insertBefore(d,n);for(;n!=a;)o=n.nextSibling,i.removeChild(n),n=o}return t}var Bp={string:i=>String(i)},Co=class{constructor(e){this.template=e,this.state=void 0}},wi=new WeakMap,Ri=new WeakMap,Hu={partial:(i,e)=>{e[i.expression]=new Co(i.template)},if:(i,e)=>{var t;if(Hp(i.expression,e))if(wi.get(i)!==i.template){wi.set(i,i.template);let a=new Lt(i.template,e,Mo);i.replace(a),Ri.set(i,a)}else(t=Ri.get(i))==null||t.update(e);else i.replace(""),wi.delete(i),Ri.delete(i)}},r0=Object.keys(Hu),Mo={processCallback(i,e,t){var a,r;if(t)for(let[n,o]of e){if(o instanceof Mr){if(!o.directive){let u=r0.find(m=>o.template.hasAttribute(m));u&&(o.directive=u,o.expression=o.template.getAttribute(u))}(a=Hu[o.directive])==null||a.call(Hu,o,t);continue}let d=Hp(n,t);if(d instanceof Co){wi.get(o)!==d.template?(wi.set(o,d.template),d=new Lt(d.template,d.state,Mo),o.value=d,Ri.set(o,d)):(r=Ri.get(o))==null||r.update(d.state);continue}d?(o instanceof ve&&o.attributeName.startsWith("aria-")&&(d=String(d)),o instanceof ve?typeof d=="boolean"?o.booleanValue=d:typeof d=="function"?o.element[o.attributeName]=d:o.value=d:(o.value=d,wi.delete(o),Ri.delete(o))):o instanceof ve?o.value=void 0:(o.value=void 0,wi.delete(o),Ri.delete(o))}}},Wp={"!":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=Bp[e])==null?void 0:t.call(Bp,i)}};function n0(i){return s0(i,{boolean:/true|false/,number:/-?\d+\.?\d*/,string:/(["'])((?:\\.|[^\\])*?)\1/,operator:/[!=><][=!]?|\?\?|\|/,ws:/\s+/,param:/[$a-z_][$\w]*/i}).filter(({type:e})=>e!=="ws")}function Hp(i,e={}){var t,a,r,n,o,d,u;let m=n0(i);if(m.length===0||m.some(({type:f})=>!f))return Lr(i);if(((t=m[0])==null?void 0:t.token)===">"){let f=e[(a=m[1])==null?void 0:a.token];if(!f)return Lr(i);let g={...e};f.state=g;let v=m.slice(2);for(let b=0;b<v.length;b+=3){let R=(r=v[b])==null?void 0:r.token,A=(n=v[b+1])==null?void 0:n.token,T=(o=v[b+2])==null?void 0:o.token;R&&A==="="&&(g[R]=wr(T,e))}return f}if(m.length===1)return Io(m[0])?wr(m[0].token,e):Lr(i);if(m.length===2){let f=(d=m[0])==null?void 0:d.token,g=Wp[f];if(!g||!Io(m[1]))return Lr(i);let v=wr(m[1].token,e);return g(v)}if(m.length===3){let f=(u=m[1])==null?void 0:u.token,g=Wp[f];if(!g||!Io(m[0])||!Io(m[2]))return Lr(i);let v=wr(m[0].token,e);if(f==="|")return g(v,m[2].token);let b=wr(m[2].token,e);return g(v,b)}}function Lr(i){return console.warn(`Warning: invalid expression \`${i}\``),!1}function Io({type:i}){return["number","boolean","string","param"].includes(i)}function wr(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):Gr(i)?parseFloat(i):e[i]}function s0(i,e){let t,a,r,n=[];for(;i;){r=null,t=i.length;for(let o in e)a=e[o].exec(i),a&&a.index<t&&(r={token:a[0],type:o,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 o0=Object.defineProperty,l0=(i,e,t)=>e in i?o0(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,xr=(i,e,t)=>(l0(i,typeof e!="symbol"?e+"":e,t),t),Gu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Vu=(i,e,t)=>(Gu(i,e,"read from private field"),t?t.call(i):e.get(i)),Rr=(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)},xi=(i,e,t,a)=>(Gu(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),$u=(i,e,t)=>(Gu(i,e,"access private method"),t),fa,Lo,ba,Ku,$p,wo,Yu,Fu={mediatargetlivewindow:"targetlivewindow",mediastreamtype:"streamtype"},Fp=c.createElement("template");Fp.innerHTML=`
+  <slot></slot>
+  <div id="arrow"></div>
+`;var js=class extends d.HTMLElement{constructor(){if(super(),this.updateXOffset=()=>{var e;let t=this.placement;if(t==="left"||t==="right"){this.style.removeProperty("--media-tooltip-offset-x");return}let a=getComputedStyle(this),r=(e=Ue(this,"#"+this.bounds))!=null?e:q(this);if(!r)return;let{x:n,width:s}=r.getBoundingClientRect(),{x:l,width:u}=this.getBoundingClientRect(),c=l+u,f=n+s,E=a.getPropertyValue("--media-tooltip-offset-x"),p=E?parseFloat(E.replace("px","")):0,b=a.getPropertyValue("--media-tooltip-container-margin"),S=b?parseFloat(b.replace("px","")):0,_=l-n+p-S,A=c-f+p+S;if(_<0){this.style.setProperty("--media-tooltip-offset-x",`${_}px`);return}if(A>0){this.style.setProperty("--media-tooltip-offset-x",`${A}px`);return}this.style.removeProperty("--media-tooltip-offset-x")},this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Mc.content.cloneNode(!0))),this.arrowEl=this.shadowRoot.querySelector("#arrow"),Object.prototype.hasOwnProperty.call(this,"placement")){let e=this.placement;delete this.placement,this.placement=e}}static get observedAttributes(){return[Bi.PLACEMENT,Bi.BOUNDS]}get placement(){return R(this,Bi.PLACEMENT)}set placement(e){M(this,Bi.PLACEMENT,e)}get bounds(){return R(this,Bi.BOUNDS)}set bounds(e){M(this,Bi.BOUNDS,e)}};d.customElements.get("media-tooltip")||d.customElements.define("media-tooltip",js);var Kp=1,Yp=i=>i.mediaMuted?0:i.mediaVolume,Gp=i=>`${Math.round(i*100)}%`,el=class extends Qt{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME,o.MEDIA_MUTED,o.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.addEventListener("input",()=>{let e=this.range.value,t=new d.CustomEvent(v.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)})}connectedCallback(){super.connectedCallback(),this.range.setAttribute("aria-label",V.VOLUME())}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),(e===o.MEDIA_VOLUME||e===o.MEDIA_MUTED)&&(this.range.valueAsNumber=Yp(this),this.range.setAttribute("aria-valuetext",Gp(this.range.valueAsNumber)),this.updateBar())}get mediaVolume(){return L(this,o.MEDIA_VOLUME,Kp)}set mediaVolume(e){O(this,o.MEDIA_VOLUME,e)}get mediaMuted(){return H(this,o.MEDIA_MUTED)}set mediaMuted(e){U(this,o.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return R(this,o.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){M(this,o.MEDIA_VOLUME_UNAVAILABLE,e)}};d.customElements.get("media-volume-range")||d.customElements.define("media-volume-range",el);var g=hh(require("@mux/mux-video")),z=require("@mux/playback-core");var Hc=require("@mux/mux-video");var qp="en",jt={code:qp};var wc="en";function y(i,e=!0){var r,n;let t=e&&(n=(r=jt)==null?void 0:r[i])!=null?n:i,a=e?jt.code:wc;return new tl(t,a)}var tl=class{constructor(e,t=(a=>(a=jt.code)!=null?a:wc)()){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 Lc(i){let e="";return Object.entries(i).forEach(([t,a])=>{a!=null&&(e+=`${Pn(t)}: ${a}; `)}),e?e.trim():void 0}function Pn(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function On(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function Se(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function il(i){let e=Zp(i).toString();return e?"?"+e:""}function Zp(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}function ct(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 al=(i,e)=>!i||!e?!1:i.contains(e)?!0:al(i,e.getRootNode().host);var Nn=require("@mux/playback-core");var Rc="mux.com",Qp=()=>{try{return"3.0.0"}catch{}return"UNKNOWN"},zp=Qp(),Bn=()=>zp,xc=(i,{token:e,customDomain:t=Rc,thumbnailTime:a,programTime:r}={})=>{let n=e==null?a:void 0,{aud:s}=ct(e);if(!(e&&s!=="t"))return`https://image.${t}/${i}/thumbnail.webp${il({token:e,time:n,program_time:r})}`},Dc=(i,{token:e,customDomain:t=Rc,programStartTime:a,programEndTime:r}={})=>{let{aud:n}=ct(e);if(!(e&&n!=="s"))return`https://image.${t}/${i}/storyboard.vtt${il({token:e,format:"webp",program_start_time:a,program_end_time:r})}`},Wa=i=>{if(i){if([Nn.StreamTypes.LIVE,Nn.StreamTypes.ON_DEMAND].includes(i))return i;if(i!=null&&i.includes("live"))return Nn.StreamTypes.LIVE}};var Xp={crossorigin:"crossOrigin",playsinline:"playsInline"};function Pc(i){var e;return(e=Xp[i])!=null?e:On(i)}var ei,ti,ce,Un=class{constructor(e,t){X(this,ei,void 0);X(this,ti,void 0);X(this,ce,[]);ke(this,ei,e),ke(this,ti,t)}[Symbol.iterator](){return w(this,ce).values()}get length(){return w(this,ce).length}get value(){var e;return(e=w(this,ce).join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(ke(this,ce,[]),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return w(this,ce)[e]}values(){return w(this,ce).values()}keys(){return w(this,ce).keys()}forEach(e){w(this,ce).forEach(e)}add(...e){var t,a;e.forEach(r=>{this.contains(r)||w(this,ce).push(r)}),!(this.value===""&&!((t=w(this,ei))!=null&&t.hasAttribute(`${w(this,ti)}`)))&&((a=w(this,ei))==null||a.setAttribute(`${w(this,ti)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>{w(this,ce).splice(w(this,ce).indexOf(a),1)}),(t=w(this,ei))==null||t.setAttribute(`${w(this,ti)}`,`${this.value}`)}contains(e){return w(this,ce).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)}};ei=new WeakMap,ti=new WeakMap,ce=new WeakMap;var Oc=`[mux-player ${Bn()}]`;function Qe(...i){console.warn(Oc,...i)}function fe(...i){console.error(Oc,...i)}function rl(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}`}Qe(e)}var de={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},ii={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},Uc=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}}),Jp=Hc.VideoEvents.filter(i=>i!=="error"),jp=Object.values(de).filter(i=>![de.PLAYSINLINE].includes(i)),ev=Object.values(ii),Hi,nl=class extends Z.HTMLElement{constructor(){super();X(this,Hi,new WeakMap);let t=r=>{for(let n of r)n.type==="childList"&&(n.removedNodes.forEach(s=>{var l;(l=w(this,Hi).get(s))==null||l.remove()}),n.addedNodes.forEach(s=>{var u;let l=s;l!=null&&l.slot||(u=this.media)==null||u.append(Bc(w(this,Hi),s))}))};new MutationObserver(t).observe(this,{childList:!0,subtree:!0})}static get observedAttributes(){return[...jp,...ev]}init(){this.querySelectorAll(":scope > :not([slot])").forEach(t=>{var a;(a=this.media)==null||a.append(Bc(w(this,Hi),t))}),Jp.forEach(t=>{var a;(a=this.media)==null||a.addEventListener(t,r=>{this.dispatchEvent(new Event(r.type))})})}attributeChangedCallback(t,a,r){var n,s;switch(t){case ii.MUTED:{this.media&&(this.media.muted=r!=null,this.media.defaultMuted=r!=null);return}case ii.VOLUME:{let l=(n=Se(r))!=null?n:1;this.media&&(this.media.volume=l);return}case ii.PLAYBACKRATE:{let l=(s=Se(r))!=null?s:1;this.media&&(this.media.playbackRate=l,this.media.defaultPlaybackRate=l);return}}}play(){var t,a;return(a=(t=this.media)==null?void 0:t.play())!=null?a:Promise.reject()}pause(){var t;(t=this.media)==null||t.pause()}load(){var t;(t=this.media)==null||t.load()}requestCast(t){var a;return(a=this.media)==null?void 0:a.requestCast(t)}get media(){var t;return(t=this.shadowRoot)==null?void 0:t.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 t,a;return(a=(t=this.media)==null?void 0:t.paused)!=null?a:!0}get duration(){var t,a;return(a=(t=this.media)==null?void 0:t.duration)!=null?a:NaN}get ended(){var t,a;return(a=(t=this.media)==null?void 0:t.ended)!=null?a:!1}get buffered(){var t,a;return(a=(t=this.media)==null?void 0:t.buffered)!=null?a:Uc}get seekable(){var t,a;return(a=(t=this.media)==null?void 0:t.seekable)!=null?a:Uc}get readyState(){var t,a;return(a=(t=this.media)==null?void 0:t.readyState)!=null?a:0}get videoWidth(){var t,a;return(a=(t=this.media)==null?void 0:t.videoWidth)!=null?a:0}get videoHeight(){var t,a;return(a=(t=this.media)==null?void 0:t.videoHeight)!=null?a:0}get currentSrc(){var t,a;return(a=(t=this.media)==null?void 0:t.currentSrc)!=null?a:""}get currentTime(){var t,a;return(a=(t=this.media)==null?void 0:t.currentTime)!=null?a:0}set currentTime(t){this.media&&(this.media.currentTime=Number(t))}get volume(){var t,a;return(a=(t=this.media)==null?void 0:t.volume)!=null?a:1}set volume(t){this.media&&(this.media.volume=Number(t))}get playbackRate(){var t,a;return(a=(t=this.media)==null?void 0:t.playbackRate)!=null?a:1}set playbackRate(t){this.media&&(this.media.playbackRate=Number(t))}get defaultPlaybackRate(){var t;return(t=Se(this.getAttribute(ii.PLAYBACKRATE)))!=null?t:1}set defaultPlaybackRate(t){t!=null?this.setAttribute(ii.PLAYBACKRATE,`${t}`):this.removeAttribute(ii.PLAYBACKRATE)}get crossOrigin(){return Fa(this,de.CROSSORIGIN)}set crossOrigin(t){this.setAttribute(de.CROSSORIGIN,`${t}`)}get autoplay(){return Fa(this,de.AUTOPLAY)!=null}set autoplay(t){t?this.setAttribute(de.AUTOPLAY,typeof t=="string"?t:""):this.removeAttribute(de.AUTOPLAY)}get loop(){return Fa(this,de.LOOP)!=null}set loop(t){t?this.setAttribute(de.LOOP,""):this.removeAttribute(de.LOOP)}get muted(){var t,a;return(a=(t=this.media)==null?void 0:t.muted)!=null?a:!1}set muted(t){this.media&&(this.media.muted=!!t)}get defaultMuted(){return Fa(this,de.MUTED)!=null}set defaultMuted(t){t?this.setAttribute(de.MUTED,""):this.removeAttribute(de.MUTED)}get playsInline(){return Fa(this,de.PLAYSINLINE)!=null}set playsInline(t){fe("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(t){["","none","metadata","auto"].includes(t)?this.setAttribute(de.PRELOAD,t):this.removeAttribute(de.PRELOAD)}};Hi=new WeakMap;function Fa(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}function Bc(i,e){let t=i.get(e);return t||(t=e.cloneNode(),i.set(e,t)),t}var ol=nl;var Kc=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},T=(i,e,t)=>(Kc(i,e,"read from private field"),t?t.call(i):e.get(i)),ze=(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)=>(Kc(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),$i,Hn,ai,Va,wt,Lt,Rt,ri,Wi,$n,Pe,$c=1,Wc=0,tv=1,iv={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 me&&typeof r.element[r.attributeName]=="boolean"?r.booleanValue=n:typeof n=="function"&&r instanceof me?r.element[r.attributeName]=n:r.value=n}}}},ht=class extends d.DocumentFragment{constructor(e,t,a=iv){var r;super(),ze(this,$i,void 0),ze(this,Hn,void 0),this.append(e.content.cloneNode(!0)),mt(this,$i,Yc(this)),mt(this,Hn,a),(r=a.createCallback)==null||r.call(a,this,T(this,$i),t),a.processCallback(this,T(this,$i),t)}update(e){T(this,Hn).processCallback(this,T(this,$i),e)}};$i=new WeakMap;Hn=new WeakMap;var Yc=(i,e=[])=>{let t,a;for(let r of i.attributes||[])if(r.value.includes("{{")){let n=new sl;for([t,a]of Vc(r.value))if(!t)n.append(a);else{let s=new me(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===$c&&!(r instanceof HTMLTemplateElement))Yc(r,e);else{let n=r.data;if(r.nodeType===$c||n.includes("{{")){let s=[];if(n)for([t,a]of Vc(n))if(!t)s.push(new Text(a));else{let l=new pt(i);s.push(l),e.push([a,l])}else if(r instanceof HTMLTemplateElement){let l=new Ka(i,r);s.push(l),e.push([l.expression,l])}r.replaceWith(...s.flatMap(l=>l.replacementNodes||[l]))}}return e},Fc={},Vc=i=>{let e="",t=0,a=Fc[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([Wc,e]),e="",r++):n==="}"&&i[r+1]==="}"&&i[r-1]!=="\\"&&!--t?(a.push([tv,e.trim()]),e="",r++):e+=n||"";return e&&a.push([Wc,(t>0?"{{":"")+e]),Fc[i]=a},av=11,Wn=class{get value(){return""}set value(e){}toString(){return this.value}},Gc=new WeakMap,sl=class{constructor(){ze(this,ai,[])}[Symbol.iterator](){return T(this,ai).values()}get length(){return T(this,ai).length}item(e){return T(this,ai)[e]}append(...e){for(let t of e)t instanceof me&&Gc.set(t,this),T(this,ai).push(t)}toString(){return T(this,ai).join("")}};ai=new WeakMap;var me=class extends Wn{constructor(e,t,a){super(),ze(this,ri),ze(this,Va,""),ze(this,wt,void 0),ze(this,Lt,void 0),ze(this,Rt,void 0),mt(this,wt,e),mt(this,Lt,t),mt(this,Rt,a)}get attributeName(){return T(this,Lt)}get attributeNamespace(){return T(this,Rt)}get element(){return T(this,wt)}get value(){return T(this,Va)}set value(e){T(this,Va)!==e&&(mt(this,Va,e),!T(this,ri,Wi)||T(this,ri,Wi).length===1?e==null?T(this,wt).removeAttributeNS(T(this,Rt),T(this,Lt)):T(this,wt).setAttributeNS(T(this,Rt),T(this,Lt),e):T(this,wt).setAttributeNS(T(this,Rt),T(this,Lt),T(this,ri,Wi).toString()))}get booleanValue(){return T(this,wt).hasAttributeNS(T(this,Rt),T(this,Lt))}set booleanValue(e){if(!T(this,ri,Wi)||T(this,ri,Wi).length===1)this.value=e?"":null;else throw new DOMException("Value is not fully templatized")}};Va=new WeakMap;wt=new WeakMap;Lt=new WeakMap;Rt=new WeakMap;ri=new WeakSet;Wi=function(){return Gc.get(this)};var pt=class extends Wn{constructor(e,t){super(),ze(this,$n,void 0),ze(this,Pe,void 0),mt(this,$n,e),mt(this,Pe,t?[...t]:[new Text])}get replacementNodes(){return T(this,Pe)}get parentNode(){return T(this,$n)}get nextSibling(){return T(this,Pe)[T(this,Pe).length-1].nextSibling}get previousSibling(){return T(this,Pe)[0].previousSibling}get value(){return T(this,Pe).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===av?[...a.childNodes]:a.nodeType?[a]:[new Text(a)]);t.length||t.push(new Text),mt(this,Pe,rv(T(this,Pe)[0].parentNode,T(this,Pe),t,this.nextSibling))}};$n=new WeakMap;Pe=new WeakMap;var Ka=class extends pt{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),this.expression=r,this.template=t,this.directive=a}};function rv(i,e,t,a=null){let r=0,n,s,l,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;)l=t[r++],s=n?n.nextSibling:a,n==l?n=s:r<u&&t[r]==s?(i.replaceChild(l,n),n=s):i.insertBefore(l,n);for(;n!=a;)s=n.nextSibling,i.removeChild(n),n=s}return t}var qc={string:i=>String(i)},Vn=class{constructor(e){this.template=e,this.state=void 0}},ni=new WeakMap,oi=new WeakMap,ll={partial:(i,e)=>{e[i.expression]=new Vn(i.template)},if:(i,e)=>{var t;if(Qc(i.expression,e))if(ni.get(i)!==i.template){ni.set(i,i.template);let a=new ht(i.template,e,Kn);i.replace(a),oi.set(i,a)}else(t=oi.get(i))==null||t.update(e);else i.replace(""),ni.delete(i),oi.delete(i)}},nv=Object.keys(ll),Kn={processCallback(i,e,t){var a,r;if(t)for(let[n,s]of e){if(s instanceof Ka){if(!s.directive){let u=nv.find(c=>s.template.hasAttribute(c));u&&(s.directive=u,s.expression=s.template.getAttribute(u))}(a=ll[s.directive])==null||a.call(ll,s,t);continue}let l=Qc(n,t);if(l instanceof Vn){ni.get(s)!==l.template?(ni.set(s,l.template),l=new ht(l.template,l.state,Kn),s.value=l,oi.set(s,l)):(r=oi.get(s))==null||r.update(l.state);continue}l?(s instanceof me&&s.attributeName.startsWith("aria-")&&(l=String(l)),s instanceof me?typeof l=="boolean"?s.booleanValue=l:typeof l=="function"?s.element[s.attributeName]=l:s.value=l:(s.value=l,ni.delete(s),oi.delete(s))):s instanceof me?s.value=void 0:(s.value=void 0,ni.delete(s),oi.delete(s))}}},Zc={"!":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=qc[e])==null?void 0:t.call(qc,i)}};function ov(i){return sv(i,{boolean:/true|false/,number:/-?\d+\.?\d*/,string:/(["'])((?:\\.|[^\\])*?)\1/,operator:/[!=><][=!]?|\?\?|\|/,ws:/\s+/,param:/[$a-z_][$\w]*/i}).filter(({type:e})=>e!=="ws")}function Qc(i,e={}){var t,a,r,n,s,l,u;let c=ov(i);if(c.length===0||c.some(({type:f})=>!f))return Ya(i);if(((t=c[0])==null?void 0:t.token)===">"){let f=e[(a=c[1])==null?void 0:a.token];if(!f)return Ya(i);let E={...e};f.state=E;let p=c.slice(2);for(let b=0;b<p.length;b+=3){let S=(r=p[b])==null?void 0:r.token,_=(n=p[b+1])==null?void 0:n.token,A=(s=p[b+2])==null?void 0:s.token;S&&_==="="&&(E[S]=Ga(A,e))}return f}if(c.length===1)return Fn(c[0])?Ga(c[0].token,e):Ya(i);if(c.length===2){let f=(l=c[0])==null?void 0:l.token,E=Zc[f];if(!E||!Fn(c[1]))return Ya(i);let p=Ga(c[1].token,e);return E(p)}if(c.length===3){let f=(u=c[1])==null?void 0:u.token,E=Zc[f];if(!E||!Fn(c[0])||!Fn(c[2]))return Ya(i);let p=Ga(c[0].token,e);if(f==="|")return E(p,c[2].token);let b=Ga(c[2].token,e);return E(p,b)}}function Ya(i){return console.warn(`Warning: invalid expression \`${i}\``),!1}function Fn({type:i}){return["number","boolean","string","param"].includes(i)}function Ga(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):yr(i)?parseFloat(i):e[i]}function sv(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 pl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},cl=(i,e,t)=>(pl(i,e,"read from private field"),t?t.call(i):e.get(i)),qa=(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)},si=(i,e,t,a)=>(pl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),dl=(i,e,t)=>(pl(i,e,"access private method"),t),Fi,Yn,Vi,ml,zc,Gn,hl,ul={mediatargetlivewindow:"targetlivewindow",mediastreamtype:"streamtype"},Xc=m.createElement("template");Xc.innerHTML=`
   <style>
     :host {
       display: inline-block;
       line-height: 0;
+
+      /* Hide theme element until the breakpoints are available to avoid flicker. */
+      visibility: hidden;
     }
 
     media-controller {
@@ -1573,10 +1213,13 @@ ${a}${i.file}`}Zt(e)}var he={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:
       height: 100%;
     }
 
-    media-controller:not([mediasubtitleslist]) media-captions-selectmenu,
     media-captions-button:not([mediasubtitleslist]),
-    media-rendition-selectmenu[mediarenditionunavailable],
-    media-audio-track-selectmenu[mediaaudiotrackunavailable],
+    media-captions-menu:not([mediasubtitleslist]),
+    media-captions-menu-button:not([mediasubtitleslist]),
+    media-audio-track-menu[mediaaudiotrackunavailable],
+    media-audio-track-menu-button[mediaaudiotrackunavailable],
+    media-rendition-menu[mediarenditionunavailable],
+    media-rendition-menu-button[mediarenditionunavailable],
     media-volume-range[mediavolumeunavailable],
     media-airplay-button[mediaairplayunavailable],
     media-fullscreen-button[mediafullscreenunavailable],
@@ -1585,7 +1228,7 @@ ${a}${i.file}`}Zt(e)}var he={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:
       display: none;
     }
   </style>
-`;var Jt=class extends l.HTMLElement{constructor(){super(),Rr(this,Ku),Rr(this,wo),xr(this,"renderRoot"),xr(this,"renderer"),Rr(this,fa,void 0),Rr(this,Lo,void 0),Rr(this,ba,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:!!(Fu[r.attributeName]||r.attributeName.startsWith("breakpoint"))})&&this.render()});e.observe(this,{attributes:!0}),e.observe(this.renderRoot,{attributes:!0,subtree:!0}),this.addEventListener(yt.BREAKPOINTS_COMPUTED,this.render),$u(this,Ku,$p).call(this,"template")}get mediaController(){return this.renderRoot.querySelector("media-controller")}get template(){var e;return(e=Vu(this,fa))!=null?e:this.constructor.template}set template(e){xi(this,ba,null),xi(this,fa,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:o})=>Fu[o]||o.startsWith("breakpoint")),...Array.from(this.attributes)],n={};for(let o of r){let d=(a=Fu[o.name])!=null?a:kc(o.name),{value:u}=o;u!=null?(Gr(u)&&(u=parseFloat(u)),n[d]=u===""?!0:u):n[d]=!1}return n}attributeChangedCallback(e,t,a){e==="template"&&t!=a&&$u(this,wo,Yu).call(this)}connectedCallback(){$u(this,wo,Yu).call(this)}createRenderer(){this.template&&this.template!==Vu(this,Lo)&&(xi(this,Lo,this.template),this.renderer=new Lt(this.template,this.props,this.constructor.processor),this.renderRoot.textContent="",this.renderRoot.append(Fp.content.cloneNode(!0),this.renderer))}render(){var e;(e=this.renderer)==null||e.update(this.props)}};fa=new WeakMap;Lo=new WeakMap;ba=new WeakMap;Ku=new WeakSet;$p=function(i){if(Object.prototype.hasOwnProperty.call(this,i)){let e=this[i];delete this[i],this[i]=e}};wo=new WeakSet;Yu=function(){var i;let e=this.getAttribute("template");if(!e||e===Vu(this,ba))return;let t=this.getRootNode(),a=(i=t==null?void 0:t.getElementById)==null?void 0:i.call(t,e);if(a){xi(this,ba,e),xi(this,fa,a),this.createRenderer();return}d0(e)&&(xi(this,ba,e),u0(e).then(r=>{let n=c.createElement("template");n.innerHTML=r,xi(this,fa,n),this.createRenderer()}).catch(console.error))};xr(Jt,"template");xr(Jt,"observedAttributes",["template"]);xr(Jt,"processor",Mo);function d0(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 u0(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",Jt);var Vp=`:host {
+`;var li=class extends d.HTMLElement{constructor(){super(),qa(this,ml),qa(this,Gn),qa(this,Fi,void 0),qa(this,Yn,void 0),qa(this,Vi,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:!!(ul[r.attributeName]||r.attributeName.startsWith("breakpoint"))})&&this.render()});e.observe(this,{attributes:!0}),e.observe(this.renderRoot,{attributes:!0,subtree:!0}),this.addEventListener(nt.BREAKPOINTS_COMPUTED,this.render),dl(this,ml,zc).call(this,"template")}get mediaController(){return this.renderRoot.querySelector("media-controller")}get template(){var e;return(e=cl(this,Fi))!=null?e:this.constructor.template}set template(e){si(this,Vi,null),si(this,Fi,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})=>ul[s]||s.startsWith("breakpoint")),...Array.from(this.attributes)],n={};for(let s of r){let l=(a=ul[s.name])!=null?a:Pd(s.name),{value:u}=s;u!=null?(yr(u)&&(u=parseFloat(u)),n[l]=u===""?!0:u):n[l]=!1}return n}attributeChangedCallback(e,t,a){e==="template"&&t!=a&&dl(this,Gn,hl).call(this)}connectedCallback(){dl(this,Gn,hl).call(this)}createRenderer(){this.template&&this.template!==cl(this,Yn)&&(si(this,Yn,this.template),this.renderer=new ht(this.template,this.props,this.constructor.processor),this.renderRoot.textContent="",this.renderRoot.append(Xc.content.cloneNode(!0),this.renderer))}render(){var e;(e=this.renderer)==null||e.update(this.props);let{style:t}=N(this.renderRoot,":host");t.visibility==="hidden"&&t.removeProperty("visibility")}};Fi=new WeakMap;Yn=new WeakMap;Vi=new WeakMap;ml=new WeakSet;zc=function(i){if(Object.prototype.hasOwnProperty.call(this,i)){let e=this[i];delete this[i],this[i]=e}};Gn=new WeakSet;hl=function(){var i;let e=this.getAttribute("template");if(!e||e===cl(this,Vi))return;let t=this.getRootNode(),a=(i=t==null?void 0:t.getElementById)==null?void 0:i.call(t,e);if(a){si(this,Vi,e),si(this,Fi,a),this.createRenderer();return}lv(e)&&(si(this,Vi,e),dv(e).then(r=>{let n=m.createElement("template");n.innerHTML=r,si(this,Fi,n),this.createRenderer()}).catch(console.error))};li.observedAttributes=["template"];li.processor=Kn;function lv(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 dv(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()}d.customElements.get("media-theme")||d.customElements.define("media-theme",li);var Jc=`:host {
   --media-control-display: var(--controls);
   --media-loading-indicator-display: var(--loading-indicator);
   --media-dialog-display: var(--dialog);
@@ -1732,7 +1375,11 @@ media-poster-image:not([src]):not([placeholdersrc]) {
   --media-duration-display-display: var(--duration-display, var(--bottom-duration-display));
   --media-title-display-display: var(--title-display, var(--bottom-title-display));
 }
-`;var Yp=`
+
+:host([no-tooltips]) {
+  --media-tooltip-display: none;
+}
+`;var em=`
   :host {
     z-index: 100;
     display: var(--media-dialog-display, flex);
@@ -1784,17 +1431,17 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     text-align: center;
     line-height: 1.4;
   }
-`,Gp=Ae.createElement("template");Gp.innerHTML=`
+`,tm=_e.createElement("template");tm.innerHTML=`
   <style>
-    ${Yp}
+    ${em}
   </style>
 
   <div class="dialog">
     <slot></slot>
   </div>
-`;var jt=class extends q.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})),Kp(this)}close(){this.hasAttribute("open")&&(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),m0(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")&&Kp(this)}};jt.styles=Yp,jt.template=Gp,jt.observedAttributes=["open"];function Kp(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=qp(i.shadowRoot)),i._previouslyFocusedElement=Ae.activeElement,Ae.activeElement instanceof HTMLElement&&Ae.activeElement.blur(),i.addEventListener("transitionend",()=>{t instanceof HTMLElement&&t.focus({preventScroll:!0})},{once:!0})}function qp(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=qp(r[n].shadowRoot),a));n++);}return a}function m0(i){i._previouslyFocusedElement instanceof HTMLElement&&i._previouslyFocusedElement.focus()}q.customElements.get("media-dialog")||(q.customElements.define("media-dialog",jt),q.MediaDialog=jt);var qu=jt;var Zp=Ae.createElement("template");Zp.innerHTML=`
+`;var xt=class extends Z.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})),jc(this)}close(){this.hasAttribute("open")&&(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),cv(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")&&jc(this)}};xt.styles=em,xt.template=tm,xt.observedAttributes=["open"];function jc(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=im(i.shadowRoot)),i._previouslyFocusedElement=_e.activeElement,_e.activeElement instanceof HTMLElement&&_e.activeElement.blur(),i.addEventListener("transitionend",()=>{t instanceof HTMLElement&&t.focus({preventScroll:!0})},{once:!0})}function im(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=im(r[n].shadowRoot),a));n++);}return a}function cv(i){i._previouslyFocusedElement instanceof HTMLElement&&i._previouslyFocusedElement.focus()}Z.customElements.get("media-dialog")||(Z.customElements.define("media-dialog",xt),Z.MediaDialog=xt);var vl=xt;var am=_e.createElement("template");am.innerHTML=`
   <style>
-    ${qu.styles}
+    ${vl.styles}
 
     .close {
       background: none;
@@ -1823,89 +1470,90 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       </svg>
     </button>
   </slot>
-`;var Dr=class extends qu{constructor(){var e,t;super(),(t=(e=this.shadowRoot)==null?void 0:e.querySelector(".close"))==null||t.addEventListener("click",()=>{this.close()})}};Dr.template=Zp;q.customElements.get("mxp-dialog")||(q.customElements.define("mxp-dialog",Dr),q.MxpDialog=Dr);var Or=new WeakMap,Qu=class i{constructor(e,t){this.element=e;this.type=t;this.element.addEventListener(this.type,this);let a=Or.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=Or.get(this.element);t&&t.delete(this.type)}}static for(e){Or.has(e.element)||Or.set(e.element,new Map);let t=e.attributeName.slice(2),a=Or.get(e.element);return a&&a.has(t)?a.get(t):new i(e.element,t)}};function h0(i,e){return i instanceof ve&&i.attributeName.startsWith("on")?(Qu.for(i).set(e),i.element.removeAttributeNS(i.attributeNamespace,i.attributeName),!0):!1}function p0(i,e){return e instanceof Ro&&i instanceof wt?(e.renderInto(i),!0):!1}function v0(i,e){return e instanceof DocumentFragment&&i instanceof wt?(e.childNodes.length&&i.replace(...e.childNodes),!0):!1}function f0(i,e){if(i instanceof ve){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 b0(i,e){if(i instanceof ve&&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 E0(i,e){if(typeof e=="boolean"&&i instanceof ve){let t=i.attributeNamespace,a=i.element.hasAttributeNS(t,i.attributeName);return e!==a&&(i.booleanValue=e),!0}return!1}function g0(i,e){return e===!1&&i instanceof wt?(i.replace(""),!0):!1}function _0(i,e){b0(i,e)||E0(i,e)||h0(i,e)||g0(i,e)||p0(i,e)||v0(i,e)||f0(i,e)}var Zu=new Map,Qp=new WeakMap,zp=new WeakMap,Ro=class{constructor(e,t,a){this.strings=e;this.values=t;this.processor=a;this.stringsKey=this.strings.join("
")}get template(){if(Zu.has(this.stringsKey))return Zu.get(this.stringsKey);{let e=Ae.createElement("template"),t=this.strings.length-1;return e.innerHTML=this.strings.reduce((a,r,n)=>a+r+(n<t?`{{ ${n} }}`:""),""),Zu.set(this.stringsKey,e),e}}renderInto(e){var r;let t=this.template;if(Qp.get(e)!==t){Qp.set(e,t);let n=new Lt(t,this.values,this.processor);zp.set(e,n),e instanceof wt?e.replace(...n.children):e.appendChild(n);return}let a=zp.get(e);(r=a==null?void 0:a.update)==null||r.call(a,this.values)}},A0={processCallback(i,e,t){var a;if(t){for(let[r,n]of e)if(r in t){let o=(a=t[r])!=null?a:"";_0(n,o)}}}};function Rt(i,...e){return new Ro(i,e,A0)}function Xp(i,e){i.renderInto(e)}var Pr=require("@mux/playback-core"),y0=i=>{let{tokens:e}=i;return e.drm?":host { --_cast-button-drm-display: none; }":""},Jp=i=>Rt`
+`;var Za=class extends vl{constructor(){var e,t;super(),(t=(e=this.shadowRoot)==null?void 0:e.querySelector(".close"))==null||t.addEventListener("click",()=>{this.close()})}};Za.template=am;Z.customElements.get("mxp-dialog")||(Z.customElements.define("mxp-dialog",Za),Z.MxpDialog=Za);var Qa=new WeakMap,bl=class i{constructor(e,t){this.element=e;this.type=t;this.element.addEventListener(this.type,this);let a=Qa.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=Qa.get(this.element);t&&t.delete(this.type)}}static for(e){Qa.has(e.element)||Qa.set(e.element,new Map);let t=e.attributeName.slice(2),a=Qa.get(e.element);return a&&a.has(t)?a.get(t):new i(e.element,t)}};function mv(i,e){return i instanceof me&&i.attributeName.startsWith("on")?(bl.for(i).set(e),i.element.removeAttributeNS(i.attributeNamespace,i.attributeName),!0):!1}function hv(i,e){return e instanceof qn&&i instanceof pt?(e.renderInto(i),!0):!1}function pv(i,e){return e instanceof DocumentFragment&&i instanceof pt?(e.childNodes.length&&i.replace(...e.childNodes),!0):!1}function vv(i,e){if(i instanceof me){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 fv(i,e){if(i instanceof me&&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 bv(i,e){if(typeof e=="boolean"&&i instanceof me){let t=i.attributeNamespace,a=i.element.hasAttributeNS(t,i.attributeName);return e!==a&&(i.booleanValue=e),!0}return!1}function Ev(i,e){return e===!1&&i instanceof pt?(i.replace(""),!0):!1}function gv(i,e){fv(i,e)||bv(i,e)||mv(i,e)||Ev(i,e)||hv(i,e)||pv(i,e)||vv(i,e)}var fl=new Map,rm=new WeakMap,nm=new WeakMap,qn=class{constructor(e,t,a){this.strings=e;this.values=t;this.processor=a;this.stringsKey=this.strings.join("
")}get template(){if(fl.has(this.stringsKey))return fl.get(this.stringsKey);{let e=_e.createElement("template"),t=this.strings.length-1;return e.innerHTML=this.strings.reduce((a,r,n)=>a+r+(n<t?`{{ ${n} }}`:""),""),fl.set(this.stringsKey,e),e}}renderInto(e){var r;let t=this.template;if(rm.get(e)!==t){rm.set(e,t);let n=new ht(t,this.values,this.processor);nm.set(e,n),e instanceof pt?e.replace(...n.children):e.appendChild(n);return}let a=nm.get(e);(r=a==null?void 0:a.update)==null||r.call(a,this.values)}},_v={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:"";gv(n,s)}}}};function vt(i,...e){return new qn(i,e,_v)}function om(i,e){i.renderInto(e)}var za=require("@mux/playback-core"),Av=i=>{let{tokens:e}=i;return e.drm?":host { --_cast-button-drm-display: none; }":""},sm=i=>vt`
   <style>
-    ${y0(i)}
-    ${Vp}
+    ${Av(i)}
+    ${Jc}
   </style>
-  ${I0(i)}
-`,T0=i=>{let e=i.hotKeys?`${i.hotKeys}`:"";return Sr(i.streamType)==="live"&&(e+=" noarrowleft noarrowright"),e},k0={TOP:"top",CENTER:"center",BOTTOM:"bottom",LAYER:"layer",MEDIA_LAYER:"media-layer",POSTER_LAYER:"poster-layer",VERTICAL_LAYER:"vertical-layer",CENTERED_LAYER:"centered-layer",GESTURE_LAYER:"gesture-layer",CONTROLLER_LAYER:"controller",BUTTON:"button",RANGE:"range",DISPLAY:"display",CONTROL_BAR:"control-bar",SELECTMENU:"selectmenu",LISTBOX:"listbox",OPTION:"option",POSTER:"poster",LIVE:"live",PLAY:"play",PRE_PLAY:"pre-play",SEEK_BACKWARD:"seek-backward",SEEK_FORWARD:"seek-forward",MUTE:"mute",CAPTIONS:"captions",AIRPLAY:"airplay",PIP:"pip",FULLSCREEN:"fullscreen",CAST:"cast",PLAYBACK_RATE:"playback-rate",VOLUME:"volume",TIME:"time",TITLE:"title",AUDIO_TRACK:"audio-track",RENDITION:"rendition"},S0=Object.values(k0).join(", "),I0=i=>{var e,t,a,r,n,o,d,u,m,f,g,v,b,R,A,T,O,te,Ee,Ot,_t,Ea,ga,_a,Aa,ya,Ta,ka,Sa,Ia,Ca,Ma,Fr,At,La,wa,Ra,xa;return Rt`
+  ${Sv(i)}
+`,yv=i=>{let e=i.hotKeys?`${i.hotKeys}`:"";return Wa(i.streamType)==="live"&&(e+=" noarrowleft noarrowright"),e},Tv={TOP:"top",CENTER:"center",BOTTOM:"bottom",LAYER:"layer",MEDIA_LAYER:"media-layer",POSTER_LAYER:"poster-layer",VERTICAL_LAYER:"vertical-layer",CENTERED_LAYER:"centered-layer",GESTURE_LAYER:"gesture-layer",CONTROLLER_LAYER:"controller",BUTTON:"button",RANGE:"range",DISPLAY:"display",CONTROL_BAR:"control-bar",SELECTMENU:"selectmenu",LISTBOX:"listbox",OPTION:"option",POSTER:"poster",LIVE:"live",PLAY:"play",PRE_PLAY:"pre-play",SEEK_BACKWARD:"seek-backward",SEEK_FORWARD:"seek-forward",MUTE:"mute",CAPTIONS:"captions",AIRPLAY:"airplay",PIP:"pip",FULLSCREEN:"fullscreen",CAST:"cast",PLAYBACK_RATE:"playback-rate",VOLUME:"volume",TIME:"time",TITLE:"title",AUDIO_TRACK:"audio-track",RENDITION:"rendition"},kv=Object.values(Tv).join(", "),Sv=i=>{var e,t,a,r,n,s,l,u,c,f,E,p,b,S,_,A,P,ee,be,_t,at,Xi,Ji,ji,ea,ta,ia,aa,ra,na,oa,sa,gr,rt,la,da,ua,ca;return vt`
   <media-theme
     template="${i.themeTemplate||!1}"
     defaultstreamtype="${(e=i.defaultStreamType)!=null?e:!1}"
-    hotkeys="${T0(i)||!1}"
+    hotkeys="${yv(i)||!1}"
     nohotkeys="${i.noHotKeys||!i.hasSrc||i.isDialogOpen||!1}"
-    noautoseektolive="${!!((t=i.streamType)!=null&&t.includes(Pr.StreamTypes.LIVE))&&i.targetLiveWindow!==0}"
+    noautoseektolive="${!!((t=i.streamType)!=null&&t.includes(za.StreamTypes.LIVE))&&i.targetLiveWindow!==0}"
     novolumepref="${i.novolumepref||!1}"
     disabled="${!i.hasSrc||i.isDialogOpen}"
     audio="${(a=i.audio)!=null?a:!1}"
-    style="${(r=Ap({"--media-primary-color":i.primaryColor,"--media-secondary-color":i.secondaryColor,"--media-accent-color":i.accentColor}))!=null?r:!1}"
+    style="${(r=Lc({"--media-primary-color":i.primaryColor,"--media-secondary-color":i.secondaryColor,"--media-accent-color":i.accentColor}))!=null?r:!1}"
     defaultsubtitles="${!i.defaultHiddenCaptions}"
     forwardseekoffset="${(n=i.forwardSeekOffset)!=null?n:!1}"
-    backwardseekoffset="${(o=i.backwardSeekOffset)!=null?o:!1}"
-    playbackrates="${(d=i.playbackRates)!=null?d:!1}"
+    backwardseekoffset="${(s=i.backwardSeekOffset)!=null?s:!1}"
+    playbackrates="${(l=i.playbackRates)!=null?l:!1}"
     defaultshowremainingtime="${(u=i.defaultShowRemainingTime)!=null?u:!1}"
-    defaultduration="${(m=i.defaultDuration)!=null?m:!1}"
+    defaultduration="${(c=i.defaultDuration)!=null?c:!1}"
     hideduration="${(f=i.hideDuration)!=null?f:!1}"
-    title="${(g=i.title)!=null?g:!1}"
-    exportparts="${S0}"
+    title="${(E=i.title)!=null?E:!1}"
+    exportparts="${kv}"
   >
     <mux-video
       slot="media"
-      target-live-window="${(v=i.targetLiveWindow)!=null?v:!1}"
-      stream-type="${(b=Sr(i.streamType))!=null?b:!1}"
-      crossorigin="${(R=i.crossOrigin)!=null?R:""}"
+      target-live-window="${(p=i.targetLiveWindow)!=null?p:!1}"
+      stream-type="${(b=Wa(i.streamType))!=null?b:!1}"
+      crossorigin="${(S=i.crossOrigin)!=null?S:""}"
       playsinline
-      autoplay="${(A=i.autoplay)!=null?A:!1}"
-      muted="${(T=i.muted)!=null?T:!1}"
-      loop="${(O=i.loop)!=null?O:!1}"
-      preload="${(te=i.preload)!=null?te:!1}"
-      debug="${(Ee=i.debug)!=null?Ee:!1}"
-      prefer-cmcd="${(Ot=i.preferCmcd)!=null?Ot:!1}"
-      disable-tracking="${(_t=i.disableTracking)!=null?_t:!1}"
-      disable-cookies="${(Ea=i.disableCookies)!=null?Ea:!1}"
-      prefer-playback="${(ga=i.preferPlayback)!=null?ga:!1}"
+      autoplay="${(_=i.autoplay)!=null?_:!1}"
+      muted="${(A=i.muted)!=null?A:!1}"
+      loop="${(P=i.loop)!=null?P:!1}"
+      preload="${(ee=i.preload)!=null?ee:!1}"
+      debug="${(be=i.debug)!=null?be:!1}"
+      prefer-cmcd="${(_t=i.preferCmcd)!=null?_t:!1}"
+      disable-tracking="${(at=i.disableTracking)!=null?at:!1}"
+      disable-cookies="${(Xi=i.disableCookies)!=null?Xi:!1}"
+      prefer-playback="${(Ji=i.preferPlayback)!=null?Ji:!1}"
       start-time="${i.startTime!=null?i.startTime:!1}"
-      beacon-collection-domain="${(_a=i.beaconCollectionDomain)!=null?_a:!1}"
-      player-software-name="${(Aa=i.playerSoftwareName)!=null?Aa:!1}"
-      player-software-version="${(ya=i.playerSoftwareVersion)!=null?ya:!1}"
-      env-key="${(Ta=i.envKey)!=null?Ta:!1}"
-      custom-domain="${(ka=i.customDomain)!=null?ka:!1}"
-      src="${i.src?i.src:i.playbackId?(0,Pr.toMuxVideoURL)(i):!1}"
-      cast-src="${i.src?i.src:i.playbackId?(0,Pr.toMuxVideoURL)(i):!1}"
-      drm-token="${(Ia=(Sa=i.tokens)==null?void 0:Sa.drm)!=null?Ia:!1}"
+      beacon-collection-domain="${(ji=i.beaconCollectionDomain)!=null?ji:!1}"
+      player-software-name="${(ea=i.playerSoftwareName)!=null?ea:!1}"
+      player-software-version="${(ta=i.playerSoftwareVersion)!=null?ta:!1}"
+      env-key="${(ia=i.envKey)!=null?ia:!1}"
+      custom-domain="${(aa=i.customDomain)!=null?aa:!1}"
+      src="${i.src?i.src:i.playbackId?(0,za.toMuxVideoURL)(i):!1}"
+      cast-src="${i.src?i.src:i.playbackId?(0,za.toMuxVideoURL)(i):!1}"
+      cast-receiver="${(ra=i.castReceiver)!=null?ra:!1}"
+      drm-token="${(oa=(na=i.tokens)==null?void 0:na.drm)!=null?oa:!1}"
       exportparts="video"
     >
-      ${i.storyboard?Rt`<track label="thumbnails" default kind="metadata" src="${i.storyboard}" />`:Rt``}
+      ${i.storyboard?vt`<track label="thumbnails" default kind="metadata" src="${i.storyboard}" />`:vt``}
     </mux-video>
     <slot name="poster" slot="poster">
       <media-poster-image
         part="poster"
         exportparts="poster, img"
-        src="${i.poster===""?!1:(Ca=i.poster)!=null?Ca:!1}"
-        placeholdersrc="${(Ma=i.placeholder)!=null?Ma:!1}"
+        src="${i.poster?i.poster:!1}"
+        placeholdersrc="${(sa=i.placeholder)!=null?sa:!1}"
       ></media-poster-image>
     </slot>
     <mxp-dialog
       no-auto-hide
-      open="${(Fr=i.isDialogOpen)!=null?Fr:!1}"
+      open="${(gr=i.isDialogOpen)!=null?gr:!1}"
       onclose="${i.onCloseErrorDialog}"
       oninitfocus="${i.onInitFocusDialog}"
     >
-      ${(At=i.dialog)!=null&&At.title?Rt`<h3>${i.dialog.title}</h3>`:Rt``}
+      ${(rt=i.dialog)!=null&&rt.title?vt`<h3>${i.dialog.title}</h3>`:vt``}
       <p>
-        ${(La=i.dialog)==null?void 0:La.message}
-        ${(wa=i.dialog)!=null&&wa.linkUrl?Rt`<a
+        ${(la=i.dialog)==null?void 0:la.message}
+        ${(da=i.dialog)!=null&&da.linkUrl?vt`<a
               href="${i.dialog.linkUrl}"
               target="_blank"
               rel="external noopener"
-              aria-label="${(Ra=i.dialog.linkText)!=null?Ra:""} ${C("(opens in a new window)")}"
-              >${(xa=i.dialog.linkText)!=null?xa:i.dialog.linkUrl}</a
-            >`:Rt``}
+              aria-label="${(ua=i.dialog.linkText)!=null?ua:""} ${y("(opens in a new window)")}"
+              >${(ca=i.dialog.linkText)!=null?ca:i.dialog.linkUrl}</a
+            >`:vt``}
       </p>
     </mxp-dialog>
   </media-theme>
-`};var Nr=require("@mux/mux-video");function xo(i,e,t,a,r){var d,u,m;let n={},o={};switch(i.code){case Nr.MediaError.MEDIA_ERR_NETWORK:{switch(n.title=C("Network Error",r),n.message=i.message,(d=i.data)==null?void 0:d.response.code){case 412:{n.title=C("Video is not currently available",r),n.message=C("The live stream or video file are not yet ready.",r),o.message=C("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",r),o.file="412-not-playable.md";break}case 404:{n.title=C("Video does not exist",r),n.message="",o.message=C("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",r),o.file="404-not-found.md";break}case 403:{if(n.title=C("Invalid playback URL",r),n.message=C("The video URL or playback-token are formatted with incorrect or incomplete information.",r),o.message=C("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",r),o.file="missing-signed-tokens.md",!a)break;let{exp:f,aud:g,sub:v}=qt(a),b=Date.now()>f*1e3,R=v!==t,A=g!=="v",T={timeStyle:"medium",dateStyle:"medium"};if(b){n.title=C("Video URL has expired",r),n.message=C("The video\u2019s secured playback-token has expired.",r),o.message=C("The video\u2019s secured playback-token has expired.",r),o.context=C("Expired at: {expiredDate}. Current time: {currentDate}.",r).format({expiredDate:new Intl.DateTimeFormat(ki.code,T).format(f*1e3),currentDate:new Intl.DateTimeFormat(ki.code,T).format(Date.now())}),o.file="403-expired-token.md";break}if(R){n.title=C("Video URL is formatted incorrectly",r),n.message=C("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),o.message=C("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),o.context=C("Specified playback ID: {playbackId} and the playback ID encoded in the playback-token: {tokenPlaybackId}",r).format({playbackId:t,tokenPlaybackId:v}),o.file="403-playback-id-mismatch.md";break}if(A){n.title=C("Video URL is formatted incorrectly",r),n.message=C("The playback-token is formatted with incorrect information.",r),o.message=C("The playback-token is formatted with incorrect information.",r),o.context=C("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",r).format({tokenType:g}),o.file="403-incorrect-aud-value.md";break}o.message=C("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",r),o.file="403-malformatted-token.md";break}}break}case Nr.MediaError.MEDIA_ERR_DECODE:{let{message:f}=i;n={title:C("Media Error",r),message:f},o.file="media-decode-error.md";break}case Nr.MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:{let f=(m=(u=i.data)==null?void 0:u.response)==null?void 0:m.code;if(f>=400&&f<500){i.code=Nr.MediaError.MEDIA_ERR_NETWORK,i.data={response:{code:f}},{dialog:n,devlog:o}=xo(i,e,t,a);break}n={title:C("Source Not Supported",r),message:i.message},o.file="media-src-not-supported.md";break}default:n={title:C("Error",r),message:i.message};break}return e&&(n={title:C("Your device appears to be offline",r),message:C("Check your internet connection and try reloading this video.",r)}),{dialog:n,devlog:o}}var jp=`<template id="media-theme-gerwig">
+`};var Xa=require("@mux/mux-video");function Zn(i,e,t,a,r){var l,u,c;let n={},s={};switch(i.code){case Xa.MediaError.MEDIA_ERR_NETWORK:{switch(n.title=y("Network Error",r),n.message=i.message,(l=i.data)==null?void 0:l.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:f,aud:E,sub:p}=ct(a),b=Date.now()>f*1e3,S=p!==t,_=E!=="v",A={timeStyle:"medium",dateStyle:"medium"};if(b){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(jt.code,A).format(f*1e3),currentDate:new Intl.DateTimeFormat(jt.code,A).format(Date.now())}),s.file="403-expired-token.md";break}if(S){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:p}),s.file="403-playback-id-mismatch.md";break}if(_){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:E}),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 Xa.MediaError.MEDIA_ERR_DECODE:{let{message:f}=i;n={title:y("Media Error",r),message:f},s.file="media-decode-error.md";break}case Xa.MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:{let f=(c=(u=i.data)==null?void 0:u.response)==null?void 0:c.code;if(f>=400&&f<500){i.code=Xa.MediaError.MEDIA_ERR_NETWORK,i.data={response:{code:f}},{dialog:n,devlog:s}=Zn(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 lm=`<template id="media-theme-gerwig">
   <style>
     @keyframes pre-play-hide {
       0% {
@@ -1936,6 +1584,8 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       --media-preview-time-text-shadow: none;
       --media-control-height: 14px;
       --media-control-padding: 6px;
+      --media-tooltip-container-margin: 6px;
+      --media-tooltip-distance: 18px;
 
       color: var(--_primary-color);
       display: inline-block;
@@ -2037,18 +1687,18 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       border-bottom-width: 0;
     }
 
-    [part~='listbox'] {
+    [part~='menu'] {
       border-radius: 2px;
       border: 1px solid rgba(0, 0, 0, 0.1);
-      bottom: calc(100% + 16px);
+      bottom: 50px;
       padding: 2.5px 10px;
     }
 
-    [part~='listbox']::part(indicator) {
+    [part~='menu']::part(indicator) {
       fill: var(--_accent-color);
     }
 
-    [part~='listbox']::part(option) {
+    [part~='menu']::part(menu-item) {
       box-sizing: border-box;
       display: flex;
       align-items: center;
@@ -2056,44 +1706,47 @@ media-poster-image:not([src]):not([placeholdersrc]) {
       min-height: 34px;
     }
 
-    [part~='listbox']::part(option-selected) {
+    [part~='menu']::part(checked) {
       font-weight: 700;
     }
 
-    media-captions-selectmenu,
-    media-rendition-selectmenu,
-    media-audio-track-selectmenu,
-    media-playback-rate-listbox[part~='listbox'] {
-      --media-listbox-background: var(--_primary-color);
-      --media-option-selected-background: transparent;
-      --media-option-hover-background: transparent;
-      --media-option-hover-outline: var(--_accent-color) solid 1px;
+    media-captions-menu,
+    media-rendition-menu,
+    media-audio-track-menu,
+    media-playback-rate-menu {
+      position: absolute; /* ensure they don't take up space in DOM on load */
+      --media-menu-background: var(--_primary-color);
+      --media-menu-item-checked-background: transparent;
       --media-text-color: var(--_text-color);
+      --media-menu-item-hover-background: transparent;
+      --media-menu-item-hover-outline: var(--_accent-color) solid 1px;
     }
 
     /* The icon is a circle so make it 16px high instead of 14px for more balance. */
-    media-audio-track-selectmenu {
+    media-audio-track-menu-button {
       --media-control-padding: 5px;
       --media-control-height: 16px;
     }
 
-    media-playback-rate-button {
+    media-playback-rate-menu-button {
       --media-control-padding: 6px 3px;
       min-width: 4.4ch;
     }
 
-    media-playback-rate-listbox[part~='listbox'] {
-      --media-listbox-layout: row;
-      --media-option-selected-background: var(--_accent-color);
+    media-playback-rate-menu {
+      --media-menu-flex-direction: row;
+      --media-menu-item-checked-background: var(--_accent-color);
+      --media-menu-item-checked-indicator-display: none;
       margin-right: 6px;
       padding: 0;
+      --media-menu-gap: 0.25em;
     }
 
-    media-playback-rate-listbox[part~='listbox']::part(option) {
-      padding: 6px 4px;
+    media-playback-rate-menu[part~='menu']::part(menu-item) {
+      padding: 6px 6px 6px 8px;
     }
 
-    media-playback-rate-listbox[part~='listbox']::part(option-selected) {
+    media-playback-rate-menu[part~='menu']::part(checked) {
       color: #fff;
     }
 
@@ -2157,7 +1810,7 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     }
 
     media-control-bar[part~='bottom'] > * {
-      z-index: 2;
+      z-index: 20;
     }
 
     media-control-bar[part~='bottom'] {
@@ -2182,6 +1835,7 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     .center-controls {
       --media-button-icon-width: 100%;
       --media-button-icon-height: auto;
+      --media-tooltip-display: none;
       pointer-events: none;
       width: 100%;
       display: flex;
@@ -2548,55 +2202,55 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     </media-pip-button>
   </template>
 
-  <template partial="CaptionsMenuButton">
-    <media-captions-selectmenu part="bottom captions selectmenu" disabled="{{disabled}}" aria-disabled="{{disabled}}">
-      <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 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"
-          />
+  <template partial="CaptionsMenu">
+    <media-captions-menu-button part="bottom captions button">
+      <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 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-menu-button>
+    <media-captions-menu
+      hidden
+      anchor="auto"
+      part="bottom captions menu"
+      disabled="{{disabled}}"
+      aria-disabled="{{disabled}}"
+      exportparts="menu-item"
+    >
+      <div slot="checked-indicator">
+        <style>
+          .indicator {
+            position: relative;
+            top: 1px;
+            width: 0.9em;
+            height: auto;
+            fill: var(--_accent-color);
+            margin-right: 5px;
+          }
+
+          [aria-checked='false'] .indicator {
+            display: none;
+          }
+        </style>
+        <svg viewBox="0 0 14 18" class="indicator">
           <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"
+            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>
-      </media-captions-button>
-      <media-captions-listbox slot="listbox" exportparts="option" 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>
+        </svg></div
+    ></media-captions-menu>
   </template>
 
   <template partial="AirplayButton">
@@ -2667,20 +2321,17 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     </media-live-button>
   </template>
 
-  <template partial="PlaybackRateSelect">
-    <media-playback-rate-selectmenu
-      part="bottom playback-rate selectmenu"
+  <template partial="PlaybackRateMenu">
+    <media-playback-rate-menu-button part="bottom playback-rate button"></media-playback-rate-menu-button>
+    <media-playback-rate-menu
+      hidden
+      anchor="auto"
+      rates="{{playbackrates}}"
+      exportparts="menu-item"
+      part="bottom playback-rate menu"
       disabled="{{disabled}}"
       aria-disabled="{{disabled}}"
-    >
-      <media-playback-rate-button slot="button" part="bottom playback-rate button"></media-playback-rate-button>
-      <media-playback-rate-listbox
-        slot="listbox"
-        rates="{{playbackrates}}"
-        exportparts="option"
-        part="bottom playback-rate listbox"
-      ></media-playback-rate-listbox>
-    </media-playback-rate-selectmenu>
+    ></media-playback-rate-menu>
   </template>
 
   <template partial="VolumeRange">
@@ -2710,79 +2361,86 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     </media-time-range>
   </template>
 
-  <template partial="AudioTrackSelect">
-    <media-audio-track-selectmenu
-      part="bottom audio-track selectmenu"
+  <template partial="AudioTrackMenu">
+    <media-audio-track-menu-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-menu-button>
+    <media-audio-track-menu
+      hidden
+      anchor="auto"
+      part="bottom audio-track menu"
       disabled="{{disabled}}"
       aria-disabled="{{disabled}}"
+      exportparts="menu-item"
     >
-      <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" />
+      <div slot="checked-indicator">
+        <style>
+          .indicator {
+            position: relative;
+            top: 1px;
+            width: 0.9em;
+            height: auto;
+            fill: var(--_accent-color);
+            margin-right: 5px;
+          }
+
+          [aria-checked='false'] .indicator {
+            display: none;
+          }
+        </style>
+        <svg viewBox="0 0 14 18" class="indicator">
           <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"
+            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>
-      </media-audio-track-button>
-      <media-audio-track-listbox slot="listbox" exportparts="option" 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>
+      </div>
+    </media-audio-track-menu>
   </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">
+  <template partial="RenditionMenu">
+    <media-rendition-menu-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-menu-button>
+    <media-rendition-menu
+      hidden
+      anchor="auto"
+      part="bottom rendition menu"
+      disabled="{{disabled}}"
+      aria-disabled="{{disabled}}"
+    >
+      <div slot="checked-indicator">
+        <style>
+          .indicator {
+            position: relative;
+            top: 1px;
+            width: 0.9em;
+            height: auto;
+            fill: var(--_accent-color);
+            margin-right: 5px;
+          }
+
+          [aria-checked='false'] .indicator {
+            display: none;
+          }
+        </style>
+        <svg viewBox="0 0 14 18" class="indicator">
           <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"
+            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>
-      </media-rendition-button>
-      <media-rendition-listbox slot="listbox" exportparts="option" 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>
+      </div>
+    </media-rendition-menu>
   </template>
 
   <media-controller
@@ -2809,27 +2467,13 @@ media-poster-image:not([src]):not([placeholdersrc]) {
 
     <template if="!audio">
       <!-- Pre-playback UI -->
+      <!-- same for both on-demand and live -->
       <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>
+        <template if="!breakpointsm">{{>PlayButton section="center"}}</template>
+        <template if="breakpointsm">{{>PrePlayButton section="center"}}</template>
       </div>
 
-      <!-- Auotplay centered unmute button -->
+      <!-- Autoplay centered unmute button -->
       <!--
         todo: figure out how show this with available state variables
         needs to show when:
@@ -2857,7 +2501,7 @@ media-poster-image:not([src]):not([placeholdersrc]) {
           {{>PlayButton}} {{>SeekBackwardButton}} {{>SeekForwardButton}} {{>TimeDisplay}} {{>MuteButton}}
           {{>VolumeRange}}
           <div class="spacer"></div>
-          {{>RenditionSelect}} {{>PlaybackRateSelect}} {{>AudioTrackSelect}} {{>CaptionsMenuButton}} {{>AirplayButton}}
+          {{>RenditionMenu}} {{>PlaybackRateMenu}} {{>AudioTrackMenu}} {{>CaptionsMenu}} {{>AirplayButton}}
           {{>CastButton}} {{>PipButton}} {{>FullscreenButton}}
         </media-control-bar>
       </template>
@@ -2873,8 +2517,8 @@ media-poster-image:not([src]):not([placeholdersrc]) {
           <template if="targetlivewindow > 0">{{>SeekBackwardButton}} {{>SeekForwardButton}}</template>
           {{>MuteButton}} {{>VolumeRange}}
           <div class="spacer"></div>
-          {{>RenditionSelect}} {{>AudioTrackSelect}} {{>CaptionsMenuButton}} {{>AirplayButton}} {{>CastButton}}
-          {{>PipButton}} {{>FullscreenButton}}
+          {{>RenditionMenu}} {{>AudioTrackMenu}} {{>CaptionsMenu}} {{>AirplayButton}} {{>CastButton}} {{>PipButton}}
+          {{>FullscreenButton}}
         </media-control-bar>
       </template>
     </template>
@@ -2890,7 +2534,7 @@ media-poster-image:not([src]):not([placeholdersrc]) {
           {{>MuteButton}}
           <template if="breakpointsm">{{>VolumeRange}}</template>
           {{>TimeDisplay}} {{>TimeRange}}
-          <template if="breakpointsm">{{>PlaybackRateSelect}}</template>
+          <template if="breakpointsm">{{>PlaybackRateMenu}}</template>
           {{>AirplayButton}} {{>CastButton}}
         </media-control-bar>
       </template>
@@ -2900,8 +2544,9 @@ media-poster-image:not([src]):not([placeholdersrc]) {
           <media-control-bar part="control-bar top">{{>TitleDisplay}}</media-control-bar>
         </template>
         <media-control-bar part="control-bar bottom">
+          {{>PlayButton}} {{>LiveButton section="bottom"}} {{>MuteButton}}
           <template if="breakpointsm">
-            {{>PlayButton}} {{>LiveButton section="bottom"}} {{>MuteButton}} {{>VolumeRange}}
+            {{>VolumeRange}}
             <template if="targetlivewindow > 0"> {{>SeekBackwardButton}} {{>SeekForwardButton}} </template>
           </template>
           <template if="targetlivewindow > 0"> {{>TimeDisplay}} {{>TimeRange}} </template>
@@ -2914,5 +2559,394 @@ media-poster-image:not([src]):not([placeholdersrc]) {
     <slot></slot>
   </media-controller>
 </template>
-`;var zu=Ae.createElement("template");"innerHTML"in zu&&(zu.innerHTML=jp);var ev,tv,Do=class extends Jt{};Do.template=(tv=(ev=zu.content)==null?void 0:ev.children)==null?void 0:tv[0];q.customElements.get("media-theme-gerwig")||q.customElements.define("media-theme-gerwig",Do);var M0="gerwig";var xt={SRC:"src",POSTER:"poster"},p={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",ACCENT_COLOR:"accent-color",FORWARD_SEEK_OFFSET:"forward-seek-offset",BACKWARD_SEEK_OFFSET:"backward-seek-offset",PLAYBACK_TOKEN:"playback-token",THUMBNAIL_TOKEN:"thumbnail-token",STORYBOARD_TOKEN:"storyboard-token",DRM_TOKEN:"drm-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",DEFAULT_DURATION:"default-duration",TITLE:"title",PLACEHOLDER:"placeholder",THEME:"theme",DEFAULT_STREAM_TYPE:"default-stream-type",TARGET_LIVE_WINDOW:"target-live-window",EXTRA_SOURCE_PARAMS:"extra-source-params",NO_VOLUME_PREF:"no-volume-pref"},Xu=["audio","backwardseekoffset","defaultduration","defaultshowremainingtime","defaultsubtitles","noautoseektolive","disabled","exportparts","forwardseekoffset","hideduration","hotkeys","nohotkeys","playbackrates","defaultstreamtype","streamtype","style","targetlivewindow","template","title","novolumepref"];function L0(i,e){var a;return{src:!i.playbackId&&i.src,playbackId:i.playbackId,hasSrc:!!i.playbackId||!!i.src||!!i.currentSrc,poster:i.poster,storyboard:i.storyboard,storyboardSrc:i.getAttribute(p.STORYBOARD_SRC),placeholder:i.getAttribute("placeholder"),themeTemplate:w0(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,disableTracking:i.disableTracking,disableCookies:i.disableCookies,tokens:i.tokens,beaconCollectionDomain:i.beaconCollectionDomain,maxResolution:i.maxResolution,minResolution:i.minResolution,programStartTime:i.programStartTime,programEndTime:i.programEndTime,renditionOrder:i.renditionOrder,metadata:i.metadata,playerSoftwareName:i.playerSoftwareName,playerSoftwareVersion:i.playerSoftwareVersion,startTime:i.startTime,preferPlayback:i.preferPlayback,audio:i.audio,defaultStreamType:i.defaultStreamType,targetLiveWindow:i.getAttribute(E.Attributes.TARGET_LIVE_WINDOW),streamType:Sr(i.getAttribute(E.Attributes.STREAM_TYPE)),primaryColor:i.getAttribute(p.PRIMARY_COLOR),secondaryColor:i.getAttribute(p.SECONDARY_COLOR),accentColor:i.getAttribute(p.ACCENT_COLOR),forwardSeekOffset:i.forwardSeekOffset,backwardSeekOffset:i.backwardSeekOffset,defaultHiddenCaptions:i.defaultHiddenCaptions,defaultDuration:i.defaultDuration,defaultShowRemainingTime:i.defaultShowRemainingTime,hideDuration:R0(i),playbackRates:i.getAttribute(p.PLAYBACK_RATES),customDomain:(a=i.getAttribute(E.Attributes.CUSTOM_DOMAIN))!=null?a:void 0,title:i.getAttribute(p.TITLE),novolumepref:i.hasAttribute(p.NO_VOLUME_PREF),...e,extraSourceParams:i.extraSourceParams}}function w0(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=q.customElements.get(e);if(n!=null&&n.template)return n.template}}function R0(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 iv(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 x0=Object.values(E.Attributes),D0=Object.values(xt),O0=Object.values(p),P0=yo(),N0="mux-player",av={dialog:void 0,isDialogOpen:!1},U0={redundant_streams:!0},Br,Wr,ii,Hr,Oi,gt,ei,Oo,rv,$r,Ju,Dt,Di,Po,nv,No,sv,Uo,ov,Bo,lv,Ur=class extends Bu{constructor(){super();z(this,gt);z(this,Oo);z(this,$r);z(this,Dt);z(this,Po);z(this,No);z(this,Uo);z(this,Bo);z(this,Br,!1);z(this,Wr,{});z(this,ii,!0);z(this,Hr,new Ao(this,"hotkeys"));z(this,Oi,{...av,onCloseErrorDialog:()=>ee(this,$r,Ju).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:t=>{Pu(this,Ae.activeElement)||t.preventDefault()}});this.attachShadow({mode:"open"}),ee(this,Oo,rv).call(this),this.isConnected&&ee(this,gt,ei).call(this)}static get observedAttributes(){var t;return[...(t=Bu.observedAttributes)!=null?t:[],...D0,...x0,...O0]}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=iv(this))}attributeChangedCallback(t,a,r){switch(ee(this,gt,ei).call(this),super.attributeChangedCallback(t,a,r),t){case p.HOTKEYS:L(this,Hr).value=r;break;case p.THUMBNAIL_TIME:{r!=null&&this.tokens.thumbnail&&Zt(C("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case p.THUMBNAIL_TOKEN:{let{aud:o}=qt(r);r&&o!=="t"&&Zt(C("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:o}));break}case p.STORYBOARD_TOKEN:{let{aud:o}=qt(r);r&&o!=="s"&&Zt(C("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:o}));break}case E.Attributes.PLAYBACK_ID:{r!=null&&r.includes("?token")&&Ie(C("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:r}));break}case E.Attributes.STREAM_TYPE:r&&![Q.StreamTypes.LIVE,Q.StreamTypes.ON_DEMAND,Q.StreamTypes.UNKNOWN].includes(r)?["ll-live","live:dvr","ll-live:dvr"].includes(this.streamType)?this.targetLiveWindow=r.includes("dvr")?Number.POSITIVE_INFINITY:0:Nu({file:"invalid-stream-type.md",message:C("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand` or `live`").format({streamType:this.streamType})}):r===Q.StreamTypes.LIVE?this.getAttribute(p.TARGET_LIVE_WINDOW)==null&&(this.targetLiveWindow=0):this.targetLiveWindow=Number.NaN}[E.Attributes.PLAYBACK_ID,xt.SRC,p.PLAYBACK_TOKEN].includes(t)&&a!==r&&Ce(this,Oi,{...L(this,Oi),...av}),ee(this,Dt,Di).call(this,{[Sp(t)]:r})}get preferCmcd(){var t;return(t=this.getAttribute(E.Attributes.PREFER_CMCD))!=null?t:void 0}set preferCmcd(t){t!==this.preferCmcd&&(t?Q.CmcdTypeValues.includes(t)?this.setAttribute(E.Attributes.PREFER_CMCD,t):Zt(`Invalid value for preferCmcd. Must be one of ${Q.CmcdTypeValues.join()}`):this.removeAttribute(E.Attributes.PREFER_CMCD))}get hasPlayed(){var t,a;return(a=(t=this.mediaController)==null?void 0:t.hasAttribute(s.MEDIA_HAS_PLAYED))!=null?a:!1}get inLiveWindow(){var t;return(t=this.mediaController)==null?void 0:t.hasAttribute(s.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:M0}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(Xu.includes(r))continue;let n=t.getAttribute(r);a[go(r)]=n===""?!0:n}return a}set themeProps(t){var r,n;ee(this,gt,ei).call(this);let a={...this.themeProps,...t};for(let o in a){if(Xu.includes(o))continue;let d=t==null?void 0:t[o];typeof d=="boolean"||d==null?(r=this.mediaTheme)==null||r.toggleAttribute(Eo(o),!!d):(n=this.mediaTheme)==null||n.setAttribute(Eo(o),d)}}get playbackId(){var t;return(t=this.getAttribute(E.Attributes.PLAYBACK_ID))!=null?t:void 0}set playbackId(t){t?this.setAttribute(E.Attributes.PLAYBACK_ID,t):this.removeAttribute(E.Attributes.PLAYBACK_ID)}get src(){var t,a;return this.playbackId?(t=ti(this,xt.SRC))!=null?t:void 0:(a=this.getAttribute(xt.SRC))!=null?a:void 0}set src(t){t?this.setAttribute(xt.SRC,t):this.removeAttribute(xt.SRC)}get poster(){var a;let t=this.getAttribute(xt.POSTER);if(t!=null)return t;if(this.playbackId&&!this.audio)return Tp(this.playbackId,{customDomain:this.customDomain,thumbnailTime:(a=this.thumbnailTime)!=null?a:this.startTime,programTime:this.programStartTime,token:this.tokens.thumbnail})}set poster(t){t||t===""?this.setAttribute(xt.POSTER,t):this.removeAttribute(xt.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||[Q.StreamTypes.LIVE,Q.StreamTypes.UNKNOWN].includes(this.streamType)))return kp(this.playbackId,{customDomain:this.customDomain,token:this.tokens.storyboard,programStartTime:this.programStartTime,programEndTime:this.programEndTime})}get audio(){return this.hasAttribute(p.AUDIO)}set audio(t){if(!t){this.removeAttribute(p.AUDIO);return}this.setAttribute(p.AUDIO,"")}get hotkeys(){return L(this,Hr)}get nohotkeys(){return this.hasAttribute(p.NOHOTKEYS)}set nohotkeys(t){if(!t){this.removeAttribute(p.NOHOTKEYS);return}this.setAttribute(p.NOHOTKEYS,"")}get thumbnailTime(){return Oe(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=ti(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=q.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=q.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 accentColor(){var a,r;let t=this.getAttribute(p.ACCENT_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=q.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_accent-color"))==null?void 0:r.trim(),t))return t}set accentColor(t){this.setAttribute(p.ACCENT_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=Oe(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=Oe(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 defaultDuration(){return Oe(this.getAttribute(p.DEFAULT_DURATION))}set defaultDuration(t){t==null?this.removeAttribute(p.DEFAULT_DURATION):this.setAttribute(p.DEFAULT_DURATION,`${t}`)}get playerSoftwareName(){var t;return(t=this.getAttribute(E.Attributes.PLAYER_SOFTWARE_NAME))!=null?t:N0}get playerSoftwareVersion(){var t;return(t=this.getAttribute(E.Attributes.PLAYER_SOFTWARE_VERSION))!=null?t:P0}get beaconCollectionDomain(){var t;return(t=this.getAttribute(E.Attributes.BEACON_COLLECTION_DOMAIN))!=null?t:void 0}set beaconCollectionDomain(t){t!==this.beaconCollectionDomain&&(t?this.setAttribute(E.Attributes.BEACON_COLLECTION_DOMAIN,t):this.removeAttribute(E.Attributes.BEACON_COLLECTION_DOMAIN))}get maxResolution(){var t;return(t=this.getAttribute(E.Attributes.MAX_RESOLUTION))!=null?t:void 0}set maxResolution(t){t!==this.maxResolution&&(t?this.setAttribute(E.Attributes.MAX_RESOLUTION,t):this.removeAttribute(E.Attributes.MAX_RESOLUTION))}get minResolution(){var t;return(t=this.getAttribute(E.Attributes.MIN_RESOLUTION))!=null?t:void 0}set minResolution(t){t!==this.minResolution&&(t?this.setAttribute(E.Attributes.MIN_RESOLUTION,t):this.removeAttribute(E.Attributes.MIN_RESOLUTION))}get renditionOrder(){var t;return(t=this.getAttribute(E.Attributes.RENDITION_ORDER))!=null?t:void 0}set renditionOrder(t){t!==this.renditionOrder&&(t?this.setAttribute(E.Attributes.RENDITION_ORDER,t):this.removeAttribute(E.Attributes.RENDITION_ORDER))}get programStartTime(){return Oe(this.getAttribute(E.Attributes.PROGRAM_START_TIME))}set programStartTime(t){t==null?this.removeAttribute(E.Attributes.PROGRAM_START_TIME):this.setAttribute(E.Attributes.PROGRAM_START_TIME,`${t}`)}get programEndTime(){return Oe(this.getAttribute(E.Attributes.PROGRAM_END_TIME))}set programEndTime(t){t==null?this.removeAttribute(E.Attributes.PROGRAM_END_TIME):this.setAttribute(E.Attributes.PROGRAM_END_TIME,`${t}`)}get extraSourceParams(){return this.hasAttribute(p.EXTRA_SOURCE_PARAMS)?[...new URLSearchParams(this.getAttribute(p.EXTRA_SOURCE_PARAMS)).entries()].reduce((t,[a,r])=>(t[a]=r,t),{}):U0}set extraSourceParams(t){t==null?this.removeAttribute(p.EXTRA_SOURCE_PARAMS):this.setAttribute(p.EXTRA_SOURCE_PARAMS,new URLSearchParams(t).toString())}get customDomain(){var t;return(t=this.getAttribute(E.Attributes.CUSTOM_DOMAIN))!=null?t:void 0}set customDomain(t){t!==this.customDomain&&(t?this.setAttribute(E.Attributes.CUSTOM_DOMAIN,t):this.removeAttribute(E.Attributes.CUSTOM_DOMAIN))}get envKey(){var t;return(t=ti(this,E.Attributes.ENV_KEY))!=null?t:void 0}set envKey(t){this.setAttribute(E.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 ti(this,E.Attributes.DEBUG)!=null}set debug(t){t?this.setAttribute(E.Attributes.DEBUG,""):this.removeAttribute(E.Attributes.DEBUG)}get disableTracking(){return ti(this,E.Attributes.DISABLE_TRACKING)!=null}set disableTracking(t){this.toggleAttribute(E.Attributes.DISABLE_TRACKING,!!t)}get disableCookies(){return ti(this,E.Attributes.DISABLE_COOKIES)!=null}set disableCookies(t){t?this.setAttribute(E.Attributes.DISABLE_COOKIES,""):this.removeAttribute(E.Attributes.DISABLE_COOKIES)}get streamType(){var t,a,r;return(r=(a=this.getAttribute(E.Attributes.STREAM_TYPE))!=null?a:(t=this.media)==null?void 0:t.streamType)!=null?r:Q.StreamTypes.UNKNOWN}set streamType(t){this.setAttribute(E.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:Q.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||Number.isNaN(t)&&Number.isNaN(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 Oe(ti(this,E.Attributes.START_TIME))}set startTime(t){this.setAttribute(E.Attributes.START_TIME,`${t}`)}get preferPlayback(){let t=this.getAttribute(E.Attributes.PREFER_PLAYBACK);if(t===Q.PlaybackTypes.MSE||t===Q.PlaybackTypes.NATIVE)return t}set preferPlayback(t){t!==this.preferPlayback&&(t===Q.PlaybackTypes.MSE||t===Q.PlaybackTypes.NATIVE?this.setAttribute(E.Attributes.PREFER_PLAYBACK,t):this.removeAttribute(E.Attributes.PREFER_PLAYBACK))}get metadata(){var t;return(t=this.media)==null?void 0:t.metadata}set metadata(t){if(ee(this,gt,ei).call(this),!this.media){Ie("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata={...iv(this),...t}}get _hlsConfig(){var t;return(t=this.media)==null?void 0:t._hlsConfig}set _hlsConfig(t){if(ee(this,gt,ei).call(this),!this.media){Ie("underlying media element missing when trying to set _hlsConfig. _hlsConfig will not be set.");return}this.media._hlsConfig=t}async addCuePoints(t){var a;if(ee(this,gt,ei).call(this),!this.media){Ie("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:[]}addChapters(t){var a;if(ee(this,gt,ei).call(this),!this.media){Ie("underlying media element missing when trying to addChapters. chapters will not be added.");return}return(a=this.media)==null?void 0:a.addChapters(t)}get activeChapter(){var t;return(t=this.media)==null?void 0:t.activeChapter}get chapters(){var t,a;return(a=(t=this.media)==null?void 0:t.chapters)!=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.DRM_TOKEN),r=this.getAttribute(p.THUMBNAIL_TOKEN),n=this.getAttribute(p.STORYBOARD_TOKEN);return{...L(this,Wr),...t!=null?{playback:t}:{},...a!=null?{drm:a}:{},...r!=null?{thumbnail:r}:{},...n!=null?{storyboard:n}:{}}}set tokens(t){Ce(this,Wr,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 drmToken(){var t;return(t=this.getAttribute(p.DRM_TOKEN))!=null?t:void 0}set drmToken(t){this.setAttribute(p.DRM_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 o=(d=this.media)==null?void 0:d.nativeEl;if(o)return(0,Q.addTextTrack)(o,t,a,r,n)}removeTextTrack(t){var r;let a=(r=this.media)==null?void 0:r.nativeEl;if(a)return(0,Q.removeTextTrack)(a,t)}get textTracks(){var t;return(t=this.media)==null?void 0:t.textTracks}};Br=new WeakMap,Wr=new WeakMap,ii=new WeakMap,Hr=new WeakMap,Oi=new WeakMap,gt=new WeakSet,ei=function(){var t,a,r,n;if(!L(this,Br)){Ce(this,Br,!0),ee(this,Dt,Di).call(this);try{if(customElements.upgrade(this.mediaTheme),!(this.mediaTheme instanceof q.HTMLElement))throw""}catch{Ie("<media-theme> failed to upgrade!")}try{if(customElements.upgrade(this.media),!(this.media instanceof E.default))throw""}catch{Ie("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof ul))throw""}catch{Ie("<media-controller> failed to upgrade!")}this.init(),ee(this,Po,nv).call(this),ee(this,No,sv).call(this),ee(this,Uo,ov).call(this),Ce(this,ii,(a=(t=this.mediaController)==null?void 0:t.hasAttribute(w.USER_INACTIVE))!=null?a:!0),ee(this,Bo,lv).call(this),(r=this.media)==null||r.addEventListener("streamtypechange",()=>ee(this,Dt,Di).call(this)),(n=this.media)==null||n.addEventListener("loadstart",()=>ee(this,Dt,Di).call(this))}},Oo=new WeakSet,rv=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{}},$r=new WeakSet,Ju=function(t){Object.assign(L(this,Oi),t),ee(this,Dt,Di).call(this)},Dt=new WeakSet,Di=function(t={}){Xp(Jp(L0(this,{...L(this,Oi),...t})),this.shadowRoot)},Po=new WeakSet,nv=function(){let t=r=>{var d,u;if(!(r!=null&&r.startsWith("theme-")))return;let n=r.replace(/^theme-/,"");if(Xu.includes(n))return;let o=this.getAttribute(r);o!=null?(d=this.mediaTheme)==null||d.setAttribute(n,o):(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)},No=new WeakSet,sv=function(){var a;let t=r=>{let{detail:n}=r;if(n instanceof E.MediaError||(n=new E.MediaError(n.message,n.code,n.fatal)),!(n!=null&&n.fatal)){Zt(n),n.data&&Zt(`${n.name} data:`,n.data);return}let{dialog:o,devlog:d}=xo(n,!window.navigator.onLine,this.playbackId,this.playbackToken);d.message&&Nu(d),Ie(n),n.data&&Ie(`${n.name} data:`,n.data),ee(this,$r,Ju).call(this,{isDialogOpen:!0,dialog:o})};this.addEventListener("error",t),this.media&&(this.media.errorTranslator=(r={})=>{var o,d,u;if(!(((o=this.media)==null?void 0:o.error)instanceof E.MediaError))return r;let{devlog:n}=xo((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 o,d;let{detail:n}=r;if(!n){let{message:u,code:m}=(d=(o=this.media)==null?void 0:o.error)!=null?d:{};n=new E.MediaError(u,m)}n!=null&&n.fatal&&this.dispatchEvent(new CustomEvent("error",{detail:n}))})},Uo=new WeakSet,ov=function(){var a,r,n,o;let t=()=>ee(this,Dt,Di).call(this);(r=(a=this.media)==null?void 0:a.textTracks)==null||r.addEventListener("addtrack",t),(o=(n=this.media)==null?void 0:n.textTracks)==null||o.addEventListener("removetrack",t)},Bo=new WeakSet,lv=function(){var m,f;if(!/Firefox/i.test(navigator.userAgent))return;let a,r=new WeakMap,n=()=>this.streamType===Q.StreamTypes.LIVE&&!this.secondaryColor&&this.offsetWidth>=800,o=(g,v,b=!1)=>{if(n())return;Array.from(g&&g.activeCues||[]).forEach(A=>{if(!(!A.snapToLines||A.line<-5||A.line>=0&&A.line<10))if(!v||this.paused){let T=A.text.split(`
-`).length,O=-3;this.streamType===Q.StreamTypes.LIVE&&(O=-2);let te=O-T;if(A.line===te&&!b)return;r.has(A)||r.set(A,A.line),A.line=te}else setTimeout(()=>{A.line=r.get(A)||"auto"},500)})},d=()=>{var g,v;o(a,(v=(g=this.mediaController)==null?void 0:g.hasAttribute(w.USER_INACTIVE))!=null?v:!1)},u=()=>{var b,R;let v=Array.from(((R=(b=this.mediaController)==null?void 0:b.media)==null?void 0:R.textTracks)||[]).filter(A=>["subtitles","captions"].includes(A.kind)&&A.mode==="showing")[0];v!==a&&(a==null||a.removeEventListener("cuechange",d)),a=v,a==null||a.addEventListener("cuechange",d),o(a,L(this,ii))};u(),(m=this.textTracks)==null||m.addEventListener("change",u),(f=this.textTracks)==null||f.addEventListener("addtrack",u),this.addEventListener("userinactivechange",()=>{var v,b;let g=(b=(v=this.mediaController)==null?void 0:v.hasAttribute(w.USER_INACTIVE))!=null?b:!0;L(this,ii)!==g&&(Ce(this,ii,g),o(a,L(this,ii)))})};function ti(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}q.customElements.get("mux-player")||(q.customElements.define("mux-player",Ur),q.MuxPlayerElement=Ur);var B0=Ur;
+`;function dm({anchor:i,floating:e,placement:t}){let a=Cv({anchor:i,floating:e}),{x:r,y:n}=wv(a,t);return{x:r,y:n}}function Cv({anchor:i,floating:e}){return{anchor:Mv(i,e.offsetParent),floating:{x:0,y:0,width:e.offsetWidth,height:e.offsetHeight}}}function Mv(i,e){let t=i.getBoundingClientRect(),a=e.getBoundingClientRect();return{x:t.x-a.x,y:t.y-a.y,width:t.width,height:t.height}}function wv({anchor:i,floating:e},t){let a=Lv(t)==="x"?"y":"x",r=a==="y"?"height":"width",n=um(t),s=i.x+i.width/2-e.width/2,l=i.y+i.height/2-e.height/2,u=i[r]/2-e[r]/2,c;switch(n){case"top":c={x:s,y:i.y-e.height};break;case"bottom":c={x:s,y:i.y+i.height};break;case"right":c={x:i.x+i.width,y:l};break;case"left":c={x:i.x-e.width,y:l};break;default:c={x:i.x,y:i.y}}switch(t.split("-")[1]){case"start":c[a]-=u;break;case"end":c[a]+=u;break}return c}function um(i){return i.split("-")[0]}function Lv(i){return["top","bottom"].includes(um(i))?"y":"x"}var Dt=class extends Event{constructor({action:e="auto",relatedTarget:t,...a}){super("invoke",a),this.action=e,this.relatedTarget=t}},Qn=class extends Event{constructor({newState:e,oldState:t,...a}){super("toggle",a),this.newState=e,this.oldState=t}};var wl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},B=(i,e,t)=>(wl(i,e,"read from private field"),t?t.call(i):e.get(i)),Y=(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)},ft=(i,e,t,a)=>(wl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),F=(i,e,t)=>(wl(i,e,"access private method"),t),Xe,ui,Pt,zn,Xn,ci,El,cm,eo,Jn,gl,_l,mm,Al,hm,yl,pm,Ki,Yi,mi,Gi,to,Ll,Tl,vm,Rl,fm,kl,bm,xl,Em,Sl,gm,Il,_m,Ja,io,Cl,Am,ja,ao,jn,Ml;function Je({type:i,text:e,value:t,checked:a}){let r=m.createElement("media-chrome-menu-item");r.type=i!=null?i:"",r.part.add("menu-item"),i&&r.part.add(i),r.value=t,r.checked=a;let n=m.createElement("span");return n.textContent=e,r.append(n),r}function Oe(i,e){let t=i.querySelector(`:scope > [slot="${e}"]`);if((t==null?void 0:t.nodeName)=="SLOT"&&(t=t.assignedElements({flatten:!0})[0]),t)return t=t.cloneNode(!0),t;let a=i.shadowRoot.querySelector(`[name="${e}"] > svg`);return a?a.cloneNode(!0):""}var ym=m.createElement("template");ym.innerHTML=`
+  <style>
+    :host {
+      font: var(--media-font,
+        var(--media-font-weight, normal)
+        var(--media-font-size, 14px) /
+        var(--media-text-content-height, var(--media-control-height, 24px))
+        var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
+      color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+      background: var(--media-menu-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .8))));
+      border-radius: var(--media-menu-border-radius);
+      border: var(--media-menu-border, none);
+      display: var(--media-menu-display, inline-flex);
+      transition: var(--media-menu-transition-in,
+        visibility 0s,
+        opacity .2s ease-out,
+        transform .15s ease-out,
+        left .2s ease-in-out,
+        min-width .2s ease-in-out,
+        min-height .2s ease-in-out
+      ) !important;
+      
+      visibility: var(--media-menu-visibility, visible);
+      opacity: var(--media-menu-opacity, 1);
+      max-height: var(--media-menu-max-height, var(--_menu-max-height, 300px));
+      transform: var(--media-menu-transform-in, translateY(0) scale(1));
+      flex-direction: column;
+      
+      min-height: 0;
+      position: relative;
+      box-sizing: border-box;
+    }
+
+    :host([hidden]) {
+      transition: var(--media-menu-transition-out,
+        visibility .15s ease-in,
+        opacity .15s ease-in,
+        transform .15s ease-in
+      ) !important;
+      visibility: var(--media-menu-hidden-visibility, hidden);
+      opacity: var(--media-menu-hidden-opacity, 0);
+      max-height: var(--media-menu-hidden-max-height,
+        var(--media-menu-max-height, var(--_menu-max-height, 300px)));
+      transform: var(--media-menu-transform-out, translateY(2px) scale(.99));
+      pointer-events: none;
+    }
+
+    :host([slot="submenu"]) {
+      background: none;
+      width: 100%;
+      min-height: 100%;
+      position: absolute;
+      bottom: 0;
+      right: -100%;
+    }
+
+    #container {
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+      transition: transform .2s ease-out;
+      transform: translate(0, 0);
+    }
+
+    #container.has-expanded {
+      transition: transform .2s ease-in;
+      transform: translate(-100%, 0);
+    }
+
+    slot[name="header"] {
+      display: flex;
+      padding: .4em .7em;
+      border-bottom: 1px solid rgb(255 255 255 / .25);
+      cursor: default;
+    }
+
+    slot[name="header"][hidden] {
+      display: none;
+    }
+
+    button[part~="back"] {
+      background: none;
+      color: inherit;
+      border: none;
+      padding: 0;
+      font: inherit;
+      cursor: pointer;
+      outline: inherit;
+      display: inline-flex;
+      align-items: center;
+      cursor: pointer;
+    }
+
+    svg[part~="back"] {
+      height: var(--media-menu-icon-height, var(--media-control-height, 24px));
+      fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
+      display: block;
+      margin-right: .5ch;
+    }
+
+    slot:not([name]) {
+      gap: var(--media-menu-gap);
+      flex-direction: var(--media-menu-flex-direction, column);
+      overflow: var(--media-menu-overflow, hidden auto);
+      display: flex;
+      min-height: 0;
+    }
+
+    :host([role="menu"]) slot:not([name]) {
+      padding-block: .4em;
+    }
+
+    slot:not([name])::slotted([role="menu"]) {
+      background: none;
+    }
+
+    media-chrome-menu-item > span {
+      margin-right: .5ch;
+      max-width: var(--media-menu-item-max-width);
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  </style>
+  <style id="layout-row" media="width:0">
+
+    slot[name="header"] {
+      padding: .4em .5em;
+    }
+
+    slot:not([name]) {
+      gap: var(--media-menu-gap, .25em);
+      flex-direction: var(--media-menu-flex-direction, row);
+      padding-inline: .5em;
+    }
+
+    media-chrome-menu-item {
+      padding: .3em .5em;
+    }
+
+    media-chrome-menu-item[aria-checked="true"] {
+      background: var(--media-menu-item-checked-background, rgb(255 255 255 / .2));
+    }
+
+    
+    media-chrome-menu-item::part(checked-indicator) {
+      display: var(--media-menu-item-checked-indicator-display, none);
+    }
+  </style>
+  <div id="container">
+    <slot name="header" hidden>
+      <button part="back button" aria-label="Back to previous menu">
+        <slot name="back-icon">
+          <svg aria-hidden="true" viewBox="0 0 20 24" part="back indicator">
+            <path d="m11.88 17.585.742-.669-4.2-4.665 4.2-4.666-.743-.669-4.803 5.335 4.803 5.334Z"/>
+          </svg>
+        </slot>
+        <slot name="title"></slot>
+      </button>
+    </slot>
+    <slot></slot>
+  </div>
+  <slot name="checked-indicator" hidden></slot>
+`;var di={STYLE:"style",HIDDEN:"hidden",DISABLED:"disabled",ANCHOR:"anchor"},se=class extends d.HTMLElement{constructor(){super(),Y(this,El),Y(this,Jn),Y(this,_l),Y(this,Al),Y(this,yl),Y(this,mi),Y(this,to),Y(this,Tl),Y(this,Rl),Y(this,kl),Y(this,xl),Y(this,Sl),Y(this,Il),Y(this,Ja),Y(this,Cl),Y(this,ja),Y(this,jn),Y(this,Xe,null),Y(this,ui,null),Y(this,Pt,null),Y(this,zn,new Set),Y(this,Xn,void 0),Y(this,ci,!1),Y(this,eo,()=>{let e=B(this,zn),t=new Set(this.items);for(let a of e)t.has(a)||this.dispatchEvent(new CustomEvent("removemenuitem",{detail:a}));for(let a of t)e.has(a)||this.dispatchEvent(new CustomEvent("addmenuitem",{detail:a}));ft(this,zn,t)}),Y(this,Ki,()=>{F(this,mi,Gi).call(this,!1),F(this,to,Ll).call(this,!1)}),Y(this,Yi,()=>{F(this,mi,Gi).call(this,!1)}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.nativeEl=this.constructor.template.content.cloneNode(!0),this.shadowRoot.append(this.nativeEl)),this.container=this.shadowRoot.querySelector("#container"),this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.shadowRoot.addEventListener("slotchange",this),ft(this,Xn,new MutationObserver(B(this,eo))),B(this,Xn).observe(this.defaultSlot,{childList:!0})}static get observedAttributes(){return[di.DISABLED,di.HIDDEN,di.STYLE,di.ANCHOR,k.MEDIA_CONTROLLER]}static formatMenuItemText(e){return e}enable(){this.addEventListener("click",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this),this.addEventListener("invoke",this),this.addEventListener("toggle",this)}disable(){this.removeEventListener("click",this),this.removeEventListener("focusout",this),this.removeEventListener("keyup",this),this.removeEventListener("invoke",this),this.removeEventListener("toggle",this)}handleEvent(e){switch(e.type){case"slotchange":F(this,El,cm).call(this,e);break;case"invoke":F(this,_l,mm).call(this,e);break;case"click":F(this,Tl,vm).call(this,e);break;case"toggle":F(this,kl,bm).call(this,e);break;case"focusout":F(this,Sl,gm).call(this,e);break;case"keydown":F(this,Il,_m).call(this,e);break}}connectedCallback(){var e,t;F(this,Jn,gl).call(this),this.hasAttribute("disabled")||this.enable(),this.role||(this.role="menu"),ft(this,Xe,Cr(this)),(t=(e=B(this,Xe))==null?void 0:e.associateElement)==null||t.call(e,this),this.hidden||(ot(er(this),B(this,Ki)),ot(this,B(this,Yi)))}disconnectedCallback(){var e,t;$t(er(this),B(this,Ki)),$t(this,B(this,Yi)),this.disable(),(t=(e=B(this,Xe))==null?void 0:e.unassociateElement)==null||t.call(e,this),ft(this,Xe,null)}attributeChangedCallback(e,t,a){var r,n,s,l;e===di.HIDDEN&&a!==t?(B(this,ci)||ft(this,ci,!0),this.hidden?F(this,yl,pm).call(this):F(this,Al,hm).call(this),this.dispatchEvent(new Qn({oldState:this.hidden?"open":"closed",newState:this.hidden?"closed":"open",bubbles:!0}))):e===k.MEDIA_CONTROLLER?(t&&((n=(r=B(this,Xe))==null?void 0:r.unassociateElement)==null||n.call(r,this),ft(this,Xe,null)),a&&this.isConnected&&(ft(this,Xe,Cr(this)),(l=(s=B(this,Xe))==null?void 0:s.associateElement)==null||l.call(s,this))):e===di.DISABLED&&a!==t?a==null?this.enable():this.disable():e===di.STYLE&&a!==t&&F(this,Jn,gl).call(this)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}get anchor(){return this.getAttribute("anchor")}set anchor(e){this.setAttribute("anchor",`${e}`)}get anchorElement(){var e;return this.anchor?(e=Wt(this))==null?void 0:e.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:!0}).filter(Rv)}get radioGroupItems(){return this.items.filter(e=>e.role==="menuitemradio")}get checkedItems(){return this.items.filter(e=>e.checked)}get value(){var e,t;return(t=(e=this.checkedItems[0])==null?void 0:e.value)!=null?t:""}set value(e){let t=this.items.find(a=>a.value===e);t&&F(this,jn,Ml).call(this,t)}focus(){if(ft(this,ui,fa()),this.items.length){F(this,ja,ao).call(this,this.items[0]),this.items[0].focus();return}let e=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');e==null||e.focus()}handleSelect(e){var t;let a=F(this,Ja,io).call(this,e);a&&(F(this,jn,Ml).call(this,a,a.type==="checkbox"),B(this,Pt)&&!this.hidden&&((t=B(this,ui))==null||t.focus(),this.hidden=!0))}get keysUsed(){return["Enter","Escape","Tab"," ","ArrowDown","ArrowUp","Home","End"]}handleMove(e){var t,a;let{key:r}=e,n=this.items,s=(a=(t=F(this,Ja,io).call(this,e))!=null?t:F(this,Cl,Am).call(this))!=null?a:n[0],l=n.indexOf(s),u=Math.max(0,l);r==="ArrowDown"?u++:r==="ArrowUp"?u--:e.key==="Home"?u=0:e.key==="End"&&(u=n.length-1),u<0&&(u=n.length-1),u>n.length-1&&(u=0),F(this,ja,ao).call(this,n[u]),n[u].focus()}};Xe=new WeakMap;ui=new WeakMap;Pt=new WeakMap;zn=new WeakMap;Xn=new WeakMap;ci=new WeakMap;El=new WeakSet;cm=function(i){let e=i.target;for(let t of e.assignedNodes({flatten:!0}))t.nodeType===3&&t.textContent.trim()===""&&t.remove();if(["header","title"].includes(e.name)){let t=this.shadowRoot.querySelector('slot[name="header"]');t.hidden=e.assignedNodes().length===0}e.name||B(this,eo).call(this)};eo=new WeakMap;Jn=new WeakSet;gl=function(){var i;let e=this.shadowRoot.querySelector("#layout-row"),t=(i=getComputedStyle(this).getPropertyValue("--media-menu-layout"))==null?void 0:i.trim();e.setAttribute("media",t==="row"?"":"width:0")};_l=new WeakSet;mm=function(i){ft(this,Pt,i.relatedTarget),ue(this,i.relatedTarget)||(this.hidden=!this.hidden)};Al=new WeakSet;hm=function(){var i;(i=B(this,Pt))==null||i.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>F(this,mi,Gi).call(this,!1)),this.addEventListener("transitionend",()=>this.focus(),{once:!0}),ot(er(this),B(this,Ki)),ot(this,B(this,Yi))};yl=new WeakSet;pm=function(){var i;(i=B(this,Pt))==null||i.setAttribute("aria-expanded","false"),$t(er(this),B(this,Ki)),$t(this,B(this,Yi))};Ki=new WeakMap;Yi=new WeakMap;mi=new WeakSet;Gi=function(i,e){if(this.hasAttribute("mediacontroller")&&!this.anchor||this.hidden||!this.anchorElement)return;let{x:t,y:a}=dm({anchor:this.anchorElement,floating:this,placement:"top-start"});e!=null||(e=this.offsetWidth);let n=er(this).getBoundingClientRect(),s=this.anchorElement.getBoundingClientRect(),l=n.width-t-e,u=n.height-a-this.offsetHeight,c=n.height-s.height,{style:f}=N(this.shadowRoot,":host");i||f.setProperty("--media-menu-transition-in","none"),f.setProperty("position","absolute"),f.setProperty("right",`${Math.max(0,l)}px`),f.setProperty("bottom",`${u}px`),f.setProperty("--_menu-max-height",`${c}px`),f.removeProperty("--media-menu-transition-in")};to=new WeakSet;Ll=function(i){let e=this.querySelector('[role="menuitem"][aria-haspopup][aria-expanded="true"]'),t=e==null?void 0:e.querySelector('[role="menu"]'),{style:a}=N(this.shadowRoot,":host");if(i||a.setProperty("--media-menu-transition-in","none"),t){let r=t.offsetHeight,n=Math.max(t.offsetWidth,e.offsetWidth);this.style.setProperty("min-width",`${n}px`),this.style.setProperty("min-height",`${r}px`),F(this,mi,Gi).call(this,i,n)}else this.style.removeProperty("min-width"),this.style.removeProperty("min-height"),F(this,mi,Gi).call(this,i);a.removeProperty("--media-menu-transition-in")};Tl=new WeakSet;vm=function(i){var e;if(i.stopPropagation(),i.composedPath().includes(B(this,Rl,fm))){(e=B(this,ui))==null||e.focus(),this.hidden=!0;return}let t=F(this,Ja,io).call(this,i);!t||t.hasAttribute("disabled")||(F(this,ja,ao).call(this,t),this.handleSelect(i))};Rl=new WeakSet;fm=function(){var i;return(i=this.shadowRoot.querySelector('slot[name="header"]').assignedElements({flatten:!0}))==null?void 0:i.find(t=>t.part.contains("back")&&t.part.contains("button"))};kl=new WeakSet;bm=function(i){if(i.target===this)return;F(this,xl,Em).call(this);let e=Array.from(this.querySelectorAll('[role="menuitem"][aria-haspopup]'));for(let t of e)t.invokeTargetElement!=i.target&&i.newState=="open"&&t.getAttribute("aria-expanded")=="true"&&!t.invokeTargetElement.hidden&&t.invokeTargetElement.dispatchEvent(new Dt({relatedTarget:t}));for(let t of e)t.setAttribute("aria-expanded",`${!t.submenuElement.hidden}`);F(this,to,Ll).call(this,!0)};xl=new WeakSet;Em=function(){let i='[role="menuitem"] > [role="menu"]:not([hidden])',e=this.querySelector(i);this.container.classList.toggle("has-expanded",!!e)};Sl=new WeakSet;gm=function(i){var e;ue(this,i.relatedTarget)||(B(this,ci)&&((e=B(this,ui))==null||e.focus()),B(this,Pt)&&B(this,Pt)!==i.relatedTarget&&!this.hidden&&(this.hidden=!0))};Il=new WeakSet;_m=function(i){var e,t,a,r,n;let{key:s,ctrlKey:l,altKey:u,metaKey:c}=i;if(!(l||u||c)&&this.keysUsed.includes(s))if(i.preventDefault(),i.stopPropagation(),s==="Tab"){if(B(this,ci)){this.hidden=!0;return}i.shiftKey?(t=(e=this.previousElementSibling)==null?void 0:e.focus)==null||t.call(e):(r=(a=this.nextElementSibling)==null?void 0:a.focus)==null||r.call(a),this.blur()}else s==="Escape"?((n=B(this,ui))==null||n.focus(),B(this,ci)&&(this.hidden=!0)):s==="Enter"||s===" "?this.handleSelect(i):this.handleMove(i)};Ja=new WeakSet;io=function(i){return i.composedPath().find(e=>["menuitemradio","menuitemcheckbox"].includes(e.role))};Cl=new WeakSet;Am=function(){return this.items.find(i=>i.tabIndex===0)};ja=new WeakSet;ao=function(i){for(let e of this.items)e.tabIndex=e===i?0:-1};jn=new WeakSet;Ml=function(i,e){let t=[...this.checkedItems];i.type==="radio"&&this.radioGroupItems.forEach(a=>a.checked=!1),e?i.checked=!i.checked:i.checked=!0,this.checkedItems.some((a,r)=>a!=t[r])&&this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};se.template=ym;function Rv(i){return["menuitem","menuitemradio","menuitemcheckbox"].includes(i==null?void 0:i.role)}function er(i){var e;return(e=i.getAttribute("bounds")?Ue(i,`#${i.getAttribute("bounds")}`):q(i)||i.parentElement)!=null?e:i}d.customElements.get("media-chrome-menu")||d.customElements.define("media-chrome-menu",se);var Bl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},et=(i,e,t)=>(Bl(i,e,"read from private field"),t?t.call(i):e.get(i)),bt=(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)},Dl=(i,e,t,a)=>(Bl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),je=(i,e,t)=>(Bl(i,e,"access private method"),t),ro,ir,Pl,Tm,Hl,km,$l,Sm,tt,qi,ar,Ol,Im,no,Nl,Cm=m.createElement("template");Cm.innerHTML=`
+  <style>
+    :host {
+      transition: var(--media-menu-item-transition,
+        background .15s linear,
+        opacity .2s ease-in-out
+      );
+      outline: var(--media-menu-item-outline, 0);
+      outline-offset: var(--media-menu-item-outline-offset, -1px);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      align-self: stretch;
+      justify-self: stretch;
+      white-space: nowrap;
+      white-space-collapse: collapse;
+      text-wrap: nowrap;
+      padding: .4em .8em .4em 1em;
+    }
+
+    :host(:focus-visible) {
+      box-shadow: var(--media-menu-item-focus-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
+      outline: var(--media-menu-item-hover-outline, 0);
+      outline-offset: var(--media-menu-item-hover-outline-offset,  var(--media-menu-item-outline-offset, -1px));
+    }
+
+    :host(:hover) {
+      cursor: pointer;
+      background: var(--media-menu-item-hover-background, rgb(92 92 102 / .5));
+      outline: var(--media-menu-item-hover-outline);
+      outline-offset: var(--media-menu-item-hover-outline-offset,  var(--media-menu-item-outline-offset, -1px));
+    }
+
+    :host([aria-checked="true"]) {
+      background: var(--media-menu-item-checked-background);
+    }
+
+    :host([hidden]) {
+      display: none;
+    }
+
+    :host([disabled]) {
+      pointer-events: none;
+      color: rgba(255, 255, 255, .3);
+    }
+
+    slot:not([name]) {
+      width: 100%;
+    }
+
+    slot:not([name="submenu"]) {
+      display: inline-flex;
+      align-items: center;
+      transition: inherit;
+      opacity: var(--media-menu-item-opacity, 1);
+    }
+
+    slot[name="description"] {
+      justify-content: end;
+    }
+
+    slot[name="description"] > span {
+      display: inline-block;
+      margin-inline: 1em .2em;
+      max-width: var(--media-menu-item-description-max-width, 100px);
+      text-overflow: ellipsis;
+      overflow: hidden;
+      font-size: .8em;
+      font-weight: 400;
+      text-align: right;
+      position: relative;
+      top: .04em;
+    }
+
+    slot[name="checked-indicator"] {
+      display: none;
+    }
+
+    :host(:is([role="menuitemradio"],[role="menuitemcheckbox"])) slot[name="checked-indicator"] {
+      display: var(--media-menu-item-checked-indicator-display, inline-block);
+    }
+
+    
+    svg, img, ::slotted(svg), ::slotted(img) {
+      height: var(--media-menu-item-icon-height, var(--media-control-height, 24px));
+      fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
+      display: block;
+    }
+
+    
+    [part~="indicator"],
+    ::slotted([part~="indicator"]) {
+      fill: var(--media-menu-item-indicator-fill,
+        var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))));
+      height: var(--media-menu-item-indicator-height, 1.25em);
+      margin-right: .5ch;
+    }
+
+    [part~="checked-indicator"] {
+      visibility: hidden;
+    }
+
+    :host([aria-checked="true"]) [part~="checked-indicator"] {
+      visibility: visible;
+    }
+  </style>
+  <slot name="checked-indicator">
+    <svg aria-hidden="true" viewBox="0 1 24 24" part="checked-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>
+  </slot>
+  <slot name="prefix"></slot>
+  <slot></slot>
+  <slot name="description"></slot>
+  <slot name="suffix"></slot>
+  <slot name="submenu"></slot>
+`;var Ie={TYPE:"type",VALUE:"value",CHECKED:"checked",DISABLED:"disabled"},Ot=class extends d.HTMLElement{constructor(){super(),bt(this,Pl),bt(this,Hl),bt(this,$l),bt(this,qi),bt(this,Ol),bt(this,no),bt(this,ro,!1),bt(this,ir,void 0),bt(this,tt,()=>{var e,t;this.setAttribute("submenusize",`${this.submenuElement.items.length}`);let a=this.shadowRoot.querySelector('slot[name="description"]'),r=(e=this.submenuElement.checkedItems)==null?void 0:e[0],n=(t=r==null?void 0:r.dataset.description)!=null?t:r==null?void 0:r.text,s=m.createElement("span");s.textContent=n!=null?n:"",a.replaceChildren(s)}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.append(this.constructor.template.content.cloneNode(!0))),this.shadowRoot.addEventListener("slotchange",this)}static get observedAttributes(){return[Ie.TYPE,Ie.DISABLED,Ie.CHECKED,Ie.VALUE]}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),tr(this)&&!this.hasAttribute("aria-checked")&&this.setAttribute("aria-checked","false"),this.addEventListener("click",this),this.addEventListener("keydown",this)}disable(){this.removeAttribute("tabindex"),this.removeEventListener("click",this),this.removeEventListener("keydown",this),this.removeEventListener("keyup",this)}handleEvent(e){switch(e.type){case"slotchange":je(this,Pl,Tm).call(this,e);break;case"click":this.handleClick(e);break;case"keydown":je(this,Ol,Im).call(this,e);break;case"keyup":je(this,qi,ar).call(this,e);break}}attributeChangedCallback(e,t,a){e===Ie.CHECKED&&tr(this)&&!et(this,ro)?this.setAttribute("aria-checked",a!=null?"true":"false"):e===Ie.TYPE&&a!==t?this.role="menuitem"+a:e===Ie.DISABLED&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){this.hasAttribute(Ie.DISABLED)||this.enable(),this.role="menuitem"+this.type,Dl(this,ir,Ul(this,this.parentNode)),je(this,no,Nl).call(this)}disconnectedCallback(){this.disable(),je(this,no,Nl).call(this),Dl(this,ir,null)}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?(e=Wt(this))==null?void 0:e.querySelector(`#${this.invokeTarget}`):this.submenuElement}get submenuElement(){return this.shadowRoot.querySelector('slot[name="submenu"]').assignedElements({flatten:!0})[0]}get type(){var e;return(e=this.getAttribute(Ie.TYPE))!=null?e:""}set type(e){this.setAttribute(Ie.TYPE,`${e}`)}get value(){var e;return(e=this.getAttribute(Ie.VALUE))!=null?e:this.text}set value(e){this.setAttribute(Ie.VALUE,e)}get text(){var e;return((e=this.textContent)!=null?e:"").trim()}get checked(){if(tr(this))return this.getAttribute("aria-checked")==="true"}set checked(e){tr(this)&&(Dl(this,ro,!0),this.setAttribute("aria-checked",e?"true":"false"),e?this.part.add("checked"):this.part.remove("checked"))}handleClick(e){tr(this)||this.invokeTargetElement&&ue(this,e.target)&&this.invokeTargetElement.dispatchEvent(new Dt({relatedTarget:this}))}get keysUsed(){return["Enter"," "]}};ro=new WeakMap;ir=new WeakMap;Pl=new WeakSet;Tm=function(i){let e=i.target;if(!(e!=null&&e.name))for(let a of e.assignedNodes({flatten:!0}))a instanceof Text&&a.textContent.trim()===""&&a.remove();e.name==="submenu"&&(this.submenuElement?je(this,Hl,km).call(this):je(this,$l,Sm).call(this))};Hl=new WeakSet;km=async function(){this.setAttribute("aria-haspopup","menu"),this.setAttribute("aria-expanded",`${!this.submenuElement.hidden}`),this.submenuElement.addEventListener("change",et(this,tt)),this.submenuElement.addEventListener("addmenuitem",et(this,tt)),this.submenuElement.addEventListener("removemenuitem",et(this,tt)),et(this,tt).call(this)};$l=new WeakSet;Sm=function(){this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.submenuElement.removeEventListener("change",et(this,tt)),this.submenuElement.removeEventListener("addmenuitem",et(this,tt)),this.submenuElement.removeEventListener("removemenuitem",et(this,tt)),et(this,tt).call(this)};tt=new WeakMap;qi=new WeakSet;ar=function(i){let{key:e}=i;if(!this.keysUsed.includes(e)){this.removeEventListener("keyup",je(this,qi,ar));return}this.handleClick(i)};Ol=new WeakSet;Im=function(i){let{metaKey:e,altKey:t,key:a}=i;if(e||t||!this.keysUsed.includes(a)){this.removeEventListener("keyup",je(this,qi,ar));return}this.addEventListener("keyup",je(this,qi,ar),{once:!0})};no=new WeakSet;Nl=function(){var i;let e=(i=et(this,ir))==null?void 0:i.radioGroupItems;if(!e)return;let t=e.filter(a=>a.getAttribute("aria-checked")==="true").pop();t||(t=e[0]);for(let a of e)a.setAttribute("aria-checked","false");t==null||t.setAttribute("aria-checked","true")};Ot.template=Cm;function tr(i){return i.type==="radio"||i.type==="checkbox"}function Ul(i,e){if(!i)return null;let{host:t}=i.getRootNode();return!e&&t?Ul(i,t):e!=null&&e.items?e:Ul(e,e==null?void 0:e.parentNode)}d.customElements.get("media-chrome-menu-item")||d.customElements.define("media-chrome-menu-item",Ot);var Mm=m.createElement("template");Mm.innerHTML=se.template.innerHTML+`
+  <style>
+    :host {
+      background: var(--media-settings-menu-background,
+        var(--media-menu-background,
+        var(--media-control-background,
+        var(--media-secondary-color, rgb(20 20 30 / .8)))));
+      min-width: var(--media-settings-menu-min-width, 170px);
+      border-radius: 2px 2px 0 0;
+      overflow: hidden;
+    }
+
+    :host([role="menu"]) {
+      
+      justify-content: end;
+    }
+
+    slot:not([name]) {
+      justify-content: var(--media-settings-menu-justify-content);
+      flex-direction: var(--media-settings-menu-flex-direction, column);
+      overflow: visible;
+    }
+
+    #container.has-expanded {
+      --media-settings-menu-item-opacity: 0;
+    }
+  </style>
+`;var rr=class extends se{get anchorElement(){return this.anchor!=="auto"?super.anchorElement:q(this).querySelector("media-settings-menu-button")}};rr.template=Mm;d.customElements.get("media-settings-menu")||d.customElements.define("media-settings-menu",rr);var wm,oo=m.createElement("template");oo.innerHTML=Ot.template.innerHTML+`
+  <style>
+    slot:not([name="submenu"]) {
+      opacity: var(--media-settings-menu-item-opacity, var(--media-menu-item-opacity));
+    }
+
+    :host([aria-expanded="true"]:hover) {
+      background: transparent;
+    }
+  </style>
+`;(wm=oo.content)!=null&&wm.querySelector&&(oo.content.querySelector('slot[name="suffix"]').innerHTML=`
+    <svg aria-hidden="true" viewBox="0 0 20 24">
+      <path d="m8.12 17.585-.742-.669 4.2-4.665-4.2-4.666.743-.669 4.803 5.335-4.803 5.334Z"/>
+    </svg>
+  `);var nr=class extends Ot{};nr.template=oo;d.customElements.get("media-settings-menu-item")||d.customElements.define("media-settings-menu-item",nr);var Te=class extends W{connectedCallback(){super.connectedCallback(),this.invokeTargetElement&&this.setAttribute("aria-haspopup","menu")}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?(e=Wt(this))==null?void 0:e.querySelector(`#${this.invokeTarget}`):null}handleClick(){var e;(e=this.invokeTargetElement)==null||e.dispatchEvent(new Dt({relatedTarget:this}))}};d.customElements.get("media-chrome-menu-button")||d.customElements.define("media-chrome-menu-button",Te);var Lm=m.createElement("template");Lm.innerHTML=`
+  <style>
+    :host([aria-expanded="true"]) slot[name=tooltip] {
+      display: none;
+    }
+  </style>
+  <slot name="icon">
+    <svg aria-hidden="true" viewBox="0 0 24 24">
+      <path d="M4.5 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
+    </svg>
+  </slot>
+`;var so=class extends Te{static get observedAttributes(){return[...super.observedAttributes,"target"]}constructor(){super({slotTemplate:Lm,tooltipContent:I.SETTINGS})}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",V.SETTINGS())}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:q(this).querySelector("media-settings-menu")}};d.customElements.get("media-settings-menu-button")||d.customElements.define("media-settings-menu-button",so);var Kl=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Rm=(i,e,t)=>(Kl(i,e,"read from private field"),t?t.call(i):e.get(i)),lo=(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)},Wl=(i,e,t,a)=>(Kl(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),uo=(i,e,t)=>(Kl(i,e,"access private method"),t),or,ho,co,Fl,mo,Vl,po=class extends se{constructor(){super(...arguments),lo(this,co),lo(this,mo),lo(this,or,[]),lo(this,ho,void 0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AUDIO_TRACK_LIST,o.MEDIA_AUDIO_TRACK_ENABLED,o.MEDIA_AUDIO_TRACK_UNAVAILABLE]}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&&(Wl(this,or,Dd(a!=null?a:"")),uo(this,co,Fl).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",uo(this,mo,Vl))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",uo(this,mo,Vl))}get anchorElement(){var e;return this.anchor!=="auto"?super.anchorElement:(e=q(this))==null?void 0:e.querySelector("media-audio-track-menu-button")}get mediaAudioTrackList(){return Rm(this,or)}set mediaAudioTrackList(e){Wl(this,or,e),uo(this,co,Fl).call(this)}get mediaAudioTrackEnabled(){var e;return(e=R(this,o.MEDIA_AUDIO_TRACK_ENABLED))!=null?e:""}set mediaAudioTrackEnabled(e){M(this,o.MEDIA_AUDIO_TRACK_ENABLED,e)}};or=new WeakMap;ho=new WeakMap;co=new WeakSet;Fl=function(){if(Rm(this,ho)===JSON.stringify(this.mediaAudioTrackList))return;Wl(this,ho,JSON.stringify(this.mediaAudioTrackList));let i=this.mediaAudioTrackList;this.defaultSlot.textContent="";for(let e of i){let t=this.formatMenuItemText(e.label,e),a=Je({type:"radio",text:t,value:`${e.id}`,checked:e.enabled});a.prepend(Oe(this,"checked-indicator")),this.defaultSlot.append(a)}};mo=new WeakSet;Vl=function(){if(this.value==null)return;let i=new d.CustomEvent(v.MEDIA_AUDIO_TRACK_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};d.customElements.get("media-audio-track-menu")||d.customElements.define("media-audio-track-menu",po);var xv=`<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>`,xm=m.createElement("template");xm.innerHTML=`
+  <style>
+    :host([aria-expanded="true"]) slot[name=tooltip] {
+      display: none;
+    }
+  </style>
+  <slot name="icon">${xv}</slot>
+`;var vo=class extends Te{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AUDIO_TRACK_ENABLED,o.MEDIA_AUDIO_TRACK_UNAVAILABLE]}constructor(){super({slotTemplate:xm,tooltipContent:I.AUDIO_TRACK_MENU})}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",V.AUDIO_TRACKS())}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a)}get invokeTargetElement(){var e;return this.invokeTarget!=null?super.invokeTargetElement:(e=q(this))==null?void 0:e.querySelector("media-audio-track-menu")}get mediaAudioTrackEnabled(){var e;return(e=R(this,o.MEDIA_AUDIO_TRACK_ENABLED))!=null?e:""}set mediaAudioTrackEnabled(e){M(this,o.MEDIA_AUDIO_TRACK_ENABLED,e)}};d.customElements.get("media-audio-track-menu-button")||d.customElements.define("media-audio-track-menu-button",vo);var Ql=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Dv=(i,e,t)=>(Ql(i,e,"read from private field"),t?t.call(i):e.get(i)),Yl=(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)},Pv=(i,e,t,a)=>(Ql(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Gl=(i,e,t)=>(Ql(i,e,"access private method"),t),bo,ql,Om,fo,Zl,Ov=`
+  <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>`,Nm=m.createElement("template");Nm.innerHTML=se.template.innerHTML+`
+  <slot name="captions-indicator" hidden>${Ov}</slot>`;var sr=class extends se{constructor(){super(...arguments),Yl(this,ql),Yl(this,fo),Yl(this,bo,void 0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_SUBTITLES_LIST&&t!==a?Gl(this,ql,Om).call(this):e===o.MEDIA_SUBTITLES_SHOWING&&t!==a&&(this.value=a)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",Gl(this,fo,Zl))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",Gl(this,fo,Zl))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:q(this).querySelector("media-captions-menu-button")}get mediaSubtitlesList(){return Dm(this,o.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Pm(this,o.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Dm(this,o.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Pm(this,o.MEDIA_SUBTITLES_SHOWING,e)}};bo=new WeakMap;ql=new WeakSet;Om=function(){var i;if(Dv(this,bo)===JSON.stringify(this.mediaSubtitlesList))return;Pv(this,bo,JSON.stringify(this.mediaSubtitlesList)),this.defaultSlot.textContent="";let e=!this.value,t=Je({type:"radio",text:this.formatMenuItemText("Off"),value:"off",checked:e});t.prepend(Oe(this,"checked-indicator")),this.defaultSlot.append(t);let a=this.mediaSubtitlesList;for(let r of a){let n=Je({type:"radio",text:this.formatMenuItemText(r.label,r),value:Nr(r),checked:this.value==Nr(r)});n.prepend(Oe(this,"checked-indicator")),((i=r.kind)!=null?i:"subs")==="captions"&&n.append(Oe(this,"captions-indicator")),this.defaultSlot.append(n)}};fo=new WeakSet;Zl=function(){let i=this.mediaSubtitlesShowing,e=this.getAttribute(o.MEDIA_SUBTITLES_SHOWING),t=this.value!==e;if(i!=null&&i.length&&t&&this.dispatchEvent(new d.CustomEvent(v.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:i})),!this.value||!t)return;let a=new d.CustomEvent(v.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(a)};sr.template=Nm;var Dm=(i,e)=>{let t=i.getAttribute(e);return t?Vt(t):[]},Pm=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=dt(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};d.customElements.get("media-captions-menu")||d.customElements.define("media-captions-menu",sr);var Nv=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Uv=(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)},Bv=(i,e,t,a)=>(Nv(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),zl,Hv=`<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>`,$v=`<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"/>
+</svg>`,$m=m.createElement("template");$m.innerHTML=`
+  <style>
+    :host([aria-checked="true"]) slot[name=off] {
+      display: none !important;
+    }
+
+    
+    :host(:not([aria-checked="true"])) slot[name=on] {
+      display: none !important;
+    }
+
+    :host([aria-expanded="true"]) slot[name=tooltip] {
+      display: none;
+    }
+  </style>
+
+  <slot name="icon">
+    <slot name="on">${Hv}</slot>
+    <slot name="off">${$v}</slot>
+  </slot>
+`;var Um=i=>{i.setAttribute("aria-checked",Ur(i).toString())},Eo=class extends Te{constructor(e={}){super({slotTemplate:$m,tooltipContent:I.CAPTIONS,...e}),Uv(this,zl,void 0),Bv(this,zl,!1)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",V.CLOSED_CAPTIONS()),Um(this)}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_SUBTITLES_SHOWING&&Um(this)}get invokeTargetElement(){var e;return this.invokeTarget!=null?super.invokeTargetElement:(e=q(this))==null?void 0:e.querySelector("media-captions-menu")}get mediaSubtitlesList(){return Bm(this,o.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Hm(this,o.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Bm(this,o.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Hm(this,o.MEDIA_SUBTITLES_SHOWING,e)}};zl=new WeakMap;var Bm=(i,e)=>{let t=i.getAttribute(e);return t?Vt(t):[]},Hm=(i,e,t)=>{if(!(t!=null&&t.length)){i.removeAttribute(e);return}let a=dt(t);i.getAttribute(e)!==a&&i.setAttribute(e,a)};d.customElements.get("media-captions-menu-button")||d.customElements.define("media-captions-menu-button",Eo);var Wm=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},go=(i,e,t)=>(Wm(i,e,"read from private field"),t?t.call(i):e.get(i)),Xl=(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)},lr=(i,e,t)=>(Wm(i,e,"access private method"),t),Zi,dr,_o,Ao,jl,Jl={RATES:"rates"},yo=class extends se{constructor(){super(),Xl(this,dr),Xl(this,Ao),Xl(this,Zi,new Be(this,Jl.RATES,{defaultValue:Ps})),lr(this,dr,_o).call(this)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PLAYBACK_RATE,Jl.RATES]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e===o.MEDIA_PLAYBACK_RATE&&t!=a?this.value=a:e===Jl.RATES&&t!=a&&(go(this,Zi).value=a,lr(this,dr,_o).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",lr(this,Ao,jl))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",lr(this,Ao,jl))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:q(this).querySelector("media-playback-rate-menu-button")}get rates(){return go(this,Zi)}set rates(e){e?Array.isArray(e)&&(go(this,Zi).value=e.join(" ")):go(this,Zi).value="",lr(this,dr,_o).call(this)}get mediaPlaybackRate(){return L(this,o.MEDIA_PLAYBACK_RATE,Mi)}set mediaPlaybackRate(e){O(this,o.MEDIA_PLAYBACK_RATE,e)}};Zi=new WeakMap;dr=new WeakSet;_o=function(){this.defaultSlot.textContent="";for(let i of this.rates){let e=Je({type:"radio",text:this.formatMenuItemText(`${i}x`,i),value:i,checked:this.mediaPlaybackRate==i});e.prepend(Oe(this,"checked-indicator")),this.defaultSlot.append(e)}};Ao=new WeakSet;jl=function(){if(!this.value)return;let i=new d.CustomEvent(v.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};d.customElements.get("media-playback-rate-menu")||d.customElements.define("media-playback-rate-menu",yo);var Wv=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},To=(i,e,t)=>(Wv(i,e,"read from private field"),t?t.call(i):e.get(i)),Fv=(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)},Qi,ed={RATES:"rates"},Vv=[1,1.2,1.5,1.7,2],td=1,Fm=m.createElement("template");Fm.innerHTML=`
+  <style>
+    :host {
+      min-width: 5ch;
+      padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
+    }
+    
+    :host([aria-expanded="true"]) slot[name=tooltip] {
+      display: none;
+    }
+  </style>
+  <slot name="icon"></slot>
+`;var ko=class extends Te{constructor(e={}){super({slotTemplate:Fm,tooltipContent:I.PLAYBACK_RATE,...e}),Fv(this,Qi,new Be(this,ed.RATES,{defaultValue:Vv})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${td}x`}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PLAYBACK_RATE,ed.RATES]}attributeChangedCallback(e,t,a){if(super.attributeChangedCallback(e,t,a),e===ed.RATES&&(To(this,Qi).value=a),e===o.MEDIA_PLAYBACK_RATE){let r=a?+a:Number.NaN,n=Number.isNaN(r)?td:r;this.container.innerHTML=`${n}x`,this.setAttribute("aria-label",V.PLAYBACK_RATE({playbackRate:n}))}}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:q(this).querySelector("media-playback-rate-menu")}get rates(){return To(this,Qi)}set rates(e){e?Array.isArray(e)&&(To(this,Qi).value=e.join(" ")):To(this,Qi).value=""}get mediaPlaybackRate(){return L(this,o.MEDIA_PLAYBACK_RATE,td)}set mediaPlaybackRate(e){O(this,o.MEDIA_PLAYBACK_RATE,e)}};Qi=new WeakMap;d.customElements.get("media-playback-rate-menu-button")||d.customElements.define("media-playback-rate-menu-button",ko);var ad=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},cr=(i,e,t)=>(ad(i,e,"read from private field"),t?t.call(i):e.get(i)),So=(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)},Vm=(i,e,t,a)=>(ad(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ur=(i,e,t)=>(ad(i,e,"access private method"),t),mr,zi,hr,Io,Co,id,Mo=class extends se{constructor(){super(...arguments),So(this,hr),So(this,Co),So(this,mr,[]),So(this,zi,{})}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_RENDITION_LIST,o.MEDIA_RENDITION_SELECTED,o.MEDIA_RENDITION_UNAVAILABLE,o.MEDIA_HEIGHT]}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?(Vm(this,mr,Rd(a)),ur(this,hr,Io).call(this)):e===o.MEDIA_HEIGHT&&t!==a&&ur(this,hr,Io).call(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",ur(this,Co,id))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",ur(this,Co,id))}get anchorElement(){return this.anchor!=="auto"?super.anchorElement:q(this).querySelector("media-rendition-menu-button")}get mediaRenditionList(){return cr(this,mr)}set mediaRenditionList(e){Vm(this,mr,e),ur(this,hr,Io).call(this)}get mediaRenditionSelected(){return R(this,o.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){M(this,o.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return L(this,o.MEDIA_HEIGHT)}set mediaHeight(e){O(this,o.MEDIA_HEIGHT,e)}};mr=new WeakMap;zi=new WeakMap;hr=new WeakSet;Io=function(){if(cr(this,zi).mediaRenditionList===JSON.stringify(this.mediaRenditionList)&&cr(this,zi).mediaHeight===this.mediaHeight)return;cr(this,zi).mediaRenditionList=JSON.stringify(this.mediaRenditionList),cr(this,zi).mediaHeight=this.mediaHeight;let i=this.mediaRenditionList.sort((r,n)=>n.height-r.height);for(let r of i)r.selected=r.id===this.mediaRenditionSelected;this.defaultSlot.textContent="";let e=!this.mediaRenditionSelected;for(let r of i){let n=this.formatMenuItemText(`${Math.min(r.width,r.height)}p`,r),s=Je({type:"radio",text:n,value:`${r.id}`,checked:r.selected&&!e});s.prepend(Oe(this,"checked-indicator")),this.defaultSlot.append(s)}let t=Je({type:"radio",text:this.formatMenuItemText("Auto"),value:"auto",checked:e}),a=this.mediaHeight>0?`Auto (${this.mediaHeight}p)`:"Auto";t.dataset.description=a,t.prepend(Oe(this,"checked-indicator")),this.defaultSlot.append(t)};Co=new WeakSet;id=function(){if(this.value==null)return;let i=new d.CustomEvent(v.MEDIA_RENDITION_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(i)};d.customElements.get("media-rendition-menu")||d.customElements.define("media-rendition-menu",Mo);var Kv=`<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>`,Km=m.createElement("template");Km.innerHTML=`
+  <style>
+    :host([aria-expanded="true"]) slot[name=tooltip] {
+      display: none;
+    }
+  </style>
+  <slot name="icon">${Kv}</slot>
+`;var wo=class extends Te{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_RENDITION_SELECTED,o.MEDIA_RENDITION_UNAVAILABLE,o.MEDIA_HEIGHT]}constructor(){super({slotTemplate:Km,tooltipContent:I.RENDITIONS})}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",V.QUALITY())}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:q(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return R(this,o.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){M(this,o.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return L(this,o.MEDIA_HEIGHT)}set mediaHeight(e){O(this,o.MEDIA_HEIGHT,e)}};d.customElements.get("media-rendition-menu-button")||d.customElements.define("media-rendition-menu-button",wo);var rd=_e.createElement("template");"innerHTML"in rd&&(rd.innerHTML=lm);var Ym,Gm,Lo=class extends li{};Lo.template=(Gm=(Ym=rd.content)==null?void 0:Ym.children)==null?void 0:Gm[0];Z.customElements.get("media-theme-gerwig")||Z.customElements.define("media-theme-gerwig",Lo);var Yv="gerwig";var Et={SRC:"src",POSTER:"poster"},h={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",ACCENT_COLOR:"accent-color",FORWARD_SEEK_OFFSET:"forward-seek-offset",BACKWARD_SEEK_OFFSET:"backward-seek-offset",PLAYBACK_TOKEN:"playback-token",THUMBNAIL_TOKEN:"thumbnail-token",STORYBOARD_TOKEN:"storyboard-token",DRM_TOKEN:"drm-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",DEFAULT_DURATION:"default-duration",TITLE:"title",PLACEHOLDER:"placeholder",THEME:"theme",DEFAULT_STREAM_TYPE:"default-stream-type",TARGET_LIVE_WINDOW:"target-live-window",EXTRA_SOURCE_PARAMS:"extra-source-params",NO_VOLUME_PREF:"no-volume-pref",CAST_RECEIVER:"cast-receiver",NO_TOOLTIPS:"no-tooltips"},nd=["audio","backwardseekoffset","defaultduration","defaultshowremainingtime","defaultsubtitles","noautoseektolive","disabled","exportparts","forwardseekoffset","hideduration","hotkeys","nohotkeys","playbackrates","defaultstreamtype","streamtype","style","targetlivewindow","template","title","novolumepref"];function Gv(i,e){var a;return{src:!i.playbackId&&i.src,playbackId:i.playbackId,hasSrc:!!i.playbackId||!!i.src||!!i.currentSrc,poster:i.poster,storyboard:i.storyboard,storyboardSrc:i.getAttribute(h.STORYBOARD_SRC),placeholder:i.getAttribute("placeholder"),themeTemplate:qv(i),thumbnailTime:!i.tokens.thumbnail&&i.thumbnailTime,autoplay:i.autoplay,crossOrigin:i.crossOrigin,loop:i.loop,noHotKeys:i.hasAttribute(h.NOHOTKEYS),hotKeys:i.getAttribute(h.HOTKEYS),muted:i.muted,paused:i.paused,preload:i.preload,envKey:i.envKey,preferCmcd:i.preferCmcd,debug:i.debug,disableTracking:i.disableTracking,disableCookies:i.disableCookies,tokens:i.tokens,beaconCollectionDomain:i.beaconCollectionDomain,maxResolution:i.maxResolution,minResolution:i.minResolution,programStartTime:i.programStartTime,programEndTime:i.programEndTime,renditionOrder:i.renditionOrder,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:Wa(i.getAttribute(g.Attributes.STREAM_TYPE)),primaryColor:i.getAttribute(h.PRIMARY_COLOR),secondaryColor:i.getAttribute(h.SECONDARY_COLOR),accentColor:i.getAttribute(h.ACCENT_COLOR),forwardSeekOffset:i.forwardSeekOffset,backwardSeekOffset:i.backwardSeekOffset,defaultHiddenCaptions:i.defaultHiddenCaptions,defaultDuration:i.defaultDuration,defaultShowRemainingTime:i.defaultShowRemainingTime,hideDuration:Zv(i),playbackRates:i.getAttribute(h.PLAYBACK_RATES),customDomain:(a=i.getAttribute(g.Attributes.CUSTOM_DOMAIN))!=null?a:void 0,title:i.getAttribute(h.TITLE),novolumepref:i.hasAttribute(h.NO_VOLUME_PREF),castReceiver:i.castReceiver,...e,extraSourceParams:i.extraSourceParams}}function qv(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=Z.customElements.get(e);if(n!=null&&n.template)return n.template}}function Zv(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 qm(i){let e=i.hasAttribute(h.TITLE)?{video_title:i.getAttribute(h.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 Qv=Object.values(g.Attributes),zv=Object.values(Et),Xv=Object.values(h),Jv=Bn(),jv="mux-player",Zm={dialog:void 0,isDialogOpen:!1},ef={redundant_streams:!0},vr,fr,Bt,br,pi,it,Nt,Ro,Qm,Er,od,gt,hi,xo,zm,Do,Xm,Po,Jm,Oo,jm,pr=class extends ol{constructor(){super();X(this,it);X(this,Ro);X(this,Er);X(this,gt);X(this,xo);X(this,Do);X(this,Po);X(this,Oo);X(this,vr,!1);X(this,fr,{});X(this,Bt,!0);X(this,br,new Un(this,"hotkeys"));X(this,pi,{...Zm,onCloseErrorDialog:()=>j(this,Er,od).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:t=>{al(this,_e.activeElement)||t.preventDefault()}});this.attachShadow({mode:"open"}),j(this,Ro,Qm).call(this),this.isConnected&&j(this,it,Nt).call(this)}static get observedAttributes(){var t;return[...(t=ol.observedAttributes)!=null?t:[],...zv,...Qv,...Xv]}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=qm(this))}attributeChangedCallback(t,a,r){switch(j(this,it,Nt).call(this),super.attributeChangedCallback(t,a,r),t){case h.HOTKEYS:w(this,br).value=r;break;case h.THUMBNAIL_TIME:{r!=null&&this.tokens.thumbnail&&Qe(y("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case h.THUMBNAIL_TOKEN:{if(r){let{aud:s}=ct(r);s!=="t"&&Qe(y("The provided thumbnail-token should have audience value 'd' instead of '{aud}'.").format({aud:s}))}break}case h.STORYBOARD_TOKEN:{if(r){let{aud:s}=ct(r);s!=="s"&&Qe(y("The provided storyboard-token should have audience value 'd' instead of '{aud}'.").format({aud:s}))}break}case h.DRM_TOKEN:{if(r){let{aud:s}=ct(r);s!=="d"&&Qe(y("The provided drm-token should have audience value 'd' instead of '{aud}'.").format({aud:s}))}break}case g.Attributes.PLAYBACK_ID:{r!=null&&r.includes("?token")&&fe(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&&![z.StreamTypes.LIVE,z.StreamTypes.ON_DEMAND,z.StreamTypes.UNKNOWN].includes(r)?["ll-live","live:dvr","ll-live:dvr"].includes(this.streamType)?this.targetLiveWindow=r.includes("dvr")?Number.POSITIVE_INFINITY:0:rl({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})}):r===z.StreamTypes.LIVE?this.getAttribute(h.TARGET_LIVE_WINDOW)==null&&(this.targetLiveWindow=0):this.targetLiveWindow=Number.NaN}[g.Attributes.PLAYBACK_ID,Et.SRC,h.PLAYBACK_TOKEN].includes(t)&&a!==r&&ke(this,pi,{...w(this,pi),...Zm}),j(this,gt,hi).call(this,{[Pc(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?z.CmcdTypeValues.includes(t)?this.setAttribute(g.Attributes.PREFER_CMCD,t):Qe(`Invalid value for preferCmcd. Must be one of ${z.CmcdTypeValues.join()}`):this.removeAttribute(g.Attributes.PREFER_CMCD))}get hasPlayed(){var t,a;return(a=(t=this.mediaController)==null?void 0:t.hasAttribute(o.MEDIA_HAS_PLAYED))!=null?a:!1}get inLiveWindow(){var t;return(t=this.mediaController)==null?void 0:t.hasAttribute(o.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(h.THEME))!=null?t:Yv}set theme(t){this.setAttribute(h.THEME,`${t}`)}get themeProps(){let t=this.mediaTheme;if(!t)return;let a={};for(let r of t.getAttributeNames()){if(nd.includes(r))continue;let n=t.getAttribute(r);a[On(r)]=n===""?!0:n}return a}set themeProps(t){var r,n;j(this,it,Nt).call(this);let a={...this.themeProps,...t};for(let s in a){if(nd.includes(s))continue;let l=t==null?void 0:t[s];typeof l=="boolean"||l==null?(r=this.mediaTheme)==null||r.toggleAttribute(Pn(s),!!l):(n=this.mediaTheme)==null||n.setAttribute(Pn(s),l)}}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=Ut(this,Et.SRC))!=null?t:void 0:(a=this.getAttribute(Et.SRC))!=null?a:void 0}set src(t){t?this.setAttribute(Et.SRC,t):this.removeAttribute(Et.SRC)}get poster(){var r;let t=this.getAttribute(Et.POSTER);if(t!=null)return t;let{tokens:a}=this;if(a.playback&&!a.thumbnail){Qe("Missing expected thumbnail token. No poster image will be shown");return}if(this.playbackId&&!this.audio)return xc(this.playbackId,{customDomain:this.customDomain,thumbnailTime:(r=this.thumbnailTime)!=null?r:this.startTime,programTime:this.programStartTime,token:a.thumbnail})}set poster(t){t||t===""?this.setAttribute(Et.POSTER,t):this.removeAttribute(Et.POSTER)}get storyboardSrc(){var t;return(t=this.getAttribute(h.STORYBOARD_SRC))!=null?t:void 0}set storyboardSrc(t){t?this.setAttribute(h.STORYBOARD_SRC,t):this.removeAttribute(h.STORYBOARD_SRC)}get storyboard(){let{tokens:t}=this;if(this.storyboardSrc&&!t.storyboard)return this.storyboardSrc;if(!(this.audio||!this.playbackId||!this.streamType||[z.StreamTypes.LIVE,z.StreamTypes.UNKNOWN].includes(this.streamType)||t.playback&&!t.storyboard))return Dc(this.playbackId,{customDomain:this.customDomain,token:t.storyboard,programStartTime:this.programStartTime,programEndTime:this.programEndTime})}get audio(){return this.hasAttribute(h.AUDIO)}set audio(t){if(!t){this.removeAttribute(h.AUDIO);return}this.setAttribute(h.AUDIO,"")}get hotkeys(){return w(this,br)}get nohotkeys(){return this.hasAttribute(h.NOHOTKEYS)}set nohotkeys(t){if(!t){this.removeAttribute(h.NOHOTKEYS);return}this.setAttribute(h.NOHOTKEYS,"")}get thumbnailTime(){return Se(this.getAttribute(h.THUMBNAIL_TIME))}set thumbnailTime(t){this.setAttribute(h.THUMBNAIL_TIME,`${t}`)}get title(){var t;return(t=this.getAttribute(h.TITLE))!=null?t:""}set title(t){t!==this.title&&(t?this.setAttribute(h.TITLE,t):this.removeAttribute("title"),super.title=t)}get placeholder(){var t;return(t=Ut(this,h.PLACEHOLDER))!=null?t:""}set placeholder(t){this.setAttribute(h.PLACEHOLDER,`${t}`)}get primaryColor(){var a,r;let t=this.getAttribute(h.PRIMARY_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=Z.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_primary-color"))==null?void 0:r.trim(),t))return t}set primaryColor(t){this.setAttribute(h.PRIMARY_COLOR,`${t}`)}get secondaryColor(){var a,r;let t=this.getAttribute(h.SECONDARY_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=Z.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_secondary-color"))==null?void 0:r.trim(),t))return t}set secondaryColor(t){this.setAttribute(h.SECONDARY_COLOR,`${t}`)}get accentColor(){var a,r;let t=this.getAttribute(h.ACCENT_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=Z.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_accent-color"))==null?void 0:r.trim(),t))return t}set accentColor(t){this.setAttribute(h.ACCENT_COLOR,`${t}`)}get defaultShowRemainingTime(){return this.hasAttribute(h.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(t){t?this.setAttribute(h.DEFAULT_SHOW_REMAINING_TIME,""):this.removeAttribute(h.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(this.hasAttribute(h.PLAYBACK_RATES))return this.getAttribute(h.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(h.PLAYBACK_RATES);return}this.setAttribute(h.PLAYBACK_RATES,t.join(" "))}get forwardSeekOffset(){var t;return(t=Se(this.getAttribute(h.FORWARD_SEEK_OFFSET)))!=null?t:10}set forwardSeekOffset(t){this.setAttribute(h.FORWARD_SEEK_OFFSET,`${t}`)}get backwardSeekOffset(){var t;return(t=Se(this.getAttribute(h.BACKWARD_SEEK_OFFSET)))!=null?t:10}set backwardSeekOffset(t){this.setAttribute(h.BACKWARD_SEEK_OFFSET,`${t}`)}get defaultHiddenCaptions(){return this.hasAttribute(h.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(t){t?this.setAttribute(h.DEFAULT_HIDDEN_CAPTIONS,""):this.removeAttribute(h.DEFAULT_HIDDEN_CAPTIONS)}get defaultDuration(){return Se(this.getAttribute(h.DEFAULT_DURATION))}set defaultDuration(t){t==null?this.removeAttribute(h.DEFAULT_DURATION):this.setAttribute(h.DEFAULT_DURATION,`${t}`)}get playerSoftwareName(){var t;return(t=this.getAttribute(g.Attributes.PLAYER_SOFTWARE_NAME))!=null?t:jv}get playerSoftwareVersion(){var t;return(t=this.getAttribute(g.Attributes.PLAYER_SOFTWARE_VERSION))!=null?t:Jv}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 minResolution(){var t;return(t=this.getAttribute(g.Attributes.MIN_RESOLUTION))!=null?t:void 0}set minResolution(t){t!==this.minResolution&&(t?this.setAttribute(g.Attributes.MIN_RESOLUTION,t):this.removeAttribute(g.Attributes.MIN_RESOLUTION))}get renditionOrder(){var t;return(t=this.getAttribute(g.Attributes.RENDITION_ORDER))!=null?t:void 0}set renditionOrder(t){t!==this.renditionOrder&&(t?this.setAttribute(g.Attributes.RENDITION_ORDER,t):this.removeAttribute(g.Attributes.RENDITION_ORDER))}get programStartTime(){return Se(this.getAttribute(g.Attributes.PROGRAM_START_TIME))}set programStartTime(t){t==null?this.removeAttribute(g.Attributes.PROGRAM_START_TIME):this.setAttribute(g.Attributes.PROGRAM_START_TIME,`${t}`)}get programEndTime(){return Se(this.getAttribute(g.Attributes.PROGRAM_END_TIME))}set programEndTime(t){t==null?this.removeAttribute(g.Attributes.PROGRAM_END_TIME):this.setAttribute(g.Attributes.PROGRAM_END_TIME,`${t}`)}get extraSourceParams(){return this.hasAttribute(h.EXTRA_SOURCE_PARAMS)?[...new URLSearchParams(this.getAttribute(h.EXTRA_SOURCE_PARAMS)).entries()].reduce((t,[a,r])=>(t[a]=r,t),{}):ef}set extraSourceParams(t){t==null?this.removeAttribute(h.EXTRA_SOURCE_PARAMS):this.setAttribute(h.EXTRA_SOURCE_PARAMS,new URLSearchParams(t).toString())}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=Ut(this,g.Attributes.ENV_KEY))!=null?t:void 0}set envKey(t){this.setAttribute(g.Attributes.ENV_KEY,`${t}`)}get noVolumePref(){return this.hasAttribute(h.NO_VOLUME_PREF)}set noVolumePref(t){t?this.setAttribute(h.NO_VOLUME_PREF,""):this.removeAttribute(h.NO_VOLUME_PREF)}get debug(){return Ut(this,g.Attributes.DEBUG)!=null}set debug(t){t?this.setAttribute(g.Attributes.DEBUG,""):this.removeAttribute(g.Attributes.DEBUG)}get disableTracking(){return Ut(this,g.Attributes.DISABLE_TRACKING)!=null}set disableTracking(t){this.toggleAttribute(g.Attributes.DISABLE_TRACKING,!!t)}get disableCookies(){return Ut(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:z.StreamTypes.UNKNOWN}set streamType(t){this.setAttribute(g.Attributes.STREAM_TYPE,`${t}`)}get defaultStreamType(){var t,a,r;return(r=(a=this.getAttribute(h.DEFAULT_STREAM_TYPE))!=null?a:(t=this.mediaController)==null?void 0:t.getAttribute(h.DEFAULT_STREAM_TYPE))!=null?r:z.StreamTypes.ON_DEMAND}set defaultStreamType(t){t?this.setAttribute(h.DEFAULT_STREAM_TYPE,t):this.removeAttribute(h.DEFAULT_STREAM_TYPE)}get targetLiveWindow(){var t,a;return this.hasAttribute(h.TARGET_LIVE_WINDOW)?+this.getAttribute(h.TARGET_LIVE_WINDOW):(a=(t=this.media)==null?void 0:t.targetLiveWindow)!=null?a:Number.NaN}set targetLiveWindow(t){t==this.targetLiveWindow||Number.isNaN(t)&&Number.isNaN(this.targetLiveWindow)||(t==null?this.removeAttribute(h.TARGET_LIVE_WINDOW):this.setAttribute(h.TARGET_LIVE_WINDOW,`${+t}`))}get liveEdgeStart(){var t;return(t=this.media)==null?void 0:t.liveEdgeStart}get startTime(){return Se(Ut(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===z.PlaybackTypes.MSE||t===z.PlaybackTypes.NATIVE)return t}set preferPlayback(t){t!==this.preferPlayback&&(t===z.PlaybackTypes.MSE||t===z.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(j(this,it,Nt).call(this),!this.media){fe("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata={...qm(this),...t}}get _hlsConfig(){var t;return(t=this.media)==null?void 0:t._hlsConfig}set _hlsConfig(t){if(j(this,it,Nt).call(this),!this.media){fe("underlying media element missing when trying to set _hlsConfig. _hlsConfig will not be set.");return}this.media._hlsConfig=t}async addCuePoints(t){var a;if(j(this,it,Nt).call(this),!this.media){fe("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:[]}addChapters(t){var a;if(j(this,it,Nt).call(this),!this.media){fe("underlying media element missing when trying to addChapters. chapters will not be added.");return}return(a=this.media)==null?void 0:a.addChapters(t)}get activeChapter(){var t;return(t=this.media)==null?void 0:t.activeChapter}get chapters(){var t,a;return(a=(t=this.media)==null?void 0:t.chapters)!=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(h.PLAYBACK_TOKEN),a=this.getAttribute(h.DRM_TOKEN),r=this.getAttribute(h.THUMBNAIL_TOKEN),n=this.getAttribute(h.STORYBOARD_TOKEN);return{...w(this,fr),...t!=null?{playback:t}:{},...a!=null?{drm:a}:{},...r!=null?{thumbnail:r}:{},...n!=null?{storyboard:n}:{}}}set tokens(t){ke(this,fr,t!=null?t:{})}get playbackToken(){var t;return(t=this.getAttribute(h.PLAYBACK_TOKEN))!=null?t:void 0}set playbackToken(t){this.setAttribute(h.PLAYBACK_TOKEN,`${t}`)}get drmToken(){var t;return(t=this.getAttribute(h.DRM_TOKEN))!=null?t:void 0}set drmToken(t){this.setAttribute(h.DRM_TOKEN,`${t}`)}get thumbnailToken(){var t;return(t=this.getAttribute(h.THUMBNAIL_TOKEN))!=null?t:void 0}set thumbnailToken(t){this.setAttribute(h.THUMBNAIL_TOKEN,`${t}`)}get storyboardToken(){var t;return(t=this.getAttribute(h.STORYBOARD_TOKEN))!=null?t:void 0}set storyboardToken(t){this.setAttribute(h.STORYBOARD_TOKEN,`${t}`)}addTextTrack(t,a,r,n){var l;let s=(l=this.media)==null?void 0:l.nativeEl;if(s)return(0,z.addTextTrack)(s,t,a,r,n)}removeTextTrack(t){var r;let a=(r=this.media)==null?void 0:r.nativeEl;if(a)return(0,z.removeTextTrack)(a,t)}get textTracks(){var t;return(t=this.media)==null?void 0:t.textTracks}get castReceiver(){var t;return(t=this.getAttribute(h.CAST_RECEIVER))!=null?t:void 0}set castReceiver(t){t!==this.castReceiver&&(t?this.setAttribute(h.CAST_RECEIVER,t):this.removeAttribute(h.CAST_RECEIVER))}get castCustomData(){var t;return(t=this.media)==null?void 0:t.castCustomData}set castCustomData(t){if(!this.media){fe("underlying media element missing when trying to set castCustomData. castCustomData will not be set.");return}this.media.castCustomData=t}get noTooltips(){return this.hasAttribute(h.NO_TOOLTIPS)}set noTooltips(t){if(!t){this.removeAttribute(h.NO_TOOLTIPS);return}this.setAttribute(h.NO_TOOLTIPS,"")}};vr=new WeakMap,fr=new WeakMap,Bt=new WeakMap,br=new WeakMap,pi=new WeakMap,it=new WeakSet,Nt=function(){var t,a,r,n;if(!w(this,vr)){ke(this,vr,!0),j(this,gt,hi).call(this);try{if(customElements.upgrade(this.mediaTheme),!(this.mediaTheme instanceof Z.HTMLElement))throw""}catch{fe("<media-theme> failed to upgrade!")}try{if(customElements.upgrade(this.media),!(this.media instanceof g.default))throw""}catch{fe("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof ns))throw""}catch{fe("<media-controller> failed to upgrade!")}this.init(),j(this,xo,zm).call(this),j(this,Do,Xm).call(this),j(this,Po,Jm).call(this),ke(this,Bt,(a=(t=this.mediaController)==null?void 0:t.hasAttribute(x.USER_INACTIVE))!=null?a:!0),j(this,Oo,jm).call(this),(r=this.media)==null||r.addEventListener("streamtypechange",()=>j(this,gt,hi).call(this)),(n=this.media)==null||n.addEventListener("loadstart",()=>j(this,gt,hi).call(this))}},Ro=new WeakSet,Qm=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{}},Er=new WeakSet,od=function(t){Object.assign(w(this,pi),t),j(this,gt,hi).call(this)},gt=new WeakSet,hi=function(t={}){om(sm(Gv(this,{...w(this,pi),...t})),this.shadowRoot)},xo=new WeakSet,zm=function(){let t=r=>{var l,u;if(!(r!=null&&r.startsWith("theme-")))return;let n=r.replace(/^theme-/,"");if(nd.includes(n))return;let s=this.getAttribute(r);s!=null?(l=this.mediaTheme)==null||l.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)},Do=new WeakSet,Xm=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)){Qe(n),n.data&&Qe(`${n.name} data:`,n.data);return}let{dialog:s,devlog:l}=Zn(n,!window.navigator.onLine,this.playbackId,this.playbackToken);l.message&&rl(l),fe(n),n.data&&fe(`${n.name} data:`,n.data),j(this,Er,od).call(this,{isDialogOpen:!0,dialog:s})};this.addEventListener("error",t),this.media&&(this.media.errorTranslator=(r={})=>{var s,l,u;if(!(((s=this.media)==null?void 0:s.error)instanceof g.MediaError))return r;let{devlog:n}=Zn((l=this.media)==null?void 0:l.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,l;let{detail:n}=r;if(!n){let{message:u,code:c}=(l=(s=this.media)==null?void 0:s.error)!=null?l:{};n=new g.MediaError(u,c)}n!=null&&n.fatal&&this.dispatchEvent(new CustomEvent("error",{detail:n}))})},Po=new WeakSet,Jm=function(){var a,r,n,s;let t=()=>j(this,gt,hi).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)},Oo=new WeakSet,jm=function(){var c,f;if(!/Firefox/i.test(navigator.userAgent))return;let a,r=new WeakMap,n=()=>this.streamType===z.StreamTypes.LIVE&&!this.secondaryColor&&this.offsetWidth>=800,s=(E,p,b=!1)=>{if(n())return;Array.from(E&&E.activeCues||[]).forEach(_=>{if(!(!_.snapToLines||_.line<-5||_.line>=0&&_.line<10))if(!p||this.paused){let A=_.text.split(`
+`).length,P=-3;this.streamType===z.StreamTypes.LIVE&&(P=-2);let ee=P-A;if(_.line===ee&&!b)return;r.has(_)||r.set(_,_.line),_.line=ee}else setTimeout(()=>{_.line=r.get(_)||"auto"},500)})},l=()=>{var E,p;s(a,(p=(E=this.mediaController)==null?void 0:E.hasAttribute(x.USER_INACTIVE))!=null?p:!1)},u=()=>{var b,S;let p=Array.from(((S=(b=this.mediaController)==null?void 0:b.media)==null?void 0:S.textTracks)||[]).filter(_=>["subtitles","captions"].includes(_.kind)&&_.mode==="showing")[0];p!==a&&(a==null||a.removeEventListener("cuechange",l)),a=p,a==null||a.addEventListener("cuechange",l),s(a,w(this,Bt))};u(),(c=this.textTracks)==null||c.addEventListener("change",u),(f=this.textTracks)==null||f.addEventListener("addtrack",u),this.addEventListener("userinactivechange",()=>{var p,b;let E=(b=(p=this.mediaController)==null?void 0:p.hasAttribute(x.USER_INACTIVE))!=null?b:!0;w(this,Bt)!==E&&(ke(this,Bt,E),s(a,w(this,Bt)))})};function Ut(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}Z.customElements.get("mux-player")||(Z.customElements.define("mux-player",pr),Z.MuxPlayerElement=pr);var tf=pr;