media-chrome
Version:
Custom elements (web components) for making audio and video player controls that look great in your website or app.
159 lines (123 loc) • 173 kB
JavaScript
var MediaChrome=(()=>{var Cr=Object.defineProperty;var Zs=Object.getOwnPropertyDescriptor;var Xs=Object.getOwnPropertyNames;var Js=Object.prototype.hasOwnProperty;var Pr=(i,t)=>{for(var e in t)Cr(i,e,{get:t[e],enumerable:!0})},ea=(i,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Xs(t))!Js.call(i,o)&&o!==e&&Cr(i,o,{get:()=>t[o],enumerable:!(r=Zs(t,o))||r.enumerable});return i};var ta=i=>ea(Cr({},"__esModule",{value:!0}),i);var Or=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)};var a=(i,t,e)=>(Or(i,t,"read from private field"),e?e.call(i):t.get(i)),u=(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)=>(Or(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e);var Wo=(i,t,e,r)=>({set _(o){p(i,t,o,e)},get _(){return a(i,t,r)}}),f=(i,t,e)=>(Or(i,t,"access private method"),e);var cl={};Pr(cl,{MediaAirplayButton:()=>Vn,MediaCaptionsButton:()=>qn,MediaCastButton:()=>Qn,MediaChromeButton:()=>Fn,MediaChromeDialog:()=>es,MediaChromeRange:()=>ss,MediaContainer:()=>mn,MediaControlBar:()=>as,MediaController:()=>Nn,MediaDurationDisplay:()=>ls,MediaErrorDialog:()=>ms,MediaFullscreenButton:()=>Es,MediaGestureReceiver:()=>Gt,MediaKeyboardShortcutsDialog:()=>ps,MediaLiveButton:()=>bs,MediaLoadingIndicator:()=>vs,MediaLoopButton:()=>Ks,MediaMuteButton:()=>ys,MediaPipButton:()=>Ms,MediaPlayButton:()=>ks,MediaPlaybackRateButton:()=>_s,MediaPosterImage:()=>Rs,MediaPreviewChapterDisplay:()=>Ds,MediaPreviewThumbnail:()=>_i,MediaPreviewTimeDisplay:()=>xs,MediaSeekBackwardButton:()=>ws,MediaSeekForwardButton:()=>Cs,MediaTextDisplay:()=>ds,MediaTimeDisplay:()=>Us,MediaTimeRange:()=>Bs,MediaTooltip:()=>ii,MediaVolumeRange:()=>Vs,constants:()=>Vi,t:()=>b,timeUtils:()=>Gi});var Vi={};Pr(Vi,{AttributeToStateChangeEventMap:()=>Ur,AvailabilityStates:()=>q,MediaStateChangeEvents:()=>fe,MediaStateReceiverAttributes:()=>L,MediaUIAttributes:()=>s,MediaUIEvents:()=>E,MediaUIProps:()=>Bi,PointerTypes:()=>Vt,ReadyStates:()=>oa,StateChangeEventToAttributeMap:()=>ra,StreamTypes:()=>z,TextTrackKinds:()=>W,TextTrackModes:()=>pe,VolumeLevels:()=>na,WebkitPresentationModes:()=>Nr});var E={MEDIA_PLAY_REQUEST:"mediaplayrequest",MEDIA_PAUSE_REQUEST:"mediapauserequest",MEDIA_MUTE_REQUEST:"mediamuterequest",MEDIA_UNMUTE_REQUEST:"mediaunmuterequest",MEDIA_LOOP_REQUEST:"medialooprequest",MEDIA_VOLUME_REQUEST:"mediavolumerequest",MEDIA_SEEK_REQUEST:"mediaseekrequest",MEDIA_AIRPLAY_REQUEST:"mediaairplayrequest",MEDIA_ENTER_FULLSCREEN_REQUEST:"mediaenterfullscreenrequest",MEDIA_EXIT_FULLSCREEN_REQUEST:"mediaexitfullscreenrequest",MEDIA_PREVIEW_REQUEST:"mediapreviewrequest",MEDIA_ENTER_PIP_REQUEST:"mediaenterpiprequest",MEDIA_EXIT_PIP_REQUEST:"mediaexitpiprequest",MEDIA_ENTER_CAST_REQUEST:"mediaentercastrequest",MEDIA_EXIT_CAST_REQUEST:"mediaexitcastrequest",MEDIA_SHOW_TEXT_TRACKS_REQUEST:"mediashowtexttracksrequest",MEDIA_HIDE_TEXT_TRACKS_REQUEST:"mediahidetexttracksrequest",MEDIA_SHOW_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_TOGGLE_SUBTITLES_REQUEST:"mediatogglesubtitlesrequest",MEDIA_PLAYBACK_RATE_REQUEST:"mediaplaybackraterequest",MEDIA_RENDITION_REQUEST:"mediarenditionrequest",MEDIA_AUDIO_TRACK_REQUEST:"mediaaudiotrackrequest",MEDIA_SEEK_TO_LIVE_REQUEST:"mediaseektoliverequest",REGISTER_MEDIA_STATE_RECEIVER:"registermediastatereceiver",UNREGISTER_MEDIA_STATE_RECEIVER:"unregistermediastatereceiver"},L={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},Bi={MEDIA_AIRPLAY_UNAVAILABLE:"mediaAirplayUnavailable",MEDIA_AUDIO_TRACK_ENABLED:"mediaAudioTrackEnabled",MEDIA_AUDIO_TRACK_LIST:"mediaAudioTrackList",MEDIA_AUDIO_TRACK_UNAVAILABLE:"mediaAudioTrackUnavailable",MEDIA_BUFFERED:"mediaBuffered",MEDIA_CAST_UNAVAILABLE:"mediaCastUnavailable",MEDIA_CHAPTERS_CUES:"mediaChaptersCues",MEDIA_CURRENT_TIME:"mediaCurrentTime",MEDIA_DURATION:"mediaDuration",MEDIA_ENDED:"mediaEnded",MEDIA_ERROR:"mediaError",MEDIA_ERROR_CODE:"mediaErrorCode",MEDIA_ERROR_MESSAGE:"mediaErrorMessage",MEDIA_FULLSCREEN_UNAVAILABLE:"mediaFullscreenUnavailable",MEDIA_HAS_PLAYED:"mediaHasPlayed",MEDIA_HEIGHT:"mediaHeight",MEDIA_IS_AIRPLAYING:"mediaIsAirplaying",MEDIA_IS_CASTING:"mediaIsCasting",MEDIA_IS_FULLSCREEN:"mediaIsFullscreen",MEDIA_IS_PIP:"mediaIsPip",MEDIA_LOADING:"mediaLoading",MEDIA_MUTED:"mediaMuted",MEDIA_LOOP:"mediaLoop",MEDIA_PAUSED:"mediaPaused",MEDIA_PIP_UNAVAILABLE:"mediaPipUnavailable",MEDIA_PLAYBACK_RATE:"mediaPlaybackRate",MEDIA_PREVIEW_CHAPTER:"mediaPreviewChapter",MEDIA_PREVIEW_COORDS:"mediaPreviewCoords",MEDIA_PREVIEW_IMAGE:"mediaPreviewImage",MEDIA_PREVIEW_TIME:"mediaPreviewTime",MEDIA_RENDITION_LIST:"mediaRenditionList",MEDIA_RENDITION_SELECTED:"mediaRenditionSelected",MEDIA_RENDITION_UNAVAILABLE:"mediaRenditionUnavailable",MEDIA_SEEKABLE:"mediaSeekable",MEDIA_STREAM_TYPE:"mediaStreamType",MEDIA_SUBTITLES_LIST:"mediaSubtitlesList",MEDIA_SUBTITLES_SHOWING:"mediaSubtitlesShowing",MEDIA_TARGET_LIVE_WINDOW:"mediaTargetLiveWindow",MEDIA_TIME_IS_LIVE:"mediaTimeIsLive",MEDIA_VOLUME:"mediaVolume",MEDIA_VOLUME_LEVEL:"mediaVolumeLevel",MEDIA_VOLUME_UNAVAILABLE:"mediaVolumeUnavailable",MEDIA_LANG:"mediaLang",MEDIA_WIDTH:"mediaWidth"},qo=Object.entries(Bi),s=qo.reduce((i,[t,e])=>(i[t]=e.toLowerCase(),i),{}),ia={USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"},fe=qo.reduce((i,[t,e])=>(i[t]=e.toLowerCase(),i),{...ia}),ra=Object.entries(fe).reduce((i,[t,e])=>{let r=s[t];return r&&(i[e]=r),i},{userinactivechange:"userinactive"}),Ur=Object.entries(s).reduce((i,[t,e])=>{let r=fe[t];return r&&(i[e]=r),i},{userinactive:"userinactivechange"}),W={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},pe={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"},oa={HAVE_NOTHING:0,HAVE_METADATA:1,HAVE_CURRENT_DATA:2,HAVE_FUTURE_DATA:3,HAVE_ENOUGH_DATA:4},Vt={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},q={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},z={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"},na={HIGH:"high",MEDIUM:"medium",LOW:"low",OFF:"off"},Nr={INLINE:"inline",FULLSCREEN:"fullscreen",PICTURE_IN_PICTURE:"picture-in-picture"};var Gi={};Pr(Gi,{emptyTimeRanges:()=>zo,formatAsTimePhrase:()=>ve,formatTime:()=>Z,serializeTimeRanges:()=>la});function Yo(i){return i==null?void 0:i.map(sa).join(" ")}function sa(i){if(i){let{id:t,width:e,height:r}=i;return[t,e,r].filter(o=>o!=null).join(":")}}function Qo(i){return i==null?void 0:i.map(aa).join(" ")}function aa(i){if(i){let{id:t,kind:e,language:r,label:o}=i;return[t,e,r,o].filter(n=>n!=null).join(":")}}function Je(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}var Ki=i=>new Promise(t=>setTimeout(t,i));var jo=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],da=(i,t)=>{let e=i===1?jo[t].singular:jo[t].plural;return`${i} ${e}`},ve=i=>{if(!Je(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((c,m)=>c&&da(c,m)).filter(c=>c).join(", ")}${e?" remaining":""}`};function Z(i,t){let e=!1;i<0&&(e=!0,i=0-i),i=i<0?0:i;let r=Math.floor(i%60),o=Math.floor(i/60%60),n=Math.floor(i/3600),d=Math.floor(t/60%60),c=Math.floor(t/3600);return(isNaN(i)||i===1/0)&&(n=o=r="0"),n=n>0||c>0?n+":":"",o=((n||d>=10)&&o<10?"0"+o:o)+":",r=r<10?"0"+r:r,(e?"-":"")+n+o+r}var zo=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 la(i=zo){return Array.from(i).map((t,e)=>[Number(i.start(e).toFixed(3)),Number(i.end(e).toFixed(3))].join(":")).join(" ")}var Zo={"Start airplay":"Start airplay","Stop airplay":"Stop airplay",Audio:"Audio",Captions:"Captions","Enable captions":"Enable captions","Disable captions":"Disable captions","Start casting":"Start casting","Stop casting":"Stop casting","Enter fullscreen mode":"Enter fullscreen mode","Exit fullscreen mode":"Exit fullscreen mode",Mute:"Mute",Unmute:"Unmute",Loop:"Loop","Enter picture in picture mode":"Enter picture in picture mode","Exit picture in picture mode":"Exit picture in picture mode",Play:"Play",Pause:"Pause","Playback rate":"Playback rate","Playback rate {playbackRate}":"Playback rate {playbackRate}",Quality:"Quality","Seek backward":"Seek backward","Seek forward":"Seek forward",Settings:"Settings",Auto:"Auto","audio player":"audio player","video player":"video player",volume:"volume",seek:"seek","closed captions":"closed captions","current playback rate":"current playback rate","playback time":"playback time","media loading":"media loading",settings:"settings","audio tracks":"audio tracks",quality:"quality",play:"play",pause:"pause",mute:"mute",unmute:"unmute","chapter: {chapterName}":"chapter: {chapterName}",live:"live",Off:"Off","start airplay":"start airplay","stop airplay":"stop airplay","start casting":"start casting","stop casting":"stop casting","enter fullscreen mode":"enter fullscreen mode","exit fullscreen mode":"exit fullscreen mode","enter picture in picture mode":"enter picture in picture mode","exit picture in picture mode":"exit picture in picture mode","seek to live":"seek to live","playing live":"playing live","seek back {seekOffset} seconds":"seek back {seekOffset} seconds","seek forward {seekOffset} seconds":"seek forward {seekOffset} seconds","Network Error":"Network Error","Decode Error":"Decode Error","Source Not Supported":"Source Not Supported","Encryption Error":"Encryption Error","A network error caused the media download to fail.":"A network error caused the media download to fail.","A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.":"A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.","An unsupported error occurred. The server or network failed, or your browser does not support this format.":"An unsupported error occurred. The server or network failed, or your browser does not support this format.","The media is encrypted and there are no keys to decrypt it.":"The media is encrypted and there are no keys to decrypt it."};var Hr={en:Zo},Xo,Fr=((Xo=globalThis.navigator)==null?void 0:Xo.language)||"en",Jo=i=>{Fr=i};var ca=i=>{var e,r,o;let[t]=Fr.split("-");return((e=Hr[Fr])==null?void 0:e[i])||((r=Hr[t])==null?void 0:r[i])||((o=Hr.en)==null?void 0:o[i])||i},b=(i,t={})=>ca(i).replace(/\{(\w+)\}/g,(e,r)=>r in t?String(t[r]):`{${r}}`);var Wi=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},qi=class extends Wi{},Yi=class extends qi{constructor(){super(...arguments);this.role=null}},$r=class{observe(){}unobserve(){}disconnect(){}},en={createElement:function(){return new Kt.HTMLElement},createElementNS:function(){return new Kt.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(i){return!1}},Kt={ResizeObserver:$r,document:en,Node:qi,Element:Yi,HTMLElement:class extends Yi{constructor(){super(...arguments);this.innerHTML=""}get content(){return new Kt.DocumentFragment}},DocumentFragment:class extends Wi{},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}},DOMParser:class{parseFromString(t,e){return{body:{textContent:t}}}}},tn="global"in globalThis&&(globalThis==null?void 0:globalThis.global)===globalThis||typeof window=="undefined"||typeof window.customElements=="undefined",rn=Object.keys(Kt).every(i=>i in globalThis),l=tn&&!rn?Kt:globalThis,K=tn&&!rn?en:globalThis.document;var on=new WeakMap,Br=i=>{let t=on.get(i);return t||on.set(i,t=new Set),t},nn=new l.ResizeObserver(i=>{for(let t of i)for(let e of Br(t.target))e(t)});function Qi(i,t){Br(i).add(t),nn.observe(i)}function ji(i,t){let e=Br(i);e.delete(t),e.size||nn.unobserve(i)}function B(i){let t={};for(let e of i)t[e.name]=e.value;return t}function sn(i){var t;return(t=ua(i))!=null?t:Te(i,"media-controller")}function ua(i){var r;let{MEDIA_CONTROLLER:t}=L,e=i.getAttribute(t);if(e)return(r=pa(i))==null?void 0:r.getElementById(e)}var zi=(i,t,e=".value")=>{let r=i.querySelector(e);r&&(r.textContent=t)},ma=(i,t)=>{let e=`slot[name="${t}"]`,r=i.shadowRoot.querySelector(e);return r?r.children:[]},Zi=(i,t)=>ma(i,t)[0],le=(i,t)=>!i||!t?!1:i!=null&&i.contains(t)?!0:le(i,t.getRootNode().host),Te=(i,t)=>{if(!i)return null;let e=i.closest(t);return e||Te(i.getRootNode().host,t)};function Vr(i=document){var e;let t=i==null?void 0:i.activeElement;return t?(e=Vr(t.shadowRoot))!=null?e:t:null}function pa(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 Xi(i,{depth:t=3,checkOpacity:e=!0,checkVisibilityCSS:r=!0}={}){if(i.checkVisibility)return i.checkVisibility({checkOpacity:e,checkVisibilityCSS:r});let o=i;for(;o&&t>0;){let n=getComputedStyle(o);if(e&&n.opacity==="0"||r&&n.visibility==="hidden"||n.display==="none")return!1;o=o.parentElement,t--}return!0}function an(i,t,e,r){let o=r.x-e.x,n=r.y-e.y,d=o*o+n*n;if(d===0)return 0;let c=((i-e.x)*o+(t-e.y)*n)/d;return Math.max(0,Math.min(1,c))}function F(i,t){let e=ha(i,r=>r===t);return e||Kr(i,t)}function ha(i,t){var r,o;let e;for(e of(r=i.querySelectorAll("style:not([media])"))!=null?r:[]){let n;try{n=(o=e.sheet)==null?void 0:o.cssRules}catch{continue}for(let d of n!=null?n:[])if(t(d.selectorText))return d}}function Kr(i,t){var o,n;let e=(o=i.querySelectorAll("style:not([media])"))!=null?o:[],r=e==null?void 0:e[e.length-1];return r!=null&&r.sheet?(r==null||r.sheet.insertRule(`${t}{}`,r.sheet.cssRules.length),(n=r.sheet.cssRules)==null?void 0:n[r.sheet.cssRules.length-1]):(console.warn("Media Chrome: No style sheet found on style tag of",i),{style:{setProperty:()=>{},removeProperty:()=>"",getPropertyValue:()=>""}})}function O(i,t,e=Number.NaN){let r=i.getAttribute(t);return r!=null?+r:e}function H(i,t,e){let r=+e;if(e==null||Number.isNaN(r)){i.hasAttribute(t)&&i.removeAttribute(t);return}O(i,t,void 0)!==r&&i.setAttribute(t,`${r}`)}function y(i,t){return i.hasAttribute(t)}function S(i,t,e){if(e==null){i.hasAttribute(t)&&i.removeAttribute(t);return}y(i,t)!=e&&i.toggleAttribute(t,e)}function D(i,t,e=null){var r;return(r=i.getAttribute(t))!=null?r:e}function x(i,t,e){if(e==null){i.hasAttribute(t)&&i.removeAttribute(t);return}let r=`${e}`;D(i,t,void 0)!==r&&i.setAttribute(t,r)}function Ea(i){return`
<style>
:host {
display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
box-sizing: border-box;
}
</style>
`}var Y,et=class extends l.HTMLElement{constructor(){super();u(this,Y,void 0);if(!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=B(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[L.MEDIA_CONTROLLER,s.MEDIA_PAUSED]}attributeChangedCallback(e,r,o){var n,d,c,m,g;e===L.MEDIA_CONTROLLER&&(r&&((d=(n=a(this,Y))==null?void 0:n.unassociateElement)==null||d.call(n,this),p(this,Y,null)),o&&this.isConnected&&(p(this,Y,(c=this.getRootNode())==null?void 0:c.getElementById(o)),(g=(m=a(this,Y))==null?void 0:m.associateElement)==null||g.call(m,this)))}connectedCallback(){var e,r,o,n;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),p(this,Y,ga(this)),this.getAttribute(L.MEDIA_CONTROLLER)&&((r=(e=a(this,Y))==null?void 0:e.associateElement)==null||r.call(e,this)),(o=a(this,Y))==null||o.addEventListener("pointerdown",this),(n=a(this,Y))==null||n.addEventListener("click",this)}disconnectedCallback(){var e,r,o,n;this.getAttribute(L.MEDIA_CONTROLLER)&&((r=(e=a(this,Y))==null?void 0:e.unassociateElement)==null||r.call(e,this)),(o=a(this,Y))==null||o.removeEventListener("pointerdown",this),(n=a(this,Y))==null||n.removeEventListener("click",this),p(this,Y,null)}handleEvent(e){var n;let r=(n=e.composedPath())==null?void 0:n[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:d,clientY:c}=e,{left:m,top:g,width:A,height:M}=this.getBoundingClientRect(),T=d-m,v=c-g;if(T<0||v<0||T>A||v>M||A===0&&M===0)return;let R=this._pointerType||"mouse";if(this._pointerType=void 0,R===Vt.TOUCH){this.handleTap(e);return}else if(R===Vt.MOUSE||R===Vt.PEN){this.handleMouseClick(e);return}}}}get mediaPaused(){return y(this,s.MEDIA_PAUSED)}set mediaPaused(e){S(this,s.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let r=this.mediaPaused?E.MEDIA_PLAY_REQUEST:E.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(r,{composed:!0,bubbles:!0}))}};Y=new WeakMap,et.shadowRootOptions={mode:"open"},et.getTemplateHTML=Ea;function ga(i){var e;let t=i.getAttribute(L.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):Te(i,"media-controller")}l.customElements.get("media-gesture-receiver")||l.customElements.define("media-gesture-receiver",et);var Gt=et;var I={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive",AUTOHIDE_OVER_CONTROLS:"autohideovercontrols"};function ba(i){return`
<style>
:host([${s.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) {
outline: none;
}
:host {
box-sizing: border-box;
position: relative;
display: inline-block;
line-height: 0;
background-color: var(--media-background-color, #000);
overflow: hidden;
}
:host(:not([${I.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([${I.AUDIO}]) slot[name=media] {
display: var(--media-slot-display, none);
}
:host([${I.AUDIO}]) [part~=layer][part~=gesture-layer] {
height: 0;
display: block;
}
:host(:not([${I.AUDIO}])[${I.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
:host(:not([${I.AUDIO}])[${I.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([${I.AUDIO}])) *[part~=layer][part~=centered-layer] {
align-items: center;
justify-content: center;
}
:host(:not([${I.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
:host(:not([${I.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([${I.AUDIO}])) .spacer {
flex-grow: 1;
}
:host(:-webkit-full-screen) {
width: 100% !important;
height: 100% !important;
}
::slotted(:not([slot=media]):not([slot=poster]):not([${I.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) {
opacity: 1;
transition: var(--media-control-transition-in, opacity 0.25s);
}
:host([${I.USER_INACTIVE}]:not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_AIRPLAYING}]):not([${s.MEDIA_IS_CASTING}]):not([${I.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${I.NO_AUTOHIDE}]):not([role=dialog])) {
opacity: 0;
transition: var(--media-control-transition-out, opacity 1s);
}
:host([${I.USER_INACTIVE}]:not([${I.NO_AUTOHIDE}]):not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_CASTING}]):not([${I.AUDIO}])) ::slotted([slot=media]) {
cursor: none;
}
:host([${I.USER_INACTIVE}][${I.AUTOHIDE_OVER_CONTROLS}]:not([${I.NO_AUTOHIDE}]):not([${s.MEDIA_PAUSED}]):not([${s.MEDIA_IS_CASTING}]):not([${I.AUDIO}])) * {
--media-cursor: none;
cursor: none;
}
::slotted(media-control-bar) {
align-self: stretch;
}
:host(:not([${I.AUDIO}])[${s.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="${Gt.shadowRootOptions.mode}">
${Gt.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 fa=Object.values(s),va="sm:384 md:576 lg:768 xl:960";function Ta(i){dn(i.target,i.contentRect.width)}function dn(i,t){var d;if(!i.isConnected)return;let e=(d=i.getAttribute(I.BREAKPOINTS))!=null?d:va,r=Aa(e),o=ya(r,t),n=!1;if(Object.keys(r).forEach(c=>{if(o.includes(c)){i.hasAttribute(`breakpoint${c}`)||(i.setAttribute(`breakpoint${c}`,""),n=!0);return}i.hasAttribute(`breakpoint${c}`)&&(i.removeAttribute(`breakpoint${c}`),n=!0)}),n){let c=new CustomEvent(fe.BREAKPOINTS_CHANGE,{detail:o});i.dispatchEvent(c)}i.breakpointsComputed||(i.breakpointsComputed=!0,i.dispatchEvent(new CustomEvent(fe.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}function Aa(i){let t=i.split(/\s+/);return Object.fromEntries(t.map(e=>e.split(":")))}function ya(i,t){return Object.keys(i).filter(e=>t>=parseInt(i[e]))}var qt,De,tt,xe,Yt,er,ln,it,Qt,tr,cn,ir,un,rt,Ji,jt,Gr,we,Wt,Ae=class extends l.HTMLElement{constructor(){super();u(this,er);u(this,tr);u(this,ir);u(this,rt);u(this,jt);u(this,we);u(this,qt,0);u(this,De,null);u(this,tt,null);u(this,xe,void 0);this.breakpointsComputed=!1;u(this,Yt,new MutationObserver(f(this,er,ln).bind(this)));u(this,it,!1);u(this,Qt,e=>{a(this,it)||(setTimeout(()=>{Ta(e),p(this,it,!1)},0),p(this,it,!0))});if(!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let r=B(this.attributes),o=this.constructor.getTemplateHTML(r);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(o):this.shadowRoot.innerHTML=o}let e=this.querySelector(":scope > slot[slot=media]");e&&e.addEventListener("slotchange",()=>{if(!e.assignedElements({flatten:!0}).length){a(this,De)&&this.mediaUnsetCallback(a(this,De));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[I.AUTOHIDE,I.GESTURES_DISABLED].concat(fa).filter(e=>![s.MEDIA_RENDITION_LIST,s.MEDIA_AUDIO_TRACK_LIST,s.MEDIA_CHAPTERS_CUES,s.MEDIA_WIDTH,s.MEDIA_HEIGHT,s.MEDIA_ERROR,s.MEDIA_ERROR_MESSAGE].includes(e))}attributeChangedCallback(e,r,o){e.toLowerCase()==I.AUTOHIDE&&(this.autohide=o)}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,De,e),e.localName.includes("-")&&await l.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var o;a(this,Yt).observe(this,{childList:!0,subtree:!0}),Qi(this,a(this,Qt));let r=this.getAttribute(I.AUDIO)!=null?b("audio player"):b("video player");this.setAttribute("role","region"),this.setAttribute("aria-label",r),this.handleMediaUpdated(this.media),this.setAttribute(I.USER_INACTIVE,""),dn(this,this.getBoundingClientRect().width),this.addEventListener("pointerdown",this),this.addEventListener("pointermove",this),this.addEventListener("pointerup",this),this.addEventListener("mouseleave",this),this.addEventListener("keyup",this),(o=l.window)==null||o.addEventListener("mouseup",this)}disconnectedCallback(){var e;a(this,Yt).disconnect(),ji(this,a(this,Qt)),this.media&&this.mediaUnsetCallback(this.media),(e=l.window)==null||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){p(this,De,null)}handleEvent(e){switch(e.type){case"pointerdown":p(this,qt,e.timeStamp);break;case"pointermove":f(this,tr,cn).call(this,e);break;case"pointerup":f(this,ir,un).call(this,e);break;case"mouseleave":f(this,rt,Ji).call(this);break;case"mouseup":this.removeAttribute(I.KEYBOARD_CONTROL);break;case"keyup":f(this,we,Wt).call(this),this.setAttribute(I.KEYBOARD_CONTROL,"");break}}set autohide(e){let r=Number(e);p(this,xe,isNaN(r)?0:r)}get autohide(){return(a(this,xe)===void 0?2:a(this,xe)).toString()}get breakpoints(){return D(this,I.BREAKPOINTS)}set breakpoints(e){x(this,I.BREAKPOINTS,e)}get audio(){return y(this,I.AUDIO)}set audio(e){S(this,I.AUDIO,e)}get gesturesDisabled(){return y(this,I.GESTURES_DISABLED)}set gesturesDisabled(e){S(this,I.GESTURES_DISABLED,e)}get keyboardControl(){return y(this,I.KEYBOARD_CONTROL)}set keyboardControl(e){S(this,I.KEYBOARD_CONTROL,e)}get noAutohide(){return y(this,I.NO_AUTOHIDE)}set noAutohide(e){S(this,I.NO_AUTOHIDE,e)}get autohideOverControls(){return y(this,I.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){S(this,I.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return y(this,I.USER_INACTIVE)}set userInteractive(e){S(this,I.USER_INACTIVE,e)}};qt=new WeakMap,De=new WeakMap,tt=new WeakMap,xe=new WeakMap,Yt=new WeakMap,er=new WeakSet,ln=function(e){let r=this.media;for(let o of e){if(o.type!=="childList")continue;let n=o.removedNodes;for(let d of n){if(d.slot!="media"||o.target!=this)continue;let c=o.previousSibling&&o.previousSibling.previousElementSibling;if(!c||!r)this.mediaUnsetCallback(d);else{let m=c.slot!=="media";for(;(c=c.previousSibling)!==null;)c.slot=="media"&&(m=!1);m&&this.mediaUnsetCallback(d)}}if(r)for(let d of o.addedNodes)d===r&&this.handleMediaUpdated(r)}},it=new WeakMap,Qt=new WeakMap,tr=new WeakSet,cn=function(e){if(e.pointerType!=="mouse"&&e.timeStamp-a(this,qt)<250)return;f(this,jt,Gr).call(this),clearTimeout(a(this,tt));let r=this.hasAttribute(I.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(e.target)||r)&&f(this,we,Wt).call(this)},ir=new WeakSet,un=function(e){if(e.pointerType==="touch"){let r=!this.hasAttribute(I.USER_INACTIVE);[this,this.media].includes(e.target)&&r?f(this,rt,Ji).call(this):f(this,we,Wt).call(this)}else e.composedPath().some(r=>["media-play-button","media-fullscreen-button"].includes(r==null?void 0:r.localName))&&f(this,we,Wt).call(this)},rt=new WeakSet,Ji=function(){if(a(this,xe)<0||this.hasAttribute(I.USER_INACTIVE))return;this.setAttribute(I.USER_INACTIVE,"");let e=new l.CustomEvent(fe.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(e)},jt=new WeakSet,Gr=function(){if(!this.hasAttribute(I.USER_INACTIVE))return;this.removeAttribute(I.USER_INACTIVE);let e=new l.CustomEvent(fe.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(e)},we=new WeakSet,Wt=function(){f(this,jt,Gr).call(this),clearTimeout(a(this,tt));let e=parseInt(this.autohide);e<0||p(this,tt,setTimeout(()=>{f(this,rt,Ji).call(this)},e*1e3))},Ae.shadowRootOptions={mode:"open"},Ae.getTemplateHTML=ba;l.customElements.get("media-container")||l.customElements.define("media-container",Ae);var mn=Ae;var Ce,Pe,zt,Se,ce,ye,ot=class{constructor(t,e,{defaultValue:r}={defaultValue:void 0}){u(this,ce);u(this,Ce,void 0);u(this,Pe,void 0);u(this,zt,void 0);u(this,Se,new Set);p(this,Ce,t),p(this,Pe,e),p(this,zt,new Set(r))}[Symbol.iterator](){return a(this,ce,ye).values()}get length(){return a(this,ce,ye).size}get value(){var t;return(t=[...a(this,ce,ye)].join(" "))!=null?t:""}set value(t){var e;t!==this.value&&(p(this,Se,new Set),this.add(...(e=t==null?void 0:t.split(" "))!=null?e:[]))}toString(){return this.value}item(t){return[...a(this,ce,ye)][t]}values(){return a(this,ce,ye).values()}forEach(t,e){a(this,ce,ye).forEach(t,e)}add(...t){var e,r;t.forEach(o=>a(this,Se).add(o)),!(this.value===""&&!((e=a(this,Ce))!=null&&e.hasAttribute(`${a(this,Pe)}`)))&&((r=a(this,Ce))==null||r.setAttribute(`${a(this,Pe)}`,`${this.value}`))}remove(...t){var e;t.forEach(r=>a(this,Se).delete(r)),(e=a(this,Ce))==null||e.setAttribute(`${a(this,Pe)}`,`${this.value}`)}contains(t){return a(this,ce,ye).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}};Ce=new WeakMap,Pe=new WeakMap,zt=new WeakMap,Se=new WeakMap,ce=new WeakSet,ye=function(){return a(this,Se).size?a(this,Se):a(this,zt)};var Sa=(i="")=>i.split(/\s+/),pn=(i="")=>{let[t,e,r]=i.split(":"),o=r?decodeURIComponent(r):void 0;return{kind:t==="cc"?W.CAPTIONS:W.SUBTITLES,language:e,label:o}},Wr=(i="",t={})=>Sa(i).map(e=>{let r=pn(e);return{...t,...r}}),qr=i=>i?Array.isArray(i)?i.map(t=>typeof t=="string"?pn(t):t):typeof i=="string"?Wr(i):[i]:[],Ia=({kind:i,label:t,language:e}={kind:"subtitles"})=>t?`${i==="captions"?"cc":"sb"}:${e}:${encodeURIComponent(t)}`:e,Zt=(i=[])=>Array.prototype.map.call(i,Ia).join(" "),Ma=(i,t)=>e=>e[i]===t,hn=i=>{let t=Object.entries(i).map(([e,r])=>Ma(e,r));return e=>t.every(r=>r(e))},Oe=(i,t=[],e=[])=>{let r=qr(e).map(hn),o=n=>r.some(d=>d(n));Array.from(t).filter(o).forEach(n=>{n.mode=i})},Ue=(i,t=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let e=typeof t=="function"?t:hn(t);return Array.from(i.textTracks).filter(e)},En=i=>{var e;return!!((e=i.mediaSubtitlesShowing)!=null&&e.length)||i.hasAttribute(s.MEDIA_SUBTITLES_SHOWING)};var bn=i=>{var r;let{media:t,fullscreenElement:e}=i;try{let o=e&&"requestFullscreen"in e?"requestFullscreen":e&&"webkitRequestFullScreen"in e?"webkitRequestFullScreen":void 0;if(o){let n=(r=e[o])==null?void 0:r.call(e);if(n instanceof Promise)return n.catch(()=>{})}else t!=null&&t.webkitEnterFullscreen?t.webkitEnterFullscreen():t!=null&&t.requestFullscreen&&t.requestFullscreen()}catch(o){console.error(o)}},gn="exitFullscreen"in K?"exitFullscreen":"webkitExitFullscreen"in K?"webkitExitFullscreen":"webkitCancelFullScreen"in K?"webkitCancelFullScreen":void 0,fn=i=>{var e;let{documentElement:t}=i;if(gn){let r=(e=t==null?void 0:t[gn])==null?void 0:e.call(t);if(r instanceof Promise)return r.catch(()=>{})}},Xt="fullscreenElement"in K?"fullscreenElement":"webkitFullscreenElement"in K?"webkitFullscreenElement":void 0,_a=i=>{let{documentElement:t,media:e}=i,r=t==null?void 0:t[Xt];return!r&&"webkitDisplayingFullscreen"in e&&"webkitPresentationMode"in e&&e.webkitDisplayingFullscreen&&e.webkitPresentationMode===Nr.FULLSCREEN?e:r},vn=i=>{var n;let{media:t,documentElement:e,fullscreenElement:r=t}=i;if(!t||!e)return!1;let o=_a(i);if(!o)return!1;if(o===r||o===t)return!0;if(o.localName.includes("-")){let d=o.shadowRoot;if(!(Xt in d))return le(o,r);for(;d!=null&&d[Xt];){if(d[Xt]===r)return!0;d=(n=d[Xt])==null?void 0:n.shadowRoot}}return!1},La="fullscreenEnabled"in K?"fullscreenEnabled":"webkitFullscreenEnabled"in K?"webkitFullscreenEnabled":void 0,Tn=i=>{let{documentElement:t,media:e}=i;return!!(t!=null&&t[La])||e&&"webkitSupportsFullscreen"in e};var rr,Yr=()=>{var i,t;return rr||(rr=(t=(i=K)==null?void 0:i.createElement)==null?void 0:t.call(i,"video"),rr)},An=async(i=Yr())=>{if(!i)return!1;let t=i.volume;i.volume=t/2+.1;let e=new AbortController,r=await Promise.race([ka(i,e.signal),Ra(i,t)]);return e.abort(),r},ka=(i,t)=>new Promise(e=>{i.addEventListener("volumechange",()=>e(!0),{signal:t})}),Ra=async(i,t)=>{for(let e=0;e<10;e++){if(i.volume===t)return!1;await Ki(10)}return i.volume!==t},Da=/.*Version\/.*Safari\/.*/.test(l.navigator.userAgent),Qr=(i=Yr())=>l.matchMedia("(display-mode: standalone)").matches&&Da?!1:typeof(i==null?void 0:i.requestPictureInPicture)=="function",jr=(i=Yr())=>Tn({documentElement:K,media:i}),yn=jr(),Sn=Qr(),In=!!l.WebKitPlaybackTargetAvailabilityEvent,Mn=!!l.chrome;var nt=i=>Ue(i.media,t=>[W.SUBTITLES,W.CAPTIONS].includes(t.kind)).sort((t,e)=>t.kind>=e.kind?1:-1),zr=i=>Ue(i.media,t=>t.mode===pe.SHOWING&&[W.SUBTITLES,W.CAPTIONS].includes(t.kind)),or=(i,t)=>{let e=nt(i),r=zr(i),o=!!r.length;if(e.length){if(t===!1||o&&t!==!0)Oe(pe.DISABLED,e,r);else if(t===!0||!o&&t!==!1){let n=e[0],{options:d}=i;if(!(d!=null&&d.noSubtitlesLangPref)){let A=globalThis.localStorage.getItem("media-chrome-pref-subtitles-lang"),M=A?[A,...globalThis.navigator.languages]:globalThis.navigator.languages,T=e.filter(v=>M.some(R=>v.language.toLowerCase().startsWith(R.split("-")[0]))).sort((v,R)=>{let _=M.findIndex(w=>v.language.toLowerCase().startsWith(w.split("-")[0])),k=M.findIndex(w=>R.language.toLowerCase().startsWith(w.split("-")[0]));return _-k});T[0]&&(n=T[0])}let{language:c,label:m,kind:g}=n;Oe(pe.DISABLED,e,r),Oe(pe.SHOWING,e,[{language:c,label:m,kind:g}])}}},nr=(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)?xa(i,t):Object.entries(i).every(([e,r])=>e in t&&nr(r,t[e])),xa=(i,t)=>{let e=Array.isArray(i),r=Array.isArray(t);return e!==r?!1:e||r?i.length!==t.length?!1:i.every((o,n)=>nr(o,t[n])):!0};var wa=Object.values(z),sr,Ca=An().then(i=>(sr=i,sr)),_n=async(...i)=>{await Promise.all(i.filter(t=>t).map(async t=>{if(!("localName"in t&&t instanceof l.HTMLElement))return;let e=t.localName;if(!e.includes("-"))return;let r=l.customElements.get(e);r&&t instanceof r||(await l.customElements.whenDefined(e),l.customElements.upgrade(t))}))},Pa=new l.DOMParser,Oa=i=>i&&(Pa.parseFromString(i,"text/html").body.textContent||i),st={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,o;let{media:e}=i;if((t==null?void 0:t.type)!=="playing")return(o=(r=e==null?void 0:e.error)==null?void 0:r.message)!=null?o:""},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,options:{noMutedPref:r}={}}=t;if(e){e.muted=i;try{let o=l.localStorage.getItem("media-chrome-pref-muted")!==null,n=e.hasAttribute("muted");if(r){o&&l.localStorage.removeItem("media-chrome-pref-muted");return}if(n&&!o)return;l.localStorage.setItem("media-chrome-pref-muted",i?"true":"false")}catch(o){console.debug("Error setting muted pref",o)}}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(i,t)=>{let{options:{noMutedPref:e}}=t,{media:r}=t;if(!(!r||r.muted||e))try{let o=l.localStorage.getItem("media-chrome-pref-muted")==="true";st.mediaMuted.set(o,t),i(o)}catch(o){console.debug("Error getting muted pref",o)}}]},mediaLoop:{get(i){let{media:t}=i;return t==null?void 0:t.loop},set(i,t){let{media:e}=t;e&&(e.loop=i)},mediaEvents:["medialooprequest"]},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,options:{noVolumePref:r}={}}=t;if(e){try{i==null?l.localStorage.removeItem("media-chrome-pref-volume"):!e.hasAttribute("muted")&&!r&&l.localStorage.setItem("media-chrome-pref-volume",i.toString())}catch(o){console.debug("Error setting volume pref",o)}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 o=l.localStorage.getItem("media-chrome-pref-volume");if(o==null)return;st.mediaVolume.set(+o,t),i(+o)}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||!Je(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 o;let{media:t}=i;if(!((o=t==null?void 0:t.seekable)!=null&&o.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((o,n)=>[Number(e.start(n).toFixed(3)),Number(e.end(n).toFixed(3))])},mediaEvents:["progress","emptied"]},mediaStreamType:{get(i){let{media:t,options:{defaultStreamType:e}={}}=i,r=[z.LIVE,z.ON_DEMAND].includes(e)?e:void 0;if(!t)return r;let{streamType:o}=t;if(wa.includes(o))return o===z.UNKNOWN?r:o;let n=t.duration;return n===1/0?z.LIVE:Number.isFinite(n)?z.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=st.mediaStreamType.get(i);return(e==null||Number.isNaN(e))&&r===z.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(!(st.mediaStreamType.get(i)===z.LIVE))return!1;let o=t.seekable;if(!o)return!0;if(!o.length)return!1;let n=o.end(o.length-1)-e;return t.currentTime>=n},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get(i){return nt(i).map(({kind:t,label:e,language:r})=>({kind:t,label:e,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get(i){return zr(i).map(({kind:t,label:e,language:r})=>({kind:t,label:e,language:r}))},mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,t)=>{var n,d;let{media:e,options:r}=t;if(!e)return;let o=c=>{var g;!r.defaultSubtitles||c&&![W.CAPTIONS,W.SUBTITLES].includes((g=c==null?void 0:c.track)==null?void 0:g.kind)||or(t,!0)};return e.addEventListener("loadstart",o),(n=e.textTracks)==null||n.addEventListener("addtrack",o),(d=e.textTracks)==null||d.addEventListener("removetrack",o),()=>{var c,m;e.removeEventListener("loadstart",o),(c=e.textTracks)==null||c.removeEventListener("addtrack",o),(m=e.textTracks)==null||m.removeEventListener("removetrack",o)}}]},mediaChaptersCues:{get(i){var r;let{media:t}=i;if(!t)return[];let[e]=Ue(t,{kind:W.CHAPTERS});return Array.from((r=e==null?void 0:e.cues)!=null?r:[]).map(({text:o,startTime:n,endTime:d})=>({text:Oa(o),startTime:n,endTime:d}))},mediaEvents:["loadstart","loadedmetadata"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(i,t)=>{var n;let{media:e}=t;if(!e)return;let r=e.querySelector('track[kind="chapters"][default][src]'),o=(n=e.shadowRoot)==null?void 0:n.querySelector(':is(video,audio) > track[kind="chapters"][default][src]');return r==null||r.addEventListener("load",i),o==null||o.addEventListener("load",i),()=>{r==null||r.removeEventListener("load",i),o==null||o.removeEventListener("load",i)}}]},mediaIsPip:{get(i){var r,o;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("-")?le(t,e.pictureInPictureElement):!1;if(e.pictureInPictureElement.localName.includes("-")){let n=e.pictureInPictureElement.shadowRoot;for(;n!=null&&n.pictureInPictureElement;){if(n.pictureInPictureElement===t)return!0;n=(o=n.pictureInPictureElement)==null?void 0:o.shadowRoot}}return!1},set(i,t){let{media:e}=t;if(e)if(i){if(!K.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(o=>{if(o.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 n=()=>{e.removeEventListener("loadedmetadata",d),e.preload="none"},d=()=>{e.requestPictureInPicture().catch(r),n()};e.addEventListener("loadedmetadata",d),e.preload="metadata",setTimeout(()=>{e.readyState===0&&r(),n()},1e3)}else throw o}else throw o})}else K.pictureInPictureElement&&K.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,o;let{media:t}=i;return(o=(r=t==null?void 0:t.videoRenditions)==null?void 0:r[(e=t.videoRenditions)==null?void 0:e.selectedIndex])==null?void 0:o.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,o=Array.prototype.findIndex.call(e.videoRenditions,n=>n.id==r);e.videoRenditions.selectedIndex!=o&&(e.videoRenditions.selectedIndex=o)},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(o=>o.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 o of e.audioTracks)o.enabled=r==o.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]},mediaIsFullscreen:{get(i){return vn(i)},set(i,t,e){var r;i?(bn(t),e.detail&&((r=t.media)==null||r.focus())):fn(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,o;let{media:e}=t;if(e&&!(i&&((r=e.remote)==null?void 0:r.state)!=="disconnected")&&!(!i&&((o=e.remote)==null?void 0:o.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&&l.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(i){let{media:t}=i;if(!yn||!jr(t))return q.UNSUPPORTED}},mediaPipUnavailable:{get(i){let{media:t}=i;if(!Sn||!Qr(t))return q.UNSUPPORTED;if(t!=null&&t.disablePictureInPicture)return q.UNAVAILABLE}},mediaVolumeUnavailable:{get(i){let{media:t}=i;if(sr===!1||(t==null?void 0:t.volume)==null)return q.UNSUPPORTED},stateOwnersUpdateHandlers:[i=>{sr==null&&Ca.then(t=>i(t?void 0:q.UNSUPPORTED))}]},mediaCastUnavailable:{get(i,{availability:t="not-available"}={}){var r;let{media:e}=i;if(!Mn||!((r=e==null?void 0:e.remote)!=null&&r.state))return q.UNSUPPORTED;if(!(t==null||t==="available"))return q.UNAVAILABLE},stateOwnersUpdateHandlers:[(i,t)=>{var o;let{media:e}=t;return e?(e.disableRemotePlayback||e.hasAttribute("disableremoteplayback")||(o=e==null?void 0:e.remote)==null||o.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=e==null?void 0:e.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaAirplayUnavailable:{get(i,t){if(!In)return q.UNSUPPORTED;if((t==null?void 0:t.availability)==="not-available")return q.UNAVAILABLE},mediaEvents:["webkitplaybacktargetavailabilitychanged"],stateOwnersUpdateHandlers:[(i,t)=>{var o;let{media:e}=t;return e?(e.disableRemotePlayback||e.hasAttribute("disableremoteplayback")||(o=e==null?void 0:e.remote)==null||o.watchAvailability(n=>{i({availability:n?"available":"not-available"})}).catch(n=>{n.name==="NotSupportedError"?i({availability:null}):i({availability:"not-available"})}),()=>{var n;(n=e==null?void 0:e.remote)==null||n.cancelWatchAvailability().catch(()=>{})}):void 0}]},mediaRenditionUnavailable:{get(i){var e;let{media:t}=i;if(!(t!=null&&t.videoRenditions))return q.UNSUPPORTED;if(!((e=t.videoRenditions)!=null&&e.length))return q.UNAVAILABLE},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(i){var e,r;let{media:t}=i;if(!(t!=null&&t.audioTracks))return q.UNSUPPORTED;if(((r=(e=t.audioTracks)==null?void 0:e.length)!=null?r:0)<=1)return q.UNAVAILABLE},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaLang:{get(i){let{options:{mediaLang:t}={}}=i;return t!=null?t:"en"}}};var Ln={[E.MEDIA_PREVIEW_REQUEST](i,t,{detail:e}){var A,M,T;let{media:r}=t,o=e!=null?e:void 0,n,d;if(r&&o!=null){let[v]=Ue(r,{kind:W.METADATA,label:"thumbnails"}),R=Array.prototype.find.call((A=v==null?void 0:v.cues)!=null?A:[],(_,k,w)=>k===0?_.endTime>o:k===w.length-1?_.startTime<=o:_.startTime<=o&&_.endTime>o);if(R){let _=/'^(?:[a-z]+:)?\/\//i.test(R.text)||(M=r==null?void 0:r.querySelector('track[label="thumbnails"]'))==null?void 0:M.src,k=new URL(R.text,_);d=new URLSearchParams(k.hash).get("#xywh").split(",").map(P=>+P),n=k.href}}let c=i.mediaDuration.get(t),g=(T=i.mediaChaptersCues.get(t).find((v,R,_)=>R===_.length-1&&c===v.endTime?v.startTime<=o&&v.endTime>=o:v.startTime<=o&&v.endTime>o))==null?void 0:T.text;return e!=null&&g==null&&(g=""),{mediaPreviewTime:o,mediaPreviewImage:n,mediaPreviewCoords:d,mediaPreviewChapter:g}},[E.MEDIA_PAUSE_REQUEST](i,t){i["mediaPaused"].set(!0,t)},[E.MEDIA_PLAY_REQUEST](i,t){var c,m,g,A;let e="mediaPaused",o=i.mediaStreamType.get(t)===z.LIVE,n=!((c=t.options)!=null&&c.noAutoSeekToLive),d=i.mediaTargetLiveWindow.get(t)>0;if(o&&n&&!d){let M=(m=i.mediaSeekable.get(t))==null?void 0:m[1];if(M){let T=(A=(g=t.options)==null?void 0:g.seekToLiveOffset)!=null?A:0,v=M-T;i.mediaCurrentTime.set(v,t)}}i[e].set(!1,t)},[E.MEDIA_PLAYBACK_RATE_REQUEST](i,t,{detail:e}){let r="mediaPlaybackRate",o=e;i[r].set(o,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_LOOP_REQUEST](i,t,{detail:e}){let r="mediaLoop",o=!!e;return i[r].set(o,t),{mediaLoop:o}},[E.MEDIA_VOLUME_REQUEST](i,t,{detail:e}){let r="mediaVolume",o=e;o&&i.mediaMuted.get(t)&&i.mediaMuted.set(!1,t),i[r].set(o,t)},[E.MEDIA_SEEK_REQUEST](i,t,{detail:e}){let r="mediaCurrentTime",o=e;i[r].set(o,t)},[E.MEDIA_SEEK