offsite 0.0.52 → 0.0.54

package/apps/client/dist/assets/react-BgpkckXP.js

@@ -0,0 +1,1418 @@
+import{i as e}from"./rolldown-runtime-COiEfhsA.js";import{l as t}from"./utils-U6QfaJBO.js";var n=e(t(),1),r=new Set([`style`,`children`,`ref`,`key`,`suppressContentEditableWarning`,`suppressHydrationWarning`,`dangerouslySetInnerHTML`]),i={className:`class`,htmlFor:`for`};function a(e){return e.toLowerCase()}function o(e){if(typeof e==`boolean`)return e?``:void 0;if(typeof e!=`function`&&!(typeof e==`object`&&e))return e}function s({react:e,tagName:t,elementClass:n,events:s,displayName:l,defaultProps:u,toAttributeName:d=a,toAttributeValue:f=o}){let p=Number.parseInt(e.version)>=19,m=e.forwardRef((a,l)=>{let m=e.useRef(null),h=e.useRef(new Map),g={},_={},v={},y={};for(let[e,t]of Object.entries(a)){if(r.has(e)){v[e]=t;continue}let a=d(i[e]??e);if(n.prototype&&e in n.prototype&&!(e in(globalThis.HTMLElement?.prototype??{}))&&!n.observedAttributes?.some(e=>e===a)){y[e]=t;continue}if(e.startsWith(`on`)){g[e]=t;continue}let s=f(t);a&&s!=null&&(_[a]=String(s),p||(v[a]=s)),a&&p&&(v[a]=s===o(t)?t:s)}if(typeof window<`u`){for(let t in g){let n=g[t],r=t.endsWith(`Capture`),i=(s?.[t]??t.slice(2).toLowerCase()).slice(0,r?-7:void 0);e.useLayoutEffect(()=>{let e=m?.current;if(e&&typeof n==`function`)return e.addEventListener(i,n,r),()=>{e.removeEventListener(i,n,r)}},[m?.current,n])}e.useLayoutEffect(()=>{if(m.current===null)return;let e=new Map;for(let t in y)c(m.current,t,y[t]),h.current.delete(t),e.set(t,y[t]);for(let[e,t]of h.current)c(m.current,e,void 0);h.current=e})}if(typeof window>`u`&&n?.getTemplateHTML&&n?.shadowRootOptions){let{mode:t,delegatesFocus:r}=n.shadowRootOptions;v.children=[e.createElement(`template`,{shadowrootmode:t,shadowrootdelegatesfocus:r,dangerouslySetInnerHTML:{__html:n.getTemplateHTML(_,a)},key:`ce-la-react-ssr-template-shadow-root`}),v.children]}return e.createElement(t,{...u,...v,ref:e.useCallback(e=>{m.current=e,typeof l==`function`?l(e):l!==null&&(l.current=e)},[l])},v.children)});return m.displayName=l??n.name,m}function c(e,t,n){e[t]=n,n==null&&t in(globalThis.HTMLElement?.prototype??{})&&e.removeAttribute(t)}var l={MEDIA_PLAY_REQUEST:`mediaplayrequest`,MEDIA_PAUSE_REQUEST:`mediapauserequest`,MEDIA_MUTE_REQUEST:`mediamuterequest`,MEDIA_UNMUTE_REQUEST:`mediaunmuterequest`,MEDIA_LOOP_REQUEST:`medialooprequest`,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`},u={MEDIA_CHROME_ATTRIBUTES:`mediachromeattributes`,MEDIA_CONTROLLER:`mediacontroller`},d={MEDIA_AIRPLAY_UNAVAILABLE:`mediaAirplayUnavailable`,MEDIA_AUDIO_TRACK_ENABLED:`mediaAudioTrackEnabled`,MEDIA_AUDIO_TRACK_LIST:`mediaAudioTrackList`,MEDIA_AUDIO_TRACK_UNAVAILABLE:`mediaAudioTrackUnavailable`,MEDIA_BUFFERED:`mediaBuffered`,MEDIA_CAST_UNAVAILABLE:`mediaCastUnavailable`,MEDIA_CHAPTERS_CUES:`mediaChaptersCues`,MEDIA_CURRENT_TIME:`mediaCurrentTime`,MEDIA_DURATION:`mediaDuration`,MEDIA_ENDED:`mediaEnded`,MEDIA_ERROR:`mediaError`,MEDIA_ERROR_CODE:`mediaErrorCode`,MEDIA_ERROR_MESSAGE:`mediaErrorMessage`,MEDIA_FULLSCREEN_UNAVAILABLE:`mediaFullscreenUnavailable`,MEDIA_HAS_PLAYED:`mediaHasPlayed`,MEDIA_HEIGHT:`mediaHeight`,MEDIA_IS_AIRPLAYING:`mediaIsAirplaying`,MEDIA_IS_CASTING:`mediaIsCasting`,MEDIA_IS_FULLSCREEN:`mediaIsFullscreen`,MEDIA_IS_PIP:`mediaIsPip`,MEDIA_LOADING:`mediaLoading`,MEDIA_MUTED:`mediaMuted`,MEDIA_LOOP:`mediaLoop`,MEDIA_PAUSED:`mediaPaused`,MEDIA_PIP_UNAVAILABLE:`mediaPipUnavailable`,MEDIA_PLAYBACK_RATE:`mediaPlaybackRate`,MEDIA_PREVIEW_CHAPTER:`mediaPreviewChapter`,MEDIA_PREVIEW_COORDS:`mediaPreviewCoords`,MEDIA_PREVIEW_IMAGE:`mediaPreviewImage`,MEDIA_PREVIEW_TIME:`mediaPreviewTime`,MEDIA_RENDITION_LIST:`mediaRenditionList`,MEDIA_RENDITION_SELECTED:`mediaRenditionSelected`,MEDIA_RENDITION_UNAVAILABLE:`mediaRenditionUnavailable`,MEDIA_SEEKABLE:`mediaSeekable`,MEDIA_STREAM_TYPE:`mediaStreamType`,MEDIA_SUBTITLES_LIST:`mediaSubtitlesList`,MEDIA_SUBTITLES_SHOWING:`mediaSubtitlesShowing`,MEDIA_TARGET_LIVE_WINDOW:`mediaTargetLiveWindow`,MEDIA_TIME_IS_LIVE:`mediaTimeIsLive`,MEDIA_VOLUME:`mediaVolume`,MEDIA_VOLUME_LEVEL:`mediaVolumeLevel`,MEDIA_VOLUME_UNAVAILABLE:`mediaVolumeUnavailable`,MEDIA_LANG:`mediaLang`,MEDIA_WIDTH:`mediaWidth`},f=Object.entries(d),p=f.reduce((e,[t,n])=>(e[t]=n.toLowerCase(),e),{}),m=f.reduce((e,[t,n])=>(e[t]=n.toLowerCase(),e),{USER_INACTIVE_CHANGE:`userinactivechange`,BREAKPOINTS_CHANGE:`breakpointchange`,BREAKPOINTS_COMPUTED:`breakpointscomputed`});Object.entries(m).reduce((e,[t,n])=>{let r=p[t];return r&&(e[n]=r),e},{userinactivechange:`userinactive`});var h=Object.entries(p).reduce((e,[t,n])=>{let r=m[t];return r&&(e[n]=r),e},{userinactive:`userinactivechange`}),g={SUBTITLES:`subtitles`,CAPTIONS:`captions`,DESCRIPTIONS:`descriptions`,CHAPTERS:`chapters`,METADATA:`metadata`},_={DISABLED:`disabled`,HIDDEN:`hidden`,SHOWING:`showing`},v={MOUSE:`mouse`,PEN:`pen`,TOUCH:`touch`},y={UNAVAILABLE:`unavailable`,UNSUPPORTED:`unsupported`},b={LIVE:`live`,ON_DEMAND:`on-demand`,UNKNOWN:`unknown`},ee={INLINE:`inline`,FULLSCREEN:`fullscreen`,PICTURE_IN_PICTURE:`picture-in-picture`};function te(e){return e?.map(ne).join(` `)}function ne(e){if(e){let{id:t,width:n,height:r}=e;return[t,n,r].filter(e=>e!=null).join(`:`)}}function re(e){return e?.map(ie).join(` `)}function ie(e){if(e){let{id:t,kind:n,language:r,label:i}=e;return[t,n,r,i].filter(e=>e!=null).join(`:`)}}function ae(e){return typeof e==`number`&&!Number.isNaN(e)&&Number.isFinite(e)}var oe=e=>new Promise(t=>setTimeout(t,e)),se={"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`};function ce(e){return String(e).replace(/[&<>"']/g,e=>se[e])}var le={en:{"Start airplay":`Start airplay`,"Stop airplay":`Stop airplay`,Audio:`Audio`,Captions:`Captions`,"Enable captions":`Enable captions`,"Disable captions":`Disable captions`,"Start casting":`Start casting`,"Stop casting":`Stop casting`,"Enter fullscreen mode":`Enter fullscreen mode`,"Exit fullscreen mode":`Exit fullscreen mode`,Mute:`Mute`,Unmute:`Unmute`,Loop:`Loop`,"Enter picture in picture mode":`Enter picture in picture mode`,"Exit picture in picture mode":`Exit picture in picture mode`,Play:`Play`,Pause:`Pause`,"Playback rate":`Playback rate`,"Playback rate {playbackRate}":`Playback rate {playbackRate}`,Quality:`Quality`,"Seek backward":`Seek backward`,"Seek forward":`Seek forward`,Settings:`Settings`,Auto:`Auto`,"audio player":`audio player`,"video player":`video player`,volume:`volume`,seek:`seek`,"closed captions":`closed captions`,"current playback rate":`current playback rate`,"playback time":`playback time`,"media loading":`media loading`,settings:`settings`,"audio tracks":`audio tracks`,quality:`quality`,play:`play`,pause:`pause`,mute:`mute`,unmute:`unmute`,"chapter: {chapterName}":`chapter: {chapterName}`,live:`live`,Off:`Off`,"start airplay":`start airplay`,"stop airplay":`stop airplay`,"start casting":`start casting`,"stop casting":`stop casting`,"enter fullscreen mode":`enter fullscreen mode`,"exit fullscreen mode":`exit fullscreen mode`,"enter picture in picture mode":`enter picture in picture mode`,"exit picture in picture mode":`exit picture in picture mode`,"seek to live":`seek to live`,"playing live":`playing live`,"seek back {seekOffset} seconds":`seek back {seekOffset} seconds`,"seek forward {seekOffset} seconds":`seek forward {seekOffset} seconds`,"Network Error":`Network Error`,"Decode Error":`Decode Error`,"Source Not Supported":`Source Not Supported`,"Encryption Error":`Encryption Error`,"A network error caused the media download to fail.":`A network error caused the media download to fail.`,"A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.":`A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.`,"An unsupported error occurred. The server or network failed, or your browser does not support this format.":`An unsupported error occurred. The server or network failed, or your browser does not support this format.`,"The media is encrypted and there are no keys to decrypt it.":`The media is encrypted and there are no keys to decrypt it.`,hour:`hour`,hours:`hours`,minute:`minute`,minutes:`minutes`,second:`second`,seconds:`seconds`,"{time} remaining":`{time} remaining`,"{currentTime} of {totalTime}":`{currentTime} of {totalTime}`,"video not loaded, unknown time.":`video not loaded, unknown time.`}},ue=globalThis.navigator?.language||`en`,de=e=>{ue=e},fe=e=>{let[t]=ue.split(`-`);return le[ue]?.[e]||le[t]?.[e]||le.en?.[e]||e},pe=()=>{let[e]=ue.split(`-`);return le[ue]?ue:le[e]?e:`en`},x=(e,t={})=>fe(e).replace(/\{(\w+)\}/g,(e,n)=>n in t?String(t[n]):`{${n}}`),me=[{singular:`hour`,plural:`hours`},{singular:`minute`,plural:`minutes`},{singular:`second`,plural:`seconds`}],he=(e,t)=>`${e} ${x(e===1?me[t].singular:me[t].plural)}`,ge=e=>{if(!ae(e))return``;let t=Math.abs(e),n=t!==e,r=new Date(0,0,0,0,0,t,0),i=[r.getHours(),r.getMinutes(),r.getSeconds()].map((e,t)=>e&&he(e,t)).filter(e=>e).join(`, `);return n?x(`{time} remaining`,{time:i}):t===0?he(0,2):i};function _e(e,t){let n=!1;e<0&&(n=!0,e=0-e),e=e<0?0:e;let r=Math.floor(e%60),i=Math.floor(e/60%60),a=Math.floor(e/3600),o=Math.floor(t/60%60),s=Math.floor(t/3600);return(isNaN(e)||e===1/0)&&(a=i=r=`0`),a=a>0||s>0?a+`:`:``,i=((a||o>=10)&&i<10?`0`+i:i)+`:`,r=r<10?`0`+r:r,(n?`-`:``)+a+i+r}Object.freeze({length:0,start(e){let t=e>>>0;if(t>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${t}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(e){let t=e>>>0;if(t>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${t}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});var ve=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},ye=class extends ve{},be=class extends ye{constructor(){super(...arguments),this.role=null}},xe=class{observe(){}unobserve(){}disconnect(){}},Se={createElement:function(){return new Ce.HTMLElement},createElementNS:function(){return new Ce.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(e){return!1}},Ce={ResizeObserver:xe,document:Se,Node:ye,Element:be,HTMLElement:class extends be{constructor(){super(...arguments),this.innerHTML=``}get content(){return new Ce.DocumentFragment}},DocumentFragment:class extends ve{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},localStorage:{getItem(e){return null},setItem(e,t){},removeItem(e){}},CustomEvent:function(){},getComputedStyle:function(){},navigator:{languages:[],get userAgent(){return``}},matchMedia(e){return{matches:!1,media:e}},DOMParser:class{parseFromString(e,t){return{body:{textContent:e}}}}},we=`global`in globalThis&&(globalThis==null?void 0:globalThis.global)===globalThis||typeof window>`u`||window.customElements===void 0,Te=Object.keys(Ce).every(e=>e in globalThis),S=we&&!Te?Ce:globalThis,C=we&&!Te?Se:globalThis.document,Ee=new WeakMap,De=e=>{let t=Ee.get(e);return t||Ee.set(e,t=new Set),t},Oe=new S.ResizeObserver(e=>{for(let t of e)for(let e of De(t.target))e(t)});function ke(e,t){De(e).add(t),Oe.observe(e)}function Ae(e,t){let n=De(e);n.delete(t),n.size||Oe.unobserve(e)}function je(e){let t={};for(let n of e)t[n.name]=n.value;return t}function Me(e){return Ne(e)??Re(e,`media-controller`)}function Ne(e){let{MEDIA_CONTROLLER:t}=u,n=e.getAttribute(t);if(n)return Be(e)?.getElementById(n)}var Pe=(e,t,n=`.value`)=>{let r=e.querySelector(n);r&&(r.textContent=t)},Fe=(e,t)=>{let n=`slot[name="${t}"]`,r=e.shadowRoot.querySelector(n);return r?r.children:[]},Ie=(e,t)=>Fe(e,t)[0],Le=(e,t)=>!e||!t?!1:e?.contains(t)?!0:Le(e,t.getRootNode().host),Re=(e,t)=>e?e.closest(t)||Re(e.getRootNode().host,t):null;function ze(e=document){let t=e?.activeElement;return t?ze(t.shadowRoot)??t:null}function Be(e){let t=(e?.getRootNode)?.call(e);return t instanceof ShadowRoot||t instanceof Document?t:null}function Ve(e,{depth:t=3,checkOpacity:n=!0,checkVisibilityCSS:r=!0}={}){if(e.checkVisibility)return e.checkVisibility({checkOpacity:n,checkVisibilityCSS:r});let i=e;for(;i&&t>0;){let e=getComputedStyle(i);if(n&&e.opacity===`0`||r&&e.visibility===`hidden`||e.display===`none`)return!1;i=i.parentElement,t--}return!0}function He(e,t,n,r){let i=r.x-n.x,a=r.y-n.y,o=i*i+a*a;if(o===0)return 0;let s=((e-n.x)*i+(t-n.y)*a)/o;return Math.max(0,Math.min(1,s))}function w(e,t){return Ue(e,e=>e===t)||We(e,t)}function Ue(e,t){let n;for(n of e.querySelectorAll(`style:not([media])`)??[]){let e;try{e=n.sheet?.cssRules}catch{continue}for(let n of e??[])if(t(n.selectorText))return n}}function We(e,t){let n=e.querySelectorAll(`style:not([media])`)??[],r=n?.[n.length-1];if(!r?.sheet)return console.warn(`Media Chrome: No style sheet found on style tag of`,e),{style:{setProperty:()=>{},removeProperty:()=>``,getPropertyValue:()=>``}};let i=r?.sheet.insertRule(`${t}{}`,r.sheet.cssRules.length);return r.sheet.cssRules?.[i]}function T(e,t,n=NaN){let r=e.getAttribute(t);return r==null?n:+r}function E(e,t,n){let r=+n;n==null||Number.isNaN(r)?e.hasAttribute(t)&&e.removeAttribute(t):T(e,t,void 0)!==r&&e.setAttribute(t,`${r}`)}function D(e,t){return e.hasAttribute(t)}function O(e,t,n){n==null?e.hasAttribute(t)&&e.removeAttribute(t):D(e,t)!=n&&e.toggleAttribute(t,n)}function k(e,t,n=null){return e.getAttribute(t)??n}function A(e,t,n){if(n==null){e.hasAttribute(t)&&e.removeAttribute(t);return}let r=`${n}`;k(e,t,void 0)!==r&&e.setAttribute(t,r)}var Ge=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Ke=(e,t,n)=>(Ge(e,t,`read from private field`),n?n.call(e):t.get(e)),qe=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Je=(e,t,n,r)=>(Ge(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),j;function Ye(e){return`
+    <style>
+      :host {
+        display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
+        box-sizing: border-box;
+      }
+    </style>
+  `}var Xe=class extends S.HTMLElement{constructor(){if(super(),qe(this,j,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[u.MEDIA_CONTROLLER,p.MEDIA_PAUSED]}attributeChangedCallback(e,t,n){var r,i,a,o;e===u.MEDIA_CONTROLLER&&(t&&((i=(r=Ke(this,j))?.unassociateElement)==null||i.call(r,this),Je(this,j,null)),n&&this.isConnected&&(Je(this,j,this.getRootNode()?.getElementById(n)),(o=(a=Ke(this,j))?.associateElement)==null||o.call(a,this)))}connectedCallback(){var e,t;this.tabIndex=-1,this.setAttribute(`aria-hidden`,`true`),Je(this,j,Ze(this)),this.getAttribute(u.MEDIA_CONTROLLER)&&((t=(e=Ke(this,j))?.associateElement)==null||t.call(e,this)),Ke(this,j)&&(Ke(this,j).addEventListener(`pointerdown`,this),Ke(this,j).addEventListener(`click`,this),Ke(this,j).hasAttribute(`tabindex`)||(Ke(this,j).tabIndex=0))}disconnectedCallback(){var e,t,n,r;this.getAttribute(u.MEDIA_CONTROLLER)&&((t=(e=Ke(this,j))?.unassociateElement)==null||t.call(e,this)),(n=Ke(this,j))==null||n.removeEventListener(`pointerdown`,this),(r=Ke(this,j))==null||r.removeEventListener(`click`,this),Je(this,j,null)}handleEvent(e){let t=e.composedPath()?.[0];if([`video`,`media-controller`].includes(t?.localName)){if(e.type===`pointerdown`)this._pointerType=e.pointerType;else if(e.type===`click`){let{clientX:t,clientY:n}=e,{left:r,top:i,width:a,height:o}=this.getBoundingClientRect(),s=t-r,c=n-i;if(s<0||c<0||s>a||c>o||a===0&&o===0)return;let l=this._pointerType||`mouse`;if(this._pointerType=void 0,l===v.TOUCH){this.handleTap(e);return}if(l===v.MOUSE||l===v.PEN){this.handleMouseClick(e);return}}}}get mediaPaused(){return D(this,p.MEDIA_PAUSED)}set mediaPaused(e){O(this,p.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?l.MEDIA_PLAY_REQUEST:l.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new S.CustomEvent(t,{composed:!0,bubbles:!0}))}};j=new WeakMap,Xe.shadowRootOptions={mode:`open`},Xe.getTemplateHTML=Ye;function Ze(e){let t=e.getAttribute(u.MEDIA_CONTROLLER);return t?e.getRootNode()?.getElementById(t):Re(e,`media-controller`)}S.customElements.get(`media-gesture-receiver`)||S.customElements.define(`media-gesture-receiver`,Xe);var Qe=Xe,$e=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},M=(e,t,n)=>($e(e,t,`read from private field`),n?n.call(e):t.get(e)),N=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},et=(e,t,n,r)=>($e(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),P=(e,t,n)=>($e(e,t,`access private method`),n),tt,nt,rt,it,at,ot,st,ct,lt,ut,dt,ft,pt,mt,ht,gt,_t,vt,yt,bt,F={AUDIO:`audio`,AUTOHIDE:`autohide`,BREAKPOINTS:`breakpoints`,GESTURES_DISABLED:`gesturesdisabled`,KEYBOARD_CONTROL:`keyboardcontrol`,NO_AUTOHIDE:`noautohide`,USER_INACTIVE:`userinactive`,AUTOHIDE_OVER_CONTROLS:`autohideovercontrols`};function xt(e){return`
+    <style>
+      
+      :host([${p.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) {
+        outline: none;
+      }
+
+      :host {
+        box-sizing: border-box;
+        position: relative;
+        display: inline-block;
+        line-height: 0;
+        background-color: var(--media-background-color, #000);
+        overflow: hidden;
+      }
+
+      :host(:not([${F.AUDIO}])) [part~=layer]:not([part~=media-layer]) {
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        display: flex;
+        flex-flow: column nowrap;
+        align-items: start;
+        pointer-events: none;
+        background: none;
+      }
+
+      slot[name=media] {
+        display: var(--media-slot-display, contents);
+      }
+
+      
+      :host([${F.AUDIO}]) slot[name=media] {
+        display: var(--media-slot-display, none);
+      }
+
+      
+      :host([${F.AUDIO}]) [part~=layer][part~=gesture-layer] {
+        height: 0;
+        display: block;
+      }
+
+      
+      :host(:not([${F.AUDIO}])[${F.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
+          :host(:not([${F.AUDIO}])[${F.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] {
+        display: none;
+      }
+
+      
+      ::slotted(:not([slot=media]):not([slot=poster]):not(media-loading-indicator):not([role=dialog]):not([hidden])) {
+        pointer-events: auto;
+      }
+
+      :host(:not([${F.AUDIO}])) *[part~=layer][part~=centered-layer] {
+        align-items: center;
+        justify-content: center;
+      }
+
+      :host(:not([${F.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
+      :host(:not([${F.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] {
+        align-self: stretch;
+        flex-grow: 1;
+      }
+
+      slot[name=middle-chrome] {
+        display: inline;
+        flex-grow: 1;
+        pointer-events: none;
+        background: none;
+      }
+
+      
+      ::slotted([slot=media]),
+      ::slotted([slot=poster]) {
+        width: 100%;
+        height: 100%;
+      }
+
+      
+      :host(:not([${F.AUDIO}])) .spacer {
+        flex-grow: 1;
+      }
+
+      
+      :host(:-webkit-full-screen) {
+        
+        width: 100% !important;
+        height: 100% !important;
+      }
+
+      
+      ::slotted(:not([slot=media]):not([slot=poster]):not([${F.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) {
+        opacity: 1;
+        transition: var(--media-control-transition-in, opacity 0.25s);
+      }
+
+      
+      :host([${F.USER_INACTIVE}]:not([${p.MEDIA_PAUSED}]):not([${p.MEDIA_IS_AIRPLAYING}]):not([${p.MEDIA_IS_CASTING}]):not([${F.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${F.NO_AUTOHIDE}]):not([role=dialog])) {
+        opacity: 0;
+        transition: var(--media-control-transition-out, opacity 1s);
+      }
+
+      :host([${F.USER_INACTIVE}]:not([${F.NO_AUTOHIDE}]):not([${p.MEDIA_PAUSED}]):not([${p.MEDIA_IS_CASTING}]):not([${F.AUDIO}])) ::slotted([slot=media]) {
+        cursor: none;
+      }
+
+      :host([${F.USER_INACTIVE}][${F.AUTOHIDE_OVER_CONTROLS}]:not([${F.NO_AUTOHIDE}]):not([${p.MEDIA_PAUSED}]):not([${p.MEDIA_IS_CASTING}]):not([${F.AUDIO}])) * {
+        --media-cursor: none;
+        cursor: none;
+      }
+
+
+      ::slotted(media-control-bar)  {
+        align-self: stretch;
+      }
+
+      
+      
+      :host(:not([${F.AUDIO}])[${p.MEDIA_HAS_PLAYED}]) slot[name=poster],
+      :host(:not([${F.AUDIO}])[${p.MEDIA_STREAM_TYPE}="${b.ON_DEMAND}"][${p.MEDIA_CURRENT_TIME}]:not([${p.MEDIA_CURRENT_TIME}="0"])) slot[name=poster] {
+        display: none;
+      }
+
+      ::slotted([role=dialog]) {
+        width: 100%;
+        height: 100%;
+        align-self: center;
+      }
+
+      ::slotted([role=menu]) {
+        align-self: end;
+      }
+    </style>
+
+    <slot name="media" part="layer media-layer"></slot>
+    <slot name="poster" part="layer poster-layer"></slot>
+    <slot name="gestures-chrome" part="layer gesture-layer">
+      <media-gesture-receiver slot="gestures-chrome">
+        <template shadowrootmode="${Qe.shadowRootOptions.mode}">
+          ${Qe.getTemplateHTML({})}
+        </template>
+      </media-gesture-receiver>
+    </slot>
+    <span part="layer vertical-layer">
+      <slot name="top-chrome" part="top chrome"></slot>
+      <slot name="middle-chrome" part="middle chrome"></slot>
+      <slot name="centered-chrome" part="layer centered-layer center centered chrome"></slot>
+      
+      <slot part="bottom chrome"></slot>
+    </span>
+    <slot name="dialog" part="layer dialog-layer"></slot>
+  `}var St=Object.values(p),Ct=`sm:384 md:576 lg:768 xl:960`;function wt(e){Tt(e.target,e.contentRect.width)}function Tt(e,t){if(!e.isConnected)return;let n=Et(e.getAttribute(F.BREAKPOINTS)??Ct),r=Dt(n,t),i=!1;if(Object.keys(n).forEach(t=>{r.includes(t)?e.hasAttribute(`breakpoint${t}`)||(e.setAttribute(`breakpoint${t}`,``),i=!0):e.hasAttribute(`breakpoint${t}`)&&(e.removeAttribute(`breakpoint${t}`),i=!0)}),i){let t=new CustomEvent(m.BREAKPOINTS_CHANGE,{detail:r});e.dispatchEvent(t)}e.breakpointsComputed||(e.breakpointsComputed=!0,e.dispatchEvent(new CustomEvent(m.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}function Et(e){let t=e.split(/\s+/);return Object.fromEntries(t.map(e=>e.split(`:`)))}function Dt(e,t){return Object.keys(e).filter(n=>t>=parseInt(e[n]))}var Ot=class extends S.HTMLElement{constructor(){if(super(),N(this,lt),N(this,dt),N(this,pt),N(this,ht),N(this,_t),N(this,tt,void 0),N(this,nt,0),N(this,rt,null),N(this,it,null),N(this,at,void 0),this.breakpointsComputed=!1,N(this,ot,e=>{let t=this.media;for(let n of e){if(n.type!==`childList`)continue;let e=n.removedNodes;for(let r of e){if(r.slot!=`media`||n.target!=this)continue;let e=n.previousSibling&&n.previousSibling.previousElementSibling;if(!e||!t)this.mediaUnsetCallback(r);else{let t=e.slot!==`media`;for(;(e=e.previousSibling)!==null;)e.slot==`media`&&(t=!1);t&&this.mediaUnsetCallback(r)}}if(t)for(let e of n.addedNodes)e===t&&this.handleMediaUpdated(t)}}),N(this,st,!1),N(this,ct,e=>{M(this,st)||(setTimeout(()=>{wt(e),et(this,st,!1)},0),et(this,st,!0))}),N(this,yt,void 0),N(this,bt,()=>{M(this,yt).assignedElements({flatten:!0}).length?this.handleMediaUpdated(this.media):M(this,rt)&&this.mediaUnsetCallback(M(this,rt))}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}et(this,tt,new MutationObserver(M(this,ot)))}static get observedAttributes(){return[F.AUTOHIDE,F.GESTURES_DISABLED].concat(St).filter(e=>![p.MEDIA_RENDITION_LIST,p.MEDIA_AUDIO_TRACK_LIST,p.MEDIA_CHAPTERS_CUES,p.MEDIA_WIDTH,p.MEDIA_HEIGHT,p.MEDIA_ERROR,p.MEDIA_ERROR_MESSAGE].includes(e))}attributeChangedCallback(e,t,n){e.toLowerCase()==F.AUTOHIDE&&(this.autohide=n)}get media(){let e=this.querySelector(`:scope > [slot=media]`);return e?.nodeName==`SLOT`&&(e=e.assignedElements({flatten:!0})[0]),e}async handleMediaUpdated(e){e&&(et(this,rt,e),e.localName.includes(`-`)&&await S.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;M(this,tt).observe(this,{childList:!0,subtree:!0}),ke(this,M(this,ct));let t=this.getAttribute(F.AUDIO)==null?x(`video player`):x(`audio player`);this.setAttribute(`role`,`region`),this.setAttribute(`aria-label`,t),this.handleMediaUpdated(this.media),this.setAttribute(F.USER_INACTIVE,``),Tt(this,this.getBoundingClientRect().width);let n=this.querySelector(`:scope > slot[slot=media]`);n&&(et(this,yt,n),M(this,yt).addEventListener(`slotchange`,M(this,bt))),this.addEventListener(`pointerdown`,this),this.addEventListener(`pointermove`,this),this.addEventListener(`pointerup`,this),this.addEventListener(`mouseleave`,this),this.addEventListener(`keyup`,this),(e=S.window)==null||e.addEventListener(`mouseup`,this)}disconnectedCallback(){var e;Ae(this,M(this,ct)),clearTimeout(M(this,it)),M(this,tt).disconnect(),this.media&&this.mediaUnsetCallback(this.media),(e=S.window)==null||e.removeEventListener(`mouseup`,this),this.removeEventListener(`pointerdown`,this),this.removeEventListener(`pointermove`,this),this.removeEventListener(`pointerup`,this),this.removeEventListener(`mouseleave`,this),this.removeEventListener(`keyup`,this),M(this,yt)&&(M(this,yt).removeEventListener(`slotchange`,M(this,bt)),et(this,yt,null)),et(this,st,!1)}mediaSetCallback(e){}mediaUnsetCallback(e){et(this,rt,null)}handleEvent(e){switch(e.type){case`pointerdown`:et(this,nt,e.timeStamp);break;case`pointermove`:P(this,lt,ut).call(this,e);break;case`pointerup`:P(this,dt,ft).call(this,e);break;case`mouseleave`:P(this,pt,mt).call(this);break;case`mouseup`:this.removeAttribute(F.KEYBOARD_CONTROL);break;case`keyup`:P(this,_t,vt).call(this),this.setAttribute(F.KEYBOARD_CONTROL,``)}}set autohide(e){let t=Number(e);et(this,at,isNaN(t)?0:t)}get autohide(){return(M(this,at)===void 0?2:M(this,at)).toString()}get breakpoints(){return k(this,F.BREAKPOINTS)}set breakpoints(e){A(this,F.BREAKPOINTS,e)}get audio(){return D(this,F.AUDIO)}set audio(e){O(this,F.AUDIO,e)}get gesturesDisabled(){return D(this,F.GESTURES_DISABLED)}set gesturesDisabled(e){O(this,F.GESTURES_DISABLED,e)}get keyboardControl(){return D(this,F.KEYBOARD_CONTROL)}set keyboardControl(e){O(this,F.KEYBOARD_CONTROL,e)}get noAutohide(){return D(this,F.NO_AUTOHIDE)}set noAutohide(e){O(this,F.NO_AUTOHIDE,e)}get autohideOverControls(){return D(this,F.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){O(this,F.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return D(this,F.USER_INACTIVE)}set userInteractive(e){O(this,F.USER_INACTIVE,e)}};tt=new WeakMap,nt=new WeakMap,rt=new WeakMap,it=new WeakMap,at=new WeakMap,ot=new WeakMap,st=new WeakMap,ct=new WeakMap,lt=new WeakSet,ut=function(e){if(e.pointerType!==`mouse`&&e.timeStamp-M(this,nt)<250)return;P(this,ht,gt).call(this),clearTimeout(M(this,it));let t=this.hasAttribute(F.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(e.target)||t)&&P(this,_t,vt).call(this)},dt=new WeakSet,ft=function(e){if(e.pointerType===`touch`){let t=!this.hasAttribute(F.USER_INACTIVE);[this,this.media].includes(e.target)&&t?P(this,pt,mt).call(this):P(this,_t,vt).call(this)}else e.composedPath().some(e=>[`media-play-button`,`media-fullscreen-button`].includes(e?.localName))&&P(this,_t,vt).call(this)},pt=new WeakSet,mt=function(){if(M(this,at)<0||this.hasAttribute(F.USER_INACTIVE))return;this.setAttribute(F.USER_INACTIVE,``);let e=new S.CustomEvent(m.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(e)},ht=new WeakSet,gt=function(){if(!this.hasAttribute(F.USER_INACTIVE))return;this.removeAttribute(F.USER_INACTIVE);let e=new S.CustomEvent(m.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(e)},_t=new WeakSet,vt=function(){P(this,ht,gt).call(this),clearTimeout(M(this,it));let e=parseInt(this.autohide);e<0||et(this,it,setTimeout(()=>{P(this,pt,mt).call(this)},e*1e3))},yt=new WeakMap,bt=new WeakMap,Ot.shadowRootOptions={mode:`open`},Ot.getTemplateHTML=xt,S.customElements.get(`media-container`)||S.customElements.define(`media-container`,Ot);var kt=Ot,At=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},jt=(e,t,n)=>(At(e,t,`read from private field`),n?n.call(e):t.get(e)),Mt=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Nt=(e,t,n,r)=>(At(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Pt=(e,t,n)=>(At(e,t,`access private method`),n),Ft,It,Lt,Rt,zt,Bt,Vt,Ht,Ut,Wt,Gt,Kt,qt,Jt,Yt;function Xt(e){return`
+    <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)));
+        display: var(--media-dialog-display, inline-flex);
+        justify-content: center;
+        align-items: center;
+        
+        transition-behavior: allow-discrete;
+        visibility: hidden;
+        opacity: 0;
+        transform: translateY(2px) scale(.99);
+        pointer-events: none;
+      }
+
+      :host([open]) {
+        transition: display .2s, visibility 0s, opacity .2s ease-out, transform .15s ease-out;
+        visibility: visible;
+        opacity: 1;
+        transform: translateY(0) scale(1);
+        pointer-events: auto;
+      }
+
+      #content {
+        display: flex;
+        position: relative;
+        box-sizing: border-box;
+        width: min(320px, 100%);
+        word-wrap: break-word;
+        max-height: 100%;
+        overflow: auto;
+        text-align: center;
+        line-height: 1.4;
+      }
+    </style>
+    ${this.getSlotTemplateHTML(e)}
+  `}function Zt(e){return`
+    <slot id="content"></slot>
+  `}var Qt={OPEN:`open`,ANCHOR:`anchor`},$t=class extends S.HTMLElement{constructor(){super(),Mt(this,Rt),Mt(this,Bt),Mt(this,Ht),Mt(this,Wt),Mt(this,Kt),Mt(this,Jt),Mt(this,Ft,!1),Mt(this,It,null),Mt(this,Lt,null)}static get observedAttributes(){return[Qt.OPEN,Qt.ANCHOR]}get open(){return D(this,Qt.OPEN)}set open(e){O(this,Qt.OPEN,e)}handleEvent(e){switch(e.type){case`invoke`:Pt(this,Wt,Gt).call(this,e);break;case`focusout`:Pt(this,Kt,qt).call(this,e);break;case`keydown`:Pt(this,Jt,Yt).call(this,e)}}connectedCallback(){Pt(this,Rt,zt).call(this),this.role||=`dialog`,this.addEventListener(`invoke`,this),this.addEventListener(`focusout`,this),this.addEventListener(`keydown`,this)}disconnectedCallback(){this.removeEventListener(`invoke`,this),this.removeEventListener(`focusout`,this),this.removeEventListener(`keydown`,this)}attributeChangedCallback(e,t,n){Pt(this,Rt,zt).call(this),e===Qt.OPEN&&n!==t&&(this.open?Pt(this,Bt,Vt).call(this):Pt(this,Ht,Ut).call(this))}focus(){Nt(this,It,ze());let e=!this.dispatchEvent(new Event(`focus`,{composed:!0,cancelable:!0})),t=!this.dispatchEvent(new Event(`focusin`,{composed:!0,bubbles:!0,cancelable:!0}));e||t||this.querySelector(`[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]`)?.focus()}get keysUsed(){return[`Escape`,`Tab`]}};Ft=new WeakMap,It=new WeakMap,Lt=new WeakMap,Rt=new WeakSet,zt=function(){if(!jt(this,Ft)&&(Nt(this,Ft,!0),!this.shadowRoot)){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e),queueMicrotask(()=>{let{style:e}=w(this.shadowRoot,`:host`);e.setProperty(`transition`,`display .15s, visibility .15s, opacity .15s ease-in, transform .15s ease-in`)})}},Bt=new WeakSet,Vt=function(){var e;(e=jt(this,Lt))==null||e.setAttribute(`aria-expanded`,`true`),this.dispatchEvent(new Event(`open`,{composed:!0,bubbles:!0})),this.addEventListener(`transitionend`,()=>this.focus(),{once:!0})},Ht=new WeakSet,Ut=function(){var e;(e=jt(this,Lt))==null||e.setAttribute(`aria-expanded`,`false`),this.dispatchEvent(new Event(`close`,{composed:!0,bubbles:!0}))},Wt=new WeakSet,Gt=function(e){Nt(this,Lt,e.relatedTarget),Le(this,e.relatedTarget)||(this.open=!this.open)},Kt=new WeakSet,qt=function(e){var t;Le(this,e.relatedTarget)||((t=jt(this,It))==null||t.focus(),jt(this,Lt)&&jt(this,Lt)!==e.relatedTarget&&this.open&&(this.open=!1))},Jt=new WeakSet,Yt=function(e){var t,n,r,i,a;let{key:o,ctrlKey:s,altKey:c,metaKey:l}=e;s||c||l||this.keysUsed.includes(o)&&(e.preventDefault(),e.stopPropagation(),o===`Tab`?(e.shiftKey?(n=(t=this.previousElementSibling)?.focus)==null||n.call(t):(i=(r=this.nextElementSibling)?.focus)==null||i.call(r),this.blur()):o===`Escape`&&((a=jt(this,It))==null||a.focus(),this.open=!1))},$t.shadowRootOptions={mode:`open`},$t.getTemplateHTML=Xt,$t.getSlotTemplateHTML=Zt,S.customElements.get(`media-chrome-dialog`)||S.customElements.define(`media-chrome-dialog`,$t);var en=$t,tn=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},nn=(e,t,n)=>(tn(e,t,`read from private field`),n?n.call(e):t.get(e)),rn=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},an,on,sn={HOTKEYS:`hotkeys`},cn=[{keys:[{key:` `,label:`Space`},{key:`k`}],description:`Toggle Playback`},{keys:[{key:`m`}],description:`Toggle mute`},{keys:[{key:`f`}],description:`Toggle fullscreen`},{keys:[{key:`c`}],description:`Toggle captions or subtitles, if available`},{keys:[{key:`p`}],description:`Toggle Picture in Picture`},{keys:[{key:`ArrowLeft`,label:`←`},{key:`j`}],description:`Seek back 10s`},{keys:[{key:`ArrowRight`,label:`→`},{key:`l`}],description:`Seek forward 10s`},{keys:[{key:`ArrowUp`,label:`↑`}],description:`Turn volume up`},{keys:[{key:`ArrowDown`,label:`↓`}],description:`Turn volume down`},{keys:[{key:`<`,label:`< (SHIFT+,)`}],description:`Decrease playback rate`},{keys:[{key:`>`,label:`> (SHIFT+.)`}],description:`Increase playback rate`},{keys:[{key:`shift+/`,label:`SHIFT+/`}],description:`Show keyboard shortcuts`}];function ln(e){return e===` `?`nospace`:`no${e.toLowerCase()}`}function un(e){let t=new Set(e?.split(/\s+/));return cn.map(({keys:e,description:n})=>({keys:e.filter(({key:e})=>!t.has(ln(e))),description:n})).filter(({keys:e})=>e.length)}function dn(e){return`
+    <style>
+      :host {
+        position: fixed;
+        top: 0;
+        left: 0;
+        z-index: 9999;
+        background: rgb(20 20 30 / .8);
+        backdrop-filter: blur(10px);
+      }
+
+      #content {
+        display: block;
+        width: clamp(400px, 40vw, 700px);
+        max-width: 90vw;
+        text-align: left;
+      }
+
+      h2 {
+        margin: 0 0 1.5rem 0;
+        font-size: 1.5rem;
+        font-weight: 500;
+        text-align: center;
+      }
+
+      .shortcuts-table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+
+      .shortcuts-table tr {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+      }
+
+      .shortcuts-table tr:last-child {
+        border-bottom: none;
+      }
+
+      .shortcuts-table td {
+        padding: 0.75rem 0.5rem;
+      }
+
+      .shortcuts-table td:first-child {
+        text-align: right;
+        padding-right: 1rem;
+        width: 40%;
+        min-width: 120px;
+      }
+
+      .shortcuts-table td:last-child {
+        padding-left: 1rem;
+      }
+
+      .key {
+        display: inline-block;
+        background: rgba(255, 255, 255, 0.15);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        border-radius: 4px;
+        padding: 0.25rem 0.5rem;
+        font-family: 'Courier New', monospace;
+        font-size: 0.9rem;
+        font-weight: 500;
+        min-width: 1.5rem;
+        text-align: center;
+        margin: 0 0.2rem;
+      }
+
+      .description {
+        color: rgba(255, 255, 255, 0.9);
+        font-size: 0.95rem;
+      }
+
+      .key-combo {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        gap: 0.3rem;
+      }
+
+      .key-separator {
+        color: rgba(255, 255, 255, 0.5);
+        font-size: 0.9rem;
+      }
+    </style>
+    <slot id="content">
+      ${fn(e[sn.HOTKEYS])}
+    </slot>
+  `}function fn(e){return`
+    <h2>Keyboard Shortcuts</h2>
+    <table class="shortcuts-table">${un(e).map(({keys:e,description:t})=>`
+        <tr>
+          <td>
+            <div class="key-combo">${e.map(({key:e,label:t=e},n)=>n>0?`<span class="key-separator">or</span><span class="key">${t}</span>`:`<span class="key">${t}</span>`).join(``)}</div>
+          </td>
+          <td class="description">${t}</td>
+        </tr>
+      `).join(``)}</table>
+  `}var pn=class extends $t{constructor(){super(...arguments),rn(this,an,e=>{if(!this.open)return;let t=this.shadowRoot?.querySelector(`#content`);if(!t)return;let n=e.composedPath(),r=n[0]===this||n.includes(this),i=n.includes(t);r&&!i&&(this.open=!1)}),rn(this,on,e=>{if(!this.open)return;let t=e.shiftKey&&(e.key===`/`||e.key===`?`);e.key!==`Escape`&&!t||e.ctrlKey||e.altKey||e.metaKey||(this.open=!1,e.preventDefault(),e.stopPropagation())})}static get observedAttributes(){return[...super.observedAttributes,sn.HOTKEYS]}get hotkeys(){return k(this,sn.HOTKEYS)??void 0}set hotkeys(e){A(this,sn.HOTKEYS,e)}connectedCallback(){super.connectedCallback(),this.open&&(this.addEventListener(`click`,nn(this,an)),document.addEventListener(`keydown`,nn(this,on)))}disconnectedCallback(){this.removeEventListener(`click`,nn(this,an)),document.removeEventListener(`keydown`,nn(this,on))}attributeChangedCallback(e,t,n){if(super.attributeChangedCallback(e,t,n),e===`open`)this.open?(this.addEventListener(`click`,nn(this,an)),document.addEventListener(`keydown`,nn(this,on))):(this.removeEventListener(`click`,nn(this,an)),document.removeEventListener(`keydown`,nn(this,on)));else if(e===sn.HOTKEYS&&n!==t){let e=this.shadowRoot?.querySelector(`#content`);e&&(e.innerHTML=fn(n))}}};an=new WeakMap,on=new WeakMap,pn.getSlotTemplateHTML=dn,S.customElements.get(`media-keyboard-shortcuts-dialog`)||S.customElements.define(`media-keyboard-shortcuts-dialog`,pn);var mn=pn,hn=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},I=(e,t,n)=>(hn(e,t,`read from private field`),n?n.call(e):t.get(e)),gn=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},_n=(e,t,n,r)=>(hn(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),vn,yn,bn,xn,Sn,Cn,wn=class{constructor(e,t,{defaultValue:n}={defaultValue:void 0}){gn(this,Sn),gn(this,vn,void 0),gn(this,yn,void 0),gn(this,bn,void 0),gn(this,xn,new Set),_n(this,vn,e),_n(this,yn,t),_n(this,bn,new Set(n))}[Symbol.iterator](){return I(this,Sn,Cn).values()}get length(){return I(this,Sn,Cn).size}get value(){return[...I(this,Sn,Cn)].join(` `)??``}set value(e){e!==this.value&&(_n(this,xn,new Set),this.add(...e?.split(` `)??[]))}toString(){return this.value}item(e){return[...I(this,Sn,Cn)][e]}values(){return I(this,Sn,Cn).values()}forEach(e,t){I(this,Sn,Cn).forEach(e,t)}add(...e){var t;e.forEach(e=>I(this,xn).add(e)),this.value===``&&!I(this,vn)?.hasAttribute(`${I(this,yn)}`)||(t=I(this,vn))==null||t.setAttribute(`${I(this,yn)}`,`${this.value}`)}remove(...e){var t;e.forEach(e=>I(this,xn).delete(e)),(t=I(this,vn))==null||t.setAttribute(`${I(this,yn)}`,`${this.value}`)}contains(e){return I(this,Sn,Cn).has(e)}toggle(e,t){return t===void 0?this.contains(e)?(this.remove(e),!1):(this.add(e),!0):t?(this.add(e),!0):(this.remove(e),!1)}replace(e,t){return this.remove(e),this.add(t),e===t}};vn=new WeakMap,yn=new WeakMap,bn=new WeakMap,xn=new WeakMap,Sn=new WeakSet,Cn=function(){return I(this,xn).size?I(this,xn):I(this,bn)};var Tn=(e=``)=>e.split(/\s+/),En=(e=``)=>{let[t,n,r]=e.split(`:`),i=r?decodeURIComponent(r):void 0;return{kind:t===`cc`?g.CAPTIONS:g.SUBTITLES,language:n,label:i}},Dn=(e=``,t={})=>Tn(e).map(e=>{let n=En(e);return{...t,...n}}),On=e=>e?Array.isArray(e)?e.map(e=>typeof e==`string`?En(e):e):typeof e==`string`?Dn(e):[e]:[],kn=({kind:e,label:t,language:n}={kind:`subtitles`})=>t?`${e===`captions`?`cc`:`sb`}:${n}:${encodeURIComponent(t)}`:n,An=(e=[])=>Array.prototype.map.call(e,kn).join(` `),jn=(e,t)=>n=>n[e]===t,Mn=e=>{let t=Object.entries(e).map(([e,t])=>jn(e,t));return e=>t.every(t=>t(e))},Nn=(e,t=[],n=[])=>{let r=On(n).map(Mn);Array.from(t).filter(e=>r.some(t=>t(e))).forEach(t=>{t.mode=e})},Pn=(e,t=()=>!0)=>{if(!e?.textTracks)return[];let n=typeof t==`function`?t:Mn(t);return Array.from(e.textTracks).filter(n)},Fn=e=>!!e.mediaSubtitlesShowing?.length||e.hasAttribute(p.MEDIA_SUBTITLES_SHOWING),In=e=>{let{media:t,fullscreenElement:n}=e;try{let e=n&&`requestFullscreen`in n?`requestFullscreen`:n&&`webkitRequestFullScreen`in n?`webkitRequestFullScreen`:void 0;if(e){let t=n[e]?.call(n);if(t instanceof Promise)return t.catch(()=>{})}else t?.webkitEnterFullscreen?t.webkitEnterFullscreen():t?.requestFullscreen&&t.requestFullscreen()}catch(e){console.error(e)}},Ln=`exitFullscreen`in C?`exitFullscreen`:`webkitExitFullscreen`in C?`webkitExitFullscreen`:`webkitCancelFullScreen`in C?`webkitCancelFullScreen`:void 0,Rn=e=>{let{documentElement:t}=e;if(Ln){let e=(t?.[Ln])?.call(t);if(e instanceof Promise)return e.catch(()=>{})}},zn=`fullscreenElement`in C?`fullscreenElement`:`webkitFullscreenElement`in C?`webkitFullscreenElement`:void 0,Bn=e=>{let{documentElement:t,media:n}=e,r=t?.[zn];return!r&&`webkitDisplayingFullscreen`in n&&`webkitPresentationMode`in n&&n.webkitDisplayingFullscreen&&n.webkitPresentationMode===ee.FULLSCREEN?n:r},Vn=e=>{let{media:t,documentElement:n,fullscreenElement:r=t}=e;if(!t||!n)return!1;let i=Bn(e);if(!i)return!1;if(i===r||i===t)return!0;if(i.localName.includes(`-`)){let e=i.shadowRoot;if(!(zn in e))return Le(i,r);for(;e?.[zn];){if(e[zn]===r)return!0;e=e[zn]?.shadowRoot}}return!1},Hn=`fullscreenEnabled`in C?`fullscreenEnabled`:`webkitFullscreenEnabled`in C?`webkitFullscreenEnabled`:void 0,Un=e=>{let{documentElement:t,media:n}=e;return!!t?.[Hn]||n&&`webkitSupportsFullscreen`in n},Wn,Gn=()=>{var e;return Wn||(Wn=((e=C)?.createElement)?.call(e,`video`),Wn)},Kn=async(e=Gn())=>{if(!e)return!1;let t=e.volume;e.volume=t/2+.1;let n=new AbortController,r=await Promise.race([qn(e,n.signal),Jn(e,t)]);return n.abort(),r},qn=(e,t)=>new Promise(n=>{e.addEventListener(`volumechange`,()=>n(!0),{signal:t})}),Jn=async(e,t)=>{for(let n=0;n<10;n++){if(e.volume===t)return!1;await oe(10)}return e.volume!==t},Yn=/.*Version\/.*Safari\/.*/.test(S.navigator.userAgent),Xn=(e=Gn())=>S.matchMedia(`(display-mode: standalone)`).matches&&Yn?!1:typeof e?.requestPictureInPicture==`function`,Zn=(e=Gn())=>Un({documentElement:C,media:e}),Qn=Zn(),$n=Xn(),er=!!S.WebKitPlaybackTargetAvailabilityEvent,tr=!!S.chrome,nr=e=>Pn(e.media,e=>[g.SUBTITLES,g.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),rr=e=>Pn(e.media,e=>e.mode===_.SHOWING&&[g.SUBTITLES,g.CAPTIONS].includes(e.kind)),ir=(e,t)=>{let n=nr(e),r=rr(e),i=!!r.length;if(n.length){if(t===!1||i&&t!==!0)Nn(_.DISABLED,n,r);else if(t===!0||!i&&t!==!1){let t=n[0],{options:i}=e;if(!i?.noSubtitlesLangPref){let e=S.localStorage.getItem(`media-chrome-pref-subtitles-lang`),r=e?[e,...S.navigator.languages]:S.navigator.languages,i=n.filter(e=>r.some(t=>e.language.toLowerCase().startsWith(t.split(`-`)[0]))).sort((e,t)=>r.findIndex(t=>e.language.toLowerCase().startsWith(t.split(`-`)[0]))-r.findIndex(e=>t.language.toLowerCase().startsWith(e.split(`-`)[0])));i[0]&&(t=i[0])}let{language:a,label:o,kind:s}=t;Nn(_.DISABLED,n,r),Nn(_.SHOWING,n,[{language:a,label:o,kind:s}])}}},ar=(e,t)=>e===t?!0:e==null||t==null||typeof e!=typeof t?!1:typeof e==`number`&&Number.isNaN(e)&&Number.isNaN(t)?!0:typeof e==`object`?Array.isArray(e)?or(e,t):Object.entries(e).every(([e,n])=>e in t&&ar(n,t[e])):!1,or=(e,t)=>{let n=Array.isArray(e),r=Array.isArray(t);return n===r?n||r?e.length===t.length&&e.every((e,n)=>ar(e,t[n])):!0:!1},sr=Object.values(b),cr,lr=Kn().then(e=>(cr=e,cr)),ur=async(...e)=>{await Promise.all(e.filter(e=>e).map(async e=>{if(!(`localName`in e&&e instanceof S.HTMLElement))return;let t=e.localName;if(!t.includes(`-`))return;let n=S.customElements.get(t);n&&e instanceof n||(await S.customElements.whenDefined(t),S.customElements.upgrade(e))}))},dr=new S.DOMParser,fr=e=>e&&(dr.parseFromString(e,`text/html`).body.textContent||e),pr={mediaError:{get(e,t){let{media:n}=e;if(t?.type!==`playing`)return n?.error},mediaEvents:[`emptied`,`error`,`playing`]},mediaErrorCode:{get(e,t){let{media:n}=e;if(t?.type!==`playing`)return n?.error?.code},mediaEvents:[`emptied`,`error`,`playing`]},mediaErrorMessage:{get(e,t){let{media:n}=e;if(t?.type!==`playing`)return n?.error?.message??``},mediaEvents:[`emptied`,`error`,`playing`]},mediaWidth:{get(e){let{media:t}=e;return t?.videoWidth??0},mediaEvents:[`resize`]},mediaHeight:{get(e){let{media:t}=e;return t?.videoHeight??0},mediaEvents:[`resize`]},mediaPaused:{get(e){let{media:t}=e;return t?.paused??!0},set(e,t){var n;let{media:r}=t;r&&(e?r.pause():(n=r.play())==null||n.catch(()=>{}))},mediaEvents:[`play`,`playing`,`pause`,`emptied`]},mediaHasPlayed:{get(e,t){let{media:n}=e;return n?t?t.type===`playing`:!n.paused:!1},mediaEvents:[`playing`,`emptied`]},mediaEnded:{get(e){let{media:t}=e;return t?.ended??!1},mediaEvents:[`seeked`,`ended`,`emptied`]},mediaPlaybackRate:{get(e){let{media:t}=e;return t?.playbackRate??1},set(e,t){let{media:n}=t;n&&Number.isFinite(+e)&&(n.playbackRate=+e)},mediaEvents:[`ratechange`,`loadstart`]},mediaMuted:{get(e){let{media:t}=e;return t?.muted??!1},set(e,t){let{media:n,options:{noMutedPref:r}={}}=t;if(n){n.muted=e;try{let t=S.localStorage.getItem(`media-chrome-pref-muted`)!==null,i=n.hasAttribute(`muted`);if(r){t&&S.localStorage.removeItem(`media-chrome-pref-muted`);return}if(i&&!t)return;S.localStorage.setItem(`media-chrome-pref-muted`,e?`true`:`false`)}catch(e){console.debug(`Error setting muted pref`,e)}}},mediaEvents:[`volumechange`],stateOwnersUpdateHandlers:[(e,t)=>{let{options:{noMutedPref:n}}=t,{media:r}=t;if(!(!r||r.muted||n))try{let n=S.localStorage.getItem(`media-chrome-pref-muted`)===`true`;pr.mediaMuted.set(n,t),e(n)}catch(e){console.debug(`Error getting muted pref`,e)}}]},mediaLoop:{get(e){let{media:t}=e;return t?.loop},set(e,t){let{media:n}=t;n&&(n.loop=e)},mediaEvents:[`medialooprequest`]},mediaVolume:{get(e){let{media:t}=e;return t?.volume??1},set(e,t){let{media:n,options:{noVolumePref:r}={}}=t;if(n){try{e==null?S.localStorage.removeItem(`media-chrome-pref-volume`):!n.hasAttribute(`muted`)&&!r&&S.localStorage.setItem(`media-chrome-pref-volume`,e.toString())}catch(e){console.debug(`Error setting volume pref`,e)}Number.isFinite(+e)&&(n.volume=+e)}},mediaEvents:[`volumechange`],stateOwnersUpdateHandlers:[(e,t)=>{let{options:{noVolumePref:n}}=t;if(!n)try{let{media:n}=t;if(!n)return;let r=S.localStorage.getItem(`media-chrome-pref-volume`);if(r==null)return;pr.mediaVolume.set(+r,t),e(+r)}catch(e){console.debug(`Error getting volume pref`,e)}}]},mediaVolumeLevel:{get(e){let{media:t}=e;return t?.volume===void 0?`high`:t.muted||t.volume===0?`off`:t.volume<.5?`low`:t.volume<.75?`medium`:`high`},mediaEvents:[`volumechange`]},mediaCurrentTime:{get(e){let{media:t}=e;return t?.currentTime??0},set(e,t){let{media:n}=t;n&&ae(e)&&(n.currentTime=e)},mediaEvents:[`timeupdate`,`loadedmetadata`,`seeking`]},mediaDuration:{get(e){let{media:t,options:{defaultDuration:n}={}}=e;return n&&(!t||!t.duration||Number.isNaN(t.duration)||!Number.isFinite(t.duration))?n:Number.isFinite(t?.duration)?t.duration:NaN},mediaEvents:[`durationchange`,`loadedmetadata`,`emptied`]},mediaLoading:{get(e){let{media:t}=e;return t?.readyState<3},mediaEvents:[`waiting`,`playing`,`emptied`]},mediaSeekable:{get(e){let{media:t}=e;if(!t?.seekable?.length)return;let n=t.seekable.start(0),r=t.seekable.end(t.seekable.length-1);if(n||r)return[Number(n.toFixed(3)),Number(r.toFixed(3))]},mediaEvents:[`loadedmetadata`,`emptied`,`progress`,`seekablechange`]},mediaBuffered:{get(e){let{media:t}=e,n=t?.buffered??[];return Array.from(n).map((e,t)=>[Number(n.start(t).toFixed(3)),Number(n.end(t).toFixed(3))])},mediaEvents:[`progress`,`emptied`]},mediaStreamType:{get(e){let{media:t,options:{defaultStreamType:n}={}}=e,r=[b.LIVE,b.ON_DEMAND].includes(n)?n:void 0;if(!t)return r;let{streamType:i}=t;if(sr.includes(i))return i===b.UNKNOWN?r:i;let a=t.duration;return a===1/0?b.LIVE:Number.isFinite(a)?b.ON_DEMAND:r},mediaEvents:[`emptied`,`durationchange`,`loadedmetadata`,`streamtypechange`]},mediaTargetLiveWindow:{get(e){let{media:t}=e;if(!t)return NaN;let{targetLiveWindow:n}=t,r=pr.mediaStreamType.get(e);return(n==null||Number.isNaN(n))&&r===b.LIVE?0:n},mediaEvents:[`emptied`,`durationchange`,`loadedmetadata`,`streamtypechange`,`targetlivewindowchange`]},mediaTimeIsLive:{get(e){let{media:t,options:{liveEdgeOffset:n=10}={}}=e;if(!t)return!1;if(typeof t.liveEdgeStart==`number`)return!Number.isNaN(t.liveEdgeStart)&&t.currentTime>=t.liveEdgeStart;if(pr.mediaStreamType.get(e)!==b.LIVE)return!1;let r=t.seekable;if(!r)return!0;if(!r.length)return!1;let i=r.end(r.length-1)-n;return t.currentTime>=i},mediaEvents:[`playing`,`timeupdate`,`progress`,`waiting`,`emptied`]},mediaSubtitlesList:{get(e){return nr(e).map(({kind:e,label:t,language:n})=>({kind:e,label:t,language:n}))},mediaEvents:[`loadstart`],textTracksEvents:[`addtrack`,`removetrack`]},mediaSubtitlesShowing:{get(e){return rr(e).map(({kind:e,label:t,language:n})=>({kind:e,label:t,language:n}))},mediaEvents:[`loadstart`],textTracksEvents:[`addtrack`,`removetrack`,`change`],stateOwnersUpdateHandlers:[(e,t)=>{var n,r;let{media:i,options:a}=t;if(!i)return;let o=e=>{a.defaultSubtitles&&(!e||[g.CAPTIONS,g.SUBTITLES].includes(e?.track?.kind))&&ir(t,!0)};return i.addEventListener(`loadstart`,o),(n=i.textTracks)==null||n.addEventListener(`addtrack`,o),(r=i.textTracks)==null||r.addEventListener(`removetrack`,o),()=>{var e,t;i.removeEventListener(`loadstart`,o),(e=i.textTracks)==null||e.removeEventListener(`addtrack`,o),(t=i.textTracks)==null||t.removeEventListener(`removetrack`,o)}}]},mediaChaptersCues:{get(e){let{media:t}=e;if(!t)return[];let[n]=Pn(t,{kind:g.CHAPTERS});return Array.from(n?.cues??[]).map(({text:e,startTime:t,endTime:n})=>({text:fr(e),startTime:t,endTime:n}))},mediaEvents:[`loadstart`,`loadedmetadata`],textTracksEvents:[`addtrack`,`removetrack`,`change`],stateOwnersUpdateHandlers:[(e,t)=>{let{media:n}=t;if(!n)return;let r=n.querySelector(`track[kind="chapters"][default][src]`),i=n.shadowRoot?.querySelector(`:is(video,audio) > track[kind="chapters"][default][src]`);return r?.addEventListener(`load`,e),i?.addEventListener(`load`,e),()=>{r?.removeEventListener(`load`,e),i?.removeEventListener(`load`,e)}}]},mediaIsPip:{get(e){let{media:t,documentElement:n}=e;if(!t||!n||!n.pictureInPictureElement)return!1;if(n.pictureInPictureElement===t)return!0;if(n.pictureInPictureElement instanceof HTMLMediaElement)return t.localName?.includes(`-`)?Le(t,n.pictureInPictureElement):!1;if(n.pictureInPictureElement.localName.includes(`-`)){let e=n.pictureInPictureElement.shadowRoot;for(;e?.pictureInPictureElement;){if(e.pictureInPictureElement===t)return!0;e=e.pictureInPictureElement?.shadowRoot}}return!1},set(e,t){let{media:n}=t;if(n){if(e){if(!C.pictureInPictureEnabled){console.warn(`MediaChrome: Picture-in-picture is not enabled`);return}if(!n.requestPictureInPicture){console.warn(`MediaChrome: The current media does not support picture-in-picture`);return}let e=()=>{console.warn(`MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.`)};n.requestPictureInPicture().catch(t=>{if(t.code===11){if(!n.src){console.warn(`MediaChrome: The media is not ready for picture-in-picture. It must have a src set.`);return}if(n.readyState===0&&n.preload===`none`){let t=()=>{n.removeEventListener(`loadedmetadata`,r),n.preload=`none`},r=()=>{n.requestPictureInPicture().catch(e),t()};n.addEventListener(`loadedmetadata`,r),n.preload=`metadata`,setTimeout(()=>{n.readyState===0&&e(),t()},1e3)}else throw t}else throw t})}else C.pictureInPictureElement&&C.exitPictureInPicture()}},mediaEvents:[`enterpictureinpicture`,`leavepictureinpicture`]},mediaRenditionList:{get(e){let{media:t}=e;return[...t?.videoRenditions??[]].map(e=>({...e}))},mediaEvents:[`emptied`,`loadstart`],videoRenditionsEvents:[`addrendition`,`removerendition`]},mediaRenditionSelected:{get(e){let{media:t}=e;return t?.videoRenditions?.[t.videoRenditions?.selectedIndex]?.id},set(e,t){let{media:n}=t;if(!n?.videoRenditions){console.warn(`MediaController: Rendition selection not supported by this media.`);return}let r=e,i=Array.prototype.findIndex.call(n.videoRenditions,e=>e.id==r);n.videoRenditions.selectedIndex!=i&&(n.videoRenditions.selectedIndex=i)},mediaEvents:[`emptied`],videoRenditionsEvents:[`addrendition`,`removerendition`,`change`]},mediaAudioTrackList:{get(e){let{media:t}=e;return[...t?.audioTracks??[]]},mediaEvents:[`emptied`,`loadstart`],audioTracksEvents:[`addtrack`,`removetrack`]},mediaAudioTrackEnabled:{get(e){let{media:t}=e;return[...t?.audioTracks??[]].find(e=>e.enabled)?.id},set(e,t){let{media:n}=t;if(!n?.audioTracks){console.warn(`MediaChrome: Audio track selection not supported by this media.`);return}let r=e;for(let e of n.audioTracks)e.enabled=r==e.id},mediaEvents:[`emptied`],audioTracksEvents:[`addtrack`,`removetrack`,`change`]},mediaIsFullscreen:{get(e){return Vn(e)},set(e,t,n){var r;e?(In(t),n.detail&&!t.media?.inert&&((r=t.media)==null||r.focus())):Rn(t)},rootEvents:[`fullscreenchange`,`webkitfullscreenchange`],mediaEvents:[`webkitbeginfullscreen`,`webkitendfullscreen`,`webkitpresentationmodechanged`]},mediaIsCasting:{get(e){let{media:t}=e;return!t?.remote||t.remote?.state===`disconnected`?!1:t.remote.state===`connected`},set(e,t){let{media:n}=t;n&&(e&&n.remote?.state!==`disconnected`||(e||n.remote?.state===`connected`)&&(typeof n.remote.prompt==`function`?n.remote.prompt().catch(()=>{}):console.warn(`MediaChrome: Casting is not supported in this environment`)))},remoteEvents:[`connect`,`connecting`,`disconnect`]},mediaIsAirplaying:{get(){return!1},set(e,t){let{media:n}=t;n&&(n.webkitShowPlaybackTargetPicker&&S.WebKitPlaybackTargetAvailabilityEvent?n.webkitShowPlaybackTargetPicker():console.error(`MediaChrome: received a request to select AirPlay but AirPlay is not supported in this environment`))},mediaEvents:[`webkitcurrentplaybacktargetiswirelesschanged`]},mediaFullscreenUnavailable:{get(e){let{media:t}=e;if(!Qn||!Zn(t))return y.UNSUPPORTED}},mediaPipUnavailable:{get(e){let{media:t}=e;if(!$n||!Xn(t))return y.UNSUPPORTED;if(t?.disablePictureInPicture)return y.UNAVAILABLE}},mediaVolumeUnavailable:{get(e){let{media:t}=e;if(cr===!1||t?.volume==null)return y.UNSUPPORTED},stateOwnersUpdateHandlers:[e=>{cr??lr.then(t=>e(t?void 0:y.UNSUPPORTED))}]},mediaCastUnavailable:{get(e,{availability:t=`not-available`}={}){let{media:n}=e;if(!tr||!n?.remote?.state)return y.UNSUPPORTED;if(t!=null&&t!==`available`)return y.UNAVAILABLE},stateOwnersUpdateHandlers:[(e,t)=>{var n;let{media:r}=t;if(r)return r.disableRemotePlayback||r.hasAttribute(`disableremoteplayback`)||(n=r?.remote)==null||n.watchAvailability(t=>{e({availability:t?`available`:`not-available`})}).catch(t=>{t.name===`NotSupportedError`?e({availability:null}):e({availability:`not-available`})}),()=>{var e;(e=r?.remote)==null||e.cancelWatchAvailability().catch(()=>{})}}]},mediaAirplayUnavailable:{get(e,t){if(!er)return y.UNSUPPORTED;if(t?.availability===`not-available`)return y.UNAVAILABLE},mediaEvents:[`webkitplaybacktargetavailabilitychanged`],stateOwnersUpdateHandlers:[(e,t)=>{var n;let{media:r}=t;if(r)return r.disableRemotePlayback||r.hasAttribute(`disableremoteplayback`)||(n=r?.remote)==null||n.watchAvailability(t=>{e({availability:t?`available`:`not-available`})}).catch(t=>{t.name===`NotSupportedError`?e({availability:null}):e({availability:`not-available`})}),()=>{var e;(e=r?.remote)==null||e.cancelWatchAvailability().catch(()=>{})}}]},mediaRenditionUnavailable:{get(e){let{media:t}=e;if(!t?.videoRenditions)return y.UNSUPPORTED;if(!t.videoRenditions?.length)return y.UNAVAILABLE},mediaEvents:[`emptied`,`loadstart`],videoRenditionsEvents:[`addrendition`,`removerendition`]},mediaAudioTrackUnavailable:{get(e){let{media:t}=e;if(!t?.audioTracks)return y.UNSUPPORTED;if((t.audioTracks?.length??0)<=1)return y.UNAVAILABLE},mediaEvents:[`emptied`,`loadstart`],audioTracksEvents:[`addtrack`,`removetrack`]},mediaLang:{get(e){let{options:{mediaLang:t}={}}=e;return t??`en`}}},mr={[l.MEDIA_PREVIEW_REQUEST](e,t,{detail:n}){let{media:r}=t,i=n??void 0,a,o;if(r&&i!=null){let[e]=Pn(r,{kind:g.METADATA,label:`thumbnails`}),t=Array.prototype.find.call(e?.cues??[],(e,t,n)=>t===0?e.endTime>i:t===n.length-1?e.startTime<=i:e.startTime<=i&&e.endTime>i);if(t){let e=/'^(?:[a-z]+:)?\/\//i.test(t.text)?void 0:r?.querySelector(`track[label="thumbnails"]`)?.src,n=new URL(t.text,e);o=new URLSearchParams(n.hash).get(`#xywh`).split(`,`).map(e=>+e),a=n.href}}let s=e.mediaDuration.get(t),c=e.mediaChaptersCues.get(t).find((e,t,n)=>t===n.length-1&&s===e.endTime?e.startTime<=i&&e.endTime>=i:e.startTime<=i&&e.endTime>i)?.text;return n!=null&&c==null&&(c=``),{mediaPreviewTime:i,mediaPreviewImage:a,mediaPreviewCoords:o,mediaPreviewChapter:c}},[l.MEDIA_PAUSE_REQUEST](e,t){e.mediaPaused.set(!0,t)},[l.MEDIA_PLAY_REQUEST](e,t){let n=e.mediaStreamType.get(t)===b.LIVE,r=!t.options?.noAutoSeekToLive,i=e.mediaTargetLiveWindow.get(t)>0;if(n&&r&&!i){let n=e.mediaSeekable.get(t)?.[1];if(n){let r=n-(t.options?.seekToLiveOffset??0);e.mediaCurrentTime.set(r,t)}}e.mediaPaused.set(!1,t)},[l.MEDIA_PLAYBACK_RATE_REQUEST](e,t,{detail:n}){let r=n;e.mediaPlaybackRate.set(r,t)},[l.MEDIA_MUTE_REQUEST](e,t){e.mediaMuted.set(!0,t)},[l.MEDIA_UNMUTE_REQUEST](e,t){e.mediaVolume.get(t)||e.mediaVolume.set(.25,t),e.mediaMuted.set(!1,t)},[l.MEDIA_LOOP_REQUEST](e,t,{detail:n}){let r=!!n;return e.mediaLoop.set(r,t),{mediaLoop:r}},[l.MEDIA_VOLUME_REQUEST](e,t,{detail:n}){let r=n;r&&e.mediaMuted.get(t)&&e.mediaMuted.set(!1,t),e.mediaVolume.set(r,t)},[l.MEDIA_SEEK_REQUEST](e,t,{detail:n}){let r=n;e.mediaCurrentTime.set(r,t)},[l.MEDIA_SEEK_TO_LIVE_REQUEST](e,t){let n=e.mediaSeekable.get(t)?.[1];if(Number.isNaN(Number(n)))return;let r=n-(t.options?.seekToLiveOffset??0);e.mediaCurrentTime.set(r,t)},[l.MEDIA_SHOW_SUBTITLES_REQUEST](e,t,{detail:n}){let{options:r}=t,i=nr(t),a=On(n),o=a[0]?.language;o&&!r.noSubtitlesLangPref&&S.localStorage.setItem(`media-chrome-pref-subtitles-lang`,o),Nn(_.SHOWING,i,a)},[l.MEDIA_DISABLE_SUBTITLES_REQUEST](e,t,{detail:n}){let r=nr(t),i=n??[];Nn(_.DISABLED,r,i)},[l.MEDIA_TOGGLE_SUBTITLES_REQUEST](e,t,{detail:n}){ir(t,n)},[l.MEDIA_RENDITION_REQUEST](e,t,{detail:n}){let r=n;e.mediaRenditionSelected.set(r,t)},[l.MEDIA_AUDIO_TRACK_REQUEST](e,t,{detail:n}){let r=n;e.mediaAudioTrackEnabled.set(r,t)},[l.MEDIA_ENTER_PIP_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsPip.set(!0,t)},[l.MEDIA_EXIT_PIP_REQUEST](e,t){e.mediaIsPip.set(!1,t)},[l.MEDIA_ENTER_FULLSCREEN_REQUEST](e,t,n){e.mediaIsPip.get(t)&&e.mediaIsPip.set(!1,t),e.mediaIsFullscreen.set(!0,t,n)},[l.MEDIA_EXIT_FULLSCREEN_REQUEST](e,t){e.mediaIsFullscreen.set(!1,t)},[l.MEDIA_ENTER_CAST_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsCasting.set(!0,t)},[l.MEDIA_EXIT_CAST_REQUEST](e,t){e.mediaIsCasting.set(!1,t)},[l.MEDIA_AIRPLAY_REQUEST](e,t){e.mediaIsAirplaying.set(!0,t)}},hr=({media:e,fullscreenElement:t,documentElement:n,stateMediator:r=pr,requestMap:i=mr,options:a={},monitorStateOwnersOnlyWithSubscriptions:o=!0})=>{let s=[],c={options:{...a}},l=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),u=e=>{e!=null&&(ar(e,l)||(l=Object.freeze({...l,...e}),s.forEach(e=>e(l))))},d=()=>{let e=Object.entries(r).reduce((e,[t,{get:n}])=>(e[t]=n(c),e),{});u(e)},f={},p,m=async(e,t)=>{let n=!!p;if(p={...c,...p??{},...e},n)return;await ur(...Object.values(e));let i=s.length>0&&t===0&&o,a=c.media!==p.media,l=c.media?.textTracks!==p.media?.textTracks,m=c.media?.videoRenditions!==p.media?.videoRenditions,h=c.media?.audioTracks!==p.media?.audioTracks,g=c.media?.remote!==p.media?.remote,_=c.documentElement!==p.documentElement,v=!!c.media&&(a||i),y=!!c.media?.textTracks&&(l||i),b=!!c.media?.videoRenditions&&(m||i),ee=!!c.media?.audioTracks&&(h||i),te=!!c.media?.remote&&(g||i),ne=!!c.documentElement&&(_||i),re=v||y||b||ee||te||ne,ie=s.length===0&&t===1&&o,ae=!!p.media&&(a||ie),oe=!!p.media?.textTracks&&(l||ie),se=!!p.media?.videoRenditions&&(m||ie),ce=!!p.media?.audioTracks&&(h||ie),le=!!p.media?.remote&&(g||ie),ue=!!p.documentElement&&(_||ie),de=ae||oe||se||ce||le||ue;re||de?(Object.entries(r).forEach(([e,{get:t,mediaEvents:n=[],textTracksEvents:r=[],videoRenditionsEvents:i=[],audioTracksEvents:a=[],remoteEvents:o=[],rootEvents:s=[],stateOwnersUpdateHandlers:l=[]}])=>{f[e]||(f[e]={});let d=n=>{let r=t(c,n);u({[e]:r})},m;m=f[e].mediaEvents,n.forEach(t=>{m&&v&&(c.media.removeEventListener(t,m),f[e].mediaEvents=void 0),ae&&(p.media.addEventListener(t,d),f[e].mediaEvents=d)}),m=f[e].textTracksEvents,r.forEach(t=>{var n,r;m&&y&&((n=c.media.textTracks)==null||n.removeEventListener(t,m),f[e].textTracksEvents=void 0),oe&&((r=p.media.textTracks)==null||r.addEventListener(t,d),f[e].textTracksEvents=d)}),m=f[e].videoRenditionsEvents,i.forEach(t=>{var n,r;m&&b&&((n=c.media.videoRenditions)==null||n.removeEventListener(t,m),f[e].videoRenditionsEvents=void 0),se&&((r=p.media.videoRenditions)==null||r.addEventListener(t,d),f[e].videoRenditionsEvents=d)}),m=f[e].audioTracksEvents,a.forEach(t=>{var n,r;m&&ee&&((n=c.media.audioTracks)==null||n.removeEventListener(t,m),f[e].audioTracksEvents=void 0),ce&&((r=p.media.audioTracks)==null||r.addEventListener(t,d),f[e].audioTracksEvents=d)}),m=f[e].remoteEvents,o.forEach(t=>{var n,r;m&&te&&((n=c.media.remote)==null||n.removeEventListener(t,m),f[e].remoteEvents=void 0),le&&((r=p.media.remote)==null||r.addEventListener(t,d),f[e].remoteEvents=d)}),m=f[e].rootEvents,s.forEach(t=>{m&&ne&&(c.documentElement.removeEventListener(t,m),f[e].rootEvents=void 0),ue&&(p.documentElement.addEventListener(t,d),f[e].rootEvents=d)});let h=f[e].stateOwnersUpdateHandlers;if(h&&re&&(Array.isArray(h)?h:[h]).forEach(e=>{typeof e==`function`&&e()}),de){let t=l.map(e=>e(d,p)).filter(e=>typeof e==`function`);f[e].stateOwnersUpdateHandlers=t.length===1?t[0]:t}else re&&(f[e].stateOwnersUpdateHandlers=void 0)}),Object.entries(p).forEach(([e,t])=>{c[e]=t}),d(),p=void 0):(Object.entries(p).forEach(([e,t])=>{c[e]=t}),d(),p=void 0)};return m({media:e,fullscreenElement:t,documentElement:n,options:a}),{dispatch(e){let{type:t,detail:n}=e;i[t]&&l.mediaErrorCode==null?u(i[t](r,c,e)):t===`mediaelementchangerequest`?m({media:n}):t===`fullscreenelementchangerequest`?m({fullscreenElement:n}):t===`documentelementchangerequest`?m({documentElement:n}):t===`optionschangerequest`&&(Object.entries(n??{}).forEach(([e,t])=>{c.options[e]=t}),d())},getState(){return l},subscribe(e){return m({},s.length+1),s.push(e),e(l),()=>{let t=s.indexOf(e);t>=0&&(m({},s.length-1),s.splice(t,1))}}}},gr=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},L=(e,t,n)=>(gr(e,t,`read from private field`),n?n.call(e):t.get(e)),R=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},_r=(e,t,n,r)=>(gr(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),vr=(e,t,n)=>(gr(e,t,`access private method`),n),yr,br,z,B,xr,Sr,Cr,wr,Tr,Er,Dr,Or,kr,Ar,jr,Mr,Nr,Pr=[`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`,`Enter`,` `,`f`,`m`,`k`,`c`,`l`,`j`,`>`,`<`,`p`],Fr=10,Ir=.025,Lr=.25,Rr=.25,zr=2,V={DEFAULT_SUBTITLES:`defaultsubtitles`,DEFAULT_STREAM_TYPE:`defaultstreamtype`,DEFAULT_DURATION:`defaultduration`,FULLSCREEN_ELEMENT:`fullscreenelement`,HOTKEYS:`hotkeys`,KEYBOARD_BACKWARD_SEEK_OFFSET:`keyboardbackwardseekoffset`,KEYBOARD_FORWARD_SEEK_OFFSET:`keyboardforwardseekoffset`,KEYBOARD_DOWN_VOLUME_STEP:`keyboarddownvolumestep`,KEYBOARD_UP_VOLUME_STEP:`keyboardupvolumestep`,KEYS_USED:`keysused`,LANG:`lang`,LOOP:`loop`,LIVE_EDGE_OFFSET:`liveedgeoffset`,NO_AUTO_SEEK_TO_LIVE:`noautoseektolive`,NO_DEFAULT_STORE:`nodefaultstore`,NO_HOTKEYS:`nohotkeys`,NO_MUTED_PREF:`nomutedpref`,NO_SUBTITLES_LANG_PREF:`nosubtitleslangpref`,NO_VOLUME_PREF:`novolumepref`,SEEK_TO_LIVE_OFFSET:`seektoliveoffset`},Br=class extends Ot{constructor(){super(),R(this,Tr),R(this,Or),R(this,Ar),R(this,Mr),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,R(this,yr,new wn(this,V.HOTKEYS)),R(this,br,void 0),R(this,z,void 0),R(this,B,null),R(this,xr,void 0),R(this,Sr,void 0),R(this,Cr,e=>{var t;(t=L(this,z))==null||t.dispatch(e)}),R(this,wr,void 0),R(this,Dr,e=>{let{key:t,shiftKey:n}=e;n&&(t===`/`||t===`?`)||Pr.includes(t)?this.keyboardShortcutHandler(e):this.removeEventListener(`keyup`,L(this,Dr))}),this.associateElement(this);let e={};_r(this,xr,t=>{Object.entries(t).forEach(([t,n])=>{if(t in e&&e[t]===n)return;this.propagateMediaState(t,n);let r=t.toLowerCase(),i=new S.CustomEvent(h[r],{composed:!0,detail:n});this.dispatchEvent(i)}),e=t})}static get observedAttributes(){return super.observedAttributes.concat(V.NO_HOTKEYS,V.HOTKEYS,V.DEFAULT_STREAM_TYPE,V.DEFAULT_SUBTITLES,V.DEFAULT_DURATION,V.NO_MUTED_PREF,V.NO_VOLUME_PREF,V.LANG,V.LOOP,V.LIVE_EDGE_OFFSET,V.SEEK_TO_LIVE_OFFSET,V.NO_AUTO_SEEK_TO_LIVE)}get mediaStore(){return L(this,z)}set mediaStore(e){var t;L(this,z)&&((t=L(this,Sr))==null||t.call(this),_r(this,Sr,void 0)),_r(this,z,e),!L(this,z)&&!this.hasAttribute(V.NO_DEFAULT_STORE)?vr(this,Tr,Er).call(this):_r(this,Sr,L(this,z)?.subscribe(L(this,xr)))}get fullscreenElement(){return L(this,br)??this}set fullscreenElement(e){var t;this.hasAttribute(V.FULLSCREEN_ELEMENT)&&this.removeAttribute(V.FULLSCREEN_ELEMENT),_r(this,br,e),(t=L(this,z))==null||t.dispatch({type:`fullscreenelementchangerequest`,detail:this.fullscreenElement})}get defaultSubtitles(){return D(this,V.DEFAULT_SUBTITLES)}set defaultSubtitles(e){O(this,V.DEFAULT_SUBTITLES,e)}get defaultStreamType(){return k(this,V.DEFAULT_STREAM_TYPE)}set defaultStreamType(e){A(this,V.DEFAULT_STREAM_TYPE,e)}get defaultDuration(){return T(this,V.DEFAULT_DURATION)}set defaultDuration(e){E(this,V.DEFAULT_DURATION,e)}get noHotkeys(){return D(this,V.NO_HOTKEYS)}set noHotkeys(e){O(this,V.NO_HOTKEYS,e)}get keysUsed(){return k(this,V.KEYS_USED)}set keysUsed(e){A(this,V.KEYS_USED,e)}get liveEdgeOffset(){return T(this,V.LIVE_EDGE_OFFSET)}set liveEdgeOffset(e){E(this,V.LIVE_EDGE_OFFSET,e)}get noAutoSeekToLive(){return D(this,V.NO_AUTO_SEEK_TO_LIVE)}set noAutoSeekToLive(e){O(this,V.NO_AUTO_SEEK_TO_LIVE,e)}get noVolumePref(){return D(this,V.NO_VOLUME_PREF)}set noVolumePref(e){O(this,V.NO_VOLUME_PREF,e)}get noMutedPref(){return D(this,V.NO_MUTED_PREF)}set noMutedPref(e){O(this,V.NO_MUTED_PREF,e)}get noSubtitlesLangPref(){return D(this,V.NO_SUBTITLES_LANG_PREF)}set noSubtitlesLangPref(e){O(this,V.NO_SUBTITLES_LANG_PREF,e)}get noDefaultStore(){return D(this,V.NO_DEFAULT_STORE)}set noDefaultStore(e){O(this,V.NO_DEFAULT_STORE,e)}get resolvedLang(){return pe()}attributeChangedCallback(e,t,n){var r,i,a,o,s,c,u,d,f,p;if(super.attributeChangedCallback(e,t,n),e===V.NO_HOTKEYS)n!==t&&n===``?(this.hasAttribute(V.HOTKEYS)&&console.warn("Media Chrome: Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):n!==t&&n===null&&this.enableHotkeys(),vr(this,Ar,jr).call(this);else if(e===V.HOTKEYS)L(this,yr).value=n,vr(this,Ar,jr).call(this);else if(e===V.DEFAULT_SUBTITLES&&n!==t)(r=L(this,z))==null||r.dispatch({type:`optionschangerequest`,detail:{defaultSubtitles:this.hasAttribute(V.DEFAULT_SUBTITLES)}});else if(e===V.DEFAULT_STREAM_TYPE)(i=L(this,z))==null||i.dispatch({type:`optionschangerequest`,detail:{defaultStreamType:this.getAttribute(V.DEFAULT_STREAM_TYPE)??void 0}});else if(e===V.LIVE_EDGE_OFFSET&&n!==t)(a=L(this,z))==null||a.dispatch({type:`optionschangerequest`,detail:{liveEdgeOffset:this.hasAttribute(V.LIVE_EDGE_OFFSET)?+this.getAttribute(V.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(V.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(V.SEEK_TO_LIVE_OFFSET):this.hasAttribute(V.LIVE_EDGE_OFFSET)?+this.getAttribute(V.LIVE_EDGE_OFFSET):void 0}});else if(e===V.SEEK_TO_LIVE_OFFSET&&n!==t)(o=L(this,z))==null||o.dispatch({type:`optionschangerequest`,detail:{seekToLiveOffset:this.hasAttribute(V.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(V.SEEK_TO_LIVE_OFFSET):this.hasAttribute(V.LIVE_EDGE_OFFSET)?+this.getAttribute(V.LIVE_EDGE_OFFSET):void 0}});else if(e===V.NO_AUTO_SEEK_TO_LIVE)(s=L(this,z))==null||s.dispatch({type:`optionschangerequest`,detail:{noAutoSeekToLive:this.hasAttribute(V.NO_AUTO_SEEK_TO_LIVE)}});else if(e===V.FULLSCREEN_ELEMENT){let e=n?this.getRootNode()?.getElementById(n):void 0;_r(this,br,e),(c=L(this,z))==null||c.dispatch({type:`fullscreenelementchangerequest`,detail:this.fullscreenElement})}else e===V.LANG&&n!==t?(de(n),(u=L(this,z))==null||u.dispatch({type:`optionschangerequest`,detail:{mediaLang:n}})):e===V.LOOP&&n!==t?(d=L(this,z))==null||d.dispatch({type:l.MEDIA_LOOP_REQUEST,detail:n!=null}):e===V.NO_VOLUME_PREF&&n!==t?(f=L(this,z))==null||f.dispatch({type:`optionschangerequest`,detail:{noVolumePref:this.hasAttribute(V.NO_VOLUME_PREF)}}):e===V.NO_MUTED_PREF&&n!==t&&((p=L(this,z))==null||p.dispatch({type:`optionschangerequest`,detail:{noMutedPref:this.hasAttribute(V.NO_MUTED_PREF)}}))}connectedCallback(){var e,t;this.associateElement(this),!L(this,z)&&!this.hasAttribute(V.NO_DEFAULT_STORE)&&vr(this,Tr,Er).call(this),(e=L(this,z))==null||e.dispatch({type:`documentelementchangerequest`,detail:C}),(t=L(this,z))==null||t.dispatch({type:`fullscreenelementchangerequest`,detail:this.fullscreenElement}),super.connectedCallback(),L(this,z)&&!L(this,Sr)&&_r(this,Sr,L(this,z)?.subscribe(L(this,xr))),L(this,wr)!==void 0&&L(this,z)&&this.media&&setTimeout(()=>{var e;this.media?.textTracks?.length&&((e=L(this,z))==null||e.dispatch({type:l.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:L(this,wr)}))},0),this.hasAttribute(V.NO_HOTKEYS)?this.disableHotkeys():this.enableHotkeys()}disconnectedCallback(){var e,t,n,r,i;if((e=super.disconnectedCallback)==null||e.call(this),this.disableHotkeys(),L(this,z)){let e=L(this,z).getState();_r(this,wr,!!e.mediaSubtitlesShowing?.length),(t=L(this,z))==null||t.dispatch({type:`fullscreenelementchangerequest`,detail:void 0}),(n=L(this,z))==null||n.dispatch({type:`documentelementchangerequest`,detail:void 0}),(r=L(this,z))==null||r.dispatch({type:l.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})}L(this,Sr)&&((i=L(this,Sr))==null||i.call(this),_r(this,Sr,void 0)),this.unassociateElement(this),L(this,B)&&(L(this,B).remove(),_r(this,B,null))}mediaSetCallback(e){var t;super.mediaSetCallback(e),(t=L(this,z))==null||t.dispatch({type:`mediaelementchangerequest`,detail:e}),e.hasAttribute(`tabindex`)||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),(t=L(this,z))==null||t.dispatch({type:`mediaelementchangerequest`,detail:void 0})}propagateMediaState(e,t){Zr(this.mediaStateReceivers,e,t)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let n=Qr(e,this.registerMediaStateReceiver.bind(this),this.unregisterMediaStateReceiver.bind(this));Object.values(l).forEach(t=>{e.addEventListener(t,L(this,Cr))}),t.set(e,n)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;t.has(e)&&(t.get(e)(),t.delete(e),Object.values(l).forEach(t=>{e.removeEventListener(t,L(this,Cr))}))}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),L(this,z)&&Object.entries(L(this,z).getState()).forEach(([t,n])=>{Zr([e],t,n)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,n=t.indexOf(e);n<0||t.splice(n,1)}enableHotkeys(){this.addEventListener(`keydown`,vr(this,Or,kr))}disableHotkeys(){this.removeEventListener(`keydown`,vr(this,Or,kr)),this.removeEventListener(`keyup`,L(this,Dr))}get hotkeys(){return L(this,yr)}set hotkeys(e){A(this,V.HOTKEYS,e)}keyboardShortcutHandler(e){let t=e.target;if((t.getAttribute(V.KEYS_USED)?.split(` `)??t?.keysUsed??[]).map(e=>e===`Space`?` `:e).filter(Boolean).includes(e.key))return;let n,r,i;if(!L(this,yr).contains(ln(e.key))&&(!e.shiftKey||e.key!==`/`&&e.key!==`?`||!L(this,yr).contains(`noshift+/`)))switch(e.key){case` `:case`k`:n=L(this,z).getState().mediaPaused?l.MEDIA_PLAY_REQUEST:l.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new S.CustomEvent(n,{composed:!0,bubbles:!0}));break;case`m`:n=this.mediaStore.getState().mediaVolumeLevel===`off`?l.MEDIA_UNMUTE_REQUEST:l.MEDIA_MUTE_REQUEST,this.dispatchEvent(new S.CustomEvent(n,{composed:!0,bubbles:!0}));break;case`f`:n=this.mediaStore.getState().mediaIsFullscreen?l.MEDIA_EXIT_FULLSCREEN_REQUEST:l.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new S.CustomEvent(n,{composed:!0,bubbles:!0}));break;case`c`:this.dispatchEvent(new S.CustomEvent(l.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}));break;case`ArrowLeft`:case`j`:{let e=this.hasAttribute(V.KEYBOARD_BACKWARD_SEEK_OFFSET)?+this.getAttribute(V.KEYBOARD_BACKWARD_SEEK_OFFSET):Fr;r=Math.max((this.mediaStore.getState().mediaCurrentTime??0)-e,0),i=new S.CustomEvent(l.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:r}),this.dispatchEvent(i);break}case`ArrowRight`:case`l`:{let e=this.hasAttribute(V.KEYBOARD_FORWARD_SEEK_OFFSET)?+this.getAttribute(V.KEYBOARD_FORWARD_SEEK_OFFSET):Fr;r=Math.max((this.mediaStore.getState().mediaCurrentTime??0)+e,0),i=new S.CustomEvent(l.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:r}),this.dispatchEvent(i);break}case`ArrowUp`:{let e=this.hasAttribute(V.KEYBOARD_UP_VOLUME_STEP)?+this.getAttribute(V.KEYBOARD_UP_VOLUME_STEP):Ir;r=Math.min((this.mediaStore.getState().mediaVolume??1)+e,1),i=new S.CustomEvent(l.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:r}),this.dispatchEvent(i);break}case`ArrowDown`:{let e=this.hasAttribute(V.KEYBOARD_DOWN_VOLUME_STEP)?+this.getAttribute(V.KEYBOARD_DOWN_VOLUME_STEP):Ir;r=Math.max((this.mediaStore.getState().mediaVolume??1)-e,0),i=new S.CustomEvent(l.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:r}),this.dispatchEvent(i);break}case`<`:{let e=this.mediaStore.getState().mediaPlaybackRate??1;r=Math.max(e-Lr,Rr).toFixed(2),i=new S.CustomEvent(l.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:r}),this.dispatchEvent(i);break}case`>`:{let e=this.mediaStore.getState().mediaPlaybackRate??1;r=Math.min(e+Lr,zr).toFixed(2),i=new S.CustomEvent(l.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:r}),this.dispatchEvent(i);break}case`/`:case`?`:e.shiftKey&&vr(this,Mr,Nr).call(this);break;case`p`:n=this.mediaStore.getState().mediaIsPip?l.MEDIA_EXIT_PIP_REQUEST:l.MEDIA_ENTER_PIP_REQUEST,i=new S.CustomEvent(n,{composed:!0,bubbles:!0}),this.dispatchEvent(i)}}};yr=new WeakMap,br=new WeakMap,z=new WeakMap,B=new WeakMap,xr=new WeakMap,Sr=new WeakMap,Cr=new WeakMap,wr=new WeakMap,Tr=new WeakSet,Er=function(){this.mediaStore=hr({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(V.DEFAULT_SUBTITLES),defaultDuration:this.hasAttribute(V.DEFAULT_DURATION)?+this.getAttribute(V.DEFAULT_DURATION):void 0,defaultStreamType:this.getAttribute(V.DEFAULT_STREAM_TYPE)??void 0,liveEdgeOffset:this.hasAttribute(V.LIVE_EDGE_OFFSET)?+this.getAttribute(V.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(V.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(V.SEEK_TO_LIVE_OFFSET):this.hasAttribute(V.LIVE_EDGE_OFFSET)?+this.getAttribute(V.LIVE_EDGE_OFFSET):void 0,noAutoSeekToLive:this.hasAttribute(V.NO_AUTO_SEEK_TO_LIVE),noVolumePref:this.hasAttribute(V.NO_VOLUME_PREF),noMutedPref:this.hasAttribute(V.NO_MUTED_PREF),noSubtitlesLangPref:this.hasAttribute(V.NO_SUBTITLES_LANG_PREF)}})},Dr=new WeakMap,Or=new WeakSet,kr=function(e){let{metaKey:t,altKey:n,key:r,shiftKey:i}=e,a=i&&(r===`/`||r===`?`);if(a&&L(this,B)?.open||t||n||!a&&!Pr.includes(r)){this.removeEventListener(`keyup`,L(this,Dr));return}let o=e.target,s=o instanceof HTMLElement&&(o.tagName.toLowerCase()===`media-volume-range`||o.tagName.toLowerCase()===`media-time-range`);[` `,`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`].includes(r)&&!L(this,yr).contains(ln(r))&&!s&&e.preventDefault(),this.addEventListener(`keyup`,L(this,Dr),{once:!0})},Ar=new WeakSet,jr=function(){L(this,B)&&(L(this,B).hotkeys=L(this,yr).value||void 0,(this.noHotkeys||L(this,yr).contains(`noshift+/`))&&(L(this,B).open=!1))},Mr=new WeakSet,Nr=function(){L(this,B)||(_r(this,B,C.createElement(`media-keyboard-shortcuts-dialog`)),vr(this,Ar,jr).call(this),this.appendChild(L(this,B))),L(this,B).open=!0};var Vr=Object.values(p),Hr=Object.values(d),Ur=e=>{var t;let{observedAttributes:n}=e.constructor;!n&&e.nodeName?.includes(`-`)&&(S.customElements.upgrade(e),{observedAttributes:n}=e.constructor);let r=((t=(e?.getAttribute)?.call(e,u.MEDIA_CHROME_ATTRIBUTES))?.split)?.call(t,/\s+/);return Array.isArray(n||r)?(n||r).filter(e=>Vr.includes(e)):[]},Wr=e=>(e.nodeName?.includes(`-`)&&S.customElements.get(e.nodeName?.toLowerCase())&&!(e instanceof S.customElements.get(e.nodeName.toLowerCase()))&&S.customElements.upgrade(e),Hr.some(t=>t in e)),Gr=e=>Wr(e)||!!Ur(e).length,Kr=e=>(e?.join)?.call(e,`:`),qr={[p.MEDIA_SUBTITLES_LIST]:An,[p.MEDIA_SUBTITLES_SHOWING]:An,[p.MEDIA_SEEKABLE]:Kr,[p.MEDIA_BUFFERED]:e=>e?.map(Kr).join(` `),[p.MEDIA_PREVIEW_COORDS]:e=>e?.join(` `),[p.MEDIA_RENDITION_LIST]:te,[p.MEDIA_AUDIO_TRACK_LIST]:re},Jr=async(e,t,n)=>{if(e.isConnected||await oe(0),typeof n==`boolean`||n==null)return O(e,t,n);if(typeof n==`number`)return E(e,t,n);if(typeof n==`string`)return A(e,t,n);if(Array.isArray(n)&&!n.length)return e.removeAttribute(t);let r=qr[t]?.call(qr,n)??n;return e.setAttribute(t,r)},Yr=e=>!!e.closest?.call(e,`*[slot="media"]`),Xr=(e,t)=>{if(Yr(e))return;let n=(e,t)=>{Gr(e)&&t(e);let{children:n=[]}=e??{},r=e?.shadowRoot?.children??[];[...n,...r].forEach(e=>Xr(e,t))},r=e?.nodeName.toLowerCase();r.includes(`-`)&&!Gr(e)?S.customElements.whenDefined(r).then(()=>{n(e,t)}):n(e,t)},Zr=(e,t,n)=>{e.forEach(e=>{if(t in e){e[t]=n;return}let r=Ur(e),i=t.toLowerCase();r.includes(i)&&Jr(e,i,n)})},Qr=(e,t,n)=>{Xr(e,t);let r=e=>{t(e?.composedPath()[0]??e.target)},i=e=>{n(e?.composedPath()[0]??e.target)};e.addEventListener(l.REGISTER_MEDIA_STATE_RECEIVER,r),e.addEventListener(l.UNREGISTER_MEDIA_STATE_RECEIVER,i);let a=e=>{e.forEach(e=>{let{addedNodes:r=[],removedNodes:i=[],type:a,target:o,attributeName:s}=e;a===`childList`?(Array.prototype.forEach.call(r,e=>Xr(e,t)),Array.prototype.forEach.call(i,e=>Xr(e,n))):a===`attributes`&&s===u.MEDIA_CHROME_ATTRIBUTES&&(Gr(o)?t(o):n(o))})},o=[],s=e=>{let r=e.target;r.name!==`media`&&(o.forEach(e=>Xr(e,n)),o=[...r.assignedElements({flatten:!0})],o.forEach(e=>Xr(e,t)))};e.addEventListener(`slotchange`,s);let c=new MutationObserver(a);return c.observe(e,{childList:!0,attributes:!0,subtree:!0}),()=>{Xr(e,n),e.removeEventListener(`slotchange`,s),c.disconnect(),e.removeEventListener(l.REGISTER_MEDIA_STATE_RECEIVER,r),e.removeEventListener(l.UNREGISTER_MEDIA_STATE_RECEIVER,i)}};S.customElements.get(`media-controller`)||S.customElements.define(`media-controller`,Br);var $r=Br,ei={PLACEMENT:`placement`,BOUNDS:`bounds`};function ti(e){return`
+    <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);
+      }
+
+      :host([hidden]) {
+        display: none;
+      }
+
+      img, svg {
+        display: inline-block;
+      }
+
+      #arrow {
+        position: absolute;
+        width: 0px;
+        height: 0px;
+        border-style: solid;
+        display: var(--media-tooltip-arrow-display, block);
+      }
+
+      :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);
+      }
+
+      :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%);
+      }
+
+      :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);
+      }
+
+      :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;
+      }
+    </style>
+    <slot></slot>
+    <div id="arrow"></div>
+  `}var ni=class extends S.HTMLElement{constructor(){if(super(),this.updateXOffset=()=>{if(!Ve(this,{checkOpacity:!1,checkVisibilityCSS:!1}))return;let e=this.placement;if(e===`left`||e===`right`){this.style.removeProperty(`--media-tooltip-offset-x`);return}let t=getComputedStyle(this),n=Re(this,`#`+this.bounds)??Me(this);if(!n)return;let{x:r,width:i}=n.getBoundingClientRect(),{x:a,width:o}=this.getBoundingClientRect(),s=a+o,c=r+i,l=t.getPropertyValue(`--media-tooltip-offset-x`),u=l?parseFloat(l.replace(`px`,``)):0,d=t.getPropertyValue(`--media-tooltip-container-margin`),f=d?parseFloat(d.replace(`px`,``)):0,p=a-r+u-f,m=s-c+u+f;p<0?this.style.setProperty(`--media-tooltip-offset-x`,`${p}px`):m>0?this.style.setProperty(`--media-tooltip-offset-x`,`${m}px`):this.style.removeProperty(`--media-tooltip-offset-x`)},!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}if(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[ei.PLACEMENT,ei.BOUNDS]}get placement(){return k(this,ei.PLACEMENT)}set placement(e){A(this,ei.PLACEMENT,e)}get bounds(){return k(this,ei.BOUNDS)}set bounds(e){A(this,ei.BOUNDS,e)}};ni.shadowRootOptions={mode:`open`},ni.getTemplateHTML=ti,S.customElements.get(`media-tooltip`)||S.customElements.define(`media-tooltip`,ni);var ri=ni,ii=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},H=(e,t,n)=>(ii(e,t,`read from private field`),n?n.call(e):t.get(e)),ai=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},oi=(e,t,n,r)=>(ii(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),si=(e,t,n)=>(ii(e,t,`access private method`),n),ci,li,ui,di,fi,pi,mi,hi,gi,_i={TOOLTIP_PLACEMENT:`tooltipplacement`,DISABLED:`disabled`,NO_TOOLTIP:`notooltip`};function vi(e,t={}){return`
+    <style>
+      :host {
+        position: relative;
+        font: var(--media-font,
+          var(--media-font-weight, bold)
+          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-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
+        padding: var(--media-button-padding, var(--media-control-padding, 10px));
+        justify-content: var(--media-button-justify-content, center);
+        display: inline-flex;
+        align-items: center;
+        vertical-align: middle;
+        box-sizing: border-box;
+        transition: background .15s linear;
+        pointer-events: auto;
+        cursor: var(--media-cursor, pointer);
+        -webkit-tap-highlight-color: transparent;
+      }
+
+      
+      :host(:focus-visible) {
+        box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
+        outline: 0;
+      }
+      
+      :host(:where(:focus)) {
+        box-shadow: none;
+        outline: 0;
+      }
+
+      :host(:hover) {
+        background: var(--media-control-hover-background, rgba(50 50 70 / .7));
+      }
+
+      slot[name="icon"] {
+        display: inline-flex;
+        align-items: center;
+      }
+
+      svg, img, ::slotted(svg), ::slotted(img) {
+        width: var(--media-button-icon-width);
+        height: var(--media-button-icon-height, var(--media-control-height, 24px));
+        transform: var(--media-button-icon-transform);
+        transition: var(--media-button-icon-transition);
+        fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
+        vertical-align: middle;
+        max-width: 100%;
+        max-height: 100%;
+        min-width: 100%;
+      }
+
+      media-tooltip {
+        
+        max-width: 0;
+        overflow-x: clip;
+        opacity: 0;
+        transition: opacity .3s, max-width 0s 9s;
+      }
+
+      :host(:hover) media-tooltip,
+      :host(:focus-visible) media-tooltip {
+        max-width: 100vw;
+        opacity: 1;
+        transition: opacity .3s;
+      }
+
+      :host([notooltip]) slot[name="tooltip"] {
+        display: none;
+      }
+    </style>
+
+    ${this.getSlotTemplateHTML(e,t)}
+
+    <slot name="tooltip">
+      <media-tooltip part="tooltip" aria-hidden="true">
+        <template shadowrootmode="${ri.shadowRootOptions.mode}">
+          ${ri.getTemplateHTML({})}
+        </template>
+        <slot name="tooltip-content">
+          ${this.getTooltipContentHTML(e)}
+        </slot>
+      </media-tooltip>
+    </slot>
+  `}function yi(e,t){return`
+    <slot></slot>
+  `}function bi(){return``}var U=class extends S.HTMLElement{constructor(){if(super(),ai(this,ui),ai(this,hi),ai(this,ci,void 0),this.preventClick=!1,this.tooltipEl=null,ai(this,li,e=>{this.preventClick||this.handleClick(e),setTimeout(H(this,fi),0)}),ai(this,fi,()=>{var e,t;(t=(e=this.tooltipEl)?.updateXOffset)==null||t.call(e)}),ai(this,pi,e=>{let{key:t}=e;this.keysUsed.includes(t)?this.preventClick||this.handleClick(e):this.removeEventListener(`keyup`,H(this,pi))}),ai(this,mi,e=>{let{metaKey:t,altKey:n,key:r}=e;t||n||!this.keysUsed.includes(r)?this.removeEventListener(`keyup`,H(this,pi)):this.addEventListener(`keyup`,H(this,pi),{once:!0})}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.tooltipEl=this.shadowRoot.querySelector(`media-tooltip`)}static get observedAttributes(){return[`disabled`,_i.TOOLTIP_PLACEMENT,u.MEDIA_CONTROLLER,p.MEDIA_LANG]}enable(){this.addEventListener(`click`,H(this,li)),this.addEventListener(`keydown`,H(this,mi)),this.tabIndex=0}disable(){this.removeEventListener(`click`,H(this,li)),this.removeEventListener(`keydown`,H(this,mi)),this.removeEventListener(`keyup`,H(this,pi)),this.tabIndex=-1}attributeChangedCallback(e,t,n){var r,i,a,o;e===u.MEDIA_CONTROLLER?(t&&((i=(r=H(this,ci))?.unassociateElement)==null||i.call(r,this),oi(this,ci,null)),n&&this.isConnected&&(oi(this,ci,this.getRootNode()?.getElementById(n)),(o=(a=H(this,ci))?.associateElement)==null||o.call(a,this))):e===`disabled`&&n!==t?n==null?this.enable():this.disable():e===_i.TOOLTIP_PLACEMENT&&this.tooltipEl&&n!==t?this.tooltipEl.placement=n:e===p.MEDIA_LANG&&(this.shadowRoot.querySelector(`slot[name="tooltip-content"]`).innerHTML=this.constructor.getTooltipContentHTML()),si(this,ui,di).call(this)&&H(this,fi).call(this)}connectedCallback(){var e,t;let{style:n}=w(this.shadowRoot,`:host`);n.setProperty(`display`,`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),this.hasAttribute(`disabled`)?this.disable():this.enable(),this.setAttribute(`role`,`button`);let r=this.getAttribute(u.MEDIA_CONTROLLER);r&&(oi(this,ci,this.getRootNode()?.getElementById(r)),(t=(e=H(this,ci))?.associateElement)==null||t.call(e,this)),S.customElements.whenDefined(`media-tooltip`).then(()=>si(this,hi,gi).call(this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=H(this,ci))?.unassociateElement)==null||t.call(e,this),oi(this,ci,null),this.removeEventListener(`mouseenter`,H(this,fi)),this.removeEventListener(`focus`,H(this,fi)),this.removeEventListener(`click`,H(this,li))}get keysUsed(){return[`Enter`,` `]}get tooltipPlacement(){return k(this,_i.TOOLTIP_PLACEMENT)}set tooltipPlacement(e){A(this,_i.TOOLTIP_PLACEMENT,e)}get mediaController(){return k(this,u.MEDIA_CONTROLLER)}set mediaController(e){A(this,u.MEDIA_CONTROLLER,e)}get disabled(){return D(this,_i.DISABLED)}set disabled(e){O(this,_i.DISABLED,e)}get noTooltip(){return D(this,_i.NO_TOOLTIP)}set noTooltip(e){O(this,_i.NO_TOOLTIP,e)}handleClick(e){}};ci=new WeakMap,li=new WeakMap,ui=new WeakSet,di=function(){try{return this.matches(`:hover, :focus-visible`)}catch{return this.matches(`:hover, :focus`)}},fi=new WeakMap,pi=new WeakMap,mi=new WeakMap,hi=new WeakSet,gi=function(){this.addEventListener(`mouseenter`,H(this,fi)),this.addEventListener(`focus`,H(this,fi)),this.addEventListener(`click`,H(this,li));let e=this.tooltipPlacement;e&&this.tooltipEl&&(this.tooltipEl.placement=e)},U.shadowRootOptions={mode:`open`},U.getTemplateHTML=vi,U.getSlotTemplateHTML=yi,U.getTooltipContentHTML=bi,S.customElements.get(`media-chrome-button`)||S.customElements.define(`media-chrome-button`,U);var xi=U,Si=`<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>
+`;function Ci(e){return`
+    <style>
+      :host([${p.MEDIA_IS_AIRPLAYING}]) slot[name=icon] slot:not([name=exit]) {
+        display: none !important;
+      }
+
+      
+      :host(:not([${p.MEDIA_IS_AIRPLAYING}])) slot[name=icon] slot:not([name=enter]) {
+        display: none !important;
+      }
+
+      :host([${p.MEDIA_IS_AIRPLAYING}]) slot[name=tooltip-enter],
+      :host(:not([${p.MEDIA_IS_AIRPLAYING}])) slot[name=tooltip-exit] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="enter">${Si}</slot>
+      <slot name="exit">${Si}</slot>
+    </slot>
+  `}function wi(){return`
+    <slot name="tooltip-enter">${x(`start airplay`)}</slot>
+    <slot name="tooltip-exit">${x(`stop airplay`)}</slot>
+  `}var Ti=e=>{let t=e.mediaIsAirplaying?x(`stop airplay`):x(`start airplay`);e.setAttribute(`aria-label`,t)},Ei=class extends U{static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_IS_AIRPLAYING,p.MEDIA_AIRPLAY_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Ti(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===p.MEDIA_IS_AIRPLAYING&&Ti(this)}get mediaIsAirplaying(){return D(this,p.MEDIA_IS_AIRPLAYING)}set mediaIsAirplaying(e){O(this,p.MEDIA_IS_AIRPLAYING,e)}get mediaAirplayUnavailable(){return k(this,p.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){A(this,p.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new S.CustomEvent(l.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};Ei.getSlotTemplateHTML=Ci,Ei.getTooltipContentHTML=wi,S.customElements.get(`media-airplay-button`)||S.customElements.define(`media-airplay-button`,Ei);var Di=Ei,Oi=`<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>`,ki=`<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>`;function Ai(e){return`
+    <style>
+      :host([aria-checked="true"]) slot[name=off] {
+        display: none !important;
+      }
+
+      
+      :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">${Oi}</slot>
+      <slot name="off">${ki}</slot>
+    </slot>
+  `}function ji(){return`
+    <slot name="tooltip-enable">${x(`Enable captions`)}</slot>
+    <slot name="tooltip-disable">${x(`Disable captions`)}</slot>
+  `}var Mi=e=>{e.setAttribute(`aria-checked`,Fn(e).toString())},Ni=class extends U{static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_SUBTITLES_LIST,p.MEDIA_SUBTITLES_SHOWING]}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`button`),this.setAttribute(`aria-label`,x(`closed captions`)),Mi(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===p.MEDIA_SUBTITLES_SHOWING&&Mi(this)}get mediaSubtitlesList(){return Pi(this,p.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Fi(this,p.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Pi(this,p.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Fi(this,p.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new S.CustomEvent(l.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}};Ni.getSlotTemplateHTML=Ai,Ni.getTooltipContentHTML=ji;var Pi=(e,t)=>{let n=e.getAttribute(t);return n?Dn(n):[]},Fi=(e,t,n)=>{if(!n?.length){e.removeAttribute(t);return}let r=An(n);e.getAttribute(t)!==r&&e.setAttribute(t,r)};S.customElements.get(`media-captions-button`)||S.customElements.define(`media-captions-button`,Ni);var Ii=Ni,Li=`<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>`,Ri=`<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>`;function zi(e){return`
+    <style>
+      :host([${p.MEDIA_IS_CASTING}]) slot[name=icon] slot:not([name=exit]) {
+        display: none !important;
+      }
+
+      
+      :host(:not([${p.MEDIA_IS_CASTING}])) slot[name=icon] slot:not([name=enter]) {
+        display: none !important;
+      }
+
+      :host([${p.MEDIA_IS_CASTING}]) slot[name=tooltip-enter],
+      :host(:not([${p.MEDIA_IS_CASTING}])) slot[name=tooltip-exit] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="enter">${Li}</slot>
+      <slot name="exit">${Ri}</slot>
+    </slot>
+  `}function Bi(){return`
+    <slot name="tooltip-enter">${x(`Start casting`)}</slot>
+    <slot name="tooltip-exit">${x(`Stop casting`)}</slot>
+  `}var Vi=e=>{let t=e.mediaIsCasting?x(`stop casting`):x(`start casting`);e.setAttribute(`aria-label`,t)},Hi=class extends U{static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_IS_CASTING,p.MEDIA_CAST_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Vi(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===p.MEDIA_IS_CASTING&&Vi(this)}get mediaIsCasting(){return D(this,p.MEDIA_IS_CASTING)}set mediaIsCasting(e){O(this,p.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return k(this,p.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){A(this,p.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?l.MEDIA_EXIT_CAST_REQUEST:l.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new S.CustomEvent(e,{composed:!0,bubbles:!0}))}};Hi.getSlotTemplateHTML=zi,Hi.getTooltipContentHTML=Bi,S.customElements.get(`media-cast-button`)||S.customElements.define(`media-cast-button`,Hi);var Ui=Hi,Wi=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},W=(e,t,n)=>(Wi(e,t,`read from private field`),n?n.call(e):t.get(e)),G=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Gi=(e,t,n,r)=>(Wi(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Ki=(e,t,n)=>(Wi(e,t,`access private method`),n),qi,Ji,Yi,Xi,K,Zi,Qi,$i,ea,ta,na,ra,ia,aa,oa,sa,ca,la,ua,da,fa,pa,ma,ha,ga;function _a(e){return`
+    <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: var(--media-cursor, pointer);
+        pointer-events: auto;
+        touch-action: none; 
+      }
+
+      
+      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;
+      }
+
+      #endpoint {
+        right: 0;
+      }
+
+      #container {
+        
+        width: var(--media-range-track-width, 100%);
+        transform: translate(var(--media-range-track-translate-x, 0px), var(--media-range-track-translate-y, 0px));
+        position: relative;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        min-width: 40px;
+      }
+
+      #range {
+        
+        display: var(--media-time-range-hover-display, block);
+        bottom: var(--media-time-range-hover-bottom, 0);
+        height: var(--media-time-range-hover-height, max(100% , 25px));
+        width: 100%;
+        position: absolute;
+        cursor: var(--media-cursor, pointer);
+
+        -webkit-appearance: none; 
+        -webkit-tap-highlight-color: transparent;
+        background: transparent; 
+        margin: 0;
+        z-index: 1;
+      }
+
+      @media (hover: hover) {
+        #range {
+          bottom: var(--media-time-range-hover-bottom, 0);
+          height: var(--media-time-range-hover-height, max(100%, 20px));
+        }
+      }
+
+      
+      
+      #range::-webkit-slider-thumb {
+        -webkit-appearance: none;
+        background: transparent;
+        width: .1px;
+        height: .1px;
+      }
+
+      
+      #range::-moz-range-thumb {
+        background: transparent;
+        border: transparent;
+        width: .1px;
+        height: .1px;
+      }
+
+      #appearance {
+        height: var(--media-range-track-height, 4px);
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        width: 100%;
+        position: absolute;
+        
+        will-change: transform;
+      }
+
+      #track {
+        background: var(--media-range-track-background, rgb(255 255 255 / .2));
+        border-radius: var(--media-range-track-border-radius, 1px);
+        border: var(--media-range-track-border, none);
+        outline: var(--media-range-track-outline);
+        outline-offset: var(--media-range-track-outline-offset);
+        backdrop-filter: var(--media-range-track-backdrop-filter);
+        -webkit-backdrop-filter: var(--media-range-track-backdrop-filter);
+        box-shadow: var(--media-range-track-box-shadow, none);
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+      }
+
+      #progress,
+      #pointer {
+        position: absolute;
+        height: 100%;
+        will-change: width;
+      }
+
+      #progress {
+        background: var(--media-range-bar-color, var(--media-primary-color, rgb(238 238 238)));
+        transition: var(--media-range-track-transition);
+      }
+
+      #pointer {
+        background: var(--media-range-track-pointer-background);
+        border-right: var(--media-range-track-pointer-border-right);
+        transition: visibility .25s, opacity .25s;
+        visibility: hidden;
+        opacity: 0;
+      }
+
+      @media (hover: hover) {
+        :host(:hover) #pointer {
+          transition: visibility .5s, opacity .5s;
+          visibility: visible;
+          opacity: 1;
+        }
+      }
+
+      #thumb,
+      ::slotted([slot=thumb]) {
+        width: var(--media-range-thumb-width, 10px);
+        height: var(--media-range-thumb-height, 10px);
+        transition: var(--media-range-thumb-transition);
+        transform: var(--media-range-thumb-transform, none);
+        opacity: var(--media-range-thumb-opacity, 1);
+        translate: -50%;
+        position: absolute;
+        left: 0;
+        cursor: var(--media-cursor, pointer);
+      }
+
+      #thumb {
+        border-radius: var(--media-range-thumb-border-radius, 10px);
+        background: var(--media-range-thumb-background, var(--media-primary-color, rgb(238 238 238)));
+        box-shadow: var(--media-range-thumb-box-shadow, 1px 1px 1px transparent);
+        border: var(--media-range-thumb-border, none);
+      }
+
+      :host([disabled]) #thumb {
+        background-color: #777;
+      }
+
+      .segments #appearance {
+        height: var(--media-range-segment-hover-height, 7px);
+      }
+
+      #track {
+        clip-path: url(#segments-clipping);
+      }
+
+      #segments {
+        --segments-gap: var(--media-range-segments-gap, 2px);
+        position: absolute;
+        width: 100%;
+        height: 100%;
+      }
+
+      #segments-clipping {
+        transform: translateX(calc(var(--segments-gap) / 2));
+      }
+
+      #segments-clipping:empty {
+        display: none;
+      }
+
+      #segments-clipping rect {
+        height: var(--media-range-track-height, 4px);
+        y: calc((var(--media-range-segment-hover-height, 7px) - var(--media-range-track-height, 4px)) / 2);
+        transition: var(--media-range-segment-transition, transform .1s ease-in-out);
+        transform: var(--media-range-segment-transform, scaleY(1));
+        transform-origin: center;
+      }
+
+      /* Visible label for accessibility - positioned off-screen but technically visible (Firefox requires visible labels) */
+      #range-label {
+        position: absolute;
+        left: -10000px;
+        background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
+        pointer-events: none;
+      }
+    </style>
+    <div id="leftgap"></div>
+    <div id="container">
+      <div id="startpoint"></div>
+      <div id="endpoint"></div>
+      <div id="appearance">
+        <div id="track" part="track">
+          <div id="pointer"></div>
+          <div id="progress" part="progress"></div>
+        </div>
+        <slot name="thumb">
+          <div id="thumb" part="thumb"></div>
+        </slot>
+        <svg id="segments" aria-hidden="true"><clipPath id="segments-clipping"></clipPath></svg>
+      </div>
+        <input id="range" type="range" min="0" max="1" step="any" value="0">
+        <label for="range" id="range-label"></label>
+
+      ${this.getContainerTemplateHTML(e)}
+    </div>
+    <div id="rightgap"></div>
+  `}function va(e){return``}var ya=class extends S.HTMLElement{constructor(){if(super(),G(this,ta),G(this,ra),G(this,aa),G(this,sa),G(this,la),G(this,da),G(this,pa),G(this,ha),G(this,qi,void 0),G(this,Ji,void 0),G(this,Yi,void 0),G(this,Xi,void 0),G(this,K,{}),G(this,Zi,[]),G(this,Qi,()=>{if(this.range.matches(`:focus-visible`)){let{style:e}=w(this.shadowRoot,`:host`);e.setProperty(`--_focus-visible-box-shadow`,`var(--_focus-box-shadow)`)}}),G(this,$i,()=>{let{style:e}=w(this.shadowRoot,`:host`);e.removeProperty(`--_focus-visible-box-shadow`)}),G(this,ea,()=>{let e=this.shadowRoot.querySelector(`#segments-clipping`);e&&e.parentNode.append(e)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.container=this.shadowRoot.querySelector(`#container`),Gi(this,Yi,this.shadowRoot.querySelector(`#startpoint`)),Gi(this,Xi,this.shadowRoot.querySelector(`#endpoint`)),this.range=this.shadowRoot.querySelector(`#range`),this.appearance=this.shadowRoot.querySelector(`#appearance`)}static get observedAttributes(){return[`disabled`,`aria-disabled`,u.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,n){var r,i,a,o;e===u.MEDIA_CONTROLLER?(t&&((i=(r=W(this,qi))?.unassociateElement)==null||i.call(r,this),Gi(this,qi,null)),n&&this.isConnected&&(Gi(this,qi,this.getRootNode()?.getElementById(n)),(o=(a=W(this,qi))?.associateElement)==null||o.call(a,this))):(e===`disabled`||e===`aria-disabled`&&t!==n)&&(n==null?(this.range.removeAttribute(e),Ki(this,ra,ia).call(this)):(this.range.setAttribute(e,n),Ki(this,aa,oa).call(this)))}connectedCallback(){var e,t;let{style:n}=w(this.shadowRoot,`:host`);n.setProperty(`display`,`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),W(this,K).pointer=w(this.shadowRoot,`#pointer`),W(this,K).progress=w(this.shadowRoot,`#progress`),W(this,K).thumb=w(this.shadowRoot,`#thumb, ::slotted([slot="thumb"])`),W(this,K).activeSegment=w(this.shadowRoot,`#segments-clipping rect:nth-child(0)`);let r=this.getAttribute(u.MEDIA_CONTROLLER);r&&(Gi(this,qi,this.getRootNode()?.getElementById(r)),(t=(e=W(this,qi))?.associateElement)==null||t.call(e,this)),this.updateBar(),this.shadowRoot.addEventListener(`focusin`,W(this,Qi)),this.shadowRoot.addEventListener(`focusout`,W(this,$i)),Ki(this,ra,ia).call(this),ke(this.container,W(this,ea))}disconnectedCallback(){var e,t;Ki(this,aa,oa).call(this),(t=(e=W(this,qi))?.unassociateElement)==null||t.call(e,this),Gi(this,qi,null),this.shadowRoot.removeEventListener(`focusin`,W(this,Qi)),this.shadowRoot.removeEventListener(`focusout`,W(this,$i)),Ae(this.container,W(this,ea))}updatePointerBar(e){var t;(t=W(this,K).pointer)==null||t.style.setProperty(`width`,`${this.getPointerRatio(e)*100}%`)}updateBar(){var e,t;let n=this.range.valueAsNumber*100;(e=W(this,K).progress)==null||e.style.setProperty(`width`,`${n}%`),(t=W(this,K).thumb)==null||t.style.setProperty(`left`,`${n}%`)}updateSegments(e){let t=this.shadowRoot.querySelector(`#segments-clipping`);if(t.textContent=``,this.container.classList.toggle(`segments`,!!e?.length),!e?.length)return;let n=[...new Set([+this.range.min,...e.flatMap(e=>[e.start,e.end]),+this.range.max])];Gi(this,Zi,[...n]);let r=n.pop();for(let[e,i]of n.entries()){let[a,o]=[e===0,e===n.length-1],s=a?`calc(var(--segments-gap) / -1)`:`${i*100}%`,c=`calc(${((o?r:n[e+1])-i)*100}%${a||o?``:` - var(--segments-gap)`})`,l=C.createElementNS(`http://www.w3.org/2000/svg`,`rect`),u=We(this.shadowRoot,`#segments-clipping rect:nth-child(${e+1})`);u.style.setProperty(`x`,s),u.style.setProperty(`width`,c),t.append(l)}}getPointerRatio(e){return He(e.clientX,e.clientY,W(this,Yi).getBoundingClientRect(),W(this,Xi).getBoundingClientRect())}get dragging(){return this.hasAttribute(`dragging`)}handleEvent(e){switch(e.type){case`pointermove`:Ki(this,ha,ga).call(this,e);break;case`input`:this.updateBar();break;case`pointerenter`:Ki(this,la,ua).call(this,e);break;case`pointerdown`:Ki(this,sa,ca).call(this,e);break;case`pointerup`:Ki(this,da,fa).call(this);break;case`pointerleave`:Ki(this,pa,ma).call(this)}}get keysUsed(){return[`ArrowUp`,`ArrowRight`,`ArrowDown`,`ArrowLeft`]}};qi=new WeakMap,Ji=new WeakMap,Yi=new WeakMap,Xi=new WeakMap,K=new WeakMap,Zi=new WeakMap,Qi=new WeakMap,$i=new WeakMap,ea=new WeakMap,ta=new WeakSet,na=function(e){let t=W(this,K).activeSegment;if(!t)return;let n=this.getPointerRatio(e),r=`#segments-clipping rect:nth-child(${W(this,Zi).findIndex((e,t,r)=>{let i=r[t+1];return i!=null&&n>=e&&n<=i})+1})`;t.selectorText==r&&t.style.transform||(t.selectorText=r,t.style.setProperty(`transform`,`var(--media-range-segment-hover-transform, scaleY(2))`))},ra=new WeakSet,ia=function(){!this.hasAttribute(`disabled`)&&this.isConnected&&(this.addEventListener(`input`,this),this.addEventListener(`pointerdown`,this),this.addEventListener(`pointerenter`,this))},aa=new WeakSet,oa=function(){var e,t;this.removeEventListener(`input`,this),this.removeEventListener(`pointerdown`,this),this.removeEventListener(`pointerenter`,this),this.removeEventListener(`pointerleave`,this),(e=S.window)==null||e.removeEventListener(`pointerup`,this),(t=S.window)==null||t.removeEventListener(`pointermove`,this)},sa=new WeakSet,ca=function(e){var t;Gi(this,Ji,e.composedPath().includes(this.range)),(t=S.window)==null||t.addEventListener(`pointerup`,this,{once:!0})},la=new WeakSet,ua=function(e){var t;e.pointerType!==`mouse`&&Ki(this,sa,ca).call(this,e),this.addEventListener(`pointerleave`,this,{once:!0}),(t=S.window)==null||t.addEventListener(`pointermove`,this)},da=new WeakSet,fa=function(){var e;(e=S.window)==null||e.removeEventListener(`pointerup`,this),this.toggleAttribute(`dragging`,!1),this.range.disabled=this.hasAttribute(`disabled`)},pa=new WeakSet,ma=function(){var e,t;this.removeEventListener(`pointerleave`,this),(e=S.window)==null||e.removeEventListener(`pointermove`,this),this.toggleAttribute(`dragging`,!1),this.range.disabled=this.hasAttribute(`disabled`),(t=W(this,K).activeSegment)==null||t.style.removeProperty(`transform`)},ha=new WeakSet,ga=function(e){(e.pointerType!==`pen`||e.buttons!==0)&&(this.toggleAttribute(`dragging`,e.buttons===1||e.pointerType!==`mouse`),this.updatePointerBar(e),Ki(this,ta,na).call(this,e),this.dragging&&(e.pointerType!==`mouse`||!W(this,Ji))&&(this.range.disabled=!0,this.range.valueAsNumber=this.getPointerRatio(e),this.range.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0}))))},ya.shadowRootOptions={mode:`open`},ya.getTemplateHTML=_a,ya.getContainerTemplateHTML=va,S.customElements.get(`media-chrome-range`)||S.customElements.define(`media-chrome-range`,ya);var ba=ya,xa=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Sa=(e,t,n)=>(xa(e,t,`read from private field`),n?n.call(e):t.get(e)),Ca=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},wa=(e,t,n,r)=>(xa(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Ta;function Ea(e){return`
+    <style>
+      :host {
+        
+        box-sizing: border-box;
+        display: var(--media-control-display, var(--media-control-bar-display, inline-flex));
+        color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
+        --media-loading-indicator-icon-height: 44px;
+      }
+
+      ::slotted(media-time-range),
+      ::slotted(media-volume-range) {
+        min-height: 100%;
+      }
+
+      ::slotted(media-time-range),
+      ::slotted(media-clip-selector) {
+        flex-grow: 1;
+      }
+
+      ::slotted([role="menu"]) {
+        position: absolute;
+      }
+    </style>
+
+    <slot></slot>
+  `}var Da=class extends S.HTMLElement{constructor(){if(super(),Ca(this,Ta,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[u.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,n){var r,i,a,o;e===u.MEDIA_CONTROLLER&&(t&&((i=(r=Sa(this,Ta))?.unassociateElement)==null||i.call(r,this),wa(this,Ta,null)),n&&this.isConnected&&(wa(this,Ta,this.getRootNode()?.getElementById(n)),(o=(a=Sa(this,Ta))?.associateElement)==null||o.call(a,this)))}connectedCallback(){var e,t;let n=this.getAttribute(u.MEDIA_CONTROLLER);n&&(wa(this,Ta,this.getRootNode()?.getElementById(n)),(t=(e=Sa(this,Ta))?.associateElement)==null||t.call(e,this))}disconnectedCallback(){var e,t;(t=(e=Sa(this,Ta))?.unassociateElement)==null||t.call(e,this),wa(this,Ta,null)}};Ta=new WeakMap,Da.shadowRootOptions={mode:`open`},Da.getTemplateHTML=Ea,S.customElements.get(`media-control-bar`)||S.customElements.define(`media-control-bar`,Da);var Oa=Da,ka=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Aa=(e,t,n)=>(ka(e,t,`read from private field`),n?n.call(e):t.get(e)),ja=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Ma=(e,t,n,r)=>(ka(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Na;function Pa(e,t={}){return`
+    <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-text-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))));
+        padding: var(--media-control-padding, 10px);
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        vertical-align: middle;
+        box-sizing: border-box;
+        text-align: center;
+        pointer-events: auto;
+      }
+
+      
+      :host(:focus-visible) {
+        box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
+        outline: 0;
+      }
+
+      
+      :host(:where(:focus)) {
+        box-shadow: none;
+        outline: 0;
+      }
+    </style>
+
+    ${this.getSlotTemplateHTML(e,t)}
+  `}function Fa(e,t){return`
+    <slot></slot>
+  `}var Ia=class extends S.HTMLElement{constructor(){if(super(),ja(this,Na,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[u.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,n){var r,i,a,o;e===u.MEDIA_CONTROLLER&&(t&&((i=(r=Aa(this,Na))?.unassociateElement)==null||i.call(r,this),Ma(this,Na,null)),n&&this.isConnected&&(Ma(this,Na,this.getRootNode()?.getElementById(n)),(o=(a=Aa(this,Na))?.associateElement)==null||o.call(a,this)))}connectedCallback(){var e,t;let{style:n}=w(this.shadowRoot,`:host`);n.setProperty(`display`,`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let r=this.getAttribute(u.MEDIA_CONTROLLER);r&&(Ma(this,Na,this.getRootNode()?.getElementById(r)),(t=(e=Aa(this,Na))?.associateElement)==null||t.call(e,this))}disconnectedCallback(){var e,t;(t=(e=Aa(this,Na))?.unassociateElement)==null||t.call(e,this),Ma(this,Na,null)}};Na=new WeakMap,Ia.shadowRootOptions={mode:`open`},Ia.getTemplateHTML=Pa,Ia.getSlotTemplateHTML=Fa,S.customElements.get(`media-text-display`)||S.customElements.define(`media-text-display`,Ia);var La=Ia,Ra=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},za=(e,t,n)=>(Ra(e,t,`read from private field`),n?n.call(e):t.get(e)),Ba=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Va=(e,t,n,r)=>(Ra(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Ha;function Ua(e,t){return`
+    <slot>${_e(t.mediaDuration)}</slot>
+  `}var Wa=class extends Ia{constructor(){super(),Ba(this,Ha,void 0),Va(this,Ha,this.shadowRoot.querySelector(`slot`)),za(this,Ha).textContent=_e(this.mediaDuration??0)}static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_DURATION]}attributeChangedCallback(e,t,n){e===p.MEDIA_DURATION&&(za(this,Ha).textContent=_e(+n)),super.attributeChangedCallback(e,t,n)}get mediaDuration(){return T(this,p.MEDIA_DURATION)}set mediaDuration(e){E(this,p.MEDIA_DURATION,e)}};Ha=new WeakMap,Wa.getSlotTemplateHTML=Ua,S.customElements.get(`media-duration-display`)||S.customElements.define(`media-duration-display`,Wa);var Ga=Wa,Ka={2:x(`Network Error`),3:x(`Decode Error`),4:x(`Source Not Supported`),5:x(`Encryption Error`)},qa={2:x(`A network error caused the media download to fail.`),3:x(`A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.`),4:x(`An unsupported error occurred. The server or network failed, or your browser does not support this format.`),5:x(`The media is encrypted and there are no keys to decrypt it.`)},Ja=e=>e.code===1?null:{title:Ka[e.code]??`Error ${e.code}`,message:qa[e.code]??e.message},Ya=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Xa=(e,t,n)=>(Ya(e,t,`read from private field`),n?n.call(e):t.get(e)),Za=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Qa=(e,t,n,r)=>(Ya(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),$a;function eo(e){let t=+e.mediaerrorcode;return`
+    <style>
+      :host {
+        background: rgb(20 20 30 / .8);
+      }
+
+      #content {
+        display: block;
+        padding: 1.2em 1.5em;
+      }
+
+      h3,
+      p {
+        margin-block: 0 .3em;
+      }
+    </style>
+    <slot name="error-${t}" id="content">
+      ${no({code:t,message:e.mediaerrormessage})}
+    </slot>
+  `}function to(e){return e.code&&Ja(e)!==null}function no(e){let{title:t,message:n}=Ja(e)??{},r=ce(e.code),i=``;return t&&(i+=`<slot name="error-${r}-title"><h3>${ce(t)}</h3></slot>`),n&&(i+=`<slot name="error-${r}-message"><p>${ce(n)}</p></slot>`),i}var ro=[p.MEDIA_ERROR_CODE,p.MEDIA_ERROR_MESSAGE],io=class extends $t{constructor(){super(...arguments),Za(this,$a,null)}static get observedAttributes(){return[...super.observedAttributes,...ro]}formatErrorMessage(e){return this.constructor.formatErrorMessage(e)}attributeChangedCallback(e,t,n){if(super.attributeChangedCallback(e,t,n),!ro.includes(e))return;let r=this.mediaError??{code:this.mediaErrorCode,message:this.mediaErrorMessage};if(this.open=to(r),this.open&&(this.shadowRoot.querySelector(`slot`).name=`error-${this.mediaErrorCode}`,this.shadowRoot.querySelector(`#content`).innerHTML=this.formatErrorMessage(r),!this.hasAttribute(`aria-label`))){let{title:e}=Ja(r);e&&this.setAttribute(`aria-label`,e)}}get mediaError(){return Xa(this,$a)}set mediaError(e){Qa(this,$a,e)}get mediaErrorCode(){return T(this,`mediaerrorcode`)}set mediaErrorCode(e){E(this,`mediaerrorcode`,e)}get mediaErrorMessage(){return k(this,`mediaerrormessage`)}set mediaErrorMessage(e){A(this,`mediaerrormessage`,e)}};$a=new WeakMap,io.getSlotTemplateHTML=eo,io.formatErrorMessage=no,S.customElements.get(`media-error-dialog`)||S.customElements.define(`media-error-dialog`,io);var ao=io,oo=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},so=(e,t,n)=>(oo(e,t,`read from private field`),n?n.call(e):t.get(e)),co=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},lo=(e,t,n,r)=>(oo(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),uo,fo=`<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>`,po=`<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>`;function mo(e){return`
+    <style>
+      :host([${p.MEDIA_IS_FULLSCREEN}]) slot[name=icon] slot:not([name=exit]) {
+        display: none !important;
+      }
+
+      
+      :host(:not([${p.MEDIA_IS_FULLSCREEN}])) slot[name=icon] slot:not([name=enter]) {
+        display: none !important;
+      }
+
+      :host([${p.MEDIA_IS_FULLSCREEN}]) slot[name=tooltip-enter],
+      :host(:not([${p.MEDIA_IS_FULLSCREEN}])) slot[name=tooltip-exit] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="enter">${fo}</slot>
+      <slot name="exit">${po}</slot>
+    </slot>
+  `}function ho(){return`
+    <slot name="tooltip-enter">${x(`Enter fullscreen mode`)}</slot>
+    <slot name="tooltip-exit">${x(`Exit fullscreen mode`)}</slot>
+  `}var go=e=>{let t=e.mediaIsFullscreen?x(`exit fullscreen mode`):x(`enter fullscreen mode`);e.setAttribute(`aria-label`,t)},_o=class extends U{constructor(){super(...arguments),co(this,uo,null)}static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_IS_FULLSCREEN,p.MEDIA_FULLSCREEN_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),go(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===p.MEDIA_IS_FULLSCREEN&&go(this)}get mediaFullscreenUnavailable(){return k(this,p.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){A(this,p.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return D(this,p.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){O(this,p.MEDIA_IS_FULLSCREEN,e)}handleClick(e){lo(this,uo,e);let t=so(this,uo)instanceof PointerEvent,n=this.mediaIsFullscreen?new S.CustomEvent(l.MEDIA_EXIT_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0}):new S.CustomEvent(l.MEDIA_ENTER_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(n)}};uo=new WeakMap,_o.getSlotTemplateHTML=mo,_o.getTooltipContentHTML=ho,S.customElements.get(`media-fullscreen-button`)||S.customElements.define(`media-fullscreen-button`,_o);var vo=_o,{MEDIA_TIME_IS_LIVE:yo,MEDIA_PAUSED:bo}=p,{MEDIA_SEEK_TO_LIVE_REQUEST:xo,MEDIA_PLAY_REQUEST:So}=l,Co=`<svg viewBox="0 0 6 12" aria-hidden="true"><circle cx="3" cy="6" r="2"></circle></svg>`;function wo(e){return`
+    <style>
+      :host { --media-tooltip-display: none; }
+      
+      slot[name=indicator] > *,
+      :host ::slotted([slot=indicator]) {
+        
+        min-width: auto;
+        fill: var(--media-live-button-icon-color, rgb(140, 140, 140));
+        color: var(--media-live-button-icon-color, rgb(140, 140, 140));
+      }
+
+      :host([${yo}]:not([${bo}])) slot[name=indicator] > *,
+      :host([${yo}]:not([${bo}])) ::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([${yo}]:not([${bo}])) {
+        cursor: var(--media-cursor, not-allowed);
+      }
+
+      slot[name=text]{
+        text-transform: uppercase;
+      }
+
+    </style>
+
+    <slot name="indicator">${Co}</slot>
+    
+    <slot name="spacer">&nbsp;</slot><slot name="text">${x(`live`)}</slot>
+  `}var To=e=>{let t=e.mediaPaused||!e.mediaTimeIsLive,n=x(t?`seek to live`:`playing live`);e.setAttribute(`aria-label`,n);let r=e.shadowRoot?.querySelector(`slot[name="text"]`);r&&(r.textContent=x(`live`)),t?e.removeAttribute(`aria-disabled`):e.setAttribute(`aria-disabled`,`true`)},Eo=class extends U{static get observedAttributes(){return[...super.observedAttributes,yo,bo]}connectedCallback(){super.connectedCallback(),To(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),To(this)}get mediaPaused(){return D(this,p.MEDIA_PAUSED)}set mediaPaused(e){O(this,p.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return D(this,p.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){O(this,p.MEDIA_TIME_IS_LIVE,e)}handleClick(){(this.mediaPaused||!this.mediaTimeIsLive)&&(this.dispatchEvent(new S.CustomEvent(xo,{composed:!0,bubbles:!0})),this.hasAttribute(bo)&&this.dispatchEvent(new S.CustomEvent(So,{composed:!0,bubbles:!0})))}};Eo.getSlotTemplateHTML=wo,S.customElements.get(`media-live-button`)||S.customElements.define(`media-live-button`,Eo);var Do=Eo,Oo=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},ko=(e,t,n)=>(Oo(e,t,`read from private field`),n?n.call(e):t.get(e)),Ao=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},jo=(e,t,n,r)=>(Oo(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Mo,No,Po={LOADING_DELAY:`loadingdelay`,NO_AUTOHIDE:`noautohide`},Fo=500,Io=`
+<svg aria-hidden="true" viewBox="0 0 100 100">
+  <path d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
+    <animateTransform
+       attributeName="transform"
+       attributeType="XML"
+       type="rotate"
+       dur="1s"
+       from="0 50 50"
+       to="360 50 50"
+       repeatCount="indefinite" />
+  </path>
+</svg>
+`;function Lo(e){return`
+    <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, ${Fo}ms);
+      }
+
+      #status {
+        color: rgba(0,0,0,0);
+        width: 0px;
+        height: 0px;
+      }
+
+      :host slot[name=icon] > *,
+      :host ::slotted([slot=icon]) {
+        opacity: var(--media-loading-indicator-opacity, 0);
+        transition: opacity 0.15s;
+      }
+
+      :host([${p.MEDIA_LOADING}]:not([${p.MEDIA_PAUSED}])) slot[name=icon] > *,
+      :host([${p.MEDIA_LOADING}]:not([${p.MEDIA_PAUSED}])) ::slotted([slot=icon]) {
+        opacity: var(--media-loading-indicator-opacity, 1);
+        transition: opacity 0.15s var(--_loading-indicator-delay);
+      }
+
+      :host #status {
+        visibility: var(--media-loading-indicator-opacity, hidden);
+        transition: visibility 0.15s;
+      }
+
+      :host([${p.MEDIA_LOADING}]:not([${p.MEDIA_PAUSED}])) #status {
+        visibility: var(--media-loading-indicator-opacity, visible);
+        transition: visibility 0.15s var(--_loading-indicator-delay);
+      }
+
+      svg, img, ::slotted(svg), ::slotted(img) {
+        width: var(--media-loading-indicator-icon-width);
+        height: var(--media-loading-indicator-icon-height, 100px);
+        fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
+        vertical-align: middle;
+      }
+    </style>
+
+    <slot name="icon">${Io}</slot>
+    <div id="status" role="status" aria-live="polite">${x(`media loading`)}</div>
+  `}var Ro=class extends S.HTMLElement{constructor(){if(super(),Ao(this,Mo,void 0),Ao(this,No,Fo),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[u.MEDIA_CONTROLLER,p.MEDIA_PAUSED,p.MEDIA_LOADING,Po.LOADING_DELAY]}attributeChangedCallback(e,t,n){var r,i,a,o;e===Po.LOADING_DELAY&&t!==n?this.loadingDelay=Number(n):e===u.MEDIA_CONTROLLER&&(t&&((i=(r=ko(this,Mo))?.unassociateElement)==null||i.call(r,this),jo(this,Mo,null)),n&&this.isConnected&&(jo(this,Mo,this.getRootNode()?.getElementById(n)),(o=(a=ko(this,Mo))?.associateElement)==null||o.call(a,this)))}connectedCallback(){var e,t;let n=this.getAttribute(u.MEDIA_CONTROLLER);n&&(jo(this,Mo,this.getRootNode()?.getElementById(n)),(t=(e=ko(this,Mo))?.associateElement)==null||t.call(e,this))}disconnectedCallback(){var e,t;(t=(e=ko(this,Mo))?.unassociateElement)==null||t.call(e,this),jo(this,Mo,null)}get loadingDelay(){return ko(this,No)}set loadingDelay(e){jo(this,No,e);let{style:t}=w(this.shadowRoot,`:host`);t.setProperty(`--_loading-indicator-delay`,`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return D(this,p.MEDIA_PAUSED)}set mediaPaused(e){O(this,p.MEDIA_PAUSED,e)}get mediaLoading(){return D(this,p.MEDIA_LOADING)}set mediaLoading(e){O(this,p.MEDIA_LOADING,e)}get mediaController(){return k(this,u.MEDIA_CONTROLLER)}set mediaController(e){A(this,u.MEDIA_CONTROLLER,e)}get noAutohide(){return D(this,Po.NO_AUTOHIDE)}set noAutohide(e){O(this,Po.NO_AUTOHIDE,e)}};Mo=new WeakMap,No=new WeakMap,Ro.shadowRootOptions={mode:`open`},Ro.getTemplateHTML=Lo,S.customElements.get(`media-loading-indicator`)||S.customElements.define(`media-loading-indicator`,Ro);var zo=Ro,Bo=`<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>`,Vo=`<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>`,Ho=`<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>`;function Uo(e){return`
+    <style>
+      :host(:not([${p.MEDIA_VOLUME_LEVEL}])) slot[name=icon] slot:not([name=high]),
+      :host([${p.MEDIA_VOLUME_LEVEL}=high]) slot[name=icon] slot:not([name=high]) {
+        display: none !important;
+      }
+
+      :host([${p.MEDIA_VOLUME_LEVEL}=off]) slot[name=icon] slot:not([name=off]) {
+        display: none !important;
+      }
+
+      :host([${p.MEDIA_VOLUME_LEVEL}=low]) slot[name=icon] slot:not([name=low]) {
+        display: none !important;
+      }
+
+      :host([${p.MEDIA_VOLUME_LEVEL}=medium]) slot[name=icon] slot:not([name=medium]) {
+        display: none !important;
+      }
+
+      :host(:not([${p.MEDIA_VOLUME_LEVEL}=off])) slot[name=tooltip-unmute],
+      :host([${p.MEDIA_VOLUME_LEVEL}=off]) slot[name=tooltip-mute] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="off">${Bo}</slot>
+      <slot name="low">${Vo}</slot>
+      <slot name="medium">${Vo}</slot>
+      <slot name="high">${Ho}</slot>
+    </slot>
+  `}function Wo(){return`
+    <slot name="tooltip-mute">${x(`Mute`)}</slot>
+    <slot name="tooltip-unmute">${x(`Unmute`)}</slot>
+  `}var Go=e=>{let t=e.mediaVolumeLevel===`off`?x(`unmute`):x(`mute`);e.setAttribute(`aria-label`,t)},Ko=class extends U{static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),Go(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===p.MEDIA_VOLUME_LEVEL&&Go(this)}get mediaVolumeLevel(){return k(this,p.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){A(this,p.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e=this.mediaVolumeLevel===`off`?l.MEDIA_UNMUTE_REQUEST:l.MEDIA_MUTE_REQUEST;this.dispatchEvent(new S.CustomEvent(e,{composed:!0,bubbles:!0}))}};Ko.getSlotTemplateHTML=Uo,Ko.getTooltipContentHTML=Wo,S.customElements.get(`media-mute-button`)||S.customElements.define(`media-mute-button`,Ko);var qo=Ko,Jo=`<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>`;function Yo(e){return`
+    <style>
+      :host([${p.MEDIA_IS_PIP}]) slot[name=icon] slot:not([name=exit]) {
+        display: none !important;
+      }
+
+      :host(:not([${p.MEDIA_IS_PIP}])) slot[name=icon] slot:not([name=enter]) {
+        display: none !important;
+      }
+
+      :host([${p.MEDIA_IS_PIP}]) slot[name=tooltip-enter],
+      :host(:not([${p.MEDIA_IS_PIP}])) slot[name=tooltip-exit] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="enter">${Jo}</slot>
+      <slot name="exit">${Jo}</slot>
+    </slot>
+  `}function Xo(){return`
+    <slot name="tooltip-enter">${x(`Enter picture in picture mode`)}</slot>
+    <slot name="tooltip-exit">${x(`Exit picture in picture mode`)}</slot>
+  `}var Zo=e=>{let t=e.mediaIsPip?x(`exit picture in picture mode`):x(`enter picture in picture mode`);e.setAttribute(`aria-label`,t)},Qo=class extends U{static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_IS_PIP,p.MEDIA_PIP_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Zo(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===p.MEDIA_IS_PIP&&Zo(this)}get mediaPipUnavailable(){return k(this,p.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){A(this,p.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return D(this,p.MEDIA_IS_PIP)}set mediaIsPip(e){O(this,p.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?l.MEDIA_EXIT_PIP_REQUEST:l.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new S.CustomEvent(e,{composed:!0,bubbles:!0}))}};Qo.getSlotTemplateHTML=Yo,Qo.getTooltipContentHTML=Xo,S.customElements.get(`media-pip-button`)||S.customElements.define(`media-pip-button`,Qo);var $o=Qo,es=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},ts=(e,t,n)=>(es(e,t,`read from private field`),n?n.call(e):t.get(e)),ns=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},rs,is={RATES:`rates`},as=[1,1.2,1.5,1.7,2];function os(e){return Math.round(e*100)/100}function ss(e){return`
+    <style>
+      :host {
+        min-width: 5ch;
+        padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
+      }
+    </style>
+    <slot name="icon">${e.mediaplaybackrate?os(+e.mediaplaybackrate):1}x</slot>
+  `}function cs(){return x(`Playback rate`)}var ls=class extends U{constructor(){super(),ns(this,rs,new wn(this,is.RATES,{defaultValue:as})),this.container=this.shadowRoot.querySelector(`slot[name="icon"]`),this.container.innerHTML=`${os(this.mediaPlaybackRate??1)}x`}static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_PLAYBACK_RATE,is.RATES]}attributeChangedCallback(e,t,n){if(super.attributeChangedCallback(e,t,n),e===is.RATES&&(ts(this,rs).value=n),e===p.MEDIA_PLAYBACK_RATE){let e=n?+n:NaN,t=os(Number.isNaN(e)?1:e);this.container.innerHTML=`${t}x`,this.setAttribute(`aria-label`,x(`Playback rate {playbackRate}`,{playbackRate:t}))}}get rates(){return ts(this,rs)}set rates(e){e?Array.isArray(e)?ts(this,rs).value=e.join(` `):typeof e==`string`&&(ts(this,rs).value=e):ts(this,rs).value=``}get mediaPlaybackRate(){return T(this,p.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){E(this,p.MEDIA_PLAYBACK_RATE,e)}handleClick(){let e=Array.from(ts(this,rs).values(),e=>+e).sort((e,t)=>e-t),t=e.find(e=>e>this.mediaPlaybackRate)??e[0]??1,n=new S.CustomEvent(l.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(n)}};rs=new WeakMap,ls.getSlotTemplateHTML=ss,ls.getTooltipContentHTML=cs,S.customElements.get(`media-playback-rate-button`)||S.customElements.define(`media-playback-rate-button`,ls);var us=ls,ds=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="m6 21 15-9L6 3v18Z"/>
+</svg>`,fs=`<svg aria-hidden="true" viewBox="0 0 24 24">
+  <path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/>
+</svg>`;function ps(e){return`
+    <style>
+      :host([${p.MEDIA_PAUSED}]) slot[name=pause],
+      :host(:not([${p.MEDIA_PAUSED}])) slot[name=play] {
+        display: none !important;
+      }
+
+      :host([${p.MEDIA_PAUSED}]) slot[name=tooltip-pause],
+      :host(:not([${p.MEDIA_PAUSED}])) slot[name=tooltip-play] {
+        display: none;
+      }
+    </style>
+
+    <slot name="icon">
+      <slot name="play">${ds}</slot>
+      <slot name="pause">${fs}</slot>
+    </slot>
+  `}function ms(){return`
+    <slot name="tooltip-play">${x(`Play`)}</slot>
+    <slot name="tooltip-pause">${x(`Pause`)}</slot>
+  `}var hs=e=>{let t=e.mediaPaused?x(`play`):x(`pause`);e.setAttribute(`aria-label`,t)},gs=class extends U{static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_PAUSED,p.MEDIA_ENDED]}connectedCallback(){super.connectedCallback(),hs(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),(e===p.MEDIA_PAUSED||e===p.MEDIA_LANG)&&hs(this)}get mediaPaused(){return D(this,p.MEDIA_PAUSED)}set mediaPaused(e){O(this,p.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?l.MEDIA_PLAY_REQUEST:l.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new S.CustomEvent(e,{composed:!0,bubbles:!0}))}};gs.getSlotTemplateHTML=ps,gs.getTooltipContentHTML=ms,S.customElements.get(`media-play-button`)||S.customElements.define(`media-play-button`,gs);var _s=gs,vs={PLACEHOLDER_SRC:`placeholdersrc`,SRC:`src`};function ys(e){return`
+    <style>
+      :host {
+        pointer-events: none;
+        display: var(--media-poster-image-display, inline-block);
+        box-sizing: border-box;
+      }
+
+      img {
+        max-width: 100%;
+        max-height: 100%;
+        min-width: 100%;
+        min-height: 100%;
+        background-repeat: no-repeat;
+        background-position: var(--media-poster-image-background-position, var(--media-object-position, center));
+        background-size: var(--media-poster-image-background-size, var(--media-object-fit, contain));
+        object-fit: var(--media-object-fit, contain);
+        object-position: var(--media-object-position, center);
+      }
+    </style>
+
+    <img part="poster img" aria-hidden="true" id="image"/>
+  `}var bs=e=>{e.style.removeProperty(`background-image`)},xs=(e,t)=>{e.style[`background-image`]=`url('${t}')`},Ss=class extends S.HTMLElement{static get observedAttributes(){return[vs.PLACEHOLDER_SRC,vs.SRC]}constructor(){if(super(),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.image=this.shadowRoot.querySelector(`#image`)}attributeChangedCallback(e,t,n){e===vs.SRC&&(n==null?this.image.removeAttribute(vs.SRC):this.image.setAttribute(vs.SRC,n)),e===vs.PLACEHOLDER_SRC&&(n==null?bs(this.image):xs(this.image,n))}get placeholderSrc(){return k(this,vs.PLACEHOLDER_SRC)}set placeholderSrc(e){A(this,vs.SRC,e)}get src(){return k(this,vs.SRC)}set src(e){A(this,vs.SRC,e)}};Ss.shadowRootOptions={mode:`open`},Ss.getTemplateHTML=ys,S.customElements.get(`media-poster-image`)||S.customElements.define(`media-poster-image`,Ss);var Cs=Ss,ws=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Ts=(e,t,n)=>(ws(e,t,`read from private field`),n?n.call(e):t.get(e)),Es=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Ds=(e,t,n,r)=>(ws(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Os,ks=class extends Ia{constructor(){super(),Es(this,Os,void 0),Ds(this,Os,this.shadowRoot.querySelector(`slot`))}static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_PREVIEW_CHAPTER,p.MEDIA_LANG]}attributeChangedCallback(e,t,n){if(super.attributeChangedCallback(e,t,n),(e===p.MEDIA_PREVIEW_CHAPTER||e===p.MEDIA_LANG)&&n!==t&&n!=null){if(Ts(this,Os).textContent=n,n!==``){let e=x(`chapter: {chapterName}`,{chapterName:n});this.setAttribute(`aria-valuetext`,e)}else this.removeAttribute(`aria-valuetext`)}}get mediaPreviewChapter(){return k(this,p.MEDIA_PREVIEW_CHAPTER)}set mediaPreviewChapter(e){A(this,p.MEDIA_PREVIEW_CHAPTER,e)}};Os=new WeakMap,S.customElements.get(`media-preview-chapter-display`)||S.customElements.define(`media-preview-chapter-display`,ks);var As=ks,js=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Ms=(e,t,n)=>(js(e,t,`read from private field`),n?n.call(e):t.get(e)),Ns=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Ps=(e,t,n,r)=>(js(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Fs;function Is(e){return`
+    <style>
+      :host {
+        box-sizing: border-box;
+        display: var(--media-control-display, var(--media-preview-thumbnail-display, inline-block));
+        overflow: hidden;
+      }
+
+      img {
+        display: none;
+        position: relative;
+      }
+    </style>
+    <img crossorigin loading="eager" decoding="async">
+  `}var Ls=class extends S.HTMLElement{constructor(){if(super(),Ns(this,Fs,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=je(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[u.MEDIA_CONTROLLER,p.MEDIA_PREVIEW_IMAGE,p.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t;let n=this.getAttribute(u.MEDIA_CONTROLLER);n&&(Ps(this,Fs,this.getRootNode()?.getElementById(n)),(t=(e=Ms(this,Fs))?.associateElement)==null||t.call(e,this))}disconnectedCallback(){var e,t;(t=(e=Ms(this,Fs))?.unassociateElement)==null||t.call(e,this),Ps(this,Fs,null)}attributeChangedCallback(e,t,n){var r,i,a,o;[p.MEDIA_PREVIEW_IMAGE,p.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===u.MEDIA_CONTROLLER&&(t&&((i=(r=Ms(this,Fs))?.unassociateElement)==null||i.call(r,this),Ps(this,Fs,null)),n&&this.isConnected&&(Ps(this,Fs,this.getRootNode()?.getElementById(n)),(o=(a=Ms(this,Fs))?.associateElement)==null||o.call(a,this)))}get mediaPreviewImage(){return k(this,p.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){A(this,p.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewCoords(){let e=this.getAttribute(p.MEDIA_PREVIEW_COORDS);if(e)return e.split(/\s+/).map(e=>+e)}set mediaPreviewCoords(e){e?this.setAttribute(p.MEDIA_PREVIEW_COORDS,e.join(` `)):this.removeAttribute(p.MEDIA_PREVIEW_COORDS)}update(){let e=this.mediaPreviewCoords,t=this.mediaPreviewImage;if(!(e&&t))return;let[n,r,i,a]=e,o=t.split(`#`)[0],s=getComputedStyle(this),{maxWidth:c,maxHeight:l,minWidth:u,minHeight:d}=s,f=s.getPropertyValue(`--media-preview-thumbnail-object-fit`).trim()||`contain`,p,m;if(f===`fill`){let e=parseInt(c)/i,t=parseInt(l)/a,n=parseInt(u)/i,r=parseInt(d)/a;p=e<1?e:Math.max(e,n),m=t<1?t:Math.max(t,r)}else{let e=Math.min(parseInt(c)/i,parseInt(l)/a),t=Math.max(parseInt(u)/i,parseInt(d)/a),n=e<1?e:t>1?t:1;p=n,m=n}let{style:h}=w(this.shadowRoot,`:host`),g=w(this.shadowRoot,`img`).style,_=this.shadowRoot.querySelector(`img`),v=Math.min(p,m)<1?`min`:`max`;h.setProperty(`${v}-width`,`initial`,`important`),h.setProperty(`${v}-height`,`initial`,`important`),h.width=`${i*p}px`,h.height=`${a*m}px`;let y=()=>{g.width=`${this.imgWidth*p}px`,g.height=`${this.imgHeight*m}px`,g.display=`block`};_.src!==o&&(_.onload=()=>{this.imgWidth=_.naturalWidth,this.imgHeight=_.naturalHeight,y(),_.onload=null},_.src=o,y()),y(),g.transform=`translate(-${n*p}px, -${r*m}px)`}};Fs=new WeakMap,Ls.shadowRootOptions={mode:`open`},Ls.getTemplateHTML=Is,S.customElements.get(`media-preview-thumbnail`)||S.customElements.define(`media-preview-thumbnail`,Ls);var Rs=Ls,zs=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Bs=(e,t,n)=>(zs(e,t,`read from private field`),n?n.call(e):t.get(e)),Vs=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Hs=(e,t,n,r)=>(zs(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Us,Ws=class extends Ia{constructor(){super(),Vs(this,Us,void 0),Hs(this,Us,this.shadowRoot.querySelector(`slot`)),Bs(this,Us).textContent=_e(0)}static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===p.MEDIA_PREVIEW_TIME&&n!=null&&(Bs(this,Us).textContent=_e(parseFloat(n)))}get mediaPreviewTime(){return T(this,p.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){E(this,p.MEDIA_PREVIEW_TIME,e)}};Us=new WeakMap,S.customElements.get(`media-preview-time-display`)||S.customElements.define(`media-preview-time-display`,Ws);var Gs=Ws,Ks={SEEK_OFFSET:`seekoffset`},qs=30,Js=e=>`
+  <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)">${e}</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>`;function Ys(e,t){return`
+    <slot name="icon">${Js(t.seekOffset)}</slot>
+  `}var Xs=(e,t)=>{e.setAttribute(`aria-label`,x(`seek back {seekOffset} seconds`,{seekOffset:t}))};function Zs(){return x(`Seek backward`)}var Qs=0,$s=class extends U{static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_CURRENT_TIME,Ks.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=T(this,Ks.SEEK_OFFSET,qs)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),Xs(this,this.seekOffset),e===Ks.SEEK_OFFSET&&(this.seekOffset=T(this,Ks.SEEK_OFFSET,qs))}get seekOffset(){return T(this,Ks.SEEK_OFFSET,qs)}set seekOffset(e){E(this,Ks.SEEK_OFFSET,e),this.setAttribute(`aria-label`,x(`seek back {seekOffset} seconds`,{seekOffset:this.seekOffset})),Pe(Ie(this,`icon`),this.seekOffset)}get mediaCurrentTime(){return T(this,p.MEDIA_CURRENT_TIME,Qs)}set mediaCurrentTime(e){E(this,p.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new S.CustomEvent(l.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};$s.getSlotTemplateHTML=Ys,$s.getTooltipContentHTML=Zs,S.customElements.get(`media-seek-backward-button`)||S.customElements.define(`media-seek-backward-button`,$s);var ec=$s,tc={SEEK_OFFSET:`seekoffset`},nc=30,rc=e=>`
+  <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)">${e}</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>`;function ic(e,t){return`
+    <slot name="icon">${rc(t.seekOffset)}</slot>
+  `}var ac=(e,t)=>{e.setAttribute(`aria-label`,x(`seek forward {seekOffset} seconds`,{seekOffset:t}))};function oc(){return x(`Seek forward`)}var sc=0,cc=class extends U{static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_CURRENT_TIME,tc.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=T(this,tc.SEEK_OFFSET,nc)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),ac(this,this.seekOffset),e===tc.SEEK_OFFSET&&(this.seekOffset=T(this,tc.SEEK_OFFSET,nc))}get seekOffset(){return T(this,tc.SEEK_OFFSET,nc)}set seekOffset(e){E(this,tc.SEEK_OFFSET,e),this.setAttribute(`aria-label`,x(`seek forward {seekOffset} seconds`,{seekOffset:this.seekOffset})),Pe(Ie(this,`icon`),this.seekOffset)}get mediaCurrentTime(){return T(this,p.MEDIA_CURRENT_TIME,sc)}set mediaCurrentTime(e){E(this,p.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new S.CustomEvent(l.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};cc.getSlotTemplateHTML=ic,cc.getTooltipContentHTML=oc,S.customElements.get(`media-seek-forward-button`)||S.customElements.define(`media-seek-forward-button`,cc);var lc=cc,uc=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},dc=(e,t,n)=>(uc(e,t,`read from private field`),n?n.call(e):t.get(e)),fc=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},pc=(e,t,n,r)=>(uc(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),mc=(e,t,n)=>(uc(e,t,`access private method`),n),hc,gc,_c,vc,yc,bc,xc,Sc,Cc,wc,Tc,Ec={REMAINING:`remaining`,SHOW_DURATION:`showduration`,NO_TOGGLE:`notoggle`},Dc=[...Object.values(Ec),p.MEDIA_CURRENT_TIME,p.MEDIA_DURATION,p.MEDIA_SEEKABLE],Oc=[`Enter`,` `],kc=`&nbsp;/&nbsp;`,Ac=(e,{timesSep:t=kc}={})=>{let n=e.mediaCurrentTime??0,[,r]=e.mediaSeekable??[],i=0;Number.isFinite(e.mediaDuration)?i=e.mediaDuration:Number.isFinite(r)&&(i=r);let a=e.remaining?_e(0-(i-n)):_e(n);return e.showDuration?`${a}${t}${_e(i)}`:a},jc=e=>{let t=e.mediaCurrentTime,[,n]=e.mediaSeekable??[],r=null;if(Number.isFinite(e.mediaDuration)?r=e.mediaDuration:Number.isFinite(n)&&(r=n),t==null||r===null){e.setAttribute(`aria-description`,x(`video not loaded, unknown time.`));return}let i=e.remaining?ge(0-(r-t)):ge(t);if(!e.showDuration){e.setAttribute(`aria-description`,i);return}let a=x(`{currentTime} of {totalTime}`,{currentTime:i,totalTime:ge(r)});e.setAttribute(`aria-description`,a)};function Mc(e,t){return`
+    <slot>${Ac(t)}</slot>
+  `}var Nc=e=>{e.setAttribute(`aria-label`,x(`playback time`))},Pc=class extends Ia{constructor(){super(),fc(this,vc),fc(this,bc),fc(this,Sc),fc(this,wc),fc(this,hc,void 0),fc(this,gc,null),fc(this,_c,e=>{let{metaKey:t,altKey:n,key:r}=e;t||n||!Oc.includes(r)?this.removeEventListener(`keyup`,dc(this,gc)):this.addEventListener(`keyup`,dc(this,gc))}),pc(this,hc,this.shadowRoot.querySelector(`slot`)),dc(this,hc).innerHTML=`${Ac(this)}`}static get observedAttributes(){return[...super.observedAttributes,...Dc,`disabled`]}connectedCallback(){let{style:e}=w(this.shadowRoot,`:host(:hover:not([notoggle]))`);e.setProperty(`cursor`,`var(--media-cursor, pointer)`),e.setProperty(`background`,`var(--media-control-hover-background, rgba(50 50 70 / .7))`),this.setAttribute(`aria-label`,x(`playback time`)),mc(this,Sc,Cc).call(this),super.connectedCallback()}toggleTimeDisplay(){this.noToggle||(this.hasAttribute(`remaining`)?this.removeAttribute(`remaining`):this.setAttribute(`remaining`,``))}disconnectedCallback(){this.disable(),mc(this,bc,xc).call(this),super.disconnectedCallback()}attributeChangedCallback(e,t,n){Nc(this),Dc.includes(e)?this.update():e===`disabled`&&n!==t?n==null?mc(this,Sc,Cc).call(this):mc(this,wc,Tc).call(this):e===Ec.NO_TOGGLE&&n!==t&&(this.noToggle?mc(this,wc,Tc).call(this):mc(this,Sc,Cc).call(this)),super.attributeChangedCallback(e,t,n)}enable(){this.noToggle||(this.tabIndex=0)}disable(){this.tabIndex=-1}get remaining(){return D(this,Ec.REMAINING)}set remaining(e){O(this,Ec.REMAINING,e)}get showDuration(){return D(this,Ec.SHOW_DURATION)}set showDuration(e){O(this,Ec.SHOW_DURATION,e)}get noToggle(){return D(this,Ec.NO_TOGGLE)}set noToggle(e){O(this,Ec.NO_TOGGLE,e)}get mediaDuration(){return T(this,p.MEDIA_DURATION)}set mediaDuration(e){E(this,p.MEDIA_DURATION,e)}get mediaCurrentTime(){return T(this,p.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){E(this,p.MEDIA_CURRENT_TIME,e)}get mediaSeekable(){let e=this.getAttribute(p.MEDIA_SEEKABLE);if(e)return e.split(`:`).map(e=>+e)}set mediaSeekable(e){e==null?this.removeAttribute(p.MEDIA_SEEKABLE):this.setAttribute(p.MEDIA_SEEKABLE,e.join(`:`))}update(){let e=Ac(this);jc(this),e!==dc(this,hc).innerHTML&&(dc(this,hc).innerHTML=e)}};hc=new WeakMap,gc=new WeakMap,_c=new WeakMap,vc=new WeakSet,yc=function(){dc(this,gc)||(pc(this,gc,e=>{let{key:t}=e;Oc.includes(t)?this.toggleTimeDisplay():this.removeEventListener(`keyup`,dc(this,gc))}),this.addEventListener(`keydown`,dc(this,_c)),this.addEventListener(`click`,this.toggleTimeDisplay))},bc=new WeakSet,xc=function(){dc(this,gc)&&(this.removeEventListener(`keyup`,dc(this,gc)),this.removeEventListener(`keydown`,dc(this,_c)),this.removeEventListener(`click`,this.toggleTimeDisplay),pc(this,gc,null))},Sc=new WeakSet,Cc=function(){!this.noToggle&&!this.hasAttribute(`disabled`)&&(this.setAttribute(`role`,`button`),this.enable(),mc(this,vc,yc).call(this))},wc=new WeakSet,Tc=function(){this.removeAttribute(`role`),this.disable(),mc(this,bc,xc).call(this)},Pc.getSlotTemplateHTML=Mc,S.customElements.get(`media-time-display`)||S.customElements.define(`media-time-display`,Pc);var Fc=Pc,Ic=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},q=(e,t,n)=>(Ic(e,t,`read from private field`),n?n.call(e):t.get(e)),Lc=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},J=(e,t,n,r)=>(Ic(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Rc=(e,t,n,r)=>({set _(r){J(e,t,r,n)},get _(){return q(e,t,r)}}),zc,Bc,Vc,Hc,Uc,Wc,Gc,Kc,qc,Jc,Yc=class{constructor(e,t,n){Lc(this,zc,void 0),Lc(this,Bc,void 0),Lc(this,Vc,void 0),Lc(this,Hc,void 0),Lc(this,Uc,void 0),Lc(this,Wc,void 0),Lc(this,Gc,void 0),Lc(this,Kc,void 0),Lc(this,qc,0),Lc(this,Jc,(e=performance.now())=>{J(this,qc,requestAnimationFrame(q(this,Jc))),J(this,Hc,performance.now()-q(this,Vc));let t=1e3/this.fps;if(q(this,Hc)>t){J(this,Vc,e-q(this,Hc)%t);let n=1e3/((e-q(this,Bc))/++Rc(this,Uc)._),r=(e-q(this,Wc))/1e3/this.duration,i=q(this,Gc)+r*this.playbackRate;i-q(this,zc).valueAsNumber>0?J(this,Kc,this.playbackRate/this.duration/n):(J(this,Kc,.995*q(this,Kc)),i=q(this,zc).valueAsNumber+q(this,Kc)),this.callback(i)}}),J(this,zc,e),this.callback=t,this.fps=n}start(){q(this,qc)===0&&(J(this,Vc,performance.now()),J(this,Bc,q(this,Vc)),J(this,Uc,0),q(this,Jc).call(this))}stop(){q(this,qc)!==0&&(cancelAnimationFrame(q(this,qc)),J(this,qc,0))}update({start:e,duration:t,playbackRate:n}){let r=e-q(this,zc).valueAsNumber,i=Math.abs(t-this.duration);(r>0||r<-.5/t||i>=.5)&&this.callback(e),J(this,Gc,e),J(this,Wc,performance.now()),this.duration=t,this.playbackRate=n}};zc=new WeakMap,Bc=new WeakMap,Vc=new WeakMap,Hc=new WeakMap,Uc=new WeakMap,Wc=new WeakMap,Gc=new WeakMap,Kc=new WeakMap,qc=new WeakMap,Jc=new WeakMap;var Xc=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Y=(e,t,n)=>(Xc(e,t,`read from private field`),n?n.call(e):t.get(e)),X=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Z=(e,t,n,r)=>(Xc(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Q=(e,t,n)=>(Xc(e,t,`access private method`),n),Zc,Qc,$c,el,tl,nl,rl,il,al,ol,sl,cl,ll,ul,dl,fl,pl,ml,hl,gl,_l,vl,yl,bl,xl,Sl,Cl=e=>{let t=e.range,n=ge(+El(e)),r=ge(+e.mediaSeekableEnd),i=n&&r?x(`{currentTime} of {totalTime}`,{currentTime:n,totalTime:r}):x(`video not loaded, unknown time.`);t.setAttribute(`aria-valuetext`,i)};function wl(e){return`
+    <style>
+      :host {
+        --media-box-border-radius: 4px;
+        --media-box-padding-left: 10px;
+        --media-box-padding-right: 10px;
+        --media-preview-border-radius: var(--media-box-border-radius);
+        --media-box-arrow-offset: var(--media-box-border-radius);
+        --_control-background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
+        --_preview-background: var(--media-preview-background, var(--_control-background));
+
+        
+        contain: layout;
+      }
+
+      #buffered {
+        background: var(--media-time-range-buffered-color, rgb(255 255 255 / .4));
+        position: absolute;
+        height: 100%;
+        will-change: width;
+      }
+
+      #preview-rail,
+      #current-rail {
+        width: 100%;
+        position: absolute;
+        left: 0;
+        bottom: 100%;
+        pointer-events: none;
+        will-change: transform;
+      }
+
+      [part~="box"] {
+        width: min-content;
+        
+        position: absolute;
+        bottom: 100%;
+        flex-direction: column;
+        align-items: center;
+        transform: translateX(-50%);
+      }
+
+      [part~="current-box"] {
+        display: var(--media-current-box-display, var(--media-box-display, flex));
+        margin: var(--media-current-box-margin, var(--media-box-margin, 0 0 5px));
+        visibility: hidden;
+      }
+
+      [part~="preview-box"] {
+        display: var(--media-preview-box-display, var(--media-box-display, flex));
+        margin: var(--media-preview-box-margin, var(--media-box-margin, 0 0 5px));
+        transition-property: var(--media-preview-transition-property, visibility, opacity);
+        transition-duration: var(--media-preview-transition-duration-out, .25s);
+        transition-delay: var(--media-preview-transition-delay-out, 0s);
+        visibility: hidden;
+        opacity: 0;
+      }
+
+      :host(:is([${p.MEDIA_PREVIEW_IMAGE}], [${p.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;
+        opacity: 1;
+      }
+
+      @media (hover: hover) {
+        :host(:is([${p.MEDIA_PREVIEW_IMAGE}], [${p.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;
+          opacity: 1;
+        }
+      }
+
+      media-preview-thumbnail,
+      ::slotted(media-preview-thumbnail) {
+        visibility: hidden;
+        
+        transition: visibility 0s .25s;
+        transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
+        background: var(--media-preview-thumbnail-background, var(--_preview-background));
+        box-shadow: var(--media-preview-thumbnail-box-shadow, 0 0 4px rgb(0 0 0 / .2));
+        max-width: var(--media-preview-thumbnail-max-width, 180px);
+        max-height: var(--media-preview-thumbnail-max-height, 160px);
+        min-width: var(--media-preview-thumbnail-min-width, 120px);
+        min-height: var(--media-preview-thumbnail-min-height, 80px);
+        border: var(--media-preview-thumbnail-border);
+        border-radius: var(--media-preview-thumbnail-border-radius,
+          var(--media-preview-border-radius) var(--media-preview-border-radius) 0 0);
+      }
+
+      :host([${p.MEDIA_PREVIEW_IMAGE}][dragging]) media-preview-thumbnail,
+      :host([${p.MEDIA_PREVIEW_IMAGE}][dragging]) ::slotted(media-preview-thumbnail) {
+        transition-delay: var(--media-preview-transition-delay-in, .25s);
+        visibility: visible;
+      }
+
+      @media (hover: hover) {
+        :host([${p.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail,
+        :host([${p.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) {
+          transition-delay: var(--media-preview-transition-delay-in, .25s);
+          visibility: visible;
+        }
+
+        :host([${p.MEDIA_PREVIEW_TIME}]:hover) {
+          --media-time-range-hover-display: block;
+        }
+      }
+
+      media-preview-chapter-display,
+      ::slotted(media-preview-chapter-display) {
+        font-size: var(--media-font-size, 13px);
+        line-height: 17px;
+        min-width: 0;
+        visibility: hidden;
+        
+        transition: min-width 0s, border-radius 0s, margin 0s, padding 0s, visibility 0s;
+        transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
+        background: var(--media-preview-chapter-background, var(--_preview-background));
+        border-radius: var(--media-preview-chapter-border-radius,
+          var(--media-preview-border-radius) var(--media-preview-border-radius)
+          var(--media-preview-border-radius) var(--media-preview-border-radius));
+        padding: var(--media-preview-chapter-padding, 3.5px 9px);
+        margin: var(--media-preview-chapter-margin, 0 0 5px);
+        text-shadow: var(--media-preview-chapter-text-shadow, 0 0 4px rgb(0 0 0 / .75));
+      }
+
+      :host([${p.MEDIA_PREVIEW_IMAGE}]) media-preview-chapter-display,
+      :host([${p.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);
+        margin: var(--media-preview-chapter-margin, 0);
+        min-width: 100%;
+      }
+
+      media-preview-chapter-display[${p.MEDIA_PREVIEW_CHAPTER}],
+      ::slotted(media-preview-chapter-display[${p.MEDIA_PREVIEW_CHAPTER}]) {
+        visibility: visible;
+      }
+
+      media-preview-chapter-display:not([aria-valuetext]),
+      ::slotted(media-preview-chapter-display:not([aria-valuetext])) {
+        display: none;
+      }
+
+      media-preview-time-display,
+      ::slotted(media-preview-time-display),
+      media-time-display,
+      ::slotted(media-time-display) {
+        font-size: var(--media-font-size, 13px);
+        line-height: 17px;
+        min-width: 0;
+        
+        transition: min-width 0s, border-radius 0s;
+        transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
+        background: var(--media-preview-time-background, var(--_preview-background));
+        border-radius: var(--media-preview-time-border-radius,
+          var(--media-preview-border-radius) var(--media-preview-border-radius)
+          var(--media-preview-border-radius) var(--media-preview-border-radius));
+        padding: var(--media-preview-time-padding, 3.5px 9px);
+        margin: var(--media-preview-time-margin, 0);
+        text-shadow: var(--media-preview-time-text-shadow, 0 0 4px rgb(0 0 0 / .75));
+        transform: translateX(min(
+          max(calc(50% - var(--_box-width) / 2),
+          calc(var(--_box-shift, 0))),
+          calc(var(--_box-width) / 2 - 50%)
+        ));
+      }
+
+      :host([${p.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display,
+      :host([${p.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([${p.MEDIA_PREVIEW_TIME}]:hover) {
+        --media-time-range-hover-display: block;
+      }
+
+      [part~="arrow"],
+      ::slotted([part~="arrow"]) {
+        display: var(--media-box-arrow-display, inline-block);
+        transform: translateX(min(
+          max(calc(50% - var(--_box-width) / 2 + var(--media-box-arrow-offset)),
+          calc(var(--_box-shift, 0))),
+          calc(var(--_box-width) / 2 - 50% - var(--media-box-arrow-offset))
+        ));
+        
+        border-color: transparent;
+        border-top-color: var(--media-box-arrow-background, var(--_control-background));
+        border-width: var(--media-box-arrow-border-width,
+          var(--media-box-arrow-height, 5px) var(--media-box-arrow-width, 6px) 0);
+        border-style: solid;
+        justify-content: center;
+        height: 0;
+      }
+    </style>
+    <div id="preview-rail">
+      <slot name="preview" part="box preview-box">
+        <media-preview-thumbnail>
+          <template shadowrootmode="${Rs.shadowRootOptions.mode}">
+            ${Rs.getTemplateHTML({})}
+          </template>
+        </media-preview-thumbnail>
+        <media-preview-chapter-display></media-preview-chapter-display>
+        <media-preview-time-display></media-preview-time-display>
+        <slot name="preview-arrow"><div part="arrow"></div></slot>
+      </slot>
+    </div>
+    <div id="current-rail">
+      <slot name="current" part="box current-box">
+        
+      </slot>
+    </div>
+  `}var Tl=(e,t=e.mediaCurrentTime)=>{let n=Number.isFinite(e.mediaSeekableStart)?e.mediaSeekableStart:0,r=Number.isFinite(e.mediaDuration)?e.mediaDuration:e.mediaSeekableEnd;if(Number.isNaN(r))return 0;let i=(t-n)/(r-n);return Math.max(0,Math.min(i,1))},El=(e,t=e.range.valueAsNumber)=>{let n=Number.isFinite(e.mediaSeekableStart)?e.mediaSeekableStart:0,r=Number.isFinite(e.mediaDuration)?e.mediaDuration:e.mediaSeekableEnd;return Number.isNaN(r)?0:t*(r-n)+n},Dl=class extends ya{constructor(){super(),X(this,cl),X(this,dl),X(this,pl),X(this,hl),X(this,_l),X(this,yl),X(this,xl),X(this,Zc,null),X(this,Qc,void 0),X(this,$c,void 0),X(this,el,void 0),X(this,tl,void 0),X(this,nl,void 0),X(this,rl,void 0),X(this,il,void 0),X(this,al,void 0),X(this,ol,void 0),X(this,sl,()=>{Q(this,cl,ll).call(this)?Y(this,Qc).start():Y(this,Qc).stop()}),X(this,ul,e=>{this.dragging||(ae(e)&&(this.range.valueAsNumber=e),Y(this,ol)||this.updateBar())}),this.shadowRoot.querySelector(`#track`).insertAdjacentHTML(`afterbegin`,`<div id="buffered" part="buffered"></div>`),Z(this,$c,this.shadowRoot.querySelectorAll(`[part~="box"]`)),Z(this,tl,this.shadowRoot.querySelector(`[part~="preview-box"]`)),Z(this,nl,this.shadowRoot.querySelector(`[part~="current-box"]`));let e=getComputedStyle(this);Z(this,rl,parseInt(e.getPropertyValue(`--media-box-padding-left`))),Z(this,il,parseInt(e.getPropertyValue(`--media-box-padding-right`))),Z(this,Qc,new Yc(this.range,Y(this,ul),60))}static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_PAUSED,p.MEDIA_DURATION,p.MEDIA_SEEKABLE,p.MEDIA_CURRENT_TIME,p.MEDIA_PREVIEW_IMAGE,p.MEDIA_PREVIEW_TIME,p.MEDIA_PREVIEW_CHAPTER,p.MEDIA_BUFFERED,p.MEDIA_PLAYBACK_RATE,p.MEDIA_LOADING,p.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute(`aria-label`,x(`seek`)),Y(this,sl).call(this),Z(this,Zc,this.getRootNode()),(e=Y(this,Zc))==null||e.addEventListener(`transitionstart`,this)}disconnectedCallback(){var e;super.disconnectedCallback(),Y(this,Qc).stop(),(e=Y(this,Zc))==null||e.removeEventListener(`transitionstart`,this),Z(this,Zc,null)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),t!=n&&(e===p.MEDIA_CURRENT_TIME||e===p.MEDIA_PAUSED||e===p.MEDIA_ENDED||e===p.MEDIA_LOADING||e===p.MEDIA_DURATION||e===p.MEDIA_SEEKABLE?(Y(this,Qc).update({start:Tl(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),Y(this,sl).call(this),Cl(this)):e===p.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===p.MEDIA_DURATION||e===p.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=Y(this,al),this.updateBar()))}get mediaChaptersCues(){return Y(this,al)}set mediaChaptersCues(e){Z(this,al,e),this.updateSegments(Y(this,al)?.map(e=>({start:Tl(this,e.startTime),end:Tl(this,e.endTime)})))}get mediaPaused(){return D(this,p.MEDIA_PAUSED)}set mediaPaused(e){O(this,p.MEDIA_PAUSED,e)}get mediaLoading(){return D(this,p.MEDIA_LOADING)}set mediaLoading(e){O(this,p.MEDIA_LOADING,e)}get mediaDuration(){return T(this,p.MEDIA_DURATION)}set mediaDuration(e){E(this,p.MEDIA_DURATION,e)}get mediaCurrentTime(){return T(this,p.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){E(this,p.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return T(this,p.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){E(this,p.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(p.MEDIA_BUFFERED);return e?e.split(` `).map(e=>e.split(`:`).map(e=>+e)):[]}set mediaBuffered(e){if(!e){this.removeAttribute(p.MEDIA_BUFFERED);return}let t=e.map(e=>e.join(`:`)).join(` `);this.setAttribute(p.MEDIA_BUFFERED,t)}get mediaSeekable(){let e=this.getAttribute(p.MEDIA_SEEKABLE);if(e)return e.split(`:`).map(e=>+e)}set mediaSeekable(e){e==null?this.removeAttribute(p.MEDIA_SEEKABLE):this.setAttribute(p.MEDIA_SEEKABLE,e.join(`:`))}get mediaSeekableEnd(){let[,e=this.mediaDuration]=this.mediaSeekable??[];return e}get mediaSeekableStart(){let[e=0]=this.mediaSeekable??[];return e}get mediaPreviewImage(){return k(this,p.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){A(this,p.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return T(this,p.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){E(this,p.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return D(this,p.MEDIA_ENDED)}set mediaEnded(e){O(this,p.MEDIA_ENDED,e)}updateBar(){super.updateBar(),this.updateBufferedBar(),this.updateCurrentBox()}updateBufferedBar(){let e=this.mediaBuffered;if(!e.length)return;let t;if(this.mediaEnded)t=1;else{let n=this.mediaCurrentTime,[,r=this.mediaSeekableStart]=e.find(([e,t])=>e<=n&&n<=t)??[];t=Tl(this,r)}let{style:n}=w(this.shadowRoot,`#buffered`);n.setProperty(`width`,`${t*100}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector(`slot[name="current"]`).assignedElements().length)return;let e=w(this.shadowRoot,`#current-rail`),t=w(this.shadowRoot,`[part~="current-box"]`),n=Q(this,dl,fl).call(this,Y(this,nl)),r=Q(this,pl,ml).call(this,n,this.range.valueAsNumber),i=Q(this,hl,gl).call(this,n,this.range.valueAsNumber);e.style.transform=`translateX(${r})`,e.style.setProperty(`--_range-width`,`${n.range.width}`),t.style.setProperty(`--_box-shift`,`${i}`),t.style.setProperty(`--_box-width`,`${n.box.width}px`),t.style.setProperty(`visibility`,`initial`)}handleEvent(e){switch(super.handleEvent(e),e.type){case`input`:Q(this,xl,Sl).call(this);break;case`pointermove`:Q(this,_l,vl).call(this,e);break;case`pointerup`:Y(this,ol)&&Z(this,ol,!1);break;case`pointerdown`:Z(this,ol,!0);break;case`pointerleave`:Q(this,yl,bl).call(this,null);break;case`transitionstart`:Le(e.target,this)&&setTimeout(()=>Y(this,sl).call(this),0)}}};Zc=new WeakMap,Qc=new WeakMap,$c=new WeakMap,el=new WeakMap,tl=new WeakMap,nl=new WeakMap,rl=new WeakMap,il=new WeakMap,al=new WeakMap,ol=new WeakMap,sl=new WeakMap,cl=new WeakSet,ll=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&Ve(this)},ul=new WeakMap,dl=new WeakSet,fl=function(e){let t=((this.getAttribute(`bounds`)?Re(this,`#${this.getAttribute(`bounds`)}`):this.parentElement)??this).getBoundingClientRect(),n=this.range.getBoundingClientRect(),r=e.offsetWidth;return{box:{width:r,min:-(n.left-t.left-r/2),max:t.right-n.left-r/2},bounds:t,range:n}},pl=new WeakSet,ml=function(e,t){let n=`${t*100}%`,{width:r,min:i,max:a}=e.box;if(!r)return n;if(Number.isNaN(i)||(n=`max(${`calc(1 / var(--_range-width) * 100 * ${i}% + var(--media-box-padding-left))`}, ${n})`),!Number.isNaN(a)){let e=`calc(1 / var(--_range-width) * 100 * ${a}% - var(--media-box-padding-right))`;n=`min(${n}, ${e})`}return n},hl=new WeakSet,gl=function(e,t){let{width:n,min:r,max:i}=e.box,a=t*e.range.width;if(a<r+Y(this,rl)){let t=e.range.left-e.bounds.left-Y(this,rl);return`${a-n/2+t}px`}if(a>i-Y(this,il)){let t=e.bounds.right-e.range.right-Y(this,il);return`${a+n/2-t-e.range.width}px`}return 0},_l=new WeakSet,vl=function(e){let t=[...Y(this,$c)].some(t=>e.composedPath().includes(t));if(!this.dragging&&(t||!e.composedPath().includes(this))){Q(this,yl,bl).call(this,null);return}let n=this.mediaSeekableEnd;if(!n)return;let r=w(this.shadowRoot,`#preview-rail`),i=w(this.shadowRoot,`[part~="preview-box"]`),a=Q(this,dl,fl).call(this,Y(this,tl)),o=(e.clientX-a.range.left)/a.range.width;o=Math.max(0,Math.min(1,o));let s=Q(this,pl,ml).call(this,a,o),c=Q(this,hl,gl).call(this,a,o);r.style.transform=`translateX(${s})`,r.style.setProperty(`--_range-width`,`${a.range.width}`),i.style.setProperty(`--_box-shift`,`${c}`),i.style.setProperty(`--_box-width`,`${a.box.width}px`);let l=Math.round(Y(this,el))-Math.round(o*n);Math.abs(l)<1&&o>.01&&o<.99||(Z(this,el,o*n),Q(this,yl,bl).call(this,Y(this,el)))},yl=new WeakSet,bl=function(e){this.dispatchEvent(new S.CustomEvent(l.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:e}))},xl=new WeakSet,Sl=function(){Y(this,Qc).stop();let e=El(this);this.dispatchEvent(new S.CustomEvent(l.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e}))},Dl.shadowRootOptions={mode:`open`},Dl.getContainerTemplateHTML=wl,S.customElements.get(`media-time-range`)||S.customElements.define(`media-time-range`,Dl);var Ol=Dl,kl=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Al=(e,t,n)=>(kl(e,t,`read from private field`),n?n.call(e):t.get(e)),jl=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Ml,Nl=1,Pl=e=>e.mediaMuted?0:e.mediaVolume,Fl=e=>`${Math.round(e*100)}%`,Il=class extends ya{constructor(){super(...arguments),jl(this,Ml,()=>{let e=this.range.value,t=new S.CustomEvent(l.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)})}static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_VOLUME,p.MEDIA_MUTED,p.MEDIA_VOLUME_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),this.range.setAttribute(`aria-label`,x(`volume`)),this.range.addEventListener(`input`,Al(this,Ml))}disconnectedCallback(){this.range.removeEventListener(`input`,Al(this,Ml)),super.disconnectedCallback()}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),(e===p.MEDIA_VOLUME||e===p.MEDIA_MUTED)&&(this.range.valueAsNumber=Pl(this),this.range.setAttribute(`aria-valuetext`,Fl(this.range.valueAsNumber)),this.updateBar())}get mediaVolume(){return T(this,p.MEDIA_VOLUME,Nl)}set mediaVolume(e){E(this,p.MEDIA_VOLUME,e)}get mediaMuted(){return D(this,p.MEDIA_MUTED)}set mediaMuted(e){O(this,p.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return k(this,p.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){A(this,p.MEDIA_VOLUME_UNAVAILABLE,e)}};Ml=new WeakMap,S.customElements.get(`media-volume-range`)||S.customElements.define(`media-volume-range`,Il);var Ll=Il;function Rl(e){return`
+      <style>
+        :host {
+          min-width: 4ch;
+          padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
+          width: 100%;
+          display: grid;
+          grid-template-columns: 1fr auto;
+          gap: 1rem;
+          font-weight: var(--media-button-font-weight, normal);
+        }
+
+        #checked-indicator {
+          display: none;
+        }
+
+        :host([${p.MEDIA_LOOP}]) #checked-indicator {
+          display: block;
+        }
+      </style>
+      
+      <span id="icon">
+     </span>
+
+      <div id="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>
+      </div>
+    `}function zl(){return x(`Loop`)}var Bl=class extends U{constructor(){super(...arguments),this.container=null}static get observedAttributes(){return[...super.observedAttributes,p.MEDIA_LOOP]}connectedCallback(){super.connectedCallback(),this.container=this.shadowRoot?.querySelector(`#icon`)||null,this.container&&(this.container.textContent=x(`Loop`))}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===p.MEDIA_LOOP&&this.container&&this.setAttribute(`aria-checked`,this.mediaLoop?`true`:`false`)}get mediaLoop(){return D(this,p.MEDIA_LOOP)}set mediaLoop(e){O(this,p.MEDIA_LOOP,e)}handleClick(){let e=!this.mediaLoop,t=new S.CustomEvent(l.MEDIA_LOOP_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};Bl.getSlotTemplateHTML=Rl,Bl.getTooltipContentHTML=zl,S.customElements.get(`media-loop-button`)||S.customElements.define(`media-loop-button`,Bl);var Vl=Bl;function $(e){if(typeof e==`boolean`)return e?``:void 0;if(typeof e!=`function`){if(Array.isArray(e)&&e.every(e=>typeof e==`string`||typeof e==`number`||typeof e==`boolean`))return e.join(` `);if(!(typeof e==`object`&&e))return e}}s({tagName:`media-gesture-receiver`,elementClass:Qe,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-container`,elementClass:kt,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-chrome-dialog`,elementClass:en,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-keyboard-shortcuts-dialog`,elementClass:mn,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});var Hl=s({tagName:`media-controller`,elementClass:$r,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});s({tagName:`media-tooltip`,elementClass:ri,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-chrome-button`,elementClass:xi,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-airplay-button`,elementClass:Di,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-captions-button`,elementClass:Ii,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-cast-button`,elementClass:Ui,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-chrome-range`,elementClass:ba,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});var Ul=s({tagName:`media-control-bar`,elementClass:Oa,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});s({tagName:`media-text-display`,elementClass:La,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-duration-display`,elementClass:Ga,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-error-dialog`,elementClass:ao,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});var Wl=s({tagName:`media-fullscreen-button`,elementClass:vo,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});s({tagName:`media-live-button`,elementClass:Do,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});var Gl=s({tagName:`media-loading-indicator`,elementClass:zo,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),Kl=s({tagName:`media-mute-button`,elementClass:qo,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),ql=s({tagName:`media-pip-button`,elementClass:$o,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),Jl=s({tagName:`media-playback-rate-button`,elementClass:us,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),Yl=s({tagName:`media-play-button`,elementClass:_s,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});s({tagName:`media-poster-image`,elementClass:Cs,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-preview-chapter-display`,elementClass:As,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-preview-thumbnail`,elementClass:Rs,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),s({tagName:`media-preview-time-display`,elementClass:Gs,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});var Xl=s({tagName:`media-seek-backward-button`,elementClass:ec,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),Zl=s({tagName:`media-seek-forward-button`,elementClass:lc,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),Ql=s({tagName:`media-time-display`,elementClass:Fc,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),$l=s({tagName:`media-time-range`,elementClass:Ol,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}}),eu=s({tagName:`media-volume-range`,elementClass:Ll,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});s({tagName:`media-loop-button`,elementClass:Vl,react:n.default,toAttributeValue:$,defaultProps:{suppressHydrationWarning:!0}});export{Kl as a,Jl as c,Ql as d,$l as f,Gl as i,Xl as l,Hl as n,ql as o,eu as p,Wl as r,Yl as s,Ul as t,Zl as u};