media-chrome/dist/iife/index.js

Custom elements (web components) for making audio and video player controls that look great in your website or app.

var MediaChrome=(()=>{var Tr=Object.defineProperty;var ns=Object.getOwnPropertyDescriptor;var os=Object.getOwnPropertyNames;var as=Object.prototype.hasOwnProperty;var Ir=(i,t)=>{for(var e in t)Tr(i,e,{get:t[e],enumerable:!0})},ss=(i,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of os(t))!as.call(i,n)&&n!==e&&Tr(i,n,{get:()=>t[n],enumerable:!(r=ns(t,n))||r.enumerable});return i};var ls=i=>ss(Tr({},"__esModule",{value:!0}),i);var yr=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)};var s=(i,t,e)=>(yr(i,t,"read from private field"),e?e.call(i):t.get(i)),m=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},p=(i,t,e,r)=>(yr(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e);var xn=(i,t,e,r)=>({set _(n){p(i,t,n,e)},get _(){return s(i,t,r)}}),A=(i,t,e)=>(yr(i,t,"access private method"),e);var Pl={};Ir(Pl,{MediaAirplayButton:()=>xo,MediaCaptionsButton:()=>Uo,MediaCastButton:()=>Ho,MediaChromeButton:()=>Mo,MediaChromeDialog:()=>Go,MediaChromeRange:()=>Zo,MediaContainer:()=>eo,MediaControlBar:()=>Jo,MediaController:()=>yo,MediaDurationDisplay:()=>ia,MediaErrorDialog:()=>oa,MediaFullscreenButton:()=>la,MediaGestureReceiver:()=>Qn,MediaLiveButton:()=>ca,MediaLoadingIndicator:()=>ha,MediaMuteButton:()=>fa,MediaPipButton:()=>Ia,MediaPlayButton:()=>La,MediaPlaybackRateButton:()=>Sa,MediaPosterImage:()=>Ra,MediaPreviewChapterDisplay:()=>xa,MediaPreviewThumbnail:()=>Ca,MediaPreviewTimeDisplay:()=>wa,MediaSeekBackwardButton:()=>Ua,MediaSeekForwardButton:()=>Na,MediaTextDisplay:()=>ta,MediaTimeDisplay:()=>$a,MediaTimeRange:()=>Ya,MediaTooltip:()=>ja,MediaVolumeRange:()=>za,constants:()=>di,t:()=>g,timeUtils:()=>ci});var di={};Ir(di,{AttributeToStateChangeEventMap:()=>Sr,AvailabilityStates:()=>W,MediaStateChangeEvents:()=>he,MediaStateReceiverAttributes:()=>L,MediaUIAttributes:()=>a,MediaUIEvents:()=>E,MediaUIProps:()=>si,PointerTypes:()=>li,ReadyStates:()=>cs,StateChangeEventToAttributeMap:()=>us,StreamTypes:()=>Q,TextTrackKinds:()=>K,TextTrackModes:()=>ce,VolumeLevels:()=>ms,WebkitPresentationModes:()=>_r});var E={MEDIA_PLAY_REQUEST:"mediaplayrequest",MEDIA_PAUSE_REQUEST:"mediapauserequest",MEDIA_MUTE_REQUEST:"mediamuterequest",MEDIA_UNMUTE_REQUEST:"mediaunmuterequest",MEDIA_VOLUME_REQUEST:"mediavolumerequest",MEDIA_SEEK_REQUEST:"mediaseekrequest",MEDIA_AIRPLAY_REQUEST:"mediaairplayrequest",MEDIA_ENTER_FULLSCREEN_REQUEST:"mediaenterfullscreenrequest",MEDIA_EXIT_FULLSCREEN_REQUEST:"mediaexitfullscreenrequest",MEDIA_PREVIEW_REQUEST:"mediapreviewrequest",MEDIA_ENTER_PIP_REQUEST:"mediaenterpiprequest",MEDIA_EXIT_PIP_REQUEST:"mediaexitpiprequest",MEDIA_ENTER_CAST_REQUEST:"mediaentercastrequest",MEDIA_EXIT_CAST_REQUEST:"mediaexitcastrequest",MEDIA_SHOW_TEXT_TRACKS_REQUEST:"mediashowtexttracksrequest",MEDIA_HIDE_TEXT_TRACKS_REQUEST:"mediahidetexttracksrequest",MEDIA_SHOW_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_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"},L={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},si={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_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_WIDTH:"mediaWidth"},Dn=Object.entries(si),a=Dn.reduce((i,[t,e])=>(i[t]=e.toLowerCase(),i),{}),ds={USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"},he=Dn.reduce((i,[t,e])=>(i[t]=e.toLowerCase(),i),{...ds}),us=Object.entries(he).reduce((i,[t,e])=>{let r=a[t];return r&&(i[e]=r),i},{userinactivechange:"userinactive"}),Sr=Object.entries(a).reduce((i,[t,e])=>{let r=he[t];return r&&(i[e]=r),i},{userinactive:"userinactivechange"}),K={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},ce={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"},cs={HAVE_NOTHING:0,HAVE_METADATA:1,HAVE_CURRENT_DATA:2,HAVE_FUTURE_DATA:3,HAVE_ENOUGH_DATA:4},li={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},W={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},Q={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"},ms={HIGH:"high",MEDIUM:"medium",LOW:"low",OFF:"off"},_r={INLINE:"inline",FULLSCREEN:"fullscreen",PICTURE_IN_PICTURE:"picture-in-picture"};var ci={};Ir(ci,{emptyTimeRanges:()=>Un,formatAsTimePhrase:()=>Ee,formatTime:()=>X,serializeTimeRanges:()=>bs});function Cn(i){return i==null?void 0:i.map(ps).join(" ")}function ps(i){if(i){let{id:t,width:e,height:r}=i;return[t,e,r].filter(n=>n!=null).join(":")}}function wn(i){return i==null?void 0:i.map(hs).join(" ")}function hs(i){if(i){let{id:t,kind:e,language:r,label:n}=i;return[t,e,r,n].filter(o=>o!=null).join(":")}}function Qe(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}var ui=i=>new Promise(t=>setTimeout(t,i));var Pn=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],Es=(i,t)=>{let e=i===1?Pn[t].singular:Pn[t].plural;return`${i} ${e}`},Ee=i=>{if(!Qe(i))return"";let t=Math.abs(i),e=t!==i,r=new Date(0,0,0,0,0,t,0);return`${[r.getHours(),r.getMinutes(),r.getSeconds()].map((u,c)=>u&&Es(u,c)).filter(u=>u).join(", ")}${e?" remaining":""}`};function X(i,t){let e=!1;i<0&&(e=!0,i=0-i),i=i<0?0:i;let r=Math.floor(i%60),n=Math.floor(i/60%60),o=Math.floor(i/3600),l=Math.floor(t/60%60),u=Math.floor(t/3600);return(isNaN(i)||i===1/0)&&(o=n=r="0"),o=o>0||u>0?o+":":"",n=((o||l>=10)&&n<10?"0"+n:n)+":",r=r<10?"0"+r:r,(e?"-":"")+o+n+r}var Un=Object.freeze({length:0,start(i){let t=i>>>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(i){let t=i>>>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}});function bs(i=Un){return Array.from(i).map((t,e)=>[Number(i.start(e).toFixed(3)),Number(i.end(e).toFixed(3))].join(":")).join(" ")}var Mr={"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","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","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",live:"live","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."};var gs={en:Mr},On,Nn=((On=globalThis.navigator)==null?void 0:On.language.split("-")[0])||"en",Hn=i=>{Nn=i};var g=(i,t={})=>{var r;return(((r=gs[Nn])==null?void 0:r[i])||Mr[i]).replace(/\{(\w+)\}/g,(n,o)=>t[o]!==void 0?String(t[o]):`{${o}}`)};var mi=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},pi=class extends mi{},hi=class extends pi{constructor(){super(...arguments);this.role=null}},Lr=class{observe(){}unobserve(){}disconnect(){}},Fn={createElement:function(){return new ft.HTMLElement},createElementNS:function(){return new ft.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(i){return!1}},ft={ResizeObserver:Lr,document:Fn,Node:pi,Element:hi,HTMLElement:class extends hi{constructor(){super(...arguments);this.innerHTML=""}get content(){return new ft.DocumentFragment}},DocumentFragment:class extends mi{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},localStorage:{getItem(i){return null},setItem(i,t){},removeItem(i){}},CustomEvent:function(){},getComputedStyle:function(){},navigator:{languages:[],get userAgent(){return""}},matchMedia(i){return{matches:!1,media:i}}},Bn=typeof window=="undefined"||typeof window.customElements=="undefined",$n=Object.keys(ft).every(i=>i in globalThis),d=Bn&&!$n?ft:globalThis,v=Bn&&!$n?Fn:globalThis.document;var Vn=new WeakMap,kr=i=>{let t=Vn.get(i);return t||Vn.set(i,t=new Set),t},Kn=new d.ResizeObserver(i=>{for(let t of i)for(let e of kr(t.target))e(t)});function Ei(i,t){kr(i).add(t),Kn.observe(i)}function bi(i,t){let e=kr(i);e.delete(t),e.size||Kn.unobserve(i)}function Gn(i){let t={};for(let e of i)t[e.name]=e.value;return t}function Wn(i){var t;return(t=fs(i))!=null?t:be(i,"media-controller")}function fs(i){var r;let{MEDIA_CONTROLLER:t}=L,e=i.getAttribute(t);if(e)return(r=As(i))==null?void 0:r.getElementById(e)}var gi=(i,t,e=".value")=>{let r=i.querySelector(e);r&&(r.textContent=t)},vs=(i,t)=>{let e=`slot[name="${t}"]`,r=i.shadowRoot.querySelector(e);return r?r.children:[]},fi=(i,t)=>vs(i,t)[0],se=(i,t)=>!i||!t?!1:i!=null&&i.contains(t)?!0:se(i,t.getRootNode().host),be=(i,t)=>{if(!i)return null;let e=i.closest(t);return e||be(i.getRootNode().host,t)};function Rr(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=Rr(t.shadowRoot))!=null?e:t:null}function As(i){var e;let t=(e=i==null?void 0:i.getRootNode)==null?void 0:e.call(i);return t instanceof ShadowRoot||t instanceof Document?t:null}function vi(i,{depth:t=3,checkOpacity:e=!0,checkVisibilityCSS:r=!0}={}){if(i.checkVisibility)return i.checkVisibility({checkOpacity:e,checkVisibilityCSS:r});let n=i;for(;n&&t>0;){let o=getComputedStyle(n);if(e&&o.opacity==="0"||r&&o.visibility==="hidden"||o.display==="none")return!1;n=n.parentElement,t--}return!0}function qn(i,t,e,r){let n=r.x-e.x,o=r.y-e.y,l=n*n+o*o;if(l===0)return 0;let u=((i-e.x)*n+(t-e.y)*o)/l;return Math.max(0,Math.min(1,u))}function U(i,t){let e=Ts(i,r=>r===t);return e||Is(i,t)}function Ts(i,t){var r,n;let e;for(e of(r=i.querySelectorAll("style:not([media])"))!=null?r:[]){let o;try{o=(n=e.sheet)==null?void 0:n.cssRules}catch{continue}for(let l of o!=null?o:[])if(t(l.selectorText))return l}}function Is(i,t){var n,o;let e=(n=i.querySelectorAll("style:not([media])"))!=null?n:[],r=e==null?void 0:e[e.length-1];return r!=null&&r.sheet?(r==null||r.sheet.insertRule(`${t}{}`,r.sheet.cssRules.length),(o=r.sheet.cssRules)==null?void 0:o[r.sheet.cssRules.length-1]):(console.warn("Media Chrome: No style sheet found on style tag of",i),{style:{setProperty:()=>{},removeProperty:()=>"",getPropertyValue:()=>""}})}function C(i,t,e=Number.NaN){let r=i.getAttribute(t);return r!=null?+r:e}function O(i,t,e){let r=+e;if(e==null||Number.isNaN(r)){i.hasAttribute(t)&&i.removeAttribute(t);return}C(i,t,void 0)!==r&&i.setAttribute(t,`${r}`)}function S(i,t){return i.hasAttribute(t)}function _(i,t,e){if(e==null){i.hasAttribute(t)&&i.removeAttribute(t);return}S(i,t)!=e&&i.toggleAttribute(t,e)}function k(i,t,e=null){var r;return(r=i.getAttribute(t))!=null?r:e}function R(i,t,e){if(e==null){i.hasAttribute(t)&&i.removeAttribute(t);return}let r=`${e}`;k(i,t,void 0)!==r&&i.setAttribute(t,r)}var Yn=v.createElement("template");Yn.innerHTML=`
<style>
  :host {
    display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
    box-sizing: border-box;
  }
</style>
`;var G,Ai=class extends d.HTMLElement{constructor(e={}){super();m(this,G,void 0);if(!this.shadowRoot){let r=this.attachShadow({mode:"open"}),n=Yn.content.cloneNode(!0);this.nativeEl=n;let o=e.slotTemplate;o||(o=v.createElement("template"),o.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(o.content.cloneNode(!0)),r.appendChild(n)}}static get observedAttributes(){return[L.MEDIA_CONTROLLER,a.MEDIA_PAUSED]}attributeChangedCallback(e,r,n){var o,l,u,c,h;e===L.MEDIA_CONTROLLER&&(r&&((l=(o=s(this,G))==null?void 0:o.unassociateElement)==null||l.call(o,this),p(this,G,null)),n&&this.isConnected&&(p(this,G,(u=this.getRootNode())==null?void 0:u.getElementById(n)),(h=(c=s(this,G))==null?void 0:c.associateElement)==null||h.call(c,this)))}connectedCallback(){var e,r,n,o;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),p(this,G,ys(this)),this.getAttribute(L.MEDIA_CONTROLLER)&&((r=(e=s(this,G))==null?void 0:e.associateElement)==null||r.call(e,this)),(n=s(this,G))==null||n.addEventListener("pointerdown",this),(o=s(this,G))==null||o.addEventListener("click",this)}disconnectedCallback(){var e,r,n,o;this.getAttribute(L.MEDIA_CONTROLLER)&&((r=(e=s(this,G))==null?void 0:e.unassociateElement)==null||r.call(e,this)),(n=s(this,G))==null||n.removeEventListener("pointerdown",this),(o=s(this,G))==null||o.removeEventListener("click",this),p(this,G,null)}handleEvent(e){var o;let r=(o=e.composedPath())==null?void 0:o[0];if(["video","media-controller"].includes(r==null?void 0:r.localName)){if(e.type==="pointerdown")this._pointerType=e.pointerType;else if(e.type==="click"){let{clientX:l,clientY:u}=e,{left:c,top:h,width:I,height:M}=this.getBoundingClientRect(),T=l-c,f=u-h;if(T<0||f<0||T>I||f>M||I===0&&M===0)return;let{pointerType:w=this._pointerType}=e;if(this._pointerType=void 0,w===li.TOUCH){this.handleTap(e);return}else if(w===li.MOUSE){this.handleMouseClick(e);return}}}}get mediaPaused(){return S(this,a.MEDIA_PAUSED)}set mediaPaused(e){_(this,a.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let r=this.mediaPaused?E.MEDIA_PLAY_REQUEST:E.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new d.CustomEvent(r,{composed:!0,bubbles:!0}))}};G=new WeakMap;function ys(i){var e;let t=i.getAttribute(L.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):be(i,"media-controller")}d.customElements.get("media-gesture-receiver")||d.customElements.define("media-gesture-receiver",Ai);var Qn=Ai;var y={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive",AUTOHIDE_OVER_CONTROLS:"autohideovercontrols"},jn=v.createElement("template");jn.innerHTML=`
  <style>
    
    :host([${a.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);
    }

    :host(:not([${y.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([${y.AUDIO}]) slot[name=media] {
      display: var(--media-slot-display, none);
    }

    
    :host([${y.AUDIO}]) [part~=layer][part~=gesture-layer] {
      height: 0;
      display: block;
    }

    
    :host(:not([${y.AUDIO}])[${y.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
    :host(:not([${y.AUDIO}])[${y.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([${y.AUDIO}])) *[part~=layer][part~=centered-layer] {
      align-items: center;
      justify-content: center;
    }

    :host(:not([${y.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
    :host(:not([${y.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([${y.AUDIO}])) .spacer {
      flex-grow: 1;
    }

    
    :host(:-webkit-full-screen) {
      
      width: 100% !important;
      height: 100% !important;
    }

    
    ::slotted(:not([slot=media]):not([slot=poster]):not([${y.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) {
      opacity: 1;
      transition: var(--media-control-transition-in, opacity 0.25s);
    }

    
    :host([${y.USER_INACTIVE}]:not([${a.MEDIA_PAUSED}]):not([${a.MEDIA_IS_AIRPLAYING}]):not([${a.MEDIA_IS_CASTING}]):not([${y.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${y.NO_AUTOHIDE}]):not([role=dialog])) {
      opacity: 0;
      transition: var(--media-control-transition-out, opacity 1s);
    }

    :host([${y.USER_INACTIVE}]:not([${y.NO_AUTOHIDE}]):not([${a.MEDIA_PAUSED}]):not([${a.MEDIA_IS_CASTING}]):not([${y.AUDIO}])) ::slotted([slot=media]) {
      cursor: none;
    }

    :host([${y.USER_INACTIVE}][${y.AUTOHIDE_OVER_CONTROLS}]:not([${y.NO_AUTOHIDE}]):not([${a.MEDIA_PAUSED}]):not([${a.MEDIA_IS_CASTING}]):not([${y.AUDIO}])) * {
     --media-cursor: none;
     cursor: none;
    }


    ::slotted(media-control-bar)  {
      align-self: stretch;
    }

    
    :host(:not([${y.AUDIO}])[${a.MEDIA_HAS_PLAYED}]) 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"></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 Ss=Object.values(a),_s="sm:384 md:576 lg:768 xl:960";function Ms(i){zn(i.target,i.contentRect.width)}function zn(i,t){var l;if(!i.isConnected)return;let e=(l=i.getAttribute(y.BREAKPOINTS))!=null?l:_s,r=Ls(e),n=ks(r,t),o=!1;if(Object.keys(r).forEach(u=>{if(n.includes(u)){i.hasAttribute(`breakpoint${u}`)||(i.setAttribute(`breakpoint${u}`,""),o=!0);return}i.hasAttribute(`breakpoint${u}`)&&(i.removeAttribute(`breakpoint${u}`),o=!0)}),o){let u=new CustomEvent(he.BREAKPOINTS_CHANGE,{detail:n});i.dispatchEvent(u)}i.breakpointsComputed||(i.breakpointsComputed=!0,i.dispatchEvent(new CustomEvent(he.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}function Ls(i){let t=i.split(/\s+/);return Object.fromEntries(t.map(e=>e.split(":")))}function ks(i,t){return Object.keys(i).filter(e=>t>=parseInt(i[e]))}var At,Me,je,Le,Tt,Ii,Zn,ze,It,yi,Xn,Si,Jn,Ze,Ti,yt,xr,ke,vt,Xe=class extends d.HTMLElement{constructor(){super();m(this,Ii);m(this,yi);m(this,Si);m(this,Ze);m(this,yt);m(this,ke);m(this,At,0);m(this,Me,null);m(this,je,null);m(this,Le,void 0);this.breakpointsComputed=!1;m(this,Tt,new MutationObserver(A(this,Ii,Zn).bind(this)));m(this,ze,!1);m(this,It,e=>{s(this,ze)||(setTimeout(()=>{Ms(e),p(this,ze,!1)},0),p(this,ze,!0))});this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(jn.content.cloneNode(!0)));let e=this.querySelector(":scope > slot[slot=media]");e&&e.addEventListener("slotchange",()=>{if(!e.assignedElements({flatten:!0}).length){s(this,Me)&&this.mediaUnsetCallback(s(this,Me));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[y.AUTOHIDE,y.GESTURES_DISABLED].concat(Ss).filter(e=>![a.MEDIA_RENDITION_LIST,a.MEDIA_AUDIO_TRACK_LIST,a.MEDIA_CHAPTERS_CUES,a.MEDIA_WIDTH,a.MEDIA_HEIGHT,a.MEDIA_ERROR,a.MEDIA_ERROR_MESSAGE].includes(e))}attributeChangedCallback(e,r,n){e.toLowerCase()==y.AUTOHIDE&&(this.autohide=n)}get media(){let e=this.querySelector(":scope > [slot=media]");return(e==null?void 0:e.nodeName)=="SLOT"&&(e=e.assignedElements({flatten:!0})[0]),e}async handleMediaUpdated(e){e&&(p(this,Me,e),e.localName.includes("-")&&await d.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var n;s(this,Tt).observe(this,{childList:!0,subtree:!0}),Ei(this,s(this,It));let r=this.getAttribute(y.AUDIO)!=null?g("audio player"):g("video player");this.setAttribute("role","region"),this.setAttribute("aria-label",r),this.handleMediaUpdated(this.media),this.setAttribute(y.USER_INACTIVE,""),zn(this,this.getBoundingClientRect().width),this.addEventListener("pointerdown",this),this.addEventListener("pointermove",this),this.addEventListener("pointerup",this),this.addEventListener("mouseleave",this),this.addEventListener("keyup",this),(n=d.window)==null||n.addEventListener("mouseup",this)}disconnectedCallback(){var e;s(this,Tt).disconnect(),bi(this,s(this,It)),this.media&&this.mediaUnsetCallback(this.media),(e=d.window)==null||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){p(this,Me,null)}handleEvent(e){switch(e.type){case"pointerdown":p(this,At,e.timeStamp);break;case"pointermove":A(this,yi,Xn).call(this,e);break;case"pointerup":A(this,Si,Jn).call(this,e);break;case"mouseleave":A(this,Ze,Ti).call(this);break;case"mouseup":this.removeAttribute(y.KEYBOARD_CONTROL);break;case"keyup":A(this,ke,vt).call(this),this.setAttribute(y.KEYBOARD_CONTROL,"");break}}set autohide(e){let r=Number(e);p(this,Le,isNaN(r)?0:r)}get autohide(){return(s(this,Le)===void 0?2:s(this,Le)).toString()}get breakpoints(){return k(this,y.BREAKPOINTS)}set breakpoints(e){R(this,y.BREAKPOINTS,e)}get audio(){return S(this,y.AUDIO)}set audio(e){_(this,y.AUDIO,e)}get gesturesDisabled(){return S(this,y.GESTURES_DISABLED)}set gesturesDisabled(e){_(this,y.GESTURES_DISABLED,e)}get keyboardControl(){return S(this,y.KEYBOARD_CONTROL)}set keyboardControl(e){_(this,y.KEYBOARD_CONTROL,e)}get noAutohide(){return S(this,y.NO_AUTOHIDE)}set noAutohide(e){_(this,y.NO_AUTOHIDE,e)}get autohideOverControls(){return S(this,y.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){_(this,y.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return S(this,y.USER_INACTIVE)}set userInteractive(e){_(this,y.USER_INACTIVE,e)}};At=new WeakMap,Me=new WeakMap,je=new WeakMap,Le=new WeakMap,Tt=new WeakMap,Ii=new WeakSet,Zn=function(e){let r=this.media;for(let n of e){if(n.type!=="childList")continue;let o=n.removedNodes;for(let l of o){if(l.slot!="media"||n.target!=this)continue;let u=n.previousSibling&&n.previousSibling.previousElementSibling;if(!u||!r)this.mediaUnsetCallback(l);else{let c=u.slot!=="media";for(;(u=u.previousSibling)!==null;)u.slot=="media"&&(c=!1);c&&this.mediaUnsetCallback(l)}}if(r)for(let l of n.addedNodes)l===r&&this.handleMediaUpdated(r)}},ze=new WeakMap,It=new WeakMap,yi=new WeakSet,Xn=function(e){if(e.pointerType!=="mouse"&&e.timeStamp-s(this,At)<250)return;A(this,yt,xr).call(this),clearTimeout(s(this,je));let r=this.hasAttribute(y.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(e.target)||r)&&A(this,ke,vt).call(this)},Si=new WeakSet,Jn=function(e){if(e.pointerType==="touch"){let r=!this.hasAttribute(y.USER_INACTIVE);[this,this.media].includes(e.target)&&r?A(this,Ze,Ti).call(this):A(this,ke,vt).call(this)}else e.composedPath().some(r=>["media-play-button","media-fullscreen-button"].includes(r==null?void 0:r.localName))&&A(this,ke,vt).call(this)},Ze=new WeakSet,Ti=function(){if(s(this,Le)<0||this.hasAttribute(y.USER_INACTIVE))return;this.setAttribute(y.USER_INACTIVE,"");let e=new d.CustomEvent(he.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(e)},yt=new WeakSet,xr=function(){if(!this.hasAttribute(y.USER_INACTIVE))return;this.removeAttribute(y.USER_INACTIVE);let e=new d.CustomEvent(he.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(e)},ke=new WeakSet,vt=function(){A(this,yt,xr).call(this),clearTimeout(s(this,je));let e=parseInt(this.autohide);e<0||p(this,je,setTimeout(()=>{A(this,Ze,Ti).call(this)},e*1e3))};d.customElements.get("media-container")||d.customElements.define("media-container",Xe);var eo=Xe;var Re,xe,St,fe,le,ge,Je=class{constructor(t,e,{defaultValue:r}={defaultValue:void 0}){m(this,le);m(this,Re,void 0);m(this,xe,void 0);m(this,St,void 0);m(this,fe,new Set);p(this,Re,t),p(this,xe,e),p(this,St,new Set(r))}[Symbol.iterator](){return s(this,le,ge).values()}get length(){return s(this,le,ge).size}get value(){var t;return(t=[...s(this,le,ge)].join(" "))!=null?t:""}set value(t){var e;t!==this.value&&(p(this,fe,new Set),this.add(...(e=t==null?void 0:t.split(" "))!=null?e:[]))}toString(){return this.value}item(t){return[...s(this,le,ge)][t]}values(){return s(this,le,ge).values()}forEach(t,e){s(this,le,ge).forEach(t,e)}add(...t){var e,r;t.forEach(n=>s(this,fe).add(n)),!(this.value===""&&!((e=s(this,Re))!=null&&e.hasAttribute(`${s(this,xe)}`)))&&((r=s(this,Re))==null||r.setAttribute(`${s(this,xe)}`,`${this.value}`))}remove(...t){var e;t.forEach(r=>s(this,fe).delete(r)),(e=s(this,Re))==null||e.setAttribute(`${s(this,xe)}`,`${this.value}`)}contains(t){return s(this,le,ge).has(t)}toggle(t,e){return typeof e!="undefined"?e?(this.add(t),!0):(this.remove(t),!1):this.contains(t)?(this.remove(t),!1):(this.add(t),!0)}replace(t,e){return this.remove(t),this.add(e),t===e}};Re=new WeakMap,xe=new WeakMap,St=new WeakMap,fe=new WeakMap,le=new WeakSet,ge=function(){return s(this,fe).size?s(this,fe):s(this,St)};var Rs=(i="")=>i.split(/\s+/),to=(i="")=>{let[t,e,r]=i.split(":"),n=r?decodeURIComponent(r):void 0;return{kind:t==="cc"?K.CAPTIONS:K.SUBTITLES,language:e,label:n}},Dr=(i="",t={})=>Rs(i).map(e=>{let r=to(e);return{...t,...r}}),Cr=i=>i?Array.isArray(i)?i.map(t=>typeof t=="string"?to(t):t):typeof i=="string"?Dr(i):[i]:[],xs=({kind:i,label:t,language:e}={kind:"subtitles"})=>t?`${i==="captions"?"cc":"sb"}:${e}:${encodeURIComponent(t)}`:e,_t=(i=[])=>Array.prototype.map.call(i,xs).join(" "),Ds=(i,t)=>e=>e[i]===t,io=i=>{let t=Object.entries(i).map(([e,r])=>Ds(e,r));return e=>t.every(r=>r(e))},De=(i,t=[],e=[])=>{let r=Cr(e).map(io),n=o=>r.some(l=>l(o));Array.from(t).filter(n).forEach(o=>{o.mode=i})},Ce=(i,t=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let e=typeof t=="function"?t:io(t);return Array.from(i.textTracks).filter(e)},ro=i=>{var e;return!!((e=i.mediaSubtitlesShowing)!=null&&e.length)||i.hasAttribute(a.MEDIA_SUBTITLES_SHOWING)};var oo=i=>{var n;let{media:t,fullscreenElement:e}=i,r=e&&"requestFullscreen"in e?"requestFullscreen":e&&"webkitRequestFullScreen"in e?"webkitRequestFullScreen":void 0;if(r){let o=(n=e[r])==null?void 0:n.call(e);if(o instanceof Promise)return o.catch(()=>{})}else t!=null&&t.webkitEnterFullscreen?t.webkitEnterFullscreen():t!=null&&t.requestFullscreen&&t.requestFullscreen()},no="exitFullscreen"in v?"exitFullscreen":"webkitExitFullscreen"in v?"webkitExitFullscreen":"webkitCancelFullScreen"in v?"webkitCancelFullScreen":void 0,ao=i=>{var e;let{documentElement:t}=i;if(no){let r=(e=t==null?void 0:t[no])==null?void 0:e.call(t);if(r instanceof Promise)return r.catch(()=>{})}},Mt="fullscreenElement"in v?"fullscreenElement":"webkitFullscreenElement"in v?"webkitFullscreenElement":void 0,Cs=i=>{let{documentElement:t,media:e}=i,r=t==null?void 0:t[Mt];return!r&&"webkitDisplayingFullscreen"in e&&"webkitPresentationMode"in e&&e.webkitDisplayingFullscreen&&e.webkitPresentationMode===_r.FULLSCREEN?e:r},so=i=>{var o;let{media:t,documentElement:e,fullscreenElement:r=t}=i;if(!t||!e)return!1;let n=Cs(i);if(!n)return!1;if(n===r||n===t)return!0;if(n.localName.includes("-")){let l=n.shadowRoot;if(!(Mt in l))return se(n,r);for(;l!=null&&l[Mt];){if(l[Mt]===r)return!0;l=(o=l[Mt])==null?void 0:o.shadowRoot}}return!1},ws="fullscreenEnabled"in v?"fullscreenEnabled":"webkitFullscreenEnabled"in v?"webkitFullscreenEnabled":void 0,lo=i=>{let{documentElement:t,media:e}=i;return!!(t!=null&&t[ws])||e&&"webkitSupportsFullscreen"in e};var _i,wr=()=>{var i,t;return _i||(_i=(t=(i=v)==null?void 0:i.createElement)==null?void 0:t.call(i,"video"),_i)},uo=async(i=wr())=>{if(!i)return!1;let t=i.volume;i.volume=t/2+.1;let e=new AbortController,r=await Promise.race([Ps(i,e.signal),Us(i,t)]);return e.abort(),r},Ps=(i,t)=>new Promise(e=>{i.addEventListener("volumechange",()=>e(!0),{signal:t})}),Us=async(i,t)=>{for(let e=0;e<10;e++){if(i.volume===t)return!1;await ui(10)}return i.volume!==t},Os=/.*Version\/.*Safari\/.*/.test(d.navigator.userAgent),Pr=(i=wr())=>d.matchMedia("(display-mode: standalone)").matches&&Os?!1:typeof(i==null?void 0:i.requestPictureInPicture)=="function",Ur=(i=wr())=>lo({documentElement:v,media:i}),co=Ur(),mo=Pr(),po=!!d.WebKitPlaybackTargetAvailabilityEvent,ho=!!d.chrome;var et=i=>Ce(i.media,t=>[K.SUBTITLES,K.CAPTIONS].includes(t.kind)).sort((t,e)=>t.kind>=e.kind?1:-1),Or=i=>Ce(i.media,t=>t.mode===ce.SHOWING&&[K.SUBTITLES,K.CAPTIONS].includes(t.kind)),Mi=(i,t)=>{let e=et(i),r=Or(i),n=!!r.length;if(e.length){if(t===!1||n&&t!==!0)De(ce.DISABLED,e,r);else if(t===!0||!n&&t!==!1){let o=e[0],{options:l}=i;if(!(l!=null&&l.noSubtitlesLangPref)){let I=globalThis.localStorage.getItem("media-chrome-pref-subtitles-lang"),M=I?[I,...globalThis.navigator.languages]:globalThis.navigator.languages,T=e.filter(f=>M.some(w=>f.language.toLowerCase().startsWith(w.split("-")[0]))).sort((f,w)=>{let x=M.findIndex(P=>f.language.toLowerCase().startsWith(P.split("-")[0])),D=M.findIndex(P=>w.language.toLowerCase().startsWith(P.split("-")[0]));return x-D});T[0]&&(o=T[0])}let{language:u,label:c,kind:h}=o;De(ce.DISABLED,e,r),De(ce.SHOWING,e,[{language:u,label:c,kind:h}])}}},Li=(i,t)=>i===t?!0:i==null||t==null||typeof i!=typeof t?!1:typeof i=="number"&&Number.isNaN(i)&&Number.isNaN(t)?!0:typeof i!="object"?!1:Array.isArray(i)?Ns(i,t):Object.entries(i).every(([e,r])=>e in t&&Li(r,t[e])),Ns=(i,t)=>{let e=Array.isArray(i),r=Array.isArray(t);return e!==r?!1:e||r?i.length!==t.length?!1:i.every((n,o)=>Li(n,t[o])):!0};var Hs=Object.values(Q),ki,Fs=uo().then(i=>(ki=i,ki)),Eo=async(...i)=>{await Promise.all(i.filter(t=>t).map(async t=>{if(!("localName"in t&&t instanceof d.HTMLElement))return;let e=t.localName;if(!e.includes("-"))return;let r=d.customElements.get(e);r&&t instanceof r||(await d.customElements.whenDefined(e),d.customElements.upgrade(t))}))},tt={mediaError:{get(i,t){let{media:e}=i;if((t==null?void 0:t.type)!=="playing")return e==null?void 0:e.error},mediaEvents:["emptied","error","playing"]},mediaErrorCode:{get(i,t){var r;let{media:e}=i;if((t==null?void 0:t.type)!=="playing")return(r=e==null?void 0:e.error)==null?void 0:r.code},mediaEvents:["emptied","error","playing"]},mediaErrorMessage:{get(i,t){var r,n;let{media:e}=i;if((t==null?void 0:t.type)!=="playing")return(n=(r=e==null?void 0:e.error)==null?void 0:r.message)!=null?n:""},mediaEvents:["emptied","error","playing"]},mediaWidth:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoWidth)!=null?e:0},mediaEvents:["resize"]},mediaHeight:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.videoHeight)!=null?e:0},mediaEvents:["resize"]},mediaPaused:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.paused)!=null?e:!0},set(i,t){var r;let{media:e}=t;e&&(i?e.pause():(r=e.play())==null||r.catch(()=>{}))},mediaEvents:["play","playing","pause","emptied"]},mediaHasPlayed:{get(i,t){let{media:e}=i;return e?t?t.type==="playing":!e.paused:!1},mediaEvents:["playing","emptied"]},mediaEnded:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.ended)!=null?e:!1},mediaEvents:["seeked","ended","emptied"]},mediaPlaybackRate:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.playbackRate)!=null?e:1},set(i,t){let{media:e}=t;e&&Number.isFinite(+i)&&(e.playbackRate=+i)},mediaEvents:["ratechange","loadstart"]},mediaMuted:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.muted)!=null?e:!1},set(i,t){let{media:e}=t;if(e){try{d.localStorage.setItem("media-chrome-pref-muted",i?"true":"false")}catch(r){console.debug("Error setting muted pref",r)}e.muted=i}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(i,t)=>{let{options:{noMutedPref:e}}=t,{media:r}=t;if(!(!r||r.muted||e))try{let n=d.localStorage.getItem("media-chrome-pref-muted")==="true";tt.mediaMuted.set(n,t),i(n)}catch(n){console.debug("Error getting muted pref",n)}}]},mediaVolume:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.volume)!=null?e:1},set(i,t){let{media:e}=t;if(e){try{i==null?d.localStorage.removeItem("media-chrome-pref-volume"):d.localStorage.setItem("media-chrome-pref-volume",i.toString())}catch(r){console.debug("Error setting volume pref",r)}Number.isFinite(+i)&&(e.volume=+i)}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(i,t)=>{let{options:{noVolumePref:e}}=t;if(!e)try{let{media:r}=t;if(!r)return;let n=d.localStorage.getItem("media-chrome-pref-volume");if(n==null)return;tt.mediaVolume.set(+n,t),i(+n)}catch(r){console.debug("Error getting volume pref",r)}}]},mediaVolumeLevel:{get(i){let{media:t}=i;return typeof(t==null?void 0:t.volume)=="undefined"?"high":t.muted||t.volume===0?"off":t.volume<.5?"low":t.volume<.75?"medium":"high"},mediaEvents:["volumechange"]},mediaCurrentTime:{get(i){var e;let{media:t}=i;return(e=t==null?void 0:t.currentTime)!=null?e:0},set(i,t){let{media:e}=t;!e||!Qe(i)||(e.currentTime=i)},mediaEvents:["timeupdate","loadedmetadata"]},mediaDuration:{get(i){let{media:t,options:{defaultDuration:e}={}}=i;return e&&(!t||!t.duration||Number.isNaN(t.duration)||!Number.isFinite(t.duration))?e:Number.isFinite(t==null?void 0:t.duration)?t.duration:Number.NaN},mediaEvents:["durationchange","loadedmetadata","emptied"]},mediaLoading:{get(i){let{media:t}=i;return(t==null?void 0:t.readyState)<3},mediaEvents:["waiting","playing","emptied"]},mediaSeekable:{get(i){var n;let{media:t}=i;if(!((n=t==null?void 0:t.seekable)!=null&&n.length))return;let e=t.seekable.start(0),r=t.seekable.end(t.seekable.length-1);if(!(!e&&!r))return[Number(e.toFixed(3)),Number(r.toFixed(3))]},mediaEvents:["loadedmetadata","emptied","progress","seekablechange"]},mediaBuffered:{get(i){var r;let{media:t}=i,e=(r=t==null?void 0:t.buffered)!=null?r:[];return Array.from(e).map((n,o)=>[Number(e.start(o).toFixed(3)),Number(e.end(o).toFixed(3))])},mediaEvents:["progress","emptied"]},mediaStreamType:{get(i){let{media:t,options:{defaultStreamType:e}={}}=i,r=[Q.LIVE,Q.ON_DEMAND].includes(e)?e:void 0;if(!t)return r;let{streamType:n}=t;if(Hs.includes(n))return n===Q.UNKNOWN?r:n;let o=t.duration;return o===1/0?Q.LIVE:Number.isFinite(o)?Q.ON_DEMAND:r},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(i){let{media:t}=i;if(!t)return Number.NaN;let{targetLiveWindow:e}=t,r=tt.mediaStreamType.get(i);return(e==null||Number.isNaN(e))&&r===Q.LIVE?0:e},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},mediaTimeIsLive:{get(i){let{media:t,options:{liveEdgeOffset:e=10}={}}=i;if(!t)return!1;if(typeof t.liveEdgeStart=="number")return Number.isNaN(t.liveEdgeStart)?!1:t.currentTime>=t.liveEdgeStart;if(!(tt.mediaStreamType.get(i)===Q.LIVE))return!1;let n=t.seekable;if(!n)return!0;if(!n.length)return!1;let o=n.end(n.length-1)-e;return t.currentTime>=o},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get(i){return et(i).map(({kind:t,label:e,language:r})=>({kind:t,label:e,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get(i){return Or(i).map(({kind:t,label:e,language:r})=>({kind:t,label:e,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,t)=>{var o,l;let{media:e,options:r}=t;if(!e)return;let n=u=>{var h;!r.defaultSubtitles||u&&![K.CAPTIONS,K.SUBTITLES].includes((h=u==null?void 0:u.track)==null?void 0:h.kind)||Mi(t,!0)};return e.addEventListener("loadstart",n),(o=e.textTracks)==null||o.addEventListener("addtrack",n),(l=e.textTracks)==null||l.addEventListener("removetrack",n),()=>{var u,c;e.removeEventListener("loadstart",n),(u=e.textTracks)==null||u.removeEventListener("addtrack",n),(c=e.textTracks)==null||c.removeEventListener("removetrack",n)}}]},mediaChaptersCues:{get(i){var r;let{media:t}=i;if(!t)return[];let[e]=Ce(t,{kind:K.CHAPTERS});return Array.from((r=e==null?void 0:e.cues)!=null?r:[]).map(({text:n,startTime:o,endTime:l})=>({text:n,startTime:o,endTime:l}))},mediaEvents:["loadstart","loadedmetadata"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,t)=>{var o;let{media:e}=t;if(!e)return;let r=e.querySelector('track[kind="chapters"][default][src]'),n=(o=e.shadowRoot)==null?void 0:o.querySelector(':is(video,audio) > track[kind="chapters"][default][src]');return r==null||r.addEventListener("load",i),n==null||n.addEventListener("load",i),()=>{r==null||r.removeEventListener("load",i),n==null||n.removeEventListener("load",i)}}]},mediaIsPip:{get(i){var r,n;let{media:t,documentElement:e}=i;if(!t||!e||!e.pictureInPictureElement)return!1;if(e.pictureInPictureElement===t)return!0;if(e.pictureInPictureElement instanceof HTMLMediaElement)return(r=t.localName)!=null&&r.includes("-")?se(t,e.pictureInPictureElement):!1;if(e.pictureInPictureElement.localName.includes("-")){let o=e.pictureInPictureElement.shadowRoot;for(;o!=null&&o.pictureInPictureElement;){if(o.pictureInPictureElement===t)return!0;o=(n=o.pictureInPictureElement)==null?void 0:n.shadowRoot}}return!1},set(i,t){let{media:e}=t;if(e)if(i){if(!v.pictureInPictureEnabled){console.warn("MediaChrome: Picture-in-picture is not enabled");return}if(!e.requestPictureInPicture){console.warn("MediaChrome: The current media does not support picture-in-picture");return}let r=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};e.requestPictureInPicture().catch(n=>{if(n.code===11){if(!e.src){console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a src set.");return}if(e.readyState===0&&e.preload==="none"){let o=()=>{e.removeEventListener("loadedmetadata",l),e.preload="none"},l=()=>{e.requestPictureInPicture().catch(r),o()};e.addEventListener("loadedmetadata",l),e.preload="metadata",setTimeout(()=>{e.readyState===0&&r(),o()},1e3)}else throw n}else throw n})}else v.pictureInPictureElement&&v.exitPictureInPicture()},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},mediaRenditionList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.videoRenditions)!=null?e:[]].map(r=>({...r}))},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaRenditionSelected:{get(i){var e,r,n;let{media:t}=i;return(n=(r=t==null?void 0:t.videoRenditions)==null?void 0:r[(e=t.videoRenditions)==null?void 0:e.selectedIndex])==null?void 0:n.id},set(i,t){let{media:e}=t;if(!(e!=null&&e.videoRenditions)){console.warn("MediaController: Rendition selection not supported by this media.");return}let r=i,n=Array.prototype.findIndex.call(e.videoRenditions,o=>o.id==r);e.videoRenditions.selectedIndex!=n&&(e.videoRenditions.selectedIndex=n)},mediaEvents:["emptied"],videoRenditionsEvents:["addrendition","removerendition","change"]},mediaAudioTrackList:{get(i){var e;let{media:t}=i;return[...(e=t==null?void 0:t.audioTracks)!=null?e:[]]},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaAudioTrackEnabled:{get(i){var e,r;let{media:t}=i;return(r=[...(e=t==null?void 0:t.audioTracks)!=null?e:[]].find(n=>n.enabled))==null?void 0:r.id},set(i,t){let{media:e}=t;if(!(e!=null&&e.audioTracks)){console.warn("MediaChrome: Audio track selection not supported by this media.");return}let r=i;for(let n of e.audioTracks)n.enabled=r==n.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]},mediaIsFullscreen:{get(i){return so(i)},set(i,t){i?oo(t):ao(t)},rootEvents:["fullscreenchange","webkitfullscreenchange"],mediaEvents:["webkitbeginfullscreen","webkitendfullscreen","webkitpresentationmodechanged"]},mediaIsCasting:{get(i){var e;let{media:t}=i;return!(t!=null&&t.remote)||((e=t.remote)==null?void 0:e.state)==="disconnected"?!1:!!t.remote.state},set(i,t){var r,n;let{media:e}=t;if(e&&!(i&&((r=e.remote)==null?void 0:r.state)!=="disconnected")&&!(!i&&((n=e.remote)==null?void 0:n.state)!=="connected")){if(typeof e.remote.prompt!="function"){console.warn("MediaChrome: Casting is not supported in this environment");return}e.remote.prompt().catch(()=>{})}},remoteEvents:["connect","connecting","disconnect"]},mediaIsAirplaying:{get(){return!1},set(i,t){let{media:e}=t;if(e){if(!(e.webkitShowPlaybackTargetPicker&&d.WebKitPlaybackTargetAvailabilityEvent)){console.warn("MediaChrome: received a request to select AirPlay but AirPlay is not supported in this environment");return}e.webkitShowPlaybackTargetPicker()}},mediaEvents:["webkitcurrentplaybacktargetiswirelesschanged"]},mediaFullscreenUnavailable:{get(i){let{media:t}=i;if(!co||!Ur(t))return W.UNSUPPORTED}},mediaPipUnavailable:{get(i){let{media:t}=i;if(!mo||!Pr(t))return W.UNSUPPORTED}},mediaVolumeUnavailable:{get(i){let{media:t}=i;if(ki===!1||(t==null?void 0:t.volume)==null)return W.UNSUPPORTED},stateOwnersUpdateHandlers:[i=>{ki==null&&Fs.then(t=>i(t?void 0:W.UNSUPPORTED))}]},mediaCastUnavailable:{get(i,{availability:t="not-available"}={}){var r;let{media:e}=i;if(!ho||!((r=e==null?void 0:e.remote)!=null&&r.state))return W.UNSUPPORTED;if(!(t==null||t==="available"))return W.UNAVAILABLE},stateOwnersUpdateHandlers:[(i,t)=>{var n;let{media:e}=t;return e?(e.disableRemotePlayback||e.hasAttribute("disableremoteplayback")||(n=e==null?void 0:e.remote)==null||n.watchAvailability(o=>{i({availability:o?"available":"not-available"})}).catch(o=>{o.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var o;(o=e==null?void 0:e.remote)==null||o.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaAirplayUnavailable:{get(i,t){if(!po)return W.UNSUPPORTED;if((t==null?void 0:t.availability)==="not-available")return W.UNAVAILABLE},mediaEvents:["webkitplaybacktargetavailabilitychanged"],stateOwnersUpdateHandlers:[(i,t)=>{var n;let{media:e}=t;return e?(e.disableRemotePlayback||e.hasAttribute("disableremoteplayback")||(n=e==null?void 0:e.remote)==null||n.watchAvailability(o=>{i({availability:o?"available":"not-available"})}).catch(o=>{o.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var o;(o=e==null?void 0:e.remote)==null||o.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaRenditionUnavailable:{get(i){var e;let{media:t}=i;if(!(t!=null&&t.videoRenditions))return W.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return W.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(i){var e,r;let{media:t}=i;if(!(t!=null&&t.audioTracks))return W.UNSUPPORTED;if(((r=(e=t.audioTracks)==null?void 0:e.length)!=null?r:0)<=1)return W.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]}};var bo={[E.MEDIA_PREVIEW_REQUEST](i,t,{detail:e}){var I,M,T;let{media:r}=t,n=e!=null?e:void 0,o,l;if(r&&n!=null){let[f]=Ce(r,{kind:K.METADATA,label:"thumbnails"}),w=Array.prototype.find.call((I=f==null?void 0:f.cues)!=null?I:[],(x,D,P)=>D===0?x.endTime>n:D===P.length-1?x.startTime<=n:x.startTime<=n&&x.endTime>n);if(w){let x=/'^(?:[a-z]+:)?\/\//i.test(w.text)||(M=r==null?void 0:r.querySelector('track[label="thumbnails"]'))==null?void 0:M.src,D=new URL(w.text,x);l=new URLSearchParams(D.hash).get("#xywh").split(",").map(V=>+V),o=D.href}}let u=i.mediaDuration.get(t),h=(T=i.mediaChaptersCues.get(t).find((f,w,x)=>w===x.length-1&&u===f.endTime?f.startTime<=n&&f.endTime>=n:f.startTime<=n&&f.endTime>n))==null?void 0:T.text;return e!=null&&h==null&&(h=""),{mediaPreviewTime:n,mediaPreviewImage:o,mediaPreviewCoords:l,mediaPreviewChapter:h}},[E.MEDIA_PAUSE_REQUEST](i,t){i["mediaPaused"].set(!0,t)},[E.MEDIA_PLAY_REQUEST](i,t){var u,c,h,I;let e="mediaPaused",n=i.mediaStreamType.get(t)===Q.LIVE,o=!((u=t.options)!=null&&u.noAutoSeekToLive),l=i.mediaTargetLiveWindow.get(t)>0;if(n&&o&&!l){let M=(c=i.mediaSeekable.get(t))==null?void 0:c[1];if(M){let T=(I=(h=t.options)==null?void 0:h.seekToLiveOffset)!=null?I:0,f=M-T;i.mediaCurrentTime.set(f,t)}}i[e].set(!1,t)},[E.MEDIA_PLAYBACK_RATE_REQUEST](i,t,{detail:e}){let r="mediaPlaybackRate",n=e;i[r].set(n,t)},[E.MEDIA_MUTE_REQUEST](i,t){i["mediaMuted"].set(!0,t)},[E.MEDIA_UNMUTE_REQUEST](i,t){let e="mediaMuted";i.mediaVolume.get(t)||i.mediaVolume.set(.25,t),i[e].set(!1,t)},[E.MEDIA_VOLUME_REQUEST](i,t,{detail:e}){let r="mediaVolume",n=e;n&&i.mediaMuted.get(t)&&i.mediaMuted.set(!1,t),i[r].set(n,t)},[E.MEDIA_SEEK_REQUEST](i,t,{detail:e}){let r="mediaCurrentTime",n=e;i[r].set(n,t)},[E.MEDIA_SEEK_TO_LIVE_REQUEST](i,t){var l,u,c;let e="mediaCurrentTime",r=(l=i.mediaSeekable.get(t))==null?void 0:l[1];if(Number.isNaN(Number(r)))return;let n=(c=(u=t.options)==null?void 0:u.seekToLiveOffset)!=null?c:0,o=r-n;i[e].set(o,t)},[E.MEDIA_SHOW_SUBTITLES_REQUEST](i,t,{detail:e}){var u;let{options:r}=t,n=et(t),o=Cr(e),l=(u=o[0])==null?void 0:u.language;l&&!r.noSubtitlesLangPref&&d.localStorage.setItem("media-chrome-pref-subtitles-lang",l),De(ce.SHOWING,n,o)},[E.MEDIA_DISABLE_SUBTITLES_REQUEST](i,t,{detail:e}){let r=et(t),n=e!=null?e:[];De(ce.DISABLED,r,n)},[E.MEDIA_TOGGLE_SUBTITLES_REQUEST](i,t,{detail:e}){Mi(t,e)},[E.MEDIA_RENDITION_REQUEST](i,t,{detail:e}){let r="mediaRenditionSelected",n=e;i[r].set(n,t)},[E.MEDIA_AUDIO_TRACK_REQUEST](i,t,{detail:e}){let r="mediaAudioTrackEnabled",n=e;i[r].set(n,t)},[E.MEDIA_ENTER_PIP_REQUEST](i,t){let e="mediaIsPip";i.mediaIsFullscreen.get(t)&&i.mediaIsFullscreen.set(!1,t),i[e].set(!0,t)},[E.MEDIA_EXIT_PIP_REQUEST](i,t){i["mediaIsPip"].set(!1,t)},[E.MEDIA_ENTER_FULLSCREEN_REQUEST](i,t){let e="mediaIsFullscreen";i.mediaIsPip.get(t)&&i.mediaIsPip.set(!1,t),i[e].set(!0,t)},[E.MEDIA_EXIT_FULLSCREEN_REQUEST](i,t){i["mediaIsFullscreen"].set(!1,t)},[E.MEDIA_ENTER_CAST_REQUEST](i,t){let e="mediaIsCasting";i.mediaIsFullscreen.get(t)&&i.mediaIsFullscreen.set(!1,t),i[e].set(!0,t)},[E.MEDIA_EXIT_CAST_REQUEST](i,t){i["mediaIsCasting"].set(!1,t)},[E.MEDIA_AIRPLAY_REQUEST](i,t){i["mediaIsAirplaying"].set(!0,t)}};var go=({media:i,fullscreenElement:t,documentElement:e,stateMediator:r=tt,requestMap:n=bo,options:o={},monitorStateOwnersOnlyWithSubscriptions:l=!0})=>{let u=[],c={options:{...o}},h=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),I=