media-chrome
Version:
Custom elements (web components) for making audio and video player controls that look great in your website or app.
158 lines (122 loc) • 220 kB
JavaScript
var MediaChrome=(()=>{var Po=Object.defineProperty;var Bd=Object.getOwnPropertyDescriptor;var Vd=Object.getOwnPropertyNames;var Kd=Object.prototype.hasOwnProperty;var Uo=(t,i)=>{for(var e in i)Po(t,e,{get:i[e],enumerable:!0})},Gd=(t,i,e,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of Vd(i))!Kd.call(t,n)&&n!==e&&Po(t,n,{get:()=>i[n],enumerable:!(r=Bd(i,n))||r.enumerable});return t};var qd=t=>Gd(Po({},"__esModule",{value:!0}),t);var Oo=(t,i,e)=>{if(!i.has(t))throw TypeError("Cannot "+e)};var s=(t,i,e)=>(Oo(t,i,"read from private field"),e?e.call(t):i.get(t)),c=(t,i,e)=>{if(i.has(t))throw TypeError("Cannot add the same private member more than once");i instanceof WeakSet?i.add(t):i.set(t,e)},h=(t,i,e,r)=>(Oo(t,i,"write to private field"),r?r.call(t,e):i.set(t,e),e);var la=(t,i,e,r)=>({set _(n){h(t,i,n,e)},get _(){return s(t,i,r)}}),p=(t,i,e)=>(Oo(t,i,"access private method"),e);var km={};Uo(km,{AttrPart:()=>fe,AttrPartList:()=>_o,ChildNodePart:()=>sn,InnerTemplatePart:()=>Oi,MediaAirplayButton:()=>il,MediaAudioTrackMenu:()=>Yr,MediaAudioTrackMenuButton:()=>Rt,MediaCaptionsButton:()=>sl,MediaCaptionsMenu:()=>Ci,MediaCaptionsMenuButton:()=>xt,MediaCastButton:()=>ll,MediaChromeButton:()=>Ja,MediaChromeDialog:()=>pl,MediaChromeMenu:()=>K,MediaChromeMenuButton:()=>z,MediaChromeMenuItem:()=>be,MediaChromeRange:()=>Tl,MediaContainer:()=>xa,MediaControlBar:()=>Al,MediaController:()=>Za,MediaDurationDisplay:()=>Sl,MediaErrorDialog:()=>Ll,MediaFullscreenButton:()=>_l,MediaGestureReceiver:()=>Vi,MediaLiveButton:()=>xl,MediaLoadingIndicator:()=>Dl,MediaMuteButton:()=>Ul,MediaPipButton:()=>Nl,MediaPlayButton:()=>Bl,MediaPlaybackRateButton:()=>Fl,MediaPlaybackRateMenu:()=>Jr,MediaPlaybackRateMenuButton:()=>Ct,MediaPosterImage:()=>Vl,MediaPreviewChapterDisplay:()=>Kl,MediaPreviewThumbnail:()=>Ar,MediaPreviewTimeDisplay:()=>Gl,MediaRenditionMenu:()=>rn,MediaRenditionMenuButton:()=>Pt,MediaSeekBackwardButton:()=>ql,MediaSeekForwardButton:()=>Wl,MediaSettingsMenu:()=>Ri,MediaSettingsMenuButton:()=>_t,MediaSettingsMenuItem:()=>Ze,MediaTextDisplay:()=>yl,MediaThemeElement:()=>Hi,MediaTimeDisplay:()=>Ql,MediaTimeRange:()=>ed,MediaTooltip:()=>er,MediaVolumeRange:()=>td,Part:()=>on,TemplateInstance:()=>et,constants:()=>En,defaultProcessor:()=>_d,parse:()=>Ms,t:()=>g,timeUtils:()=>fn,tokenize:()=>Is});var En={};Uo(En,{AttributeToStateChangeEventMap:()=>Ho,AvailabilityStates:()=>Z,MediaStateChangeEvents:()=>ve,MediaStateReceiverAttributes:()=>_,MediaUIAttributes:()=>a,MediaUIEvents:()=>b,MediaUIProps:()=>hn,PointerTypes:()=>pn,ReadyStates:()=>jd,StateChangeEventToAttributeMap:()=>Yd,StreamTypes:()=>ee,TextTrackKinds:()=>W,TextTrackModes:()=>Me,VolumeLevels:()=>Qd,WebkitPresentationModes:()=>No});var b={MEDIA_PLAY_REQUEST:"mediaplayrequest",MEDIA_PAUSE_REQUEST:"mediapauserequest",MEDIA_MUTE_REQUEST:"mediamuterequest",MEDIA_UNMUTE_REQUEST:"mediaunmuterequest",MEDIA_VOLUME_REQUEST:"mediavolumerequest",MEDIA_SEEK_REQUEST:"mediaseekrequest",MEDIA_AIRPLAY_REQUEST:"mediaairplayrequest",MEDIA_ENTER_FULLSCREEN_REQUEST:"mediaenterfullscreenrequest",MEDIA_EXIT_FULLSCREEN_REQUEST:"mediaexitfullscreenrequest",MEDIA_PREVIEW_REQUEST:"mediapreviewrequest",MEDIA_ENTER_PIP_REQUEST:"mediaenterpiprequest",MEDIA_EXIT_PIP_REQUEST:"mediaexitpiprequest",MEDIA_ENTER_CAST_REQUEST:"mediaentercastrequest",MEDIA_EXIT_CAST_REQUEST:"mediaexitcastrequest",MEDIA_SHOW_TEXT_TRACKS_REQUEST:"mediashowtexttracksrequest",MEDIA_HIDE_TEXT_TRACKS_REQUEST:"mediahidetexttracksrequest",MEDIA_SHOW_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_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"},_={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},hn={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"},da=Object.entries(hn),a=da.reduce((t,[i,e])=>(t[i]=e.toLowerCase(),t),{}),Wd={USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"},ve=da.reduce((t,[i,e])=>(t[i]=e.toLowerCase(),t),{...Wd}),Yd=Object.entries(ve).reduce((t,[i,e])=>{let r=a[i];return r&&(t[e]=r),t},{userinactivechange:"userinactive"}),Ho=Object.entries(a).reduce((t,[i,e])=>{let r=ve[i];return r&&(t[e]=r),t},{userinactive:"userinactivechange"}),W={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},Me={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"},jd={HAVE_NOTHING:0,HAVE_METADATA:1,HAVE_CURRENT_DATA:2,HAVE_FUTURE_DATA:3,HAVE_ENOUGH_DATA:4},pn={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},Z={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},ee={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"},Qd={HIGH:"high",MEDIUM:"medium",LOW:"low",OFF:"off"},No={INLINE:"inline",FULLSCREEN:"fullscreen",PICTURE_IN_PICTURE:"picture-in-picture"};var fn={};Uo(fn,{emptyTimeRanges:()=>ga,formatAsTimePhrase:()=>Ne,formatTime:()=>te,serializeTimeRanges:()=>tu});function ua(t){return t==null?void 0:t.map(zd).join(" ")}function ca(t){return t==null?void 0:t.split(/\s+/).map(Zd)}function zd(t){if(t){let{id:i,width:e,height:r}=t;return[i,e,r].filter(n=>n!=null).join(":")}}function Zd(t){if(t){let[i,e,r]=t.split(":");return{id:i,width:+e,height:+r}}}function ma(t){return t==null?void 0:t.map(Xd).join(" ")}function ha(t){return t==null?void 0:t.split(/\s+/).map(Jd)}function Xd(t){if(t){let{id:i,kind:e,language:r,label:n}=t;return[i,e,r,n].filter(o=>o!=null).join(":")}}function Jd(t){if(t){let[i,e,r,n]=t.split(":");return{id:i,kind:e,language:r,label:n}}}function pa(t){return t.replace(/[-_]([a-z])/g,(i,e)=>e.toUpperCase())}function Vt(t){return typeof t=="number"&&!Number.isNaN(t)&&Number.isFinite(t)}function gn(t){return typeof t!="string"?!1:!isNaN(t)&&!isNaN(parseFloat(t))}var bn=t=>new Promise(i=>setTimeout(i,t));var Ea=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],eu=(t,i)=>{let e=t===1?Ea[i].singular:Ea[i].plural;return`${t} ${e}`},Ne=t=>{if(!Vt(t))return"";let i=Math.abs(t),e=i!==t,r=new Date(0,0,0,0,0,i,0);return`${[r.getHours(),r.getMinutes(),r.getSeconds()].map((d,m)=>d&&eu(d,m)).filter(d=>d).join(", ")}${e?" remaining":""}`};function te(t,i){let e=!1;t<0&&(e=!0,t=0-t),t=t<0?0:t;let r=Math.floor(t%60),n=Math.floor(t/60%60),o=Math.floor(t/3600),l=Math.floor(i/60%60),d=Math.floor(i/3600);return(isNaN(t)||t===1/0)&&(o=n=r="0"),o=o>0||d>0?o+":":"",n=((o||l>=10)&&n<10?"0"+n:n)+":",r=r<10?"0"+r:r,(e?"-":"")+o+n+r}var ga=Object.freeze({length:0,start(t){let i=t>>>0;if(i>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${i}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(t){let i=t>>>0;if(i>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${i}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});function tu(t=ga){return Array.from(t).map((i,e)=>[Number(t.start(e).toFixed(3)),Number(t.end(e).toFixed(3))].join(":")).join(" ")}var ba={"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",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",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."};var Fo={en:ba},fa,$o=((fa=globalThis.navigator)==null?void 0:fa.language)||"en",va=t=>{$o=t};var iu=t=>{var e,r,n;let[i]=$o.split("-");return((e=Fo[$o])==null?void 0:e[t])||((r=Fo[i])==null?void 0:r[t])||((n=Fo.en)==null?void 0:n[t])||t},g=(t,i={})=>iu(t).replace(/\{(\w+)\}/g,(e,r)=>r in i?String(i[r]):`{${r}}`);var vn=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},Tn=class extends vn{},An=class extends Tn{constructor(){super(...arguments);this.role=null}},Bo=class{observe(){}unobserve(){}disconnect(){}},Ta={createElement:function(){return new $i.HTMLElement},createElementNS:function(){return new $i.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(t){return!1}},$i={ResizeObserver:Bo,document:Ta,Node:Tn,Element:An,HTMLElement:class extends An{constructor(){super(...arguments);this.innerHTML=""}get content(){return new $i.DocumentFragment}},DocumentFragment:class extends vn{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},localStorage:{getItem(t){return null},setItem(t,i){},removeItem(t){}},CustomEvent:function(){},getComputedStyle:function(){},navigator:{languages:[],get userAgent(){return""}},matchMedia(t){return{matches:!1,media:t}},DOMParser:class{parseFromString(i,e){return{body:{textContent:i}}}}},Aa=typeof window=="undefined"||typeof window.customElements=="undefined",ya=Object.keys($i).every(t=>t in globalThis),u=Aa&&!ya?$i:globalThis,F=Aa&&!ya?Ta:globalThis.document;var Sa=new WeakMap,Vo=t=>{let i=Sa.get(t);return i||Sa.set(t,i=new Set),i},Ia=new u.ResizeObserver(t=>{for(let i of t)for(let e of Vo(i.target))e(i)});function Le(t,i){Vo(t).add(i),Ia.observe(t)}function ke(t,i){let e=Vo(t);e.delete(i),e.size||Ia.unobserve(t)}function $(t){let i={};for(let e of t)i[e.name]=e.value;return i}function B(t){var i;return(i=yn(t))!=null?i:Te(t,"media-controller")}function yn(t){var r;let{MEDIA_CONTROLLER:i}=_,e=t.getAttribute(i);if(e)return(r=tt(t))==null?void 0:r.getElementById(e)}var Sn=(t,i,e=".value")=>{let r=t.querySelector(e);r&&(r.textContent=i)},ru=(t,i)=>{let e=`slot[name="${i}"]`,r=t.shadowRoot.querySelector(e);return r?r.children:[]},In=(t,i)=>ru(t,i)[0],Y=(t,i)=>!t||!i?!1:t!=null&&t.contains(i)?!0:Y(t,i.getRootNode().host),Te=(t,i)=>{if(!t)return null;let e=t.closest(i);return e||Te(t.getRootNode().host,i)};function Bi(t=document){var e;let i=t==null?void 0:t.activeElement;return i?(e=Bi(i.shadowRoot))!=null?e:i:null}function tt(t){var e;let i=(e=t==null?void 0:t.getRootNode)==null?void 0:e.call(t);return i instanceof ShadowRoot||i instanceof Document?i:null}function Mn(t,{depth:i=3,checkOpacity:e=!0,checkVisibilityCSS:r=!0}={}){if(t.checkVisibility)return t.checkVisibility({checkOpacity:e,checkVisibilityCSS:r});let n=t;for(;n&&i>0;){let o=getComputedStyle(n);if(e&&o.opacity==="0"||r&&o.visibility==="hidden"||o.display==="none")return!1;n=n.parentElement,i--}return!0}function Ma(t,i,e,r){let n=r.x-e.x,o=r.y-e.y,l=n*n+o*o;if(l===0)return 0;let d=((t-e.x)*n+(i-e.y)*o)/l;return Math.max(0,Math.min(1,d))}function O(t,i){let e=nu(t,r=>r===i);return e||Ko(t,i)}function nu(t,i){var r,n;let e;for(e of(r=t.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(i(l.selectorText))return l}}function Ko(t,i){var n,o;let e=(n=t.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(`${i}{}`,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",t),{style:{setProperty:()=>{},removeProperty:()=>"",getPropertyValue:()=>""}})}function R(t,i,e=Number.NaN){let r=t.getAttribute(i);return r!=null?+r:e}function C(t,i,e){let r=+e;if(e==null||Number.isNaN(r)){t.hasAttribute(i)&&t.removeAttribute(i);return}R(t,i,void 0)!==r&&t.setAttribute(i,`${r}`)}function I(t,i){return t.hasAttribute(i)}function M(t,i,e){if(e==null){t.hasAttribute(i)&&t.removeAttribute(i);return}I(t,i)!=e&&t.toggleAttribute(i,e)}function L(t,i,e=null){var r;return(r=t.getAttribute(i))!=null?r:e}function k(t,i,e){if(e==null){t.hasAttribute(i)&&t.removeAttribute(i);return}let r=`${e}`;L(t,i,void 0)!==r&&t.setAttribute(i,r)}function ou(t){return`
<style>
:host {
display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
box-sizing: border-box;
}
</style>
`}var j,Kt=class extends u.HTMLElement{constructor(){super();c(this,j,void 0);if(!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=$(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[_.MEDIA_CONTROLLER,a.MEDIA_PAUSED]}attributeChangedCallback(e,r,n){var o,l,d,m,E;e===_.MEDIA_CONTROLLER&&(r&&((l=(o=s(this,j))==null?void 0:o.unassociateElement)==null||l.call(o,this),h(this,j,null)),n&&this.isConnected&&(h(this,j,(d=this.getRootNode())==null?void 0:d.getElementById(n)),(E=(m=s(this,j))==null?void 0:m.associateElement)==null||E.call(m,this)))}connectedCallback(){var e,r,n,o;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),h(this,j,su(this)),this.getAttribute(_.MEDIA_CONTROLLER)&&((r=(e=s(this,j))==null?void 0:e.associateElement)==null||r.call(e,this)),(n=s(this,j))==null||n.addEventListener("pointerdown",this),(o=s(this,j))==null||o.addEventListener("click",this)}disconnectedCallback(){var e,r,n,o;this.getAttribute(_.MEDIA_CONTROLLER)&&((r=(e=s(this,j))==null?void 0:e.unassociateElement)==null||r.call(e,this)),(n=s(this,j))==null||n.removeEventListener("pointerdown",this),(o=s(this,j))==null||o.removeEventListener("click",this),h(this,j,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:d}=e,{left:m,top:E,width:T,height:y}=this.getBoundingClientRect(),v=l-m,f=d-E;if(v<0||f<0||v>T||f>y||T===0&&y===0)return;let{pointerType:w=this._pointerType}=e;if(this._pointerType=void 0,w===pn.TOUCH){this.handleTap(e);return}else if(w===pn.MOUSE){this.handleMouseClick(e);return}}}}get mediaPaused(){return I(this,a.MEDIA_PAUSED)}set mediaPaused(e){M(this,a.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let r=this.mediaPaused?b.MEDIA_PLAY_REQUEST:b.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new u.CustomEvent(r,{composed:!0,bubbles:!0}))}};j=new WeakMap,Kt.shadowRootOptions={mode:"open"},Kt.getTemplateHTML=ou;function su(t){var e;let i=t.getAttribute(_.MEDIA_CONTROLLER);return i?(e=t.getRootNode())==null?void 0:e.getElementById(i):Te(t,"media-controller")}u.customElements.get("media-gesture-receiver")||u.customElements.define("media-gesture-receiver",Kt);var Vi=Kt;var S={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive",AUTOHIDE_OVER_CONTROLS:"autohideovercontrols"};function au(t){return`
<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([${S.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([${S.AUDIO}]) slot[name=media] {
display: var(--media-slot-display, none);
}
:host([${S.AUDIO}]) [part~=layer][part~=gesture-layer] {
height: 0;
display: block;
}
:host(:not([${S.AUDIO}])[${S.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
:host(:not([${S.AUDIO}])[${S.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([${S.AUDIO}])) *[part~=layer][part~=centered-layer] {
align-items: center;
justify-content: center;
}
:host(:not([${S.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
:host(:not([${S.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([${S.AUDIO}])) .spacer {
flex-grow: 1;
}
:host(:-webkit-full-screen) {
width: 100% !important;
height: 100% !important;
}
::slotted(:not([slot=media]):not([slot=poster]):not([${S.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) {
opacity: 1;
transition: var(--media-control-transition-in, opacity 0.25s);
}
:host([${S.USER_INACTIVE}]:not([${a.MEDIA_PAUSED}]):not([${a.MEDIA_IS_AIRPLAYING}]):not([${a.MEDIA_IS_CASTING}]):not([${S.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${S.NO_AUTOHIDE}]):not([role=dialog])) {
opacity: 0;
transition: var(--media-control-transition-out, opacity 1s);
}
:host([${S.USER_INACTIVE}]:not([${S.NO_AUTOHIDE}]):not([${a.MEDIA_PAUSED}]):not([${a.MEDIA_IS_CASTING}]):not([${S.AUDIO}])) ::slotted([slot=media]) {
cursor: none;
}
:host([${S.USER_INACTIVE}][${S.AUTOHIDE_OVER_CONTROLS}]:not([${S.NO_AUTOHIDE}]):not([${a.MEDIA_PAUSED}]):not([${a.MEDIA_IS_CASTING}]):not([${S.AUDIO}])) * {
--media-cursor: none;
cursor: none;
}
::slotted(media-control-bar) {
align-self: stretch;
}
:host(:not([${S.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">
<template shadowrootmode="${Vi.shadowRootOptions.mode}">
${Vi.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 lu=Object.values(a),du="sm:384 md:576 lg:768 xl:960";function uu(t){La(t.target,t.contentRect.width)}function La(t,i){var l;if(!t.isConnected)return;let e=(l=t.getAttribute(S.BREAKPOINTS))!=null?l:du,r=cu(e),n=mu(r,i),o=!1;if(Object.keys(r).forEach(d=>{if(n.includes(d)){t.hasAttribute(`breakpoint${d}`)||(t.setAttribute(`breakpoint${d}`,""),o=!0);return}t.hasAttribute(`breakpoint${d}`)&&(t.removeAttribute(`breakpoint${d}`),o=!0)}),o){let d=new CustomEvent(ve.BREAKPOINTS_CHANGE,{detail:n});t.dispatchEvent(d)}t.breakpointsComputed||(t.breakpointsComputed=!0,t.dispatchEvent(new CustomEvent(ve.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}function cu(t){let i=t.split(/\s+/);return Object.fromEntries(i.map(e=>e.split(":")))}function mu(t,i){return Object.keys(t).filter(e=>i>=parseInt(t[e]))}var Gi,it,Gt,rt,qi,kn,ka,qt,Wi,_n,_a,Rn,Ra,Wt,Ln,Yi,Go,nt,Ki,Fe=class extends u.HTMLElement{constructor(){super();c(this,kn);c(this,_n);c(this,Rn);c(this,Wt);c(this,Yi);c(this,nt);c(this,Gi,0);c(this,it,null);c(this,Gt,null);c(this,rt,void 0);this.breakpointsComputed=!1;c(this,qi,new MutationObserver(p(this,kn,ka).bind(this)));c(this,qt,!1);c(this,Wi,e=>{s(this,qt)||(setTimeout(()=>{uu(e),h(this,qt,!1)},0),h(this,qt,!0))});if(!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let r=$(this.attributes),n=this.constructor.getTemplateHTML(r);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(n):this.shadowRoot.innerHTML=n}let e=this.querySelector(":scope > slot[slot=media]");e&&e.addEventListener("slotchange",()=>{if(!e.assignedElements({flatten:!0}).length){s(this,it)&&this.mediaUnsetCallback(s(this,it));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[S.AUTOHIDE,S.GESTURES_DISABLED].concat(lu).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()==S.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&&(h(this,it,e),e.localName.includes("-")&&await u.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var n;s(this,qi).observe(this,{childList:!0,subtree:!0}),Le(this,s(this,Wi));let r=this.getAttribute(S.AUDIO)!=null?g("audio player"):g("video player");this.setAttribute("role","region"),this.setAttribute("aria-label",r),this.handleMediaUpdated(this.media),this.setAttribute(S.USER_INACTIVE,""),La(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=u.window)==null||n.addEventListener("mouseup",this)}disconnectedCallback(){var e;s(this,qi).disconnect(),ke(this,s(this,Wi)),this.media&&this.mediaUnsetCallback(this.media),(e=u.window)==null||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){h(this,it,null)}handleEvent(e){switch(e.type){case"pointerdown":h(this,Gi,e.timeStamp);break;case"pointermove":p(this,_n,_a).call(this,e);break;case"pointerup":p(this,Rn,Ra).call(this,e);break;case"mouseleave":p(this,Wt,Ln).call(this);break;case"mouseup":this.removeAttribute(S.KEYBOARD_CONTROL);break;case"keyup":p(this,nt,Ki).call(this),this.setAttribute(S.KEYBOARD_CONTROL,"");break}}set autohide(e){let r=Number(e);h(this,rt,isNaN(r)?0:r)}get autohide(){return(s(this,rt)===void 0?2:s(this,rt)).toString()}get breakpoints(){return L(this,S.BREAKPOINTS)}set breakpoints(e){k(this,S.BREAKPOINTS,e)}get audio(){return I(this,S.AUDIO)}set audio(e){M(this,S.AUDIO,e)}get gesturesDisabled(){return I(this,S.GESTURES_DISABLED)}set gesturesDisabled(e){M(this,S.GESTURES_DISABLED,e)}get keyboardControl(){return I(this,S.KEYBOARD_CONTROL)}set keyboardControl(e){M(this,S.KEYBOARD_CONTROL,e)}get noAutohide(){return I(this,S.NO_AUTOHIDE)}set noAutohide(e){M(this,S.NO_AUTOHIDE,e)}get autohideOverControls(){return I(this,S.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){M(this,S.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return I(this,S.USER_INACTIVE)}set userInteractive(e){M(this,S.USER_INACTIVE,e)}};Gi=new WeakMap,it=new WeakMap,Gt=new WeakMap,rt=new WeakMap,qi=new WeakMap,kn=new WeakSet,ka=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 d=n.previousSibling&&n.previousSibling.previousElementSibling;if(!d||!r)this.mediaUnsetCallback(l);else{let m=d.slot!=="media";for(;(d=d.previousSibling)!==null;)d.slot=="media"&&(m=!1);m&&this.mediaUnsetCallback(l)}}if(r)for(let l of n.addedNodes)l===r&&this.handleMediaUpdated(r)}},qt=new WeakMap,Wi=new WeakMap,_n=new WeakSet,_a=function(e){if(e.pointerType!=="mouse"&&e.timeStamp-s(this,Gi)<250)return;p(this,Yi,Go).call(this),clearTimeout(s(this,Gt));let r=this.hasAttribute(S.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(e.target)||r)&&p(this,nt,Ki).call(this)},Rn=new WeakSet,Ra=function(e){if(e.pointerType==="touch"){let r=!this.hasAttribute(S.USER_INACTIVE);[this,this.media].includes(e.target)&&r?p(this,Wt,Ln).call(this):p(this,nt,Ki).call(this)}else e.composedPath().some(r=>["media-play-button","media-fullscreen-button"].includes(r==null?void 0:r.localName))&&p(this,nt,Ki).call(this)},Wt=new WeakSet,Ln=function(){if(s(this,rt)<0||this.hasAttribute(S.USER_INACTIVE))return;this.setAttribute(S.USER_INACTIVE,"");let e=new u.CustomEvent(ve.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(e)},Yi=new WeakSet,Go=function(){if(!this.hasAttribute(S.USER_INACTIVE))return;this.removeAttribute(S.USER_INACTIVE);let e=new u.CustomEvent(ve.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(e)},nt=new WeakSet,Ki=function(){p(this,Yi,Go).call(this),clearTimeout(s(this,Gt));let e=parseInt(this.autohide);e<0||h(this,Gt,setTimeout(()=>{p(this,Wt,Ln).call(this)},e*1e3))},Fe.shadowRootOptions={mode:"open"},Fe.getTemplateHTML=au;u.customElements.get("media-container")||u.customElements.define("media-container",Fe);var xa=Fe;var ot,st,ji,Be,Ae,$e,Ve=class{constructor(i,e,{defaultValue:r}={defaultValue:void 0}){c(this,Ae);c(this,ot,void 0);c(this,st,void 0);c(this,ji,void 0);c(this,Be,new Set);h(this,ot,i),h(this,st,e),h(this,ji,new Set(r))}[Symbol.iterator](){return s(this,Ae,$e).values()}get length(){return s(this,Ae,$e).size}get value(){var i;return(i=[...s(this,Ae,$e)].join(" "))!=null?i:""}set value(i){var e;i!==this.value&&(h(this,Be,new Set),this.add(...(e=i==null?void 0:i.split(" "))!=null?e:[]))}toString(){return this.value}item(i){return[...s(this,Ae,$e)][i]}values(){return s(this,Ae,$e).values()}forEach(i,e){s(this,Ae,$e).forEach(i,e)}add(...i){var e,r;i.forEach(n=>s(this,Be).add(n)),!(this.value===""&&!((e=s(this,ot))!=null&&e.hasAttribute(`${s(this,st)}`)))&&((r=s(this,ot))==null||r.setAttribute(`${s(this,st)}`,`${this.value}`))}remove(...i){var e;i.forEach(r=>s(this,Be).delete(r)),(e=s(this,ot))==null||e.setAttribute(`${s(this,st)}`,`${this.value}`)}contains(i){return s(this,Ae,$e).has(i)}toggle(i,e){return typeof e!="undefined"?e?(this.add(i),!0):(this.remove(i),!1):this.contains(i)?(this.remove(i),!1):(this.add(i),!0)}replace(i,e){return this.remove(i),this.add(e),i===e}};ot=new WeakMap,st=new WeakMap,ji=new WeakMap,Be=new WeakMap,Ae=new WeakSet,$e=function(){return s(this,Be).size?s(this,Be):s(this,ji)};var hu=(t="")=>t.split(/\s+/),Ca=(t="")=>{let[i,e,r]=t.split(":"),n=r?decodeURIComponent(r):void 0;return{kind:i==="cc"?W.CAPTIONS:W.SUBTITLES,language:e,label:n}},at=(t="",i={})=>hu(t).map(e=>{let r=Ca(e);return{...i,...r}}),qo=t=>t?Array.isArray(t)?t.map(i=>typeof i=="string"?Ca(i):i):typeof t=="string"?at(t):[t]:[],xn=({kind:t,label:i,language:e}={kind:"subtitles"})=>i?`${t==="captions"?"cc":"sb"}:${e}:${encodeURIComponent(i)}`:e,_e=(t=[])=>Array.prototype.map.call(t,xn).join(" "),pu=(t,i)=>e=>e[t]===i,Da=t=>{let i=Object.entries(t).map(([e,r])=>pu(e,r));return e=>i.every(r=>r(e))},lt=(t,i=[],e=[])=>{let r=qo(e).map(Da),n=o=>r.some(l=>l(o));Array.from(i).filter(n).forEach(o=>{o.mode=t})},dt=(t,i=()=>!0)=>{if(!(t!=null&&t.textTracks))return[];let e=typeof i=="function"?i:Da(i);return Array.from(t.textTracks).filter(e)},Cn=t=>{var e;return!!((e=t.mediaSubtitlesShowing)!=null&&e.length)||t.hasAttribute(a.MEDIA_SUBTITLES_SHOWING)};var Pa=t=>{var r;let{media:i,fullscreenElement:e}=t;try{let n=e&&"requestFullscreen"in e?"requestFullscreen":e&&"webkitRequestFullScreen"in e?"webkitRequestFullScreen":void 0;if(n){let o=(r=e[n])==null?void 0:r.call(e);if(o instanceof Promise)return o.catch(()=>{})}else i!=null&&i.webkitEnterFullscreen?i.webkitEnterFullscreen():i!=null&&i.requestFullscreen&&i.requestFullscreen()}catch(n){console.error(n)}},wa="exitFullscreen"in F?"exitFullscreen":"webkitExitFullscreen"in F?"webkitExitFullscreen":"webkitCancelFullScreen"in F?"webkitCancelFullScreen":void 0,Ua=t=>{var e;let{documentElement:i}=t;if(wa){let r=(e=i==null?void 0:i[wa])==null?void 0:e.call(i);if(r instanceof Promise)return r.catch(()=>{})}},Qi="fullscreenElement"in F?"fullscreenElement":"webkitFullscreenElement"in F?"webkitFullscreenElement":void 0,Eu=t=>{let{documentElement:i,media:e}=t,r=i==null?void 0:i[Qi];return!r&&"webkitDisplayingFullscreen"in e&&"webkitPresentationMode"in e&&e.webkitDisplayingFullscreen&&e.webkitPresentationMode===No.FULLSCREEN?e:r},Oa=t=>{var o;let{media:i,documentElement:e,fullscreenElement:r=i}=t;if(!i||!e)return!1;let n=Eu(t);if(!n)return!1;if(n===r||n===i)return!0;if(n.localName.includes("-")){let l=n.shadowRoot;if(!(Qi in l))return Y(n,r);for(;l!=null&&l[Qi];){if(l[Qi]===r)return!0;l=(o=l[Qi])==null?void 0:o.shadowRoot}}return!1},gu="fullscreenEnabled"in F?"fullscreenEnabled":"webkitFullscreenEnabled"in F?"webkitFullscreenEnabled":void 0,Ha=t=>{let{documentElement:i,media:e}=t;return!!(i!=null&&i[gu])||e&&"webkitSupportsFullscreen"in e};var Dn,Wo=()=>{var t,i;return Dn||(Dn=(i=(t=F)==null?void 0:t.createElement)==null?void 0:i.call(t,"video"),Dn)},Na=async(t=Wo())=>{if(!t)return!1;let i=t.volume;t.volume=i/2+.1;let e=new AbortController,r=await Promise.race([bu(t,e.signal),fu(t,i)]);return e.abort(),r},bu=(t,i)=>new Promise(e=>{t.addEventListener("volumechange",()=>e(!0),{signal:i})}),fu=async(t,i)=>{for(let e=0;e<10;e++){if(t.volume===i)return!1;await bn(10)}return t.volume!==i},vu=/.*Version\/.*Safari\/.*/.test(u.navigator.userAgent),Yo=(t=Wo())=>u.matchMedia("(display-mode: standalone)").matches&&vu?!1:typeof(t==null?void 0:t.requestPictureInPicture)=="function",jo=(t=Wo())=>Ha({documentElement:F,media:t}),Fa=jo(),$a=Yo(),Ba=!!u.WebKitPlaybackTargetAvailabilityEvent,Va=!!u.chrome;var Yt=t=>dt(t.media,i=>[W.SUBTITLES,W.CAPTIONS].includes(i.kind)).sort((i,e)=>i.kind>=e.kind?1:-1),Qo=t=>dt(t.media,i=>i.mode===Me.SHOWING&&[W.SUBTITLES,W.CAPTIONS].includes(i.kind)),wn=(t,i)=>{let e=Yt(t),r=Qo(t),n=!!r.length;if(e.length){if(i===!1||n&&i!==!0)lt(Me.DISABLED,e,r);else if(i===!0||!n&&i!==!1){let o=e[0],{options:l}=t;if(!(l!=null&&l.noSubtitlesLangPref)){let T=globalThis.localStorage.getItem("media-chrome-pref-subtitles-lang"),y=T?[T,...globalThis.navigator.languages]:globalThis.navigator.languages,v=e.filter(f=>y.some(w=>f.language.toLowerCase().startsWith(w.split("-")[0]))).sort((f,w)=>{let x=y.findIndex(U=>f.language.toLowerCase().startsWith(U.split("-")[0])),D=y.findIndex(U=>w.language.toLowerCase().startsWith(U.split("-")[0]));return x-D});v[0]&&(o=v[0])}let{language:d,label:m,kind:E}=o;lt(Me.DISABLED,e,r),lt(Me.SHOWING,e,[{language:d,label:m,kind:E}])}}},Pn=(t,i)=>t===i?!0:t==null||i==null||typeof t!=typeof i?!1:typeof t=="number"&&Number.isNaN(t)&&Number.isNaN(i)?!0:typeof t!="object"?!1:Array.isArray(t)?Tu(t,i):Object.entries(t).every(([e,r])=>e in i&&Pn(r,i[e])),Tu=(t,i)=>{let e=Array.isArray(t),r=Array.isArray(i);return e!==r?!1:e||r?t.length!==i.length?!1:t.every((n,o)=>Pn(n,i[o])):!0};var Au=Object.values(ee),Un,yu=Na().then(t=>(Un=t,Un)),Ka=async(...t)=>{await Promise.all(t.filter(i=>i).map(async i=>{if(!("localName"in i&&i instanceof u.HTMLElement))return;let e=i.localName;if(!e.includes("-"))return;let r=u.customElements.get(e);r&&i instanceof r||(await u.customElements.whenDefined(e),u.customElements.upgrade(i))}))},Su=new u.DOMParser,Iu=t=>t&&(Su.parseFromString(t,"text/html").body.textContent||t),jt={mediaError:{get(t,i){let{media:e}=t;if((i==null?void 0:i.type)!=="playing")return e==null?void 0:e.error},mediaEvents:["emptied","error","playing"]},mediaErrorCode:{get(t,i){var r;let{media:e}=t;if((i==null?void 0:i.type)!=="playing")return(r=e==null?void 0:e.error)==null?void 0:r.code},mediaEvents:["emptied","error","playing"]},mediaErrorMessage:{get(t,i){var r,n;let{media:e}=t;if((i==null?void 0:i.type)!=="playing")return(n=(r=e==null?void 0:e.error)==null?void 0:r.message)!=null?n:""},mediaEvents:["emptied","error","playing"]},mediaWidth:{get(t){var e;let{media:i}=t;return(e=i==null?void 0:i.videoWidth)!=null?e:0},mediaEvents:["resize"]},mediaHeight:{get(t){var e;let{media:i}=t;return(e=i==null?void 0:i.videoHeight)!=null?e:0},mediaEvents:["resize"]},mediaPaused:{get(t){var e;let{media:i}=t;return(e=i==null?void 0:i.paused)!=null?e:!0},set(t,i){var r;let{media:e}=i;e&&(t?e.pause():(r=e.play())==null||r.catch(()=>{}))},mediaEvents:["play","playing","pause","emptied"]},mediaHasPlayed:{get(t,i){let{media:e}=t;return e?i?i.type==="playing":!e.paused:!1},mediaEvents:["playing","emptied"]},mediaEnded:{get(t){var e;let{media:i}=t;return(e=i==null?void 0:i.ended)!=null?e:!1},mediaEvents:["seeked","ended","emptied"]},mediaPlaybackRate:{get(t){var e;let{media:i}=t;return(e=i==null?void 0:i.playbackRate)!=null?e:1},set(t,i){let{media:e}=i;e&&Number.isFinite(+t)&&(e.playbackRate=+t)},mediaEvents:["ratechange","loadstart"]},mediaMuted:{get(t){var e;let{media:i}=t;return(e=i==null?void 0:i.muted)!=null?e:!1},set(t,i){let{media:e}=i;if(e){try{u.localStorage.setItem("media-chrome-pref-muted",t?"true":"false")}catch(r){console.debug("Error setting muted pref",r)}e.muted=t}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(t,i)=>{let{options:{noMutedPref:e}}=i,{media:r}=i;if(!(!r||r.muted||e))try{let n=u.localStorage.getItem("media-chrome-pref-muted")==="true";jt.mediaMuted.set(n,i),t(n)}catch(n){console.debug("Error getting muted pref",n)}}]},mediaVolume:{get(t){var e;let{media:i}=t;return(e=i==null?void 0:i.volume)!=null?e:1},set(t,i){let{media:e}=i;if(e){try{t==null?u.localStorage.removeItem("media-chrome-pref-volume"):u.localStorage.setItem("media-chrome-pref-volume",t.toString())}catch(r){console.debug("Error setting volume pref",r)}Number.isFinite(+t)&&(e.volume=+t)}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(t,i)=>{let{options:{noVolumePref:e}}=i;if(!e)try{let{media:r}=i;if(!r)return;let n=u.localStorage.getItem("media-chrome-pref-volume");if(n==null)return;jt.mediaVolume.set(+n,i),t(+n)}catch(r){console.debug("Error getting volume pref",r)}}]},mediaVolumeLevel:{get(t){let{media:i}=t;return typeof(i==null?void 0:i.volume)=="undefined"?"high":i.muted||i.volume===0?"off":i.volume<.5?"low":i.volume<.75?"medium":"high"},mediaEvents:["volumechange"]},mediaCurrentTime:{get(t){var e;let{media:i}=t;return(e=i==null?void 0:i.currentTime)!=null?e:0},set(t,i){let{media:e}=i;!e||!Vt(t)||(e.currentTime=t)},mediaEvents:["timeupdate","loadedmetadata"]},mediaDuration:{get(t){let{media:i,options:{defaultDuration:e}={}}=t;return e&&(!i||!i.duration||Number.isNaN(i.duration)||!Number.isFinite(i.duration))?e:Number.isFinite(i==null?void 0:i.duration)?i.duration:Number.NaN},mediaEvents:["durationchange","loadedmetadata","emptied"]},mediaLoading:{get(t){let{media:i}=t;return(i==null?void 0:i.readyState)<3},mediaEvents:["waiting","playing","emptied"]},mediaSeekable:{get(t){var n;let{media:i}=t;if(!((n=i==null?void 0:i.seekable)!=null&&n.length))return;let e=i.seekable.start(0),r=i.seekable.end(i.seekable.length-1);if(!(!e&&!r))return[Number(e.toFixed(3)),Number(r.toFixed(3))]},mediaEvents:["loadedmetadata","emptied","progress","seekablechange"]},mediaBuffered:{get(t){var r;let{media:i}=t,e=(r=i==null?void 0:i.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(t){let{media:i,options:{defaultStreamType:e}={}}=t,r=[ee.LIVE,ee.ON_DEMAND].includes(e)?e:void 0;if(!i)return r;let{streamType:n}=i;if(Au.includes(n))return n===ee.UNKNOWN?r:n;let o=i.duration;return o===1/0?ee.LIVE:Number.isFinite(o)?ee.ON_DEMAND:r},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(t){let{media:i}=t;if(!i)return Number.NaN;let{targetLiveWindow:e}=i,r=jt.mediaStreamType.get(t);return(e==null||Number.isNaN(e))&&r===ee.LIVE?0:e},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},mediaTimeIsLive:{get(t){let{media:i,options:{liveEdgeOffset:e=10}={}}=t;if(!i)return!1;if(typeof i.liveEdgeStart=="number")return Number.isNaN(i.liveEdgeStart)?!1:i.currentTime>=i.liveEdgeStart;if(!(jt.mediaStreamType.get(t)===ee.LIVE))return!1;let n=i.seekable;if(!n)return!0;if(!n.length)return!1;let o=n.end(n.length-1)-e;return i.currentTime>=o},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get(t){return Yt(t).map(({kind:i,label:e,language:r})=>({kind:i,label:e,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get(t){return Qo(t).map(({kind:i,label:e,language:r})=>({kind:i,label:e,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(t,i)=>{var o,l;let{media:e,options:r}=i;if(!e)return;let n=d=>{var E;!r.defaultSubtitles||d&&![W.CAPTIONS,W.SUBTITLES].includes((E=d==null?void 0:d.track)==null?void 0:E.kind)||wn(i,!0)};return e.addEventListener("loadstart",n),(o=e.textTracks)==null||o.addEventListener("addtrack",n),(l=e.textTracks)==null||l.addEventListener("removetrack",n),()=>{var d,m;e.removeEventListener("loadstart",n),(d=e.textTracks)==null||d.removeEventListener("addtrack",n),(m=e.textTracks)==null||m.removeEventListener("removetrack",n)}}]},mediaChaptersCues:{get(t){var r;let{media:i}=t;if(!i)return[];let[e]=dt(i,{kind:W.CHAPTERS});return Array.from((r=e==null?void 0:e.cues)!=null?r:[]).map(({text:n,startTime:o,endTime:l})=>({text:Iu(n),startTime:o,endTime:l}))},mediaEvents:["loadstart","loadedmetadata"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(t,i)=>{var o;let{media:e}=i;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",t),n==null||n.addEventListener("load",t),()=>{r==null||r.removeEventListener("load",t),n==null||n.removeEventListener("load",t)}}]},mediaIsPip:{get(t){var r,n;let{media:i,documentElement:e}=t;if(!i||!e||!e.pictureInPictureElement)return!1;if(e.pictureInPictureElement===i)return!0;if(e.pictureInPictureElement instanceof HTMLMediaElement)return(r=i.localName)!=null&&r.includes("-")?Y(i,e.pictureInPictureElement):!1;if(e.pictureInPictureElement.localName.includes("-")){let o=e.pictureInPictureElement.shadowRoot;for(;o!=null&&o.pictureInPictureElement;){if(o.pictureInPictureElement===i)return!0;o=(n=o.pictureInPictureElement)==null?void 0:n.shadowRoot}}return!1},set(t,i){let{media:e}=i;if(e)if(t){if(!F.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 F.pictureInPictureElement&&F.exitPictureInPicture()},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},mediaRenditionList:{get(t){var e;let{media:i}=t;return[...(e=i==null?void 0:i.videoRenditions)!=null?e:[]].map(r=>({...r}))},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaRenditionSelected:{get(t){var e,r,n;let{media:i}=t;return(n=(r=i==null?void 0:i.videoRenditions)==null?void 0:r[(e=i.videoRenditions)==null?void 0:e.selectedIndex])==null?void 0:n.id},set(t,i){let{media:e}=i;if(!(e!=null&&e.videoRenditions)){console.warn("MediaController: Rendition selection not supported by this media.");return}let r=t,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(t){var e;let{media:i}=t;return[...(e=i==null?void 0:i.audioTracks)!=null?e:[]]},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaAudioTrackEnabled:{get(t){var e,r;let{media:i}=t;return(r=[...(e=i==null?void 0:i.audioTracks)!=null?e:[]].find(n=>n.enabled))==null?void 0:r.id},set(t,i){let{media:e}=i;if(!(e!=null&&e.audioTracks)){console.warn("MediaChrome: Audio track selection not supported by this media.");return}let r=t;for(let n of e.audioTracks)n.enabled=r==n.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]},mediaIsFullscreen:{get(t){return Oa(t)},set(t,i){t?Pa(i):Ua(i)},rootEvents:["fullscreenchange","webkitfullscreenchange"],mediaEvents:["webkitbeginfullscreen","webkitendfullscreen","webkitpresentationmodechanged"]},mediaIsCasting:{get(t){var e;let{media:i}=t;return!(i!=null&&i.remote)||((e=i.remote)==null?void 0:e.state)==="disconnected"?!1:!!i.remote.state},set(t,i){var r,n;let{media:e}=i;if(e&&!(t&&((r=e.remote)==null?void 0:r.state)!=="disconnected")&&!(!t&&((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(t,i){let{media:e}=i;if(e){if(!(e.webkitShowPlaybackTargetPicker&&u.WebKitPlaybackTargetAvailabilityEvent)){console.error("MediaChrome: received a request to select AirPlay but AirPlay is not supported in this environment");return}e.webkitShowPlaybackTargetPicker()}},mediaEvents:["webkitcurrentplaybacktargetiswirelesschanged"]},mediaFullscreenUnavailable:{get(t){let{media:i}=t;if(!Fa||!jo(i))return Z.UNSUPPORTED}},mediaPipUnavailable:{get(t){let{media:i}=t;if(!$a||!Yo(i))return Z.UNSUPPORTED}},mediaVolumeUnavailable:{get(t){let{media:i}=t;if(Un===!1||(i==null?void 0:i.volume)==null)return Z.UNSUPPORTED},stateOwnersUpdateHandlers:[t=>{Un==null&&yu.then(i=>t(i?void 0:Z.UNSUPPORTED))}]},mediaCastUnavailable:{get(t,{availability:i="not-available"}={}){var r;let{media:e}=t;if(!Va||!((r=e==null?void 0:e.remote)!=null&&r.state))return Z.UNSUPPORTED;if(!(i==null||i==="available"))return Z.UNAVAILABLE},stateOwnersUpdateHandlers:[(t,i)=>{var n;let{media:e}=i;return e?(e.disableRemotePlayback||e.hasAttribute("disableremoteplayback")||(n=e==null?void 0:e.remote)==null||n.watchAvailability(o=>{t({availability:o?"available":"not-available"})}).catch(o=>{o.name==="NotSupportedError"?t({availability:null}):t({availability:"not-available"})}),()=>{var o;(o=e==null?void 0:e.remote)==null||o.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaAirplayUnavailable:{get(t,i){if(!Ba)return Z.UNSUPPORTED;if((i==null?void 0:i.availability)==="not-available")return Z.UNAVAILABLE},mediaEvents:["webkitplaybacktargetavailabilitychanged"],stateOwnersUpdateHandlers:[(t,i)=>{var n;let{media:e}=i;return e?(e.disableRemotePlayback||e.hasAttribute("disableremoteplayback")||(n=e==null?void 0:e.remote)==null||n.watchAvailability(o=>{t({availability:o?"available":"not-available"})}).catch(o=>{o.name==="NotSupportedError"?t({availability:null}):t({availability:"not-available"})}),()=>{var o;(o=e==null?void 0:e.remote)==null||o.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaRenditionUnavailable:{get(t){var e;let{media:i}=t;if(!(i!=null&&i.videoRenditions))return Z.UNSUPPORTED;if(!((e=i.videoRenditions)!=null&&e.length))return Z.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(t){var e,r;let{media:i}=t;if(!(i!=null&&i.audioTracks))return Z.UNSUPPORTED;if(((r=(e=i.audioTracks)==null?void 0:e.length)!=null?r:0)<=1)return Z.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]}};var Ga={[b.MEDIA_PREVIEW_REQUEST](t,i,{detail:e}){var T,y,v;let{media:r}=i,n=e!=null?e:void 0,o,l;if(r&&n!=null){let[f]=dt(r,{kind:W.METADATA,label:"thumbnails"}),w=Array.prototype.find.call((T=f==null?void 0:f.cues)!=null?T:[],(x,D,U)=>D===0?x.endTime>n:D===U.length-1?x.startTime<=n:x.startTime<=n&&x.endTime>n);if(w){let x=/'^(?:[a-z]+:)?\/\//i.test(w.text)||(y=r==null?void 0:r.querySelector('track[label="thumbnails"]'))==null?void 0:y.src,D=new URL(w.text,x);l=new URLSearchParams(D.hash).get("#xywh").split(",").map(q=>+q),o=D.href}}let d=t.mediaDuration.get(i),E=(v=t.mediaChaptersCues.get(i).find((f,w,x)=>w===x.length-1&&d===f.endTime?f.startTime<=n&&f.endTime>=n:f.startTime<=n&&f.endTime>n))==null?void 0:v.text;return e!=null&&E==null&&(E=""),{mediaPreviewTime:n,mediaPreviewImage:o,mediaPreviewCoords:l,mediaPreviewChapter:E}},[b.MEDIA_PAUSE_REQUEST](t,i){t["mediaPaused"].set(!0,i)},[b.MEDIA_PLAY_REQUEST](t,i){var d,m,E,T;let e="mediaPaused",n=t.mediaStreamType.get(i)===ee.LIVE,o=!((d=i.options)!=null&&d.noAutoSeekToLive),l=t.mediaTargetLiveWindow.get(i)>0;if(n&&o&&!l){let y=(m=t.mediaSeekable.get(i))==null?void 0:m[1];if(y){let v=(T=(E=i.options)==null?void 0:E.seekToLiveOffset)!=null?T:0,f=y-v;t.mediaCurrentTime.set(f,i)}}t[e].set(!1,i)},[b.MEDIA_PLAYBACK_RATE_REQUEST](t,i,{detail:e}){let r="mediaPlaybackRate",n=e;t[r].set(n,i)},[b.MEDIA_MUTE_REQUEST](t,i){t["mediaMuted"].set(!0,i)},[b.MEDIA_UNMUTE_REQUEST](t,i){let e="mediaMuted";t.mediaVolume.get(i)||t.mediaVolume.set(.25,i),t[e].set(!1,i)},[b.MEDIA_VOLUME_REQUEST](t,i,{detail:e}){let r="mediaVolume",n=e;n&&t.mediaMuted.get(i)&&t.mediaMuted.set(!1,i),t[r].set(n,i)},[b.MEDIA_SEEK_REQUEST](t,i,{detail:e}){let r="mediaCurre