1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6314],{27598:(e,t,i)=>{let a,r,n,s,o;i.d(t,{default:()=>dg});var l,d,u,h,c,m,p,v,E,b,g,f,A,y,k,w,I,T,_,S,C,L,M,D,x,R,N,O,U,P,W,H,B,$,V,F,G,K,q,j,Y,Q,Z,z,X,J,ee,et,ei,ea,er,en,es,eo,el,ed,eu,eh,ec,em,ep,ev,eE,eb,eg,ef,eA,ey,ek,ew,eI,eT,e_,eS,eC,eL,eM,eD,ex,eR,eN,eO,eU,eP,eW,eH,eB,e$,eV,eF,eG,eK,eq,ej,eY,eQ,eZ,ez,eX,eJ,e0,e1,e2,e3,e5,e4,e7,e8,e9,e6,te,tt,ti,ta,tr,tn,ts,to,tl,td,tu,th,tc,tm,tp,tv,tE,tb,tg,tf,tA,ty,tk,tw,tI,tT,t_,tS,tC,tL,tM,tD,tx,tR,tN,tO,tU,tP,tW,tH,tB,t$,tV,tF,tG,tK,tq,tj,tY,tQ,tZ,tz,tX,tJ,t0,t1,t2,t3,t5,t4,t7,t8,t9,t6,ie,it,ii,ia,ir,is,io,il,id,iu,ih,ic,im,ip,iv,iE,ib,ig,iA,iy,ik,iw,iI,iT,i_,iS,iC,iL,iM,iD,ix,iR,iN,iO,iU,iP,iW,iH,iB,i$,iV,iF,iG,iK,iq,ij,iY,iQ,iZ,iz,iX,iJ,i0,i1,i2,i3,i5,i4,i7,i8,i9,i6=i(95155),ae=i(12115);let at={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"},ai={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},aa={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_P
1LAYED:"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"},ar=Object.entries(aa),an=ar.reduce((e,[t,i])=>(e[t]=i.toLowerCase(),e),{}),as=ar.reduce((e,[t,i])=>(e[t]=i.toLowerCase(),e),{USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"});Object.entries(as).reduce((e,[t,i])=>{let a=an[t];return a&&(e[i]=a),e},{userinactivechange:"userinactive"});let ao=Object.entries(an).reduce((e,[t,i])=>{let a=as[t];return a&&(e[i]=a),e},{userinactive:"userinactivechange"}),al={SUBTITLES:"subtitles",CAPTIONS:"captions",CHAPTERS:"chapters",METADATA:"metadata"},ad={DISABLED:"disabled",SHOWING:"showing"},au={MOUSE:"mouse",TOUCH:"touch"},ah={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},ac={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"},am={FULLSCREEN:"fullscreen"};function ap(e){if(e){let{id:t,width:i,height:a}=e;return[t,i,a].filter(e=>null!=e).join(":")}}function av(e){if(e){let[t,i,a]=e.split(":");return{id:t,width:+i,height:+a}}}function aE(e){if(e){let{id:t,kind:i,language:a,label:r}=e;return[t,i,a,r].filter(e=>null!=e).join(":")}}function ab(e){if(e){let[t,i,a,r]=e.split(":");return{id:t,kind:i,language:a,label:r}}}function ag(e){return"number"==typeof e&&!Number.isNaN(e)&&Number.isFinite(e)}function af(e){return"string"==typeof e&&!isNaN(e)&&!isNaN(parseFloat(e))}let aA=e=>new Promise(t=>setTimeout(t,e)),ay=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],ak=e=>{if(!ag(e))return"";let t=Math.abs(e),i=t!==e,a=new Date(0,0,0,0,0,t,0),r=[a.getHours(),a.getMinutes(),a.getSeconds()].map((e,t)=>e&&((e,t)=>{let i=1===e?ay[t].singular:ay[t].plural;return`${e} ${i}`})(e,t)).filter(e=>e).join(", ");return`${r}${i?" remaining":""}`};function aw(e,t){let i=!1;e<0&&(i=!0,e=0-e);let a=Math.floor((e=e<0?0:e)%60),r=Math.floor(e/60%60),n=Math.floor(e/3600),s=Math.floor(t/60%60),o=Math.floor(t/3600);return(isNaN(e)||e===1/0)&&(n=r=a="0"),r=(((n=n>0||o>0?n+":":"")||s>=10)&&r<10?"0"+r:r)+":",(i?"-":"")+n+r+(a=a<10?"0"+a:a)}Object.freeze({length:0,start(e){let t=e>>>0;if(t>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${t}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(e){let t=e>>>0;if(t>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${t}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});let aI={"Start airplay":"Start airplay","Stop airplay":"Stop airplay",Audio:"Audio",Captions:"Captions","Enable captions":"Enable captions","Disable captions":"Disable captions","Start casting":"Start casting","Stop casting":"Stop casting","Enter fullscreen mode":"Enter fullscreen mode","Exit fullscreen mode":"Exit fullscreen mode",Mute:"Mute",Unmute:"Unmute","Enter picture in picture mode":"Enter picture in picture mode","Exit picture in picture mode":"Exit picture in picture mode",Play:"Play",Pause:"Pause","Playback rate":"Playback rate","Playback rate {playbackRate}":"Playback rate {playbackRate}",Quality:"Quality","Seek backward":"Seek backward","Seek forward":"Seek forward",Settings:"Settings","audio player":"audio player","video player":"video player",volume:"volume",seek:"seek","closed captions":"closed captions","current playback rate":"current playback rate","playback time":"playback time","media loading":"media loading",settings:"settings","audio tracks":"audio tracks",quality:"quality",play:"play",pause:"pause",mute:"mute",unmute:"unmute",live:"live","start airplay":"start airplay","stop airplay":"stop airplay","start casting":"start casting","stop casting":"stop casting","enter fullscreen mode":"enter fullscreen mode","exit fullscreen mode":"exit fullscreen mode","enter picture in picture mode":"enter picture in picture mode","exit picture in picture mode":"exit picture in picture mode","seek to live":"seek to live","playing live":"playing live","seek back {seekOffset} seconds":"seek back {seekOffset} seconds","seek forward {seekOffset} seconds":"seek forward {seekOffset} seconds","Network Error":"Network Error","Decode Error":"Decode Error","S
1ource 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."},aT={en:aI},a_=(null==(l=globalThis.navigator)?void 0:l.language.split("-")[0])||"en",aS=(e,t={})=>{var i;return((null==(i=aT[a_])?void 0:i[e])||aI[e]).replace(/\{(\w+)\}/g,(e,i)=>void 0!==t[i]?String(t[i]):`{${i}}`)};class aC{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}}class aL extends aC{}class aM extends aL{constructor(){super(...arguments),this.role=null}}class aD{observe(){}unobserve(){}disconnect(){}}let ax={createElement:function(){return new aR.HTMLElement},createElementNS:function(){return new aR.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent:e=>!1},aR={ResizeObserver:aD,document:ax,Node:aL,Element:aM,HTMLElement:class extends aM{constructor(){super(...arguments),this.innerHTML=""}get content(){return new aR.DocumentFragment}},DocumentFragment:class extends aC{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},localStorage:{getItem:e=>null,setItem(e,t){},removeItem(e){}},CustomEvent:function(){},getComputedStyle:function(){},navigator:{languages:[],get userAgent(){return""}},matchMedia:e=>({matches:!1,media:e})},aN="undefined"==typeof window||void 0===window.customElements,aO=Object.keys(aR).every(e=>e in globalThis),aU=aN&&!aO?aR:globalThis,aP=aN&&!aO?ax:globalThis.document,aW=new WeakMap,aH=e=>{let t=aW.get(e);return t||aW.set(e,t=new Set),t},aB=new aU.ResizeObserver(e=>{for(let t of e)for(let e of aH(t.target))e(t)});function a$(e,t){aH(e).add(t),aB.observe(e)}function aV(e,t){let i=aH(e);i.delete(t),i.size||aB.unobserve(e)}function aF(e){var t;return null!=(t=aG(e))?t:aY(e,"media-controller")}function aG(e){var t;let{MEDIA_CONTROLLER:i}=ai,a=e.getAttribute(i);if(a)return null==(t=aZ(e))?void 0:t.getElementById(a)}let aK=(e,t,i=".value")=>{let a=e.querySelector(i);a&&(a.textContent=t)},aq=(e,t)=>((e,t)=>{let i=`slot[name="${t}"]`,a=e.shadowRoot.querySelector(i);return a?a.children:[]})(e,t)[0],aj=(e,t)=>!!e&&!!t&&(null!=e&&!!e.contains(t)||aj(e,t.getRootNode().host)),aY=(e,t)=>{if(!e)return null;let i=e.closest(t);return i||aY(e.getRootNode().host,t)};function aQ(e=document){var t;let i=null==e?void 0:e.activeElement;return i?null!=(t=aQ(i.shadowRoot))?t:i:null}function aZ(e){var t;let i=null==(t=null==e?void 0:e.getRootNode)?void 0:t.call(e);return i instanceof ShadowRoot||i instanceof Document?i:null}function az(e,{depth:t=3,checkOpacity:i=!0,checkVisibilityCSS:a=!0}={}){if(e.checkVisibility)return e.checkVisibility({checkOpacity:i,checkVisibilityCSS:a});let r=e;for(;r&&t>0;){let e=getComputedStyle(r);if(i&&"0"===e.opacity||a&&"hidden"===e.visibility||"none"===e.display)return!1;r=r.parentElement,t--}return!0}function aX(e,t){let i=function(e,t){var i,a;let r;for(r of null!=(i=e.querySelectorAll("style:not([media])"))?i:[]){let e;try{e=null==(a=r.sheet)?void 0:a.cssRules}catch{continue}for(let i of null!=e?e:[])if(t(i.selectorText))return i}}(e,e=>e===t);return i||aJ(e,t)}function aJ(e,t){var i,a;let r=null!=(i=e.querySelectorAll("style:not([media])"))?i:[],n=null==r?void 0:r[r.length-1];return(null==n?void 0:n.sheet)?(null==n||n.sheet.insertRule(`${t}{}`,n.sheet.cssRules.length),null==(a=n.sheet.cssRules)?void 0:a[n.sheet.cssRules.length-1]):(console.warn("Media Chrome: No style sheet found on style tag of",e),{style:{setProperty:()=>{},removeProperty:()=>"",getPropertyValue:()=>""}})}function a0(e,t,i=NaN){let a=e.getAttribute(t);return null!=a?+a:i}function a1(e,t,i){let a=+i;
1if(null==i||Number.isNaN(a)){e.hasAttribute(t)&&e.removeAttribute(t);return}a0(e,t,void 0)!==a&&e.setAttribute(t,`${a}`)}function a2(e,t){return e.hasAttribute(t)}function a3(e,t,i){if(null==i){e.hasAttribute(t)&&e.removeAttribute(t);return}a2(e,t)!=i&&e.toggleAttribute(t,i)}function a5(e,t,i=null){var a;return null!=(a=e.getAttribute(t))?a:i}function a4(e,t,i){if(null==i){e.hasAttribute(t)&&e.removeAttribute(t);return}let a=`${i}`;a5(e,t,void 0)!==a&&e.setAttribute(t,a)}var a7=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},a8=(e,t,i)=>(a7(e,t,"read from private field"),i?i.call(e):t.get(e)),a9=(e,t,i,a)=>(a7(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let a6=aP.createElement("template");a6.innerHTML=` 2<style> 3 :host { 4 display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block)); 5 box-sizing: border-box; 6 } 7</style> 8`;class re extends aU.HTMLElement{constructor(e={}){if(super(),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,d,void 0),!this.shadowRoot){let t=this.attachShadow({mode:"open"}),i=a6.content.cloneNode(!0);this.nativeEl=i;let a=e.slotTemplate;a||((a=aP.createElement("template")).innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(a.content.cloneNode(!0)),t.appendChild(i)}}static get observedAttributes(){return[ai.MEDIA_CONTROLLER,an.MEDIA_PAUSED]}attributeChangedCallback(e,t,i){var a,r,n,s,o;e===ai.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=a8(this,d))?void 0:a.unassociateElement)||r.call(a,this),a9(this,d,null)),i&&this.isConnected&&(a9(this,d,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(s=a8(this,d))?void 0:s.associateElement)||o.call(s,this)))}connectedCallback(){var e,t,i,a;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),a9(this,d,function(e){var t;let i=e.getAttribute(ai.MEDIA_CONTROLLER);return i?null==(t=e.getRootNode())?void 0:t.getElementById(i):aY(e,"media-controller")}(this)),this.getAttribute(ai.MEDIA_CONTROLLER)&&(null==(t=null==(e=a8(this,d))?void 0:e.associateElement)||t.call(e,this)),null==(i=a8(this,d))||i.addEventListener("pointerdown",this),null==(a=a8(this,d))||a.addEventListener("click",this)}disconnectedCallback(){var e,t,i,a;this.getAttribute(ai.MEDIA_CONTROLLER)&&(null==(t=null==(e=a8(this,d))?void 0:e.unassociateElement)||t.call(e,this)),null==(i=a8(this,d))||i.removeEventListener("pointerdown",this),null==(a=a8(this,d))||a.removeEventListener("click",this),a9(this,d,null)}handleEvent(e){var t;let i=null==(t=e.composedPath())?void 0:t[0];if(["video","media-controller"].includes(null==i?void 0:i.localName)){if("pointerdown"===e.type)this._pointerType=e.pointerType;else if("click"===e.type){let{clientX:t,clientY:i}=e,{left:a,top:r,width:n,height:s}=this.getBoundingClientRect(),o=t-a,l=i-r;if(o<0||l<0||o>n||l>s||0===n&&0===s)return;let{pointerType:d=this._pointerType}=e;if(this._pointerType=void 0,d===au.TOUCH)return void this.handleTap(e);if(d===au.MOUSE)return void this.handleMouseClick(e)}}}get mediaPaused(){return a2(this,an.MEDIA_PAUSED)}set mediaPaused(e){a3(this,an.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?at.MEDIA_PLAY_REQUEST:at.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new aU.CustomEvent(t,{composed:!0,bubbles:!0}))}}d=new WeakMap,aU.customElements.get("media-gesture-receiver")||aU.customElements.define("media-gesture-receiver",re);var rt=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},ri=(e,t,i)=>(rt(e,t,"read from private field"),i?i.call(e):t.get(e)),ra=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},rr=(e,t,i,a)=>(rt(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),rn=(e,t,i)=>(rt(e,t,"access private method"),i);let rs={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive",AUTOHIDE_OVER_CONTROLS:"autohideovercontrols"},ro=aP.createElement("template");ro.innerHTML=` 9 <style> 10 11 :host([${an.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) { 12 outline: none; 13 } 14 15 :host { 16 box-sizing: border-box; 17 position: relative; 18 display: inline-block; 19 line-height: 0; 20 background-color: var(--media-background-color, #000); 21 } 22 23 :host(:not([${rs.AUDIO}])) [part~=layer]:not([part~=media-layer]) { 24 position: absolute; 25 top: 0; 26 left: 0; 27 bottom: 0; 28 right: 0; 29 display: flex; 30 flex-flow: column nowrap; 31 align-items: start; 32 pointer-events: none; 33 background: none; 34 } 35 36 slot[name=media] { 37 display: var(--media-slot-display, contents); 38 } 39 40 41 :host([${rs.AUDIO}]) slot[name=media] { 42 display: var(--media-slot-display, none); 43 } 44 45 46 :host([${rs.AUDIO}]) [part~=layer][part~=gesture-layer] { 47 height: 0; 48 display: block; 49 } 50 51 52 :host(:not([${rs.AUDIO}])[${rs.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]), 53 :host(:not([${rs.AUDIO}])[${rs.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] { 54 display: none; 55 } 56 57 58 ::slotted(:not([slot=media]):not([slot=poster]):not(media-loading-indicator):not([role=dialog]):not([hidden])) { 59 pointer-events: auto; 60 } 61 62 :host(:not([${rs.AUDIO}])) *[part~=layer][part~=centered-layer] { 63 align-items: center; 64 justify-content: center; 65 } 66 67 :host(:not([${rs.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]), 68 :host(:not([${rs.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] { 69 align-self: stretch; 70 flex-grow: 1; 71 } 72 73 slot[name=middle-chrome] { 74 display: inline; 75 flex-grow: 1; 76 pointer-events: none; 77 background: none; 78 } 79 80 81 ::slotted([slot=media]), 82 ::slotted([slot=poster]) { 83 width: 100%; 84 height: 100%; 85 } 86 87 88 :host(:not([${rs.AUDIO}])) .spacer { 89 flex-grow: 1; 90 } 91 92 93 :host(:-webkit-full-screen) { 94 95 width: 100% !important; 96 height: 100% !important; 97 } 98 99 100 ::slotted(:not([slot=media]):not([slot=poster]):not([${rs.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) { 101 opacity: 1; 102 transition: var(--media-control-transition-in, opacity 0.25s); 103 } 104 105 106 :host([${rs.USER_INACTIVE}]:not([${an.MEDIA_PAUSED}]):not([${an.MEDIA_IS_AIRPLAYING}
106]):not([${an.MEDIA_IS_CASTING}]):not([${rs.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${rs.NO_AUTOHIDE}]):not([role=dialog])) { 107 opacity: 0; 108 transition: var(--media-control-transition-out, opacity 1s); 109 } 110 111 :host([${rs.USER_INACTIVE}]:not([${rs.NO_AUTOHIDE}]):not([${an.MEDIA_PAUSED}]):not([${an.MEDIA_IS_CASTING}]):not([${rs.AUDIO}])) ::slotted([slot=media]) { 112 cursor: none; 113 } 114 115 :host([${rs.USER_INACTIVE}][${rs.AUTOHIDE_OVER_CONTROLS}]:not([${rs.NO_AUTOHIDE}]):not([${an.MEDIA_PAUSED}]):not([${an.MEDIA_IS_CASTING}]):not([${rs.AUDIO}])) * { 116 --media-cursor: none; 117 cursor: none; 118 } 119 120 121 ::slotted(media-control-bar) { 122 align-self: stretch; 123 } 124 125 126 :host(:not([${rs.AUDIO}])[${an.MEDIA_HAS_PLAYED}]) slot[name=poster] { 127 display: none; 128 } 129 130 ::slotted([role=dialog]) { 131 width: 100%; 132 height: 100%; 133 align-self: center; 134 } 135 136 ::slotted([role=menu]) { 137 align-self: end; 138 } 139 </style> 140 141 <slot name="media" part="layer media-layer"></slot> 142 <slot name="poster" part="layer poster-layer"></slot> 143 <slot name="gestures-chrome" part="layer gesture-layer"> 144 <media-gesture-receiver slot="gestures-chrome"></media-gesture-receiver> 145 </slot> 146 <span part="layer vertical-layer"> 147 <slot name="top-chrome" part="top chrome"></slot> 148 <slot name="middle-chrome" part="middle chrome"></slot> 149 <slot name="centered-chrome" part="layer centered-layer center centered chrome"></slot> 150 151 <slot part="bottom chrome"></slot> 152 </span> 153 <slot name="dialog" part="layer dialog-layer"></slot> 154`;let rl=Object.values(an);function rd(e,t){var i,a,r;if(!e.isConnected)return;let n=Object.fromEntries((null!=(i=e.getAttribute(rs.BREAKPOINTS))?i:"sm:384 md:576 lg:768 xl:960").split(/\s+/).map(e=>e.split(":"))),s=(a=n,r=t,Object.keys(a).filter(e=>r>=parseInt(a[e]))),o=!1;if(Object.keys(n).forEach(t=>{if(s.includes(t)){e.hasAttribute(`breakpoint${t}`)||(e.setAttribute(`breakpoint${t}`,""),o=!0);return}e.hasAttribute(`breakpoint${t}`)&&(e.removeAttribute(`breakpoint${t}`),o=!0)}),o){let t=new CustomEvent(as.BREAKPOINTS_CHANGE,{detail:s});e.dispatchEvent(t)}e.breakpointsComputed||(e.breakpointsComputed=!0,e.dispatchEvent(new CustomEvent(as.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}class ru extends aU.HTMLElement{constructor(){super(),ra(this,v),ra(this,f),ra(this,y),ra(this,w),ra(this,T),ra(this,S),ra(this,u,0),ra(this,h,null),ra(this,c,null),ra(this,m,void 0),this.breakpointsComputed=!1,ra(this,p,new MutationObserver(rn(this,v,E).bind(this))),ra(this,b,!1),ra(this,g,e=>{ri(this,b)||(setTimeout(()=>{!function(e){rd(e.target,e.contentRect.width)}(e),rr(this,b,!1)},0),rr(this,b,!0))}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(ro.content.cloneNode(!0)));let e=this.querySelector(":scope > slot[slot=media]");e&&e.addEventListener("slotchange",()=>{if(!e.assignedElements({flatten:!0}).length){ri(this,h)&&this.mediaUnsetCallback(ri(this,h));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[rs.AUTOHIDE,rs.GESTURES_DISABLED].concat(rl).filter(e=>![an.MEDIA_RENDITION_LIST,an.MEDIA_AUDIO_TRACK_LIST,an.MEDIA_CHAPTERS_CUES,an.MEDIA_WIDTH,an.MEDIA_HEIGHT,an.MEDIA_ERROR,an.MEDIA_ERROR_MESSAGE].includes(e))}attributeChangedCallback(e,t,i){e.toLowerCase()==rs.AUTOHIDE&&(this.autohide=i)}get media(){let e=this.querySelector(":scope > [slot=media]");return(null==e?void 0:e.nodeName)=="SLOT"&&(e=e.assignedElements({flatten:!0})[0]),e}async handleMediaUpdated(e){e&&(rr(this,h,e),e.localName.includes("-")&&await aU.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;ri(this,p).observe(this,{childList:!0,subtree:!0}),a$(this,ri(this,g));let t=null!=this.getAttribute(rs.AUDIO)?aS("audio player"):aS("video player");this.setAttribute("role","region"),this.setAttribute("aria-label",t),this.handleMediaUpdated(this.media),this.setAttribute(rs.USER_INACTIVE,""),rd(this,this.getBoundingClientRect().width),this.addEventListener("pointerdown",this),this.addEventListener("pointermove",this),this.addEventListener("pointerup",this),this.addEventListener("mouseleave",this),this.addEventListener("keyup",this),null==(e=aU.window)||e.addEventListener("mouseup",this)}disconnectedCallback(){var e;ri(this,p).disconnect(),aV(this,ri(this,g)),this.media&&this.mediaUnsetCallback(this.media),null==(e=aU.window)||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){rr(this,h,null)}handleEvent(e){switch(e.type){case"pointerdown":rr(this,u,e.timeStamp);break;case"pointermove":rn(this,f,A).call(this,e);break;case"pointerup":rn(this,y,k).call(this,e);break;case"mouseleave":rn(this,w,I).call(this);break;case"mouseup":this.removeAttribute(rs.KEYBOARD_CONTROL);break;
154case"keyup":rn(this,S,C).call(this),this.setAttribute(rs.KEYBOARD_CONTROL,"")}}set autohide(e){let t=Number(e);rr(this,m,isNaN(t)?0:t)}get autohide(){return(void 0===ri(this,m)?2:ri(this,m)).toString()}get breakpoints(){return a5(this,rs.BREAKPOINTS)}set breakpoints(e){a4(this,rs.BREAKPOINTS,e)}get audio(){return a2(this,rs.AUDIO)}set audio(e){a3(this,rs.AUDIO,e)}get gesturesDisabled(){return a2(this,rs.GESTURES_DISABLED)}set gesturesDisabled(e){a3(this,rs.GESTURES_DISABLED,e)}get keyboardControl(){return a2(this,rs.KEYBOARD_CONTROL)}set keyboardControl(e){a3(this,rs.KEYBOARD_CONTROL,e)}get noAutohide(){return a2(this,rs.NO_AUTOHIDE)}set noAutohide(e){a3(this,rs.NO_AUTOHIDE,e)}get autohideOverControls(){return a2(this,rs.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){a3(this,rs.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return a2(this,rs.USER_INACTIVE)}set userInteractive(e){a3(this,rs.USER_INACTIVE,e)}}u=new WeakMap,h=new WeakMap,c=new WeakMap,m=new WeakMap,p=new WeakMap,v=new WeakSet,E=function(e){let t=this.media;for(let i of e)if("childList"===i.type){for(let e of i.removedNodes){if("media"!=e.slot||i.target!=this)continue;let a=i.previousSibling&&i.previousSibling.previousElementSibling;if(a&&t){let t="media"!==a.slot;for(;null!==(a=a.previousSibling);)"media"==a.slot&&(t=!1);t&&this.mediaUnsetCallback(e)}else this.mediaUnsetCallback(e)}if(t)for(let e of i.addedNodes)e===t&&this.handleMediaUpdated(t)}},b=new WeakMap,g=new WeakMap,f=new WeakSet,A=function(e){if("mouse"!==e.pointerType&&e.timeStamp-ri(this,u)<250)return;rn(this,T,_).call(this),clearTimeout(ri(this,c));let t=this.hasAttribute(rs.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(e.target)||t)&&rn(this,S,C).call(this)},y=new WeakSet,k=function(e){if("touch"===e.pointerType){let t=!this.hasAttribute(rs.USER_INACTIVE);[this,this.media].includes(e.target)&&t?rn(this,w,I).call(this):rn(this,S,C).call(this)}else e.composedPath().some(e=>["media-play-button","media-fullscreen-button"].includes(null==e?void 0:e.localName))&&rn(this,S,C).call(this)},w=new WeakSet,I=function(){if(0>ri(this,m)||this.hasAttribute(rs.USER_INACTIVE))return;this.setAttribute(rs.USER_INACTIVE,"");let e=new aU.CustomEvent(as.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(e)},T=new WeakSet,_=function(){if(!this.hasAttribute(rs.USER_INACTIVE))return;this.removeAttribute(rs.USER_INACTIVE);let e=new aU.CustomEvent(as.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(e)},S=new WeakSet,C=function(){rn(this,T,_).call(this),clearTimeout(ri(this,c));let e=parseInt(this.autohide);e<0||rr(this,c,setTimeout(()=>{rn(this,w,I).call(this)},1e3*e))},aU.customElements.get("media-container")||aU.customElements.define("media-container",ru);var rh=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rc=(e,t,i)=>(rh(e,t,"read from private field"),i?i.call(e):t.get(e)),rm=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},rp=(e,t,i,a)=>(rh(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class rv{constructor(e,t,{defaultValue:i}={defaultValue:void 0}){rm(this,R),rm(this,L,void 0),rm(this,M,void 0),rm(this,D,void 0),rm(this,x,new Set),rp(this,L,e),rp(this,M,t),rp(this,D,new Set(i))}[Symbol.iterator](){return rc(this,R,N).values()}get length(){return rc(this,R,N).size}get value(){var e;return null!=(e=[...rc(this,R,N)].join(" "))?e:""}set value(e){var t;e!==this.value&&(rp(this,x,new Set),this.add(...null!=(t=null==e?void 0:e.split(" "))?t:[]))}toString(){return this.value}item(e){return[...rc(this,R,N)][e]}values(){return rc(this,R,N).values()}forEach(e,t){rc(this,R,N).forEach(e,t)}add(...e){var t,i;e.forEach(e=>rc(this,x).add(e)),(""!==this.value||(null==(t=rc(this,L))?void 0:t.hasAttribute(`${rc(this,M)}`)))&&(null==(i=rc(this,L))||i.setAttribute(`${rc(this,M)}`,`${this.value}`))}remove(...e){var t;e.forEach(e=>rc(this,x).delete(e)),null==(t=rc(this,L))||t.setAttribute(`${rc(this,M)}`,`${this.value}`)}contains(e){return rc(this,R,N).has(e)}
154toggle(e,t){if(void 0!==t)if(t)return this.add(e),!0;else return this.remove(e),!1;return this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,t){return this.remove(e),this.add(t),e===t}}L=new WeakMap,M=new WeakMap,D=new WeakMap,x=new WeakMap,R=new WeakSet,N=function(){return rc(this,x).size?rc(this,x):rc(this,D)};let rE=(e="")=>{let[t,i,a]=e.split(":"),r=a?decodeURIComponent(a):void 0;return{kind:"cc"===t?al.CAPTIONS:al.SUBTITLES,language:i,label:r}},rb=(e="",t={})=>((e="")=>e.split(/\s+/))(e).map(e=>{let i=rE(e);return{...t,...i}}),rg=e=>e?Array.isArray(e)?e.map(e=>"string"==typeof e?rE(e):e):"string"==typeof e?rb(e):[e]:[],rf=({kind:e,label:t,language:i}={kind:"subtitles"})=>t?`${"captions"===e?"cc":"sb"}:${i}:${encodeURIComponent(t)}`:i,rA=(e=[])=>Array.prototype.map.call(e,rf).join(" "),ry=e=>{let t=Object.entries(e).map(([e,t])=>i=>i[e]===t);return e=>t.every(t=>t(e))},rk=(e,t=[],i=[])=>{let a=rg(i).map(ry);Array.from(t).filter(e=>a.some(t=>t(e))).forEach(t=>{t.mode=e})},rw=(e,t=()=>!0)=>{if(!(null==e?void 0:e.textTracks))return[];let i="function"==typeof t?t:ry(t);return Array.from(e.textTracks).filter(i)},rI=e=>{var t;return!!(null==(t=e.mediaSubtitlesShowing)?void 0:t.length)||e.hasAttribute(an.MEDIA_SUBTITLES_SHOWING)},rT="exitFullscreen"in aP?"exitFullscreen":"webkitExitFullscreen"in aP?"webkitExitFullscreen":"webkitCancelFullScreen"in aP?"webkitCancelFullScreen":void 0,r_="fullscreenElement"in aP?"fullscreenElement":"webkitFullscreenElement"in aP?"webkitFullscreenElement":void 0,rS="fullscreenEnabled"in aP?"fullscreenEnabled":"webkitFullscreenEnabled"in aP?"webkitFullscreenEnabled":void 0,rC=()=>{var e;return a||(a=null==(e=null==aP?void 0:aP.createElement)?void 0:e.call(aP,"video"))},rL=async(e=rC())=>{if(!e)return!1;let t=e.volume;e.volume=t/2+.1;let i=new AbortController,a=await Promise.race([rM(e,i.signal),rD(e,t)]);return i.abort(),a},rM=(e,t)=>new Promise(i=>{e.addEventListener("volumechange",()=>i(!0),{signal:t})}),rD=async(e,t)=>{for(let i=0;i<10;i++){if(e.volume===t)return!1;await aA(10)}return e.volume!==t},rx=/.*Version\/.*Safari\/.*/.test(aU.navigator.userAgent),rR=(e=rC())=>(!aU.matchMedia("(display-mode: standalone)").matches||!rx)&&"function"==typeof(null==e?void 0:e.requestPictureInPicture),rN=(e=rC())=>(e=>{let{documentElement:t,media:i}=e;return!!(null==t?void 0:t[rS])||i&&"webkitSupportsFullscreen"in i})({documentElement:aP,media:e}),rO=rN(),rU=rR(),rP=!!aU.WebKitPlaybackTargetAvailabilityEvent,rW=!!aU.chrome,rH=e=>rw(e.media,e=>[al.SUBTITLES,al.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),rB=e=>rw(e.media,e=>e.mode===ad.SHOWING&&[al.SUBTITLES,al.CAPTIONS].includes(e.kind)),r$=(e,t)=>{let i=rH(e),a=rB(e),r=!!a.length;if(i.length){if(!1===t||r&&!0!==t)rk(ad.DISABLED,i,a);else if(!0===t||!r&&!1!==t){let t=i[0],{options:r}=e;if(!(null==r?void 0:r.noSubtitlesLangPref)){let e=globalThis.localStorage.getItem("media-chrome-pref-subtitles-lang"),a=e?[e,...globalThis.navigator.languages]:globalThis.navigator.languages,r=i.filter(e=>a.some(t=>e.language.toLowerCase().startsWith(t.split("-")[0]))).sort((e,t)=>a.findIndex(t=>e.language.toLowerCase().startsWith(t.split("-")[0]))-a.findIndex(e=>t.language.toLowerCase().startsWith(e.split("-")[0])));r[0]&&(t=r[0])}let{language:n,label:s,kind:o}=t;rk(ad.DISABLED,i,a),rk(ad.SHOWING,i,[{language:n,label:s,kind:o}])}}},rV=(e,t)=>e===t||null!=e&&null!=t&&typeof e==typeof t&&(!!("number"==typeof e&&Number.isNaN(e)&&Number.isNaN(t))||"object"==typeof e&&(Array.isArray(e)?rF(e,t):Object.entries(e).every(([e,i])=>e in t&&rV(i,t[e])))),rF=(e,t)=>{let i=Array.isArray(e),a=Array.isArray(t);return i===a&&(!i&&!a||e.length===t.length&&e.every((e,i)=>rV(e,t[i])))},rG=Object.values(ac),rK=rL().then(e=>r=e),rq=async(...e)=>{await Promise.all(e.filter(e=>e).map(async e=>{if(!("localName"in e&&e instanceof aU.HTMLElement))return;let t=e.localName;if(!t.includes("-"))return;let i=aU.customElements.get(t);i&&e instanceof i||(await aU.customElements.whenDefined(t),aU.customElements.upgrade(e))}))},rj={mediaError:{get(e,t){let{media:i}=e;if((null==t?void 0:t.type)!=="playing")return null==i?void 0:i.error},mediaEvents:["emptied","error","playing"]},mediaErrorCode:{get(e,t){var i;let{media:a}=e;if((null==t?void 0:t.type)!=="playing")return null==(i=null==a?void 0:a.error)?void 0:i.code},mediaEvents:["emptied","error","playing"]},mediaErrorMessage:{get(e,t){var i,a;let{media:r}=e;if((null==t?void 0:t.type)!=="playing")return null!=(a=null==(i=null==r?void 0:r.error)?void 0:i.message)?a:""},mediaEvents:["emptied","error","playing"]},mediaWidth:{get(e){var t;let{media:i}=e;return null!=(t=null==i?void 0:i.videoWidth)?t:0},mediaEvents:["resize"]},mediaHeight:{get(e){var t;let{media:i}=e;return null!=(t=null==i?void 0:i.videoHeight)?t:0},mediaEvents:["resize"]},mediaPaused:{get(e){var t;let{media:i}=e;return null==(t=null==i?void 0:i.paused)||t},set(e,t){var i;let{media:a}=t;a&&(e?a.pause():null==(i=a.play())||i.catch(()=>{}))},mediaEvents:["play","playing","pause","emptied"]},mediaHasPlayed:{get(e,t){let{media:i}=e;return!!i&&(t?"playing"===t.type:!i.paused)},mediaEvents:["playing","emptied"]},mediaEnded:{get(e){var t;let{media:i}=e;return null!=(t=null==i?void 0:i.ended)&&t},mediaEvents:["seeked","ended","emptied"]},mediaPlaybackRate:{get(e){var t;let{media:i}=e;return null!=(t=null==i?void 0:i.playbackRate)?t:1},set(e,t){let{media:i}=t;i&&Number.isFinite(+e)&&(i.playbackRate=+e)},mediaEvents:["ratechange","loadstart"]},mediaMuted:{get(e){var t;let{media:i}=e;return null!=(t=null==i?void 0:i.muted)&&t},set(e,t){let{media:i}=t;if(i){try{aU.localStorage.setItem("media-chrome-pref-muted",e?"true":"false")}catch(e){console.debug("Error setting muted pref",e)}i.muted=e}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(e,t)=>{let{options:{noMutedPref:i}}=t,{media:a}=t;if(a&&!a.muted&&!i)try{let i="true"===aU.localStorage.getItem("media-chrome-pref-muted");rj.mediaMuted.set(i,t),e(i)}catch(e){console.debug("Error getting muted pref",e)}}]},mediaVolume:{get(e){var t;let{media:i}=e;return null!=(t=null==i?void 0:i.volume)?t:1},set(e,t){let{media:i}=t;if(i){try{null==e?aU.localStorage.removeItem("media-chrome-pref-volume"):aU.localStorage.setItem("media-chrome-pref-volume",e.toString())}catch(e){console.debug("Error setting volume pref",e)}Number.isFinite(+e)&&(i.volume=+e)}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(e,t)=>{let{options:{noVolumePref:i}}=t;if(!i)try{let{media:i}=t;if(!i)return;let a=aU.localStorage.getItem("media-chrome-pref-volume");if(null==a)return;rj.mediaVolume.set(+a,t),e(+a)}catch(e){console.debug("Error getting volume pref",e)}}]},mediaVolumeLevel:{get(e){let{media:t}=e;return void 0===(null==t?void 0:t.volume)?"high":t.muted||0===t.volume?"off":t.volume<.5?"low":t.volume<.75?"medium":"high"},mediaEvents:["volumechange"]},mediaCurrentTime:{get(e){var t;let{media:i}=e;return null!=(t=null==i?void 0:i.currentTime)?t:0},set(e,t){let{media:i}=t;i&&ag(e)&&(i.currentTime=e)},mediaEvents:["timeupdate","loadedmetadata"]},mediaDuration:{get(e){let{media:t,options:{defaultDuration:i}={}}=e;return i&&(!t||!t.duration||Number.isNaN(t.duration)||!Number.isFinite(t.duration))?i:Number.isFinite(null==t?void 0:t.duration)?t.duration:NaN},mediaEvents:["durationchange","loadedmetadata","emptied"]},mediaLoading:{get(e){let{media:t}=e;return(null==t?void 0:t.readyState)<3},mediaEvents:["waiting","playing","emptied"]},mediaSeekable:{get(e){var t;let{media:i}=e;if(!(null==(t=null==i?void 0:i.seekable)?void 0:t.length))return;let a=i.seekable.start(0),r=i.seekable.end(i.seekable.length-1);if(a||r)return[Number(a.toFixed(3)),Number(r.toFixed(3))]},mediaEvents:["loadedmetadata","emptied","progress","seekablechange"]},mediaBuffered:{get(e){var t;let{media:i}=e,a=null!=(t=null==i?void 0:i.buffered)?t:[];return Array.from(a).map((e,t)=>[Number(a.start(t).toFixed(3)),Number(a.end(t).toFixed(3))])},mediaEvents:["progress","emptied"]},mediaStreamType:{get(e){let{media:t,options:{defaultStreamType:i}={}}=e,a=[ac.LIVE,ac.ON_DEMAND].includes(i)?i:void 0;if(!t)return a;let{streamType:r}=t;if(rG.includes(r))return r===ac.UNKNOWN?a:r;let n=t.duration;return n===1/0?ac.LIVE:Number.isFinite(n)?ac.ON_DEMAND:a}
154,mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(e){let{media:t}=e;if(!t)return NaN;let{targetLiveWindow:i}=t,a=rj.mediaStreamType.get(e);return(null==i||Number.isNaN(i))&&a===ac.LIVE?0:i},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},mediaTimeIsLive:{get(e){let{media:t,options:{liveEdgeOffset:i=10}={}}=e;if(!t)return!1;if("number"==typeof t.liveEdgeStart)return!Number.isNaN(t.liveEdgeStart)&&t.currentTime>=t.liveEdgeStart;if(rj.mediaStreamType.get(e)!==ac.LIVE)return!1;let a=t.seekable;if(!a)return!0;if(!a.length)return!1;let r=a.end(a.length-1)-i;return t.currentTime>=r},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get:e=>rH(e).map(({kind:e,label:t,language:i})=>({kind:e,label:t,language:i})),mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get:e=>rB(e).map(({kind:e,label:t,language:i})=>({kind:e,label:t,language:i})),mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(e,t)=>{var i,a;let{media:r,options:n}=t;if(!r)return;let s=e=>{var i;n.defaultSubtitles&&(e&&![al.CAPTIONS,al.SUBTITLES].includes(null==(i=null==e?void 0:e.track)?void 0:i.kind)||r$(t,!0))};return r.addEventListener("loadstart",s),null==(i=r.textTracks)||i.addEventListener("addtrack",s),null==(a=r.textTracks)||a.addEventListener("removetrack",s),()=>{var e,t;r.removeEventListener("loadstart",s),null==(e=r.textTracks)||e.removeEventListener("addtrack",s),null==(t=r.textTracks)||t.removeEventListener("removetrack",s)}}]},mediaChaptersCues:{get(e){var t;let{media:i}=e;if(!i)return[];let[a]=rw(i,{kind:al.CHAPTERS});return Array.from(null!=(t=null==a?void 0:a.cues)?t:[]).map(({text:e,startTime:t,endTime:i})=>({text:e,startTime:t,endTime:i}))},mediaEvents:["loadstart","loadedmetadata"],textTracksEvents:["addtrack","removetrack","change"],stateOwnersUpdateHandlers:[(e,t)=>{var i;let{media:a}=t;if(!a)return;let r=a.querySelector('track[kind="chapters"][default][src]'),n=null==(i=a.shadowRoot)?void 0:i.querySelector(':is(video,audio) > track[kind="chapters"][default][src]');return null==r||r.addEventListener("load",e),null==n||n.addEventListener("load",e),()=>{null==r||r.removeEventListener("load",e),null==n||n.removeEventListener("load",e)}}]},mediaIsPip:{get(e){var t,i;let{media:a,documentElement:r}=e;if(!a||!r||!r.pictureInPictureElement)return!1;if(r.pictureInPictureElement===a)return!0;if(r.pictureInPictureElement instanceof HTMLMediaElement)return!!(null==(t=a.localName)?void 0:t.includes("-"))&&aj(a,r.pictureInPictureElement);if(r.pictureInPictureElement.localName.includes("-")){let e=r.pictureInPictureElement.shadowRoot;for(;null==e?void 0:e.pictureInPictureElement;){if(e.pictureInPictureElement===a)return!0;e=null==(i=e.pictureInPictureElement)?void 0:i.shadowRoot}}return!1},set(e,t){let{media:i}=t;if(i)if(e){if(!aP.pictureInPictureEnabled)return void console.warn("MediaChrome: Picture-in-picture is not enabled");if(!i.requestPictureInPicture)return void console.warn("MediaChrome: The current media does not support picture-in-picture");let e=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};i.requestPictureInPicture().catch(t=>{if(11===t.code){if(!i.src)return void console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a src set.");if(0===i.readyState&&"none"===i.preload){let t=()=>{i.removeEventListener("loadedmetadata",a),i.preload="none"},a=()=>{i.requestPictureInPicture().catch(e),t()};i.addEventListener("loadedmetadata",a),i.preload="metadata",setTimeout(()=>{0===i.readyState&&e(),t()},1e3)}else throw t}else throw t})}else aP.pictureInPictureElement&&aP.exitPictureInPicture()},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},mediaRenditionList:{get(e){var t;let{media:i}=e;return[...null!=(t=null==i?void 0:i.videoRenditions)?t:[]].map(e=>({...e}))},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaRenditionSelected:{get(e){var t,i,a;let{media:r}=e;return null==(a=null==(i=null==r?void 0:r.videoRenditions)?void 0:i[null==(t=r.videoRenditions)?void 0:t.selectedIndex])?void 0:a.id},set(e,t){let{media:i}=t;if(!(null==i?void 0:i.videoRenditions))return void console.warn("MediaController: Rendition selection not supported by this media.");let a=Array.prototype.findIndex.call(i.videoRenditions,t=>t.id==e);i.videoRenditions.selectedIndex!=a&&(i.videoRenditions.selectedIndex=a)},mediaEvents:["emptied"],videoRenditionsEvents:["addrendition","removerendition","change"]},mediaAudioTrackList:{get(e){var t;let{media:i}=e;return[...null!=(t=null==i?void 0:i.audioTracks)?t:[]]},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaAudioTrackEnabled:{get(e){var t,i;let{media:a}=e;return null==(i=[...null!=(t=null==a?void 0:a.audioTracks)?t:[]].find(e=>e.enabled))?void 0:i.id},set(e,t){let{media:i}=t;if(!(null==i?void 0:i.audioTracks))return void console.warn("MediaChrome: Audio track selection not supported by this media.");
154for(let t of i.audioTracks)t.enabled=e==t.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]},mediaIsFullscreen:{get:e=>(e=>{var t;let{media:i,documentElement:a,fullscreenElement:r=i}=e;if(!i||!a)return!1;let n=(e=>{let{documentElement:t,media:i}=e,a=null==t?void 0:t[r_];return!a&&"webkitDisplayingFullscreen"in i&&"webkitPresentationMode"in i&&i.webkitDisplayingFullscreen&&i.webkitPresentationMode===am.FULLSCREEN?i:a})(e);if(!n)return!1;if(n===r||n===i)return!0;if(n.localName.includes("-")){let e=n.shadowRoot;if(!(r_ in e))return aj(n,r);for(;null==e?void 0:e[r_];){if(e[r_]===r)return!0;e=null==(t=e[r_])?void 0:t.shadowRoot}}return!1})(e),set(e,t){e?(e=>{var t;let{media:i,fullscreenElement:a}=e,r=a&&"requestFullscreen"in a?"requestFullscreen":a&&"webkitRequestFullScreen"in a?"webkitRequestFullScreen":void 0;if(r){let e=null==(t=a[r])?void 0:t.call(a);if(e instanceof Promise)return e.catch(()=>{})}else(null==i?void 0:i.webkitEnterFullscreen)?i.webkitEnterFullscreen():(null==i?void 0:i.requestFullscreen)&&i.requestFullscreen()})(t):(e=>{var t;let{documentElement:i}=e;if(rT){let e=null==(t=null==i?void 0:i[rT])?void 0:t.call(i);if(e instanceof Promise)return e.catch(()=>{})}})(t)},rootEvents:["fullscreenchange","webkitfullscreenchange"],mediaEvents:["webkitbeginfullscreen","webkitendfullscreen","webkitpresentationmodechanged"]},mediaIsCasting:{get(e){var t;let{media:i}=e;return!!(null==i?void 0:i.remote)&&(null==(t=i.remote)?void 0:t.state)!=="disconnected"&&!!i.remote.state},set(e,t){var i,a;let{media:r}=t;if(r&&(!e||(null==(i=r.remote)?void 0:i.state)==="disconnected")&&(e||(null==(a=r.remote)?void 0:a.state)==="connected")){if("function"!=typeof r.remote.prompt)return void console.warn("MediaChrome: Casting is not supported in this environment");r.remote.prompt().catch(()=>{})}},remoteEvents:["connect","connecting","disconnect"]},mediaIsAirplaying:{get:()=>!1,set(e,t){let{media:i}=t;if(i){if(!(i.webkitShowPlaybackTargetPicker&&aU.WebKitPlaybackTargetAvailabilityEvent))return void console.warn("MediaChrome: received a request to select AirPlay but AirPlay is not supported in this environment");i.webkitShowPlaybackTargetPicker()}},mediaEvents:["webkitcurrentplaybacktargetiswirelesschanged"]},mediaFullscreenUnavailable:{get(e){let{media:t}=e;if(!rO||!rN(t))return ah.UNSUPPORTED}},mediaPipUnavailable:{get(e){let{media:t}=e;if(!rU||!rR(t))return ah.UNSUPPORTED}},mediaVolumeUnavailable:{get(e){let{media:t}=e;if(!1===r||(null==t?void 0:t.volume)==void 0)return ah.UNSUPPORTED},stateOwnersUpdateHandlers:[e=>{null==r&&rK.then(t=>e(t?void 0:ah.UNSUPPORTED))}]},mediaCastUnavailable:{get(e,{availability:t="not-available"}={}){var i;let{media:a}=e;return rW&&(null==(i=null==a?void 0:a.remote)?void 0:i.state)?null!=t&&"available"!==t?ah.UNAVAILABLE:void 0:ah.UNSUPPORTED},stateOwnersUpdateHandlers:[(e,t)=>{var i;let{media:a}=t;if(a)return a.disableRemotePlayback||a.hasAttribute("disableremoteplayback")||null==(i=null==a?void 0:a.remote)||i.watchAvailability(t=>{e({availability:t?"available":"not-available"})}).catch(t=>{"NotSupportedError"===t.name?e({availability:null}):e({availability:"not-available"})}),()=>{var e;null==(e=null==a?void 0:a.remote)||e.cancelWatchAvailability().catch(()=>{})}}]},mediaAirplayUnavailable:{get:(e,t)=>rP?(null==t?void 0:t.availability)==="not-available"?ah.UNAVAILABLE:void 0:ah.UNSUPPORTED,mediaEvents:["webkitplaybacktargetavailabilitychanged"],stateOwnersUpdateHandlers:[(e,t)=>{var i;let{media:a}=t;if(a)return a.disableRemotePlayback||a.hasAttribute("disableremoteplayback")||null==(i=null==a?void 0:a.remote)||i.watchAvailability(t=>{e({availability:t?"available":"not-available"})}).catch(t=>{"NotSupportedError"===t.name?e({availability:null}):e({availability:"not-available"})}),()=>{var e;null==(e=null==a?void 0:a.remote)||e.cancelWatchAvailability().catch(()=>{})}}]},mediaRenditionUnavailable:{get(e){var t;let{media:i}=e;return(null==i?void 0:i.videoRenditions)?(null==(t=i.videoRenditions)?void 0:t.length)?void 0:ah.UNAVAILABLE:ah.UNSUPPORTED},mediaEvents:["emptied","loadstart"],videoRenditionsEvents:["addrendition","removerendition"]},mediaAudioTrackUnavailable:{get(e){var t,i;let{media:a}=e;return(null==a?void 0:a.audioTracks)?(null!=(i=null==(t=a.audioTracks)?void 0:t.length)?i:0)<=1?ah.UNAVAILABLE:void 0:ah.UNSUPPORTED},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]}},rY={[at.MEDIA_PREVIEW_REQUEST](e,t,{detail:i}){var a,r,n;let s,o,{media:l}=t,d=null!=i?i:void 0;if(l&&null!=d){let[e]=rw(l,{kind:al.METADATA,label:"thumbnails"}),t=Array.prototype.find.call(null!=(a=null==e?void 0:e.cues)?a:[],(e,t,i)=>0===t?e.endTime>
154d:t===i.length-1?e.startTime<=d:e.startTime<=d&&e.endTime>d);if(t){let e=/'^(?:[a-z]+:)?\/\//i.test(t.text)||null==(r=null==l?void 0:l.querySelector('track[label="thumbnails"]'))?void 0:r.src,i=new URL(t.text,e);o=new URLSearchParams(i.hash).get("#xywh").split(",").map(e=>+e),s=i.href}}let u=e.mediaDuration.get(t),h=null==(n=e.mediaChaptersCues.get(t).find((e,t,i)=>t===i.length-1&&u===e.endTime?e.startTime<=d&&e.endTime>=d:e.startTime<=d&&e.endTime>d))?void 0:n.text;return null!=i&&null==h&&(h=""),{mediaPreviewTime:d,mediaPreviewImage:s,mediaPreviewCoords:o,mediaPreviewChapter:h}},[at.MEDIA_PAUSE_REQUEST](e,t){e.mediaPaused.set(!0,t)},[at.MEDIA_PLAY_REQUEST](e,t){var i,a,r,n;let s=e.mediaStreamType.get(t)===ac.LIVE,o=!(null==(i=t.options)?void 0:i.noAutoSeekToLive),l=e.mediaTargetLiveWindow.get(t)>0;if(s&&o&&!l){let i=null==(a=e.mediaSeekable.get(t))?void 0:a[1];if(i){let a=null!=(n=null==(r=t.options)?void 0:r.seekToLiveOffset)?n:0;e.mediaCurrentTime.set(i-a,t)}}e.mediaPaused.set(!1,t)},[at.MEDIA_PLAYBACK_RATE_REQUEST](e,t,{detail:i}){e.mediaPlaybackRate.set(i,t)},[at.MEDIA_MUTE_REQUEST](e,t){e.mediaMuted.set(!0,t)},[at.MEDIA_UNMUTE_REQUEST](e,t){e.mediaVolume.get(t)||e.mediaVolume.set(.25,t),e.mediaMuted.set(!1,t)},[at.MEDIA_VOLUME_REQUEST](e,t,{detail:i}){i&&e.mediaMuted.get(t)&&e.mediaMuted.set(!1,t),e.mediaVolume.set(i,t)},[at.MEDIA_SEEK_REQUEST](e,t,{detail:i}){e.mediaCurrentTime.set(i,t)},[at.MEDIA_SEEK_TO_LIVE_REQUEST](e,t){var i,a,r;let n=null==(i=e.mediaSeekable.get(t))?void 0:i[1];if(Number.isNaN(Number(n)))return;let s=null!=(r=null==(a=t.options)?void 0:a.seekToLiveOffset)?r:0;e.mediaCurrentTime.set(n-s,t)},[at.MEDIA_SHOW_SUBTITLES_REQUEST](e,t,{detail:i}){var a;let{options:r}=t,n=rH(t),s=rg(i),o=null==(a=s[0])?void 0:a.language;o&&!r.noSubtitlesLangPref&&aU.localStorage.setItem("media-chrome-pref-subtitles-lang",o),rk(ad.SHOWING,n,s)},[at.MEDIA_DISABLE_SUBTITLES_REQUEST](e,t,{detail:i}){let a=rH(t);rk(ad.DISABLED,a,null!=i?i:[])},[at.MEDIA_TOGGLE_SUBTITLES_REQUEST](e,t,{detail:i}){r$(t,i)},[at.MEDIA_RENDITION_REQUEST](e,t,{detail:i}){e.mediaRenditionSelected.set(i,t)},[at.MEDIA_AUDIO_TRACK_REQUEST](e,t,{detail:i}){e.mediaAudioTrackEnabled.set(i,t)},[at.MEDIA_ENTER_PIP_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsPip.set(!0,t)},[at.MEDIA_EXIT_PIP_REQUEST](e,t){e.mediaIsPip.set(!1,t)},[at.MEDIA_ENTER_FULLSCREEN_REQUEST](e,t){e.mediaIsPip.get(t)&&e.mediaIsPip.set(!1,t),e.mediaIsFullscreen.set(!0,t)},[at.MEDIA_EXIT_FULLSCREEN_REQUEST](e,t){e.mediaIsFullscreen.set(!1,t)},[at.MEDIA_ENTER_CAST_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsCasting.set(!0,t)},[at.MEDIA_EXIT_CAST_REQUEST](e,t){e.mediaIsCasting.set(!1,t)},[at.MEDIA_AIRPLAY_REQUEST](e,t){e.mediaIsAirplaying.set(!0,t)}};var rQ=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rZ=(e,t,i)=>(rQ(e,t,"read from private field"),i?i.call(e):t.get(e)),rz=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},rX=(e,t,i,a)=>(rQ(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),rJ=(e,t,i)=>(rQ(e,t,"access private method"),i);let r0=["ArrowLeft","ArrowRight","Enter"," ","f","m","k","c"],r1={DEFAULT_SUBTITLES:"defaultsubtitles",DEFAULT_STREAM_TYPE:"defaultstreamtype",DEFAULT_DURATION:"defaultduration",FULLSCREEN_ELEMENT:"fullscreenelement",HOTKEYS:"hotkeys",KEYS_USED:"keysused",LIVE_EDGE_OFFSET:"liveedgeoffset",SEEK_TO_LIVE_OFFSET:"seektoliveoffset",NO_AUTO_SEEK_TO_LIVE:"noautoseektolive",NO_HOTKEYS:"nohotkeys",NO_VOLUME_PREF:"novolumepref",NO_SUBTITLES_LANG_PREF:"nosubtitleslangpref",NO_DEFAULT_STORE:"nodefaultstore",KEYBOARD_FORWARD_SEEK_OFFSET:"keyboardforwardseekoffset",KEYBOARD_BACKWARD_SEEK_OFFSET:"keyboardbackwardseekoffset",LANG:"lang"};class r2 extends ru{constructor(){super(),rz(this,$),rz(this,F),rz(this,K),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,rz(this,O,new rv(this,r1.HOTKEYS)),rz(this,U,void 0),rz(this,P,void 0),rz(this,W,void 0),rz(this,H,void 0),rz(this,B,e=>{var t;null==(t=rZ(this,P))||t.dispatch(e)}),this.associateElement(this);let e={};
154rX(this,W,t=>{Object.entries(t).forEach(([t,i])=>{if(t in e&&e[t]===i)return;this.propagateMediaState(t,i);let a=t.toLowerCase(),r=new aU.CustomEvent(ao[a],{composed:!0,detail:i});this.dispatchEvent(r)}),e=t}),this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat(r1.NO_HOTKEYS,r1.HOTKEYS,r1.DEFAULT_STREAM_TYPE,r1.DEFAULT_SUBTITLES,r1.DEFAULT_DURATION,r1.LANG)}get mediaStore(){return rZ(this,P)}set mediaStore(e){var t,i;if(rZ(this,P)&&(null==(t=rZ(this,H))||t.call(this),rX(this,H,void 0)),rX(this,P,e),!rZ(this,P)&&!this.hasAttribute(r1.NO_DEFAULT_STORE))return void rJ(this,$,V).call(this);rX(this,H,null==(i=rZ(this,P))?void 0:i.subscribe(rZ(this,W)))}get fullscreenElement(){var e;return null!=(e=rZ(this,U))?e:this}set fullscreenElement(e){var t;this.hasAttribute(r1.FULLSCREEN_ELEMENT)&&this.removeAttribute(r1.FULLSCREEN_ELEMENT),rX(this,U,e),null==(t=rZ(this,P))||t.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}get defaultSubtitles(){return a2(this,r1.DEFAULT_SUBTITLES)}set defaultSubtitles(e){a3(this,r1.DEFAULT_SUBTITLES,e)}get defaultStreamType(){return a5(this,r1.DEFAULT_STREAM_TYPE)}set defaultStreamType(e){a4(this,r1.DEFAULT_STREAM_TYPE,e)}get defaultDuration(){return a0(this,r1.DEFAULT_DURATION)}set defaultDuration(e){a1(this,r1.DEFAULT_DURATION,e)}get noHotkeys(){return a2(this,r1.NO_HOTKEYS)}set noHotkeys(e){a3(this,r1.NO_HOTKEYS,e)}get keysUsed(){return a5(this,r1.KEYS_USED)}set keysUsed(e){a4(this,r1.KEYS_USED,e)}get liveEdgeOffset(){return a0(this,r1.LIVE_EDGE_OFFSET)}set liveEdgeOffset(e){a1(this,r1.LIVE_EDGE_OFFSET,e)}get noAutoSeekToLive(){return a2(this,r1.NO_AUTO_SEEK_TO_LIVE)}set noAutoSeekToLive(e){a3(this,r1.NO_AUTO_SEEK_TO_LIVE,e)}get noVolumePref(){return a2(this,r1.NO_VOLUME_PREF)}set noVolumePref(e){a3(this,r1.NO_VOLUME_PREF,e)}get noSubtitlesLangPref(){return a2(this,r1.NO_SUBTITLES_LANG_PREF)}set noSubtitlesLangPref(e){a3(this,r1.NO_SUBTITLES_LANG_PREF,e)}get noDefaultStore(){return a2(this,r1.NO_DEFAULT_STORE)}set noDefaultStore(e){a3(this,r1.NO_DEFAULT_STORE,e)}attributeChangedCallback(e,t,i){var a,r,n,s,o,l,d,u;if(super.attributeChangedCallback(e,t,i),e===r1.NO_HOTKEYS)i!==t&&""===i?(this.hasAttribute(r1.HOTKEYS)&&console.warn("Media Chrome: Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):i!==t&&null===i&&this.enableHotkeys();else if(e===r1.HOTKEYS)rZ(this,O).value=i;else if(e===r1.DEFAULT_SUBTITLES&&i!==t)null==(a=rZ(this,P))||a.dispatch({type:"optionschangerequest",detail:{defaultSubtitles:this.hasAttribute(r1.DEFAULT_SUBTITLES)}});else if(e===r1.DEFAULT_STREAM_TYPE)null==(n=rZ(this,P))||n.dispatch({type:"optionschangerequest",detail:{defaultStreamType:null!=(r=this.getAttribute(r1.DEFAULT_STREAM_TYPE))?r:void 0}});else if(e===r1.LIVE_EDGE_OFFSET)null==(s=rZ(this,P))||s.dispatch({type:"optionschangerequest",detail:{liveEdgeOffset:this.hasAttribute(r1.LIVE_EDGE_OFFSET)?+this.getAttribute(r1.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(r1.SEEK_TO_LIVE_OFFSET)?void 0:+this.getAttribute(r1.LIVE_EDGE_OFFSET)}});else if(e===r1.SEEK_TO_LIVE_OFFSET)null==(o=rZ(this,P))||o.dispatch({type:"optionschangerequest",detail:{seekToLiveOffset:this.hasAttribute(r1.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(r1.SEEK_TO_LIVE_OFFSET):void 0}});else if(e===r1.NO_AUTO_SEEK_TO_LIVE)null==(l=rZ(this,P))||l.dispatch({type:"optionschangerequest",detail:{noAutoSeekToLive:this.hasAttribute(r1.NO_AUTO_SEEK_TO_LIVE)}});else if(e===r1.FULLSCREEN_ELEMENT){let e=i?null==(d=this.getRootNode())?void 0:d.getElementById(i):void 0;rX(this,U,e),null==(u=rZ(this,P))||u.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}else e===r1.LANG&&i!==t&&(a_=i)}connectedCallback(){var e,t;rZ(this,P)||this.hasAttribute(r1.NO_DEFAULT_STORE)||rJ(this,$,V).call(this),null==(e=rZ(this,P))||e.dispatch({type:"documentelementchangerequest",detail:aP}),super.connectedCallback(),rZ(this,P)&&!rZ(this,H)&&rX(this,H,null==(t=rZ(this,P))?void 0:t.subscribe(rZ(this,W))),this.enableHotkeys()}disconnectedCallback(){var e,t,i,a;null==(e=super.disconnectedCallback)||e.call(this),rZ(this,P)&&(null==(t=rZ(this,P))||t.dispatch({type:"documentelementchangerequest",detail:void 0}),null==(i=rZ(this,P))||i.dispatch({type:at.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})),rZ(this,H)&&(null==(a=rZ(this,H))||a.call(this),rX(this,H,void 0))}mediaSetCallback(e){var t;super.mediaSetCallback(e),null==(t=rZ(this,P))||t.dispatch({type:"mediaelementchangerequest",detail:e}),e.hasAttribute("tabindex")||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),null==(t=rZ(this,P))||t.dispatch({type:"mediaelementchangerequest",detail:void 0})}propagateMediaState(e,t){nt(this.mediaStateReceivers,e,t)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let i=ni(e,this.registerMediaStateReceiver.bind(this),this.unregisterMediaStateReceiver.bind(this));Object.values(at).forEach(t=>{e.addEventListener(t,rZ(this,B))}),t.set(e,i)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;t.has(e)&&(t.get(e)(),t.delete(e),Object.values(at).forEach(t=>{e.removeEventListener(t,rZ(this,B))}))}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;!(t.indexOf(e)>-1)&&(t.push(e),rZ(this,P)&&Object.entries(rZ(this,P).getState()).forEac
154h(([t,i])=>{nt([e],t,i)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,i=t.indexOf(e);i<0||t.splice(i,1)}enableHotkeys(){this.addEventListener("keydown",rJ(this,K,q))}disableHotkeys(){this.removeEventListener("keydown",rJ(this,K,q)),this.removeEventListener("keyup",rJ(this,F,G))}get hotkeys(){return a5(this,r1.HOTKEYS)}set hotkeys(e){a4(this,r1.HOTKEYS,e)}keyboardShortcutHandler(e){var t,i,a,r,n;let s,o,l,d=e.target;if(!((null!=(a=null!=(i=null==(t=d.getAttribute(r1.KEYS_USED))?void 0:t.split(" "))?i:null==d?void 0:d.keysUsed)?a:[]).map(e=>"Space"===e?" ":e).filter(Boolean).includes(e.key)||rZ(this,O).contains(`no${e.key.toLowerCase()}`))&&!(" "===e.key&&rZ(this,O).contains("nospace")))switch(e.key){case" ":case"k":s=rZ(this,P).getState().mediaPaused?at.MEDIA_PLAY_REQUEST:at.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new aU.CustomEvent(s,{composed:!0,bubbles:!0}));break;case"m":s="off"===this.mediaStore.getState().mediaVolumeLevel?at.MEDIA_UNMUTE_REQUEST:at.MEDIA_MUTE_REQUEST,this.dispatchEvent(new aU.CustomEvent(s,{composed:!0,bubbles:!0}));break;case"f":s=this.mediaStore.getState().mediaIsFullscreen?at.MEDIA_EXIT_FULLSCREEN_REQUEST:at.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new aU.CustomEvent(s,{composed:!0,bubbles:!0}));break;case"c":this.dispatchEvent(new aU.CustomEvent(at.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}));break;case"ArrowLeft":{let e=this.hasAttribute(r1.KEYBOARD_BACKWARD_SEEK_OFFSET)?+this.getAttribute(r1.KEYBOARD_BACKWARD_SEEK_OFFSET):10;o=Math.max((null!=(r=this.mediaStore.getState().mediaCurrentTime)?r:0)-e,0),l=new aU.CustomEvent(at.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:o}),this.dispatchEvent(l);break}case"ArrowRight":{let e=this.hasAttribute(r1.KEYBOARD_FORWARD_SEEK_OFFSET)?+this.getAttribute(r1.KEYBOARD_FORWARD_SEEK_OFFSET):10;o=Math.max((null!=(n=this.mediaStore.getState().mediaCurrentTime)?n:0)+e,0),l=new aU.CustomEvent(at.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:o}),this.dispatchEvent(l)}}}}O=new WeakMap,U=new WeakMap,P=new WeakMap,W=new WeakMap,H=new WeakMap,B=new WeakMap,$=new WeakSet,V=function(){var e;this.mediaStore=(({media:e,fullscreenElement:t,documentElement:i,stateMediator:a=rj,requestMap:r=rY,options:n={},monitorStateOwnersOnlyWithSubscriptions:s=!0})=>{let o,l=[],d={options:{...n}},u=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),h=e=>{void 0!=e&&(rV(e,u)||(u=Object.freeze({...u,...e}),l.forEach(e=>e(u))))},c=()=>{h(Object.entries(a).reduce((e,[t,{get:i}])=>(e[t]=i(d),e),{}))},m={},p=async(e,t)=>{var i,r,n,u,p,v,E,b,g,f,A,y,k,w,I,T;let _=!!o;if(o={...d,...null!=o?o:{},...e},_)return;await rq(...Object.values(e));let S=l.length>0&&0===t&&s,C=d.media!==o.media,L=(null==(i=d.media)?void 0:i.textTracks)!==(null==(r=o.media)?void 0:r.textTracks),M=(null==(n=d.media)?void 0:n.videoRenditions)!==(null==(u=o.media)?void 0:u.videoRenditions),D=(null==(p=d.media)?void 0:p.audioTracks)!==(null==(v=o.media)?void 0:v.audioTracks),x=(null==(E=d.media)?void 0:E.remote)!==(null==(b=o.media)?void 0:b.remote),R=d.documentElement!==o.documentElement,N=!!d.media&&(C||S),O=!!(null==(g=d.media)?void 0:g.textTracks)&&(L||S),U=!!(null==(f=d.media)?void 0:f.videoRenditions)&&(M||S),P=!!(null==(A=d.media)?void 0:A.audioTracks)&&(D||S),W=!!(null==(y=d.media)?void 0:y.remote)&&(x||S),H=!!d.documentElement&&(R||S),B=N||O||U||P||W||H,$=0===l.length&&1===t&&s,V=!!o.media&&(C||$),F=!!(null==(k=o.media)?void 0:k.textTracks)&&(L||$),G=!!(null==(w=o.media)?void 0:w.videoRenditions)&&(M||$),K=!!(null==(I=o.media)?void 0:I.audioTracks)&&(D||$),q=!!(null==(T=o.media)?void 0:T.remote)&&(x||$),j=!!o.documentElement&&(R||$),Y=V||F||G||K||q||j;if(!(B||Y)){Object.entries(o).forEach(([e,t])=>{d[e]=t}),c(),o=void 0;return}Object.entries(a).forEach(([e,{get:t,mediaEvents:i=[],textTracksEvents:a=[],videoRenditionsEvents:r=[],audioTracksEvents:n=[],remoteEvents:s=[],rootEvents:l=[],stateOwnersUpdateHandlers:u=[]}])=>{let c;m[e]||(m[e]={});let p=i=>{h({[e]:t(d,i)})};c=m[e].mediaEvents,i.forEach(t=>{c&&N&&(d.media.removeEventListener(t,c),m[e].mediaEvents=void 0),V&&(o.media.addEventListener(t,p),m[e].mediaEvents=p)}),c=m[e].textTracksEvents,a.forEach(t=>{var i,a;c&&O&&(null==(i=d.media.textTracks)||i.removeEventListener(t,c),m[e].textTracksEvents=void 0),F&&(null==(a=o.media.textTracks)||a.addEventListener(t,p),m[e].textTracksEvents=p)}),c=m[e].videoRenditionsEvents,r.forEach(t=>{var i,a;c&&U&&(null==(i=d.media.videoRenditions)||i.removeEventListener(t,c),m[e].videoRenditionsEvents=void 0),G&&(null==(a=o.media.videoRenditions)||a.addEventListener(t,p),m[e].videoRenditionsEvents=p)}
154),c=m[e].audioTracksEvents,n.forEach(t=>{var i,a;c&&P&&(null==(i=d.media.audioTracks)||i.removeEventListener(t,c),m[e].audioTracksEvents=void 0),K&&(null==(a=o.media.audioTracks)||a.addEventListener(t,p),m[e].audioTracksEvents=p)}),c=m[e].remoteEvents,s.forEach(t=>{var i,a;c&&W&&(null==(i=d.media.remote)||i.removeEventListener(t,c),m[e].remoteEvents=void 0),q&&(null==(a=o.media.remote)||a.addEventListener(t,p),m[e].remoteEvents=p)}),c=m[e].rootEvents,l.forEach(t=>{c&&H&&(d.documentElement.removeEventListener(t,c),m[e].rootEvents=void 0),j&&(o.documentElement.addEventListener(t,p),m[e].rootEvents=p)});let v=m[e].stateOwnersUpdateHandlers;u.forEach(t=>{v&&B&&v(),Y&&(m[e].stateOwnersUpdateHandlers=t(p,o))})}),Object.entries(o).forEach(([e,t])=>{d[e]=t}),c(),o=void 0};return p({media:e,fullscreenElement:t,documentElement:i,options:n}),{dispatch(e){let{type:t,detail:i}=e;if(r[t]&&null==u.mediaErrorCode)return void h(r[t](a,d,e));"mediaelementchangerequest"===t?p({media:i}):"fullscreenelementchangerequest"===t?p({fullscreenElement:i}):"documentelementchangerequest"===t?p({documentElement:i}):"optionschangerequest"===t&&Object.entries(null!=i?i:{}).forEach(([e,t])=>{d.options[e]=t})},getState:()=>u,subscribe:e=>(p({},l.length+1),l.push(e),e(u),()=>{let t=l.indexOf(e);t>=0&&(p({},l.length-1),l.splice(t,1))})}})({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(r1.DEFAULT_SUBTITLES),defaultDuration:this.hasAttribute(r1.DEFAULT_DURATION)?+this.getAttribute(r1.DEFAULT_DURATION):void 0,defaultStreamType:null!=(e=this.getAttribute(r1.DEFAULT_STREAM_TYPE))?e:void 0,liveEdgeOffset:this.hasAttribute(r1.LIVE_EDGE_OFFSET)?+this.getAttribute(r1.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(r1.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(r1.SEEK_TO_LIVE_OFFSET):this.hasAttribute(r1.LIVE_EDGE_OFFSET)?+this.getAttribute(r1.LIVE_EDGE_OFFSET):void 0,noAutoSeekToLive:this.hasAttribute(r1.NO_AUTO_SEEK_TO_LIVE),noVolumePref:this.hasAttribute(r1.NO_VOLUME_PREF),noSubtitlesLangPref:this.hasAttribute(r1.NO_SUBTITLES_LANG_PREF)}})},F=new WeakSet,G=function(e){let{key:t}=e;if(!r0.includes(t))return void this.removeEventListener("keyup",rJ(this,F,G));this.keyboardShortcutHandler(e)},K=new WeakSet,q=function(e){let{metaKey:t,altKey:i,key:a}=e;if(t||i||!r0.includes(a))return void this.removeEventListener("keyup",rJ(this,F,G));[" ","ArrowLeft","ArrowRight"].includes(a)&&!(rZ(this,O).contains(`no${a.toLowerCase()}`)||" "===a&&rZ(this,O).contains("nospace"))&&e.preventDefault(),this.addEventListener("keyup",rJ(this,F,G),{once:!0})};let r3=Object.values(an),r5=Object.values(aa),r4=e=>{var t,i,a,r;let{observedAttributes:n}=e.constructor;!n&&(null==(t=e.nodeName)?void 0:t.includes("-"))&&(aU.customElements.upgrade(e),{observedAttributes:n}=e.constructor);let s=null==(r=null==(a=null==(i=null==e?void 0:e.getAttribute)?void 0:i.call(e,ai.MEDIA_CHROME_ATTRIBUTES))?void 0:a.split)?void 0:r.call(a,/\s+/);return Array.isArray(n||s)?(n||s).filter(e=>r3.includes(e)):[]},r7=e=>(e=>{var t,i;return(null==(t=e.nodeName)?void 0:t.includes("-"))&&aU.customElements.get(null==(i=e.nodeName)?void 0:i.toLowerCase())&&!(e instanceof aU.customElements.get(e.nodeName.toLowerCase()))&&aU.customElements.upgrade(e),r5.some(t=>t in e)})(e)||!!r4(e).length,r8=e=>{var t;return null==(t=null==e?void 0:e.join)?void 0:t.call(e,":")},r9={[an.MEDIA_SUBTITLES_LIST]:rA,[an.MEDIA_SUBTITLES_SHOWING]:rA,[an.MEDIA_SEEKABLE]:r8,[an.MEDIA_BUFFERED]:e=>null==e?void 0:e.map(r8).join(" "),[an.MEDIA_PREVIEW_COORDS]:e=>null==e?void 0:e.join(" "),[an.MEDIA_RENDITION_LIST]:function(e){return null==e?void 0:e.map(ap).join(" ")},[an.MEDIA_AUDIO_TRACK_LIST]:function(e){return null==e?void 0:e.map(aE).join(" ")}},r6=async(e,t,i)=>{var a,r;if(e.isConnected||await aA(0),"boolean"==typeof i||null==i)return a3(e,t,i);if("number"==typeof i)return a1(e,t,i);if("string"==typeof i)return a4(e,t,i);if(Array.isArray(i)&&!i.length)return e.removeAttribute(t);let n=null!=(r=null==(a=r9[t])?void 0:a.call(r9,i))?r:i;return e.setAttribute(t,n)},ne=(e,t)=>{if((e=>{var t;return!!(null==(t=e.closest)?void 0:t.call(e,'*[slot="media"]'))})(e))return;let i=(e,t)=>{var i,a;r7(e)&&t(e);let{children:r=[]}=null!=e?e:{};[...r,...null!=(a=null==(i=null==e?void 0:e.shadowRoot)?void 0:i.children)?a:[]].forEac
154h(e=>ne(e,t))},a=null==e?void 0:e.nodeName.toLowerCase();if(a.includes("-")&&!r7(e))return void aU.customElements.whenDefined(a).then(()=>{i(e,t)});i(e,t)},nt=(e,t,i)=>{e.forEach(e=>{if(t in e){e[t]=i;return}let a=r4(e),r=t.toLowerCase();a.includes(r)&&r6(e,r,i)})},ni=(e,t,i)=>{ne(e,t);let a=e=>{var i;t(null!=(i=null==e?void 0:e.composedPath()[0])?i:e.target)},r=e=>{var t;i(null!=(t=null==e?void 0:e.composedPath()[0])?t:e.target)};e.addEventListener(at.REGISTER_MEDIA_STATE_RECEIVER,a),e.addEventListener(at.UNREGISTER_MEDIA_STATE_RECEIVER,r);let n=[],s=e=>{let a=e.target;"media"!==a.name&&(n.forEach(e=>ne(e,i)),(n=[...a.assignedElements({flatten:!0})]).forEach(e=>ne(e,t)))};e.addEventListener("slotchange",s);let o=new MutationObserver(e=>{e.forEach(e=>{let{addedNodes:a=[],removedNodes:r=[],type:n,target:s,attributeName:o}=e;"childList"===n?(Array.prototype.forEach.call(a,e=>ne(e,t)),Array.prototype.forEach.call(r,e=>ne(e,i))):"attributes"===n&&o===ai.MEDIA_CHROME_ATTRIBUTES&&(r7(s)?t(s):i(s))})});return o.observe(e,{childList:!0,attributes:!0,subtree:!0}),()=>{ne(e,i),e.removeEventListener("slotchange",s),o.disconnect(),e.removeEventListener(at.REGISTER_MEDIA_STATE_RECEIVER,a),e.removeEventListener(at.UNREGISTER_MEDIA_STATE_RECEIVER,r)}};aU.customElements.get("media-controller")||aU.customElements.define("media-controller",r2);var na=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},nr=(e,t,i)=>(na(e,t,"read from private field"),i?i.call(e):t.get(e)),nn=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},ns=(e,t,i,a)=>(na(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let no={TOOLTIP_PLACEMENT:"tooltipplacement",DISABLED:"disabled",NO_TOOLTIP:"notooltip"},nl=aP.createElement("template");nl.innerHTML=` 155<style> 156 :host { 157 position: relative; 158 font: var(--media-font, 159 var(--media-font-weight, bold) 160 var(--media-font-size, 14px) / 161 var(--media-text-content-height, var(--media-control-height, 24px)) 162 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 163 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 164 background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 165 padding: var(--media-button-padding, var(--media-control-padding, 10px)); 166 justify-content: var(--media-button-justify-content, center); 167 display: inline-flex; 168 align-items: center; 169 vertical-align: middle; 170 box-sizing: border-box; 171 transition: background .15s linear; 172 pointer-events: auto; 173 cursor: var(--media-cursor, pointer); 174 -webkit-tap-highlight-color: transparent; 175 } 176 177 178 :host(:focus-visible) { 179 box-shadow: inset 0 0 0 2px rgb(27 127 204 / .9); 180 outline: 0; 181 } 182 183 :host(:where(:focus)) { 184 box-shadow: none; 185 outline: 0; 186 } 187 188 :host(:hover) { 189 background: var(--media-control-hover-background, rgba(50 50 70 / .7)); 190 } 191 192 svg, img, ::slotted(svg), ::slotted(img) { 193 width: var(--media-button-icon-width); 194 height: var(--media-button-icon-height, var(--media-control-height, 24px)); 195 transform: var(--media-button-icon-transform); 196 transition: var(--media-button-icon-transition); 197 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 198 vertical-align: middle; 199 max-width: 100%; 200 max-height: 100%; 201 min-width: 100%; 202 } 203 204 media-tooltip { 205 206 max-width: 0; 207 overflow-x: clip; 208 opacity: 0; 209 transition: opacity .3s, max-width 0s 9s; 210 } 211 212 :host(:hover) media-tooltip, 213 :host(:focus-visible) media-tooltip { 214 max-width: 100vw; 215 opacity: 1; 216 transition: opacity .3s; 217 } 218 219 :host([notooltip]) slot[name="tooltip"] { 220 display: none; 221 } 222</style> 223 224<slot name="tooltip"> 225 <media-tooltip part="tooltip" aria-hidden="true"> 226 <slot name="tooltip-content"></slot> 227 </media-tooltip> 228</slot> 229`;class nd extends aU.HTMLElement{constructor(e={}){var t;if(super(),nn(this,X),nn(this,j,void 0),this.preventClick=!1,this.tooltipEl=null,this.tooltipContent="",nn(this,Y,e=>
229{this.preventClick||this.handleClick(e),setTimeout(nr(this,Q),0)}),nn(this,Q,()=>{var e,t;null==(t=null==(e=this.tooltipEl)?void 0:e.updateXOffset)||t.call(e)}),nn(this,Z,e=>{let{key:t}=e;if(!this.keysUsed.includes(t))return void this.removeEventListener("keyup",nr(this,Z));this.preventClick||this.handleClick(e)}),nn(this,z,e=>{let{metaKey:t,altKey:i,key:a}=e;if(t||i||!this.keysUsed.includes(a))return void this.removeEventListener("keyup",nr(this,Z));this.addEventListener("keyup",nr(this,Z),{once:!0})}),!this.shadowRoot){this.attachShadow({mode:"open"});let i=nl.content.cloneNode(!0);this.nativeEl=i;let a=e.slotTemplate;a||((a=aP.createElement("template")).innerHTML=`<slot>${e.defaultContent||""}</slot>`),e.tooltipContent&&(i.querySelector('slot[name="tooltip-content"]').innerHTML=null!=(t=e.tooltipContent)?t:"",this.tooltipContent=e.tooltipContent),this.nativeEl.appendChild(a.content.cloneNode(!0)),this.shadowRoot.appendChild(i)}this.tooltipEl=this.shadowRoot.querySelector("media-tooltip")}static get observedAttributes(){return["disabled",no.TOOLTIP_PLACEMENT,ai.MEDIA_CONTROLLER]}enable(){this.addEventListener("click",nr(this,Y)),this.addEventListener("keydown",nr(this,z)),this.tabIndex=0}disable(){this.removeEventListener("click",nr(this,Y)),this.removeEventListener("keydown",nr(this,z)),this.removeEventListener("keyup",nr(this,Z)),this.tabIndex=-1}attributeChangedCallback(e,t,i){var a,r,n,s,o;e===ai.MEDIA_CONTROLLER?(t&&(null==(r=null==(a=nr(this,j))?void 0:a.unassociateElement)||r.call(a,this),ns(this,j,null)),i&&this.isConnected&&(ns(this,j,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(s=nr(this,j))?void 0:s.associateElement)||o.call(s,this))):"disabled"===e&&i!==t?null==i?this.enable():this.disable():e===no.TOOLTIP_PLACEMENT&&this.tooltipEl&&i!==t&&(this.tooltipEl.placement=i),nr(this,Q).call(this)}connectedCallback(){var e,t,i;let{style:a}=aX(this.shadowRoot,":host");a.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),this.hasAttribute("disabled")?this.disable():this.enable(),this.setAttribute("role","button");let r=this.getAttribute(ai.MEDIA_CONTROLLER);r&&(ns(this,j,null==(e=this.getRootNode())?void 0:e.getElementById(r)),null==(i=null==(t=nr(this,j))?void 0:t.associateElement)||i.call(t,this)),aU.customElements.whenDefined("media-tooltip").then(()=>{var e,t;return(e=X,t=J,na(this,e,"access private method"),t).call(this)})}disconnectedCallback(){var e,t;this.disable(),null==(t=null==(e=nr(this,j))?void 0:e.unassociateElement)||t.call(e,this),ns(this,j,null),this.removeEventListener("mouseenter",nr(this,Q)),this.removeEventListener("focus",nr(this,Q)),this.removeEventListener("click",nr(this,Y))}get keysUsed(){return["Enter"," "]}get tooltipPlacement(){return a5(this,no.TOOLTIP_PLACEMENT)}set tooltipPlacement(e){a4(this,no.TOOLTIP_PLACEMENT,e)}get mediaController(){return a5(this,ai.MEDIA_CONTROLLER)}set mediaController(e){a4(this,ai.MEDIA_CONTROLLER,e)}get disabled(){return a2(this,no.DISABLED)}set disabled(e){a3(this,no.DISABLED,e)}get noTooltip(){return a2(this,no.NO_TOOLTIP)}set noTooltip(e){a3(this,no.NO_TOOLTIP,e)}handleClick(e){}}j=new WeakMap,Y=new WeakMap,Q=new WeakMap,Z=new WeakMap,z=new WeakMap,X=new WeakSet,J=function(){this.addEventListener("mouseenter",nr(this,Q)),this.addEventListener("focus",nr(this,Q)),this.addEventListener("click",nr(this,Y));let e=this.tooltipPlacement;e&&this.tooltipEl&&(this.tooltipEl.placement=e)},aU.customElements.get("media-chrome-button")||aU.customElements.define("media-chrome-button",nd);let nu=`<svg aria-hidden="true" viewBox="0 0 26 24"> 230 <path d="M22.13 3H3.87a.87.87 0 0 0-.87.87v13.26a.87.87 0 0 0 .87.87h3.4L9 16H5V5h16v11h-4l1.72 2h3.4a.87.87 0 0 0 .87-.87V3.87a.87.87 0 0 0-.86-.87Zm-8.75 11.44a.5.5 0 0 0-.76 0l-4.91 5.73a.5.5 0 0 0 .38.83h9.82a.501.501 0 0 0 .38-.83l-4.91-5.73Z"/> 231</svg> 232`,nh=aP.createElement("template");nh.innerHTML=` 233 <style> 234 :host([${an.MEDIA_IS_AIRPLAYING}]) slot[name=icon] slot:not([name=exit]) { 235 display: none !important; 236 } 237 238 239 :host(:not([${an.MEDIA_IS_AIRPLAYING}])) slot[name=icon] slot:not([name=enter]) { 240 display: none !important; 241 } 242 243 :host([${an.MEDIA_IS_AIRPLAYING}]) slot[name=tooltip-enter], 244 :host(:not([${an.MEDIA_IS_AIRPLAYING}])) slot[name=tooltip-exit] { 245 display: none; 246 } 247 </style> 248 249 <slot name="icon"> 250 <slot name="enter">${nu}</slot> 251 <slot name="exit">${nu}</slot> 252 </slot> 253`;let nc=` 254 <slot name="tooltip-enter">${aS("start airplay")}</slot> 255 <slot name="tooltip-exit">${aS("stop airplay")}</slot> 256`,nm=e=>{let t=e.mediaIsAirplaying?aS("stop airplay"):aS("start airplay");e.setAttribute("aria-label",t)};
256class np extends nd{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_IS_AIRPLAYING,an.MEDIA_AIRPLAY_UNAVAILABLE]}constructor(e={}){super({slotTemplate:nh,tooltipContent:nc,...e})}connectedCallback(){super.connectedCallback(),nm(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===an.MEDIA_IS_AIRPLAYING&&nm(this)}get mediaIsAirplaying(){return a2(this,an.MEDIA_IS_AIRPLAYING)}set mediaIsAirplaying(e){a3(this,an.MEDIA_IS_AIRPLAYING,e)}get mediaAirplayUnavailable(){return a5(this,an.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){a4(this,an.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new aU.CustomEvent(at.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}}aU.customElements.get("media-airplay-button")||aU.customElements.define("media-airplay-button",np);let nv=`<svg aria-hidden="true" viewBox="0 0 26 24"> 257 <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/> 258</svg>`,nE=`<svg aria-hidden="true" viewBox="0 0 26 24"> 259 <path d="M17.73 14.09a1.4 1.4 0 0 1-1 .37 1.579 1.579 0 0 1-1.27-.58A3 3 0 0 1 15 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34A2.89 2.89 0 0 0 19 9.07a3 3 0 0 0-2.14-.78 3.14 3.14 0 0 0-2.42 1 3.91 3.91 0 0 0-.93 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.17 3.17 0 0 0 1.07-1.74l-1.4-.45c-.083.43-.3.822-.62 1.12Zm-7.22 0a1.43 1.43 0 0 1-1 .37 1.58 1.58 0 0 1-1.27-.58A3 3 0 0 1 7.76 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34a2.81 2.81 0 0 0-.74-1.32 2.94 2.94 0 0 0-2.13-.78 3.18 3.18 0 0 0-2.43 1 4 4 0 0 0-.92 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.23 3.23 0 0 0 1.07-1.74l-1.4-.45a2.06 2.06 0 0 1-.6 1.07Zm12.32-8.41a2.59 2.59 0 0 0-2.3-2.51C18.72 3.05 15.86 3 13 3c-2.86 0-5.72.05-7.53.17a2.59 2.59 0 0 0-2.3 2.51c-.23 4.207-.23 8.423 0 12.63a2.57 2.57 0 0 0 2.3 2.5c1.81.13 4.67.19 7.53.19 2.86 0 5.72-.06 7.53-.19a2.57 2.57 0 0 0 2.3-2.5c.23-4.207.23-8.423 0-12.63Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.14-.21-8.29 0-12.43a1.11 1.11 0 0 1 .91-1.11C7.24 4.56 10 4.49 13 4.49s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.14.21 8.29 0 12.43Z"/> 260</svg>`,nb=aP.createElement("template");nb.innerHTML=` 261 <style> 262 :host([aria-checked="true"]) slot[name=off] { 263 display: none !important; 264 } 265 266 267 :host(:not([aria-checked="true"])) slot[name=on] { 268 display: none !important; 269 } 270 271 :host([aria-checked="true"]) slot[name=tooltip-enable], 272 :host(:not([aria-checked="true"])) slot[name=tooltip-disable] { 273 display: none; 274 } 275 </style> 276 277 <slot name="icon"> 278 <slot name="on">${nv}</slot> 279 <slot name="off">${nE}</slot> 280 </slot> 281`;let ng=` 282 <slot name="tooltip-enable">${aS("Enable captions")}</slot> 283 <slot name="tooltip-disable">${aS("Disable captions")}</slot> 284`,nf=e=>{e.setAttribute("aria-checked",rI(e).toString())};class nA extends nd{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_SUBTITLES_LIST,an.MEDIA_SUBTITLES_SHOWING]}constructor(e={}){super({slotTemplate:nb,tooltipContent:ng,...e}),this._captionsReady=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",aS("closed captions")),nf(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===an.MEDIA_SUBTITLES_SHOWING&&nf(this)}get mediaSubtitlesList(){return ny(this,an.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){nk(this,an.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return ny(this,an.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){nk(this,an.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new aU.CustomEvent(at.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}}let ny=(e,t)=>{let i=e.getAttribute(t);return i?rb(i):[]},nk=(e,t,i)=>{if(!(null==i?void 0:i.length))return void e.removeAttribute(t);let a=rA(i);e.getAttribute(t)!==a&&e.setAttribute(t,a)};aU.customElements.get("media-captions-button")||aU.customElements.define("media-captions-button",nA);let nw=aP.createElement("template");nw.innerHTML=` 285 <style> 286 :host([${an.MEDIA_IS_CASTING}]) slot[name=icon] slot:not([name=exit]) { 287 display: none !important; 288 } 289 290 291 :host(:not([${an.MEDIA_IS_CASTING}])) slot[name=icon] slot:not([name=enter]) { 292 display: none !important; 293 } 294 295 :host([${an.MEDIA_IS_CASTING}]) slot[name=tooltip-enter], 296 :host(:not([${an.MEDIA_IS_CASTING}])) slot[name=tooltip-exit] { 297 display: none; 298 } 299 </style> 300 301 <slot name="icon"> 302 <slot name="enter"><svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/></g></svg></slot> 303 <slot name="exit"><svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/><path class="cast_caf_icon_boxfill" d="M5,7 L5,8.63 C8,8.6 13.37,14 13.37,17 L19,17 L19,7 Z"/></g></svg></slot> 304 </slot> 305`;let nI=` 306 <slot name="tooltip-enter">${aS("Start casting")}</slot> 307 <slot name="tooltip-exit">${aS("Stop casting")}</slot> 308`,nT=e=>{let t=e.mediaIsCasting?aS("stop casting"):aS("start casting");e.setAttribute("aria-label",t)};
308class n_ extends nd{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_IS_CASTING,an.MEDIA_CAST_UNAVAILABLE]}constructor(e={}){super({slotTemplate:nw,tooltipContent:nI,...e})}connectedCallback(){super.connectedCallback(),nT(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===an.MEDIA_IS_CASTING&&nT(this)}get mediaIsCasting(){return a2(this,an.MEDIA_IS_CASTING)}set mediaIsCasting(e){a3(this,an.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return a5(this,an.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){a4(this,an.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?at.MEDIA_EXIT_CAST_REQUEST:at.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new aU.CustomEvent(e,{composed:!0,bubbles:!0}))}}aU.customElements.get("media-cast-button")||aU.customElements.define("media-cast-button",n_);var nS=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},nC=(e,t,i)=>(nS(e,t,"read from private field"),i?i.call(e):t.get(e)),nL=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},nM=(e,t,i,a)=>(nS(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),nD=(e,t,i)=>(nS(e,t,"access private method"),i);let nx={OPEN:"open",ANCHOR:"anchor"};class nR extends aU.HTMLElement{constructor(){super(),nL(this,ea),nL(this,en),nL(this,eo),nL(this,ed),nL(this,eh),nL(this,em),nL(this,ee,!1),nL(this,et,null),nL(this,ei,null),this.addEventListener("invoke",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this)}static get observedAttributes(){return[nx.OPEN,nx.ANCHOR]}get open(){return a2(this,nx.OPEN)}set open(e){a3(this,nx.OPEN,e)}handleEvent(e){switch(e.type){case"invoke":nD(this,ed,eu).call(this,e);break;case"focusout":nD(this,eh,ec).call(this,e);break;case"keydown":nD(this,em,ep).call(this,e)}}connectedCallback(){nD(this,ea,er).call(this),this.role||(this.role="dialog")}attributeChangedCallback(e,t,i){nD(this,ea,er).call(this),e===nx.OPEN&&i!==t&&(this.open?nD(this,en,es).call(this):nD(this,eo,el).call(this))}focus(){nM(this,et,aQ());let e=!this.dispatchEvent(new Event("focus",{composed:!0,cancelable:!0})),t=!this.dispatchEvent(new Event("focusin",{composed:!0,bubbles:!0,cancelable:!0}));if(e||t)return;let i=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');null==i||i.focus()}get keysUsed(){return["Escape","Tab"]}}ee=new WeakMap,et=new WeakMap,ei=new WeakMap,ea=new WeakSet,er=function(){if(!nC(this,ee)&&(nM(this,ee,!0),!this.shadowRoot)){this.attachShadow({mode:"open"});let e=function(e){let t={};for(let i of e)t[i.name]=i.value;return t}(this.attributes);this.shadowRoot.innerHTML=` 309 ${this.constructor.getTemplateHTML(e)} 310 `,queueMicrotask(()=>{let{style:e}=aX(this.shadowRoot,":host");e.setProperty("transition","display .15s, visibility .15s, opacity .15s ease-in, transform .15s ease-in")})}},en=new WeakSet,es=function(){var e;null==(e=nC(this,ei))||e.setAttribute("aria-expanded","true"),this.dispatchEvent(new Event("open",{composed:!0,bubbles:!0})),this.addEventListener("transitionend",()=>this.focus(),{once:!0})},eo=new WeakSet,el=function(){var e;null==(e=nC(this,ei))||e.setAttribute("aria-expanded","false"),this.dispatchEvent(new Event("close",{composed:!0,bubbles:!0}))},ed=new WeakSet,eu=function(e){nM(this,ei,e.relatedTarget),aj(this,e.relatedTarget)||(this.open=!this.open)},eh=new WeakSet,ec=function(e){var t;!aj(this,e.relatedTarget)&&(null==(t=nC(this,et))||t.focus(),nC(this,ei)&&nC(this,ei)!==e.relatedTarget&&this.open&&(this.open=!1))},em=new WeakSet,ep=function(e){var t,i,a,r,n;let{key:s,ctrlKey:o,altKey:l,metaKey:d}=e;o||l||d||this.keysUsed.includes(s)&&(e.preventDefault(),e.stopPropagation(),"Tab"===s?(e.shiftKey?null==(i=null==(t=this.previousElementSibling)?void 0:t.focus)||i.call(t):null==(r=null==(a=this.nextElementSibling)?void 0:a.focus)||r.call(a),this.blur()):"Escape"===s&&(null==(n=nC(this,et))||n.focus(),this.open=!1))},nR.getTemplateHTML=function(e){return` 311 <style> 312 :host { 313 font: var(--media-font, 314 var(--media-font-weight, normal) 315 var(--media-font-size, 14px) / 316 var(--media-text-content-height, var(--media-control-height, 24px)) 317 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 318 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 319 display: var(--media-dialog-display, inline-flex); 320 justify-content: center; 321 align-items: center; 322 323 transition-behavior: allow-discrete; 324 visibility: hidden; 325 opacity: 0; 326 transform: translateY(2px) scale(.99); 327 pointer-events: none; 328 } 329 330 :host([open]) { 331 transition: display .2s, visibility 0s, opacity .2s ease-out, transform .15s ease-out; 332 visibility: visible; 333 opacity: 1; 334 transform: translateY(0) scale(1); 335 pointer-events: auto; 336 } 337 338 #content { 339 display: flex; 340 position: relative; 341 box-sizing: border-box; 342 width: min(320px, 100%); 343 word-wrap: break-word; 344 max-height: 100%; 345 overflow: auto; 346 text-align: center; 347 line-height: 1.4; 348 } 349 </style>
350 ${this.getSlotTemplateHTML(e)} 351 `},nR.getSlotTemplateHTML=function(e){return` 352 <slot id="content"></slot> 353 `},aU.customElements.get("media-chrome-dialog")||aU.customElements.define("media-chrome-dialog",nR);var nN=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},nO=(e,t,i)=>(nN(e,t,"read from private field"),i?i.call(e):t.get(e)),nU=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},nP=(e,t,i,a)=>(nN(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),nW=(e,t,i)=>(nN(e,t,"access private method"),i);let nH=aP.createElement("template");nH.innerHTML=` 354 <style> 355 :host { 356 --_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9)); 357 --_media-range-padding: var(--media-range-padding, var(--media-control-padding, 10px)); 358 359 box-shadow: var(--_focus-visible-box-shadow, none); 360 background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 361 height: calc(var(--media-control-height, 24px) + 2 * var(--_media-range-padding)); 362 display: inline-flex; 363 align-items: center; 364 365 vertical-align: middle; 366 box-sizing: border-box; 367 position: relative; 368 width: 100px; 369 transition: background .15s linear; 370 cursor: var(--media-cursor, pointer); 371 pointer-events: auto; 372 touch-action: none; 373 } 374 375 376 input[type=range]:focus { 377 outline: 0; 378 } 379 input[type=range]:focus::-webkit-slider-runnable-track { 380 outline: 0; 381 } 382 383 :host(:hover) { 384 background: var(--media-control-hover-background, rgb(50 50 70 / .7)); 385 } 386 387 #leftgap { 388 padding-left: var(--media-range-padding-left, var(--_media-range-padding)); 389 } 390 391 #rightgap { 392 padding-right: var(--media-range-padding-right, var(--_media-range-padding)); 393 } 394 395 #startpoint, 396 #endpoint { 397 position: absolute; 398 } 399 400 #endpoint { 401 right: 0; 402 } 403 404 #container { 405 406 width: var(--media-range-track-width, 100%); 407 transform: translate(var(--media-range-track-translate-x, 0px), var(--media-range-track-translate-y, 0px)); 408 position: relative; 409 height: 100%; 410 display: flex; 411 align-items: center; 412 min-width: 40px; 413 } 414 415 #range { 416 417 display: var(--media-time-range-hover-display, block); 418 bottom: var(--media-time-range-hover-bottom, -7px); 419 height: var(--media-time-range-hover-height, max(100% + 7px, 25px)); 420 width: 100%; 421 position: absolute; 422 cursor: var(--media-cursor, pointer); 423 424 -webkit-appearance: none; 425 -webkit-tap-highlight-color: transparent; 426 background: transparent; 427 margin: 0; 428 z-index: 1; 429 } 430 431 @media (hover: hover) { 432 #range { 433 bottom: var(--media-time-range-hover-bottom, -5px); 434 height: var(--media-time-range-hover-height, max(100% + 5px, 20px)); 435 } 436 } 437 438 439 440 #range::-webkit-slider-thumb { 441 -webkit-appearance: none; 442 background: transparent; 443 width: .1px; 444 height: .1px; 445 } 446 447 448 #range::-moz-range-thumb { 449 background: transparent; 450 border: transparent; 451 width: .1px; 452 height: .1px; 453 } 454 455 #appearance { 456 height: var(--media-range-track-height, 4px); 457 display: flex; 458 flex-direction: column; 459 justify-content: center; 460 width: 100%; 461 position: absolute; 462 463 will-change: transform; 464 } 465 466 #track { 467 background: var(--media-range-track-background, rgb(255 255 255 / .2)); 468 border-radius: var(--media-range-track-border-radius, 1px); 469 border: var(--media-range-track-border, none); 470 outline: var(--media-range-track-outline); 471 outline-offset: var(--media-range-track-outline-offset); 472 backdrop-filter: var(--media-range-track-backdrop-filter); 473 -webkit-backdrop-filter: var(--media-range-track-backdrop-filter);
474 box-shadow: var(--media-range-track-box-shadow, none); 475 position: absolute; 476 width: 100%; 477 height: 100%; 478 overflow: hidden; 479 } 480 481 #progress, 482 #pointer { 483 position: absolute; 484 height: 100%; 485 will-change: width; 486 } 487 488 #progress { 489 background: var(--media-range-bar-color, var(--media-primary-color, rgb(238 238 238))); 490 transition: var(--media-range-track-transition); 491 } 492 493 #pointer { 494 background: var(--media-range-track-pointer-background); 495 border-right: var(--media-range-track-pointer-border-right); 496 transition: visibility .25s, opacity .25s; 497 visibility: hidden; 498 opacity: 0; 499 } 500 501 @media (hover: hover) { 502 :host(:hover) #pointer { 503 transition: visibility .5s, opacity .5s; 504 visibility: visible; 505 opacity: 1; 506 } 507 } 508 509 #thumb, 510 ::slotted([slot=thumb]) { 511 width: var(--media-range-thumb-width, 10px); 512 height: var(--media-range-thumb-height, 10px); 513 transition: var(--media-range-thumb-transition); 514 transform: var(--media-range-thumb-transform, none); 515 opacity: var(--media-range-thumb-opacity, 1); 516 translate: -50%; 517 position: absolute; 518 left: 0; 519 cursor: var(--media-cursor, pointer); 520 } 521 522 #thumb { 523 border-radius: var(--media-range-thumb-border-radius, 10px); 524 background: var(--media-range-thumb-background, var(--media-primary-color, rgb(238 238 238))); 525 box-shadow: var(--media-range-thumb-box-shadow, 1px 1px 1px transparent); 526 border: var(--media-range-thumb-border, none); 527 } 528 529 :host([disabled]) #thumb { 530 background-color: #777; 531 } 532 533 .segments #appearance { 534 height: var(--media-range-segment-hover-height, 7px); 535 } 536 537 #track { 538 clip-path: url(#segments-clipping); 539 } 540 541 #segments { 542 --segments-gap: var(--media-range-segments-gap, 2px); 543 position: absolute; 544 width: 100%; 545 height: 100%; 546 } 547 548 #segments-clipping { 549 transform: translateX(calc(var(--segments-gap) / 2)); 550 } 551 552 #segments-clipping:empty { 553 display: none; 554 } 555 556 #segments-clipping rect { 557 height: var(--media-range-track-height, 4px); 558 y: calc((var(--media-range-segment-hover-height, 7px) - var(--media-range-track-height, 4px)) / 2); 559 transition: var(--media-range-segment-transition, transform .1s ease-in-out); 560 transform: var(--media-range-segment-transform, scaleY(1)); 561 transform-origin: center; 562 } 563 </style> 564 <div id="leftgap"></div> 565 <div id="container"> 566 <div id="startpoint"></div> 567 <div id="endpoint"></div> 568 <div id="appearance"> 569 <div id="track" part="track"> 570 <div id="pointer"></div> 571 <div id="progress" part="progress"></div> 572 </div> 573 <slot name="thumb"> 574 <div id="thumb" part="thumb"></div> 575 </slot> 576 <svg id="segments"><clipPath id="segments-clipping"></clipPath></svg> 577 </div>
578 <input id="range" type="range" min="0" max="1" step="any" value="0"> 579 </div> 580 <div id="rightgap"></div> 581`;class nB extends aU.HTMLElement{constructor(){super(),nU(this,eI),nU(this,e_),nU(this,eC),nU(this,eM),nU(this,ex),nU(this,eN),nU(this,eU),nU(this,eW),nU(this,ev,void 0),nU(this,eE,void 0),nU(this,eb,void 0),nU(this,eg,void 0),nU(this,ef,{}),nU(this,eA,[]),nU(this,ey,()=>{if(this.range.matches(":focus-visible")){let{style:e}=aX(this.shadowRoot,":host");e.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),nU(this,ek,()=>{let{style:e}=aX(this.shadowRoot,":host");e.removeProperty("--_focus-visible-box-shadow")}),nU(this,ew,()=>{let e=this.shadowRoot.querySelector("#segments-clipping");e&&e.parentNode.append(e)}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(nH.content.cloneNode(!0))),this.container=this.shadowRoot.querySelector("#container"),nP(this,eb,this.shadowRoot.querySelector("#startpoint")),nP(this,eg,this.shadowRoot.querySelector("#endpoint")),this.range=this.shadowRoot.querySelector("#range"),this.appearance=this.shadowRoot.querySelector("#appearance")}static get observedAttributes(){return["disabled","aria-disabled",ai.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,i){var a,r,n,s,o;e===ai.MEDIA_CONTROLLER?(t&&(null==(r=null==(a=nO(this,ev))?void 0:a.unassociateElement)||r.call(a,this),nP(this,ev,null)),i&&this.isConnected&&(nP(this,ev,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(s=nO(this,ev))?void 0:s.associateElement)||o.call(s,this))):("disabled"===e||"aria-disabled"===e&&t!==i)&&(null==i?(this.range.removeAttribute(e),nW(this,e_,eS).call(this)):(this.range.setAttribute(e,i),nW(this,eC,eL).call(this)))}connectedCallback(){var e,t,i;let{style:a}=aX(this.shadowRoot,":host");a.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),nO(this,ef).pointer=aX(this.shadowRoot,"#pointer"),nO(this,ef).progress=aX(this.shadowRoot,"#progress"),nO(this,ef).thumb=aX(this.shadowRoot,'#thumb, ::slotted([slot="thumb"])'),nO(this,ef).activeSegment=aX(this.shadowRoot,"#segments-clipping rect:nth-child(0)");let r=this.getAttribute(ai.MEDIA_CONTROLLER);r&&(nP(this,ev,null==(e=this.getRootNode())?void 0:e.getElementById(r)),null==(i=null==(t=nO(this,ev))?void 0:t.associateElement)||i.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",nO(this,ey)),this.shadowRoot.addEventListener("focusout",nO(this,ek)),nW(this,e_,eS).call(this),a$(this.container,nO(this,ew))}disconnectedCallback(){var e,t;nW(this,eC,eL).call(this),null==(t=null==(e=nO(this,ev))?void 0:e.unassociateElement)||t.call(e,this),nP(this,ev,null),this.shadowRoot.removeEventListener("focusin",nO(this,ey)),this.shadowRoot.removeEventListener("focusout",nO(this,ek)),aV(this.container,nO(this,ew))}updatePointerBar(e){var t;null==(t=nO(this,ef).pointer)||t.style.setProperty("width",`${100*this.getPointerRatio(e)}%`)}updateBar(){var e,t;let i=100*this.range.valueAsNumber;null==(e=nO(this,ef).progress)||e.style.setProperty("width",`${i}%`),null==(t=nO(this,ef).thumb)||t.style.setProperty("left",`${i}%`)}updateSegments(e){let t=this.shadowRoot.querySelector("#segments-clipping");if(t.textContent="",this.container.classList.toggle("segments",!!(null==e?void 0:e.length)),!(null==e?void 0:e.length))return;let i=[...new Set([+this.range.min,...e.flatMap(e=>[e.start,e.end]),+this.range.max])];nP(this,eA,[...i]);let a=i.pop();for(let[e,r]of i.entries()){let[n,s]=[0===e,e===i.length-1],o=n?"calc(var(--segments-gap) / -1)":`${100*r}%`,l=s?a:i[e+1],d=`calc(${(l-r)*100}%${n||s?"":" - var(--segments-gap)"})`,u=aP.createElementNS("http://www.w3.org/2000/svg","rect"),h=aX(this.shadowRoot,`#segments-clipping rect:nth-child(${e+1})`);h.style.setProperty("x",o),h.style.setProperty("width",d),t.append(u)}}getPointerRatio(e){return function(e,t,i,a){let r=a.x-i.x,n=a.y-i.y,s=r*r+n*n;return 0===s?0:Math.max(0,Math.min(1,((e-i.x)*r+(t-i.y)*n)/s))}(e.clientX,e.clientY,nO(this,eb).getBoundingClientRect(),nO(this,eg).getBoundingClientRect())}get dragging(){return this.hasAttribute("dragging")}handleEvent(e){switch(e.type){case"pointermove":nW(this,eW,eH).call(this,e);break;case"input":this.updateBar();break;case"pointerenter":nW(this,ex,eR).call(this,e);break;case"pointerdown":nW(this,eM,eD).call(this,e);break;case"pointerup":nW(this,eN,eO).call(this);break;case"pointerleave":nW(this,eU,eP).call(this)}}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}}ev=new WeakMap,eE=new WeakMap,eb=new WeakMap,eg=new WeakMap,ef=new WeakMap,eA=new WeakMap,ey=new WeakMap,ek=new WeakMap,ew=new WeakMap,eI=new WeakSet,eT=function(e){let t=nO(this,ef).activeSegment;if(!t)return;let i=this.getPointerRatio(e),a=nO(this,eA).findIndex((e,t,a)=>{let r=a[t+1];return null!=r&&i>=e&&i<=r}),r=`#segments-clipping rect:nth-child(${a+1})`;t.selectorText==r&&t.style.transform||(t.selectorText=r,t.style.setProperty("transform","var(--media-range-segment-hover-transform, scaleY(2))"))},e_=new WeakSet,eS=function(){this.hasAttribute("disabled")||(this.addEventListener("input",this),this.addEventListener("pointerdown",this),this.addEventListener("pointerenter",this))},eC=new WeakSet,eL=function(){var e,t;this.removeEventListener("input",this),this.removeEventListener("pointerdown",this),this.removeEventListener("pointerenter",this),null==(e=aU.window)||e.removeEventListener("pointerup",this),null==(t=aU.window)||t.removeEventListener("pointermove",this)},eM=new WeakSet,eD=function(e){var t;nP(this,eE,e.composedPath().includes(this.range)),null==(t=aU.window)||t.addEventListener("pointerup",this)},ex=new WeakSet,eR=function(e){var t;"mouse"!==e.pointerType&&nW(this,eM,eD).call(this,e),this.addEventListener("pointerleave",this),null==(t=aU.window)||t.addEventListener("pointermove",this)},eN=new WeakSet,eO=function(){var e;null==(e=aU.window)||e.removeEventListener("pointerup",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled")},eU=new WeakSet,eP=function(){var e,t;this.removeEventListener("pointerleave",this),null==(e=aU.window)||e.removeEventListener("pointermove",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled"),null==(t=nO(this,ef).activeSegment)||t.style.removeProperty("transform")},eW=new WeakSet,eH=function(e){this.toggleAttribute("dragging",1===e.buttons||"mouse"!==e.pointerType),this.updatePointerBar(e),nW(this,eI,eT).call(this,e),this.dragging&&("mouse"!==e.pointerType||!nO(this,eE))&&(this.range.disabled=!0,this.range.valueAsNumber=this.getPointerRatio(e),this.range.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})))},aU.customElements.get("media-chrome-range")||aU.customElements.define("media-chrome-range",nB);var n$=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},nV=(e,t,i)=>(n$(e,t,"read from private field"),i?i.call(e):t.get(e)),nF=(e,t,i,a)=>(n$(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let nG=aP.createElement("template");nG.innerHTML=` 582 <style> 583 :host { 584 585 box-sizing: border-box; 586 display: var(--media-control-display, var(--media-control-bar-display, inline-flex)); 587 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 588 --media-loading-indicator-icon-height: 44px; 589 } 590 591 ::slotted(media-time-range), 592 ::slotted(media-volume-range) { 593 min-height: 100%; 594 } 595 596 ::slotted(media-time-range), 597 ::slotted(media-clip-selector) { 598 flex-grow: 1; 599 } 600 601 ::slotted([role="menu"]) { 602 position: absolute; 603 } 604 </style> 605 606 <slot></slot> 607`;class nK extends aU.HTMLElement{constructor(){super(),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,eB,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(nG.content.cloneNode(!0)))}static get observedAttributes(){return[ai.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,i){var a,r,n,s,o;e===ai.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=nV(this,eB))?void 0:a.unassociateElement)||r.call(a,this),nF(this,eB,null)),i&&this.isConnected&&(nF(this,eB,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(s=nV(this,eB))?void 0:s.associateElement)||o.call(s,this)))}connectedCallback(){var e,t,i;let a=this.getAttribute(ai.MEDIA_CONTROLLER);a&&(nF(this,eB,null==(e=this.getRootNode())?void 0:e.getElementById(a)),null==(i=null==(t=nV(this,eB))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=nV(this,eB))?void 0:e.unassociateElement)||t.call(e,this),nF(this,eB,null)}}eB=new WeakMap,aU.customElements.get("media-control-bar")||aU.customElements.define("media-control-bar",nK);var nq=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},nj=(e,t,i)=>(nq(e,t,"read from private field"),i?i.call(e):t.get(e)),nY=(e,t,i,a)=>(nq(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let nQ=aP.createElement("template");nQ.innerHTML=` 608 <style> 609 :host { 610 font: var(--media-font, 611 var(--media-font-weight, normal) 612 var(--media-font-size, 14px) / 613 var(--media-text-content-height, var(--media-control-height, 24px)) 614 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 615 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 616 background: var(--media-text-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)))); 617 padding: var(--media-control-padding, 10px); 618 display: inline-flex; 619 justify-content: center; 620 align-items: center; 621 vertical-align: middle; 622 box-sizing: border-box; 623 text-align: center; 624 pointer-events: auto; 625 } 626 627 628 :host(:focus-visible) { 629 box-shadow: inset 0 0 0 2px rgb(27 127 204 / .9); 630 outline: 0; 631 } 632 633 634 :host(:where(:focus)) { 635 box-shadow: none; 636 outline: 0; 637 } 638 </style> 639 <slot></slot> 640`;class nZ extends aU.HTMLElement{constructor(){super(),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,e$,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(nQ.content.cloneNode(!0)))}static get observedAttributes(){return[ai.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,i){var a,r,n,s,o;e===ai.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=nj(this,e$))?void 0:a.unassociateElement)||r.call(a,this),nY(this,e$,null)),i&&this.isConnected&&(nY(this,e$,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(s=nj(this,e$))?void 0:s.associateElement)||o.call(s,this)))}connectedCallback(){var e,t,i;let{style:a}=aX(this.shadowRoot,":host");a.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let r=this.getAttribute(ai.MEDIA_CONTROLLER);r&&(nY(this,e$,null==(e=this.getRootNode())?void 0:e.getElementById(r)),null==(i=null==(t=nj(this,e$))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=nj(this,e$))?void 0:e.unassociateElement)||t.call(e,this),nY(this,e$,null)}}
640e$=new WeakMap,aU.customElements.get("media-text-display")||aU.customElements.define("media-text-display",nZ);var nz=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},nX=(e,t,i)=>(nz(e,t,"read from private field"),i?i.call(e):t.get(e));class nJ extends nZ{constructor(){super(),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,eV,void 0),((e,t,i,a)=>(nz(e,t,"write to private field"),a?a.call(e,i):t.set(e,i)))(this,eV,this.shadowRoot.querySelector("slot")),nX(this,eV).textContent=aw(0)}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_DURATION]}attributeChangedCallback(e,t,i){e===an.MEDIA_DURATION&&(nX(this,eV).textContent=aw(+i)),super.attributeChangedCallback(e,t,i)}get mediaDuration(){return a0(this,an.MEDIA_DURATION)}set mediaDuration(e){a1(this,an.MEDIA_DURATION,e)}}eV=new WeakMap,aU.customElements.get("media-duration-display")||aU.customElements.define("media-duration-display",nJ);let n0={2:aS("Network Error"),3:aS("Decode Error"),4:aS("Source Not Supported"),5:aS("Encryption
640Error")},n1={2:aS("A network error caused the media download to fail."),3:aS("A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format."),4:aS("An unsupported error occurred. The server or network failed, or your browser does not support this format."),5:aS("The media is encrypted and there are no keys to decrypt it.")},n2=e=>{var t,i;return 1===e.code?null:{title:null!=(t=n0[e.code])?t:`Error ${e.code}`,message:null!=(i=n1[e.code])?i:e.message}};var n3=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)};function n5(e){var t;let{title:i,message:a}=null!=(t=n2(e))?t:{},r="";return i&&(r+=`<slot name="error-${e.code}-title"><h3>${i}</h3></slot>`),a&&(r+=`<slot name="error-${e.code}-message"><p>${a}</p></slot>`),r}let n4=[an.MEDIA_ERROR_CODE,an.MEDIA_ERROR_MESSAGE];class n7 extends nR{constructor(){super(...arguments),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,eF,null)}static get observedAttributes(){return[...super.observedAttributes,...n4]}formatErrorMessage(e){return this.constructor.formatErrorMessage(e)}attributeChangedCallback(e,t,i){var a;if(super.attributeChangedCallback(e,t,i),!n4.includes(e))return;let r=null!=(a=this.mediaError)?a:{code:this.mediaErrorCode,message:this.mediaErrorMessage};this.open=r.code&&null!==n2(r),this.open&&(this.shadowRoot.querySelector("slot").name=`error-${this.mediaErrorCode}`,this.shadowRoot.querySelector("#content").innerHTML=this.formatErrorMessage(r))}get mediaError(){var e,t;return n3(this,e=eF,"read from private field"),t?t.call(this):e.get(this)}set mediaError(e){var t,i;n3(this,t=eF,"write to private field"),i?i.call(this,e):t.set(this,e)}get mediaErrorCode(){return a0(this,"mediaerrorcode")}set mediaErrorCode(e){a1(this,"mediaerrorcode",e)}get mediaErrorMessage(){return a5(this,"mediaerrormessage")}set mediaErrorMessage(e){a4(this,"mediaerrormessage",e)}}eF=new WeakMap,n7.getSlotTemplateHTML=function(e){return` 641 <style> 642 :host { 643 background: rgb(20 20 30 / .8); 644 } 645 646 #content { 647 display: block; 648 padding: 1.2em 1.5em; 649 } 650 651 h3, 652 p { 653 margin-block: 0 .3em; 654 } 655 </style> 656 <slot name="error-${e.mediaerrorcode}" id="content"> 657 ${n5({code:+e.mediaerrorcode,message:e.mediaerrormessage})} 658 </slot> 659 `},n7.formatErrorMessage=n5,aU.customElements.get("media-error-dialog")||aU.customElements.define("media-error-dialog",n7);let n8=`<svg aria-hidden="true" viewBox="0 0 26 24"> 660 <path d="M16 3v2.5h3.5V9H22V3h-6ZM4 9h2.5V5.5H10V3H4v6Zm15.5 9.5H16V21h6v-6h-2.5v3.5ZM6.5 15H4v6h6v-2.5H6.5V15Z"/> 661</svg>`,n9=`<svg aria-hidden="true" viewBox="0 0 26 24"> 662 <path d="M18.5 6.5V3H16v6h6V6.5h-3.5ZM16 21h2.5v-3.5H22V15h-6v6ZM4 17.5h3.5V21H10v-6H4v2.5Zm3.5-11H4V9h6V3H7.5v3.5Z"/> 663</svg>`,n6=aP.createElement("template");n6.innerHTML=` 664 <style> 665 :host([${an.MEDIA_IS_FULLSCREEN}]) slot[name=icon] slot:not([name=exit]) { 666 display: none !important; 667 } 668 669 670 :host(:not([${an.MEDIA_IS_FULLSCREEN}])) slot[name=icon] slot:not([name=enter]) { 671 display: none !important; 672 } 673 674 :host([${an.MEDIA_IS_FULLSCREEN}]) slot[name=tooltip-enter], 675 :host(:not([${an.MEDIA_IS_FULLSCREEN}])) slot[name=tooltip-exit] { 676 display: none; 677 } 678 </style> 679 680 <slot name="icon"> 681 <slot name="enter">${n8}</slot> 682 <slot name="exit">${n9}</slot> 683 </slot> 684`;let se=` 685 <slot name="tooltip-enter">${aS("Enter fullscreen mode")}</slot> 686 <slot name="tooltip-exit">${aS("Exit fullscreen mode")}</slot> 687`,st=e=>{let t=e.mediaIsFullscreen?aS("exit fullscreen mode"):aS("enter fullscreen mode");e.setAttribute("aria-label",t)};class si extends nd{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_IS_FULLSCREEN,an.MEDIA_FULLSCREEN_UNAVAILABLE]}constructor(e={}){super({slotTemplate:n6,tooltipContent:se,...e})}connectedCallback(){super.connectedCallback(),st(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===an.MEDIA_IS_FULLSCREEN&&st(this)}get mediaFullscreenUnavailable(){return a5(this,an.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){a4(this,an.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return a2(this,an.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){a3(this,an.MEDIA_IS_FULLSCREEN,e)}handleClick(){let e=this.mediaIsFullscreen?at.MEDIA_EXIT_FULLSCREEN_REQUEST:at.MEDIA_ENTER_FULLSCREEN_REQUEST;this.dispatchEvent(new aU.CustomEvent(e,{composed:!0,bubbles:!0}))}}aU.customElements.get("media-fullscreen-button")||aU.customElements.define("media-fullscreen-button",si);let{MEDIA_TIME_IS_LIVE:sa,MEDIA_PAUSED:sr}=an,{MEDIA_SEEK_TO_LIVE_REQUEST:sn,MEDIA_PLAY_REQUEST:ss}=at,so=aP.createElement("template");so.innerHTML=` 688 <style> 689 :host { --media-tooltip-display: none; } 690 691 slot[name=indicator] > *, 692 :host ::slotted([slot=indicator]) { 693 694 min-width: auto; 695 fill: var(--media-live-button-icon-color, rgb(140, 140, 140)); 696 color: var(--media-live-button-icon-color, rgb(140, 140, 140)); 697 } 698 699 :host([${sa}]:not([${sr}])) slot[name=indicator] > *, 700 :host([${sa}]:not([${sr}])) ::slotted([slot=indicator]) { 701 fill: var(--media-live-button-indicator-color, rgb(255, 0, 0)); 702 color: var(--media-live-button-indicator-color, rgb(255, 0, 0)); 703 } 704 705 :host([${sa}]:not([${sr}])) { 706 cursor: var(--media-cursor, not-allowed); 707 } 708 709 slot[name=text]{ 710 text-transform: uppercase; 711 } 712 713 </style> 714 715 <slot name="indicator"><svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg></slot> 716 717 <slot name="spacer"> </slot><slot name="text">${aS("live")}</slot> 718`;let sl=e=>{let t=e.mediaPaused||!e.mediaTimeIsLive,i=t?aS("seek to live"):aS("playing live");e.setAttribute("aria-label",i),t?e.removeAttribute("aria-disabled"):e.setAttribute("aria-disabled","true")};class sd extends nd{static get observedAttributes(){return[...super.observedAttributes,sr,sa]}constructor(e={}){super({slotTemplate:so,...e})}connectedCallback(){sl(this),super.connectedCallback()}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),sl(this)}get mediaPaused(){return a2(this,an.MEDIA_PAUSED)}set mediaPaused(e){a3(this,an.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return a2(this,an.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){a3(this,an.MEDIA_TIME_IS_LIVE,e)}handleClick(){(this.mediaPaused||!this.mediaTimeIsLive)&&(this.dispatchEvent(new aU.CustomEvent(sn,{composed:!0,bubbles:!0})),this.hasAttribute(sr)&&this.dispatchEvent(new aU.CustomEvent(ss,{composed:!0,bubbles:!0})))}}aU.customElements.get("media-live-button")||aU.customElements.define("media-live-button",sd);var su=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sh=(e,t,i)=>(su(e,t,"read from private field"),i?i.call(e):t.get(e)),sc=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},sm=(e,t,i,a)=>(su(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let sp={LOADING_DELAY:"loadingdelay",NO_AUTOHIDE:"noautohide"},sv=aP.createElement("template"),sE=` 719<svg aria-hidden="true" viewBox="0 0 100 100"> 720 <path d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"> 721 <animateTransform 722 attributeName="transform" 723 attributeType="XML" 724 type="rotate" 725 dur="1s" 726 from="0 50 50" 727 to="360 50 50"
728 repeatCount="indefinite" /> 729 </path> 730</svg> 731`;sv.innerHTML=` 732<style> 733:host { 734 display: var(--media-control-display, var(--media-loading-indicator-display, inline-block)); 735 vertical-align: middle; 736 box-sizing: border-box; 737 --_loading-indicator-delay: var(--media-loading-indicator-transition-delay, 500ms); 738} 739 740#status { 741 color: rgba(0,0,0,0); 742 width: 0px; 743 height: 0px; 744} 745 746:host slot[name=icon] > *, 747:host ::slotted([slot=icon]) { 748 opacity: var(--media-loading-indicator-opacity, 0); 749 transition: opacity 0.15s; 750} 751 752:host([${an.MEDIA_LOADING}]:not([${an.MEDIA_PAUSED}])) slot[name=icon] > *, 753:host([${an.MEDIA_LOADING}]:not([${an.MEDIA_PAUSED}])) ::slotted([slot=icon]) { 754 opacity: var(--media-loading-indicator-opacity, 1); 755 transition: opacity 0.15s var(--_loading-indicator-delay); 756} 757 758:host #status { 759 visibility: var(--media-loading-indicator-opacity, hidden); 760 transition: visibility 0.15s; 761} 762 763:host([${an.MEDIA_LOADING}]:not([${an.MEDIA_PAUSED}])) #status { 764 visibility: var(--media-loading-indicator-opacity, visible); 765 transition: visibility 0.15s var(--_loading-indicator-delay); 766} 767 768svg, img, ::slotted(svg), ::slotted(img) { 769 width: var(--media-loading-indicator-icon-width); 770 height: var(--media-loading-indicator-icon-height, 100px); 771 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 772 vertical-align: middle; 773} 774</style> 775 776<slot name="icon">${sE}</slot> 777<div id="status" role="status" aria-live="polite">${aS("media loading")}</div> 778`;class sb extends aU.HTMLElement{constructor(){if(super(),sc(this,eG,void 0),sc(this,eK,500),!this.shadowRoot){let e=this.attachShadow({mode:"open"}),t=sv.content.cloneNode(!0);e.appendChild(t)}}static get observedAttributes(){return[ai.MEDIA_CONTROLLER,an.MEDIA_PAUSED,an.MEDIA_LOADING,sp.LOADING_DELAY]}attributeChangedCallback(e,t,i){var a,r,n,s,o;e===sp.LOADING_DELAY&&t!==i?this.loadingDelay=Number(i):e===ai.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=sh(this,eG))?void 0:a.unassociateElement)||r.call(a,this),sm(this,eG,null)),i&&this.isConnected&&(sm(this,eG,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(s=sh(this,eG))?void 0:s.associateElement)||o.call(s,this)))}connectedCallback(){var e,t,i;let a=this.getAttribute(ai.MEDIA_CONTROLLER);a&&(sm(this,eG,null==(e=this.getRootNode())?void 0:e.getElementById(a)),null==(i=null==(t=sh(this,eG))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=sh(this,eG))?void 0:e.unassociateElement)||t.call(e,this),sm(this,eG,null)}get loadingDelay(){return sh(this,eK)}set loadingDelay(e){sm(this,eK,e);let{style:t}=aX(this.shadowRoot,":host");t.setProperty("--_loading-indicator-delay",`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return a2(this,an.MEDIA_PAUSED)}set mediaPaused(e){a3(this,an.MEDIA_PAUSED,e)}get mediaLoading(){return a2(this,an.MEDIA_LOADING)}set mediaLoading(e){a3(this,an.MEDIA_LOADING,e)}get mediaController(){return a5(this,ai.MEDIA_CONTROLLER)}set mediaController(e){a4(this,ai.MEDIA_CONTROLLER,e)}get noAutohide(){return a2(this,sp.NO_AUTOHIDE)}set noAutohide(e){a3(this,sp.NO_AUTOHIDE,e)}}eG=new WeakMap,eK=new WeakMap,aU.customElements.get("media-loading-indicator")||aU.customElements.define("media-loading-indicator",sb);let{MEDIA_VOLUME_LEVEL:sg}=an,sf=`<svg aria-hidden="true" viewBox="0 0 24 24"> 779 <path d="M16.5 12A4.5 4.5 0 0 0 14 8v2.18l2.45 2.45a4.22 4.22 0 0 0 .05-.63Zm2.5 0a6.84 6.84 0 0 1-.54 2.64L20 16.15A8.8 8.8 0 0 0 21 12a9 9 0 0 0-7-8.77v2.06A7 7 0 0 1 19 12ZM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25A6.92 6.92 0 0 1 14 18.7v2.06A9 9 0 0 0 17.69 19l2 2.05L21 19.73l-9-9L4.27 3ZM12 4 9.91 6.09 12 8.18V4Z"/> 780</svg>`,sA=`<svg aria-hidden="true" viewBox="0 0 24 24"> 781 <path d="M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.47 4.47 0 0 0 2.5-4Z"/> 782</svg>`,sy=`<svg aria-hidden="true" viewBox="0 0 24 24"> 783 <path d="M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.47 4.47 0 0 0 2.5-4ZM14 3.23v2.06a7 7 0 0 1 0 13.42v2.06a9 9 0 0 0 0-17.54Z"/> 784</svg>`,sk=aP.createElement("template");sk.innerHTML=` 785 <style> 786 787 :host(:not([${sg}])) slot[name=icon] slot:not([name=high]), 788 :host([${sg}
788=high]) slot[name=icon] slot:not([name=high]) { 789 display: none !important; 790 } 791 792 :host([${sg}=off]) slot[name=icon] slot:not([name=off]) { 793 display: none !important; 794 } 795 796 :host([${sg}=low]) slot[name=icon] slot:not([name=low]) { 797 display: none !important; 798 } 799 800 :host([${sg}=medium]) slot[name=icon] slot:not([name=medium]) { 801 display: none !important; 802 } 803 804 :host(:not([${sg}=off])) slot[name=tooltip-unmute], 805 :host([${sg}=off]) slot[name=tooltip-mute] { 806 display: none; 807 } 808 </style> 809 810 <slot name="icon"> 811 <slot name="off">${sf}</slot> 812 <slot name="low">${sA}</slot> 813 <slot name="medium">${sA}</slot> 814 <slot name="high">${sy}</slot> 815 </slot> 816`;let sw=` 817 <slot name="tooltip-mute">${aS("Mute")}</slot> 818 <slot name="tooltip-unmute">${aS("Unmute")}</slot> 819`,sI=e=>{let t="off"===e.mediaVolumeLevel?aS("unmute"):aS("mute");e.setAttribute("aria-label",t)};class sT extends nd{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_VOLUME_LEVEL]}constructor(e={}){super({slotTemplate:sk,tooltipContent:sw,...e})}connectedCallback(){sI(this),super.connectedCallback()}attributeChangedCallback(e,t,i){e===an.MEDIA_VOLUME_LEVEL&&sI(this),super.attributeChangedCallback(e,t,i)}get mediaVolumeLevel(){return a5(this,an.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){a4(this,an.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e="off"===this.mediaVolumeLevel?at.MEDIA_UNMUTE_REQUEST:at.MEDIA_MUTE_REQUEST;this.dispatchEvent(new aU.CustomEvent(e,{composed:!0,bubbles:!0}))}}aU.customElements.get("media-mute-button")||aU.customElements.define("media-mute-button",sT);let s_=`<svg aria-hidden="true" viewBox="0 0 28 24"> 820 <path d="M24 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Zm-1 16H5V5h18v14Zm-3-8h-7v5h7v-5Z"/> 821</svg>`,sS=aP.createElement("template");sS.innerHTML=` 822 <style> 823 :host([${an.MEDIA_IS_PIP}]) slot[name=icon] slot:not([name=exit]) { 824 display: none !important; 825 } 826 827 828 :host(:not([${an.MEDIA_IS_PIP}])) slot[name=icon] slot:not([name=enter]) { 829 display: none !important; 830 } 831 832 :host([${an.MEDIA_IS_PIP}]) slot[name=tooltip-enter], 833 :host(:not([${an.MEDIA_IS_PIP}])) slot[name=tooltip-exit] { 834 display: none; 835 } 836 </style> 837 838 <slot name="icon"> 839 <slot name="enter">${s_}</slot> 840 <slot name="exit">${s_}</slot> 841 </slot> 842`;let sC=` 843 <slot name="tooltip-enter">${aS("Enter picture in picture mode")}</slot> 844 <slot name="tooltip-exit">${aS("Exit picture in picture mode")}</slot> 845`,sL=e=>{let t=e.mediaIsPip?aS("exit picture in picture mode"):aS("enter picture in picture mode");e.setAttribute("aria-label",t)};class sM extends nd{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_IS_PIP,an.MEDIA_PIP_UNAVAILABLE]}constructor(e={}){super({slotTemplate:sS,tooltipContent:sC,...e})}connectedCallback(){sL(this),super.connectedCallback()}attributeChangedCallback(e,t,i){e===an.MEDIA_IS_PIP&&sL(this),super.attributeChangedCallback(e,t,i)}get mediaPipUnavailable(){return a5(this,an.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){a4(this,an.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return a2(this,an.MEDIA_IS_PIP)}set mediaIsPip(e){a3(this,an.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?at.MEDIA_EXIT_PIP_REQUEST:at.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new aU.CustomEvent(e,{composed:!0,bubbles:!0}))}}aU.customElements.get("media-pip-button")||aU.customElements.define("media-pip-button",sM);var sD=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot read from private field");return i?i.call(e):t.get(e)};let sx={RATES:"rates"},sR=[1,1.2,1.5,1.7,2],sN=aP.createElement("template");sN.innerHTML=` 846 <style> 847 :host { 848 min-width: 5ch; 849 padding: var(--media-button-padding, var(--media-control-padding, 10px 5px)); 850 } 851 </style> 852 <slot name="icon"></slot> 853`;class sO extends nd{constructor(e={}){super({slotTemplate:sN,tooltipContent:aS("Playback rate"),...e}),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,eq,new rv(this,sx.RATES,{defaultValue:sR})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML="1x"}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_PLAYBACK_RATE,s
853x.RATES]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===sx.RATES&&(sD(this,eq).value=i),e===an.MEDIA_PLAYBACK_RATE){let e=i?+i:NaN,t=Number.isNaN(e)?1:e;this.container.innerHTML=`${t}x`,this.setAttribute("aria-label",aS("Playback rate {playbackRate}",{playbackRate:t}))}}get rates(){return sD(this,eq)}set rates(e){e?Array.isArray(e)&&(sD(this,eq).value=e.join(" ")):sD(this,eq).value=""}get mediaPlaybackRate(){return a0(this,an.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){a1(this,an.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let i=Array.from(this.rates.values(),e=>+e).sort((e,t)=>e-t),a=null!=(t=null!=(e=i.find(e=>e>this.mediaPlaybackRate))?e:i[0])?t:1,r=new aU.CustomEvent(at.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:a});this.dispatchEvent(r)}}eq=new WeakMap,aU.customElements.get("media-playback-rate-button")||aU.customElements.define("media-playback-rate-button",sO);let sU=`<svg aria-hidden="true" viewBox="0 0 24 24"> 854 <path d="m6 21 15-9L6 3v18Z"/> 855</svg>`,sP=`<svg aria-hidden="true" viewBox="0 0 24 24"> 856 <path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/> 857</svg>`,sW=aP.createElement("template");sW.innerHTML=` 858 <style> 859 :host([${an.MEDIA_PAUSED}]) slot[name=pause], 860 :host(:not([${an.MEDIA_PAUSED}])) slot[name=play] { 861 display: none !important; 862 } 863 864 :host([${an.MEDIA_PAUSED}]) slot[name=tooltip-pause], 865 :host(:not([${an.MEDIA_PAUSED}])) slot[name=tooltip-play] { 866 display: none; 867 } 868 </style> 869 870 <slot name="icon"> 871 <slot name="play">${sU}</slot> 872 <slot name="pause">${sP}</slot> 873 </slot> 874`;let sH=` 875 <slot name="tooltip-play">${aS("Play")}</slot> 876 <slot name="tooltip-pause">${aS("Pause")}</slot> 877`,sB=e=>{let t=e.mediaPaused?aS("play"):aS("pause");e.setAttribute("aria-label",t)};class s$ extends nd{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_PAUSED,an.MEDIA_ENDED]}constructor(e={}){super({slotTemplate:sW,tooltipContent:sH,...e})}connectedCallback(){sB(this),super.connectedCallback()}attributeChangedCallback(e,t,i){e===an.MEDIA_PAUSED&&sB(this),super.attributeChangedCallback(e,t,i)}get mediaPaused(){return a2(this,an.MEDIA_PAUSED)}set mediaPaused(e){a3(this,an.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?at.MEDIA_PLAY_REQUEST:at.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new aU.CustomEvent(e,{composed:!0,bubbles:!0}))}}aU.customElements.get("media-play-button")||aU.customElements.define("media-play-button",s$);let sV={PLACEHOLDER_SRC:"placeholdersrc",SRC:"src"},sF=aP.createElement("template");sF.innerHTML=` 878 <style> 879 :host { 880 pointer-events: none; 881 display: var(--media-poster-image-display, inline-block); 882 box-sizing: border-box; 883 } 884 885 img { 886 max-width: 100%; 887 max-height: 100%; 888 min-width: 100%; 889 min-height: 100%; 890 background-repeat: no-repeat; 891 background-position: var(--media-poster-image-background-position, var(--media-object-position, center)); 892 background-size: var(--media-poster-image-background-size, var(--media-object-fit, contain)); 893 object-fit: var(--media-object-fit, contain); 894 object-position: var(--media-object-position, center); 895 } 896 </style> 897 898 <img part="poster img" aria-hidden="true" id="image"/> 899`;class sG extends aU.HTMLElement{static get observedAttributes(){return[sV.PLACEHOLDER_SRC,sV.SRC]}constructor(){super(),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(sF.content.cloneNode(!0))),this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,i){if(e===sV.SRC&&(null==i?this.image.removeAttribute(sV.SRC):this.image.setAttribute(sV.SRC,i)),e===sV.PLACEHOLDER_SRC)if(null==i)this.image.style.removeProperty("background-image");else{var a;a=this.image,a.style["background-image"]=`url('${i}')`}}get placeholderSrc(){return a5(this,sV.PLACEHOLDER_SRC)}set placeholderSrc(e){a4(this,sV.SRC,e)}get src(){return a5(this,sV.SRC)}set src(e){a4(this,sV.SRC,e)}}aU.customElements.get("media-poster-image")||aU.customElements.define("media-poster-image",sG);var sK=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)};class sq extends nZ{constructor(){super(),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,ej,void 0),((e,t,i,a)=>(sK(e,t,"write to private field"),a?a.call(e,i):t.set(e,i)))(this,ej,this.shadowRoot.querySelector("slot"))}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_PREVIEW_CHAPTER]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===an.MEDIA_PREVIEW_CHAPTER&&i!==t&&null!=i){var a,r;(sK(this,a=ej,"read from private field"),r?r.call(this):a.get(this)).textContent=i,""!==i?this.setAttribute("aria-valuetext",`chapter: ${i}`):this.removeAttribute("aria-valuetext")}}get mediaPreviewChapter(){return a5(this,an.MEDIA_PREVIEW_CHAPTER)}set mediaPreviewChapter(e){a4(this,an.MEDIA_PREVIEW_CHAPTER,e)}}ej=new WeakMap,aU.customElements.get("media-preview-chapter-display")||aU.customElements.define("media-preview-chapter-display",sq);var sj=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sY=(e,t,i)=>(sj(e,t,"read from private field"),i?i.call(e):t.get(e)),sQ=(e,t,i,a)=>(sj(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let sZ=aP.createElement("template");sZ.innerHTML=` 900 <style> 901 :host { 902 box-sizing: border-box; 903 display: var(--media-control-display, var(--media-preview-thumbn
903ail-display, inline-block)); 904 overflow: hidden; 905 } 906 907 img { 908 display: none; 909 position: relative; 910 } 911 </style> 912 <img crossorigin loading="eager" decoding="async"> 913`;class sz extends aU.HTMLElement{constructor(){super(),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,eY,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(sZ.content.cloneNode(!0)))}static get observedAttributes(){return[ai.MEDIA_CONTROLLER,an.MEDIA_PREVIEW_IMAGE,an.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,i;let a=this.getAttribute(ai.MEDIA_CONTROLLER);a&&(sQ(this,eY,null==(e=this.getRootNode())?void 0:e.getElementById(a)),null==(i=null==(t=sY(this,eY))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=sY(this,eY))?void 0:e.unassociateElement)||t.call(e,this),sQ(this,eY,null)}attributeChangedCallback(e,t,i){var a,r,n,s,o;[an.MEDIA_PREVIEW_IMAGE,an.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===ai.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=sY(this,eY))?void 0:a.unassociateElement)||r.call(a,this),sQ(this,eY,null)),i&&this.isConnected&&(sQ(this,eY,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(s=sY(this,eY))?void 0:s.associateElement)||o.call(s,this)))}get mediaPreviewImage(){return a5(this,an.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){a4(this,an.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewCoords(){let e=this.getAttribute(an.MEDIA_PREVIEW_COORDS);if(e)return e.split(/\s+/).map(e=>+e)}set mediaPreviewCoords(e){if(!e)return void this.removeAttribute(an.MEDIA_PREVIEW_COORDS);this.setAttribute(an.MEDIA_PREVIEW_COORDS,e.join(" "))}update(){let e=this.mediaPreviewCoords,t=this.mediaPreviewImage;if(!(e&&t))return;let[i,a,r,n]=e,s=t.split("#")[0],{maxWidth:o,maxHeight:l,minWidth:d,minHeight:u}=getComputedStyle(this),h=Math.min(parseInt(o)/r,parseInt(l)/n),c=Math.max(parseInt(d)/r,parseInt(u)/n),m=h<1,p=m?h:c>1?c:1,{style:v}=aX(this.shadowRoot,":host"),E=aX(this.shadowRoot,"img").style,b=this.shadowRoot.querySelector("img"),g=m?"min":"max";v.setProperty(`${g}-width`,"initial","important"),v.setProperty(`${g}-height`,"initial","important"),v.width=`${r*p}px`,v.height=`${n*p}px`;let f=()=>{E.width=`${this.imgWidth*p}px`,E.height=`${this.imgHeight*p}px`,E.display="block"};b.src!==s&&(b.onload=()=>{this.imgWidth=b.naturalWidth,this.imgHeight=b.naturalHeight,f()},b.src=s,f()),f(),E.transform=`translate(-${i*p}px, -${a*p}px)`}}eY=new WeakMap,aU.customElements.get("media-preview-thumbnail")||aU.customElements.define("media-preview-thumbnail",sz);var sX=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sJ=(e,t,i)=>(sX(e,t,"read from private field"),i?i.call(e):t.get(e));class s0 extends nZ{constructor(){super(),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,eQ,void 0),((e,t,i,a)=>(sX(e,t,"write to private field"),a?a.call(e,i):t.set(e,i)))(this,eQ,this.shadowRoot.querySelector("slot")),sJ(this,eQ).textContent=aw(0)}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===an.MEDIA_PREVIEW_TIME&&null!=i&&(sJ(this,eQ).textContent=aw(parseFloat(i)))}get mediaPreviewTime(){return a0(this,an.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){a1(this,an.MEDIA_PREVIEW_TIME,e)}}eQ=new WeakMap,aU.customElements.get("media-preview-time-display")||aU.customElements.define("media-preview-time-display",s0);let s1={SEEK_OFFSET:"seekoffset"},s2=aP.createElement("template");s2.innerHTML=` 914 <slot name="icon"><svg aria-hidden="true" viewBox="0 0 20 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(2.18 19.87)">30</text><path d="M10 6V3L4.37 7 10 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 10 6Z"/></svg></slot> 915`;class s3 extends nd{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_CURRENT_TIME,s1.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:s2,tooltipContent:aS("Seek backward"),...e})}connectedCallback(){this.seekOffset=a0(this,s1.SEEK_OFFSET,30),super.connectedCallback()}attributeChangedCallback(e,t,i){e===s1.SEEK_OFFSET&&(this.seekOffset=a0(this,s1.SEEK_OFFSET,30)),super.attributeChangedCallback(e,t,i)}get seekOffset(){return a0(this,s1.SEEK_OFFSET,30)}set seekOffset(e){a1(this,s1.SEEK_OFFSET,e),this.setAttribute("aria-label",aS("seek back {seekOffset} seconds",{seekOffset:this.seekOffset})),aK(aq(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return a0(this,an.MEDIA_CURRENT_TIME,0)}set mediaCurrentTime(e){a1(this,an.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new aU.CustomEvent(at.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}}aU.customElements.get("media-seek-backward-button")||aU.customElements.define("media-seek-backward-button",s3);let s5={SEEK_OFFSET:"seekoffset"},s4=aP.createElement("template");s4.innerHTML=` 916 <slot name="icon"><svg aria-hidden="true" viewBox="0 0 20 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(8.9 19.87)">30</text><path d="M10 6V3l5.61 4L10 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 10 6Z"/></svg></slot> 917`;class s7 extends nd{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_CURRENT_TIME,s5.SEEK_OFFSET]}constructor(e={}){super({slotTemplate:s4,tooltipContent:aS("Seek forward"),...e})}connectedCallback(){this.seekOffset=a0(this,s5.SEEK_OFFSET,30),super.connectedCallback()}attributeChangedCallback(e,t,i){e===s5.SEEK_OFFSET&&(this.seekOffset=a0(this,s5.SEEK_OFFSET,30)),super.attributeChangedCallback(e,t,i)}get seekOffset(){return a0(this,s5.SEEK_OFFSET,30)}set seekOffset(e){a1(this,s5.SEEK_OFFSET,e),this.setAttribute("aria-label",aS("seek forward {seekOffset} seconds",{seekOffset:this.seekOffset})),aK(aq(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return a0(this,an.MEDIA_CURRENT_TIME,0)}set mediaCurrentTime(e){a1(this,an.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new aU.CustomEvent(at.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}}aU.customElements.get("media-seek-forward-button")||aU.customElements.define("media-seek-forward-button",s7);var s8=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},s9=(e,t,i)=>(s8(e,t,"read from private field"),i?i.call(e):t.get(e));let s6={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},oe=[...Object.values(s6),an.MEDIA_CURRENT_TIME,an.MEDIA_DURATION,an.MEDIA_SEEKABLE],ot=["Enter"," "],oi=" / ",oa=(e,{timesSep:t=oi}={})=>{var i,a;let r=e.hasAttribute(s6.REMAINING),n=e.hasAttribute(s6.SHOW_DURATION),s=null!=(i=e.mediaCurrentTime)?i:0,[,o]=null!=(a=e.mediaSeekable)?a:[],l=0;Number.isFinite(e.mediaDuration)?l=e.mediaDuration:Number.isFinite(o)&&
917(l=o);let d=r?aw(0-(l-s)):aw(s);return n?`${d}${t}${aw(l)}`:d};class or extends nZ{constructor(){super(),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,eZ,void 0),((e,t,i,a)=>(s8(e,t,"write to private field"),a?a.call(e,i):t.set(e,i)))(this,eZ,this.shadowRoot.querySelector("slot")),s9(this,eZ).innerHTML=`${oa(this)}`}static get observedAttributes(){return[...super.observedAttributes,...oe,"disabled"]}connectedCallback(){let{style:e}=aX(this.shadowRoot,":host(:hover:not([notoggle]))");e.setProperty("cursor","var(--media-cursor, pointer)"),e.setProperty("background","var(--media-control-hover-background, rgba(50 50 70 / .7))"),this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","progressbar"),this.setAttribute("aria-label",aS("playback time"));let t=e=>{let{key:i}=e;if(!ot.includes(i))return void this.removeEventListener("keyup",t);this.toggleTimeDisplay()};this.addEventListener("keydown",e=>{let{metaKey:i,altKey:a,key:r}=e;if(i||a||!ot.includes(r))return void this.removeEventListener("keyup",t);this.addEventListener("keyup",t)}),this.addEventListener("click",this.toggleTimeDisplay),super.connectedCallback()}toggleTimeDisplay(){this.noToggle||(this.hasAttribute("remaining")?this.removeAttribute("remaining"):this.setAttribute("remaining",""))}disconnectedCallback(){this.disable(),super.disconnectedCallback()}attributeChangedCallback(e,t,i){oe.includes(e)?this.update():"disabled"===e&&i!==t&&(null==i?this.enable():this.disable()),super.attributeChangedCallback(e,t,i)}enable(){this.tabIndex=0}disable(){this.tabIndex=-1}get remaining(){return a2(this,s6.REMAINING)}set remaining(e){a3(this,s6.REMAINING,e)}get showDuration(){return a2(this,s6.SHOW_DURATION)}set showDuration(e){a3(this,s6.SHOW_DURATION,e)}get noToggle(){return a2(this,s6.NO_TOGGLE)}set noToggle(e){a3(this,s6.NO_TOGGLE,e)}get mediaDuration(){return a0(this,an.MEDIA_DURATION)}set mediaDuration(e){a1(this,an.MEDIA_DURATION,e)}get mediaCurrentTime(){return a0(this,an.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){a1(this,an.MEDIA_CURRENT_TIME,e)}get mediaSeekable(){let e=this.getAttribute(an.MEDIA_SEEKABLE);if(e)return e.split(":").map(e=>+e)}set mediaSeekable(e){if(null==e)return void this.removeAttribute(an.MEDIA_SEEKABLE);this.setAttribute(an.MEDIA_SEEKABLE,e.join(":"))}update(){let e=oa(this);(e=>{var t;let i=e.mediaCurrentTime,[,a]=null!=(t=e.mediaSeekable)?t:[],r=null;if(Number.isFinite(e.mediaDuration)?r=e.mediaDuration:Number.isFinite(a)&&(r=a),null==i||null===r)return e.setAttribute("aria-valuetext","video not loaded, unknown time.");let n=e.hasAttribute(s6.REMAINING),s=e.hasAttribute(s6.SHOW_DURATION),o=n?ak(0-(r-i)):ak(i);if(!s)return e.setAttribute("aria-valuetext",o);let l=ak(r),d=`${o} of ${l}`;e.setAttribute("aria-valuetext",d)})(this),e!==s9(this,eZ).innerHTML&&(s9(this,eZ).innerHTML=e)}}eZ=new WeakMap,aU.customElements.get("media-time-display")||aU.customElements.define("media-time-display",or);var on=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},os=(e,t,i)=>(on(e,t,"read from private field"),i?i.call(e):t.get(e)),oo=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},ol=(e,t,i,a)=>(on(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class od{constructor(e,t,i){oo(this,ez,void 0),oo(this,eX,void 0),oo(this,eJ,void 0),oo(this,e0,void 0),oo(this,e1,void 0),oo(this,e2,void 0),oo(this,e3,void 0),oo(this,e5,void 0),oo(this,e4,0),oo(this,e7,(e=performance.now())=>{ol(this,e4,requestAnimationFrame(os(this,e7))),ol(this,e0,performance.now()-os(this,eJ));let t=1e3/this.fps;if(os(this,e0)>t){ol(this,eJ,e-os(this,e0)%t);let i=1e3/((e-os(this,eX))/++((e,t,i,a)=>({set _(value){ol(e,t,value,i)},get _(){return os(e,t,a)}}))(this,e1)._),a=(e-os(this,e2))/1e3/this.duration,r=os(this,e3)+a*this.playbackRate;r-os(this,ez).valueAsNumber>0?ol(this,e5,this.playbackRate/this.duration/i):(ol(this,e5,.995*os(this,e5)),r=os(this,ez).valueAsNumber+os(this,e5)),this.callback(r)}}),ol(this,ez,e),this.callback=t,this.fps=i}start(){0===os(this,e4)&&(ol(this,eJ,performance.now()),ol(this,eX,os(this,eJ)),ol(this,e1,0),os(this,e7).call(this))}stop(){0!==os(this,e4)&&(cancelAnimationFrame(os(this,e4)),ol(this,e4,0))}update({start:e,duration:t,playbackRate:i}){let a=e-os(this,ez).valueAsNumber,r=Math.abs(t-this.duration);(a>0||a<-.03||r>=.5)&&this.callback(e),ol(this,e3,e),ol(this,e2,performance.now()),this.duration=t,this.playbackRate=i}}ez=new WeakMap,eX=new WeakMap,eJ=new WeakMap,e0=new WeakMap,e1=new WeakMap,e2=new WeakMap,e3=new WeakMap,e5=new WeakMap,e4=new WeakMap,e7=new WeakMap;var ou=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},oh=(e,t,i)=>(ou(e,t,"read from private field"),i?i.call(e):t.get(e)),oc=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},om=(e,t,i,a)=>(ou(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),op=(e,t,i)=>(ou(e,t,"access private method"),i);let ov=aP.createElement("template");ov.innerHTML=` 918 <style> 919 :host { 920 --media-box-border-radius: 4px; 921 --media-box-padding-left: 10px; 922 --media-box-padding-right: 10px; 923 --media-preview-border-radius: var(--media-box-border-radius); 924 --media-box-arrow-offset: var(--media-box-border-radius); 925 --_control-background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 926 --_preview-background: var(--media-preview-background, var(--_control-background)); 927 928 929 contain: layout; 930 } 931 932 #buffered { 933 background: var(--media-time-range-buffered-color, rgb(255 255 255 / .4)); 934 position: absolute; 935 height: 100%; 936 will-change: width; 937 } 938 939 #preview-rail, 940 #current-rail { 941 width: 100%; 942 position: absolute; 943 left: 0; 944 bottom: 100%; 945 pointer-events: none; 946 will-change: transform; 947 } 948 949 [part~="box"] { 950 width: min-content; 951 952 position: absolute; 953 bottom: 100%; 954 flex-direction: column; 955 align-items: center; 956 transform: translateX(-50%); 957 } 958 959 [part~="current-box"] { 960 display: var(--media-current-box-display, var(--media-box-display, flex)); 961 margin: var(--media-current-box-margin, var(--media-box-margin, 0 0 5px)); 962 visibility: hidden; 963 } 964 965 [part~="preview-box"] { 966 display: var(--media-preview-box-display, var(--media-box-display, flex)); 967 margin: var(--media-preview-box-margin, var(--media-box-margin, 0 0 5px)); 968 transition-property: var(--media-preview-transition-property, visibility, opacity); 969 transition-duration: var(--media-preview-transition-duration-out, .25s); 970 transition-delay: var(--media-preview-transition-delay-out, 0s); 971 visibility: hidden; 972 opacity: 0; 973 } 974 975 :host(:is([${an.MEDIA_PREVIEW_IMAGE}], [${an.MEDIA_PREVIEW_TIME}])[dragging]) [part~="preview-box"] { 976 transition-duration: var(--media-preview-transition-duration-in, .5s); 977 transition-delay: var(--media-preview-transition-delay-in, .25s); 978 visibility: visible; 979 opacity: 1; 980 } 981 982 @media (hover: hover) { 983 :host(:is([${an.MEDIA_PREVIEW_IMAGE}], [${an.MEDIA_PREVIEW_TIME}]):hover) [part~="preview-box"] { 984 transition-duration: var(--media-preview-transition-duration-in, .5s); 985 transition-delay: var(--media-preview-transition-delay-in, .25s); 986 visibility: visible; 987 opacity: 1; 988 } 989 } 990
991 media-preview-thumbnail, 992 ::slotted(media-preview-thumbnail) { 993 visibility: hidden; 994 995 transition: visibility 0s .25s; 996 transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s)); 997 background: var(--media-preview-thumbnail-background, var(--_preview-background)); 998 box-shadow: var(--media-preview-thumbnail-box-shadow, 0 0 4px rgb(0 0 0 / .2)); 999 max-width: var(--media-preview-thumbnail-max-width, 180px); 1000 max-height: var(--media-preview-thumbnail-max-height, 160px); 1001 min-width: var(--media-preview-thumbnail-min-width, 120px); 1002 min-height: var(--media-preview-thumbnail-min-height, 80px); 1003 border: var(--media-preview-thumbnail-border); 1004 border-radius: var(--media-preview-thumbnail-border-radius, 1005 var(--media-preview-border-radius) var(--media-preview-border-radius) 0 0); 1006 } 1007 1008 :host([${an.MEDIA_PREVIEW_IMAGE}][dragging]) media-preview-thumbnail, 1009 :host([${an.MEDIA_PREVIEW_IMAGE}][dragging]) ::slotted(media-preview-thumbnail) { 1010 transition-delay: var(--media-preview-transition-delay-in, .25s); 1011 visibility: visible; 1012 } 1013 1014 @media (hover: hover) { 1015 :host([${an.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail, 1016 :host([${an.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) { 1017 transition-delay: var(--media-preview-transition-delay-in, .25s); 1018 visibility: visible; 1019 } 1020 1021 :host([${an.MEDIA_PREVIEW_TIME}]:hover) { 1022 --media-time-range-hover-display: block; 1023 } 1024 } 1025 1026 media-preview-chapter-display, 1027 ::slotted(media-preview-chapter-display) { 1028 font-size: var(--media-font-size, 13px); 1029 line-height: 17px; 1030 min-width: 0; 1031 visibility: hidden; 1032 1033 transition: min-width 0s, border-radius 0s, margin 0s, padding 0s, visibility 0s; 1034 transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s)); 1035 background: var(--media-preview-chapter-background, var(--_preview-background)); 1036 border-radius: var(--media-preview-chapter-border-radius, 1037 var(--media-preview-border-radius) var(--media-preview-border-radius) 1038 var(--media-preview-border-radius) var(--media-preview-border-radius)); 1039 padding: var(--media-preview-chapter-padding, 3.5px 9px); 1040 margin: var(--media-preview-chapter-margin, 0 0 5px); 1041 text-shadow: var(--media-preview-chapter-text-shadow, 0 0 4px rgb(0 0 0 / .75)); 1042 } 1043 1044 :host([${an.MEDIA_PREVIEW_IMAGE}]) media-preview-chapter-display, 1045 :host([${an.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-chapter-display) { 1046 transition-delay: var(--media-preview-transition-delay-in, .25s); 1047 border-radius: var(--media-preview-chapter-border-radius, 0); 1048 padding: var(--media-preview-chapter-padding, 3.5px 9px 0); 1049 margin: var(--media-preview-chapter-margin, 0); 1050 min-width: 100%; 1051 } 1052 1053 media-preview-chapter-display[${an.MEDIA_PREVIEW_CHAPTER}], 1054 ::slotted(media-preview-chapter-display[${an.MEDIA_PREVIEW_CHAPTER}]) { 1055 visibility: visible; 1056 } 1057 1058 media-preview-chapter-display:not([aria-valuetext]), 1059 ::slotted(media-preview-chapter-display:not([aria-valuetext])) { 1060 display: none; 1061 } 1062 1063 media-preview-time-display, 1064 ::slotted(media-preview-time-display), 1065 media-time-display, 1066 ::slotted(media-time-display) { 1067 font-size: var(--media-font-size, 13px); 1068 line-height: 17px; 1069 min-width: 0; 1070 1071 transition: min-width 0s, border-radius 0s; 1072 transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s)); 1073 background: var(--media-preview-time-background, var(--_preview-background)); 1074 border-radius: var(--media-preview-time-border-radius, 1075 var(--media-preview-border-radius) var(--media-preview-border-radius) 1076 var(--media-preview-border-radius) var(--media-preview-border-radius)); 1077 padding: var(--media-preview-time-padding, 3.5px 9px); 1078 margin: var(--media-preview-time-margin, 0); 1079 text-shadow: var(--media-preview-time-text-shadow, 0 0 4px rgb(0 0 0 / .75)); 1080 transform: translateX(min( 1081 max(calc(50% - var(--_box-width) / 2), 1082 calc(var(--_box-shift, 0))), 1083 calc(var(--_box-width) / 2 - 50%) 1084 )); 1085 } 1086 1087 :host([${an.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display, 1088 :host([${an.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-time-display) { 1089 transition-delay: var(--media-preview-transition-delay-in, .25s); 1090 border-radius: var(--media-preview-time-border-radius, 1091 0 0 var(--media-preview-border-radius) var(--media-preview-border-radius)); 1092 min-width: 100%; 1093 } 1094 1095 :host([${an.MEDIA_PREVIEW_TIME}]:hover) { 1096 --media-time-range-hover-display: block; 1097 } 1098 1099 [part~="arrow"], 1100 ::slotted([part~="arrow"]) { 1101 display: var(--media-box-arrow-display, inline-block); 1102 transform: translateX(min( 1103 max(calc(50% - var(--_box-width) / 2 + var(--media-box-arrow-offset)), 1104 calc(var(--_box-shift, 0))), 1105 calc(var(--_box-width) / 2 - 50% - var(--media-box-arrow-offset)) 1106 )); 1107 1108 border-color: transparent; 1109 border-top-color: var(--media-box-arrow-background, var(--_control-background)); 1110 border-width: var(--media-box-arrow-border-width, 1111 var(--media-box-arrow-height, 5px) var(--media-box-arrow-width, 6px) 0); 1112 border-style: solid; 1113 justify-content: center; 1114 height: 0; 1115 } 1116 </style> 1117 <div id="preview-rail"> 1118 <slot name="preview" part="box preview-box">
1119 <media-preview-thumbnail></media-preview-thumbnail> 1120 <media-preview-chapter-display></media-preview-chapter-display> 1121 <media-preview-time-display></media-preview-time-display> 1122 <slot name="preview-arrow"><div part="arrow"></div></slot> 1123 </slot> 1124 </div> 1125 <div id="current-rail"> 1126 <slot name="current" part="box current-box"> 1127 1128 </slot> 1129 </div> 1130`;let oE=(e,t=e.mediaCurrentTime)=>{let i=Number.isFinite(e.mediaSeekableStart)?e.mediaSeekableStart:0,a=Number.isFinite(e.mediaDuration)?e.mediaDuration:e.mediaSeekableEnd;return Number.isNaN(a)?0:Math.max(0,Math.min((t-i)/(a-i),1))},ob=(e,t=e.range.valueAsNumber)=>{let i=Number.isFinite(e.mediaSeekableStart)?e.mediaSeekableStart:0,a=Number.isFinite(e.mediaDuration)?e.mediaDuration:e.mediaSeekableEnd;return Number.isNaN(a)?0:t*(a-i)+i};class og extends nB{constructor(){super(),oc(this,ts),oc(this,tl),oc(this,th),oc(this,tm),oc(this,tv),oc(this,tb),oc(this,tf),oc(this,ty),oc(this,e8,void 0),oc(this,e9,void 0),oc(this,e6,void 0),oc(this,te,void 0),oc(this,tt,void 0),oc(this,ti,void 0),oc(this,ta,void 0),oc(this,tr,void 0),oc(this,tn,void 0),oc(this,tu,e=>{this.dragging||(ag(e)&&(this.range.valueAsNumber=e),this.updateBar())}),this.container.appendChild(ov.content.cloneNode(!0)),this.shadowRoot.querySelector("#track").insertAdjacentHTML("afterbegin",'<div id="buffered" part="buffered"></div>'),om(this,e6,this.shadowRoot.querySelectorAll('[part~="box"]')),om(this,tt,this.shadowRoot.querySelector('[part~="preview-box"]')),om(this,ti,this.shadowRoot.querySelector('[part~="current-box"]'));let e=getComputedStyle(this);om(this,ta,parseInt(e.getPropertyValue("--media-box-padding-left"))),om(this,tr,parseInt(e.getPropertyValue("--media-box-padding-right"))),om(this,e9,new od(this.range,oh(this,tu),60))}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_PAUSED,an.MEDIA_DURATION,an.MEDIA_SEEKABLE,an.MEDIA_CURRENT_TIME,an.MEDIA_PREVIEW_IMAGE,an.MEDIA_PREVIEW_TIME,an.MEDIA_PREVIEW_CHAPTER,an.MEDIA_BUFFERED,an.MEDIA_PLAYBACK_RATE,an.MEDIA_LOADING,an.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute("aria-label",aS("seek")),op(this,ts,to).call(this),om(this,e8,this.getRootNode()),null==(e=oh(this,e8))||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),op(this,ts,to).call(this),null==(e=oh(this,e8))||e.removeEventListener("transitionstart",this),om(this,e8,null)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),t!=i&&(e===an.MEDIA_CURRENT_TIME||e===an.MEDIA_PAUSED||e===an.MEDIA_ENDED||e===an.MEDIA_LOADING||e===an.MEDIA_DURATION||e===an.MEDIA_SEEKABLE?(oh(this,e9).update({start:oE(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),op(this,ts,to).call(this),(e=>{let t=e.range,i=ak(+ob(e)),a=ak(+e.mediaSeekableEnd),r=i&&a?`${i} of ${a}`:"video not loaded, unknown time.";t.setAttribute("aria-valuetext",r)})(this)):e===an.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===an.MEDIA_DURATION||e===an.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=oh(this,tn),this.updateBar()))}get mediaChaptersCues(){return oh(this,tn)}set mediaChaptersCues(e){var t;om(this,tn,e),this.updateSegments(null==(t=oh(this,tn))?void 0:t.map(e=>({start:oE(this,e.startTime),end:oE(this,e.endTime)})))}get mediaPaused(){return a2(this,an.MEDIA_PAUSED)}set mediaPaused(e){a3(this,an.MEDIA_PAUSED,e)}get mediaLoading(){return a2(this,an.MEDIA_LOADING)}set mediaLoading(e){a3(this,an.MEDIA_LOADING,e)}get mediaDuration(){return a0(this,an.MEDIA_DURATION)}set mediaDuration(e){a1(this,an.MEDIA_DURATION,e)}get mediaCurrentTime(){return a0(this,an.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){a1(this,an.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return a0(this,an.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){a1(this,an.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(an.MEDIA_BUFFERED);return e?e.split(" ").map(e=>e.split(":").map(e=>+e)):[]}set mediaBuffered(e){if(!e)return void this.removeAttribute(an.MEDIA_BUFFERED);let t=e.map(e=>e.join(":")).join(" ");this.setAttribute(an.MEDIA_BUFFERED,t)}get mediaSeekable(){let e=this.getAttribute(an.MEDIA_SEEKABLE);if(e)return e.split(":").map(e=>+e)}set mediaSeekable(e){if(null==e)return void this.removeAttribute(an.MEDIA_SEEKABLE);this.setAttribute(an.MEDIA_SEEKABLE,e.join(":"))}get mediaSeekableEnd(){var e;let[,t=this.mediaDuration]=null!=(e=this.mediaSeekable)?e:[];return t}get mediaSeekableStart(){var e;let[t=0]=null!=(e=this.mediaSeekable)?e:[];return t}get mediaPreviewImage(){return a5(this,an.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){a4(this,an.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return a0(this,an.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){a1(this,an.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return a2(this,an.MEDIA_ENDED)}set mediaEnded(e){a3(this,an.MEDIA_ENDED,e)}updateBar(){super.updateBar(),this.updateBufferedBar(),this.updateCurrentBox()}updateBufferedBar(){var e;let t,i=this.mediaBuffered;if(!i.length)return;if(this.mediaEnded)t=1;else{let a=this.mediaCurrentTime,[,r=this.mediaSeekableStart]=null!=(e=i.find(([e,t])=>e<=a&&a<=t))?e:[];t=oE(this,r)}let{style:a}=aX(this.shadowRoot,"#buffered");a.setProperty("width",`${100*t}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector('slot[name="current"]').assignedElements().length)return;let e=aX(this.shadowRoot,"#current-rail"),t=aX(this.shadowRoot,'[part~="current-box"]'),i=op(this,th,tc).call(this,oh(this,ti)),a=op(this,tm,tp).call(this,i,this.range.valueAsNumber),r=op(this,tv,tE).call(this,i,this.range.valueAsNumber);e.style.transform=`translateX(${a})`,e.style.setProperty("--_range-width",`${i.range.width}`),t.style.setProperty("--_box-shift",`${r}`),t.style.setProperty("--_box-width",`${i.box.width}px`),t.style.setProperty("visibility","initial")}handleEvent(e){switch(super.handleEvent(e),e.type){case"input":op(this,ty,tk).call(this);break;case"pointermove":op(this,tb,tg).call(this,e);break;case"pointerup":case"pointerleave":op(this,tf,tA).call(this,null);break;case"transitionstart":aj(e.target,this)&&setTimeout(()=>
1130op(this,ts,to).call(this),0)}}}e8=new WeakMap,e9=new WeakMap,e6=new WeakMap,te=new WeakMap,tt=new WeakMap,ti=new WeakMap,ta=new WeakMap,tr=new WeakMap,tn=new WeakMap,ts=new WeakSet,to=function(){op(this,tl,td).call(this)?oh(this,e9).start():oh(this,e9).stop()},tl=new WeakSet,td=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&az(this)},tu=new WeakMap,th=new WeakSet,tc=function(e){var t;let i=(null!=(t=this.getAttribute("bounds")?aY(this,`#${this.getAttribute("bounds")}`):this.parentElement)?t:this).getBoundingClientRect(),a=this.range.getBoundingClientRect(),r=e.offsetWidth,n=-(a.left-i.left-r/2),s=i.right-a.left-r/2;return{box:{width:r,min:n,max:s},bounds:i,range:a}},tm=new WeakSet,tp=function(e,t){let i=`${100*t}%`,{width:a,min:r,max:n}=e.box;if(!a)return i;if(!Number.isNaN(r)){let e=`calc(1 / var(--_range-width) * 100 * ${r}% + var(--media-box-padding-left))`;i=`max(${e}, ${i})`}if(!Number.isNaN(n)){let e=`calc(1 / var(--_range-width) * 100 * ${n}% - var(--media-box-padding-right))`;i=`min(${i}, ${e})`}return i},tv=new WeakSet,tE=function(e,t){let{width:i,min:a,max:r}=e.box,n=t*e.range.width;if(n<a+oh(this,ta)){let t=e.range.left-e.bounds.left-oh(this,ta);return`${n-i/2+t}px`}if(n>r-oh(this,tr)){let t=e.bounds.right-e.range.right-oh(this,tr);return`${n+i/2-t-e.range.width}px`}return 0},tb=new WeakSet,tg=function(e){let t=[...oh(this,e6)].some(t=>e.composedPath().includes(t));if(!this.dragging&&(t||!e.composedPath().includes(this)))return void op(this,tf,tA).call(this,null);let i=this.mediaSeekableEnd;if(!i)return;let a=aX(this.shadowRoot,"#preview-rail"),r=aX(this.shadowRoot,'[part~="preview-box"]'),n=op(this,th,tc).call(this,oh(this,tt)),s=(e.clientX-n.range.left)/n.range.width;s=Math.max(0,Math.min(1,s));let o=op(this,tm,tp).call(this,n,s),l=op(this,tv,tE).call(this,n,s);a.style.transform=`translateX(${o})`,a.style.setProperty("--_range-width",`${n.range.width}`),r.style.setProperty("--_box-shift",`${l}`),r.style.setProperty("--_box-width",`${n.box.width}px`),1>Math.abs(Math.round(oh(this,te))-Math.round(s*i))&&s>.01&&s<.99||(om(this,te,s*i),op(this,tf,tA).call(this,oh(this,te)))},tf=new WeakSet,tA=function(e){this.dispatchEvent(new aU.CustomEvent(at.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:e}))},ty=new WeakSet,tk=function(){oh(this,e9).stop();let e=ob(this);this.dispatchEvent(new aU.CustomEvent(at.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e}))},aU.customElements.get("media-time-range")||aU.customElements.define("media-time-range",og);let of={PLACEMENT:"placement",BOUNDS:"bounds"},oA=aP.createElement("template");oA.innerHTML=` 1131 <style> 1132 :host { 1133 --_tooltip-background-color: var(--media-tooltip-background-color, var(--media-secondary-color, rgba(20, 20, 30, .7))); 1134 --_tooltip-background: var(--media-tooltip-background, var(--_tooltip-background-color)); 1135 --_tooltip-arrow-half-width: calc(var(--media-tooltip-arrow-width, 12px) / 2); 1136 --_tooltip-arrow-height: var(--media-tooltip-arrow-height, 5px); 1137 --_tooltip-arrow-background: var(--media-tooltip-arrow-color, var(--_tooltip-background-color)); 1138 position: relative; 1139 pointer-events: none; 1140 display: var(--media-tooltip-display, inline-flex); 1141 justify-content: center; 1142 align-items: center; 1143 box-sizing: border-box; 1144 z-index: var(--media-tooltip-z-index, 1); 1145 background: var(--_tooltip-background); 1146 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 1147 font: var(--media-font, 1148 var(--media-font-weight, 400) 1149 var(--media-font-size, 13px) / 1150 var(--media-text-content-height, var(--media-control-height, 18px)) 1151 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 1152 padding: var(--media-tooltip-padding, .35em .7em); 1153 border: var(--media-tooltip-border, none); 1154 border-radius: var(--media-tooltip-border-radius, 5px); 1155 filter: var(--media-tooltip-filter, drop-shadow(0 0 4px rgba(0, 0, 0, .2))); 1156 white-space: var(--media-tooltip-white-space, nowrap); 1157 } 1158 1159 :host([hidden]) { 1160 display: none; 1161 } 1162 1163 img, svg { 1164 display: inline-block; 1165 } 1166 1167 #arrow { 1168 position: absolute; 1169 width: 0px; 1170 height: 0px; 1171 border-style: solid; 1172 display: var(--media-tooltip-arrow-display, block); 1173 } 1174 1175 :host(:not([placement])), 1176 :host([placement="top"]) { 1177 position: absolute; 1178 bottom: calc(100% + var(--media-tooltip-distance, 12px)); 1179 left: 50%; 1180 transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0
1180); 1181 } 1182 :host(:not([placement])) #arrow, 1183 :host([placement="top"]) #arrow { 1184 top: 100%; 1185 left: 50%; 1186 border-width: var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width); 1187 border-color: var(--_tooltip-arrow-background) transparent transparent transparent; 1188 transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0); 1189 } 1190 1191 :host([placement="right"]) { 1192 position: absolute; 1193 left: calc(100% + var(--media-tooltip-distance, 12px)); 1194 top: 50%; 1195 transform: translate(0, -50%); 1196 } 1197 :host([placement="right"]) #arrow { 1198 top: 50%; 1199 right: 100%; 1200 border-width: var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0; 1201 border-color: transparent var(--_tooltip-arrow-background) transparent transparent; 1202 transform: translate(0, -50%); 1203 } 1204 1205 :host([placement="bottom"]) { 1206 position: absolute; 1207 top: calc(100% + var(--media-tooltip-distance, 12px)); 1208 left: 50%; 1209 transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0); 1210 } 1211 :host([placement="bottom"]) #arrow { 1212 bottom: 100%; 1213 left: 50%; 1214 border-width: 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width); 1215 border-color: transparent transparent var(--_tooltip-arrow-background) transparent; 1216 transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0); 1217 } 1218 1219 :host([placement="left"]) { 1220 position: absolute; 1221 right: calc(100% + var(--media-tooltip-distance, 12px)); 1222 top: 50%; 1223 transform: translate(0, -50%); 1224 } 1225 :host([placement="left"]) #arrow { 1226 top: 50%; 1227 left: 100%; 1228 border-width: var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height); 1229 border-color: transparent transparent transparent var(--_tooltip-arrow-background); 1230 transform: translate(0, -50%); 1231 } 1232 1233 :host([placement="none"]) #arrow { 1234 display: none; 1235 } 1236 1237 </style> 1238 <slot></slot> 1239 <div id="arrow"></div> 1240`;class oy extends aU.HTMLElement{constructor(){if(super(),this.updateXOffset=()=>{var e;if(!az(this,{checkOpacity:!1,checkVisibilityCSS:!1}))return;let t=this.placement;if("left"===t||"right"===t)return void this.style.removeProperty("--media-tooltip-offset-x");let i=getComputedStyle(this),a=null!=(e=aY(this,"#"+this.bounds))?e:aF(this);if(!a)return;let{x:r,width:n}=a.getBoundingClientRect(),{x:s,width:o}=this.getBoundingClientRect(),l=i.getPropertyValue("--media-tooltip-offset-x"),d=l?parseFloat(l.replace("px","")):0,u=i.getPropertyValue("--media-tooltip-container-margin"),h=u?parseFloat(u.replace("px","")):0,c=s-r+d-h,m=s+o-(r+n)+d+h;return c<0?void this.style.setProperty("--media-tooltip-offset-x",`${c}px`):m>0?void this.style.setProperty("--media-tooltip-offset-x",`${m}px`):void this.style.removeProperty("--media-tooltip-offset-x")},this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(oA.content.cloneNode(!0))),this.arrowEl=this.shadowRoot.querySelector("#arrow"),Object.prototype.hasOwnProperty.call(this,"placement")){let e=this.placement;delete this.placement,this.placement=e}}static get observedAttributes(){return[of.PLACEMENT,of.BOUNDS]}get placement(){return a5(this,of.PLACEMENT)}set placement(e){a4(this,of.PLACEMENT,e)}get bounds(){return a5(this,of.BOUNDS)}set bounds(e){a4(this,of.BOUNDS,e)}}aU.customElements.get("media-tooltip")||aU.customElements.define("media-tooltip",oy);class ok extends nB{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_VOLUME,an.MEDIA_MUTED,an.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.addEventListener("input",()=>{let e=this.range.value,t=new aU.CustomEvent(at.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)})}connectedCallback(){super.connectedCallback(),this.range.setAttribute("aria-label",aS("volume"))}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===an.MEDIA_VOLUME||e===an.MEDIA_MUTED){let e;this.range.valueAsNumber=this.mediaMuted?0:this.mediaVolume,this.range.setAttribute("aria-valuetext",(e=this.range.valueAsNumber,`${Math.round(100*e)}%`)),this.updateBar()}}
1240get mediaVolume(){return a0(this,an.MEDIA_VOLUME,1)}set mediaVolume(e){a1(this,an.MEDIA_VOLUME,e)}get mediaMuted(){return a2(this,an.MEDIA_MUTED)}set mediaMuted(e){a3(this,an.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return a5(this,an.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){a4(this,an.MEDIA_VOLUME_UNAVAILABLE,e)}}aU.customElements.get("media-volume-range")||aU.customElements.define("media-volume-range",ok);var ow=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},oI=(e,t,i)=>(ow(e,t,"read from private field"),i?i.call(e):t.get(e)),oT=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},o_=(e,t,i,a)=>(ow(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let oS={processCallback(e,t,i){if(i){for(let[e,a]of t)if(e in i){let t=i[e];"boolean"==typeof t&&a instanceof oO&&"boolean"==typeof a.element[a.attributeName]?a.booleanValue=t:"function"==typeof t&&a instanceof oO?a.element[a.attributeName]=t:a.value=t}}}};class oC extends aU.DocumentFragment{constructor(e,t,i=oS){var a;super(),oT(this,tw,void 0),oT(this,tI,void 0),this.append(e.content.cloneNode(!0)),o_(this,tw,oL(this)),o_(this,tI,i),null==(a=i.createCallback)||a.call(i,this,oI(this,tw),t),i.processCallback(this,oI(this,tw),t)}update(e){oI(this,tI).processCallback(this,oI(this,tw),e)}}tw=new WeakMap,tI=new WeakMap;let oL=(e,t=[])=>{let i,a;for(let r of e.attributes||[])if(r.value.includes("{{")){let n=new oN;for([i,a]of oD(r.value))if(i){let i=new oO(e,r.name,r.namespaceURI);n.append(i),t.push([a,i])}else n.append(a);r.value=n.toString()}for(let r of e.childNodes)if(1!==r.nodeType||r instanceof HTMLTemplateElement){let n=r.data;if(1===r.nodeType||n.includes("{{")){let s=[];if(n)for([i,a]of oD(n))if(i){let i=new oU(e);s.push(i),t.push([a,i])}else s.push(new Text(a));else if(r instanceof HTMLTemplateElement){let i=new oP(e,r);s.push(i),t.push([i.expression,i])}r.replaceWith(...s.flatMap(e=>e.replacementNodes||[e]))}}else oL(r,t);return t},oM={},oD=e=>{let t="",i=0,a=oM[e],r=0,n;if(a)return a;for(a=[];n=e[r];r++)"{"===n&&"{"===e[r+1]&&"\\"!==e[r-1]&&e[r+2]&&1==++i?(t&&a.push([0,t]),t="",r++):"}"!==n||"}"!==e[r+1]||"\\"===e[r-1]||--i?t+=n||"":(a.push([1,t.trim()]),t="",r++);return t&&a.push([0,(i>0?"{{":"")+t]),oM[e]=a};class ox{get value(){return""}set value(e){}toString(){return this.value}}let oR=new WeakMap;class oN{constructor(){oT(this,tT,[])}[Symbol.iterator](){return oI(this,tT).values()}get length(){return oI(this,tT).length}item(e){return oI(this,tT)[e]}append(...e){for(let t of e)t instanceof oO&&oR.set(t,this),oI(this,tT).push(t)}toString(){return oI(this,tT).join("")}}tT=new WeakMap;class oO extends ox{constructor(e,t,i){super(),oT(this,tM),oT(this,t_,""),oT(this,tS,void 0),oT(this,tC,void 0),oT(this,tL,void 0),o_(this,tS,e),o_(this,tC,t),o_(this,tL,i)}get attributeName(){return oI(this,tC)}get attributeNamespace(){return oI(this,tL)}get element(){return oI(this,tS)}get value(){return oI(this,t_)}set value(e){oI(this,t_)!==e&&(o_(this,t_,e),oI(this,tM,tD)&&1!==oI(this,tM,tD).length?oI(this,tS).setAttributeNS(oI(this,tL),oI(this,tC),oI(this,tM,tD).toString()):null==e?oI(this,tS).removeAttributeNS(oI(this,tL),oI(this,tC)):oI(this,tS).setAttributeNS(oI(this,tL),oI(this,tC),e))}get booleanValue(){return oI(this,tS).hasAttributeNS(oI(this,tL),oI(this,tC))}set booleanValue(e){if(oI(this,tM,tD)&&1!==oI(this,tM,tD).length)throw new DOMException("Value is not fully templatized");this.value=e?"":null}}t_=new WeakMap,tS=new WeakMap,tC=new WeakMap,tL=new WeakMap,tM=new WeakSet,tD=function(){return oR.get(this)};class oU extends ox{constructor(e,t){super(),oT(this,tx,void 0),oT(this,tR,void 0),o_(this,tx,e),o_(this,tR,t?[...t]:[new Text])}get replacementNodes(){return oI(this,tR)}get parentNode(){return oI(this,tx)}get nextSibling(){return oI(this,tR)[oI(this,tR).length-1].nextSibling}get previousSibling(){return oI(this,tR)[0].previousSibling}get value(){return oI(this,tR).map(e=>e.textContent).join("")}set value(e){this.replace(e)}replace(...e){let t=e.flat().flatMap(e=>null==e?[new Text]:e.forEach?[...e]:11===e.nodeType?[...e.childNodes]:e.nodeType?[e]:[new Text(e)]);t.length||t.push(new Text),o_(this,tR,function(e,t,i,a=null){let r=0,n,s,o,l=i.length,d=t.length;for(;r<l&&r<d&&t[r]==i[r];)r++;for(;r<l&&r<d&&i[l-1]==t[d-1];)a=i[--d,--l];if(r==d)for(;r<l;)e.insertBefore(i[r++],a);if(r==l)for(;r<d;)e.removeChild(t[r++]);else{for(n=t[r];r<l;)o=i[r++],s=n?n.nextSibling:a,n==o?n=s:r<l&&i[r]==s?(e.replaceChild(o,n),n=s):e.insertBefore(o,n);for(;n!=a;)s=n.nextSibling,e.removeChild(n),n=s}return i}(oI(this,tR)[0].parentNode,oI(this,tR),t,this.nextSibling))}}tx=new WeakMap,tR=new WeakMap;class oP extends oU{constructor(e,t){let i=t.getAttribute("directive")||t.getAttribute("type"),a=t.getAttribute("expression")||t.getAttribute(i)||"";a.startsWith("{{")&&(a=a.trim().slice(2,-2).trim()),super(e),this.expression=a,this.template=t,this.directive=i}}let oW={string:e=>String(e)};class oH{constructor(e){this.template=e,this.state=void 0}}let oB=new WeakMap,o$=new WeakMap,oV={partial:(e,t)=>{t[e.expression]=new oH(e.template)},if:(e,t)=>
1240{var i;if(oq(e.expression,t))if(oB.get(e)!==e.template){oB.set(e,e.template);let i=new oC(e.template,t,oG);e.replace(i),o$.set(e,i)}else null==(i=o$.get(e))||i.update(t);else e.replace(""),oB.delete(e),o$.delete(e)}},oF=Object.keys(oV),oG={processCallback(e,t,i){var a,r;if(i)for(let[e,n]of t){if(n instanceof oP){if(!n.directive){let e=oF.find(e=>n.template.hasAttribute(e));e&&(n.directive=e,n.expression=n.template.getAttribute(e))}null==(a=oV[n.directive])||a.call(oV,n,i);continue}let t=oq(e,i);if(t instanceof oH){oB.get(n)!==t.template?(oB.set(n,t.template),n.value=t=new oC(t.template,t.state,oG),o$.set(n,t)):null==(r=o$.get(n))||r.update(t.state);continue}t?(n instanceof oO&&n.attributeName.startsWith("aria-")&&(t=String(t)),n instanceof oO?"boolean"==typeof t?n.booleanValue=t:"function"==typeof t?n.element[n.attributeName]=t:n.value=t:(n.value=t,oB.delete(n),o$.delete(n))):n instanceof oO?n.value=void 0:(n.value=void 0,oB.delete(n),o$.delete(n))}}},oK={"!":e=>!e,"!!":e=>!!e,"==":(e,t)=>e==t,"!=":(e,t)=>e!=t,">":(e,t)=>e>t,">=":(e,t)=>
1240e>=t,"<":(e,t)=>e<t,"<=":(e,t)=>e<=t,"??":(e,t)=>null!=e?e:t,"|":(e,t)=>{var i;return null==(i=oW[t])?void 0:i.call(oW,e)}};function oq(e,t={}){var i,a,r,n,s,o,l;let d=(function(e,t){let i,a,r,n=[];for(;e;){for(let n in r=null,i=e.length,t)(a=t[n].exec(e))&&a.index<i&&(r={token:a[0],type:n,matches:a.slice(1)},i=a.index);i&&n.push({token:e.substr(0,i),type:void 0}),r&&n.push(r),e=e.substr(i+(r?r.token.length:0))}return n})(e,{boolean:/true|false/,number:/-?\d+\.?\d*/,string:/(["'])((?:\\.|[^\\])*?)\1/,operator:/[!=><][=!]?|\?\?|\|/,ws:/\s+/,param:/[$a-z_][$\w]*/i}).filter(({type:e})=>"ws"!==e);if(0===d.length||d.some(({type:e})=>!e))return oj(e);if((null==(i=d[0])?void 0:i.token)===">"){let i=t[null==(a=d[1])?void 0:a.token];if(!i)return oj(e);let o={...t};i.state=o;let l=d.slice(2);for(let e=0;e<l.length;e+=3){let i=null==(r=l[e])?void 0:r.token,a=null==(n=l[e+1])?void 0:n.token,d=null==(s=l[e+2])?void 0:s.token;i&&"="===a&&(o[i]=oQ(d,t))}return i}if(1===d.length)return oY(d[0])?oQ(d[0].token,t):oj(e);if(2===d.length){let i=oK[null==(o=d[0])?void 0:o.token];return i&&oY(d[1])?i(oQ(d[1].token,t)):oj(e)}if(3===d.length){let i=null==(l=d[1])?void 0:l.token,a=oK[i];if(!a||!oY(d[0])||!oY(d[2]))return oj(e);let r=oQ(d[0].token,t);return a(r,"|"===i?d[2].token:oQ(d[2].token,t))}}function oj(e){return console.warn(`Warning: invalid expression \`${e}\``),!1}function oY({type:e}){return["number","boolean","string","param"].includes(e)}function oQ(e,t){let i=e[0],a=e.slice(-1);return"true"===e||"false"===e?"true"===e:i===a&&["'",'"'].includes(i)?e.slice(1,-1):af(e)?parseFloat(e):t[e]}var oZ=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},oz=(e,t,i)=>(oZ(e,t,"read from private field"),i?i.call(e):t.get(e)),oX=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},oJ=(e,t,i,a)=>(oZ(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),o0=(e,t,i)=>(oZ(e,t,"access private method"),i);let o1={mediatargetlivewindow:"targetlivewindow",mediastreamtype:"streamtype"},o2=aP.createElement("template");o2.innerHTML=` 1241 <style> 1242 :host { 1243 display: inline-block; 1244 line-height: 0; 1245 } 1246 1247 media-controller { 1248 width: 100%; 1249 height: 100%; 1250 } 1251 1252 media-captions-button:not([mediasubtitleslist]), 1253 media-captions-menu:not([mediasubtitleslist]), 1254 media-captions-menu-button:not([mediasubtitleslist]), 1255 media-audio-track-menu[mediaaudiotrackunavailable], 1256 media-audio-track-menu-button[mediaaudiotrackunavailable], 1257 media-rendition-menu[mediarenditionunavailable], 1258 media-rendition-menu-button[mediarenditionunavailable], 1259 media-volume-range[mediavolumeunavailable], 1260 media-airplay-button[mediaairplayunavailable], 1261 media-fullscreen-button[mediafullscreenunavailable], 1262 media-cast-button[mediacastunavailable], 1263 media-pip-button[mediapipunavailable] { 1264 display: none; 1265 } 1266 </style> 1267`;class o3 extends aU.HTMLElement{constructor(){super(),oX(this,tP),oX(this,tH),oX(this,tN,void 0),oX(this,tO,void 0),oX(this,tU,void 0),this.shadowRoot?this.renderRoot=this.shadowRoot:(this.renderRoot=this.attachShadow({mode:"open"}),this.createRenderer());let e=new MutationObserver(e=>{var t;(!this.mediaController||(null==(t=this.mediaController)?void 0:t.breakpointsComputed))&&e.some(e=>{let t=e.target;return t===this||"media-controller"===t.localName&&!!(o1[e.attributeName]||e.attributeName.startsWith("breakpoint"))})&&this.render()});e.observe(this,{attributes:!0}),e.observe(this.renderRoot,{attributes:!0,subtree:!0}),this.addEventListener(as.BREAKPOINTS_COMPUTED,this.render),o0(this,tP,tW).call(this,"template")}get mediaController(){return this.renderRoot.querySelector("media-controller")}get template(){var e;return null!=(e=oz(this,tN))?e:this.constructor.template}set template(e){oJ(this,tU,null),oJ(this,tN,e),this.createRenderer()}get props(){var e,t,i;let a=[...Array.from(null!=(t=null==(e=this.mediaController)?void 0:e.attributes)?t:[]).filter(({name:e})=>o1[e]||e.startsWith("breakpoint")),...Array.from(this.attributes)],r={};for(let e of a){let t=null!=(i=o1[e.name])?i:e.name.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase()),{value:a}=e;null!=a?(af(a)&&(a=parseFloat(a)),r[t]=""===a||a):r[t]=!1}return r}attributeChangedCallback(e,t,i){"template"===e&&t!=i&&o0(this,tH,tB).call(this)}connectedCallback(){o0(this,tH,tB).call(this)}createRenderer(){this.template&&this.template!==oz(this,tO)&&(oJ(this,tO,this.template),this.renderer=new oC(this.template,this.props,this.constructor.processor),this.renderRoot.textContent="",this.renderRoot.append(o2.content.cloneNode(!0),this.renderer))}render(){var e;null==(e=this.renderer)||e.update(this.props)}}async function o5(e){let t=await fetch(e);if(200!==t.status)throw Error(`Failed to load resource: the server responded with a status of ${t.status}`);return t.text()}function o4(e){return e.split("-")[0]}tN=new WeakMap,tO=new WeakMap,tU=new WeakMap,tP=new WeakSet,tW=function(e){if(Object.prototype.hasOwnProperty.call(this,e)){let t=this[e];delete this[e],this[e]=t}},tH=new WeakSet,tB=function(){var e;let t=this.getAttribute("template");if(!t||t===oz(this,tU))return;let i=this.getRootNode(),a=null==(e=null==i?void 0:i.getElementById)?void 0:e.call(i,t);if(a){oJ(this,tU,t),oJ(this,tN,a),this.createRenderer();return}(function(e){if(!/^(\/|\.\/|https?:\/\/)/.test(e))return!1;let t=/^https?:\/\//.test(e)?void 0:location.origin;try{new URL(e,t)}catch(e){return!1}return!0})(t)&&(oJ(this,tU,t),o5(t).then(e=>{let t=aP.createElement("template");t.innerHTML=e,oJ(this,tN,t),this.createRenderer()}).catch(console.error))},o3.observedAttributes=["template"],o3.processor=oG,aU.customElements.get("media-theme")||aU.customElements.define("media-theme",o3);
1267class o7 extends Event{constructor({action:e="auto",relatedTarget:t,...i}){super("invoke",i),this.action=e,this.relatedTarget=t}}class o8 extends Event{constructor({newState:e,oldState:t,...i}){super("toggle",i),this.newState=e,this.oldState=t}}var o9=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},o6=(e,t,i)=>(o9(e,t,"read from private field"),i?i.call(e):t.get(e)),le=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},lt=(e,t,i,a)=>(o9(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),li=(e,t,i)=>(o9(e,t,"access private method"),i);function la({type:e,text:t,value:i,checked:a}){let r=aP.createElement("media-chrome-menu-item");r.type=null!=e?e:"",r.part.add("menu-item"),e&&r.part.add(e),r.value=i,r.checked=a;let n=aP.createElement("span");return n.textContent=t,r.append(n),r}function lr(e,t){let i=e.querySelector(`:scope > [slot="${t}"]`);if((null==i?void 0:i.nodeName)=="SLOT"&&(i=i.assignedElements({flatten:!0})[0]),i)return i.cloneNode(!0);let a=e.shadowRoot.querySelector(`[name="${t}"] > svg`);return a?a.cloneNode(!0):""}let ln=aP.createElement("template");ln.innerHTML=` 1268 <style> 1269 :host { 1270 font: var(--media-font, 1271 var(--media-font-weight, normal) 1272 var(--media-font-size, 14px) / 1273 var(--media-text-content-height, var(--media-control-height, 24px)) 1274 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 1275 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 1276 --_menu-bg: rgb(20 20 30 / .8); 1277 background: var(--media-menu-background, var(--media-control-background, var(--media-secondary-color, var(--_menu-bg)))); 1278 border-radius: var(--media-menu-border-radius); 1279 border: var(--media-menu-border, none); 1280 display: var(--media-menu-display, inline-flex); 1281 transition: var(--media-menu-transition-in, 1282 visibility 0s, 1283 opacity .2s ease-out, 1284 transform .15s ease-out, 1285 left .2s ease-in-out, 1286 min-width .2s ease-in-out, 1287 min-height .2s ease-in-out 1288 ) !important; 1289 1290 visibility: var(--media-menu-visibility, visible); 1291 opacity: var(--media-menu-opacity, 1); 1292 max-height: var(--media-menu-max-height, var(--_menu-max-height, 300px)); 1293 transform: var(--media-menu-transform-in, translateY(0) scale(1)); 1294 flex-direction: column; 1295 1296 min-height: 0; 1297 position: relative; 1298 bottom: var(--_menu-bottom); 1299 box-sizing: border-box; 1300 } 1301 1302 @-moz-document url-prefix() { 1303 :host{ 1304 --_menu-bg: rgb(20 20 30); 1305 } 1306 } 1307 1308 :host([hidden]) { 1309 transition: var(--media-menu-transition-out, 1310 visibility .15s ease-in, 1311 opacity .15s ease-in, 1312 transform .15s ease-in 1313 ) !important; 1314 visibility: var(--media-menu-hidden-visibility, hidden); 1315 opacity: var(--media-menu-hidden-opacity, 0); 1316 max-height: var(--media-menu-hidden-max-height, 1317 var(--media-menu-max-height, var(--_menu-max-height, 300px))); 1318 transform: var(--media-menu-transform-out, translateY(2px) scale(.99)); 1319 pointer-events: none; 1320 } 1321 1322 :host([slot="submenu"]) { 1323 background: none; 1324 width: 100%; 1325 min-height: 100%; 1326 position: absolute; 1327 bottom: 0; 1328 right: -100%; 1329 } 1330 1331 #container { 1332 display: flex; 1333 flex-direction: column; 1334 min-height: 0; 1335 transition: transform .2s ease-out; 1336 transform: translate(0, 0); 1337 } 1338 1339 #container.has-expanded { 1340 transition: transform .2s ease-in; 1341 transform: translate(-100%, 0); 1342 } 1343 1344 button { 1345 background: none; 1346 color: inherit; 1347 border: none; 1348 padding: 0; 1349 font: inherit; 1350 outline: inherit; 1351 display: inline-flex; 1352 align-items: center; 1353 } 1354 1355 slot[name="header"][hidden] { 1356 display: none; 1357 } 1358 1359 slot[name="header"] > *, 1360 slot[name="header"]::slotted(*) { 1361 padding: .4em .7em; 1362 border-bottom: 1px solid rgb(255 255 255 / .25); 1363 cursor: var(--media-cursor, default); 1364 } 1365 1366 slot[name="header"] > button[part~="back"], 1367 slot[name="header"]::slotted(button[part~="back"]) { 1368 cursor: var(--media-cursor, pointer); 1369 } 1370 1371 svg[part~="back"] { 1372 height: var(--media-menu-icon-height, var(--media-control-height, 24px)); 1373 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 1374 display: block; 1375 margin-right: .5ch; 1376 } 1377 1378 slot:not([name]) { 1379 gap: var(--media-menu-gap); 1380 flex-direction: var(--media-menu-flex-direction, column); 1381 overflow: var(--media-menu-overflow, hidden auto); 1382 display: flex; 1383 min-height: 0; 1384 } 1385 1386 :host([role="menu"]) slot:not([name]) { 1387 padding-block: .4em; 1388 } 1389 1390 slot:not([name])::slotted([role="menu"]) { 1391 background: none; 1392 } 1393 1394 media-chrome-menu-item > span { 1395 margin-right: .5ch; 1396 max-width: var(--media-menu-item-max-width); 1397 text-overflow: ellipsis; 1398 overflow: hidden; 1399 } 1400 </style> 1401 <style id="layout-row" media="width:0"> 1402 1403 slot[name="header"] > *, 1404 slot[name="header"]::slotted(*) { 1405 padding: .4em .5em; 1406 } 1407 1408 slot:not([name]) { 1409 gap: var(--media-menu-gap, .25em); 1410 flex-direction: var(--media-menu-flex-direction, row); 1411 padding-inline: .5em; 1412 } 1413 1414 media-chrome-menu-item { 1415 padding: .3em .5em; 1416 } 1417 1418 media-chrome-menu-item[aria-checked="true"] { 1419 background: var(--media-menu-item-checked-background, rgb(255 255 255 / .2)); 1420 } 1421 1422 1423 media-chrome-menu-item::part(checked-indicator) { 1424 display: var(--media-menu-item-checked-indicator-display, none); 1425 } 1426 </style> 1427 <div id="container"> 1428 <slot name="header" hidden> 1429 <button part="back button" aria-label="Back to previous menu"> 1430 <slot name="back-icon"> 1431 <svg aria-hidden="true" viewBox="0 0 20 24" part="back indicator"> 1432 <path d="m11.88 17.585.742-.669-4.2-4.665 4.2-4.666-.743-.669-4.803 5.335 4.803 5.334Z"/> 1433 </svg> 1434 </slot> 1435 <slot name="title"></slot> 1436 </button> 1437 </slot> 1438 <slot></slot> 1439 </div> 1440 <slot name="checked-indicator" hidden></slot> 1441`;let ls={STYLE:"style",HIDDEN:"hidden",DISABLED:"disabled",ANCHOR:"anchor"};class lo extends aU.HTMLElement{constructor(){super(),le(this,tY),le(this,tz),le(this,tJ),le(this,t1),le(this,t3),le(this,t8),le(this,t6),le(this,it),le(this,ia),le(this,is),le(this,il),le(this,iu),le(this,ic),le(this,ip),le(this,iE),le(this,ig),le(this,iy),le(this,t$,null),le(this,tV,null),le(this,tF,null),le(this,tG,new Set),le(this,tK,void 0),le(this,tq,!1),le(this,tj,null),le(this,tZ,()=>{let e=o6(this,tG),t=new Set(this.items);for(let i of e)t.has(i)||this.dispatchEvent(new CustomEvent("removemenuitem",{detail:i}));for(let i of t)e.has(i)||this.dispatchEvent(new CustomEvent("addmenuitem",{detail:i}));lt(this,tG,t)}),le(this,t4,()=>{li(this,t8,t9).call(this),li(this,t6,ie).call(this,!1)}),le(this,t7,()=>{li(this,t8,t9).call(this)}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.nativeEl=this.constructor.template.content.cloneNode(!0),this.shadowRoot.append(this.nativeEl)),this.container=this.shadowRoot.querySelector("#container"),this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.shadowRoot.addEventListener("slotchange",this),lt(this,tK,new MutationObserver(o6(this,tZ))),o6(this,tK).observe(this.defaultSlot,{childList:!0})}static get observedAttributes(){return[ls.DISABLED,ls.HIDDEN,ls.STYLE,ls.ANCHOR,ai.MEDIA_CONTROLLER]}static formatMenuItemText(e,t){return e}enable(){this.addEventListener("click",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this),this.addEventListener("invoke",this),this.addEventListener("toggle",this)}disable(){this.removeEventListener("click",this),this.removeEventListener("focusout",this),this.removeEventListener("keyup",this),this.removeEventListener("invoke",this),this.removeEventListener("toggle",this)}handleEvent(e){switch(e.type){case"slotchange":li(this,tY,tQ).call(this,e);break;case"invoke":li(this,tJ,t0).call(this,e);break;case"click":li(this,it,ii).call(this,e);break;case"toggle":li(this,is,io).call(this,e);break;case"focusout":li(this,iu,ih).call(this,e);break;case"keydown":li(this,ic,im).call(this,e)}}connectedCallback(){var e,t;lt(this,tj,aJ(this.shadowRoot,":host")),li(this,tz,tX).call(this),this.hasAttribute("disabled")||this.enable(),this.role||(this.role="menu"),lt(this,t$,aG(this)),null==(t=null==(e=o6(this,t$))?void 0:e.associateElement)||t.call(e,this),this.hidden||(a$(ld(this),o6(this,t4)),a$(this,o6(this,t7)))}disconnectedCallback(){var e,t;aV(ld(this),o6(this,t4)),aV(this,o6(this,t7)),this.disable(),null==(t=null==(e=o6(this,t$))?void 0:e.unassociateElement)||t.call(e,this),lt(this,t$,null)}attributeChangedCallback(e,t,i){var a,r,n,s;e===ls.HIDDEN&&i!==t?(o6(this,tq)||lt(this,tq,!0),this.hidden?li(this,t3,t5).call(this):li(this,t1,t2).call(this),this.dispatchEvent(new o8({oldState:this.hidden?"open":"closed",newState:this.hidden?"closed":"open",bubbles:!0}))):e===ai.MEDIA_CONTROLLER?(t&&(null==(r=null==(a=o6(this,t$))?void 0:a.unassociateElement)||r.call(a,this),lt(this,t$,null)),i&&this.isConnected&&(lt(this,t$,aG(this)),null==(s=null==(n=o6(this,t$))?void 0:n.associateElement)||s.call(n,this))):e===ls.DISABLED&&i!==t?null==i?this.enable():this.disable():e===ls.STYLE&&i!==t&&li(this,tz,tX).call(this)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}get anchor(){return this.getAttribute("anchor")}
1441set anchor(e){this.setAttribute("anchor",`${e}`)}get anchorElement(){var e;return this.anchor?null==(e=aZ(this))?void 0:e.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:!0}).filter(ll)}get radioGroupItems(){return this.items.filter(e=>"menuitemradio"===e.role)}get checkedItems(){return this.items.filter(e=>e.checked)}get value(){var e,t;return null!=(t=null==(e=this.checkedItems[0])?void 0:e.value)?t:""}set value(e){let t=this.items.find(t=>t.value===e);t&&li(this,iy,ik).call(this,t)}focus(){if(lt(this,tV,aQ()),this.items.length){li(this,ig,iA).call(this,this.items[0]),this.items[0].focus();return}let e=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');null==e||e.focus()}handleSelect(e){var t;let i=li(this,ip,iv).call(this,e);i&&(li(this,iy,ik).call(this,i,"checkbox"===i.type),o6(this,tF)&&!this.hidden&&(null==(t=o6(this,tV))||t.focus(),this.hidden=!0))}get keysUsed(){return["Enter","Escape","Tab"," ","ArrowDown","ArrowUp","Home","End"]}handleMove(e){var t,i;let{key:a}=e,r=this.items,n=null!=(i=null!=(t=li(this,ip,iv).call(this,e))?t:li(this,iE,ib).call(this))?i:r[0],s=Math.max(0,r.indexOf(n));"ArrowDown"===a?s++:"ArrowUp"===a?s--:"Home"===e.key?s=0:"End"===e.key&&(s=r.length-1),s<0&&(s=r.length-1),s>r.length-1&&(s=0),li(this,ig,iA).call(this,r[s]),r[s].focus()}}function ll(e){return["menuitem","menuitemradio","menuitemcheckbox"].includes(null==e?void 0:e.role)}function ld(e){var t;return null!=(t=e.getAttribute("bounds")?aY(e,`#${e.getAttribute("bounds")}`):aF(e)||e.parentElement)?t:e}t$=new WeakMap,tV=new WeakMap,tF=new WeakMap,tG=new WeakMap,tK=new WeakMap,tq=new WeakMap,tj=new WeakMap,tY=new WeakSet,tQ=function(e){let t=e.target;for(let e of t.assignedNodes({flatten:!0}))3===e.nodeType&&""===e.textContent.trim()&&e.remove();["header","title"].includes(t.name)&&(this.shadowRoot.querySelector('slot[name="header"]').hidden=0===t.assignedNodes().length),t.name||o6(this,tZ).call(this)},tZ=new WeakMap,tz=new WeakSet,tX=function(){var e;let t=this.shadowRoot.querySelector("#layout-row"),i=null==(e=getComputedStyle(this).getPropertyValue("--media-menu-layout"))?void 0:e.trim();t.setAttribute("media","row"===i?"":"width:0")},tJ=new WeakSet,t0=function(e){lt(this,tF,e.relatedTarget),aj(this,e.relatedTarget)||(this.hidden=!this.hidden)},t1=new WeakSet,t2=function(){var e;null==(e=o6(this,tF))||e.setAttribute("aria-expanded","true"),this.addEventListener("transitionend",()=>this.focus(),{once:!0}),a$(ld(this),o6(this,t4)),a$(this,o6(this,t7))},t3=new WeakSet,t5=function(){var e;null==(e=o6(this,tF))||e.setAttribute("aria-expanded","false"),aV(ld(this),o6(this,t4)),aV(this,o6(this,t7))},t4=new WeakMap,t7=new WeakMap,t8=new WeakSet,t9=function(e){if(this.hasAttribute("mediacontroller")&&!this.anchor||this.hidden||!this.anchorElement)return;let{x:t,y:i}=function({anchor:e,floating:t,placement:i}){let{x:a,y:r}=function({anchor:e,floating:t},i){let a,r="x"==(["top","bottom"].includes(o4(i))?"y":"x")?"y":"x",n="y"===r?"height":"width",s=o4(i),o=e.x+e.width/2-t.width/2,l=e.y+e.height/2-t.height/2,d=e[n]/2-t[n]/2;switch(s){case"top":a={x:o,y:e.y-t.height};break;case"bottom":a={x:o,y:e.y+e.height};break;case"right":a={x:e.x+e.width,y:l};break;case"left":a={x:e.x-t.width,y:l};break;default:a={x:e.x,y:e.y}}switch(i.split("-")[1]){case"start":a[r]-=d;break;case"end":a[r]+=d}return a}(function({anchor:e,floating:t}){return{anchor:function(e,t){var i;let a=e.getBoundingClientRect(),r=null!=(i=null==t?void 0:t.getBoundingClientRect())?i:{x:0,y:0};return{x:a.x-r.x,y:a.y-r.y,width:a.width,height:a.height}}(e,t.offsetParent),floating:{x:0,y:0,width:t.offsetWidth,height:t.offsetHeight}}}({anchor:e,floating:t}),i);return{x:a,y:r}}({anchor:this.anchorElement,floating:this,placement:"top-start"});null!=e||(e=this.offsetWidth);let a=ld(this).getBoundingClientRect(),r=a.width-t-e,n=a.height-i-this.offsetHeight,{style:s}=o6(this,tj);s.setProperty("position","absolute"),s.setProperty("right",`${Math.max(0,r)}px`),s.setProperty("--_menu-bottom",`${n}px`);let o=getComputedStyle(this),l=s.getPropertyValue("--_menu-bottom")===o.bottom?n:parseFloat(o.bottom),d=a.height-l-parseFloat(o.marginBottom);this.style.setProperty("--_menu-max-height",`${d}px`)},t6=new WeakSet,ie=function(e){let t=this.querySelector('[role="menuitem"][aria-haspopup][aria-expanded="true"]'),i=null==t?void 0:t.querySelector('[role="menu"]'),{style:a}=o6(this,tj);if(e||a.setProperty("--media-menu-transition-in","none"),i){let e=i.offsetHeight,a=Math.max(i.offsetWidth,t.offsetWidth);this.style.setProperty("min-width",`${a}px`),this.style.setProperty("min-height",`${e}px`),li(this,t8,t9).call(this,a)}else this.style.removeProperty("min-width"),this.style.removeProperty("min-height"),li(this,t8,t9).call(this);a.removeProperty("--media-menu-transition-in")},it=new WeakSet,ii=function(e){var t;if(e.stopPropagation(),e.composedPath().includes(o6(this,ia,ir))){null==(t=o6(this,tV))||t.focu
1441s(),this.hidden=!0;return}let i=li(this,ip,iv).call(this,e);!i||i.hasAttribute("disabled")||(li(this,ig,iA).call(this,i),this.handleSelect(e))},ia=new WeakSet,ir=function(){var e;return null==(e=this.shadowRoot.querySelector('slot[name="header"]').assignedElements({flatten:!0}))?void 0:e.find(e=>e.matches('button[part~="back"]'))},is=new WeakSet,io=function(e){if(e.target===this)return;li(this,il,id).call(this);let t=Array.from(this.querySelectorAll('[role="menuitem"][aria-haspopup]'));for(let i of t)i.invokeTargetElement!=e.target&&("open"!=e.newState||"true"!=i.getAttribute("aria-expanded")||i.invokeTargetElement.hidden||i.invokeTargetElement.dispatchEvent(new o7({relatedTarget:i})));for(let e of t)e.setAttribute("aria-expanded",`${!e.submenuElement.hidden}`);li(this,t6,ie).call(this,!0)},il=new WeakSet,id=function(){let e=this.querySelector('[role="menuitem"] > [role="menu"]:not([hidden])');this.container.classList.toggle("has-expanded",!!e)},iu=new WeakSet,ih=function(e){var t;aj(this,e.relatedTarget)||(o6(this,tq)&&(null==(t=o6(this,tV))||t.focus()),o6(this,tF)&&o6(this,tF)!==e.relatedTarget&&!this.hidden&&(this.hidden=!0))},ic=new WeakSet,im=function(e){var t,i,a,r,n;let{key:s,ctrlKey:o,altKey:l,metaKey:d}=e;if(!o&&!l&&!d&&this.keysUsed.includes(s))if(e.preventDefault(),e.stopPropagation(),"Tab"===s){if(o6(this,tq)){this.hidden=!0;return}e.shiftKey?null==(i=null==(t=this.previousElementSibling)?void 0:t.focus)||i.call(t):null==(r=null==(a=this.nextElementSibling)?void 0:a.focus)||r.call(a),this.blur()}else"Escape"===s?(null==(n=o6(this,tV))||n.focus(),o6(this,tq)&&(this.hidden=!0)):"Enter"===s||" "===s?this.handleSelect(e):this.handleMove(e)},ip=new WeakSet,iv=function(e){return e.composedPath().find(e=>["menuitemradio","menuitemcheckbox"].includes(e.role))},iE=new WeakSet,ib=function(){return this.items.find(e=>0===e.tabIndex)},ig=new WeakSet,iA=function(e){for(let t of this.items)t.tabIndex=t===e?0:-1},iy=new WeakSet,ik=function(e,t){let i=[...this.checkedItems];"radio"===e.type&&this.radioGroupItems.forEach(e=>e.checked=!1),t?e.checked=!e.checked:e.checked=!0,this.checkedItems.some((e,t)=>e!=i[t])&&this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))},lo.template=ln,aU.customElements.get("media-chrome-menu")||aU.customElements.define("media-chrome-menu",lo);var lu=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},lh=(e,t,i)=>(lu(e,t,"read from private field"),i?i.call(e):t.get(e)),lc=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},lm=(e,t,i,a)=>(lu(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),lp=(e,t,i)=>(lu(e,t,"access private method"),i);let lv=aP.createElement("template");lv.innerHTML=` 1442 <style> 1443 :host { 1444 transition: var(--media-menu-item-transition, 1445 background .15s linear, 1446 opacity .2s ease-in-out 1447 ); 1448 outline: var(--media-menu-item-outline, 0); 1449 outline-offset: var(--media-menu-item-outline-offset, -1px); 1450 cursor: var(--media-cursor, pointer); 1451 display: flex; 1452 align-items: center; 1453 align-self: stretch; 1454 justify-self: stretch; 1455 white-space: nowrap; 1456 white-space-collapse: collapse; 1457 text-wrap: nowrap; 1458 padding: .4em .8em .4em 1em; 1459 } 1460 1461 :host(:focus-visible) { 1462 box-shadow: var(--media-menu-item-focus-shadow, inset 0 0 0 2px rgb(27 127 204 / .9)); 1463 outline: var(--media-menu-item-hover-outline, 0); 1464 outline-offset: var(--media-menu-item-hover-outline-offset, var(--media-menu-item-outline-offset, -1px)); 1465 } 1466 1467 :host(:hover) { 1468 cursor: var(--media-cursor, pointer); 1469 background: var(--media-menu-item-hover-background, rgb(92 92 102 / .5)); 1470 outline: var(--media-menu-item-hover-outline); 1471 outline-offset: var(--media-menu-item-hover-outline-offset, var(--media-menu-item-outline-offset, -1px)); 1472 } 1473 1474 :host([aria-checked="true"]) { 1475 background: var(--media-menu-item-checked-background); 1476 } 1477 1478 :host([hidden]) { 1479 display: none; 1480 } 1481 1482 :host([disabled]) { 1483 pointer-events: none; 1484 color: rgba(255, 255, 255, .3); 1485 } 1486 1487 slot:not([name]) { 1488 width: 100%; 1489 } 1490 1491 slot:not([name="submenu"]) { 1492 display: inline-flex; 1493 align-items: center; 1494 transition: inherit; 1495 opacity: var(--media-menu-item-opacity, 1); 1496 } 1497 1498 slot[name="description"] { 1499 justify-content: end; 1500 } 1501 1502 slot[name="description"] > span { 1503 display: inline-block; 1504 margin-inline: 1em .2em; 1505 max-width: var(--media-menu-item-description-max-width, 100px); 1506 text-overflow: ellipsis; 1507 overflow: hidden; 1508 font-size: .8em; 1509 font-weight: 400; 1510 text-align: right; 1511 position: relative; 1512 top: .04em; 1513 } 1514 1515 slot[name="checked-indicator"] { 1516 display: none; 1517 } 1518 1519 :host(:is([role="menuitemradio"],[role="menuitemcheckbox"])) slot[name="checked-indicator"] { 1520 display: var(--media-menu-item-checked-indicator-display, inline-block); 1521 } 1522 1523 1524 svg, img, ::slotted(svg), ::slotted(img) { 1525 height: var(--media-menu-item-icon-height, var(--media-control-height, 24px)); 1526 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 1527 display: block; 1528 } 1529 1530 1531 [part~="indicator"], 1532 ::slotted([part~="indicator"]) { 1533 fill: var(--media-menu-item-indicator-fill, 1534 var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)))); 1535 height: var(--media-menu-item-indicator-height, 1.25em); 1536 margin-right: .5ch; 1537 } 1538 1539 [part~="checked-indicator"] { 1540 visibility: hidden; 1541 } 1542 1543 :host([aria-checked="true"]) [part~="checked-indicator"] { 1544 visibility: visible; 1545 } 1546 </style> 1547 <slot name="checked-indicator"> 1548 <svg aria-hidden="true" viewBox="0 1 24 24" part="checked-indicator indicator"> 1549 <path d="m10 15.17 9.193-9.191 1.414 1.414-10.606 10.606-6.364-6.364 1.414-1.414 4.95 4.95Z"/> 1550 </svg> 1551 </slot> 1552 <slot name="prefix"></slot> 1553 <slot></slot> 1554 <slot name="description"></slot> 1555 <slot name="suffix"></slot> 1556 <slot name="submenu"></slot> 1557`;let lE={TYPE:"type",VALUE:"value",CHECKED:"checked",DISABLED:"disabled"};class lb extends aU.HTMLElement{constructor(){super(),lc(this,iT),lc(this,iS),lc(this,iL),lc(this,ix),lc(this,iN),lc(this,iU),lc(this,iw,!1),lc(this,iI,void 0),lc(this,iD,()=>{var e,t;this.setAttribute("submenusize",`${this.submenuElement.items.length}`);let i=this.shadowRoot.querySelector('slot[name="description"]'),a=null==(e=this.submenuElement.checkedItems)?void 0:e[0],r=null!=(t=null==a?void 0:a.dataset.description)?t:null==a?void 0:a.text,n=aP.createElement("span");n.textContent=null!=r?r:"",i.replaceChildren(n)}),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.append(this.constructor.template.content.cloneNode(!0))),this.shadowRoot.addEventListener("slotchange",this)}static get observedAttributes(){return[lE.TYPE,lE.DISABLED,lE.CHECKED,lE.VALUE]}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),lg(this)&&!this.hasAttribute("aria-checked")&&this.setAttribute("aria-checked","fal
1557se"),this.addEventListener("click",this),this.addEventListener("keydown",this)}disable(){this.removeAttribute("tabindex"),this.removeEventListener("click",this),this.removeEventListener("keydown",this),this.removeEventListener("keyup",this)}handleEvent(e){switch(e.type){case"slotchange":lp(this,iT,i_).call(this,e);break;case"click":this.handleClick(e);break;case"keydown":lp(this,iN,iO).call(this,e);break;case"keyup":lp(this,ix,iR).call(this,e)}}attributeChangedCallback(e,t,i){e===lE.CHECKED&&lg(this)&&!lh(this,iw)?this.setAttribute("aria-checked",null!=i?"true":"false"):e===lE.TYPE&&i!==t?this.role="menuitem"+i:e===lE.DISABLED&&i!==t&&(null==i?this.enable():this.disable())}connectedCallback(){this.hasAttribute(lE.DISABLED)||this.enable(),this.role="menuitem"+this.type,lm(this,iI,function e(t,i){if(!t)return null;let{host:a}=t.getRootNode();return!i&&a?e(t,a):(null==i?void 0:i.items)?i:e(i,null==i?void 0:i.parentNode)}(this,this.parentNode)),lp(this,iU,iP).call(this)}disconnectedCallback(){this.disable(),lp(this,iU,iP).call(this),lm(this,iI,null)}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?null==(e=aZ(this))?void 0:e.querySelector(`#${this.invokeTarget}`):this.submenuElement}get submenuElement(){return this.shadowRoot.querySelector('slot[name="submenu"]').assignedElements({flatten:!0})[0]}get type(){var e;return null!=(e=this.getAttribute(lE.TYPE))?e:""}set type(e){this.setAttribute(lE.TYPE,`${e}`)}get value(){var e;return null!=(e=this.getAttribute(lE.VALUE))?e:this.text}set value(e){this.setAttribute(lE.VALUE,e)}get text(){var e;return(null!=(e=this.textContent)?e:"").trim()}get checked(){if(lg(this))return"true"===this.getAttribute("aria-checked")}set checked(e){lg(this)&&(lm(this,iw,!0),this.setAttribute("aria-checked",e?"true":"false"),e?this.part.add("checked"):this.part.remove("checked"))}handleClick(e){!lg(this)&&this.invokeTargetElement&&aj(this,e.target)&&this.invokeTargetElement.dispatchEvent(new o7({relatedTarget:this}))}get keysUsed(){return["Enter"," "]}}function lg(e){return"radio"===e.type||"checkbox"===e.type}iw=new WeakMap,iI=new WeakMap,iT=new WeakSet,i_=function(e){let t=e.target;if(!(null==t?void 0:t.name))for(let e of t.assignedNodes({flatten:!0}))e instanceof Text&&""===e.textContent.trim()&&e.remove();"submenu"===t.name&&(this.submenuElement?lp(this,iS,iC).call(this):lp(this,iL,iM).call(this))},iS=new WeakSet,iC=async function(){this.setAttribute("aria-haspopup","menu"),this.setAttribute("aria-expanded",`${!this.submenuElement.hidden}`),this.submenuElement.addEventListener("change",lh(this,iD)),this.submenuElement.addEventListener("addmenuitem",lh(this,iD)),this.submenuElement.addEventListener("removemenuitem",lh(this,iD)),lh(this,iD).call(this)},iL=new WeakSet,iM=function(){this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.submenuElement.removeEventListener("change",lh(this,iD)),this.submenuElement.removeEventListener("addmenuitem",lh(this,iD)),this.submenuElement.removeEventListener("removemenuitem",lh(this,iD)),lh(this,iD).call(this)},iD=new WeakMap,ix=new WeakSet,iR=function(e){let{key:t}=e;if(!this.keysUsed.includes(t))return void this.removeEventListener("keyup",lp(this,ix,iR));this.handleClick(e)},iN=new WeakSet,iO=function(e){let{metaKey:t,altKey:i,key:a}=e;if(t||i||!this.keysUsed.includes(a))return void this.removeEventListener("keyup",lp(this,ix,iR));this.addEventListener("keyup",lp(this,ix,iR),{once:!0})},iU=new WeakSet,iP=function(){var e;let t=null==(e=lh(this,iI))?void 0:e.radioGroupItems;if(!t)return;let i=t.filter(e=>"true"===e.getAttribute("aria-checked")).pop();for(let e of(i||(i=t[0]),t))e.setAttribute("aria-checked","false");null==i||i.setAttribute("aria-checked","true")},lb.template=lv,aU.customElements.get("media-chrome-menu-item")||aU.customElements.define("media-chrome-menu-item",lb);let lf=aP.createElement("template");lf.innerHTML=lo.template.innerHTML+` 1558 <style> 1559 :host { 1560 --_menu-bg: rgb(20 20 30 / .8); 1561 background: var(--media-settings-menu-background, 1562 var(--media-menu-background, 1563 var(--media-control-background, 1564 var(--media-secondary-color, var(--_menu-bg))))); 1565 min-width: var(--media-settings-menu-min-width, 170px); 1566 border-radius: 2px 2px 0 0; 1567 overflow: hidden; 1568 } 1569 1570 @-moz-document url-prefix() { 1571 :host{ 1572 --_menu-bg: rgb(20 20 30); 1573 } 1574 } 1575 1576 :host([role="menu"]) { 1577 1578 justify-content: end; 1579 } 1580 1581 slot:not([name]) { 1582 justify-content: var(--media-settings-menu-justify-content); 1583 flex-direction: var(--media-settings-menu-flex-direction, column); 1584 overflow: visible; 1585 } 1586 1587 #container.has-expanded { 1588 --media-settings-menu-item-opacity: 0; 1589 } 1590 </style> 1591`;class lA extends lo{get anchorElement(){return"auto"!==this.anchor?super.anchorElement:aF(this).querySelector("media-settings-menu-button")}}lA.template=lf,aU.customElements.get("media-settings-menu")||aU.customElements.define("media-settings-menu",lA);let ly=aP.createElement("template");ly.innerHTML=lb.template.innerHTML+` 1592 <style> 1593 slot:not([name="submenu"]) { 1594 opacity: var(--media-settings-menu-item-opacity, var(--media-menu-item-opacity)); 1595 } 1596 1597 :host([aria-expanded="true"]:hover) { 1598 background: transparent; 1599 } 1600 </style> 1601`,(null==(iW=ly.content)?void 0:iW.querySelector)&&(ly.content.querySelector('slot[name="suffix"]').innerHTML=` 1602 <svg aria-hidden="true" viewBox="0 0 20 24"> 1603 <path d="m8.12 17.585-.742-.669 4.2-4.665-4.2-4.666.743-.669 4.803 5.335-4.803 5.334Z"/> 1604 </svg> 1605 `);class lk extends lb{}lk.template=ly,aU.customElements.get("media-settings-menu-item")||aU.customElements.define("media-settings-menu-item",lk);class lw extends nd{connectedCallback(){super.connectedCallback(),this.invokeTargetElement&&this.setAttribute("aria-haspopup","menu")}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?null==(e=aZ(this))?void 0:e.querySelector(`#${this.invokeTarget}`):null}handleClick(){var e;null==(e=this.invokeTargetElement)||e.dispatchEvent(new o7({relatedTarget:this}))}}aU.customElements.get("media-chrome-menu-button")||aU.customElements.define("media-chrome-menu-button",lw);let lI=aP.createElement("template");lI.innerHTML=` 1606 <style> 1607 :host([aria-expanded="true"]) slot[name=tooltip] { 1608 display: none; 1609 } 1610 </style> 1611 <slot name="icon"> 1612 <svg aria-hidden="true" viewBox="0 0 24 24"> 1613 <path d="M4.5 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/> 1614 </svg> 1615 </slot> 1616`;class lT extends lw{static get observedAttributes(){return[...super.observedAttributes,"target"]}constructor(){super({slotTemplate:lI,tooltipContent:aS("Settings")})}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",aS("settings"))}get invokeTargetElement(){return void 0!=this.invokeTarget?super.invokeTargetElement:aF(this).querySelector("media-settings-menu")}}aU.customElements.get("media-settings-menu-button")||aU.customElements.define("media-settings-menu-button",lT);var l_=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},lS=(e,t,i)=>
1616(l_(e,t,"read from private field"),i?i.call(e):t.get(e)),lC=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},lL=(e,t,i,a)=>(l_(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),lM=(e,t,i)=>(l_(e,t,"access private method"),i);class lD extends lo{constructor(){super(...arguments),lC(this,i$),lC(this,iF),lC(this,iH,[]),lC(this,iB,void 0)}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_AUDIO_TRACK_LIST,an.MEDIA_AUDIO_TRACK_ENABLED,an.MEDIA_AUDIO_TRACK_UNAVAILABLE]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===an.MEDIA_AUDIO_TRACK_ENABLED&&t!==i)this.value=i;else if(e===an.MEDIA_AUDIO_TRACK_LIST&&t!==i){var a;lL(this,iH,null==(a=null!=i?i:"")?void 0:a.split(/\s+/).map(ab)),lM(this,i$,iV).call(this)}}connectedCallback(){super.connectedCallback(),this.addEventListener("change",lM(this,iF,iG))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",lM(this,iF,iG))}get anchorElement(){var e;return"auto"!==this.anchor?super.anchorElement:null==(e=aF(this))?void 0:e.querySelector("media-audio-track-menu-button")}get mediaAudioTrackList(){return lS(this,iH)}set mediaAudioTrackList(e){lL(this,iH,e),lM(this,i$,iV).call(this)}get mediaAudioTrackEnabled(){var e;return null!=(e=a5(this,an.MEDIA_AUDIO_TRACK_ENABLED))?e:""}set mediaAudioTrackEnabled(e){a4(this,an.MEDIA_AUDIO_TRACK_ENABLED,e)}}iH=new WeakMap,iB=new WeakMap,i$=new WeakSet,iV=function(){if(lS(this,iB)===JSON.stringify(this.mediaAudioTrackList))return;lL(this,iB,JSON.stringify(this.mediaAudioTrackList));let e=this.mediaAudioTrackList;for(let t of(this.defaultSlot.textContent="",e)){let e=la({type:"radio",text:this.formatMenuItemText(t.label,t),value:`${t.id}`,checked:t.enabled});
1616e.prepend(lr(this,"checked-indicator")),this.defaultSlot.append(e)}},iF=new WeakSet,iG=function(){if(null==this.value)return;let e=new aU.CustomEvent(at.MEDIA_AUDIO_TRACK_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(e)},aU.customElements.get("media-audio-track-menu")||aU.customElements.define("media-audio-track-menu",lD);let lx=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1617 <path d="M11 17H9.5V7H11v10Zm-3-3H6.5v-4H8v4Zm6-5h-1.5v6H14V9Zm3 7h-1.5V8H17v8Z"/> 1618 <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"/> 1619</svg>`,lR=aP.createElement("template");lR.innerHTML=` 1620 <style> 1621 :host([aria-expanded="true"]) slot[name=tooltip] { 1622 display: none; 1623 } 1624 </style> 1625 <slot name="icon">${lx}</slot> 1626`;class lN extends lw{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_AUDIO_TRACK_ENABLED,an.MEDIA_AUDIO_TRACK_UNAVAILABLE]}constructor(){super({slotTemplate:lR,tooltipContent:aS("Audio")})}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",aS("Audio"))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i)}get invokeTargetElement(){var e;return void 0!=this.invokeTarget?super.invokeTargetElement:null==(e=aF(this))?void 0:e.querySelector("media-audio-track-menu")}get mediaAudioTrackEnabled(){var e;return null!=(e=a5(this,an.MEDIA_AUDIO_TRACK_ENABLED))?e:""}set mediaAudioTrackEnabled(e){a4(this,an.MEDIA_AUDIO_TRACK_ENABLED,e)}}aU.customElements.get("media-audio-track-menu-button")||aU.customElements.define("media-audio-track-menu-button",lN);var lO=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},lU=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},lP=(e,t,i)=>(lO(e,t,"access private method"),i);let lW=` 1627 <svg aria-hidden="true" viewBox="0 0 26 24" part="captions-indicator indicator"> 1628 <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/> 1629 </svg>`,lH=aP.createElement("template");lH.innerHTML=lo.template.innerHTML+` 1630 <slot name="captions-indicator" hidden>${lW}</slot>`;class lB extends lo{constructor(){super(...arguments),lU(this,iq),lU(this,iY),lU(this,iK,void 0)}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_SUBTITLES_LIST,an.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===an.MEDIA_SUBTITLES_LIST&&t!==i?lP(this,iq,ij).call(this):e===an.MEDIA_SUBTITLES_SHOWING&&t!==i&&(this.value=i)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",lP(this,iY,iQ))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",lP(this,iY,iQ))}get anchorElement(){return"auto"!==this.anchor?super.anchorElement:aF(this).querySelector("media-captions-menu-button")}get mediaSubtitlesList(){return l$(this,an.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){lV(this,an.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return l$(this,an.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){lV(this,an.MEDIA_SUBTITLES_SHOWING,e)}}iK=new WeakMap,iq=new WeakSet,ij=function(){var e,t,i,a,r,n;if(lO(this,t=iK,"read from private field"),(i?i.call(this):t.get(this))===JSON.stringify(this.mediaSubtitlesList))return;a=iK,r=JSON.stringify(this.mediaSubtitlesList),lO(this,a,"write to private field"),n?n.call(this,r):a.set(this,r),this.defaultSlot.textContent="";let s=!this.value,o=la({type:"radio",text:this.formatMenuItemText("Off"),value:"off",checked:s});for(let t of(o.prepend(lr(this,"checked-indicator")),this.defaultSlot.append(o),this.mediaSubtitlesList)){let i=la({type:"radio",text:this.formatMenuItemText(t.label,t),value:rf(t),checked:this.value==rf(t)});i.prepend(lr(this,"checked-indicator")),"captions"===(null!=(e=t.kind)?e:"subs")&&i.append(lr(this,"captions-indicator")),this.defaultSlot.append(i)}},iY=new WeakSet,iQ=function(){let e=this.mediaSubtitlesShowing,t=this.getAttribute(an.MEDIA_SUBTITLES_SHOWING),i=this.value!==t;if((null==e?void 0:e.length)&&i&&this.dispatchEvent(new aU.CustomEvent(at.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:e})),!this.value||!i)return;let a=new aU.CustomEvent(at.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(a)},lB.template=lH;let l$=(e,t)=>{let i=e.getAttribute(t);return i?rb(i):[]},lV=(e,t,i)=>{if(!(null==i?void 0:i.length))return void e.removeAttribute(t);let a=rA(i);e.getAttribute(t)!==a&&e.setAttribute(t,a)};aU.customElements.get("media-captions-menu")||aU.customElements.define("media-captions-menu",lB);let lF=`<svg aria-hidden="true" viewBox="0 0 26 24"> 1631 <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79
16310 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/> 1632</svg>`,lG=`<svg aria-hidden="true" viewBox="0 0 26 24"> 1633 <path d="M17.73 14.09a1.4 1.4 0 0 1-1 .37 1.579 1.579 0 0 1-1.27-.58A3 3 0 0 1 15 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34A2.89 2.89 0 0 0 19 9.07a3 3 0 0 0-2.14-.78 3.14 3.14 0 0 0-2.42 1 3.91 3.91 0 0 0-.93 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.17 3.17 0 0 0 1.07-1.74l-1.4-.45c-.083.43-.3.822-.62 1.12Zm-7.22 0a1.43 1.43 0 0 1-1 .37 1.58 1.58 0 0 1-1.27-.58A3 3 0 0 1 7.76 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34a2.81 2.81 0 0 0-.74-1.32 2.94 2.94 0 0 0-2.13-.78 3.18 3.18 0 0 0-2.43 1 4 4 0 0 0-.92 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.23 3.23 0 0 0 1.07-1.74l-1.4-.45a2.06 2.06 0 0 1-.6 1.07Zm12.32-8.41a2.59 2.59 0 0 0-2.3-2.51C18.72 3.05 15.86 3 13 3c-2.86 0-5.72.05-7.53.17a2.59 2.59 0 0 0-2.3 2.51c-.23 4.207-.23 8.423 0 12.63a2.57 2.57 0 0 0 2.3 2.5c1.81.13 4.67.19 7.53.19 2.86 0 5.72-.06 7.53-.19a2.57 2.57 0 0 0 2.3-2.5c.23-4.207.23-8.423 0-12.63Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.14-.21-8.29 0-12.43a1.11 1.11 0 0 1 .91-1.11C7.24 4.56 10 4.49 13 4.49s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.14.21 8.29 0 12.43Z"/> 1634</svg>`,lK=aP.createElement("template");lK.innerHTML=` 1635 <style> 1636 :host([aria-checked="true"]) slot[name=off] { 1637 display: none !important; 1638 } 1639 1640 1641 :host(:not([aria-checked="true"])) slot[name=on] { 1642 display: none !important; 1643 } 1644 1645 :host([aria-expanded="true"]) slot[name=tooltip] { 1646 display: none; 1647 } 1648 </style> 1649 1650 <slot name="icon"> 1651 <slot name="on">${lF}</slot> 1652 <slot name="off">${lG}</slot> 1653 </slot> 1654`;let lq=e=>{e.setAttribute("aria-checked",rI(e).toString())};class lj extends lw{constructor(e={}){super({slotTemplate:lK,tooltipContent:aS("Captions"),...e}),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,iZ,void 0),((e,t,i,a)=>{if(!t.has(e))throw TypeError("Cannot write to private field");return a?a.call(e,i):t.set(e,i)})(this,iZ,!1)}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_SUBTITLES_LIST,an.MEDIA_SUBTITLES_SHOWING]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",aS("closed captions")),lq(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===an.MEDIA_SUBTITLES_SHOWING&&lq(this)}get invokeTargetElement(){var e;return void 0!=this.invokeTarget?super.invokeTargetElement:null==(e=aF(this))?void 0:e.querySelector("media-captions-menu")}get mediaSubtitlesList(){return lY(this,an.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){lQ(this,an.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return lY(this,an.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){lQ(this,an.MEDIA_SUBTITLES_SHOWING,e)}}iZ=new WeakMap;let lY=(e,t)=>{let i=e.getAttribute(t);return i?rb(i):[]},lQ=(e,t,i)=>{if(!(null==i?void 0:i.length))return void e.removeAttribute(t);let a=rA(i);e.getAttribute(t)!==a&&e.setAttribute(t,a)};aU.customElements.get("media-captions-menu-button")||aU.customElements.define("media-captions-menu-button",lj);var lZ=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},lz=(e,t,i)=>(lZ(e,t,"read from private field"),i?i.call(e):t.get(e)),lX=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},lJ=(e,t,i)=>(lZ(e,t,"access private method"),i);let l0={RATES:"rates"};class l1 extends lo{constructor(){super(),lX(this,iX),lX(this,i0),lX(this,iz,new rv(this,l0.RATES,{defaultValue:sR})),lJ(this,iX,iJ).call(this)}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_PLAYBACK_RATE,l0.RATES]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===an.MEDIA_PLAYBACK_RATE&&t!=i?this.value=i:e===l0.RATES&&t!=i&&(lz(this,iz).value=i,lJ(this,iX,iJ).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",lJ(this,i0,i1))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",lJ(this,i0,i1))}get anchorElement(){return"auto"!==this.anchor?super.anchorElement:aF(this).querySelector("media-playback-rate-menu-button")}get rates(){return lz(this,iz)}set rates(e){e?Array.isArray(e)&&(lz(this,iz).value=e.join(" ")):lz(this,iz).value="",lJ(this,iX,iJ).call(this)}get mediaPlaybackRate(){return a0(this,an.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){a1(this,an.MEDIA_PLAYBACK_RATE,e)}}iz=new WeakMap,iX=new WeakSet,iJ=function(){for(let e of(this.defaultSlot.textContent="",this.rates)){let t=la({type:"radio",text:this.formatMenuItemText(`${e}x`,e),value:e,checked:this.mediaPlaybackRate==e});t.prepend(lr(this,"checked-indicator")),this.defaultSlot.append(t)}},i0=new WeakSet,i1=function(){if(!this.value)return;let e=new aU.CustomEvent(at.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(e)},aU.customElements.get("media-playback-rate-menu")||aU.customElements.define("media-playback-rate-menu",l1);var l2=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot read from private field");return i?i.call(e):t.get(e)};let l3={RATES:"rates"},l5=[1,1.2,1.5,1.7,2],l4=aP.createElement("template");l4.innerHTML=` 1655 <style> 1656 :host { 1657 min-width: 5ch; 1658 padding: var(--media-button-padding, var(--media-control-padding, 10px 5px)); 1659 } 1660 1661 :host([aria-expanded="true"]) slot[name=tooltip] { 1662 display: none; 1663 } 1664 </style> 1665 <slot name="icon"></slot> 1666`;class l7 extends lw{constructor(e={}){super({slotTemplate:l4,tooltipContent:aS("Playback rate"),...e}),((e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)})(this,i2,new rv(this,l3.RATES,{defaultValue:l5})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML="1x"}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_PLAYBACK_RATE,l3.RATES]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===l3.RATES&&(l2(this,i2).value=i),e===an.MEDIA_PLAYBACK_RATE){let e=i?+i:NaN,t=Number.isNaN(e)?1:e;this.container.innerHTML=`${t}x`,this.setAttribute("aria-label",aS("Playback rate {playbackRate}",{playbackRate:t}))}}get invokeTargetElement(){return void 0!=this.invokeTarget?super.invokeTargetElement:aF(this).querySelector("media-playback-rate-menu")}get rates(){return l2(this,i2)}set rates(e){e?Array.isArray(e)&&(l2(this,i2).value=e.join(" ")):l2(this,i2).value=""}get mediaPlaybackRate(){return a0(this,an.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){a1(this,an.MEDIA_PLAYBACK_RATE,e)}}i2=new WeakMap,aU.customElements.get("media-playback-rate-menu-button")||aU.customElements.define("media-playback-rate-menu-button",l7);var l8=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},l9=(e,t,i)=>(l8(e,t,"read from private field"),i?i.call(e):t.get(e)),l6=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},de=(e,t,i,a)=>(l8(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),dt=(e,t,i)=>(l8(e,t,"access private method"),i);class di extends lo{constructor(){super(...arguments),l6(this,i4),l6(this,i8),l6(this,i3,[]),l6(this,i5,{})}static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_RENDITION_LIST,an.MEDIA_RENDITION_SELECTED,an.MEDIA_RENDITION_UNAVAILABLE,an.MEDIA_HEIGHT]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===an.MEDIA_RENDITION_SELECTED&&t!==i)this.value=null!=i?i:"auto",dt(this,i4,i7).call(this);else if(e===an.MEDIA_RENDITION_LIST&&t!==i)de(this,i3,null==i?void 0:i.split(/\s+/).map(av)),dt(this,i4,i7).call(this);else e===an.MEDIA_HEIGHT&&t!==i&&dt(this,i4,i7).call(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",dt(this,i8,i9))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",dt(this,i8,i9))}get anchorElement(){return"auto"!==this.anchor?super.anchorElement:aF(this).querySelector("media-rendition-menu-button")}get mediaRenditionList(){return l9(this,i3)}set mediaRenditionList(e){de(this,i3,e),dt(this,i4,i7).call(this)}get mediaRenditionSelected(){return a5(this,an.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){a4(this,an.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return a0(this,an.MEDIA_HEIGHT)}set mediaHeight(e){a1(this,an.MEDIA_HEIGHT,e)}}i3=new WeakMap,i5=new WeakMap,i4=new WeakSet,i7=function(){if(l9(this,i5).mediaRenditionList===JSON.stringify(this.mediaRenditionList)&&l9(this,i5).mediaHeight===this.mediaHeight)return;l9(this,i5).mediaRenditionList=JSON.stringify(this.mediaRenditionList),l9(this,i5).mediaHeight=this.mediaHeight;let e=this.mediaRenditionList.sort((e,t)=>
1666t.height-e.height);for(let t of e)t.selected=t.id===this.mediaRenditionSelected;this.defaultSlot.textContent="";let t=!this.mediaRenditionSelected;for(let i of e){let e=la({type:"radio",text:this.formatMenuItemText(`${Math.min(i.width,i.height)}p`,i),value:`${i.id}`,checked:i.selected&&!t});e.prepend(lr(this,"checked-indicator")),this.defaultSlot.append(e)}let i=la({type:"radio",text:t?this.formatMenuItemText(`Auto (${this.mediaHeight}p)`):this.formatMenuItemText("Auto"),value:"auto",checked:t}),a=this.mediaHeight>0?`Auto (${this.mediaHeight}p)`:"Auto";i.dataset.description=a,i.prepend(lr(this,"checked-indicator")),this.defaultSlot.append(i)},i8=new WeakSet,i9=function(){if(null==this.value)return;let e=new aU.CustomEvent(at.MEDIA_RENDITION_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(e)},aU.customElements.get("media-rendition-menu")||aU.customElements.define("media-rendition-menu",di);let da=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1667 <path d="M13.5 2.5h2v6h-2v-2h-11v-2h11v-2Zm4 2h4v2h-4v-2Zm-12 4h2v6h-2v-2h-3v-2h3v-2Zm4 2h12v2h-12v-2Zm1 4h2v6h-2v-2h-8v-2h8v-2Zm4 2h7v2h-7v-2Z" /> 1668</svg>`,dr=aP.createElement("template");dr.innerHTML=` 1669 <style> 1670 :host([aria-expanded="true"]) slot[name=tooltip] { 1671 display: none; 1672 } 1673 </style> 1674 <slot name="icon">${da}</slot> 1675`;class dn extends lw{static get observedAttributes(){return[...super.observedAttributes,an.MEDIA_RENDITION_SELECTED,an.MEDIA_RENDITION_UNAVAILABLE,an.MEDIA_HEIGHT]}constructor(){super({slotTemplate:dr,tooltipContent:aS("Quality")})}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",aS("quality"))}get invokeTargetElement(){return void 0!=this.invokeTarget?super.invokeTargetElement:aF(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return a5(this,an.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){a4(this,an.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return a0(this,an.MEDIA_HEIGHT)}set mediaHeight(e){a1(this,an.MEDIA_HEIGHT,e)}}aU.customElements.get("media-rendition-menu-button")||aU.customElements.define("media-rendition-menu-button",dn);let ds=aU.document?.createElement?.("template");ds&&(ds.innerHTML=` 1676 <!-- Sutro --> 1677 <style> 1678 :host { 1679 --_primary-color: var(--media-primary-color, #fff); 1680 --_secondary-color: var(--media-secondary-color, transparent); 1681 --_accent-color: var(--media-accent-color, #fff); 1682 } 1683 1684 media-controller { 1685 --base: 18px; 1686 1687 font-size: calc(0.75 * var(--base)); 1688 font-family: Roboto, Arial, sans-serif; 1689 --media-font-family: Roboto, helvetica neue, segoe ui, arial, sans-serif; 1690 -webkit-font-smoothing: antialiased; 1691 1692 --media-primary-color: #fff; 1693 --media-secondary-color: transparent; 1694 --media-menu-background: rgba(28, 28, 28, 0.6); 1695 --media-text-color: var(--_primary-color); 1696 --media-control-hover-background: var(--media-secondary-color); 1697 1698 --media-range-track-height: calc(0.125 * var(--base)); 1699 --media-range-thumb-height: var(--base); 1700 --media-range-thumb-width: var(--base); 1701 --media-range-thumb-border-radius: var(--base); 1702 1703 --media-control-height: calc(2 * var(--base)); 1704 } 1705 1706 media-controller[breakpointmd] { 1707 --base: 20px; 1708 } 1709 1710 /* The biggest size controller is tied to going fullscreen 1711 instead of a player width */ 1712 media-controller[mediaisfullscreen] { 1713 --base: 24px; 1714 } 1715 1716 .media-button { 1717 --media-control-hover-background: var(--_secondary-color); 1718 --media-tooltip-background: rgb(28 28 28 / .24); 1719 --media-text-content-height: 1.2; 1720 --media-tooltip-padding: .7em 1em; 1721 --media-tooltip-distance: 8px; 1722 --media-tooltip-container-margin: 18px; 1723 position: relative; 1724 padding: 0; 1725 opacity: 0.9; 1726 transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1); 1727 } 1728 1729 .media-button svg { 1730 fill: none; 1731 stroke: var(--_primary-color); 1732 stroke-width: 1; 1733 stroke-linecap: 'round'; 1734 stroke-linejoin: 'round'; 1735 } 1736 1737 svg .svg-shadow { 1738 stroke: #000; 1739 stroke-opacity: 0.15; 1740 stroke-width: 2px; 1741 fill: none; 1742 } 1743 </style> 1744 1745 <media-controller 1746 breakpoints="md:480"
1747 defaultsubtitles="{{defaultsubtitles}}" 1748 defaultduration="{{defaultduration}}" 1749 gesturesdisabled="{{disabled}}" 1750 hotkeys="{{hotkeys}}" 1751 nohotkeys="{{nohotkeys}}" 1752 defaultstreamtype="on-demand" 1753 > 1754 <slot name="media" slot="media"></slot> 1755 <slot name="poster" slot="poster"></slot> 1756 <media-error-dialog slot="dialog"></media-error-dialog> 1757 1758 <!-- Controls Gradient --> 1759 <style> 1760 .media-gradient-bottom { 1761 position: absolute; 1762 bottom: 0; 1763 width: 100%; 1764 height: calc(8 * var(--base)); 1765 pointer-events: none; 1766 } 1767 1768 .media-gradient-bottom::before { 1769 content: ''; 1770 --gradient-steps: hsl(0 0% 0% / 0) 0%, hsl(0 0% 0% / 0.013) 8.1%, hsl(0 0% 0% / 0.049) 15.5%, 1771 hsl(0 0% 0% / 0.104) 22.5%, hsl(0 0% 0% / 0.175) 29%, hsl(0 0% 0% / 0.259) 35.3%, hsl(0 0% 0% / 0.352) 41.2%, 1772 hsl(0 0% 0% / 0.45) 47.1%, hsl(0 0% 0% / 0.55) 52.9%, hsl(0 0% 0% / 0.648) 58.8%, hsl(0 0% 0% / 0.741) 64.7%, 1773 hsl(0 0% 0% / 0.825) 71%, hsl(0 0% 0% / 0.896) 77.5%, hsl(0 0% 0% / 0.951) 84.5%, hsl(0 0% 0% / 0.987) 91.9%, 1774 hsl(0 0% 0%) 100%; 1775 1776 position: absolute; 1777 inset: 0; 1778 opacity: 0.7; 1779 background: linear-gradient(to bottom, var(--gradient-steps)); 1780 } 1781 </style> 1782 <div class="media-gradient-bottom"></div> 1783 1784 <!-- Settings Menu --> 1785 <style> 1786 media-settings-menu { 1787 --media-menu-icon-height: 20px; 1788 --media-menu-item-icon-height: 20px; 1789 --media-settings-menu-min-width: calc(10 * var(--base)); 1790 --media-menu-transform-in: translateY(0) scale(1); 1791 --media-menu-transform-out: translateY(20px) rotate(3deg) scale(1); 1792 padding-block: calc(0.15 * var(--base)); 1793 margin-right: 10px; 1794 margin-bottom: 17px; 1795 border-radius: 8px; 1796 z-index: 2; 1797 user-select: none; 1798 } 1799 1800 media-settings-menu-item, 1801 [role='menu']::part(menu-item) { 1802 --media-icon-color: var(--_primary-color); 1803 margin-inline: calc(0.45 * var(--base)); 1804 height: calc(1.6 * var(--base)); 1805 font-size: calc(0.7 * var(--base)); 1806 font-weight: 400; 1807 padding: 0; 1808 padding-left: calc(0.4 * var(--base)); 1809 padding-right: calc(0.1 * var(--base)); 1810 border-radius: 6px; 1811 text-shadow: none; 1812 } 1813 1814 [slot='submenu']::part(back button) { 1815 font-size: calc(0.7 * var(--base)); 1816 } 1817 1818 media-settings-menu-item:hover { 1819 --media-icon-color: #000; 1820 color: #000; 1821 background-color: #fff; 1822 } 1823 1824 media-settings-menu-item:hover [slot='submenu']::part(menu-item), 1825 [slot='submenu']::part(back indicator) { 1826 --media-icon-color: var(--_primary-color); 1827 } 1828 1829 media-settings-menu-item:hover [slot='submenu']::part(menu-item):hover { 1830 --media-icon-color: #000; 1831 color: #000; 1832 background-color: #fff; 1833 } 1834 1835 media-settings-menu-item[submenusize='0'] { 1836 display: none; 1837 } 1838 1839 /* Also hide if only \`Auto\` is added. */ 1840 .quality-settings[submenusize='1'] { 1841 display: none; 1842 } 1843 </style> 1844 <media-settings-menu hidden anchor="auto"> 1845 <media-settings-menu-item> 1846 Playback Speed 1847 <media-playback-rate-menu slot="submenu" hidden> 1848 <div slot="title">Playback Speed</div> 1849 </media-playback-rate-menu> 1850 </media-settings-menu-item> 1851 <media-settings-menu-item class="quality-settings"> 1852 Quality 1853 <media-rendition-menu slot="submenu" hidden> 1854 <div slot="title">Quality</div> 1855 </media-rendition-menu> 1856 </media-settings-menu-item> 1857 <media-settings-menu-item> 1858 Subtitles/CC 1859 <media-captions-menu slot="submenu" hidden> 1860 <div slot="title">Subtitles/CC</div> 1861 </media-captions-menu> 1862 </media-settings-menu-item> 1863 </media-settings-menu> 1864 1865 <!-- Control Bar --> 1866 <style> 1867 media-control-bar { 1868 position: absolute; 1869 height: calc(2 * var(--base)); 1870 line-height: calc(2 * var(--base)); 1871 bottom: var(--base); 1872 left: var(--base); 1873 right: var(--base); 1874 } 1875 </style> 1876 <media-control-bar> 1877 <!-- Play/Pause --> 1878 <style> 1879 @keyframes bounce-scale-play { 1880 0% { 1881 transform: scale(0.75, 0.75); 1882 } 1883 50% { 1884 transform: scale(115%, 115%); 1885 } 1886 100% { 1887 transform: scale(1, 1); 1888 } 1889 } 1890 1891 .media-button { 1892 border-radius: 25%; 1893 backdrop-filter: blur(10px) invert(15%) brightness(80%) opacity(0); 1894 -webkit-backdrop-filter: blur(10px) invert(15%) brightness(80%) opacity(0); 1895 transition: backdrop-filter 0.3s, -webkit-backdrop-filter 0.3s, box-shadow 0.3s; 1896 } 1897 1898 .media-button:hover { 1899 /* background-color: rgba(0, 0, 0, 0.05); */ 1900 box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; 1901 /* hue-rotate(120deg) */ 1902 backdrop-filter: blur(10px) invert(15%) brightness(80%) opacity(1); 1903 -webkit-backdrop-filter: blur(10px) invert(15%) brightness(80%) opacity(1); 1904 transition: backdrop-filter 0.3s, -webkit-backdrop-filter 0.3s; 1905 } 1906 1907 media-play-button #icon-play { 1908 opacity: 0; 1909 transform-box: view-box; 1910 transform-origin: center center; 1911 transform: scale(0.5, 0.5); 1912 transition: all 0.5s; 1913 } 1914 1915 media-play-button[mediapaused] #icon-play { 1916 opacity: 1; 1917 transform: scale(1, 1); 1918 animation: 0.35s bounce-scale-play ease-in-out; 1919 } 1920 1921 @keyframes bounce-pause-left { 1922 0% { 1923 font-size: 10px; 1924 } 1925 50% { 1926 font-size: 3px; 1927 } 1928 100% { 1929 font-size: 4px; 1930 } 1931 } 1932 1933 @keyframes bounce-pause-right { 1934 0% { 1935 font-size: 10px; 1936 transform: translateX(-8px); 1937 } 1938 50% { 1939 font-size: 3px; 1940 transform: translateX(1px); 1941 } 1942 100% { 1943 font-size: 4px; 1944 transform: translateX(0); 1945 } 1946 } 1947 1948 media-play-button #pause-left, 1949 media-play-button #pause-right { 1950 /* Using font-size to animate height because using scale was resulting in unexpected positioning */ 1951 font-size: 4px; 1952 opacity: 1; 1953 transform: translateX(0); 1954 transform-box: view-box; 1955 } 1956 1957 media-play-button:not([mediapaused]) #pause-left { 1958 animation: 0.3s bounce-pause-left ease-out; 1959 } 1960 1961 media-play-button:not([mediapaused]) #pause-right {
1962 animation: 0.3s bounce-pause-right ease-out; 1963 } 1964 1965 media-play-button[mediapaused] #pause-left, 1966 media-play-button[mediapaused] #pause-right { 1967 opacity: 0; 1968 font-size: 10px; 1969 } 1970 1971 media-play-button[mediapaused] #pause-right { 1972 transform-origin: right center; 1973 transform: translateX(-8px); 1974 } 1975 </style> 1976 <media-play-button mediapaused class="media-button"> 1977 <svg slot="icon" viewBox="0 0 32 32"> 1978 <!-- <use class="svg-shadow" xlink:href="#icon-play"></use> --> 1979 <g> 1980 <path 1981 id="icon-play" 1982 d="M20.7131 14.6976C21.7208 15.2735 21.7208 16.7265 20.7131 17.3024L12.7442 21.856C11.7442 22.4274 10.5 21.7054 10.5 20.5536L10.5 11.4464C10.5 10.2946 11.7442 9.57257 12.7442 10.144L20.7131 14.6976Z" 1983 /> 1984 </g> 1985 <!-- <use class="svg-shadow" xlink:href="#icon-pause"></use> --> 1986 <g id="icon-pause"> 1987 <rect id="pause-left" x="10.5" width="1em" y="10.5" height="11" rx="0.5" /> 1988 <rect id="pause-right" x="17.5" width="1em" y="10.5" height="11" rx="0.5" /> 1989 </g> 1990 </svg> 1991 </media-play-button> 1992 1993 <!-- Volume/Mute --> 1994 <style> 1995 media-mute-button { 1996 position: relative; 1997 } 1998 1999 media-mute-button .muted-path { 2000 transition: clip-path 0.2s ease-out; 2001 } 2002 2003 media-mute-button #muted-path-2 { 2004 transition-delay: 0.2s; 2005 } 2006 2007 media-mute-button .muted-path { 2008 clip-path: inset(0); 2009 } 2010 2011 media-mute-button:not([mediavolumelevel='off']) #muted-path-1 { 2012 clip-path: inset(0 0 100% 0); 2013 } 2014 2015 media-mute-button:not([mediavolumelevel='off']) #muted-path-2 { 2016 clip-path: inset(0 0 100% 0); 2017 } 2018 2019 media-mute-button .muted-path { 2020 opacity: 0; 2021 } 2022 2023 media-mute-button[mediavolumelevel='off'] .muted-path { 2024 opacity: 1; 2025 } 2026 2027 media-mute-button .vol-path { 2028 opacity: 1; 2029 transition: opacity 0.4s; 2030 } 2031 2032 media-mute-button[mediavolumelevel='off'] .vol-path { 2033 opacity: 0; 2034 } 2035 2036 media-mute-button[mediavolumelevel='low'] #vol-high-path, 2037 media-mute-button[mediavolumelevel='medium'] #vol-high-path { 2038 opacity: 0; 2039 } 2040 2041 media-volume-range { 2042 --media-range-track-background: rgba(255, 255, 255, 0.2); 2043 --media-range-thumb-opacity: 0; 2044 } 2045 2046 @keyframes volume-in { 2047 0% { 2048 visibility: hidden; 2049 opacity: 0; 2050 transform: translateY(50%) rotate(1deg); 2051 } 2052 50% { 2053 visibility: visible; 2054 opacity: 1; 2055 transform: rotate(-2deg); 2056 } 2057 100% { 2058 visibility: visible; 2059 opacity: 1; 2060 transform: translateY(0) rotate(0deg); 2061 } 2062 } 2063 2064 @keyframes volume-out { 2065 0% { 2066 visibility: visible; 2067 opacity: 1; 2068 transform: translateY(0) rotate(0deg); 2069 } 2070 50% { 2071 opacity: 1; 2072 transform: rotate(0deg); 2073 } 2074 100% { 2075 visibility: hidden; 2076 opacity: 0; 2077 transform: translateY(50%) rotate(1deg); 2078 } 2079 } 2080 2081 .media-volume-range-wrapper { 2082 opacity: 0; 2083 visibility: hidden; 2084 2085 position: absolute; 2086 top: -100%; 2087 left: calc(2 * var(--base)); 2088 2089 width: calc(10 * var(--base)); 2090 height: calc(2.5 * var(--base)); 2091 transform-origin: center left; 2092 } 2093 2094 media-volume-range { 2095 /* 2096 Hide range and animation until mediavolume attribute is set. 2097 \`visibility\` didn't work, hovering over media-volume-range-wrapper 2098 caused it to show. Should require mute-button:hover. 2099 */ 2100 opacity: 0; 2101 transition: opacity 0s 1s; 2102 2103 width: calc(10 * var(--base)); 2104 height: var(--base); 2105 padding: 0; 2106 border-radius: calc(0.25 * var(--base)); 2107 overflow: hidden; 2108 background: rgba(0, 0, 0, 0.2); 2109 2110 --media-range-bar-color: var(--media-accent-color); 2111 2112 --media-range-padding-left: 0; 2113 --media-range-padding-right: 0; 2114 2115 --media-range-track-width: calc(10 * var(--base)); 2116 --media-range-track-height: var(--base); 2117 --media-range-track-border-radius: calc(0.25 * var(--base)); 2118 --media-range-track-backdrop-filter: blur(10px) brightness(80%); 2119 2120 /* This makes zero volume still show some of the bar. 2121 I can't make the bar have curved corners otherwise though. */ 2122 --media-range-thumb-width: var(--base); 2123 --media-range-thumb-border-radius: calc(0.25 * var(--base)); 2124 2125 /* The Sutro design has a gradient like this, but not sure I like it */ 2126 /* --media-range-thumb-box-shadow: 10px 0px 20px rgba(255, 255, 255, 0.5); */ 2127 } 2128 2129 media-volume-range[mediavolume] { 2130 opacity: 1; 2131 } 2132 2133 [keyboardcontrol] media-volume-range:focus { 2134 /* TODO: This appears to be creating a think outline */ 2135 outline: 1px solid rgba(27, 127, 204, 0.9); 2136 } 2137 2138 media-mute-button:hover + .media-volume-range-wrapper, 2139 media-mute-button:focus + .media-volume-range-wrapper, 2140 media-mute-button:focus-within + .media-volume-range-wrapper, 2141 .media-volume-range-wrapper:hover, 2142 .media-volume-range-wrapper:focus, 2143 .media-volume-range-wrapper:focus-within { 2144 animation: 0.3s volume-in forwards ease-out; 2145 } 2146 2147 .media-volume-range-wrapper:not(:hover, :focus-within) { 2148 animation: 0.3s volume-out ease-out; 2149 } 2150 2151 /* When keyboard navigating the volume range and wrapper need to always be visible 2152 otherwise focus state can't land on it. This is ok when keyboard navigating because 2153 the hovering issues aren't a concern, unless you happen to be keyboard AND mouse navigating. 2154 */ 2155 [keyboardcontrol] .media-volume-range-wrapper, 2156 [keyboardcontrol] .media-volume-range-wrapper:focus-within, 2157 [keyboardcontrol] .media-volume-range-wrapper:focus-within media-volume-range { 2158 visibility: visible; 2159 } 2160 </style> 2161 <media-mute-button class="media-button" notooltip> 2162 <use class="svg-shadow" xlink:href="#vol-paths"></use>
2163 <svg slot="icon" viewBox="0 0 32 32"> 2164 <g id="vol-paths"> 2165 <path 2166 id="speaker-path" 2167 d="M16.5 20.486v-8.972c0-1.537-2.037-2.08-2.802-.745l-1.026 1.79a2.5 2.5 0 0 1-.8.85l-1.194.78A1.5 1.5 0 0 0 10 15.446v1.11c0 .506.255.978.678 1.255l1.194.782a2.5 2.5 0 0 1 .8.849l1.026 1.79c.765 1.334 2.802.792 2.802-.745Z" 2168 /> 2169 <path 2170 id="vol-low-path" 2171 class="vol-path" 2172 d="M18.5 18C19.6046 18 20.5 17.1046 20.5 16C20.5 14.8954 19.6046 14 18.5 14" 2173 /> 2174 <path 2175 id="vol-high-path" 2176 class="vol-path" 2177 d="M18 21C20.7614 21 23 18.7614 23 16C23 13.2386 20.7614 11 18 11" 2178 /> 2179 <path id="muted-path-1" class="muted-path" d="M23 18L19 14" /> 2180 <path id="muted-path-2" class="muted-path" d="M23 14L19 18" /> 2181 </g> 2182 </svg> 2183 </media-mute-button> 2184 <div class="media-volume-range-wrapper"> 2185 <media-volume-range></media-volume-range> 2186 </div> 2187 2188 <!-- Time Display --> 2189 <style> 2190 media-time-display { 2191 position: relative; 2192 padding: calc(0.5 * var(--base)); 2193 font-size: calc(0.7 * var(--base)); 2194 border-radius: calc(0.5 * var(--base)); 2195 } 2196 2197 media-controller[breakpointmd] media-time-display:not([showduration]) { 2198 display: none; 2199 } 2200 2201 media-controller:not([breakpointmd]) media-time-display[showduration] { 2202 display: none; 2203 } 2204 </style> 2205 <media-time-display></media-time-display> 2206 <media-time-display showduration></media-time-display> 2207 2208 <!-- Time Range / Progress Bar --> 2209 <style> 2210 media-time-range { 2211 height: calc(2 * var(--base)); 2212 border-radius: calc(0.25 * var(--base)); 2213 2214 --media-range-track-backdrop-filter: invert(10%) blur(5px) brightness(110%); 2215 --media-range-track-background: rgba(255, 255, 255, 0.2); 2216 --media-range-track-pointer-background: rgba(255, 255, 255, 0.5); 2217 --media-range-track-border-radius: calc(0.25 * var(--base)); 2218 2219 --media-time-range-buffered-color: rgba(255, 255, 255, 0.4); 2220 --media-range-bar-color: var(--media-accent-color); 2221 2222 --media-range-thumb-background: var(--media-accent-color); 2223 --media-range-thumb-transition: opacity 0.1s linear; 2224 --media-range-thumb-opacity: 0; 2225 2226 --media-preview-thumbnail-border: calc(0.125 * var(--base)) solid #fff; 2227 --media-preview-thumbnail-border-radius: calc(0.5 * var(--base)); 2228 --media-preview-thumbnail-min-width: calc(8 * var(--base)); 2229 --media-preview-thumbnail-max-width: calc(10 * var(--base)); 2230 --media-preview-thumbnail-min-height: calc(5 * var(--base)); 2231 --media-preview-thumbnail-max-height: calc(7 * var(--base)); 2232 --media-preview-box-margin: 0 0 -10px; 2233 } 2234 media-time-range:hover { 2235 --media-range-thumb-opacity: 1; 2236 --media-range-track-height: calc(0.25 * var(--base)); 2237 } 2238 2239 media-preview-thumbnail { 2240 margin-bottom: 5px; 2241 } 2242 2243 media-preview-chapter-display { 2244 font-size: calc(0.6 * var(--base)); 2245 padding-block: 0; 2246 } 2247 2248 media-preview-time-display { 2249 font-size: calc(0.65 * var(--base)); 2250 padding-top: 0; 2251 } 2252 </style> 2253 <media-time-range> 2254 <media-preview-thumbnail slot="preview"></media-preview-thumbnail> 2255 <media-preview-chapter-display slot="preview"></media-preview-chapter-display> 2256 <media-preview-time-display slot="preview"></media-preview-time-display> 2257 </media-time-range> 2258 2259 <!-- Subtitles/CC Button --> 2260 <style> 2261 media-captions-button { 2262 position: relative; 2263 } 2264 2265 media-controller:not([breakpointmd]) media-captions-button { 2266 display: none; 2267 } 2268 2269 media-captions-button svg :is(path, rect) { 2270 stroke: none; 2271 fill: var(--_primary-color); 2272 } 2273 2274 /* Disble the captions button when no subtitles are available */ 2275 media-captions-button:not([mediasubtitleslist]) svg { 2276 opacity: 0.3; 2277 } 2278 2279 media-captions-button #cc-underline { 2280 opacity: 1; 2281 } 2282 2283 media-captions-button[mediasubtitleslist][aria-checked='true'] #cc-underline { 2284 opacity: 1; 2285 } 2286 2287 media-captions-button #cc-underline { 2288 transition: clip-path 0.15s ease-out; 2289 } 2290 2291 media-captions-button #cc-underline { 2292 clip-path: inset(0 100% 0 0); 2293 } 2294 2295 media-captions-button[aria-checked='true'] #cc-underline { 2296 clip-path: inset(0 0 0 0); 2297 } 2298 </style> 2299 <media-captions-button class="media-button">
2300 <svg slot="icon" viewBox="0 0 32 32"> 2301 <use class="svg-shadow" xlink:href="#cc-icon"></use> 2302 <g id="cc-icon"> 2303 <path 2304 class="cc-c" 2305 d="M15.6634 14.3574H14.5636C14.4985 14.0523 14.3847 13.7842 14.2221 13.5532C14.0624 13.3222 13.8673 13.1283 13.6367 12.9715C13.409 12.8118 13.1562 12.692 12.8783 12.6122C12.6004 12.5323 12.3107 12.4924 12.0091 12.4924C11.4592 12.4924 10.961 12.6264 10.5146 12.8945C10.0711 13.1625 9.71776 13.5575 9.45463 14.0794C9.19445 14.6012 9.06436 15.2414 9.06436 16C9.06436 16.7586 9.19445 17.3988 9.45463 17.9206C9.71776 18.4425 10.0711 18.8375 10.5146 19.1055C10.961 19.3736 11.4592 19.5076 12.0091 19.5076C12.3107 19.5076 12.6004 19.4677 12.8783 19.3878C13.1562 19.308 13.409 19.1896 13.6367 19.0328C13.8673 18.8731 14.0624 18.6778 14.2221 18.4468C14.3847 18.2129 14.4985 17.9449 14.5636 17.6426H15.6634C15.5806 18.0903 15.4298 18.491 15.2111 18.8446C14.9923 19.1982 14.7203 19.499 14.3951 19.7471C14.0698 19.9924 13.7047 20.1792 13.2996 20.3075C12.8976 20.4358 12.4674 20.5 12.0091 20.5C11.2345 20.5 10.5456 20.3175 9.94246 19.9525C9.33932 19.5875 8.8648 19.0684 8.51888 18.3954C8.17296 17.7224 8 16.924 8 16C8 15.076 8.17296 14.2776 8.51888 13.6046C8.8648 12.9316 9.33932 12.4125 9.94246 12.0475C10.5456 11.6825 11.2345 11.5 12.0091 11.5C12.4674 11.5 12.8976 11.5642 13.2996 11.6925C13.7047 11.8208 14.0698 12.009 14.3951 12.2571C14.7203 12.5024 14.9923 12.8018 15.2111 13.1554C15.4298 13.5062 15.5806 13.9068 15.6634 14.3574Z" 2306 /> 2307 <path 2308 class="cc-c" 2309 d="M24 14.3574H22.9002C22.8351 14.0523 22.7213 13.7842 22.5587 13.5532C22.399 13.3222 22.2039 13.1283 21.9733 12.9715C21.7456 12.8118 21.4928 12.692 21.2149 12.6122C20.937 12.5323 20.6473 12.4924 20.3457 12.4924C19.7958 12.4924 19.2976 12.6264 18.8511 12.8945C18.4077 13.1625 18.0543 13.5575 17.7912 14.0794C17.531 14.6012 17.4009 15.2414 17.4009 16C17.4009 16.7586 17.531 17.3988 17.7912 17.9206C18.0543 18.4425 18.4077 18.8375 18.8511 19.1055C19.2976 19.3736 19.7958 19.5076 20.3457 19.5076C20.6473 19.5076 20.937 19.4677 21.2149 19.3878C21.4928 19.308 21.7456 19.1896 21.9733 19.0328C22.2039 18.8731 22.399 18.6778 22.5587 18.4468C22.7213 18.2129 22.8351 17.9449 22.9002 17.6426H24C23.9172 18.0903 23.7664 18.491 23.5476 18.8446C23.3289 19.1982 23.0569 19.499 22.7316 19.7471C22.4064 19.9924 22.0413 20.1792 21.6362 20.3075C21.2341 20.4358 20.804 20.5 20.3457 20.5C19.5711 20.5 18.8822 20.3175 18.279 19.9525C17.6759 19.5875 17.2014 19.0684 16.8555 18.3954C16.5095 17.7224 16.3366 16.924 16.3366 16C16.3366 15.076 16.5095 14.2776 16.8555 13.6046C17.2014 12.9316 17.6759 12.4125 18.279 12.0475C18.8822 11.6825 19.5711 11.5 20.3457 11.5C20.804 11.5 21.2341 11.5642 21.6362 11.6925C22.0413 11.8208 22.4064 12.009 22.7316 12.2571C23.0569 12.5024 23.3289 12.8018 23.5476 13.1554C23.7664 13.5062 23.9172 13.9068 24 14.3574Z" 2310 /> 2311 <rect id="cc-underline" x="8" y="23" width="16" height="1" rx="0.5" /> 2312 </g> 2313 </svg> 2314 </media-captions-button> 2315 2316 <!-- Settings Menu Button --> 2317 <style> 2318 media-settings-menu-button svg { 2319 transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1); 2320 transform: rotateZ(0deg); 2321 } 2322 media-settings-menu-button[aria-expanded='true'] svg { 2323 transform: rotateZ(30deg); 2324 } 2325 </style> 2326 <media-settings-menu-button class="media-button"> 2327 <svg slot="icon" viewBox="0 0 32 32"> 2328 <use class="svg-shadow" xlink:href="#settings-icon"></use> 2329 <g id="settings-icon"> 2330 <path 2331 d="M16 18C17.1046 18 18 17.1046 18 16C18 14.8954 17.1046 14 16 14C14.8954 14 14 14.8954 14 16C14 17.1046 14.8954 18 16 18Z" 2332 /> 2333 <path 2334 d="M21.0176 13.0362L20.9715 12.9531C20.8445 12.7239 20.7797 12.4629 20.784 12.1982L20.8049 10.8997C20.8092 10.6343 20.675 10.3874 20.4545 10.2549L18.5385 9.10362C18.3186 8.97143 18.0472 8.9738 17.8293 9.10981L16.7658 9.77382C16.5485 9.90953 16.2999 9.98121 16.0465 9.98121H15.9543C15.7004 9.98121 15.4513 9.90922 15.2336 9.77295L14.1652 9.10413C13.9467 8.96728 13.674 8.96518 13.4535 9.09864L11.5436 10.2545C11.3242 10.3873 11.1908 10.6336 11.1951 10.8981L11.216 12.1982C11.2203 12.4629 11.1555 12.7239 11.0285 12.9531L10.9831 13.0351C10.856 13.2645 10.6715 13.4535 10.4493 13.5819L9.36075 14.2109C9.13763 14.3398 8.99942 14.5851 9 14.8511L9.00501 17.152C9.00559 17.4163 9.1432 17.6597 9.36476 17.7883L10.4481 18.4167C10.671 18.546 10.8559 18.7364 10.9826 18.9673L11.0313 19.0559C11.1565 19.284 11.2203 19.5431 11.2161 19.8059L11.1951 21.1003C11.1908 21.3657 11.325 21.6126 11.5456 21.7452L13.4615 22.8964C13.6814 23.0286 13.9528 23.0262 14.1707 22.8902L15.2342 22.2262C15.4515 22.0905 15.7001 22.0188 15.9535 22.0188H16.0457C16.2996 22.0188 16.5487 22.0908 16.7664 22.227L17.8348 22.8959C18.0534 23.0327 18.326 23.0348 18.5465 22.9014L20.4564 21.7455C20.6758 21.6127 20.8092 21.3664 20.8049 21.1019L20.784 19.8018C20.7797 19.5371 20.8445 19.2761 20.9715 19.0469L21.0169 18.9649C21.144 18.7355 21.3285 18.5465 21.5507 18.4181L22.6393 17.7891C22.8624 17.6602 23.0006 17.4149 23 17.1489L22.995 14.848C22.9944 14.5837 22.8568 14.3403 22.6352 14.2117L21.5493 13.5818C21.328 13.4534 21.1442 13.2649 21.0176 13.0362Z" 2335 /> 2336 </g> 2337 </svg> 2338 </media-settings-menu-button> 2339 2340 <!-- PIP/Mini Player Button --> 2341 <style> 2342 media-controller:not([breakpointmd]) media-pip-button { 2343 display: none; 2344 } 2345 </style> 2346 <media-pip-button class="media-button">
2347 <svg slot="icon" viewBox="0 0 32 32"> 2348 <use class="svg-shadow" xlink:href="#pip-icon"></use> 2349 <g id="pip-icon"> 2350 <path 2351 d="M12 22H9.77778C9.34822 22 9 21.6162 9 21.1429V10.8571C9 10.3838 9.34822 10 9.77778 10L22.2222 10C22.6518 10 23 10.3838 23 10.8571V12.5714" 2352 /> 2353 <path 2354 d="M15 21.5714V16.4286C15 16.1919 15.199 16 15.4444 16H22.5556C22.801 16 23 16.1919 23 16.4286V17V21.5714C23 21.8081 22.801 22 22.5556 22H20.3333H17.6667H15.4444C15.199 22 15 21.8081 15 21.5714Z" 2355 /> 2356 </g> 2357 </svg> 2358 </media-pip-button> 2359 2360 <!-- Airplay Button --> 2361 <media-airplay-button class="media-button"> 2362 <svg viewBox="0 0 32 32" aria-hidden="true" slot="icon"> 2363 <path stroke-linecap="round" stroke-linejoin="round" d="M20.5 20h1.722c.43 0 .778-.32.778-.714v-8.572c0-.394-.348-.714-.778-.714H9.778c-.43 0-.778.32-.778.714v1.429"/> 2364 <path stroke-linecap="round" stroke-linejoin="round" d="M11.5 20H9.778c-.43 0-.778-.32-.778-.714v-8.572c0-.394.348-.714.778-.714h12.444c.43 0 .778.32.778.714v1.429"/> 2365 <path stroke-linejoin="round" d="m16 19 3.464 3.75h-6.928L16 19Z"/> 2366 </svg> 2367 </media-airplay-button> 2368 2369 <!-- Cast Button --> 2370 <media-cast-button class="media-button"> 2371 <svg slot="icon" viewBox="0 0 32 32"> 2372 <use class="svg-shadow" xlink:href="#cast-icon"></use> 2373 <g id="cast-icon"> 2374 <path 2375 d="M18.5 21.833h4.167c.46 0 .833-.373.833-.833V11a.833.833 0 0 0-.833-.833H9.333A.833.833 0 0 0 8.5 11v1.111m0 8.056c.92 0 1.667.746 1.667 1.666M8.5 17.667a4.167 4.167 0 0 1 4.167 4.166" 2376 /> 2377 <path d="M8.5 15.167a6.667 6.667 0 0 1 6.667 6.666" /> 2378 </g> 2379 </svg> 2380 </media-cast-button> 2381 2382 <!-- Fullscreen Button --> 2383 <style> 2384 /* Having trouble getting @property to work in the shadow dom 2385 to clean this up. Like https://codepen.io/luwes/pen/oNRyZyx */ 2386 2387 media-fullscreen-button .fs-arrow { 2388 translate: 0% 0%; 2389 } 2390 media-fullscreen-button:hover .fs-arrow { 2391 animation: 0.35s up-left-bounce cubic-bezier(0.34, 1.56, 0.64, 1); 2392 } 2393 media-fullscreen-button:hover #fs-enter-top, 2394 media-fullscreen-button:hover #fs-exit-bottom { 2395 animation-name: up-right-bounce; 2396 } 2397 2398 media-fullscreen-button:hover #fs-enter-bottom, 2399 media-fullscreen-button:hover #fs-exit-top { 2400 animation-name: down-left-bounce; 2401 } 2402 2403 @keyframes up-left-bounce { 2404 0% { 2405 translate: 0 0; 2406 } 2407 50% { 2408 translate: -4% -4%; 2409 } 2410 } 2411 @keyframes up-right-bounce { 2412 0% { 2413 translate: 0 0; 2414 } 2415 50% { 2416 translate: 4% -4%; 2417 } 2418 } 2419 @keyframes down-left-bounce { 2420 0% { 2421 translate: 0 0; 2422 } 2423 50% { 2424 translate: -4% 4%; 2425 } 2426 } 2427 @keyframes down-right-bounce { 2428 0% { 2429 translate: 0 0; 2430 } 2431 50% { 2432 translate: 4% 4%; 2433 } 2434 } 2435 </style> 2436 <media-fullscreen-button class="media-button"> 2437 <svg slot="enter" viewBox="0 0 32 32"> 2438 <use class="svg-shadow" xlink:href="#fs-enter-paths"></use> 2439 <g id="fs-enter-paths"> 2440 <g id="fs-enter-top" class="fs-arrow"> 2441 <path d="M18 10H22V14" /> 2442 <path d="M22 10L18 14" /> 2443 </g> 2444 <g id="fs-enter-bottom" class="fs-arrow"> 2445 <path d="M14 22L10 22V18" /> 2446 <path d="M10 22L14 18" /> 2447 </g> 2448 </g> 2449 </svg> 2450 <svg slot="exit" viewBox="0 0 32 32"> 2451 <use class="svg-shadow" xlink:href="#fs-exit-paths"></use> 2452 <g id="fs-exit-paths"> 2453 <g id="fs-exit-top" class="fs-arrow"> 2454 <path d="M22 14H18V10" /> 2455 <path d="M22 10L18 14" /> 2456 </g> 2457 <g id="fs-exit-bottom" class="fs-arrow"> 2458 <path d="M10 18L14 18V22" /> 2459 <path d="M14 18L10 22" /> 2460 </g> 2461 </g> 2462 </svg> 2463 </media-fullscreen-button>
2463 2464 </media-control-bar> 2465 </media-controller> 2466 2467 `);class dl extends o3{static template=ds}aU.customElements&&!aU.customElements.get("media-theme-sutro")&&aU.customElements.define("media-theme-sutro",dl);var dd=new Set(["style","children","ref","key","suppressContentEditableWarning","suppressHydrationWarning","dangerouslySetInnerHTML"]),du={className:"class",htmlFor:"for"};function dh(e){return e.toLowerCase()}function dc(e){return"boolean"==typeof e?e?"":void 0:"function"==typeof e?void 0:"object"!=typeof e||null===e?e:void 0}function dm(e,t,i){e[t]=i,null==i&&t in(globalThis.HTMLElement?.prototype??{})&&e.removeAttribute(t)}var dp=function(e){let{react:t,tagName:i,elementClass:a,events:r,displayName:n,toAttributeName:s=dh,toAttributeValue:o=dc}=e,l=Number.parseInt(t.version)>=19,d=t.forwardRef((e,n)=>{let d=t.useRef(null),u=t.useRef(new Map),h={},c={},m={},p={};for(let[t,i]of Object.entries(e)){if(dd.has(t)){m[t]=i;continue}let e=s(du[t]??t);if(t in a.prototype&&!(t in(globalThis.HTMLElement?.prototype??{}))&&!a.observedAttributes?.some(t=>t===e)){p[t]=i;continue}if(t.startsWith("on")){h[t]=i;continue}let r=o(i);e&&null!=r&&(c[e]=String(r),l||(m[e]=r)),e&&l&&(m[e]=i)}if("undefined"!=typeof window){for(let e in h){let i=h[e],a=e.endsWith("Capture"),n=(r?.[e]??e.slice(2).toLowerCase()).slice(0,a?-7:void 0);t.useLayoutEffect(()=>{let e=d?.current;if(e&&"function"==typeof i)return e.addEventListener(n,i,a),()=>{e.removeEventListener(n,i,a)}},[d?.current,i])}t.useLayoutEffect(()=>{if(null===d.current)return;let e=new Map;for(let t in p)dm(d.current,t,p[t]),u.current.delete(t),e.set(t,p[t]);for(let[e,t]of u.current)dm(d.current,e,void 0);u.current=e})}if("undefined"==typeof window&&a?.getTemplateHTML&&a?.shadowRootOptions){let{mode:e,delegatesFocus:i}=a.shadowRootOptions;m.children=[t.createElement("template",{shadowrootmode:e,shadowrootdelegatesfocus:i,dangerouslySetInnerHTML:{__html:a.getTemplateHTML(c)}}),m.children]}return t.createElement(i,{...m,ref:t.useCallback(e=>{d.current=e,"function"==typeof n?n(e):null!==n&&(n.current=e)},[n])})});return d.displayName=n??a.name,d}({react:ae,tagName:"media-theme-sutro",elementClass:dl});let dv="mux.com",dE=(e,{token:t,thumbnailTime:i,width:a,customDomain:r=dv}={})=>{let n=null==t?i:void 0,{aud:s}=function(e){let t=(e??"").split(".")[1];return t?JSON.parse(decodeURIComponent(atob(t.replace(/-/g,"+").replace(/_/g,"/")).split("").map(function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)}).join(""))):{}}(t);if(!t||"t"===s)return`https://image.${r}/${e}/thumbnail.webp${function(e){let t=(function(e){let t={};for(let i in e)null!=e[i]&&(t[i]=e[i]);return new URLSearchParams(t)})(e).toString();return t?"?"+t:""}({token:t,time:n,width:a})}`};JSON.parse(i(95704).env.NEXT_PUBLIC_DEV_VIDEO_OPTS??'{"path":"/api/video","folder":"videos","provider":"mux"}'??"{}");let db=(0,ae.forwardRef)((e,t)=>{if("string"==typeof e.playbackId)return n??(n=(0,ae.lazy)(()=>Promise.all([i.e(9910),i.e(3928)]).then(i.bind(i,3928)))),(0,i6.jsx)(n,{ref:t,...e,controls:!1});let a=function(e){if("string"==typeof e)return e.split(/[#?]/)[0].split(".").pop()?.trim()}(e.src);return"m3u8"===a?(s??(s=(0,ae.lazy)(()=>Promise.all([i.e(9910),i.e(2227)]).then(i.bind(i,12227)))),(0,i6.jsx)(s,{ref:t,...e,controls:!1})):"mpd"===a?(o??(o=(0,ae.lazy)(()=>i.e(6521).then(i.bind(i,36521)))),(0,i6.jsx)(o,{ref:t,...e,controls:!1})):(0,i6.jsx)("video",{ref:t,...e,controls:!1})});var dg=(0,ae.forwardRef)((e,t)=>{let i,a,{style:r,children:n,asset:s,controls:o=!0,poster:l,blurDataURL:d,theme:u=dp,...h}=e,c=ae.Children.toArray(n).find(e=>"object"==typeof e&&"type"in e&&"poster"===e.props.slot);(0,ae.isValidElement)(c)&&(l="",d=void 0,i=c,n=ae.Children.toArray(n).filter(e=>e!==c));let m={},p=s?function(e){let t=e.providerMetadata?.mux??e.externalIds;return t?.playbackId}(s):void 0,v=!0;if(p&&s?.status==="ready"&&(h.src=void 0,h.playbackId=p,l&&((v=l!==dE(p,h))||(a=`${dE(p,{...h,width:480})} 480w,${dE(p,{...h,width:640})} 640w,${dE(p,{...h,width:960})} 960w,${dE(p,{...h,width:1280})} 1280w,${dE(p,{...h,width:1600})} 1600w,${dE(p,{...h})} 1920w`))),d){let e=!v&&d===s?.blurDataURL,t=v&&d!==s?.blurDataURL;if(e||t){var E;m.gridArea="1/1",m.width="100%",m.height="100%",m.color="transparent",m.backgroundSize="cover",m.backgroundPosition="center",m.backgroundRepeat="no-repeat",m.backgroundImage=`url('data:image/svg+xml;charset=utf-8,${E=d,`<svg xmlns="http://www.w3.org/2000/svg"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="20"/><feComponentTransfer><feFuncA type="discrete" tableValues="1 1"/></feComponentTransfer></filter>
2467<g filter="url(#b)"><image width="100%" height="100%" preserveAspectRatio="xMidYMid slice" href="${E}"/></g></svg>`.replace(/#/g,"%23")}')`}}if(delete h.thumbnailTime,o&&u){let e=h["data-next-video"];return l&&(i=(0,i6.jsx)("img",{slot:"poster",src:v?l:void 0,srcSet:a,style:m,decoding:"async","aria-hidden":"true"}),l=""),(0,i6.jsxs)(u,{"data-next-video":e,style:{display:"grid",...r},children:[i,(0,i6.jsx)(ae.Suspense,{fallback:null,children:(0,i6.jsxs)(db,{suppressHydrationWarning:!0,ref:t,style:{gridArea:"1/1"},slot:"media",poster:l,crossOrigin:"",...h,children:[p&&(0,i6.jsx)("track",{default:!0,kind:"metadata",label:"thumbnails",src:`https://image.mux.com/${p}/storyboard.vtt`}),n]})})]})}return(0,i6.jsx)(ae.Suspense,{fallback:null,children:(0,i6.jsxs)(db,{suppressHydrationWarning:!0,ref:t,style:{gridArea:"1/1",...r},controls:!1!==o||void 0,poster:l,crossOrigin:"",...h,children:[p&&(0,i6.jsx)("track",{default:!0,kind:"metadata",label:"thumbnails",src:`https://image.mux.com/${p}/storyboard.vtt`}),n]})})})},27937:(e,t,i)=>{i.d(t,{A:()=>a});let a=(0,i(71847).A)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]])},50035:(e,t,i)=>{i.d(t,{M:()=>c});var a=i(95155),r=i(12115);let n=({text:e,...t})=>{let{modifiers:i,missingModifierTypes:n}=h();return Object.keys(t).reduce((e,r)=>{if(!t[r])return e;let s=i[r];return s?(0,a.jsx)(s,{children:e}):(n.includes(r)||(console.warn(`[@strapi/block-react-renderer] No component found for modifier "${r}"`),n.push(r)),e)},(e=>{let t=e.split(/\r?\n|\r/g);return(0,a.jsx)(a.Fragment,{children:t.map((e,t)=>(0,a.jsxs)(r.Fragment,{children:[t>0&&(0,a.jsx)("br",{}),e]},t))})})(e))},s=["image"],o=({content:e})=>{let{children:t,type:i,...l}=e,{blocks:d,missingBlockTypes:u}=h(),c=d[i];if(!c)return u.includes(i)||(console.warn(`[@strapi/block-react-renderer] No component found for block type "${i}"`),u.push(i)),null;if(s.includes(i))return(0,a.jsx)(c,{...l});if("paragraph"===i&&1===t.length&&"text"===t[0].type&&""===t[0].text)return(0,a.jsx)("br",{});let m=(e=>{let{children:t,type:i,...a}=e;if("code"===i){let t=e=>e.reduce((e,i)=>
2467"text"===i.type?e.concat(i.text):"link"===i.type?e.concat(t(i.children)):e,"");return{...a,plainText:t(e.children)}}return a})(e);return(0,a.jsx)(c,{...m,children:t.map((e,t)=>{if("text"===e.type){let{type:i,...a}=e;return(0,r.createElement)(n,{...a,key:t})}return(0,a.jsx)(o,{content:e},t)})})},l={blocks:{paragraph:e=>(0,a.jsx)("p",{children:e.children}),quote:e=>(0,a.jsx)("blockquote",{children:e.children}),code:e=>(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:e.plainText})}),heading:e=>{let{level:t,children:i}=e;switch(t){case 1:return(0,a.jsx)("h1",{children:i});case 2:return(0,a.jsx)("h2",{children:i});case 3:return(0,a.jsx)("h3",{children:i});case 4:return(0,a.jsx)("h4",{children:i});case 5:return(0,a.jsx)("h5",{children:i});case 6:return(0,a.jsx)("h6",{children:i})}},link:e=>(0,a.jsx)("a",{href:e.url,children:e.children}),list:e=>"ordered"===e.format?(0,a.jsx)("ol",{children:e.children}):(0,a.jsx)("ul",{children:e.children}),"list-item":e=>(0,a.jsx)("li",{children:e.children}),image:e=>(0,a.jsx)("img",{src:e.image.url,alt:e.image.alternativeText||void 0})},modifiers:{bold:e=>(0,a.jsx)("strong",{children:e.children}),italic:e=>(0,a.jsx)("em",{children:e.children}),underline:e=>(0,a.jsx)("u",{children:e.children}),strikethrough:e=>(0,a.jsx)("del",{children:e.children}),code:e=>(0,a.jsx)("code",{children:e.children})},missingBlockTypes:[],missingModifierTypes:[]},d=r.createContext(l),u=e=>{let{children:t,value:i=l}=e,n=r.useMemo(()=>i,[i]);return(0,a.jsx)(d.Provider,{value:n,children:t})};function h(){return r.useContext(d)}let c=e=>{let t={...l.blocks,...e.blocks},i={...l.modifiers,...e.modifiers},n=r.useRef([]),s=r.useRef([]);return(0,a.jsx)(u,{value:{blocks:t,modifiers:i,missingBlockTypes:n.current,missingModifierTypes:s.current},children:e.content.map((e,t)=>(0,a.jsx)(o,{content:e},t))})}},71847:(e,t,i)=>{i.d(t,{A:()=>l});var a=i(12115);let r=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,i)=>i?i.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)},n=function(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];return t.filter((e,t,i)=>!!e&&""!==e.trim()&&i.indexOf(e)===t).join(" ").trim()};var s={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let o=(0,a.forwardRef)((e,t)=>{let{color:i="currentColor",size:r=24,strokeWidth:o=2,absoluteStrokeWidth:l,className:d="",children:u,iconNode:h,...c}=e;return(0,a.createElement)("svg",{ref:t,...s,width:r,height:r,stroke:i,strokeWidth:l?24*Number(o)/Number(r):o,className:n("lucide",d),...!u&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0})(c)&&{"aria-hidden":"true"},...c},[...h.map(e=>{let[t,i]=e;return(0,a.createElement)(t,i)}),...Array.isArray(u)?u:[u]])}),l=(e,t)=>{let i=(0,a.forwardRef)((i,s)=>{let{className:l,...d}=i;return(0,a.createElement)(o,{ref:s,iconNode:t,className:n(`lucide-${r(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,l),...d})});return i.displayName=r(e),i}},93499:(e,t,i)=>{i.d(t,{A:()=>a});let a=(0,i(71847).A)("external-link",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]])}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.