1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1997],{11997:(e,t,i)=>{let a,s;i.d(t,{A:()=>dX});var n,r,o,l,d,u,h,c,m,p,v,E,b,g,f,A,y,T,k,w,_,I,S,L,M,C,R,D,x,O,N,U,P,H,W,B,V,$,F,K,G,q,Y,Q,Z,j,z,X,J,ee,et,ei,ea,es,en,er,eo,el,ed,eu,eh,ec,em,ep,ev,eE,eb,eg,ef,eA,ey,eT,ek,ew,e_,eI,eS,eL,eM,eC,eR,eD,ex,eO,eN,eU,eP,eH,eW,eB,eV,e$,eF,eK,eG,eq,eY,eQ,eZ,ej,ez,eX,eJ,e0,e1,e2,e5,e3,e4,e7,e8,e9,e6,te,tt,ti,ta,ts,tn,tr,to,tl,td,tu,th,tc,tm,tp,tv,tE,tb,tg,tf,tA,ty,tT,tk,tw,t_,tI,tS,tL,tM,tC,tR,tD,tx,tO,tN,tU,tP,tH,tW,tB,tV,t$,tF,tK,tG,tq,tY,tQ,tZ,tj,tz,tX,tJ,t0,t1,t2,t5,t3,t4,t7,t8,t9,t6,ie,it,ii,ia,is,ir,io,il,id,iu,ih,ic,im,ip,iv,iE,ib,ig,iA,iy,iT,ik,iw,i_,iI,iS,iL,iM,iC,iR,iD,ix,iO,iN,iU,iP,iH,iW,iB,iV,i$,iF,iK,iG,iq,iY,iQ,iZ,ij,iz,iX,iJ,i0,i1,i2,i5,i3,i4,i7,i8,i9,i6,ae,at,ai,aa,as,an,ar,ao,al,ad,au,ah,ac,am,ap,av,aE,ab=i(66933);let ag={MEDIA_PLAY_REQUEST:"mediaplayrequest",MEDIA_PAUSE_REQUEST:"mediapauserequest",MEDIA_MUTE_REQUEST:"mediamuterequest",MEDIA_UNMUTE_REQUEST:"mediaunmuterequest",MEDIA_LOOP_REQUEST:"medialooprequest",MEDIA_VOLUME_REQUEST:"mediavolumerequest",MEDIA_SEEK_REQUEST:"mediaseekrequest",MEDIA_AIRPLAY_REQUEST:"mediaairplayrequest",MEDIA_ENTER_FULLSCREEN_REQUEST:"mediaenterfullscreenrequest",MEDIA_EXIT_FULLSCREEN_REQUEST:"mediaexitfullscreenrequest",MEDIA_PREVIEW_REQUEST:"mediapreviewrequest",MEDIA_ENTER_PIP_REQUEST:"mediaenterpiprequest",MEDIA_EXIT_PIP_REQUEST:"mediaexitpiprequest",MEDIA_ENTER_CAST_REQUEST:"mediaentercastrequest",MEDIA_EXIT_CAST_REQUEST:"mediaexitcastrequest",MEDIA_SHOW_TEXT_TRACKS_REQUEST:"mediashowtexttracksrequest",MEDIA_HIDE_TEXT_TRACKS_REQUEST:"mediahidetexttracksrequest",MEDIA_SHOW_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_TOGGLE_SUBTITLES_REQUEST:"mediatogglesubtitlesrequest",MEDIA_PLAYBACK_RATE_REQUEST:"mediaplaybackraterequest",MEDIA_RENDITION_REQUEST:"mediarenditionrequest",MEDIA_AUDIO_TRACK_REQUEST:"mediaaudiotrackrequest",MEDIA_SEEK_TO_LIVE_REQUEST:"mediaseektoliverequest",REGISTER_MEDIA_STATE_RECEIVER:"registermediastatereceiver",UNREGISTER_MEDIA_STATE_RECEIVER:"unregistermediastatereceiver"},af={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_LOOP:"mediaLoop",MEDIA_PAUSED:"mediaPaused",MEDIA_PIP_UNAVAILABLE:"mediaPipUnavailable",MEDIA_PLAYBACK_RATE:"mediaPlaybackRate",MEDIA_PREVIEW_CHAPTER:"mediaPreviewChapter",MEDIA_PREVIEW_COORDS:"mediaPreviewCoords",MEDIA_PREVIEW_IMAGE:"mediaPreviewImage",MEDIA_PREVIEW_TIME:"mediaPreviewTime",MEDIA_RENDITION_LIST:"mediaRenditionList",MEDIA_RENDITION_SELECTED:"mediaRenditionSelected",MEDIA_RENDITION_UNAVAILABLE:"mediaRenditionUnavailable",MEDIA_SEEKABLE:"mediaSeekable",MEDIA_STREAM_TYPE:"mediaStreamType",MEDIA_SUBTITLES_LIST:"mediaSubtitlesList",MEDIA_SUBTITLES_SHOWING:"mediaSubtitlesShowing",MEDIA_TARGET_LIVE_WINDOW:"mediaTargetLiveWindow",MEDIA_TIME_IS_LIVE:"mediaTimeIsLive",MEDIA_VOLUME:"mediaVolume",MEDIA_VOLUME_LEVEL:"mediaVolumeLevel",MEDIA_VOLUME_UNAVAILABLE:"mediaVolumeUnavailable",MEDIA_LANG:"mediaLang",MEDIA_WIDTH:"mediaWidth"},ay=Object.entries(aA),aT=ay.reduce((e,[t,i])=>(e[t]=i.toLowerCase(),e),{}),ak=ay.reduce((e,[t,i])=>(e[t]=i.toLowerCase(),e),{USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"});Object.entries(ak).reduce((e,[t,i])=>{let a=aT[t];return a&&(e[i]=a),e},{userinactivechange:"userinactive"});let aw=Object.entries(aT).reduce((e,[t,i])=>{let a=ak[t];return a&&(e[i]=a),e},{userinactive:"userinactivechange"}),a_={SUBTITLES:"subtitles",CAPTIONS:"captions",CHAPTERS:"chapters",METADATA:"metadata"},aI={DISABLED:"disabled",SHOWING:"showing"},aS={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},aL={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},aM={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"},aC={FULLSCREEN:"fullscreen"};function aR(e){if(e){let{id:t,width:i,height:a}=e;return[t,i,a].filter(e=>null!=e).join(":")}}function aD(e){if(e){let[t,i,a]=e.split(":");return{id:t,width:+i,height:+a}}}function ax(e){if(e){let{id:t,kind:i,language:a,label:s}=e;return[t,i,a,s].filter(e=>null!=e).join(":")}}function aO(e){if(e){let[t,i,a,s]=e.split(":");return{id:t,kind:i,language:a,label:s}}}function aN(e){return"number"==typeof e&&!Number.isNaN(e)&&Number.isFinite(e)}function aU(e){return"string"==typeof e&&!isNaN(e)&&!isNaN(parseFloat(e))}let aP=e=>new Promise(t=>setTimeout(t,e)),aH=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],aW=(e,t)=>{let i=1===e?aH[t].singular:aH[t].plural;return`${e} ${i}`},aB=e=>{if(!aN(e))return"";let t=Math.abs(e),i=t!==e,a=new Date(0,0,0,0,0,t,0),s=[a.getHours(),a.getMinutes(),a.getSeconds()].map((e,t)=>e&&aW(e,t)).filter(e=>e).join(", ");return`${s}${i?" remaining":""}`};function aV(e,t){let i=!1;e<0&&(i=!0,e=0-e);let a=Math.floor((e=e<0?0:e)%60),s=Math.floor(e/60%60),n=Math.floor(e/3600),r=Math.floor(t/60%60),o=Math.floor(t/3600);return(isNaN(e)||e===1/0)&&(n=s=a="0"),s=(((n=n>0||o>0?n+":":"")||r>=10)&&s<10?"0"+s:s)+":",(i?"-":"")+n+s+(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 a$={en:{"Start airplay":"Start airplay","Stop airplay":"Stop airplay",Audio:"Audio",Captions:"Captions","Enable captions":"Enable captions","Disable captions":"Disable captions","Start casting":"Start casting","Stop casting":"Stop casting","Enter fullscreen mode":"Enter fullscreen mode","Exit fullscreen mode":"Exit fullscreen mode",Mute:"Mute",Unmute:"Unmute",Loop:"Loop","Enter picture in picture mode":"Enter picture in picture mode","Exit picture in picture mode":"Exit picture in picture mode",Play:"Play",Pause:"Pause","Playback rate":"Playback rate","Playback rate {playbackRate}":"Playback rate {playbackRate}",Quality:"Quality","Seek backward":"Seek backward","Seek forward":"Seek forward",Settings:"Settings",Auto:"Auto","audio player":"audio player","video player":"video player",volume:"volume",seek:"seek","closed captions":"closed captions","current playback rate":"current playback rate","playback time":"playback time","media loading":"media loading",settings:"settings","audio tracks":"audio tracks",quality:"quality",play:"play",pause:"pause",mute:"mute",unmute:"unmute","chapter: {chapterName}":"chapter: {chapterName}",live:"live",Off:"Off","start airplay":"start airplay","stop airplay":"stop airplay","start casting":"start casting","stop casting":"stop casting","enter fullscreen mode":"enter fullscreen mode","exit fullscreen mode":"exit fullscreen mode","enter picture in picture mode":"enter picture in picture mode","exit picture in picture mode":"exit picture in picture mode","seek to live":"seek to live","playing live":"playing live","seek back {seekOffset} seconds":"seek back {seekOffset} seconds","seek forward {seekOffset} seconds":"seek forward {seekOffset} seconds","Network Error":"Network Error","Decode Error":"Decode Error","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."}},aF=(null==(n=globalThis.navigator)?void 0:n.language)||"en",aK=e=>{aF=e},aG=e=>{var t,i,a;let[s]=aF.split("-");return(null==(t=a$[aF])?void 0:t[e])||(null==(i=a$[s])?void 0:i[e])||(null==(a=a$.en)?void 0:a[e])||e},aq=(e,t={})=>aG(e).replace(/\{(\w+)\}/g,(e,i)=>i in t?String(t[i]):`{${i}}`);class aY{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}}class aQ extends aY{}class aZ extends aQ{constructor(){super(...arguments),this.role=null}}class aj{observe(){}unobserve(){}disconnect(){}}let az={createElement:function(){return new aX.HTMLElement},createElementNS:function(){return new aX.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent:e=>!1},aX={ResizeObserver:aj,document:az,Node:aQ,Element:aZ,HTMLElement:class extends aZ{constructor(){super(...arguments),this.innerHTML=""}get content(){return new aX.DocumentFragment}},DocumentFragment:class extends aY{},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}),DOMParser:class{parseFromString(e,t){return{body:{textContent:e}}}}},aJ="global"in globalThis&&(null==globalThis?void 0:globalThis.global)===globalThis||"undefined"==typeof window||void 0===window.customElements,a0=Object.keys(aX).every(e=>e in globalThis),a1=aJ&&!a0?aX:globalThis,a2=aJ&&!a0?az:globalThis.document,a5=new WeakMap,a3=e=>{let t=a5.get(e);return t||a5.set(e,t=new Set),t},a4=new a1.ResizeObserver(e=>{for(let t of e)for(let e of a3(t.target))e(t)});function a7(e,t){a3(e).add(t),a4.observe(e)}function a8(e,t){let i=a3(e);i.delete(t),i.size||a4.unobserve(e)}function a9(e){let t={};for(let i of e)t[i.name]=i.value;return t}function a6(e){var t;return null!=(t=se(e))?t:sn(e,"media-controller")}function se(e){var t;let{MEDIA_CONTROLLER:i}=af,a=e.getAttribute(i);if(a)return null==(t=so(e))?void 0:t.getElementById(a)}let st=(e,t,i=".value")=>{let a=e.querySelector(i);a&&(a.textContent=t)},si=(e,t)=>{let i=`slot[name="${t}"]`,a=e.shadowRoot.querySelector(i);return a?a.children:[]},sa=(e,t)=>si(e,t)[0],ss=(e,t)=>!!e&&!!t&&(null!=e&&!!e.contains(t)||ss(e,t.getRootNode().host)),sn=(e,t)=>{if(!e)return null;let i=e.closest(t);return i||sn(e.getRootNode().host,t)};function sr(e=document){var t;let i=null==e?void 0:e.activeElement;return i?null!=(t=sr(i.shadowRoot))?t:i:null}function so(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 sl(e,{depth:t=3,checkOpacity:i=!0,checkVisibilityCSS:a=!0}={}){if(e.checkVisibility)return e.checkVisibility({checkOpacity:i,checkVisibilityCSS:a});let s=e;for(;s&&t>0;){let e=getComputedStyle(s);if(i&&"0"===e.opacity||a&&"hidden"===e.visibility||"none"===e.display)return!1;s=s.parentElement,t--}return!0}function sd(e,t){let i=function(e,t){var i,a;let s;for(s of null!=(i=e.querySelectorAll("style:not([media])"))?i:[]){let e;try{e=null==(a=s.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||su(e,t)}function su(e,t){var i,a;let s=null!=(i=e.querySelectorAll("style:not([media])"))?i:[],n=null==s?void 0:s[s.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 sh(e,t,i=Number.NaN){let a=e.getAttribute(t);return null!=a?+a:i}function sc(e,t,i){let a=+i;
1if(null==i||Number.isNaN(a)){e.hasAttribute(t)&&e.removeAttribute(t);return}sh(e,t,void 0)!==a&&e.setAttribute(t,`${a}`)}function sm(e,t){return e.hasAttribute(t)}function sp(e,t,i){if(null==i){e.hasAttribute(t)&&e.removeAttribute(t);return}sm(e,t)!=i&&e.toggleAttribute(t,i)}function sv(e,t,i=null){var a;return null!=(a=e.getAttribute(t))?a:i}function sE(e,t,i){if(null==i){e.hasAttribute(t)&&e.removeAttribute(t);return}let a=`${i}`;sv(e,t,void 0)!==a&&e.setAttribute(t,a)}var sb=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sg=(e,t,i)=>(sb(e,t,"read from private field"),i?i.call(e):t.get(e)),sf=(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)},sA=(e,t,i,a)=>(sb(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class sy extends a1.HTMLElement{constructor(){if(super(),sf(this,r,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[af.MEDIA_CONTROLLER,aT.MEDIA_PAUSED]}attributeChangedCallback(e,t,i){var a,s,n,o,l;e===af.MEDIA_CONTROLLER&&(t&&(null==(s=null==(a=sg(this,r))?void 0:a.unassociateElement)||s.call(a,this),sA(this,r,null)),i&&this.isConnected&&(sA(this,r,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(l=null==(o=sg(this,r))?void 0:o.associateElement)||l.call(o,this)))}connectedCallback(){var e,t,i,a;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),sA(this,r,function(e){var t;let i=e.getAttribute(af.MEDIA_CONTROLLER);return i?null==(t=e.getRootNode())?void 0:t.getElementById(i):sn(e,"media-controller")}(this)),this.getAttribute(af.MEDIA_CONTROLLER)&&(null==(t=null==(e=sg(this,r))?void 0:e.associateElement)||t.call(e,this)),null==(i=sg(this,r))||i.addEventListener("pointerdown",this),null==(a=sg(this,r))||a.addEventListener("click",this)}disconnectedCallback(){var e,t,i,a;this.getAttribute(af.MEDIA_CONTROLLER)&&(null==(t=null==(e=sg(this,r))?void 0:e.unassociateElement)||t.call(e,this)),null==(i=sg(this,r))||i.removeEventListener("pointerdown",this),null==(a=sg(this,r))||a.removeEventListener("click",this),sA(this,r,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:s,width:n,height:r}=this.getBoundingClientRect(),o=t-a,l=i-s;if(o<0||l<0||o>n||l>r||0===n&&0===r)return;let d=this._pointerType||"mouse";if(this._pointerType=void 0,d===aS.TOUCH)return void this.handleTap(e);if(d===aS.MOUSE||d===aS.PEN)return void this.handleMouseClick(e)}}}get mediaPaused(){return sm(this,aT.MEDIA_PAUSED)}set mediaPaused(e){sp(this,aT.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?ag.MEDIA_PLAY_REQUEST:ag.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new a1.CustomEvent(t,{composed:!0,bubbles:!0}))}}r=new WeakMap,sy.shadowRootOptions={mode:"open"},sy.getTemplateHTML=function(e){return` 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 `},a1.customElements.get("media-gesture-receiver")||a1.customElements.define("media-gesture-receiver",sy);var sT=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sk=(e,t,i)=>(sT(e,t,"read from private field"),i?i.call(e):t.get(e)),sw=(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)},s_=(e,t,i,a)=>(sT(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),sI=(e,t,i)=>(sT(e,t,"access private method"),i);let sS={AUDIO:"audio",AUTOHIDE:"autohide",BREAKPOINTS:"breakpoints",GESTURES_DISABLED:"gesturesdisabled",KEYBOARD_CONTROL:"keyboardcontrol",NO_AUTOHIDE:"noautohide",USER_INACTIVE:"userinactive",AUTOHIDE_OVER_CONTROLS:"autohideovercontrols"},sL=Object.values(aT);function sM(e,t){var i,a,s;if(!e.isConnected)return;let n=Object.fromEntries((null!=(i=e.getAttribute(sS.BREAKPOINTS))?i:"sm:384 md:576 lg:768 xl:960").split(/\s+/).map(e=>e.split(":"))),r=(a=n,s=t,Object.keys(a).filter(e=>s>=parseInt(a[e]))),o=!1;
8if(Object.keys(n).forEach(t=>{if(r.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(ak.BREAKPOINTS_CHANGE,{detail:r});e.dispatchEvent(t)}e.breakpointsComputed||(e.breakpointsComputed=!0,e.dispatchEvent(new CustomEvent(ak.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}class sC extends a1.HTMLElement{constructor(){if(super(),sw(this,c),sw(this,E),sw(this,g),sw(this,A),sw(this,T),sw(this,w),sw(this,o,0),sw(this,l,null),sw(this,d,null),sw(this,u,void 0),this.breakpointsComputed=!1,sw(this,h,new MutationObserver(sI(this,c,m).bind(this))),sw(this,p,!1),sw(this,v,e=>{sk(this,p)||(setTimeout(()=>{!function(e){sM(e.target,e.contentRect.width)}(e),s_(this,p,!1)},0),s_(this,p,!0))}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}let e=this.querySelector(":scope > slot[slot=media]");e&&e.addEventListener("slotchange",()=>{if(!e.assignedElements({flatten:!0}).length){sk(this,l)&&this.mediaUnsetCallback(sk(this,l));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[sS.AUTOHIDE,sS.GESTURES_DISABLED].concat(sL).filter(e=>![aT.MEDIA_RENDITION_LIST,aT.MEDIA_AUDIO_TRACK_LIST,aT.MEDIA_CHAPTERS_CUES,aT.MEDIA_WIDTH,aT.MEDIA_HEIGHT,aT.MEDIA_ERROR,aT.MEDIA_ERROR_MESSAGE].includes(e))}attributeChangedCallback(e,t,i){e.toLowerCase()==sS.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&&(s_(this,l,e),e.localName.includes("-")&&await a1.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;sk(this,h).observe(this,{childList:!0,subtree:!0}),a7(this,sk(this,v));let t=null!=this.getAttribute(sS.AUDIO)?aq("audio player"):aq("video player");this.setAttribute("role","region"),this.setAttribute("aria-label",t),this.handleMediaUpdated(this.media),this.setAttribute(sS.USER_INACTIVE,""),sM(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=a1.window)||e.addEventListener("mouseup",this)}disconnectedCallback(){var e;sk(this,h).disconnect(),a8(this,sk(this,v)),this.media&&this.mediaUnsetCallback(this.media),null==(e=a1.window)||e.removeEventListener("mouseup",this)}mediaSetCallback(e){}mediaUnsetCallback(e){s_(this,l,null)}handleEvent(e){switch(e.type){case"pointerdown":s_(this,o,e.timeStamp);break;case"pointermove":sI(this,E,b).call(this,e);break;case"pointerup":sI(this,g,f).call(this,e);break;case"mouseleave":sI(this,A,y).call(this);break;case"mouseup":this.removeAttribute(sS.KEYBOARD_CONTROL);break;case"keyup":sI(this,w,_).call(this),this.setAttribute(sS.KEYBOARD_CONTROL,"")}}set autohide(e){let t=Number(e);s_(this,u,isNaN(t)?0:t)}get autohide(){return(void 0===sk(this,u)?2:sk(this,u)).toString()}get breakpoints(){return sv(this,sS.BREAKPOINTS)}set breakpoints(e){sE(this,sS.BREAKPOINTS,e)}get audio(){return sm(this,sS.AUDIO)}set audio(e){sp(this,sS.AUDIO,e)}get gesturesDisabled(){return sm(this,sS.GESTURES_DISABLED)}set gesturesDisabled(e){sp(this,sS.GESTURES_DISABLED,e)}get keyboardControl(){return sm(this,sS.KEYBOARD_CONTROL)}set keyboardControl(e){sp(this,sS.KEYBOARD_CONTROL,e)}get noAutohide(){return sm(this,sS.NO_AUTOHIDE)}set noAutohide(e){sp(this,sS.NO_AUTOHIDE,e)}get autohideOverControls(){return sm(this,sS.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){sp(this,sS.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return sm(this,sS.USER_INACTIVE)}set userInteractive(e){sp(this,sS.USER_INACTIVE,e)}}o=new WeakMap,l=new WeakMap,d=new WeakMap,u=new WeakMap,h=new WeakMap,c=new WeakSet,m=function(e){let t=this.media;for(let i of e)if("childList"===i.type){for(let e of i.removedNodes
8){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)}},p=new WeakMap,v=new WeakMap,E=new WeakSet,b=function(e){if("mouse"!==e.pointerType&&e.timeStamp-sk(this,o)<250)return;sI(this,T,k).call(this),clearTimeout(sk(this,d));let t=this.hasAttribute(sS.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(e.target)||t)&&sI(this,w,_).call(this)},g=new WeakSet,f=function(e){if("touch"===e.pointerType){let t=!this.hasAttribute(sS.USER_INACTIVE);[this,this.media].includes(e.target)&&t?sI(this,A,y).call(this):sI(this,w,_).call(this)}else e.composedPath().some(e=>["media-play-button","media-fullscreen-button"].includes(null==e?void 0:e.localName))&&sI(this,w,_).call(this)},A=new WeakSet,y=function(){if(0>sk(this,u)||this.hasAttribute(sS.USER_INACTIVE))return;this.setAttribute(sS.USER_INACTIVE,"");let e=new a1.CustomEvent(ak.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(e)},T=new WeakSet,k=function(){if(!this.hasAttribute(sS.USER_INACTIVE))return;this.removeAttribute(sS.USER_INACTIVE);let e=new a1.CustomEvent(ak.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(e)},w=new WeakSet,_=function(){sI(this,T,k).call(this),clearTimeout(sk(this,d));let e=parseInt(this.autohide);e<0||s_(this,d,setTimeout(()=>{sI(this,A,y).call(this)},1e3*e))},sC.shadowRootOptions={mode:"open"},sC.getTemplateHTML=function(e){return` 9 <style> 10 11 :host([${aT.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 overflow: hidden; 22 } 23 24 :host(:not([${sS.AUDIO}])) [part~=layer]:not([part~=media-layer]) { 25 position: absolute; 26 top: 0; 27 left: 0; 28 bottom: 0; 29 right: 0; 30 display: flex; 31 flex-flow: column nowrap; 32 align-items: start; 33 pointer-events: none; 34 background: none; 35 } 36 37 slot[name=media] { 38 display: var(--media-slot-display, contents); 39 } 40 41 42 :host([${sS.AUDIO}]) slot[name=media] { 43 display: var(--media-slot-display, none); 44 } 45 46 47 :host([${sS.AUDIO}]) [part~=layer][part~=gesture-layer] { 48 height: 0; 49 display: block; 50 } 51 52 53 :host(:not([${sS.AUDIO}])[${sS.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]), 54 :host(:not([${sS.AUDIO}])[${sS.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] { 55 display: none; 56 } 57 58 59 ::slotted(:not([slot=media]):not([slot=poster]):not(media-loading-indicator):not([role=dialog]):not([hidden])) { 60 pointer-events: auto; 61 } 62 63 :host(:not([${sS.AUDIO}])) *[part~=layer][part~=centered-layer] { 64 align-items: center; 65 justify-content: center; 66 } 67 68 :host(:not([${sS.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]), 69 :host(:not([${sS.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] { 70 align-self: stretch; 71 flex-grow: 1; 72 } 73 74 slot[name=middle-chrome] { 75 display: inline; 76 flex-grow: 1; 77 pointer-events: none; 78 background: none; 79 } 80 81 82 ::slotted([slot=media]), 83 ::slotted([slot=poster]) { 84 width: 100%; 85 height: 100%; 86 } 87 88 89 :host(:not([${sS.AUDIO}])) .spacer { 90 flex-grow: 1; 91 } 92 93 94 :host(:-webkit-full-screen) { 95 96 width: 100% !important; 97 height: 100% !important; 98 } 99 100 101 ::slotted(:not([slot=media]):not([slot=poster]):not([${sS.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) { 102 opacity: 1; 103 transition: var(--media-control-transition-in, opacity 0.25s); 104 } 105 106 107 :host([${sS.USER_INACTIVE}]:not([${aT.MEDIA_PAUSED}]):not([${aT.MEDIA_IS_AIRPLAYING}
107]):not([${aT.MEDIA_IS_CASTING}]):not([${sS.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${sS.NO_AUTOHIDE}]):not([role=dialog])) { 108 opacity: 0; 109 transition: var(--media-control-transition-out, opacity 1s); 110 } 111 112 :host([${sS.USER_INACTIVE}]:not([${sS.NO_AUTOHIDE}]):not([${aT.MEDIA_PAUSED}]):not([${aT.MEDIA_IS_CASTING}]):not([${sS.AUDIO}])) ::slotted([slot=media]) { 113 cursor: none; 114 } 115 116 :host([${sS.USER_INACTIVE}][${sS.AUTOHIDE_OVER_CONTROLS}]:not([${sS.NO_AUTOHIDE}]):not([${aT.MEDIA_PAUSED}]):not([${aT.MEDIA_IS_CASTING}]):not([${sS.AUDIO}])) * { 117 --media-cursor: none; 118 cursor: none; 119 } 120 121 122 ::slotted(media-control-bar) { 123 align-self: stretch; 124 } 125 126 127 :host(:not([${sS.AUDIO}])[${aT.MEDIA_HAS_PLAYED}]) slot[name=poster] { 128 display: none; 129 } 130 131 ::slotted([role=dialog]) { 132 width: 100%; 133 height: 100%; 134 align-self: center; 135 } 136 137 ::slotted([role=menu]) { 138 align-self: end; 139 } 140 </style> 141 142 <slot name="media" part="layer media-layer"></slot> 143 <slot name="poster" part="layer poster-layer"></slot> 144 <slot name="gestures-chrome" part="layer gesture-layer"> 145 <media-gesture-receiver slot="gestures-chrome"> 146 <template shadowrootmode="${sy.shadowRootOptions.mode}"> 147 ${sy.getTemplateHTML({})} 148 </template> 149 </media-gesture-receiver> 150 </slot> 151 <span part="layer vertical-layer"> 152 <slot name="top-chrome" part="top chrome"></slot> 153 <slot name="middle-chrome" part="middle chrome"></slot> 154 <slot name="centered-chrome" part="layer centered-layer center centered chrome"></slot> 155 156 <slot part="bottom chrome"></slot> 157 </span> 158 <slot name="dialog" part="layer dialog-layer"></slot> 159 `},a1.customElements.get("media-container")||a1.customElements.define("media-container",sC);var sR=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sD=(e,t,i)=>(sR(e,t,"read from private field"),i?i.call(e):t.get(e)),sx=(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)},sO=(e,t,i,a)=>(sR(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class sN{constructor(e,t,{defaultValue:i}={defaultValue:void 0}){sx(this,C),sx(this,I,void 0),sx(this,S,void 0),sx(this,L,void 0),sx(this,M,new Set),sO(this,I,e),sO(this,S,t),sO(this,L,new Set(i))}[Symbol.iterator](){return sD(this,C,R).values()}get length(){return sD(this,C,R).size}get value(){var e;return null!=(e=[...sD(this,C,R)].join(" "))?e:""}set value(e){var t;e!==this.value&&(sO(this,M,new Set),this.add(...null!=(t=null==e?void 0:e.split(" "))?t:[]))}toString(){return this.value}item(e){return[...sD(this,C,R)][e]}values(){return sD(this,C,R).values()}forEach(e,t){sD(this,C,R).forEach(e,t)}add(...e){var t,i;e.forEach(e=>sD(this,M).add(e)),(""!==this.value||(null==(t=sD(this,I))?void 0:t.hasAttribute(`${sD(this,S)}`)))&&(null==(i=sD(this,I))||i.setAttribute(`${sD(this,S)}`,`${this.value}`))}remove(...e){var t;e.forEach(e=>sD(this,M).delete(e)),null==(t=sD(this,I))||t.setAttribute(`${sD(this,S)}`,`${this.value}`)}contains(e){return sD(this,C,R).has(e)}toggle(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}}I=new WeakMap,S=new WeakMap,L=new WeakMap,M=new WeakMap,C=new WeakSet,R=function(){return sD(this,M).size?sD(this,M):sD(this,L)};let sU=(e="")=>e.split(/\s+/),sP=(e="")=>{let[t,i,a]=e.split(":"),s=a?decodeURIComponent(a):void 0;return{kind:"cc"===t?a_.CAPTIONS:a_.SUBTITLES,language:i,label:s}},sH=(e="",t={})=>sU(e).map(e=>{let i=sP(e);return{...t,...i}}),sW=e=>e?Array.isArray(e)?e.map(e=>"string"==typeof e?sP(e):e):"string"==typeof e?sH(e):[e]:[],sB=({kind:e,label:t,language:i}={kind:"subtitles"})=>t?`${"captions"===e?"cc":"sb"}:${i}:${encodeURIComponent(t)}`:i,sV=(e=[])=>Array.prototype.map.call(e,sB).join(" "),s$=(e,t)=>i=>i[e]===t,sF=e=>{let t=Object.entries(e).map(([e,t])=>s$(e,t));return e=>t.every(t=>t(e))},sK=(e,t=[],i=[])=>{let a=sW(i).map(sF);Array.from(t).filter(e=>a.some(t=>
159t(e))).forEach(t=>{t.mode=e})},sG=(e,t=()=>!0)=>{if(!(null==e?void 0:e.textTracks))return[];let i="function"==typeof t?t:sF(t);return Array.from(e.textTracks).filter(i)},sq=e=>{var t;return!!(null==(t=e.mediaSubtitlesShowing)?void 0:t.length)||e.hasAttribute(aT.MEDIA_SUBTITLES_SHOWING)},sY=e=>{var t;let{media:i,fullscreenElement:a}=e;try{let e=a&&"requestFullscreen"in a?"requestFullscreen":a&&"webkitRequestFullScreen"in a?"webkitRequestFullScreen":void 0;if(e){let i=null==(t=a[e])?void 0:t.call(a);if(i instanceof Promise)return i.catch(()=>{})}else(null==i?void 0:i.webkitEnterFullscreen)?i.webkitEnterFullscreen():(null==i?void 0:i.requestFullscreen)&&i.requestFullscreen()}catch(e){console.error(e)}},sQ="exitFullscreen"in a2?"exitFullscreen":"webkitExitFullscreen"in a2?"webkitExitFullscreen":"webkitCancelFullScreen"in a2?"webkitCancelFullScreen":void 0,sZ=e=>{var t;let{documentElement:i}=e;if(sQ){let e=null==(t=null==i?void 0:i[sQ])?void 0:t.call(i);if(e instanceof Promise)return e.catch(()=>{})}},sj="fullscreenElement"in a2?"fullscreenElement":"webkitFullscreenElement"in a2?"webkitFullscreenElement":void 0,sz=e=>{let{documentElement:t,media:i}=e,a=null==t?void 0:t[sj];return!a&&"webkitDisplayingFullscreen"in i&&"webkitPresentationMode"in i&&i.webkitDisplayingFullscreen&&i.webkitPresentationMode===aC.FULLSCREEN?i:a},sX=e=>{var t;let{media:i,documentElement:a,fullscreenElement:s=i}=e;if(!i||!a)return!1;let n=sz(e);if(!n)return!1;if(n===s||n===i)return!0;if(n.localName.includes("-")){let e=n.shadowRoot;if(!(sj in e))return ss(n,s);for(;null==e?void 0:e[sj];){if(e[sj]===s)return!0;e=null==(t=e[sj])?void 0:t.shadowRoot}}return!1},sJ="fullscreenEnabled"in a2?"fullscreenEnabled":"webkitFullscreenEnabled"in a2?"webkitFullscreenEnabled":void 0,s0=e=>{let{documentElement:t,media:i}=e;return!!(null==t?void 0:t[sJ])||i&&"webkitSupportsFullscreen"in i},s1=()=>{var e;return a||(a=null==(e=null==a2?void 0:a2.createElement)?void 0:e.call(a2,"video"))},s2=async(e=s1())=>{if(!e)return!1;let t=e.volume;e.volume=t/2+.1;let i=new AbortController,a=await Promise.race([s5(e,i.signal),s3(e,t)]);return i.abort(),a},s5=(e,t)=>new Promise(i=>{e.addEventListener("volumechange",()=>i(!0),{signal:t})}),s3=async(e,t)=>{for(let i=0;i<10;i++){if(e.volume===t)return!1;await aP(10)}return e.volume!==t},s4=/.*Version\/.*Safari\/.*/.test(a1.navigator.userAgent),s7=(e=s1())=>(!a1.matchMedia("(display-mode: standalone)").matches||!s4)&&"function"==typeof(null==e?void 0:e.requestPictureInPicture),s8=(e=s1())=>s0({documentElement:a2,media:e}),s9=s8(),s6=s7(),ne=!!a1.WebKitPlaybackTargetAvailabilityEvent,nt=!!a1.chrome,ni=e=>sG(e.media,e=>[a_.SUBTITLES,a_.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),na=e=>sG(e.media,e=>e.mode===aI.SHOWING&&[a_.SUBTITLES,a_.CAPTIONS].includes(e.kind)),ns=(e,t)=>{let i=ni(e),a=na(e),s=!!a.length;if(i.length){if(!1===t||s&&!0!==t)sK(aI.DISABLED,i,a);else if(!0===t||!s&&!1!==t){let t=i[0],{options:s}=e;if(!(null==s?void 0:s.noSubtitlesLangPref)){let e=globalThis.localStorage.getItem("media-chrome-pref-subtitles-lang"),a=e?[e,...globalThis.navigator.languages]:globalThis.navigator.languages,s=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])));s[0]&&(t=s[0])}let{language:n,label:r,kind:o}=t;sK(aI.DISABLED,i,a),sK(aI.SHOWING,i,[{language:n,label:r,kind:o}])}}},nn=(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)?nr(e,t):Object.entries(e).every(([e,i])=>e in t&&nn(i,t[e])))),nr=(e,t)=>
159{let i=Array.isArray(e),a=Array.isArray(t);return i===a&&(!i&&!a||e.length===t.length&&e.every((e,i)=>nn(e,t[i])))},no=Object.values(aM),nl=s2().then(e=>s=e),nd=async(...e)=>{await Promise.all(e.filter(e=>e).map(async e=>{if(!("localName"in e&&e instanceof a1.HTMLElement))return;let t=e.localName;if(!t.includes("-"))return;let i=a1.customElements.get(t);i&&e instanceof i||(await a1.customElements.whenDefined(t),a1.customElements.upgrade(e))}))},nu=new a1.DOMParser,nh=e=>e&&nu.parseFromString(e,"text/html").body.textContent||e,nc={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:s}=e;if((null==t?void 0:t.type)!=="playing")return null!=(a=null==(i=null==s?void 0:s.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,options:{noMutedPref:a}={}}=t;if(i){i.muted=e;try{let t=null!==a1.localStorage.getItem("media-chrome-pref-muted"),s=i.hasAttribute("muted");if(a){t&&a1.localStorage.removeItem("media-chrome-pref-muted");return}if(s&&!t)return;a1.localStorage.setItem("media-chrome-pref-muted",e?"true":"false")}catch(e){console.debug("Error setting muted pref",e)}}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(e,t)=>{let{options:{noMutedPref:i}}=t,{media:a}=t;if(a&&!a.muted&&!i)try{let i="true"===a1.localStorage.getItem("media-chrome-pref-muted");nc.mediaMuted.set(i,t),e(i)}catch(e){console.debug("Error getting muted pref",e)}}]},mediaLoop:{get(e){let{media:t}=e;return null==t?void 0:t.loop},set(e,t){let{media:i}=t;i&&(i.loop=e)},mediaEvents:["medialooprequest"]},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,options:{noVolumePref:a}={}}=t;if(i){try{null==e?a1.localStorage.removeItem("media-chrome-pref-volume"):i.hasAttribute("muted")||a||a1.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=a1.localStorage.getItem("media-chrome-pref-volume");if(null==a)return;nc.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&&aN(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:Number.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),s=i.seekable.end(i.seekable.length-1);if(a||s)return[Number(a.toFixed(3)),Number(s.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=[aM.LIVE,aM.ON_DEMAND].includes(i)?i:void 0;if(!t)return a;let{streamType:s}=t;if(no.includes(s))return s===aM.UNKNOWN?a:s;let n=t.duration;return n===1/0?aM.LIVE:Number.isFinite(n)?aM.ON_DEMAND:a}
159,mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(e){let{media:t}=e;if(!t)return Number.NaN;let{targetLiveWindow:i}=t,a=nc.mediaStreamType.get(e);return(null==i||Number.isNaN(i))&&a===aM.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(nc.mediaStreamType.get(e)!==aM.LIVE)return!1;let a=t.seekable;if(!a)return!0;if(!a.length)return!1;let s=a.end(a.length-1)-i;return t.currentTime>=s},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},mediaSubtitlesList:{get:e=>ni(e).map(({kind:e,label:t,language:i})=>({kind:e,label:t,language:i})),mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get:e=>na(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:s,options:n}=t;if(!s)return;let r=e=>{var i;n.defaultSubtitles&&(e&&![a_.CAPTIONS,a_.SUBTITLES].includes(null==(i=null==e?void 0:e.track)?void 0:i.kind)||ns(t,!0))};return s.addEventListener("loadstart",r),null==(i=s.textTracks)||i.addEventListener("addtrack",r),null==(a=s.textTracks)||a.addEventListener("removetrack",r),()=>{var e,t;s.removeEventListener("loadstart",r),null==(e=s.textTracks)||e.removeEventListener("addtrack",r),null==(t=s.textTracks)||t.removeEventListener("removetrack",r)}}]},mediaChaptersCues:{get(e){var t;let{media:i}=e;if(!i)return[];let[a]=sG(i,{kind:a_.CHAPTERS});return Array.from(null!=(t=null==a?void 0:a.cues)?t:[]).map(({text:e,startTime:t,endTime:i})=>({text:nh(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 s=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==s||s.addEventListener("load",e),null==n||n.addEventListener("load",e),()=>{null==s||s.removeEventListener("load",e),null==n||n.removeEventListener("load",e)}}]},mediaIsPip:{get(e){var t,i;let{media:a,documentElement:s}=e;if(!a||!s||!s.pictureInPictureElement)return!1;if(s.pictureInPictureElement===a)return!0;if(s.pictureInPictureElement instanceof HTMLMediaElement)return!!(null==(t=a.localName)?void 0:t.includes("-"))&&ss(a,s.pictureInPictureElement);if(s.pictureInPictureElement.localName.includes("-")){let e=s.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(!a2.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 a2.pictureInPictureElement&&a2.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:s}=e;return null==(a=null==(i=null==s?void 0:s.videoRenditions)?void 0:i[null==(t=s.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.");
159for(let t of i.audioTracks)t.enabled=e==t.id},mediaEvents:["emptied"],audioTracksEvents:["addtrack","removetrack","change"]},mediaIsFullscreen:{get:e=>sX(e),set(e,t,i){var a;e?(sY(t),i.detail&&(null==(a=t.media)||a.focus())):sZ(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:s}=t;if(s&&(!e||(null==(i=s.remote)?void 0:i.state)==="disconnected")&&(e||(null==(a=s.remote)?void 0:a.state)==="connected")){if("function"!=typeof s.remote.prompt)return void console.warn("MediaChrome: Casting is not supported in this environment");s.remote.prompt().catch(()=>{})}},remoteEvents:["connect","connecting","disconnect"]},mediaIsAirplaying:{get:()=>!1,set(e,t){let{media:i}=t;if(i){if(!(i.webkitShowPlaybackTargetPicker&&a1.WebKitPlaybackTargetAvailabilityEvent))return void console.error("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(!s9||!s8(t))return aL.UNSUPPORTED}},mediaPipUnavailable:{get(e){let{media:t}=e;return s6&&s7(t)?(null==t?void 0:t.disablePictureInPicture)?aL.UNAVAILABLE:void 0:aL.UNSUPPORTED}},mediaVolumeUnavailable:{get(e){let{media:t}=e;if(!1===s||(null==t?void 0:t.volume)==void 0)return aL.UNSUPPORTED},stateOwnersUpdateHandlers:[e=>{null==s&&nl.then(t=>e(t?void 0:aL.UNSUPPORTED))}]},mediaCastUnavailable:{get(e,{availability:t="not-available"}={}){var i;let{media:a}=e;return nt&&(null==(i=null==a?void 0:a.remote)?void 0:i.state)?null!=t&&"available"!==t?aL.UNAVAILABLE:void 0:aL.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)=>ne?(null==t?void 0:t.availability)==="not-available"?aL.UNAVAILABLE:void 0:aL.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:aL.UNAVAILABLE:aL.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?aL.UNAVAILABLE:void 0:aL.UNSUPPORTED},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaLang:{get(e){let{options:{mediaLang:t}={}}=e;return null!=t?t:"en"}}},nm={[ag.MEDIA_PREVIEW_REQUEST](e,t,{detail:i}){var a,s,n;let r,o,{media:l}=t,d=null!=i?i:void 0;if(l&&null!=d){let[e]=sG(l,{kind:a_.METADATA,label:"thumbnails"}),t=Array.prototype.find.call(null!=(a=null==e?void 0:e.cues)?a:[],(e,t,i)=>0===t?e.endTime>d:t===i.length-1?e.startTime<=d:e.startTime<=d&&e.endTime>d);if(t){let e=/'^(?:[a-z]+:)?\/\//i.test(t.text)||null==(s=null==l?void 0:l.querySelector('track[label="thumbnails"]'))?void 0:s.src,i=new URL(t.text,e);o=new URLSearchParams(i.hash).get("#xywh").split(",").map(e=>+e),r=i.href}}
159let 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:r,mediaPreviewCoords:o,mediaPreviewChapter:h}},[ag.MEDIA_PAUSE_REQUEST](e,t){e.mediaPaused.set(!0,t)},[ag.MEDIA_PLAY_REQUEST](e,t){var i,a,s,n;let r=e.mediaStreamType.get(t)===aM.LIVE,o=!(null==(i=t.options)?void 0:i.noAutoSeekToLive),l=e.mediaTargetLiveWindow.get(t)>0;if(r&&o&&!l){let i=null==(a=e.mediaSeekable.get(t))?void 0:a[1];if(i){let a=null!=(n=null==(s=t.options)?void 0:s.seekToLiveOffset)?n:0;e.mediaCurrentTime.set(i-a,t)}}e.mediaPaused.set(!1,t)},[ag.MEDIA_PLAYBACK_RATE_REQUEST](e,t,{detail:i}){e.mediaPlaybackRate.set(i,t)},[ag.MEDIA_MUTE_REQUEST](e,t){e.mediaMuted.set(!0,t)},[ag.MEDIA_UNMUTE_REQUEST](e,t){e.mediaVolume.get(t)||e.mediaVolume.set(.25,t),e.mediaMuted.set(!1,t)},[ag.MEDIA_LOOP_REQUEST](e,t,{detail:i}){let a=!!i;return e.mediaLoop.set(a,t),{mediaLoop:a}},[ag.MEDIA_VOLUME_REQUEST](e,t,{detail:i}){i&&e.mediaMuted.get(t)&&e.mediaMuted.set(!1,t),e.mediaVolume.set(i,t)},[ag.MEDIA_SEEK_REQUEST](e,t,{detail:i}){e.mediaCurrentTime.set(i,t)},[ag.MEDIA_SEEK_TO_LIVE_REQUEST](e,t){var i,a,s;let n=null==(i=e.mediaSeekable.get(t))?void 0:i[1];if(Number.isNaN(Number(n)))return;let r=null!=(s=null==(a=t.options)?void 0:a.seekToLiveOffset)?s:0;e.mediaCurrentTime.set(n-r,t)},[ag.MEDIA_SHOW_SUBTITLES_REQUEST](e,t,{detail:i}){var a;let{options:s}=t,n=ni(t),r=sW(i),o=null==(a=r[0])?void 0:a.language;o&&!s.noSubtitlesLangPref&&a1.localStorage.setItem("media-chrome-pref-subtitles-lang",o),sK(aI.SHOWING,n,r)},[ag.MEDIA_DISABLE_SUBTITLES_REQUEST](e,t,{detail:i}){let a=ni(t);sK(aI.DISABLED,a,null!=i?i:[])},[ag.MEDIA_TOGGLE_SUBTITLES_REQUEST](e,t,{detail:i}){ns(t,i)},[ag.MEDIA_RENDITION_REQUEST](e,t,{detail:i}){e.mediaRenditionSelected.set(i,t)},[ag.MEDIA_AUDIO_TRACK_REQUEST](e,t,{detail:i}){e.mediaAudioTrackEnabled.set(i,t)},[ag.MEDIA_ENTER_PIP_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsPip.set(!0,t)},[ag.MEDIA_EXIT_PIP_REQUEST](e,t){e.mediaIsPip.set(!1,t)},[ag.MEDIA_ENTER_FULLSCREEN_REQUEST](e,t,i){e.mediaIsPip.get(t)&&e.mediaIsPip.set(!1,t),e.mediaIsFullscreen.set(!0,t,i)},[ag.MEDIA_EXIT_FULLSCREEN_REQUEST](e,t){e.mediaIsFullscreen.set(!1,t)},[ag.MEDIA_ENTER_CAST_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsCasting.set(!0,t)},[ag.MEDIA_EXIT_CAST_REQUEST](e,t){e.mediaIsCasting.set(!1,t)},[ag.MEDIA_AIRPLAY_REQUEST](e,t){e.mediaIsAirplaying.set(!0,t)}},np=({media:e,fullscreenElement:t,documentElement:i,stateMediator:a=nc,requestMap:s=nm,options:n={},monitorStateOwnersOnlyWithSubscriptions:r=!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&&(nn(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,s,n,u,p,v,E,b,g,f,A,y,T,k,w,_;let I=!!o;if(o={...d,...null!=o?o:{},...e},I)return;await nd(...Object.values(e));let S=l.length>0&&0===t&&r,L=d.media!==o.media,M=(null==(i=d.media)?void 0:i.textTracks)!==(null==(s=o.media)?void 0:s.textTracks),C=(null==(n=d.media)?void 0:n.videoRenditions)!==(null==(u=o.media)?void 0:u.videoRenditions),R=(null==(p=d.media)?void 0:p.audioTracks)!==(null==(v=o.media)?void 0:v.audioTracks),D=(null==(E=d.media)?void 0:E.remote)!==(null==(b=o.media)?void 0:b.remote),x=d.documentElement!==o.documentElement,O=!!d.media&&(L||S),N=!!(null==(g=d.media)?void 0:g.textTracks)&&(M||S),U=!!(null==(f=d.media)?void 0:f.videoRenditions)&&(C||S),P=!!(null==(A=d.media)?void 0:A.audioTracks)&&(R||S),H=!!(null==(y=d.media)?void 0:y.remote)&&(D||S),W=!!d.documentElement&&(x||S),B=O||N||U||P||H||W,V=0===l.length&&1===t&&r,$=!!o.media&&(L||V),F=!!(null==(T=o.media)?void 0:T.textTracks)&&(M||V),K=!!(null==(k=o.media)?void 0:k.videoRenditions)&&(C||V),G=!!(null==(w=o.media)?void 0:w.audioTracks)&&(R||V),q=!!(null==(_=o.media)?void 0:_.remote)&&(D||V),Y=!!o.documentElement&&(x||V),Q=$||F||K||G||q||Y;
159if(!(B||Q)){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:s=[],audioTracksEvents:n=[],remoteEvents:r=[],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&&O&&(d.media.removeEventListener(t,c),m[e].mediaEvents=void 0),$&&(o.media.addEventListener(t,p),m[e].mediaEvents=p)}),c=m[e].textTracksEvents,a.forEach(t=>{var i,a;c&&N&&(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,s.forEach(t=>{var i,a;c&&U&&(null==(i=d.media.videoRenditions)||i.removeEventListener(t,c),m[e].videoRenditionsEvents=void 0),K&&(null==(a=o.media.videoRenditions)||a.addEventListener(t,p),m[e].videoRenditionsEvents=p)}),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),G&&(null==(a=o.media.audioTracks)||a.addEventListener(t,p),m[e].audioTracksEvents=p)}),c=m[e].remoteEvents,r.forEach(t=>{var i,a;c&&H&&(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&&W&&(d.documentElement.removeEventListener(t,c),m[e].rootEvents=void 0),Y&&(o.documentElement.addEventListener(t,p),m[e].rootEvents=p)});let v=m[e].stateOwnersUpdateHandlers;if(v&&B&&(Array.isArray(v)?v:[v]).forEach(e=>{"function"==typeof e&&e()}),Q){let t=u.map(e=>e(p,o)).filter(e=>"function"==typeof e);m[e].stateOwnersUpdateHandlers=1===t.length?t[0]:t}else B&&(m[e].stateOwnersUpdateHandlers=void 0)}),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(s[t]&&null==u.mediaErrorCode)return void h(s[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}),c())},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))})}};var nv=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},nE=(e,t,i)=>(nv(e,t,"read from private field"),i?i.call(e):t.get(e)),nb=(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)},ng=(e,t,i,a)=>(nv(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),nf=(e,t,i)=>(nv(e,t,"access private method"),i);let nA=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Enter"," ","f","m","k","c","l","j",">","<","p"],ny={DEFAULT_SUBTITLES:"defaultsubtitles",DEFAULT_STREAM_TYPE:"defaultstreamtype",DEFAULT_DURATION:"defaultduration",FULLSCREEN_ELEMENT:"fullscreenelement",HOTKEYS:"hotkeys",KEYBOARD_BACKWARD_SEEK_OFFSET:"keyboardbackwardseekoffset",KEYBOARD_FORWARD_SEEK_OFFSET:"keyboardforwardseekoffset",KEYBOARD_DOWN_VOLUME_STEP:"keyboarddownvolumestep",KEYBOARD_UP_VOLUME_STEP:"keyboardupvolumestep",KEYS_USED:"keysused",LANG:"lang",LOOP:"loop",LIVE_EDGE_OFFSET:"liveedgeoffset",NO_AUTO_SEEK_TO_LIVE:"noautoseektolive",NO_DEFAULT_STORE:"nodefaultstore",NO_HOTKEYS:"nohotkeys",NO_MUTED_PREF:"nomutedpref",NO_SUBTITLES_LANG_PREF:"nosubtitleslangpref",NO_VOLUME_PREF:"novolumepref",SEEK_TO_LIVE_OFFSET:"seektoliveoffset"};class nT extends sC{constructor(){super(),nb(this,W),nb(this,V),nb(this,F),nb(this,G),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,nb(this,D,new sN(this,ny.HOTKEYS)),nb(this,x,void 0),nb(this,O,void 0),nb(this,N,null),nb(this,U,void 0),nb(this,P,void 0),nb(this,H,e=>{var t;null==(t=nE(this,O))||t.dispatch(e)}),this.associateElement(this);let e={};ng(this,U,t=>{Object.entries(t).forEach(([t,i])=>{if(t in e&&e[t]===i)return;
159this.propagateMediaState(t,i);let a=t.toLowerCase(),s=new a1.CustomEvent(aw[a],{composed:!0,detail:i});this.dispatchEvent(s)}),e=t}),this.hasAttribute(ny.NO_HOTKEYS)?this.disableHotkeys():this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat(ny.NO_HOTKEYS,ny.HOTKEYS,ny.DEFAULT_STREAM_TYPE,ny.DEFAULT_SUBTITLES,ny.DEFAULT_DURATION,ny.NO_MUTED_PREF,ny.NO_VOLUME_PREF,ny.LANG,ny.LOOP)}get mediaStore(){return nE(this,O)}set mediaStore(e){var t,i;if(nE(this,O)&&(null==(t=nE(this,P))||t.call(this),ng(this,P,void 0)),ng(this,O,e),!nE(this,O)&&!this.hasAttribute(ny.NO_DEFAULT_STORE))return void nf(this,W,B).call(this);ng(this,P,null==(i=nE(this,O))?void 0:i.subscribe(nE(this,U)))}get fullscreenElement(){var e;return null!=(e=nE(this,x))?e:this}set fullscreenElement(e){var t;this.hasAttribute(ny.FULLSCREEN_ELEMENT)&&this.removeAttribute(ny.FULLSCREEN_ELEMENT),ng(this,x,e),null==(t=nE(this,O))||t.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}get defaultSubtitles(){return sm(this,ny.DEFAULT_SUBTITLES)}set defaultSubtitles(e){sp(this,ny.DEFAULT_SUBTITLES,e)}get defaultStreamType(){return sv(this,ny.DEFAULT_STREAM_TYPE)}set defaultStreamType(e){sE(this,ny.DEFAULT_STREAM_TYPE,e)}get defaultDuration(){return sh(this,ny.DEFAULT_DURATION)}set defaultDuration(e){sc(this,ny.DEFAULT_DURATION,e)}get noHotkeys(){return sm(this,ny.NO_HOTKEYS)}set noHotkeys(e){sp(this,ny.NO_HOTKEYS,e)}get keysUsed(){return sv(this,ny.KEYS_USED)}set keysUsed(e){sE(this,ny.KEYS_USED,e)}get liveEdgeOffset(){return sh(this,ny.LIVE_EDGE_OFFSET)}set liveEdgeOffset(e){sc(this,ny.LIVE_EDGE_OFFSET,e)}get noAutoSeekToLive(){return sm(this,ny.NO_AUTO_SEEK_TO_LIVE)}set noAutoSeekToLive(e){sp(this,ny.NO_AUTO_SEEK_TO_LIVE,e)}get noVolumePref(){return sm(this,ny.NO_VOLUME_PREF)}set noVolumePref(e){sp(this,ny.NO_VOLUME_PREF,e)}get noMutedPref(){return sm(this,ny.NO_MUTED_PREF)}set noMutedPref(e){sp(this,ny.NO_MUTED_PREF,e)}get noSubtitlesLangPref(){return sm(this,ny.NO_SUBTITLES_LANG_PREF)}set noSubtitlesLangPref(e){sp(this,ny.NO_SUBTITLES_LANG_PREF,e)}get noDefaultStore(){return sm(this,ny.NO_DEFAULT_STORE)}set noDefaultStore(e){sp(this,ny.NO_DEFAULT_STORE,e)}attributeChangedCallback(e,t,i){var a,s,n,r,o,l,d,u,h,c,m,p;if(super.attributeChangedCallback(e,t,i),e===ny.NO_HOTKEYS)i!==t&&""===i?(this.hasAttribute(ny.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===ny.HOTKEYS)nE(this,D).value=i;else if(e===ny.DEFAULT_SUBTITLES&&i!==t)null==(a=nE(this,O))||a.dispatch({type:"optionschangerequest",detail:{defaultSubtitles:this.hasAttribute(ny.DEFAULT_SUBTITLES)}});else if(e===ny.DEFAULT_STREAM_TYPE)null==(n=nE(this,O))||n.dispatch({type:"optionschangerequest",detail:{defaultStreamType:null!=(s=this.getAttribute(ny.DEFAULT_STREAM_TYPE))?s:void 0}});else if(e===ny.LIVE_EDGE_OFFSET)null==(r=nE(this,O))||r.dispatch({type:"optionschangerequest",detail:{liveEdgeOffset:this.hasAttribute(ny.LIVE_EDGE_OFFSET)?+this.getAttribute(ny.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(ny.SEEK_TO_LIVE_OFFSET)?void 0:+this.getAttribute(ny.LIVE_EDGE_OFFSET)}});else if(e===ny.SEEK_TO_LIVE_OFFSET)null==(o=nE(this,O))||o.dispatch({type:"optionschangerequest",detail:{seekToLiveOffset:this.hasAttribute(ny.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(ny.SEEK_TO_LIVE_OFFSET):void 0}});else if(e===ny.NO_AUTO_SEEK_TO_LIVE)null==(l=nE(this,O))||l.dispatch({type:"optionschangerequest",detail:{noAutoSeekToLive:this.hasAttribute(ny.NO_AUTO_SEEK_TO_LIVE)}});else if(e===ny.FULLSCREEN_ELEMENT){let e=i?null==(d=this.getRootNode())?void 0:d.getElementById(i):void 0;ng(this,x,e),null==(u=nE(this,O))||u.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}else e===ny.LANG&&i!==t?(aK(i),null==(h=nE(this,O))||h.dispatch({type:"optionschangerequest",detail:{mediaLang:i}})):e===ny.LOOP&&i!==t?null==(c=nE(this,O))||c.dispatch({type:ag.MEDIA_LOOP_REQUEST,detail:null!=i}
159):e===ny.NO_VOLUME_PREF&&i!==t?null==(m=nE(this,O))||m.dispatch({type:"optionschangerequest",detail:{noVolumePref:this.hasAttribute(ny.NO_VOLUME_PREF)}}):e===ny.NO_MUTED_PREF&&i!==t&&(null==(p=nE(this,O))||p.dispatch({type:"optionschangerequest",detail:{noMutedPref:this.hasAttribute(ny.NO_MUTED_PREF)}}))}connectedCallback(){var e,t;nE(this,O)||this.hasAttribute(ny.NO_DEFAULT_STORE)||nf(this,W,B).call(this),null==(e=nE(this,O))||e.dispatch({type:"documentelementchangerequest",detail:a2}),super.connectedCallback(),nE(this,O)&&!nE(this,P)&&ng(this,P,null==(t=nE(this,O))?void 0:t.subscribe(nE(this,U))),this.hasAttribute(ny.NO_HOTKEYS)?this.disableHotkeys():this.enableHotkeys()}disconnectedCallback(){var e,t,i,a;null==(e=super.disconnectedCallback)||e.call(this),nE(this,O)&&(null==(t=nE(this,O))||t.dispatch({type:"documentelementchangerequest",detail:void 0}),null==(i=nE(this,O))||i.dispatch({type:ag.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})),nE(this,P)&&(null==(a=nE(this,P))||a.call(this),ng(this,P,void 0))}mediaSetCallback(e){var t;super.mediaSetCallback(e),null==(t=nE(this,O))||t.dispatch({type:"mediaelementchangerequest",detail:e}),e.hasAttribute("tabindex")||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),null==(t=nE(this,O))||t.dispatch({type:"mediaelementchangerequest",detail:void 0})}propagateMediaState(e,t){nx(this.mediaStateReceivers,e,t)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let i=nO(e,this.registerMediaStateReceiver.bind(this),this.unregisterMediaStateReceiver.bind(this));Object.values(ag).forEach(t=>{e.addEventListener(t,nE(this,H))}),t.set(e,i)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;t.has(e)&&(t.get(e)(),t.delete(e),Object.values(ag).forEach(t=>{e.removeEventListener(t,nE(this,H))}))}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;!(t.indexOf(e)>-1)&&(t.push(e),nE(this,O)&&Object.entries(nE(this,O).getState()).forEach(([t,i])=>{nx([e],t,i)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,i=t.indexOf(e);i<0||t.splice(i,1)}enableHotkeys(){this.addEventListener("keydown",nf(this,F,K))}disableHotkeys(){this.removeEventListener("keydown",nf(this,F,K)),this.removeEventListener("keyup",nf(this,V,$))}get hotkeys(){return sv(this,ny.HOTKEYS)}set hotkeys(e){sE(this,ny.HOTKEYS,e)}keyboardShortcutHandler(e){var t,i,a,s,n,r,o,l,d;let u,h,c,m=e.target;if(!((null!=(a=null!=(i=null==(t=m.getAttribute(ny.KEYS_USED))?void 0:t.split(" "))?i:null==m?void 0:m.keysUsed)?a:[]).map(e=>
159"Space"===e?" ":e).filter(Boolean).includes(e.key)||nE(this,D).contains(`no${e.key.toLowerCase()}`)||" "===e.key&&nE(this,D).contains("nospace"))&&!(e.shiftKey&&("/"===e.key||"?"===e.key)&&nE(this,D).contains("noshift+/")))switch(e.key){case" ":case"k":u=nE(this,O).getState().mediaPaused?ag.MEDIA_PLAY_REQUEST:ag.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new a1.CustomEvent(u,{composed:!0,bubbles:!0}));break;case"m":u="off"===this.mediaStore.getState().mediaVolumeLevel?ag.MEDIA_UNMUTE_REQUEST:ag.MEDIA_MUTE_REQUEST,this.dispatchEvent(new a1.CustomEvent(u,{composed:!0,bubbles:!0}));break;case"f":u=this.mediaStore.getState().mediaIsFullscreen?ag.MEDIA_EXIT_FULLSCREEN_REQUEST:ag.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new a1.CustomEvent(u,{composed:!0,bubbles:!0}));break;case"c":this.dispatchEvent(new a1.CustomEvent(ag.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}));break;case"ArrowLeft":case"j":{let e=this.hasAttribute(ny.KEYBOARD_BACKWARD_SEEK_OFFSET)?+this.getAttribute(ny.KEYBOARD_BACKWARD_SEEK_OFFSET):10;h=Math.max((null!=(s=this.mediaStore.getState().mediaCurrentTime)?s:0)-e,0),c=new a1.CustomEvent(ag.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break}case"ArrowRight":case"l":{let e=this.hasAttribute(ny.KEYBOARD_FORWARD_SEEK_OFFSET)?+this.getAttribute(ny.KEYBOARD_FORWARD_SEEK_OFFSET):10;h=Math.max((null!=(n=this.mediaStore.getState().mediaCurrentTime)?n:0)+e,0),c=new a1.CustomEvent(ag.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break}case"ArrowUp":{let e=this.hasAttribute(ny.KEYBOARD_UP_VOLUME_STEP)?+this.getAttribute(ny.KEYBOARD_UP_VOLUME_STEP):.025;h=Math.min((null!=(r=this.mediaStore.getState().mediaVolume)?r:1)+e,1),c=new a1.CustomEvent(ag.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break}case"ArrowDown":{let e=this.hasAttribute(ny.KEYBOARD_DOWN_VOLUME_STEP)?+this.getAttribute(ny.KEYBOARD_DOWN_VOLUME_STEP):.025;h=Math.max((null!=(o=this.mediaStore.getState().mediaVolume)?o:1)-e,0),c=new a1.CustomEvent(ag.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break}case"<":h=Math.max((null!=(l=this.mediaStore.getState().mediaPlaybackRate)?l:1)-.25,.25).toFixed(2),c=new a1.CustomEvent(ag.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break;case">":h=Math.min((null!=(d=this.mediaStore.getState().mediaPlaybackRate)?d:1)+.25,2).toFixed(2),c=new a1.CustomEvent(ag.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break;case"/":case"?":e.shiftKey&&nf(this,G,q).call(this);break;case"p":u=this.mediaStore.getState().mediaIsPip?ag.MEDIA_EXIT_PIP_REQUEST:ag.MEDIA_ENTER_PIP_REQUEST,c=new a1.CustomEvent(u,{composed:!0,bubbles:!0}),this.dispatchEvent(c)}}}D=new WeakMap,x=new WeakMap,O=new WeakMap,N=new WeakMap,U=new WeakMap,P=new WeakMap,H=new WeakMap,W=new WeakSet,B=function(){var e;this.mediaStore=np({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(ny.DEFAULT_SUBTITLES),defaultDuration:this.hasAttribute(ny.DEFAULT_DURATION)?+this.getAttribute(ny.DEFAULT_DURATION):void 0,defaultStreamType:null!=(e=this.getAttribute(ny.DEFAULT_STREAM_TYPE))?e:void 0,liveEdgeOffset:this.hasAttribute(ny.LIVE_EDGE_OFFSET)?+this.getAttribute(ny.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(ny.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(ny.SEEK_TO_LIVE_OFFSET):this.hasAttribute(ny.LIVE_EDGE_OFFSET)?+this.getAttribute(ny.LIVE_EDGE_OFFSET):void 0,noAutoSeekToLive:this.hasAttribute(ny.NO_AUTO_SEEK_TO_LIVE),noVolumePref:this.hasAttribute(ny.NO_VOLUME_PREF),noMutedPref:this.hasAttribute(ny.NO_MUTED_PREF),noSubtitlesLangPref:this.hasAttribute(ny.NO_SUBTITLES_LANG_PREF)}})},V=new WeakSet,$=function(e){let{key:t,shiftKey:i}=e;if(!(i&&("/"===t||"?"===t)||nA.includes(t)))return void this.removeEventListener("keyup",nf(this,V,$));this.keyboardShortcutHandler(e)},F=new WeakSet,K=function(e){var t;let{metaKey:i,altKey:a,key:s,shiftKey:n}=e,r=n&&("/"===s||"?"===s);if(r&&(null==(t=nE(this,N))?void 0:t.open)||i||a||!r&&!nA.includes(s))return void this.removeEventListener("keyup",nf(this,V,$));let o=e.target,l=o instanceof HTMLElement&&("media-volume-range"===o.tagName.toLowerCase()||"media-time-range"===o.tagName.toLowerCase());![" ","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(s)||nE(this,D).contains(`no${s.toLowerCase()}
159`)||" "===s&&nE(this,D).contains("nospace")||l||e.preventDefault(),this.addEventListener("keyup",nf(this,V,$),{once:!0})},G=new WeakSet,q=function(){nE(this,N)||(ng(this,N,a2.createElement("media-keyboard-shortcuts-dialog")),this.appendChild(nE(this,N))),nE(this,N).open=!0};let nk=Object.values(aT),nw=Object.values(aA),n_=e=>{var t,i,a,s;let{observedAttributes:n}=e.constructor;!n&&(null==(t=e.nodeName)?void 0:t.includes("-"))&&(a1.customElements.upgrade(e),{observedAttributes:n}=e.constructor);let r=null==(s=null==(a=null==(i=null==e?void 0:e.getAttribute)?void 0:i.call(e,af.MEDIA_CHROME_ATTRIBUTES))?void 0:a.split)?void 0:s.call(a,/\s+/);return Array.isArray(n||r)?(n||r).filter(e=>nk.includes(e)):[]},nI=e=>{var t,i;return(null==(t=e.nodeName)?void 0:t.includes("-"))&&a1.customElements.get(null==(i=e.nodeName)?void 0:i.toLowerCase())&&!(e instanceof a1.customElements.get(e.nodeName.toLowerCase()))&&a1.customElements.upgrade(e),nw.some(t=>t in e)},nS=e=>nI(e)||!!n_(e).length,nL=e=>{var t;return null==(t=null==e?void 0:e.join)?void 0:t.call(e,":")},nM={[aT.MEDIA_SUBTITLES_LIST]:sV,[aT.MEDIA_SUBTITLES_SHOWING]:sV,[aT.MEDIA_SEEKABLE]:nL,[aT.MEDIA_BUFFERED]:e=>null==e?void 0:e.map(nL).join(" "),[aT.MEDIA_PREVIEW_COORDS]:e=>null==e?void 0:e.join(" "),[aT.MEDIA_RENDITION_LIST]:function(e){return null==e?void 0:e.map(aR).join(" ")},[aT.MEDIA_AUDIO_TRACK_LIST]:function(e){return null==e?void 0:e.map(ax).join(" ")}},nC=async(e,t,i)=>{var a,s;if(e.isConnected||await aP(0),"boolean"==typeof i||null==i)return sp(e,t,i);if("number"==typeof i)return sc(e,t,i);if("string"==typeof i)return sE(e,t,i);if(Array.isArray(i)&&!i.length)return e.removeAttribute(t);let n=null!=(s=null==(a=nM[t])?void 0:a.call(nM,i))?s:i;return e.setAttribute(t,n)},nR=e=>{var t;return!!(null==(t=e.closest)?void 0:t.call(e,'*[slot="media"]'))},nD=(e,t)=>{if(nR(e))return;let i=(e,t)=>{var i,a;nS(e)&&t(e);let{children:s=[]}=null!=e?e:{};[...s,...null!=(a=null==(i=null==e?void 0:e.shadowRoot)?void 0:i.children)?a:[]].forEach(e=>nD(e,t))},a=null==e?void 0:e.nodeName.toLowerCase();if(a.includes("-")&&!nS(e))return void a1.customElements.whenDefined(a).then(()=>{i(e,t)});i(e,t)},nx=(e,t,i)=>{e.forEach(e=>{if(t in e){e[t]=i;return}let a=n_(e),s=t.toLowerCase();a.includes(s)&&nC(e,s,i)})},nO=(e,t,i)=>{nD(e,t);let a=e=>{var i;t(null!=(i=null==e?void 0:e.composedPath()[0])?i:e.target)},s=e=>{var t;i(null!=(t=null==e?void 0:e.composedPath()[0])?t:e.target)};e.addEventListener(ag.REGISTER_MEDIA_STATE_RECEIVER,a),e.addEventListener(ag.UNREGISTER_MEDIA_STATE_RECEIVER,s);let n=[],r=e=>{let a=e.target;"media"!==a.name&&(n.forEach(e=>nD(e,i)),(n=[...a.assignedElements({flatten:!0})]).forEach(e=>nD(e,t)))};e.addEventListener("slotchange",r);let o=new MutationObserver(e=>{e.forEach(e=>{let{addedNodes:a=[],removedNodes:s=[],type:n,target:r,attributeName:o}=e;"childList"===n?(Array.prototype.forEach.call(a,e=>nD(e,t)),Array.prototype.forEach.call(s,e=>nD(e,i))):"attributes"===n&&o===af.MEDIA_CHROME_ATTRIBUTES&&(nS(r)?t(r):i(r))})});return o.observe(e,{childList:!0,attributes:!0,subtree:!0}),()=>{nD(e,i),e.removeEventListener("slotchange",r),o.disconnect(),e.removeEventListener(ag.REGISTER_MEDIA_STATE_RECEIVER,a),e.removeEventListener(ag.UNREGISTER_MEDIA_STATE_RECEIVER,s)}};a1.customElements.get("media-controller")||a1.customElements.define("media-controller",nT);let nN={PLACEMENT:"placement",BOUNDS:"bounds"};class nU extends a1.HTMLElement{constructor(){if(super(),this.updateXOffset=()=>{var e;if(!sl(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=sn(this,"#"+this.bounds))?e:a6(this);if(!a)return;let{x:s,width:n}=a.getBoundingClientRect(),{x:r,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=r-s+d-h,m=r+o-(s+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(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}if(this.arrowEl=this.shadowRoot.querySelector("#arrow"),Object.prototype.hasOwnProperty.call(this,"placement")){let e=this.placement;delete this.placement,this.placement=e}}static get observedAttributes(){return[nN.PLACEMENT,nN.BOUNDS]}get placement(){return sv(this,nN.PLACEMENT)}set placement(e){sE(this,nN.PLACEMENT,e)}get bounds(){return sv(this,nN.BOUNDS)}set bounds(e){sE(this,nN.BOUNDS,e)}}nU.shadowRootOptions={mode:"open"},nU.getTemplateHTML=function(e){return` 160 <style> 161 :host { 162 --_tooltip-background-color: var(--media-tooltip-background-color, var(--media-secondary-color, rgba(20, 20, 30, .7))); 163 --_tooltip-background: var(--media-tooltip-background, var(--_tooltip-background-color)); 164 --_tooltip-arrow-half-width: calc(var(--media-tooltip-arrow-width, 12px) / 2); 165 --_tooltip-arrow-height: var(--media-tooltip-arrow-height, 5px); 166 --_tooltip-arrow-background: var(--media-tooltip-arrow-color, var(--_tooltip-background-color)); 167 position: relative; 168 pointer-events: none; 169 display: var(--media-tooltip-display, inline-flex); 170 justify-content: center; 171 align-items: center; 172 box-sizing: border-box; 173 z-index: var(--media-tooltip-z-index, 1); 174 background: var(--_tooltip-background); 175 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 176 font: var(--media-font, 177 var(--media-font-weight, 400) 178 var(--media-font-size, 13px) / 179 var(--media-text-content-height, var(--media-control-height, 18px)) 180 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 181 padding: var(--media-tooltip-padding, .35em .7em); 182 border: var(--media-tooltip-border, none); 183 border-radius: var(--media-tooltip-border-radius, 5px); 184 filter: var(--media-tooltip-filter, drop-shadow(0 0 4px rgba(0, 0, 0, .2))); 185 white-space: var(--media-tooltip-white-space, nowrap); 186 } 187 188 :host([hidden]) { 189 display: none; 190 } 191 192 img, svg { 193 display: inline-block; 194 } 195 196 #arrow { 197 position: absolute; 198 width: 0px; 199 height: 0px; 200 border-style: solid; 201 display: var(--media-tooltip-arrow-display, block); 202 } 203 204 :host(:not([placement])), 205 :host([placement="top"]) { 206 position: absolute; 207 bottom: calc(100% + var(--media-tooltip-distance, 12px)); 208 left: 50%; 209 transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0
209); 210 } 211 :host(:not([placement])) #arrow, 212 :host([placement="top"]) #arrow { 213 top: 100%; 214 left: 50%; 215 border-width: var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width); 216 border-color: var(--_tooltip-arrow-background) transparent transparent transparent; 217 transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0); 218 } 219 220 :host([placement="right"]) { 221 position: absolute; 222 left: calc(100% + var(--media-tooltip-distance, 12px)); 223 top: 50%; 224 transform: translate(0, -50%); 225 } 226 :host([placement="right"]) #arrow { 227 top: 50%; 228 right: 100%; 229 border-width: var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0; 230 border-color: transparent var(--_tooltip-arrow-background) transparent transparent; 231 transform: translate(0, -50%); 232 } 233 234 :host([placement="bottom"]) { 235 position: absolute; 236 top: calc(100% + var(--media-tooltip-distance, 12px)); 237 left: 50%; 238 transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0); 239 } 240 :host([placement="bottom"]) #arrow { 241 bottom: 100%; 242 left: 50%; 243 border-width: 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width); 244 border-color: transparent transparent var(--_tooltip-arrow-background) transparent; 245 transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0); 246 } 247 248 :host([placement="left"]) { 249 position: absolute; 250 right: calc(100% + var(--media-tooltip-distance, 12px)); 251 top: 50%; 252 transform: translate(0, -50%); 253 } 254 :host([placement="left"]) #arrow { 255 top: 50%; 256 left: 100%; 257 border-width: var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height); 258 border-color: transparent transparent transparent var(--_tooltip-arrow-background); 259 transform: translate(0, -50%); 260 } 261 262 :host([placement="none"]) #arrow { 263 display: none; 264 } 265 </style> 266 <slot></slot> 267 <div id="arrow"></div> 268 `},a1.customElements.get("media-tooltip")||a1.customElements.define("media-tooltip",nU);var nP=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},nH=(e,t,i)=>(nP(e,t,"read from private field"),i?i.call(e):t.get(e)),nW=(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)},nB=(e,t,i,a)=>(nP(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),nV=(e,t,i)=>(nP(e,t,"access private method"),i);let n$={TOOLTIP_PLACEMENT:"tooltipplacement",DISABLED:"disabled",NO_TOOLTIP:"notooltip"};class nF extends a1.HTMLElement{constructor(){if(super(),nW(this,X),nW(this,Y,void 0),this.preventClick=!1,this.tooltipEl=null,nW(this,Q,e=>{this.preventClick||this.handleClick(e),setTimeout(nH(this,Z),0)}),nW(this,Z,()=>{var e,t;null==(t=null==(e=this.tooltipEl)?void 0:e.updateXOffset)||t.call(e)}),nW(this,j,e=>{let{key:t}=e;if(!this.keysUsed.includes(t))return void this.removeEventListener("keyup",nH(this,j));this.preventClick||this.handleClick(e)}),nW(this,z,e=>{let{metaKey:t,altKey:i,key:a}=e;if(t||i||!this.keysUsed.includes(a))return void this.removeEventListener("keyup",nH(this,j));this.addEventListener("keyup",nH(this,j),{once:!0})}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.tooltipEl=this.shadowRoot.querySelector("media-tooltip")}static get observedAttributes(){return["disabled",n$.TOOLTIP_PLACEMENT,af.MEDIA_CONTROLLER,aT.MEDIA_LANG]}enable(){this.addEventListener("click",nH(this,Q)),this.addEventListener("keydown",nH(this,z)),this.tabIndex=0}disable(){this.removeEventListener("click",nH(this,Q)),this.removeEventListener("keydown",nH(this,z)),this.removeEventListener("keyup",nH(this,j)),this.tabIndex=-1}attributeChangedCallback(e,t,i){var a,s,n,r,o;e===af.MEDIA_CONTROLLER?(t&&(null==(s=null==(a=nH(this,Y))?void 0:a.unassociateElement)||s.call(a,this),nB(this,Y,null)),i&&this.isConnected&&(nB(this,Y,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(r=nH(this,Y))?void 0:r.associateElement)||o.call(r,this))):"disabled"===e&&i!==t?null==i?this.enable():this.disable():e===n$.TOOLTIP_PLACEMENT&&this.tooltipEl&&i!==t?this.tooltipEl.placement=i:e===aT.MEDIA_LA
268NG&&(this.shadowRoot.querySelector('slot[name="tooltip-content"]').innerHTML=this.constructor.getTooltipContentHTML()),nH(this,Z).call(this)}connectedCallback(){var e,t,i;let{style:a}=sd(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 s=this.getAttribute(af.MEDIA_CONTROLLER);s&&(nB(this,Y,null==(e=this.getRootNode())?void 0:e.getElementById(s)),null==(i=null==(t=nH(this,Y))?void 0:t.associateElement)||i.call(t,this)),a1.customElements.whenDefined("media-tooltip").then(()=>nV(this,X,J).call(this))}disconnectedCallback(){var e,t;this.disable(),null==(t=null==(e=nH(this,Y))?void 0:e.unassociateElement)||t.call(e,this),nB(this,Y,null),this.removeEventListener("mouseenter",nH(this,Z)),this.removeEventListener("focus",nH(this,Z)),this.removeEventListener("click",nH(this,Q))}get keysUsed(){return["Enter"," "]}get tooltipPlacement(){return sv(this,n$.TOOLTIP_PLACEMENT)}set tooltipPlacement(e){sE(this,n$.TOOLTIP_PLACEMENT,e)}get mediaController(){return sv(this,af.MEDIA_CONTROLLER)}set mediaController(e){sE(this,af.MEDIA_CONTROLLER,e)}get disabled(){return sm(this,n$.DISABLED)}set disabled(e){sp(this,n$.DISABLED,e)}get noTooltip(){return sm(this,n$.NO_TOOLTIP)}set noTooltip(e){sp(this,n$.NO_TOOLTIP,e)}handleClick(e){}}Y=new WeakMap,Q=new WeakMap,Z=new WeakMap,j=new WeakMap,z=new WeakMap,X=new WeakSet,J=function(){this.addEventListener("mouseenter",nH(this,Z)),this.addEventListener("focus",nH(this,Z)),this.addEventListener("click",nH(this,Q));let e=this.tooltipPlacement;e&&this.tooltipEl&&(this.tooltipEl.placement=e)},nF.shadowRootOptions={mode:"open"},nF.getTemplateHTML=function(e,t={}){return` 269 <style> 270 :host { 271 position: relative; 272 font: var(--media-font, 273 var(--media-font-weight, bold) 274 var(--media-font-size, 14px) / 275 var(--media-text-content-height, var(--media-control-height, 24px)) 276 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 277 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 278 background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 279 padding: var(--media-button-padding, var(--media-control-padding, 10px)); 280 justify-content: var(--media-button-justify-content, center); 281 display: inline-flex; 282 align-items: center; 283 vertical-align: middle; 284 box-sizing: border-box; 285 transition: background .15s linear; 286 pointer-events: auto; 287 cursor: var(--media-cursor, pointer); 288 -webkit-tap-highlight-color: transparent; 289 } 290 291 292 :host(:focus-visible) { 293 box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9)); 294 outline: 0; 295 } 296 297 :host(:where(:focus)) { 298 box-shadow: none; 299 outline: 0; 300 } 301 302 :host(:hover) { 303 background: var(--media-control-hover-background, rgba(50 50 70 / .7)); 304 } 305 306 svg, img, ::slotted(svg), ::slotted(img) { 307 width: var(--media-button-icon-width); 308 height: var(--media-button-icon-height, var(--media-control-height, 24px)); 309 transform: var(--media-button-icon-transform); 310 transition: var(--media-button-icon-transition); 311 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 312 vertical-align: middle; 313 max-width: 100%; 314 max-height: 100%; 315 min-width: 100%; 316 } 317 318 media-tooltip { 319 320 max-width: 0; 321 overflow-x: clip; 322 opacity: 0; 323 transition: opacity .3s, max-width 0s 9s; 324 } 325 326 :host(:hover) media-tooltip, 327 :host(:focus-visible) media-tooltip { 328 max-width: 100vw; 329 opacity: 1; 330 transition: opacity .3s; 331 } 332 333 :host([notooltip]) slot[name="tooltip"] { 334 display: none; 335 } 336 </style> 337 338 ${this.getSlotTemplateHTML(e,t)} 339 340 <slot name="tooltip"> 341 <media-tooltip part="tooltip" aria-hidden="true"> 342 <template shadowrootmode="${nU.shadowRootOptions.mode}"> 343 ${nU.getTemplateHTML({})} 344 </template> 345 <slot name="tooltip-content"> 346 ${this.getTooltipContentHTML(e)} 347 </slot> 348 </media-tooltip> 349 </slot> 350 `},nF.getSlotTemplateHTML=function(e,t){return` 351 <slot></slot> 352 `},nF.getTooltipContentHTML=function(){return""},a1.customElements.get("media-chrome-button")||a1.customElements.define("media-chrome-button",nF);let nK=`<svg aria-hidden="true" viewBox="0 0 26 24"> 353 <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"/> 354</svg> 355`,nG=e=>{let t=e.mediaIsAirplaying?aq("stop airplay"):aq("start airplay");e.setAttribute("aria-label",t)};
355class nq extends nF{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_IS_AIRPLAYING,aT.MEDIA_AIRPLAY_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),nG(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_IS_AIRPLAYING&&nG(this)}get mediaIsAirplaying(){return sm(this,aT.MEDIA_IS_AIRPLAYING)}set mediaIsAirplaying(e){sp(this,aT.MEDIA_IS_AIRPLAYING,e)}get mediaAirplayUnavailable(){return sv(this,aT.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){sE(this,aT.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new a1.CustomEvent(ag.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}}nq.getSlotTemplateHTML=function(e){return` 356 <style> 357 :host([${aT.MEDIA_IS_AIRPLAYING}]) slot[name=icon] slot:not([name=exit]) { 358 display: none !important; 359 } 360 361 362 :host(:not([${aT.MEDIA_IS_AIRPLAYING}])) slot[name=icon] slot:not([name=enter]) { 363 display: none !important; 364 } 365 366 :host([${aT.MEDIA_IS_AIRPLAYING}]) slot[name=tooltip-enter], 367 :host(:not([${aT.MEDIA_IS_AIRPLAYING}])) slot[name=tooltip-exit] { 368 display: none; 369 } 370 </style> 371 372 <slot name="icon"> 373 <slot name="enter">${nK}</slot> 374 <slot name="exit">${nK}</slot> 375 </slot> 376 `},nq.getTooltipContentHTML=function(){return` 377 <slot name="tooltip-enter">${aq("start airplay")}</slot> 378 <slot name="tooltip-exit">${aq("stop airplay")}</slot> 379 `},a1.customElements.get("media-airplay-button")||a1.customElements.define("media-airplay-button",nq);let nY=`<svg aria-hidden="true" viewBox="0 0 26 24"> 380 <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"/> 381</svg>`,nQ=`<svg aria-hidden="true" viewBox="0 0 26 24"> 382 <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"/> 383</svg>`,nZ=e=>{e.setAttribute("aria-checked",sq(e).toString())};class nj extends nF{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_SUBTITLES_LIST,aT.MEDIA_SUBTITLES_SHOWING]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",aq("closed captions")),nZ(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_SUBTITLES_SHOWING&&nZ(this)}get mediaSubtitlesList(){return nz(this,aT.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){nX(this,aT.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return nz(this,aT.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){nX(this,aT.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new a1.CustomEvent(ag.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}}nj.getSlotTemplateHTML=function(e){return` 384 <style> 385 :host([aria-checked="true"]) slot[name=off] { 386 display: none !important; 387 } 388 389 390 :host(:not([aria-checked="true"])) slot[name=on] { 391 display: none !important; 392 } 393 394 :host([aria-checked="true"]) slot[name=tooltip-enable], 395 :host(:not([aria-checked="true"])) slot[name=tooltip-disable] { 396 display: none; 397 } 398 </style> 399 400 <slot name="icon"> 401 <slot name="on">${nY}</slot> 402 <slot name="off">${nQ}</slot> 403 </slot> 404 `},nj.getTooltipContentHTML=function(){return` 405 <slot name="tooltip-enable">${aq("Enable captions")}</slot> 406 <slot name="tooltip-disable">${aq("Disable captions")}</slot> 407 `};let nz=(e,t)=>
407{let i=e.getAttribute(t);return i?sH(i):[]},nX=(e,t,i)=>{if(!(null==i?void 0:i.length))return void e.removeAttribute(t);let a=sV(i);e.getAttribute(t)!==a&&e.setAttribute(t,a)};a1.customElements.get("media-captions-button")||a1.customElements.define("media-captions-button",nj);let nJ=e=>{let t=e.mediaIsCasting?aq("stop casting"):aq("start casting");e.setAttribute("aria-label",t)};class n0 extends nF{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_IS_CASTING,aT.MEDIA_CAST_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),nJ(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_IS_CASTING&&nJ(this)}get mediaIsCasting(){return sm(this,aT.MEDIA_IS_CASTING)}set mediaIsCasting(e){sp(this,aT.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return sv(this,aT.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){sE(this,aT.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?ag.MEDIA_EXIT_CAST_REQUEST:ag.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new a1.CustomEvent(e,{composed:!0,bubbles:!0}))}}n0.getSlotTemplateHTML=function(e){return` 408 <style> 409 :host([${aT.MEDIA_IS_CASTING}]) slot[name=icon] slot:not([name=exit]) { 410 display: none !important; 411 } 412 413 414 :host(:not([${aT.MEDIA_IS_CASTING}])) slot[name=icon] slot:not([name=enter]) { 415 display: none !important; 416 } 417 418 :host([${aT.MEDIA_IS_CASTING}]) slot[name=tooltip-enter], 419 :host(:not([${aT.MEDIA_IS_CASTING}])) slot[name=tooltip-exit] { 420 display: none; 421 } 422 </style> 423 424 <slot name="icon"> 425 <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> 426 <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> 427 </slot> 428 `},n0.getTooltipContentHTML=function(){return` 429 <slot name="tooltip-enter">${aq("Start casting")}</slot> 430 <slot name="tooltip-exit">${aq("Stop casting")}</slot> 431 `},a1.customElements.get("media-cast-button")||a1.customElements.define("media-cast-button",n0);var n1=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},n2=(e,t,i)=>(n1(e,t,"read from private field"),i?i.call(e):t.get(e)),n5=(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)},n3=(e,t,i,a)=>(n1(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),n4=(e,t,i)=>(n1(e,t,"access private method"),i);let n7={OPEN:"open",ANCHOR:"anchor"};class n8 extends a1.HTMLElement{constructor(){super(),n5(this,ea),n5(this,en),n5(this,eo),n5(this,ed),n5(this,eh),n5(this,em),n5(this,ee,!1),n5(this,et,null),n5(this,ei,null),this.addEventListener("invoke",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this)}static get observedAttributes(){return[n7.OPEN,n7.ANCHOR]}get open(){return sm(this,n7.OPEN)}set open(e){sp(this,n7.OPEN,e)}handleEvent(e){switch(e.type){case"invoke":n4(this,ed,eu).call(this,e);break;case"focusout":n4(this,eh,ec).call(this,e);break;case"keydown":n4(this,em,ep).call(this,e)}}connectedCallback(){n4(this,ea,es).call(this),this.role||(this.role="dialog")}attributeChangedCallback(e,t,i){n4(this,ea,es).call(this),e===n7.OPEN&&i!==t&&(this.open?n4(this,en,er).call(this):n4(this,eo,el).call(this))}focus(){n3(this,et,sr());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;
431let 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,es=function(){if(!n2(this,ee)&&(n3(this,ee,!0),!this.shadowRoot)){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e),queueMicrotask(()=>{let{style:e}=sd(this.shadowRoot,":host");e.setProperty("transition","display .15s, visibility .15s, opacity .15s ease-in, transform .15s ease-in")})}},en=new WeakSet,er=function(){var e;null==(e=n2(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=n2(this,ei))||e.setAttribute("aria-expanded","false"),this.dispatchEvent(new Event("close",{composed:!0,bubbles:!0}))},ed=new WeakSet,eu=function(e){n3(this,ei,e.relatedTarget),ss(this,e.relatedTarget)||(this.open=!this.open)},eh=new WeakSet,ec=function(e){var t;!ss(this,e.relatedTarget)&&(null==(t=n2(this,et))||t.focus(),n2(this,ei)&&n2(this,ei)!==e.relatedTarget&&this.open&&(this.open=!1))},em=new WeakSet,ep=function(e){var t,i,a,s,n;let{key:r,ctrlKey:o,altKey:l,metaKey:d}=e;o||l||d||this.keysUsed.includes(r)&&(e.preventDefault(),e.stopPropagation(),"Tab"===r?(e.shiftKey?null==(i=null==(t=this.previousElementSibling)?void 0:t.focus)||i.call(t):null==(s=null==(a=this.nextElementSibling)?void 0:a.focus)||s.call(a),this.blur()):"Escape"===r&&(null==(n=n2(this,et))||n.focus(),this.open=!1))},n8.shadowRootOptions={mode:"open"},n8.getTemplateHTML=function(e){return` 432 <style> 433 :host { 434 font: var(--media-font, 435 var(--media-font-weight, normal) 436 var(--media-font-size, 14px) / 437 var(--media-text-content-height, var(--media-control-height, 24px)) 438 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 439 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 440 display: var(--media-dialog-display, inline-flex); 441 justify-content: center; 442 align-items: center; 443 444 transition-behavior: allow-discrete; 445 visibility: hidden; 446 opacity: 0; 447 transform: translateY(2px) scale(.99); 448 pointer-events: none; 449 } 450 451 :host([open]) { 452 transition: display .2s, visibility 0s, opacity .2s ease-out, transform .15s ease-out; 453 visibility: visible; 454 opacity: 1; 455 transform: translateY(0) scale(1); 456 pointer-events: auto; 457 } 458 459 #content { 460 display: flex; 461 position: relative; 462 box-sizing: border-box; 463 width: min(320px, 100%); 464 word-wrap: break-word; 465 max-height: 100%; 466 overflow: auto; 467 text-align: center; 468 line-height: 1.4; 469 } 470 </style> 471 ${this.getSlotTemplateHTML(e)} 472 `},n8.getSlotTemplateHTML=function(e){return` 473 <slot id="content"></slot> 474 `},a1.customElements.get("media-chrome-dialog")||a1.customElements.define("media-chrome-dialog",n8);var n9=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},n6=(e,t,i)=>(n9(e,t,"read from private field"),i?i.call(e):t.get(e)),re=(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)},rt=(e,t,i,a)=>(n9(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),ri=(e,t,i)=>(n9(e,t,"access private method"),i);class ra extends a1.HTMLElement{constructor(){if(super(),re(this,ew),re(this,eI),re(this,eL),re(this,eC),re(this,eD),re(this,eO),re(this,eU),re(this,eH),re(this,ev,void 0),re(this,eE,void 0),re(this,eb,void 0),re(this,eg,void 0),re(this,ef,{}),re(this,eA,[]),re(this,ey,()=>{if(this.range.matches(":focus-visible")){let{style:e}=sd(this.shadowRoot,":host");e.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),re(this,eT,()=>{let{style:e}=sd(this.shadowRoot,":host");e.removeProperty("--_focus-visible-box-shadow")}),re(this,ek,()=>{let e=this.shadowRoot.querySelector("#segments-clipping");e&&e.parentNode.append(e)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.container=this.shadowRoot.querySelector("#container"),rt(this,eb,this.shadowRoot.querySelector("#startpoint")),rt(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",af.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,i){var a,s,n,r,o;e===af.MEDIA_CONTROLLER?(t&&(null==(s=null==(a=n6(this,ev))?void 0:a.unassociateElement)||s.call(a,this),rt(this,ev,null)),i&&this.isConnected&&(rt(this,ev,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(r=n6(this,ev))?void 0:r.associateElement)||o.call(r,this))):("disabled"===e||"aria-disabled"===e&&t!==i)&&(null==i?(this.range.removeAttribute(e),ri(this,eI,eS).call(this)):(this.range.setAttribute(e,i),ri(this,eL,eM).call(this)))}connectedCallback(){var e,t,i;let{style:a}=sd(this.shadowRoot,":host");a.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),n6(this,ef).pointer=sd(this.shadowRoot,"#pointer"),n6(this,ef).progress=sd(this.shadowRoot,"#progress"),n6(this,ef).thumb=sd(this.shadowRoot,'#thumb, ::slotted([slot="thumb"])'),n6(this,ef).activeSegment=sd(this.shadowRoot,"#segments-clipping rect:nth-child(0)");let s=this.getAttribute(af.MEDIA_CONTROLLER);s&&(rt(this,ev,null==(e=this.getRootNode())?void 0:e.getElementById(s)),null==(i=null==(t=n6(this,ev))?void 0:t.associateElement)||i.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",n6(this,ey)),this.shadowRoot.addEventListener("focusout",n6(this,eT)),ri(this,eI,eS).call(this),a7(this.container,n6(this,ek))}disconnectedCallback(){var e,t;ri(this,eL,eM).call(this),null==(t=null==(e=n6(this,ev))?void 0:e.unassociateElement)||t.call(e,this),rt(this,ev,null),this.shadowRoot.removeEventListener("focusin",n6(this,ey)),this.shadowRoot.removeEventListener("focusout",n6(this,eT)),a8(this.container,n6(this,ek))}updatePointerBar(e){var t;null==(t=n6(this,ef).pointer)||t.style.setProperty("width",`${100*this.getPointerRatio(e)}%`)}updateBar(){var e,t;let i=100*this.range.valueAsNumber;null==(e=n6(this,ef).progress)||e.style.setProperty("width",`${i}%`),null==(t=n6(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])];rt(this,eA,[...i]);let a=i.pop();for(let[e,s]of i.entries()){let[n,r]=[0===e,e===i.length-1],o=n?"calc(var(--segments-gap) / -1)":`${100*s}%`,l=r?a:i[e+1],d=`calc(${(l-s)*100}
474%${n||r?"":" - var(--segments-gap)"})`,u=a2.createElementNS("http://www.w3.org/2000/svg","rect"),h=su(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 s=a.x-i.x,n=a.y-i.y,r=s*s+n*n;return 0===r?0:Math.max(0,Math.min(1,((e-i.x)*s+(t-i.y)*n)/r))}(e.clientX,e.clientY,n6(this,eb).getBoundingClientRect(),n6(this,eg).getBoundingClientRect())}get dragging(){return this.hasAttribute("dragging")}handleEvent(e){switch(e.type){case"pointermove":ri(this,eH,eW).call(this,e);break;case"input":this.updateBar();break;case"pointerenter":ri(this,eD,ex).call(this,e);break;case"pointerdown":ri(this,eC,eR).call(this,e);break;case"pointerup":ri(this,eO,eN).call(this);break;case"pointerleave":ri(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,eT=new WeakMap,ek=new WeakMap,ew=new WeakSet,e_=function(e){let t=n6(this,ef).activeSegment;if(!t)return;let i=this.getPointerRatio(e),a=n6(this,eA).findIndex((e,t,a)=>{let s=a[t+1];return null!=s&&i>=e&&i<=s}),s=`#segments-clipping rect:nth-child(${a+1})`;t.selectorText==s&&t.style.transform||(t.selectorText=s,t.style.setProperty("transform","var(--media-range-segment-hover-transform, scaleY(2))"))},eI=new WeakSet,eS=function(){this.hasAttribute("disabled")||(this.addEventListener("input",this),this.addEventListener("pointerdown",this),this.addEventListener("pointerenter",this))},eL=new WeakSet,eM=function(){var e,t;this.removeEventListener("input",this),this.removeEventListener("pointerdown",this),this.removeEventListener("pointerenter",this),null==(e=a1.window)||e.removeEventListener("pointerup",this),null==(t=a1.window)||t.removeEventListener("pointermove",this)},eC=new WeakSet,eR=function(e){var t;rt(this,eE,e.composedPath().includes(this.range)),null==(t=a1.window)||t.addEventListener("pointerup",this)},eD=new WeakSet,ex=function(e){var t;"mouse"!==e.pointerType&&ri(this,eC,eR).call(this,e),this.addEventListener("pointerleave",this),null==(t=a1.window)||t.addEventListener("pointermove",this)},eO=new WeakSet,eN=function(){var e;null==(e=a1.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=a1.window)||e.removeEventListener("pointermove",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled"),null==(t=n6(this,ef).activeSegment)||t.style.removeProperty("transform")},eH=new WeakSet,eW=function(e){("pen"!==e.pointerType||0!==e.buttons)&&(this.toggleAttribute("dragging",1===e.buttons||"mouse"!==e.pointerType),this.updatePointerBar(e),ri(this,ew,e_).call(this,e),this.dragging&&("mouse"!==e.pointerType||!n6(this,eE))&&(this.range.disabled=!0,this.range.valueAsNumber=this.getPointerRatio(e),this.range.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))))},ra.shadowRootOptions={mode:"open"},ra.getTemplateHTML=function(e){return` 475 <style> 476 :host { 477 --_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9)); 478 --_media-range-padding: var(--media-range-padding, var(--media-control-padding, 10px)); 479 480 box-shadow: var(--_focus-visible-box-shadow, none); 481 background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 482 height: calc(var(--media-control-height, 24px) + 2 * var(--_media-range-padding)); 483 display: inline-flex; 484 align-items: center; 485 486 vertical-align: middle; 487 box-sizing: border-box; 488 position: relative; 489 width: 100px; 490 transition: background .15s linear; 491 cursor: var(--media-cursor, pointer); 492 pointer-events: auto; 493 touch-action: none; 494 } 495 496 497 input[type=range]:focus { 498 outline: 0; 499 } 500 input[type=range]:focus::-webkit-slider-runnable-track { 501 outline: 0; 502 } 503 504 :host(:hover) { 505 background: var(--media-control-hover-background, rgb(50 50 70 / .7)); 506 } 507 508 #leftgap { 509 padding-left: var(--media-range-padding-left, var(--_media-range-padding)); 510 } 511 512 #rightgap { 513 padding-right: var(--media-range-padding-right, var(--_media-range-padding)); 514 } 515 516 #startpoint, 517 #endpoint { 518 position: absolute; 519 } 520 521 #endpoint { 522 right: 0; 523 } 524 525 #container { 526 527 width: var(--media-range-track-width, 100%); 528 transform: translate(var(--media-range-track-translate-x, 0px), var(--media-range-track-translate-y, 0px)); 529 position: relative; 530 height: 100%; 531 display: flex; 532 align-items: center; 533 min-width: 40px; 534 } 535 536 #range { 537 538 display: var(--media-time-range-hover-display, block); 539 bottom: var(--media-time-range-hover-bottom, -7px); 540 height: var(--media-time-range-hover-height, max(100% + 7px, 25px)); 541 width: 100%; 542 position: absolute; 543 cursor: var(--media-cursor, pointer); 544 545 -webkit-appearance: none; 546 -webkit-tap-highlight-color: transparent; 547 background: transparent; 548 margin: 0; 549 z-index: 1; 550 } 551 552 @media (hover: hover) { 553 #range { 554 bottom: var(--media-time-range-hover-bottom, -5px); 555 height: var(--media-time-range-hover-height, max(100% + 5px, 20px)); 556 } 557 } 558 559 560 561 #range::-webkit-slider-thumb { 562 -webkit-appearance: none; 563 background: transparent; 564 width: .1px; 565 height: .1px; 566 } 567 568 569 #range::-moz-range-thumb { 570 background: transparent; 571 border: transparent; 572 width: .1px; 573 height: .1px; 574 } 575 576 #appearance { 577 height: var(--media-range-track-height, 4px); 578 display: flex; 579 flex-direction: column; 580 justify-content: center; 581 width: 100%; 582 position: absolute; 583 584 will-change: transform; 585 } 586 587 #track { 588 background: var(--media-range-track-background, rgb(255 255 255 / .2)); 589 border-radius: var(--media-range-track-border-radius, 1px); 590 border: var(--media-range-track-border, none); 591 outline: var(--media-range-track-outline); 592 outline-offset: var(--media-range-track-outline-offset); 593 backdrop-filter: var(--media-range-track-backdrop-filter); 594 -webkit-backdrop-filter: var(--media-range-track-backdrop-filter);
595 box-shadow: var(--media-range-track-box-shadow, none); 596 position: absolute; 597 width: 100%; 598 height: 100%; 599 overflow: hidden; 600 } 601 602 #progress, 603 #pointer { 604 position: absolute; 605 height: 100%; 606 will-change: width; 607 } 608 609 #progress { 610 background: var(--media-range-bar-color, var(--media-primary-color, rgb(238 238 238))); 611 transition: var(--media-range-track-transition); 612 } 613 614 #pointer { 615 background: var(--media-range-track-pointer-background); 616 border-right: var(--media-range-track-pointer-border-right); 617 transition: visibility .25s, opacity .25s; 618 visibility: hidden; 619 opacity: 0; 620 } 621 622 @media (hover: hover) { 623 :host(:hover) #pointer { 624 transition: visibility .5s, opacity .5s; 625 visibility: visible; 626 opacity: 1; 627 } 628 } 629 630 #thumb, 631 ::slotted([slot=thumb]) { 632 width: var(--media-range-thumb-width, 10px); 633 height: var(--media-range-thumb-height, 10px); 634 transition: var(--media-range-thumb-transition); 635 transform: var(--media-range-thumb-transform, none); 636 opacity: var(--media-range-thumb-opacity, 1); 637 translate: -50%; 638 position: absolute; 639 left: 0; 640 cursor: var(--media-cursor, pointer); 641 } 642 643 #thumb { 644 border-radius: var(--media-range-thumb-border-radius, 10px); 645 background: var(--media-range-thumb-background, var(--media-primary-color, rgb(238 238 238))); 646 box-shadow: var(--media-range-thumb-box-shadow, 1px 1px 1px transparent); 647 border: var(--media-range-thumb-border, none); 648 } 649 650 :host([disabled]) #thumb { 651 background-color: #777; 652 } 653 654 .segments #appearance { 655 height: var(--media-range-segment-hover-height, 7px); 656 } 657 658 #track { 659 clip-path: url(#segments-clipping); 660 } 661 662 #segments { 663 --segments-gap: var(--media-range-segments-gap, 2px); 664 position: absolute; 665 width: 100%; 666 height: 100%; 667 } 668 669 #segments-clipping { 670 transform: translateX(calc(var(--segments-gap) / 2)); 671 } 672 673 #segments-clipping:empty { 674 display: none; 675 } 676 677 #segments-clipping rect { 678 height: var(--media-range-track-height, 4px); 679 y: calc((var(--media-range-segment-hover-height, 7px) - var(--media-range-track-height, 4px)) / 2); 680 transition: var(--media-range-segment-transition, transform .1s ease-in-out); 681 transform: var(--media-range-segment-transform, scaleY(1)); 682 transform-origin: center; 683 } 684 </style> 685 <div id="leftgap"></div> 686 <div id="container"> 687 <div id="startpoint"></div> 688 <div id="endpoint"></div> 689 <div id="appearance"> 690 <div id="track" part="track"> 691 <div id="pointer"></div> 692 <div id="progress" part="progress"></div> 693 </div> 694 <slot name="thumb"> 695 <div id="thumb" part="thumb"></div> 696 </slot> 697 <svg id="segments"><clipPath id="segments-clipping"></clipPath></svg> 698 </div>
699 <input id="range" type="range" min="0" max="1" step="any" value="0"> 700 </div> 701 <div id="rightgap"></div> 702 `},a1.customElements.get("media-chrome-range")||a1.customElements.define("media-chrome-range",ra);var rs=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rn=(e,t,i)=>(rs(e,t,"read from private field"),i?i.call(e):t.get(e)),rr=(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)},ro=(e,t,i,a)=>(rs(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class rl extends a1.HTMLElement{constructor(){if(super(),rr(this,eB,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[af.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,i){var a,s,n,r,o;e===af.MEDIA_CONTROLLER&&(t&&(null==(s=null==(a=rn(this,eB))?void 0:a.unassociateElement)||s.call(a,this),ro(this,eB,null)),i&&this.isConnected&&(ro(this,eB,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(r=rn(this,eB))?void 0:r.associateElement)||o.call(r,this)))}connectedCallback(){var e,t,i;let a=this.getAttribute(af.MEDIA_CONTROLLER);a&&(ro(this,eB,null==(e=this.getRootNode())?void 0:e.getElementById(a)),null==(i=null==(t=rn(this,eB))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=rn(this,eB))?void 0:e.unassociateElement)||t.call(e,this),ro(this,eB,null)}}eB=new WeakMap,rl.shadowRootOptions={mode:"open"},rl.getTemplateHTML=function(e){return` 703 <style> 704 :host { 705 706 box-sizing: border-box; 707 display: var(--media-control-display, var(--media-control-bar-display, inline-flex)); 708 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 709 --media-loading-indicator-icon-height: 44px; 710 } 711 712 ::slotted(media-time-range), 713 ::slotted(media-volume-range) { 714 min-height: 100%; 715 } 716 717 ::slotted(media-time-range), 718 ::slotted(media-clip-selector) { 719 flex-grow: 1; 720 } 721 722 ::slotted([role="menu"]) { 723 position: absolute; 724 } 725 </style> 726 727 <slot></slot> 728 `},a1.customElements.get("media-control-bar")||a1.customElements.define("media-control-bar",rl);var rd=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},ru=(e,t,i)=>(rd(e,t,"read from private field"),i?i.call(e):t.get(e)),rh=(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)},rc=(e,t,i,a)=>(rd(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class rm extends a1.HTMLElement{constructor(){if(super(),rh(this,eV,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[af.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,i){var a,s,n,r,o;e===af.MEDIA_CONTROLLER&&(t&&(null==(s=null==(a=ru(this,eV))?void 0:a.unassociateElement)||s.call(a,this),rc(this,eV,null)),i&&this.isConnected&&(rc(this,eV,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(r=ru(this,eV))?void 0:r.associateElement)||o.call(r,this)))}connectedCallback(){var e,t,i;let{style:a}=sd(this.shadowRoot,":host");a.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let s=this.getAttribute(af.MEDIA_CONTROLLER);s&&(rc(this,eV,null==(e=this.getRootNode())?void 0:e.getElementById(s)),null==(i=null==(t=ru(this,eV))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=ru(this,eV))?void 0:e.unassociateElement)||t.call(e,this),rc(this,eV,null)}}eV=new WeakMap,rm.shadowRootOptions={mode:"open"},rm.getTemplateHTML=function(e,t={}){return` 729 <style> 730 :host { 731 font: var(--media-font, 732 var(--media-font-weight, normal) 733 var(--media-font-size, 14px) / 734 var(--media-text-content-height, var(--media-control-height, 24px)) 735 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 736 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 737 background: var(--media-text-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)))); 738 padding: var(--media-control-padding, 10px); 739 display: inline-flex; 740 justify-content: center; 741 align-items: center; 742 vertical-align: middle; 743 box-sizing: border-box; 744 text-align: center; 745 pointer-events: auto; 746 } 747 748 749 :host(:focus-visible) { 750 box-shadow: inset 0 0 0 2px rgb(27 127 204 / .9); 751 outline: 0; 752 } 753 754 755 :host(:where(:focus)) { 756 box-shadow: none; 757 outline: 0; 758 } 759 </style> 760
761 ${this.getSlotTemplateHTML(e,t)} 762 `},rm.getSlotTemplateHTML=function(e,t){return` 763 <slot></slot> 764 `},a1.customElements.get("media-text-display")||a1.customElements.define("media-text-display",rm);var rp=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rv=(e,t,i)=>(rp(e,t,"read from private field"),i?i.call(e):t.get(e)),rE=(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)},rb=(e,t,i,a)=>(rp(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class rg extends rm{constructor(){var e;super(),rE(this,e$,void 0),rb(this,e$,this.shadowRoot.querySelector("slot")),rv(this,e$).textContent=aV(null!=(e=this.mediaDuration)?e:0)}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_DURATION]}attributeChangedCallback(e,t,i){e===aT.MEDIA_DURATION&&(rv(this,e$).textContent=aV(+i)),super.attributeChangedCallback(e,t,i)}get mediaDuration(){return sh(this,aT.MEDIA_DURATION)}set mediaDuration(e){sc(this,aT.MEDIA_DURATION,e)}}e$=new WeakMap,rg.getSlotTemplateHTML=function(e,t){return` 765 <slot>${aV(t.mediaDuration)}</slot> 766 `},a1.customElements.get("media-duration-display")||a1.customElements.define("media-duration-display",rg);let rf={2:aq("Network Error"),3:aq("Decode Error"),4:aq("Source Not Supported"),5:aq("Encryption
766Error")},rA={2:aq("A network error caused the media download to fail."),3:aq("A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format."),4:aq("An unsupported error occurred. The server or network failed, or your browser does not support this format."),5:aq("The media is encrypted and there are no keys to decrypt it.")},ry=e=>{var t,i;return 1===e.code?null:{title:null!=(t=rf[e.code])?t:`Error ${e.code}`,message:null!=(i=rA[e.code])?i:e.message}};var rT=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rk=(e,t,i)=>(rT(e,t,"read from private field"),i?i.call(e):t.get(e)),rw=(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)},r_=(e,t,i,a)=>(rT(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);function rI(e){var t;let{title:i,message:a}=null!=(t=ry(e))?t:{},s="";return i&&(s+=`<slot name="error-${e.code}-title"><h3>${i}</h3></slot>`),a&&(s+=`<slot name="error-${e.code}-message"><p>${a}</p></slot>`),s}let rS=[aT.MEDIA_ERROR_CODE,aT.MEDIA_ERROR_MESSAGE];class rL extends n8{constructor(){super(...arguments),rw(this,eF,null)}static get observedAttributes(){return[...super.observedAttributes,...rS]}formatErrorMessage(e){return this.constructor.formatErrorMessage(e)}attributeChangedCallback(e,t,i){var a;if(super.attributeChangedCallback(e,t,i),!rS.includes(e))return;let s=null!=(a=this.mediaError)?a:{code:this.mediaErrorCode,message:this.mediaErrorMessage};this.open=s.code&&null!==ry(s),this.open&&(this.shadowRoot.querySelector("slot").name=`error-${this.mediaErrorCode}`,this.shadowRoot.querySelector("#content").innerHTML=this.formatErrorMessage(s))}get mediaError(){return rk(this,eF)}set mediaError(e){r_(this,eF,e)}get mediaErrorCode(){return sh(this,"mediaerrorcode")}set mediaErrorCode(e){sc(this,"mediaerrorcode",e)}get mediaErrorMessage(){return sv(this,"mediaerrormessage")}set mediaErrorMessage(e){sE(this,"mediaerrormessage",e)}}eF=new WeakMap,rL.getSlotTemplateHTML=function(e){return` 767 <style> 768 :host { 769 background: rgb(20 20 30 / .8); 770 } 771 772 #content { 773 display: block; 774 padding: 1.2em 1.5em; 775 } 776 777 h3, 778 p { 779 margin-block: 0 .3em; 780 } 781 </style> 782 <slot name="error-${e.mediaerrorcode}" id="content"> 783 ${rI({code:+e.mediaerrorcode,message:e.mediaerrormessage})} 784 </slot> 785 `},rL.formatErrorMessage=rI,a1.customElements.get("media-error-dialog")||a1.customElements.define("media-error-dialog",rL);var rM=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rC=(e,t,i)=>(rM(e,t,"read from private field"),i?i.call(e):t.get(e)),rR=(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)};class rD extends n8{constructor(){super(...arguments),rR(this,eK,e=>{var t;if(!this.open)return;let i=null==(t=this.shadowRoot)?void 0:t.querySelector("#content");if(!i)return;let a=e.composedPath(),s=a[0]===this||a.includes(this),n=a.includes(i);s&&!n&&(this.open=!1)}),rR(this,eG,e=>{if(!this.open)return;let t=e.shiftKey&&("/"===e.key||"?"===e.key);"Escape"!==e.key&&!t||e.ctrlKey||e.altKey||e.metaKey||(this.open=!1,e.preventDefault(),e.stopPropagation())})}connectedCallback(){super.connectedCallback(),this.open&&(this.addEventListener("click",rC(this,eK)),document.addEventListener("keydown",rC(this,eG)))}disconnectedCallback(){this.removeEventListener("click",rC(this,eK)),document.removeEventListener("keydown",rC(this,eG))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),"open"===e&&(this.open?(this.addEventListener("click",rC(this,eK)),document.addEventListener("keydown",rC(this,eG))):(this.removeEventListener("click",rC(this,eK)),document.removeEventListener("keydown",rC(this,eG))))}}eK=new WeakMap,eG=new WeakMap,rD.getSlotTemplateHTML=function(e){return` 786 <style> 787 :host { 788 position: fixed; 789 top: 0; 790 left: 0; 791 z-index: 9999; 792 background: rgb(20 20 30 / .8); 793 backdrop-filter: blur(10px); 794 } 795 796 #content { 797 display: block; 798 width: clamp(400px, 40vw, 700px); 799 max-width: 90vw; 800 text-align: left; 801 } 802 803 h2 { 804 margin: 0 0 1.5rem 0; 805 font-size: 1.5rem; 806 font-weight: 500; 807 text-align: center; 808 } 809 810 .shortcuts-table { 811 width: 100%; 812 border-collapse: collapse; 813 } 814 815 .shortcuts-table tr { 816 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 817 } 818 819 .shortcuts-table tr:last-child { 820 border-bottom: none; 821 } 822 823 .shortcuts-table td { 824 padding: 0.75rem 0.5rem; 825 } 826 827 .shortcuts-table td:first-child { 828 text-align: right; 829 padding-right: 1rem; 830 width: 40%; 831 min-width: 120px; 832 } 833 834 .shortcuts-table td:last-child { 835 padding-left: 1rem; 836 } 837 838 .key { 839 display: inline-block; 840 background: rgba(255, 255, 255, 0.15); 841 border: 1px solid rgba(255, 255, 255, 0.2); 842 border-radius: 4px; 843 padding: 0.25rem 0.5rem; 844 font-family: 'Courier New', monospace; 845 font-size: 0.9rem; 846 font-weight: 500; 847 min-width: 1.5rem; 848 text-align: center; 849 margin: 0 0.2rem; 850 } 851 852 .description { 853 color: rgba(255, 255, 255, 0.9); 854 font-size: 0.95rem; 855 } 856 857 .key-combo { 858 display: flex; 859 align-items: center; 860 justify-content: flex-end; 861 gap: 0.3rem; 862 } 863 864 .key-separator { 865 color: rgba(255, 255, 255, 0.5); 866 font-size: 0.9rem; 867 } 868 </style> 869 <slot id="content"> 870 ${function(){let e=[{keys:["Space","k"],description:"Toggle Playback"},{keys:["m"],description:"Toggle mute"},{keys:["f"],description:"Toggle fullscreen"},{keys:["c"],description:"Toggle captions or subtitles, if available"},{keys:["p"],description:"Toggle Picture in Picture"},{keys:["â","j"],description:"Seek back 10s"},{keys:["â","l"],description:"Seek forward 10s"},{keys:["â"],description:"Turn volume up"},{keys:["â"],description:"Turn volume down"},{keys:["< (SHIFT+,)"],description:"Decrease playback rate"},{keys:["> (SHIFT+.)"],description:"Increase playback rate"}].map(({keys:e,description:t})=>{let i=e.map((e,t)=>t>0?`<span class="key-separator">or</span><span class="key">${e}</span>`:`<span class="key">${e}</span>`).join("");return` 871 <tr> 872 <td> 873 <div class="key-combo">${i}</div> 874 </td> 875 <td class="description">${t}</td> 876 </tr> 877 `}).join("");return` 878 <h2>Keyboard Shortcuts</h2> 879 <table class="shortcuts-table">${e}</table> 880 `}()} 881 </slot> 882 `},a1.customElements.get("media-keyboard-shortcuts-dialog")||a1.customElements.define("media-keyboard-shortcuts-dialog",rD);var rx=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rO=(e,t,i)=>(rx(e,t,"read from private field"),i?i.call(e):t.get(e)),rN=(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)},rU=(e,t,i,a)=>(rx(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let rP=`<svg aria-hidden="true" viewBox="0 0 26 24"> 883 <path d="M16 3v2.5h3.5V9H22V3h-6ZM4 9h2.5V5.5H10V3H4v6Zm15.5 9.5H16V21h6v-6h-2.5v3.5ZM6.5 15H4v6h6v-2.5H6.5V15Z"/> 884</svg>`,rH=`<svg aria-hidden="true" viewBox="0 0 26 24"> 885 <path d="M18.5 6.5V3H16v6h6V6.5h-3.5ZM16 21h2.5v-3.5H22V15h-6v6ZM4 17.5h3.5V21H10v-6H4v2.5Zm3.5-11H4V9h6V3H7.5v3.5Z"/> 886</svg>`,rW=e=>{let t=e.mediaIsFullscreen?aq("exit fullscreen mode"):aq("enter fullscreen mode");e.setAttribute("aria-label",t)};class rB extends nF{constructor(){super(...arguments),rN(this,eq,null)}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_IS_FULLSCREEN,aT.MEDIA_FULLSCREEN_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),rW(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_IS_FULLSCREEN&&rW(this)}get mediaFullscreenUnavailable(){return sv(this,aT.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){sE(this,aT.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return sm(this,aT.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){sp(this,aT.MEDIA_IS_FULLSCREEN,e)}handleClick(e){rU(this,eq,e);let t=rO(this,eq)instanceof PointerEvent,i=this.mediaIsFullscreen?new a1.CustomEvent(ag.MEDIA_EXIT_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0}):new a1.CustomEvent(ag.MEDIA_ENTER_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(i)}}eq=new WeakMap,rB.getSlotTemplateHTML=function(e){return` 887 <style> 888 :host([${aT.MEDIA_IS_FULLSCREEN}]) slot[name=icon] slot:not([name=exit]) { 889 display: none !important; 890 } 891 892 893 :host(:not([${aT.MEDIA_IS_FULLSCREEN}])) slot[name=icon] slot:not([name=enter]) { 894 display: none !important; 895 } 896 897 :host([${aT.MEDIA_IS_FULLSCREEN}]) slot[name=tooltip-enter], 898 :host(:not([${aT.MEDIA_IS_FULLSCREEN}])) slot[name=tooltip-exit] { 899 display: none; 900 } 901 </style> 902 903 <slot name="icon"> 904 <slot name="enter">${rP}</slot> 905 <slot name="exit">${rH}</slot> 906 </slot> 907 `},rB.getTooltipContentHTML=function(){return` 908 <slot name="tooltip-enter">${aq("Enter fullscreen mode")}</slot> 909 <slot name="tooltip-exit">${aq("Exit fullscreen mode")}</slot> 910 `},a1.customElements.get("media-fullscreen-button")||a1.customElements.define("media-fullscreen-button",rB);let{MEDIA_TIME_IS_LIVE:rV,MEDIA_PAUSED:r$}=aT,{MEDIA_SEEK_TO_LIVE_REQUEST:rF,MEDIA_PLAY_REQUEST:rK}=ag,rG=e=>{var t;let i=e.mediaPaused||!e.mediaTimeIsLive,a=i?aq("seek to live"):aq("playing live");e.setAttribute("aria-label",a);let s=null==(t=e.shadowRoot)?void 0:t.querySelector('slot[name="text"]');s&&(s.textContent=aq("live")),i?e.removeAttribute("aria-disabled"):e.setAttribute("aria-disabled","true")};class rq extends nF{static get observedAttributes(){return[...super.observedAttributes,rV,r$]}connectedCallback(){super.connectedCallback(),rG(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),rG(this)}get mediaPaused(){return sm(this,aT.MEDIA_PAUSED)}set mediaPaused(e){sp(this,aT.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return sm(this,aT.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){sp(this,aT.MEDIA_TIME_IS_LIVE,e)}handleClick(){(this.mediaPaused||!this.mediaTimeIsLive)&&(this.dispatchEvent(new a1.CustomEvent(rF,{composed:!0,bubbles:!0})),this.hasAttribute(r$)&&this.dispatchEvent(new a1.CustomEvent(rK,{composed:!0,bubbles:!0})))}}rq.getSlotTemplateHTML=function(e){return` 911 <style> 912 :host { --media-tooltip-display: none; } 913 914 slot[name=indicator] > *, 915 :host ::slotted([slot=indicator]) { 916 917 min-width: auto; 918 fill: var(--media-live-button-icon-color, rgb(140, 140, 140)); 919 color: var(--media-live-button-icon-color, rgb(140, 140, 140)); 920 } 921 922 :host([${rV}]:not([${r$}])) slot[name=indicator] > *, 923 :host([${rV}]:not([${r$}])) ::slotted([slot=indicator]) { 924 fill: var(--media-live-button-indicator-color, rgb(255, 0, 0)); 925 color: var(--media-live-button-indicator-color, rgb(255, 0, 0)); 926 } 927 928 :host([${rV}]:not([${r$}])) { 929 cursor: var(--media-cursor, not-allowed); 930 } 931 932 slot[name=text]{ 933 text-transform: uppercase; 934 } 935 936 </style> 937 938 <slot name="indicator"><svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg></slot> 939 940 <slot name="spacer"> </slot><slot name="text">${aq("live")}</slot> 941 `},a1.customElements.get("media-live-button")||a1.customElements.define("media-live-button",rq);var rY=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rQ=(e,t,i)=>(rY(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)},rj=(e,t,i,a)=>(rY(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let rz={LOADING_DELAY:"loadingdelay",NO_AUTOHIDE:"noautohide"},rX=` 942<svg aria-hidden="true" viewBox="0 0 100 100"> 943 <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"> 944 <animateTransform 945 attributeName="transform" 946 attributeType="XML" 947 type="rotate" 948 dur="1s" 949 from="0 50 50" 950 to="360 50 50"
951 repeatCount="indefinite" /> 952 </path> 953</svg> 954`;class rJ extends a1.HTMLElement{constructor(){if(super(),rZ(this,eY,void 0),rZ(this,eQ,500),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[af.MEDIA_CONTROLLER,aT.MEDIA_PAUSED,aT.MEDIA_LOADING,rz.LOADING_DELAY]}attributeChangedCallback(e,t,i){var a,s,n,r,o;e===rz.LOADING_DELAY&&t!==i?this.loadingDelay=Number(i):e===af.MEDIA_CONTROLLER&&(t&&(null==(s=null==(a=rQ(this,eY))?void 0:a.unassociateElement)||s.call(a,this),rj(this,eY,null)),i&&this.isConnected&&(rj(this,eY,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(r=rQ(this,eY))?void 0:r.associateElement)||o.call(r,this)))}connectedCallback(){var e,t,i;let a=this.getAttribute(af.MEDIA_CONTROLLER);a&&(rj(this,eY,null==(e=this.getRootNode())?void 0:e.getElementById(a)),null==(i=null==(t=rQ(this,eY))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=rQ(this,eY))?void 0:e.unassociateElement)||t.call(e,this),rj(this,eY,null)}get loadingDelay(){return rQ(this,eQ)}set loadingDelay(e){rj(this,eQ,e);let{style:t}=sd(this.shadowRoot,":host");t.setProperty("--_loading-indicator-delay",`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return sm(this,aT.MEDIA_PAUSED)}set mediaPaused(e){sp(this,aT.MEDIA_PAUSED,e)}get mediaLoading(){return sm(this,aT.MEDIA_LOADING)}set mediaLoading(e){sp(this,aT.MEDIA_LOADING,e)}get mediaController(){return sv(this,af.MEDIA_CONTROLLER)}set mediaController(e){sE(this,af.MEDIA_CONTROLLER,e)}get noAutohide(){return sm(this,rz.NO_AUTOHIDE)}set noAutohide(e){sp(this,rz.NO_AUTOHIDE,e)}}eY=new WeakMap,eQ=new WeakMap,rJ.shadowRootOptions={mode:"open"},rJ.getTemplateHTML=function(e){return` 955 <style> 956 :host { 957 display: var(--media-control-display, var(--media-loading-indicator-display, inline-block)); 958 vertical-align: middle; 959 box-sizing: border-box; 960 --_loading-indicator-delay: var(--media-loading-indicator-transition-delay, 500ms); 961 } 962 963 #status { 964 color: rgba(0,0,0,0); 965 width: 0px; 966 height: 0px; 967 } 968 969 :host slot[name=icon] > *, 970 :host ::slotted([slot=icon]) { 971 opacity: var(--media-loading-indicator-opacity, 0); 972 transition: opacity 0.15s; 973 } 974 975 :host([${aT.MEDIA_LOADING}]:not([${aT.MEDIA_PAUSED}])) slot[name=icon] > *, 976 :host([${aT.MEDIA_LOADING}]:not([${aT.MEDIA_PAUSED}])) ::slotted([slot=icon]) { 977 opacity: var(--media-loading-indicator-opacity, 1); 978 transition: opacity 0.15s var(--_loading-indicator-delay); 979 } 980 981 :host #status { 982 visibility: var(--media-loading-indicator-opacity, hidden); 983 transition: visibility 0.15s; 984 } 985 986 :host([${aT.MEDIA_LOADING}]:not([${aT.MEDIA_PAUSED}])) #status { 987 visibility: var(--media-loading-indicator-opacity, visible); 988 transition: visibility 0.15s var(--_loading-indicator-delay); 989 } 990 991 svg, img, ::slotted(svg), ::slotted(img) { 992 width: var(--media-loading-indicator-icon-width); 993 height: var(--media-loading-indicator-icon-height, 100px); 994 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 995 vertical-align: middle; 996 } 997 </style> 998 999 <slot name="icon">${rX}</slot> 1000 <div id="status" role="status" aria-live="polite">${aq("media loading")}</div> 1001 `},a1.customElements.get("media-loading-indicator")||a1.customElements.define("media-loading-indicator",rJ);let r0=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1002 <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"/> 1003</svg>`,r1=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1004 <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"/> 1005</svg>`,r2=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1006 <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"/> 1007</svg>`,r5=e=>{let t="off"===e.mediaVolumeLevel?aq("unmute"):aq("mute");e.setAttribute("aria-label",t)};class r3 extends nF{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),r5(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_VOLUME_LEVEL&&r5(this)}get mediaVolumeLevel(){return sv(this,aT.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){sE(this,aT.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e="off"===this.mediaVolumeLevel?ag.MEDIA_UNMUTE_REQUEST:ag.MEDIA_MUTE_REQUEST;this.dispatchEvent(new a1.CustomEvent(e,{composed:!0,bubbles:!0}))}}r3.getSlotTemplateHTML=function(e){return` 1008 <style> 1009 :host(:not([${aT.MEDIA_VOLUME_LEVEL}])) slot[name=icon] slot:not([name=high]), 1010 :host([${aT.MEDIA_VOLUME_LEVEL}=high]) slot[name=icon] slot:not([name=high]) { 1011 display: none !important; 1012 } 1013 1014 :host([${aT.MEDIA_VOLUME_LEVEL}=off]) slot[name=icon] slot:not([name=off]) { 1015 display: none !important; 1016 } 1017 1018 :host([${aT.MEDIA_VOLUME_LEVEL}=low]) slot[name=icon] slot:not([name=low]) { 1019 display: none !important; 1020 } 1021 1022 :host([${aT.MEDIA_VOLUME_LEVEL}=medium]) slot[name=icon] slot:not([name=medium]) { 1023 display: none !important; 1024 } 1025 1026 :host(:not([${aT.MEDIA_VOLUME_LEVEL}=off])) slot[name=tooltip-unmute], 1027 :host([${aT.MEDIA_VOLUME_LEVEL}=off]) slot[name=tooltip-mute] { 1028 display: none; 1029 } 1030 </style> 1031 1032 <slot name="icon"> 1033 <slot name="off">${r0}</slot> 1034 <slot name="low">${r1}</slot> 1035 <slot name="medium">${r1}</slot> 1036 <slot name="high">${r2}</slot> 1037 </slot> 1038 `},r3.getTooltipContentHTML=function(){return` 1039 <slot name="tooltip-mute">${aq("Mute")}</slot> 1040 <slot name="tooltip-unmute">${aq("Unmute")}</slot> 1041 `},a1.customElements.get("media-mute-button")||a1.customElements.define("media-mute-button",r3);let r4=`<svg aria-hidden="true" viewBox="0 0 28 24"> 1042 <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"/> 1043</svg>`,r7=e=>{let t=e.mediaIsPip?aq("exit picture in picture mode"):aq("enter picture in picture mode");e.setAttribute("aria-label",t)};class r8 extends nF{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_IS_PIP,aT.MEDIA_PIP_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),r7(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_IS_PIP&&r7(this)}get mediaPipUnavailable(){return sv(this,aT.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){sE(this,aT.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return sm(this,aT.MEDIA_IS_PIP)}set mediaIsPip(e){sp(this,aT.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?ag.MEDIA_EXIT_PIP_REQUEST:ag.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new a1.CustomEvent(e,{composed:!0,bubbles:!0}))}}r8.getSlotTemplateHTML=function(e){return` 1044 <style> 1045 :host([${aT.MEDIA_IS_PIP}]) slot[name=icon] slot:not([name=exit]) { 1046 display: none !important; 1047 } 1048 1049 :host(:not([${aT.MEDIA_IS_PIP}])) slot[name=icon] slot:not([name=enter]) { 1050 display: none !important; 1051 } 1052 1053 :host([${aT.MEDIA_IS_PIP}]) slot[name=tooltip-enter], 1054 :host(:not([${aT.MEDIA_IS_PIP}])) slot[name=tooltip-exit] { 1055 display: none; 1056 } 1057 </style> 1058 1059 <slot name="icon"> 1060 <slot name="enter">${r4}</slot> 1061 <slot name="exit">${r4}</slot> 1062 </slot> 1063 `},r8.getTooltipContentHTML=function(){return` 1064 <slot name="tooltip-enter">${aq("Enter picture in picture mode")}</slot> 1065 <slot name="tooltip-exit">${aq("Exit picture in picture mode")}</slot> 1066 `},a1.customElements.get("media-pip-button")||a1.customElements.define("media-pip-button",r8);var r9=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},r6=(e,t,i)=>(r9(e,t,"read from private field"),i?i.call(e):t.get(e)),oe=(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)};let ot={RATES:"rates"},oi=[1,1.2,1.5,1.7,2];class oa extends nF{constructor(){var e;super(),oe(this,eZ,new sN(this,ot.RATES,{defaultValue:oi})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${null!=(e=this.mediaPlaybackRate)?e:1}x`}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_PLAYBACK_RATE,ot.RATES]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===ot.RATES&&(r6(this,eZ).value=i),e===aT.MEDIA_PLAYBACK_RATE){let e=i?+i:Number.NaN,t=Number.isNaN(e)?1:e;this.container.innerHTML=`${t}x`,this.setAttribute("aria-label",aq("Playback rate {playbackRate}",{playbackRate:t}))}}get rates(){return r6(this,eZ)}set rates(e){e?Array.isArray(e)?r6(this,eZ).value=e.join(" "):"str
1066ing"==typeof e&&(r6(this,eZ).value=e):r6(this,eZ).value=""}get mediaPlaybackRate(){return sh(this,aT.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){sc(this,aT.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let i=Array.from(r6(this,eZ).values(),e=>+e).sort((e,t)=>e-t),a=null!=(t=null!=(e=i.find(e=>e>this.mediaPlaybackRate))?e:i[0])?t:1,s=new a1.CustomEvent(ag.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:a});this.dispatchEvent(s)}}eZ=new WeakMap,oa.getSlotTemplateHTML=function(e){return` 1067 <style> 1068 :host { 1069 min-width: 5ch; 1070 padding: var(--media-button-padding, var(--media-control-padding, 10px 5px)); 1071 } 1072 </style> 1073 <slot name="icon">${e.mediaplaybackrate||1}x</slot> 1074 `},oa.getTooltipContentHTML=function(){return aq("Playback rate")},a1.customElements.get("media-playback-rate-button")||a1.customElements.define("media-playback-rate-button",oa);let os=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1075 <path d="m6 21 15-9L6 3v18Z"/> 1076</svg>`,on=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1077 <path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/> 1078</svg>`,or=e=>{let t=e.mediaPaused?aq("play"):aq("pause");e.setAttribute("aria-label",t)};class oo extends nF{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_PAUSED,aT.MEDIA_ENDED]}connectedCallback(){super.connectedCallback(),or(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),(e===aT.MEDIA_PAUSED||e===aT.MEDIA_LANG)&&or(this)}get mediaPaused(){return sm(this,aT.MEDIA_PAUSED)}set mediaPaused(e){sp(this,aT.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?ag.MEDIA_PLAY_REQUEST:ag.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new a1.CustomEvent(e,{composed:!0,bubbles:!0}))}}oo.getSlotTemplateHTML=function(e){return` 1079 <style> 1080 :host([${aT.MEDIA_PAUSED}]) slot[name=pause], 1081 :host(:not([${aT.MEDIA_PAUSED}])) slot[name=play] { 1082 display: none !important; 1083 } 1084 1085 :host([${aT.MEDIA_PAUSED}]) slot[name=tooltip-pause], 1086 :host(:not([${aT.MEDIA_PAUSED}])) slot[name=tooltip-play] { 1087 display: none; 1088 } 1089 </style> 1090 1091 <slot name="icon"> 1092 <slot name="play">${os}</slot> 1093 <slot name="pause">${on}</slot> 1094 </slot> 1095 `},oo.getTooltipContentHTML=function(){return` 1096 <slot name="tooltip-play">${aq("Play")}</slot> 1097 <slot name="tooltip-pause">${aq("Pause")}</slot> 1098 `},a1.customElements.get("media-play-button")||a1.customElements.define("media-play-button",oo);let ol={PLACEHOLDER_SRC:"placeholdersrc",SRC:"src"},od=e=>{e.style.removeProperty("background-image")},ou=(e,t)=>{e.style["background-image"]=`url('${t}')`};class oh extends a1.HTMLElement{static get observedAttributes(){return[ol.PLACEHOLDER_SRC,ol.SRC]}constructor(){if(super(),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,i){e===ol.SRC&&(null==i?this.image.removeAttribute(ol.SRC):this.image.setAttribute(ol.SRC,i)),e===ol.PLACEHOLDER_SRC&&(null==i?od(this.image):ou(this.image,i))}get placeholderSrc(){return sv(this,ol.PLACEHOLDER_SRC)}set placeholderSrc(e){sE(this,ol.SRC,e)}get src(){return sv(this,ol.SRC)}set src(e){sE(this,ol.SRC,e)}}oh.shadowRootOptions={mode:"open"},oh.getTemplateHTML=function(e){return` 1099 <style> 1100 :host { 1101 pointer-events: none; 1102 display: var(--media-poster-image-display, inline-block); 1103 box-sizing: border-box; 1104 } 1105 1106 img { 1107 max-width: 100%; 1108 max-height: 100%; 1109 min-width: 100%; 1110 min-height: 100%; 1111 background-repeat: no-repeat; 1112 background-position: var(--media-poster-image-background-position, var(--media-object-position, center)); 1113 background-size: var(--media-poster-image-background-size, var(--media-object-fit, contain)); 1114 object-fit: var(--media-object-fit, contain); 1115 object-position: var(--media-object-position, center); 1116 } 1117 </style> 1118 1119 <img part="poster img" aria-hidden="true" id="image"/> 1120 `},a1.customElements.get("media-poster-image")||a1.customElements.define("media-poster-image",oh);var oc=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},om=(e,t,i)=>(oc(e,t,"read from private field"),i?i.call(e):t.get(e)),op=(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)},ov=(e,t,i,a)=>(oc(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class oE extends rm{constructor(){super(),op(this,ej,void 0),ov(this,ej,this.shadowRoot.querySelector("slot"))}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_PREVIEW_CHAPTER,aT.MEDIA_LA
1120NG]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),(e===aT.MEDIA_PREVIEW_CHAPTER||e===aT.MEDIA_LANG)&&i!==t&&null!=i)if(om(this,ej).textContent=i,""!==i){let e=aq("chapter: {chapterName}",{chapterName:i});this.setAttribute("aria-valuetext",e)}else this.removeAttribute("aria-valuetext")}get mediaPreviewChapter(){return sv(this,aT.MEDIA_PREVIEW_CHAPTER)}set mediaPreviewChapter(e){sE(this,aT.MEDIA_PREVIEW_CHAPTER,e)}}ej=new WeakMap,a1.customElements.get("media-preview-chapter-display")||a1.customElements.define("media-preview-chapter-display",oE);var ob=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},og=(e,t,i)=>(ob(e,t,"read from private field"),i?i.call(e):t.get(e)),of=(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)},oA=(e,t,i,a)=>(ob(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class oy extends a1.HTMLElement{constructor(){if(super(),of(this,ez,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[af.MEDIA_CONTROLLER,aT.MEDIA_PREVIEW_IMAGE,aT.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,i;let a=this.getAttribute(af.MEDIA_CONTROLLER);a&&(oA(this,ez,null==(e=this.getRootNode())?void 0:e.getElementById(a)),null==(i=null==(t=og(this,ez))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=og(this,ez))?void 0:e.unassociateElement)||t.call(e,this),oA(this,ez,null)}attributeChangedCallback(e,t,i){var a,s,n,r,o;[aT.MEDIA_PREVIEW_IMAGE,aT.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===af.MEDIA_CONTROLLER&&(t&&(null==(s=null==(a=og(this,ez))?void 0:a.unassociateElement)||s.call(a,this),oA(this,ez,null)),i&&this.isConnected&&(oA(this,ez,null==(n=this.getRootNode())?void 0:n.getElementById(i)),null==(o=null==(r=og(this,ez))?void 0:r.associateElement)||o.call(r,this)))}get mediaPreviewImage(){return sv(this,aT.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){sE(this,aT.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewCoords(){let e=this.getAttribute(aT.MEDIA_PREVIEW_COORDS);if(e)return e.split(/\s+/).map(e=>+e)}set mediaPreviewCoords(e){if(!e)return void this.removeAttribute(aT.MEDIA_PREVIEW_COORDS);this.setAttribute(aT.MEDIA_PREVIEW_COORDS,e.join(" "))}update(){let e=this.mediaPreviewCoords,t=this.mediaPreviewImage;if(!(e&&t))return;let[i,a,s,n]=e,r=t.split("#")[0],{maxWidth:o,maxHeight:l,minWidth:d,minHeight:u}=getComputedStyle(this),h=Math.min(parseInt(o)/s,parseInt(l)/n),c=Math.max(parseInt(d)/s,parseInt(u)/n),m=h<1,p=m?h:c>1?c:1,{style:v}=sd(this.shadowRoot,":host"),E=sd(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=`${s*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!==r&&(b.onload=()=>{this.imgWidth=b.naturalWidth,this.imgHeight=b.naturalHeight,f()},b.src=r,f()),f(),E.transform=`translate(-${i*p}px, -${a*p}px)`}}ez=new WeakMap,oy.shadowRootOptions={mode:"open"},oy.getTemplateHTML=function(e){return` 1121 <style> 1122 :host { 1123 box-sizing: border-box; 1124 display: var(--media-control-display, var(--media-preview-thumbnail-display, inline-block)); 1125 overflow: hidden; 1126 } 1127 1128 img { 1129 display: none; 1130 position: relative; 1131 } 1132 </style> 1133 <img crossorigin loading="eager" decoding="async"> 1134 `},a1.customElements.get("media-preview-thumbnail")||a1.customElements.define("media-preview-thumbnail",oy);var oT=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},ok=(e,t,i)=>(oT(e,t,"read from private field"),i?i.call(e):t.get(e)),ow=(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)=>(oT(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class oI extends rm{constructor(){super(),ow(this,eX,void 0),o_(this,eX,this.shadowRoot.querySelector("slot")),ok(this,eX).textContent=aV(0)}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_PREVIEW_TIME&&null!=i&&(ok(this,eX).textContent=aV(parseFloat(i)))}get mediaPreviewTime(){return sh(this,aT.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){sc(this,aT.MEDIA_PREVIEW_TIME,e)}}eX=new WeakMap,a1.customElements.get("media-preview-time-display")||a1.customElements.define("media-preview-time-display",oI);let oS={SEEK_OFFSET:"seekoffset"},oL=e=>` 1135 <svg aria-hidden="true" viewBox="0 0 20 24"> 1136 <defs> 1137 <style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style> 1138 </defs> 1139 <text class="text value" transform="translate(2.18 19.87)">${e}</text> 1140 <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"/> 1141 </svg>`;class oM extends nF{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_CURRENT_TIME,oS.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=sh(this,oS.SEEK_OFFSET,30)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===oS.SEEK_OFFSET&&(this.seekOffset=sh(this,oS.SEEK_OFFSET,30))}get seekOffset(){return sh(this,oS.SEEK_OFFSET,30)}set seekOffset(e){sc(this,oS.SEEK_OFFSET,e),this.setAttribute("aria-label",aq("seek back {seekOffset} seconds",{seekOffset:this.seekOffset})),st(sa(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return sh(this,aT.MEDIA_CURRENT_TIME,0)}set mediaCurrentTime(e){sc(this,aT.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new a1.CustomEvent(ag.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}}oM.getSlotTemplateHTML=function(e,t){return` 1142 <slot name="icon">${oL(t.seekOffset)}</slot> 1143 `},oM.getTooltipContentHTML=function(){return aq("Seek backward")},a1.customElements.get("media-seek-backward-button")||a1.customElements.define("media-seek-backward-button",oM);let oC={SEEK_OFFSET:"seekoffset"},oR=e=>` 1144 <svg aria-hidden="true" viewBox="0 0 20 24"> 1145 <defs> 1146 <style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style> 1147 </defs> 1148 <text class="text value" transform="translate(8.9 19.87)">${e}</text> 1149 <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"/> 1150 </svg>`;class oD extends nF{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_CURRENT_TIME,oC.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=sh(this,oC.SEEK_OFFSET,30)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===oC.SEEK_OFFSET&&(this.seekOffset=sh(this,oC.SEEK_OFFSET,30))}get seekOffset(){return sh(this,oC.SEEK_OFFSET,30)}set seekOffset(e){sc(this,oC.SEEK_OFFSET,e),this.setAttribute("aria-label",aq("seek forward {seekOffset} seconds",{seekOffset:this.seekOffset})),st(sa(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return sh(this,aT.MEDIA_CURRENT_TIME,0)}set mediaCurrentTime(e){sc(this,aT.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new a1.CustomEvent(ag.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}}oD.getSlotTemplateHTML=function(e,t){return` 1151 <slot name="icon">${oR(t.seekOffset)}</slot> 1152 `},oD.getTooltipContentHTML=function(){return aq("Seek forward")},a1.customElements.get("media-seek-forward-button")||a1.customElements.define("media-seek-forward-button",oD);var ox=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},oO=(e,t,i)=>(ox(e,t,"read from private field"),i?i.call(e):t.get(e)),oN=(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)},oU=(e,t,i,a)=>(ox(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let oP={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},oH=[...Object.values(oP),aT.MEDIA_CURRENT_TIME,aT.MEDIA_DURATION,aT.MEDIA_SEEKABLE],oW=["Enter"," "],oB=" / ",oV=(e,{timesSep:t=oB}={})=>{var i,a;let s=null!=(i=e.mediaCurrentTime)?i:0,[,n]=null!=(a=e.mediaSeekable)?a:[],r=0;Number.isFinite(e.mediaDuration)?r=e.mediaDuration:Number.isFinite(n)&&(r=n);let o=e.remaining?aV(0-(r-s)):aV(s);return e.showDuration?`${o}${t}${aV(r)}`:o},o$=e=>{var t;
1152let i=e.mediaCurrentTime,[,a]=null!=(t=e.mediaSeekable)?t:[],s=null;if(Number.isFinite(e.mediaDuration)?s=e.mediaDuration:Number.isFinite(a)&&(s=a),null==i||null===s)return void e.setAttribute("aria-valuetext","video not loaded, unknown time.");let n=e.remaining?aB(0-(s-i)):aB(i);if(!e.showDuration)return void e.setAttribute("aria-valuetext",n);let r=aB(s),o=`${n} of ${r}`;e.setAttribute("aria-valuetext",o)};class oF extends rm{constructor(){super(),oN(this,eJ,void 0),oU(this,eJ,this.shadowRoot.querySelector("slot")),oO(this,eJ).innerHTML=`${oV(this)}`}static get observedAttributes(){return[...super.observedAttributes,...oH,"disabled"]}connectedCallback(){let{style:e}=sd(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",aq("playback time"));let t=e=>{let{key:i}=e;if(!oW.includes(i))return void this.removeEventListener("keyup",t);this.toggleTimeDisplay()};this.addEventListener("keydown",e=>{let{metaKey:i,altKey:a,key:s}=e;if(i||a||!oW.includes(s))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){oH.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 sm(this,oP.REMAINING)}set remaining(e){sp(this,oP.REMAINING,e)}get showDuration(){return sm(this,oP.SHOW_DURATION)}set showDuration(e){sp(this,oP.SHOW_DURATION,e)}get noToggle(){return sm(this,oP.NO_TOGGLE)}set noToggle(e){sp(this,oP.NO_TOGGLE,e)}get mediaDuration(){return sh(this,aT.MEDIA_DURATION)}set mediaDuration(e){sc(this,aT.MEDIA_DURATION,e)}get mediaCurrentTime(){return sh(this,aT.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){sc(this,aT.MEDIA_CURRENT_TIME,e)}get mediaSeekable(){let e=this.getAttribute(aT.MEDIA_SEEKABLE);if(e)return e.split(":").map(e=>+e)}set mediaSeekable(e){if(null==e)return void this.removeAttribute(aT.MEDIA_SEEKABLE);this.setAttribute(aT.MEDIA_SEEKABLE,e.join(":"))}update(){let e=oV(this);o$(this),e!==oO(this,eJ).innerHTML&&(oO(this,eJ).innerHTML=e)}}eJ=new WeakMap,oF.getSlotTemplateHTML=function(e,t){return` 1153 <slot>${oV(t)}</slot> 1154 `},a1.customElements.get("media-time-display")||a1.customElements.define("media-time-display",oF);var oK=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},oG=(e,t,i)=>(oK(e,t,"read from private field"),i?i.call(e):t.get(e)),oq=(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)},oY=(e,t,i,a)=>(oK(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),oQ=(e,t,i,a)=>({set _(value){oY(e,t,value,i)},get _(){return oG(e,t,a)}});class oZ{constructor(e,t,i){oq(this,e0,void 0),oq(this,e1,void 0),oq(this,e2,void 0),oq(this,e5,void 0),oq(this,e3,void 0),oq(this,e4,void 0),oq(this,e7,void 0),oq(this,e8,void 0),oq(this,e9,0),oq(this,e6,(e=performance.now())=>{oY(this,e9,requestAnimationFrame(oG(this,e6))),oY(this,e5,performance.now()-oG(this,e2));let t=1e3/this.fps;if(oG(this,e5)>t){oY(this,e2,e-oG(this,e5)%t);let i=1e3/((e-oG(this,e1))/++oQ(this,e3)._),a=(e-oG(this,e4))/1e3/this.duration,s=oG(this,e7)+a*this.playbackRate;s-oG(this,e0).valueAsNumber>0?oY(this,e8,this.playbackRate/this.duration/i):(oY(this,e8,.995*oG(this,e8)),s=oG(this,e0).valueAsNumber+oG(this,e8)),this.callback(s)}}),oY(this,e0,e),this.callback=t,this.fps=i}start(){0===oG(this,e9)&&(oY(this,e2,performance.now()),oY(this,e1,oG(this,e2)),oY(this,e3,0),oG(this,e6).call(this))}stop(){0!==oG(this,e9)&&(cancelAnimationFrame(oG(this,e9)),oY(this,e9,0))}update({start:e,duration:t,playbackRate:i}){let a=e-oG(this,e0).valueAsNumber,s=Math.abs(t-this.duration);(a>0||a<-.03||s>=.5)&&this.callback(e),oY(this,e7,e),oY(this,e4,performance.now()),this.duration=t,this.playbackRate=i}}e0=new WeakMap,e1=new WeakMap,e2=new WeakMap,e5=new WeakMap,e3=new WeakMap,e4=new WeakMap,e7=new WeakMap,e8=new WeakMap,e9=new WeakMap,e6=new WeakMap;var oj=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},oz=(e,t,i)=>(oj(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)=>(oj(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),o0=(e,t,i)=>(oj(e,t,"access private method"),i);let o1=e=>{let t=e.range,i=aB(+o5(e)),a=aB(+e.mediaSeekableEnd),s=i&&a?`${i} of ${a}`:"video not loaded, unknown time.";t.setAttribute("aria-valuetext",s)},o2=(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))},o5=(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 o3 extends ra{constructor(){super(),oX(this,tu),oX(this,tc),oX(this,tv),oX(this,tb),oX(this,tf),oX(this,ty),oX(this,tk),oX(this,t_),oX(this,te,void 0),oX(this,tt,void 0),oX(this,ti,void 0),oX(this,ta,void 0),oX(this,ts,void 0),oX(this,tn,void 0),oX(this,tr,void 0),oX(this,to,void 0),oX(this,tl,void 0),oX(this,td,void 0),oX(this,tp,e=>{!this.dragging&&(aN(e)&&(this.range.valueAsNumber=e),oz(this,td)||this.updateBar())}),this.shadowRoot.querySelector("#track").insertAdjacentHTML("afterbegin",'<div id="buffered" part="buffered"></div>'),oJ(this,ti,this.shadowRoot.querySelectorAll('[part~="box"]')),oJ(this,ts,this.shadowRoot.querySelector('[part~="preview-box"]')),oJ(this,tn,this.shadowRoot.querySelector('[part~="current-box"]'));let e=getComputedStyle(this);oJ(this,tr,parseInt(e.getPropertyValue("--media-box-padding-left"))),oJ(this,to,parseInt(e.getPropertyValue("--media-box-padding-right"))),oJ(this,tt,new oZ(this.range,oz(this,tp),60))}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_PAUSED,aT.MEDIA_DURATION,aT.MEDIA_SEEKABLE,aT.MEDIA_CURRENT_TIME,aT.MEDIA_PREVIEW_IMAGE,aT.MEDIA_PREVIEW_TIME,aT.MEDIA_PREVIEW_CHAPTER,aT.MEDIA_BUFFERED,aT.MEDIA_PLAYBACK_RATE,aT.MEDIA_LOADING,aT.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute("aria-label",aq("seek")),o0(this,tu,th).call(this),oJ(this,te,this.getRootNode()),null==(e=oz(this,te))||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),o0(this,tu,th).call(this),null==(e=oz(this,te))||e.removeEventListener("transitionstart",this),oJ(this,te,null)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),t!=i&&(e===aT.MEDIA_CURRENT_TIME||e===aT.MEDIA_PAUSED||e===aT.MEDIA_ENDED||e===aT.MEDIA_LOADING||e===aT.MEDIA_DURATION||e===aT.MEDIA_SEEKABLE?(oz(this,tt).update({start:o2(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),o0(this,tu,th).call(this),o1(this)):e===aT.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===aT.MEDIA_DURATION||e===aT.MEDIA_SEEKABLE)&&(this.mediaChapter
1154sCues=oz(this,tl),this.updateBar()))}get mediaChaptersCues(){return oz(this,tl)}set mediaChaptersCues(e){var t;oJ(this,tl,e),this.updateSegments(null==(t=oz(this,tl))?void 0:t.map(e=>({start:o2(this,e.startTime),end:o2(this,e.endTime)})))}get mediaPaused(){return sm(this,aT.MEDIA_PAUSED)}set mediaPaused(e){sp(this,aT.MEDIA_PAUSED,e)}get mediaLoading(){return sm(this,aT.MEDIA_LOADING)}set mediaLoading(e){sp(this,aT.MEDIA_LOADING,e)}get mediaDuration(){return sh(this,aT.MEDIA_DURATION)}set mediaDuration(e){sc(this,aT.MEDIA_DURATION,e)}get mediaCurrentTime(){return sh(this,aT.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){sc(this,aT.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return sh(this,aT.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){sc(this,aT.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(aT.MEDIA_BUFFERED);return e?e.split(" ").map(e=>e.split(":").map(e=>+e)):[]}set mediaBuffered(e){if(!e)return void this.removeAttribute(aT.MEDIA_BUFFERED);let t=e.map(e=>e.join(":")).join(" ");this.setAttribute(aT.MEDIA_BUFFERED,t)}get mediaSeekable(){let e=this.getAttribute(aT.MEDIA_SEEKABLE);if(e)return e.split(":").map(e=>+e)}set mediaSeekable(e){if(null==e)return void this.removeAttribute(aT.MEDIA_SEEKABLE);this.setAttribute(aT.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 sv(this,aT.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){sE(this,aT.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return sh(this,aT.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){sc(this,aT.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return sm(this,aT.MEDIA_ENDED)}set mediaEnded(e){sp(this,aT.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,[,s=this.mediaSeekableStart]=null!=(e=i.find(([e,t])=>e<=a&&a<=t))?e:[];t=o2(this,s)}let{style:a}=sd(this.shadowRoot,"#buffered");a.setProperty("width",`${100*t}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector('slot[name="current"]').assignedElements().length)return;let e=sd(this.shadowRoot,"#current-rail"),t=sd(this.shadowRoot,'[part~="current-box"]'),i=o0(this,tv,tE).call(this,oz(this,tn)),a=o0(this,tb,tg).call(this,i,this.range.valueAsNumber),s=o0(this,tf,tA).call(this,i,this.range.valueAsNumber);e.style.transform=`translateX(${a})`,e.style.setProperty("--_range-width",`${i.range.width}`),t.style.setProperty("--_box-shift",`${s}`),t.style.setProperty("--_box-width",`${i.box.width}px`),t.style.setProperty("visibility","initial")}handleEvent(e){switch(super.handleEvent(e),e.type){case"input":o0(this,t_,tI).call(this);break;case"pointermove":o0(this,ty,tT).call(this,e);break;case"pointerup":oz(this,td)&&oJ(this,td,!1);break;case"pointerdown":oJ(this,td,!0);break;case"pointerleave":o0(this,tk,tw).call(this,null);break;case"transitionstart":ss(e.target,this)&&setTimeout(()=>o0(this,tu,th).call(this),0)}}}te=new WeakMap,tt=new WeakMap,ti=new WeakMap,ta=new WeakMap,ts=new WeakMap,tn=new WeakMap,tr=new WeakMap,to=new WeakMap,tl=new WeakMap,td=new WeakMap,tu=new WeakSet,th=function(){o0(this,tc,tm).call(this)?oz(this,tt).start():oz(this,tt).stop()},tc=new WeakSet,tm=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&sl(this)},tp=new WeakMap,tv=new WeakSet,tE=function(e){var t;let i=(null!=(t=this.getAttribute("bounds")?sn(this,`#${this.getAttribute("bounds")}`):this.parentElement)?t:this).getBoundingClientRect(),a=this.range.getBoundingClientRect(),s=e.offsetWidth,n=-(a.left-i.left-s/2),r=i.right-a.left-s/2;return{box:{width:s,min:n,max:r},bounds:i,range:a}},tb=new WeakSet,tg=function(e,t){let i=`${100*t}%`,{width:a,min:s,max:n}=e.box;if(!a)return i;if(!Number.isNaN(s)){let e=`calc(1 / var(--_range-width) * 100 * ${s}% + 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},tf=new WeakSet,tA=function(e,t){let{width:i,min:a,max:s}
1154=e.box,n=t*e.range.width;if(n<a+oz(this,tr)){let t=e.range.left-e.bounds.left-oz(this,tr);return`${n-i/2+t}px`}if(n>s-oz(this,to)){let t=e.bounds.right-e.range.right-oz(this,to);return`${n+i/2-t-e.range.width}px`}return 0},ty=new WeakSet,tT=function(e){let t=[...oz(this,ti)].some(t=>e.composedPath().includes(t));if(!this.dragging&&(t||!e.composedPath().includes(this)))return void o0(this,tk,tw).call(this,null);let i=this.mediaSeekableEnd;if(!i)return;let a=sd(this.shadowRoot,"#preview-rail"),s=sd(this.shadowRoot,'[part~="preview-box"]'),n=o0(this,tv,tE).call(this,oz(this,ts)),r=(e.clientX-n.range.left)/n.range.width;r=Math.max(0,Math.min(1,r));let o=o0(this,tb,tg).call(this,n,r),l=o0(this,tf,tA).call(this,n,r);a.style.transform=`translateX(${o})`,a.style.setProperty("--_range-width",`${n.range.width}`),s.style.setProperty("--_box-shift",`${l}`),s.style.setProperty("--_box-width",`${n.box.width}px`),1>Math.abs(Math.round(oz(this,ta))-Math.round(r*i))&&r>.01&&r<.99||(oJ(this,ta,r*i),o0(this,tk,tw).call(this,oz(this,ta)))},tk=new WeakSet,tw=function(e){this.dispatchEvent(new a1.CustomEvent(ag.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:e}))},t_=new WeakSet,tI=function(){oz(this,tt).stop();let e=o5(this);this.dispatchEvent(new a1.CustomEvent(ag.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e}))},o3.shadowRootOptions={mode:"open"},o3.getTemplateHTML=function(e){return` 1155 ${ra.getTemplateHTML(e)} 1156 <style> 1157 :host { 1158 --media-box-border-radius: 4px; 1159 --media-box-padding-left: 10px; 1160 --media-box-padding-right: 10px; 1161 --media-preview-border-radius: var(--media-box-border-radius); 1162 --media-box-arrow-offset: var(--media-box-border-radius); 1163 --_control-background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 1164 --_preview-background: var(--media-preview-background, var(--_control-background)); 1165 1166 1167 contain: layout; 1168 } 1169 1170 #buffered { 1171 background: var(--media-time-range-buffered-color, rgb(255 255 255 / .4)); 1172 position: absolute; 1173 height: 100%; 1174 will-change: width; 1175 } 1176 1177 #preview-rail, 1178 #current-rail { 1179 width: 100%; 1180 position: absolute; 1181 left: 0; 1182 bottom: 100%; 1183 pointer-events: none; 1184 will-change: transform; 1185 } 1186 1187 [part~="box"] { 1188 width: min-content; 1189 1190 position: absolute; 1191 bottom: 100%; 1192 flex-direction: column; 1193 align-items: center; 1194 transform: translateX(-50%); 1195 } 1196 1197 [part~="current-box"] { 1198 display: var(--media-current-box-display, var(--media-box-display, flex)); 1199 margin: var(--media-current-box-margin, var(--media-box-margin, 0 0 5px)); 1200 visibility: hidden; 1201 } 1202 1203 [part~="preview-box"] { 1204 display: var(--media-preview-box-display, var(--media-box-display, flex)); 1205 margin: var(--media-preview-box-margin, var(--media-box-margin, 0 0 5px)); 1206 transition-property: var(--media-preview-transition-property, visibility, opacity); 1207 transition-duration: var(--media-preview-transition-duration-out, .25s); 1208 transition-delay: var(--media-preview-transition-delay-out, 0s); 1209 visibility: hidden; 1210 opacity: 0; 1211 } 1212 1213 :host(:is([${aT.MEDIA_PREVIEW_IMAGE}], [${aT.MEDIA_PREVIEW_TIME}])[dragging]) [part~="preview-box"] { 1214 transition-duration: var(--media-preview-transition-duration-in, .5s); 1215 transition-delay: var(--media-preview-transition-delay-in, .25s); 1216 visibility: visible; 1217 opacity: 1; 1218 } 1219 1220 @media (hover: hover) { 1221 :host(:is([${aT.MEDIA_PREVIEW_IMAGE}], [${aT.MEDIA_PREVIEW_TIME}]):hover) [part~="preview-box"] { 1222 transition-duration: var(--media-preview-transition-duration-in, .5s); 1223 transition-delay: var(--media-preview-transition-delay-in, .25s); 1224 visibility: visible; 1225 opacity: 1; 1226 } 1227 } 1228 1229 media-preview-thumbnail, 1230 ::slotted(media-preview-thumbnail) { 1231 visibility: hidden; 1232 1233 transition: visibility 0s .25s; 1234 transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
1235 background: var(--media-preview-thumbnail-background, var(--_preview-background)); 1236 box-shadow: var(--media-preview-thumbnail-box-shadow, 0 0 4px rgb(0 0 0 / .2)); 1237 max-width: var(--media-preview-thumbnail-max-width, 180px); 1238 max-height: var(--media-preview-thumbnail-max-height, 160px); 1239 min-width: var(--media-preview-thumbnail-min-width, 120px); 1240 min-height: var(--media-preview-thumbnail-min-height, 80px); 1241 border: var(--media-preview-thumbnail-border); 1242 border-radius: var(--media-preview-thumbnail-border-radius, 1243 var(--media-preview-border-radius) var(--media-preview-border-radius) 0 0); 1244 } 1245 1246 :host([${aT.MEDIA_PREVIEW_IMAGE}][dragging]) media-preview-thumbnail, 1247 :host([${aT.MEDIA_PREVIEW_IMAGE}][dragging]) ::slotted(media-preview-thumbnail) { 1248 transition-delay: var(--media-preview-transition-delay-in, .25s); 1249 visibility: visible; 1250 } 1251 1252 @media (hover: hover) { 1253 :host([${aT.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail, 1254 :host([${aT.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) { 1255 transition-delay: var(--media-preview-transition-delay-in, .25s); 1256 visibility: visible; 1257 } 1258 1259 :host([${aT.MEDIA_PREVIEW_TIME}]:hover) { 1260 --media-time-range-hover-display: block; 1261 } 1262 } 1263 1264 media-preview-chapter-display, 1265 ::slotted(media-preview-chapter-display) { 1266 font-size: var(--media-font-size, 13px); 1267 line-height: 17px; 1268 min-width: 0; 1269 visibility: hidden; 1270 1271 transition: min-width 0s, border-radius 0s, margin 0s, padding 0s, visibility 0s; 1272 transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s)); 1273 background: var(--media-preview-chapter-background, var(--_preview-background)); 1274 border-radius: var(--media-preview-chapter-border-radius, 1275 var(--media-preview-border-radius) var(--media-preview-border-radius) 1276 var(--media-preview-border-radius) var(--media-preview-border-radius)); 1277 padding: var(--media-preview-chapter-padding, 3.5px 9px); 1278 margin: var(--media-preview-chapter-margin, 0 0 5px); 1279 text-shadow: var(--media-preview-chapter-text-shadow, 0 0 4px rgb(0 0 0 / .75)); 1280 } 1281 1282 :host([${aT.MEDIA_PREVIEW_IMAGE}]) media-preview-chapter-display, 1283 :host([${aT.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-chapter-display) { 1284 transition-delay: var(--media-preview-transition-delay-in, .25s); 1285 border-radius: var(--media-preview-chapter-border-radius, 0); 1286 padding: var(--media-preview-chapter-padding, 3.5px 9px 0); 1287 margin: var(--media-preview-chapter-margin, 0); 1288 min-width: 100%; 1289 } 1290 1291 media-preview-chapter-display[${aT.MEDIA_PREVIEW_CHAPTER}], 1292 ::slotted(media-preview-chapter-display[${aT.MEDIA_PREVIEW_CHAPTER}]) { 1293 visibility: visible; 1294 } 1295 1296 media-preview-chapter-display:not([aria-valuetext]), 1297 ::slotted(media-preview-chapter-display:not([aria-valuetext])) { 1298 display: none; 1299 } 1300 1301 media-preview-time-display, 1302 ::slotted(media-preview-time-display), 1303 media-time-display, 1304 ::slotted(media-time-display) { 1305 font-size: var(--media-font-size, 13px); 1306 line-height: 17px; 1307 min-width: 0; 1308 1309 transition: min-width 0s, border-radius 0s; 1310 transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s)); 1311 background: var(--media-preview-time-background, var(--_preview-background)); 1312 border-radius: var(--media-preview-time-border-radius, 1313 var(--media-preview-border-radius) var(--media-preview-border-radius) 1314 var(--media-preview-border-radius) var(--media-preview-border-radius)); 1315 padding: var(--media-preview-time-padding, 3.5px 9px); 1316 margin: var(--media-preview-time-margin, 0); 1317 text-shadow: var(--media-preview-time-text-shadow, 0 0 4px rgb(0 0 0 / .75)); 1318 transform: translateX(min( 1319 max(calc(50% - var(--_box-width) / 2), 1320 calc(var(--_box-shift, 0))), 1321 calc(var(--_box-width) / 2 - 50%) 1322 )); 1323 } 1324 1325 :host([${aT.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display, 1326 :host([${aT.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-time-display) { 1327 transition-delay: var(--media-preview-transition-delay-in, .25s); 1328 border-radius: var(--media-preview-time-border-radius, 1329 0 0 var(--media-preview-border-radius) var(--media-preview-border-radius)); 1330 min-width: 100%; 1331 } 1332 1333 :host([${aT.MEDIA_PREVIEW_TIME}]:hover) { 1334 --media-time-range-hover-display: block; 1335 } 1336 1337 [part~="arrow"], 1338 ::slotted([part~="arrow"]) { 1339 display: var(--media-box-arrow-display, inline-block); 1340 transform: translateX(min( 1341 max(calc(50% - var(--_box-width) / 2 + var(--media-box-arrow-offset)), 1342 calc(var(--_box-shift, 0))), 1343 calc(var(--_box-width) / 2 - 50% - var(--media-box-arrow-offset)) 1344 )); 1345 1346 border-color: transparent; 1347 border-top-color: var(--media-box-arrow-background, var(--_control-background)); 1348 border-width: var(--media-box-arrow-border-width, 1349 var(--media-box-arrow-height, 5px) var(--media-box-arrow-width, 6px) 0); 1350 border-style: solid; 1351 justify-content: center; 1352 height: 0; 1353 } 1354 </style> 1355 <div id="preview-rail"> 1356 <slot name="preview" part="box preview-box">
1357 <media-preview-thumbnail> 1358 <template shadowrootmode="${oy.shadowRootOptions.mode}"> 1359 ${oy.getTemplateHTML({})} 1360 </template> 1361 </media-preview-thumbnail> 1362 <media-preview-chapter-display></media-preview-chapter-display> 1363 <media-preview-time-display></media-preview-time-display> 1364 <slot name="preview-arrow"><div part="arrow"></div></slot> 1365 </slot> 1366 </div> 1367 <div id="current-rail"> 1368 <slot name="current" part="box current-box"> 1369 1370 </slot> 1371 </div> 1372 `},a1.customElements.get("media-time-range")||a1.customElements.define("media-time-range",o3);let o4=e=>e.mediaMuted?0:e.mediaVolume,o7=e=>`${Math.round(100*e)}%`;class o8 extends ra{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_VOLUME,aT.MEDIA_MUTED,aT.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.addEventListener("input",()=>{let e=this.range.value,t=new a1.CustomEvent(ag.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)})}connectedCallback(){super.connectedCallback(),this.range.setAttribute("aria-label",aq("volume"))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),(e===aT.MEDIA_VOLUME||e===aT.MEDIA_MUTED)&&(this.range.valueAsNumber=o4(this),this.range.setAttribute("aria-valuetext",o7(this.range.valueAsNumber)),this.updateBar())}
1372get mediaVolume(){return sh(this,aT.MEDIA_VOLUME,1)}set mediaVolume(e){sc(this,aT.MEDIA_VOLUME,e)}get mediaMuted(){return sm(this,aT.MEDIA_MUTED)}set mediaMuted(e){sp(this,aT.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return sv(this,aT.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){sE(this,aT.MEDIA_VOLUME_UNAVAILABLE,e)}}a1.customElements.get("media-volume-range")||a1.customElements.define("media-volume-range",o8);class o9 extends nF{constructor(){super(...arguments),this.container=null}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_LOOP]}connectedCallback(){var e;super.connectedCallback(),this.container=(null==(e=this.shadowRoot)?void 0:e.querySelector("#icon"))||null,this.container&&(this.container.textContent=aq("Loop"))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_LOOP&&this.container&&this.setAttribute("aria-checked",this.mediaLoop?"true":"false")}get mediaLoop(){return sm(this,aT.MEDIA_LOOP)}set mediaLoop(e){sp(this,aT.MEDIA_LOOP,e)}handleClick(){let e=!this.mediaLoop,t=new a1.CustomEvent(ag.MEDIA_LOOP_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}}o9.getSlotTemplateHTML=function(e){return` 1373 <style> 1374 :host { 1375 min-width: 4ch; 1376 padding: var(--media-button-padding, var(--media-control-padding, 10px 5px)); 1377 width: 100%; 1378 display: grid; 1379 grid-template-columns: 1fr auto; 1380 gap: 1rem; 1381 font-weight: var(--media-button-font-weight, normal); 1382 } 1383 1384 #checked-indicator { 1385 display: none; 1386 } 1387 1388 :host([${aT.MEDIA_LOOP}]) #checked-indicator { 1389 display: block; 1390 } 1391 </style> 1392 1393 <span id="icon"> 1394 </span> 1395 1396 <div id="checked-indicator"> 1397 <svg aria-hidden="true" viewBox="0 1 24 24" part="checked-indicator indicator"> 1398 <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"/> 1399 </svg> 1400 </div> 1401 `},o9.getTooltipContentHTML=function(){return aq("Loop")},a1.customElements.get("media-loop-button")||a1.customElements.define("media-loop-button",o9);var o6=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},le=(e,t,i)=>(o6(e,t,"read from private field"),i?i.call(e):t.get(e)),lt=(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)},li=(e,t,i,a)=>(o6(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let la={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 lh&&"boolean"==typeof a.element[a.attributeName]?a.booleanValue=t:"function"==typeof t&&a instanceof lh?a.element[a.attributeName]=t:a.value=t}}}};class ls extends a1.DocumentFragment{constructor(e,t,i=la){var a;super(),lt(this,tS,void 0),lt(this,tL,void 0),this.append(e.content.cloneNode(!0)),li(this,tS,ln(this)),li(this,tL,i),null==(a=i.createCallback)||a.call(i,this,le(this,tS),t),i.processCallback(this,le(this,tS),t)}update(e){le(this,tL).processCallback(this,le(this,tS),e)}}tS=new WeakMap,tL=new WeakMap;let ln=(e,t=[])=>{let i,a;for(let s of e.attributes||[])if(s.value.includes("{{")){let n=new lu;for([i,a]of lo(s.value))if(i){let i=new lh(e,s.name,s.namespaceURI);n.append(i),t.push([a,i])}else n.append(a);s.value=n.toString()}for(let s of e.childNodes)if(1!==s.nodeType||s instanceof HTMLTemplateElement){let n=s.data;if(1===s.nodeType||n.includes("{{")){let r=[];if(n)for([i,a]of lo(n))if(i){let i=new lc(e);r.push(i),t.push([a,i])}else r.push(new Text(a));else if(s instanceof HTMLTemplateElement){let i=new lm(e,s);r.push(i),t.push([i.expression,i])}s.replaceWith(...r.flatMap(e=>e.replacementNodes||[e]))}}else ln(s,t);return t},lr={},lo=e=>{let t="",i=0,a=lr[e],s=0,n;if(a)return a;for(a=[];n=e[s];s++)"{"===n&&"{"===e[s+1]&&"\\"!==e[s-1]&&e[s+2]&&1==++i?(t&&a.push([0,t]),t="",s++):"}"!==n||"}"!==e[s+1]||"\\"===e[s-1]||--i?t+=n||"":(a.push([1,t.trim()]),t="",s++);return t&&a.push([0,(i>0?"{{":"")+t]),lr[e]=a};class ll{get value(){return""}set value(e){}toString(){return this.value}}let ld=new WeakMap;class lu{constructor(){lt(this,tM,[])}[Symbol.iterator](){return le(this,tM).values()}get length(){return le(this,tM).length}item(e){return le(this,tM)[e]}append(...e){for(let t of e)t instanceof lh&&ld.set(t,this),le(this,tM).push(t)}toString(){return le(this,tM).join("")}}tM=new WeakMap;class lh extends ll{constructor(e,t,i){super(),lt(this,tO),lt(this,tC,""),lt(this,tR,void 0),lt(this,tD,void 0),lt(this,tx,void 0),li(this,tR,e),li(this,tD,t),li(this,tx,i)}get attributeName(){return le(this,tD)}get attributeNamespace(){return le(this,tx)}
1401get element(){return le(this,tR)}get value(){return le(this,tC)}set value(e){le(this,tC)!==e&&(li(this,tC,e),le(this,tO,tN)&&1!==le(this,tO,tN).length?le(this,tR).setAttributeNS(le(this,tx),le(this,tD),le(this,tO,tN).toString()):null==e?le(this,tR).removeAttributeNS(le(this,tx),le(this,tD)):le(this,tR).setAttributeNS(le(this,tx),le(this,tD),e))}get booleanValue(){return le(this,tR).hasAttributeNS(le(this,tx),le(this,tD))}set booleanValue(e){if(le(this,tO,tN)&&1!==le(this,tO,tN).length)throw new DOMException("Value is not fully templatized");this.value=e?"":null}}tC=new WeakMap,tR=new WeakMap,tD=new WeakMap,tx=new WeakMap,tO=new WeakSet,tN=function(){return ld.get(this)};class lc extends ll{constructor(e,t){super(),lt(this,tU,void 0),lt(this,tP,void 0),li(this,tU,e),li(this,tP,t?[...t]:[new Text])}get replacementNodes(){return le(this,tP)}get parentNode(){return le(this,tU)}get nextSibling(){return le(this,tP)[le(this,tP).length-1].nextSibling}get previousSibling(){return le(this,tP)[0].previousSibling}get value(){return le(this,tP).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),li(this,tP,function(e,t,i,a=null){let s=0,n,r,o,l=i.length,d=t.length;for(;s<l&&s<d&&t[s]==i[s];)s++;for(;s<l&&s<d&&i[l-1]==t[d-1];)a=i[--d,--l];if(s==d)for(;s<l;)e.insertBefore(i[s++],a);if(s==l)for(;s<d;)e.removeChild(t[s++]);else{for(n=t[s];s<l;)o=i[s++],r=n?n.nextSibling:a,n==o?n=r:s<l&&i[s]==r?(e.replaceChild(o,n),n=r):e.insertBefore(o,n);for(;n!=a;)r=n.nextSibling,e.removeChild(n),n=r}return i}(le(this,tP)[0].parentNode,le(this,tP),t,this.nextSibling))}}tU=new WeakMap,tP=new WeakMap;class lm extends lc{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 lp={string:e=>String(e)};class lv{constructor(e){this.template=e,this.state=void 0}}let lE=new WeakMap,lb=new WeakMap,lg={partial:(e,t)=>{t[e.expression]=new lv(e.template)},if:(e,t)=>{var i;if(lT(e.expression,t))if(lE.get(e)!==e.template){lE.set(e,e.template);let i=new ls(e.template,t,lA);e.replace(i),lb.set(e,i)}else null==(i=lb.get(e))||i.update(t);else e.replace(""),lE.delete(e),lb.delete(e)}},lf=Object.keys(lg),lA={processCallback(e,t,i){var a,s;if(i)for(let[e,n]of t){if(n instanceof lm){if(!n.directive){let e=lf.find(e=>n.template.hasAttribute(e));e&&(n.directive=e,n.expression=n.template.getAttribute(e))}null==(a=lg[n.directive])||a.call(lg,n,i);continue}let t=lT(e,i);if(t instanceof lv){lE.get(n)!==t.template?(lE.set(n,t.template),n.value=t=new ls(t.template,t.state,lA),lb.set(n,t)):null==(s=lb.get(n))||s.update(t.state);continue}t?(n instanceof lh&&n.attributeName.startsWith("aria-")&&(t=String(t)),n instanceof lh?"boolean"==typeof t?n.booleanValue=t:"function"==typeof t?n.element[n.attributeName]=t:n.value=t:(n.value=t,lE.delete(n),lb.delete(n))):n instanceof lh?n.value=void 0:(n.value=void 0,lE.delete(n),lb.delete(n))}}},ly={"!":e=>!e,"!!":e=>!!e,"==":(e,t)=>e==t,"!=":(e,t)=>e!=t,">":(e,t)=>e>t,">=":(e,t)=>
1401e>=t,"<":(e,t)=>e<t,"<=":(e,t)=>e<=t,"??":(e,t)=>null!=e?e:t,"|":(e,t)=>{var i;return null==(i=lp[t])?void 0:i.call(lp,e)}};function lT(e,t={}){var i,a,s,n,r,o,l;let d=(function(e,t){let i,a,s,n=[];for(;e;){for(let n in s=null,i=e.length,t)(a=t[n].exec(e))&&a.index<i&&(s={token:a[0],type:n,matches:a.slice(1)},i=a.index);i&&n.push({token:e.substr(0,i),type:void 0}),s&&n.push(s),e=e.substr(i+(s?s.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 lk(e);if((null==(i=d[0])?void 0:i.token)===">"){let i=t[null==(a=d[1])?void 0:a.token];if(!i)return lk(e);let o={...t};i.state=o;let l=d.slice(2);for(let e=0;e<l.length;e+=3){let i=null==(s=l[e])?void 0:s.token,a=null==(n=l[e+1])?void 0:n.token,d=null==(r=l[e+2])?void 0:r.token;i&&"="===a&&(o[i]=l_(d,t))}return i}if(1===d.length)return lw(d[0])?l_(d[0].token,t):lk(e);if(2===d.length){let i=ly[null==(o=d[0])?void 0:o.token];return i&&lw(d[1])?i(l_(d[1].token,t)):lk(e)}if(3===d.length){let i=null==(l=d[1])?void 0:l.token,a=ly[i];if(!a||!lw(d[0])||!lw(d[2]))return lk(e);let s=l_(d[0].token,t);return a(s,"|"===i?d[2].token:l_(d[2].token,t))}}function lk(e){return console.warn(`Warning: invalid expression \`${e}\``),!1}function lw({type:e}){return["number","boolean","string","param"].includes(e)}function l_(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):aU(e)?parseFloat(e):t[e]}var lI=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},lS=(e,t,i)=>(lI(e,t,"read from private field"),i?i.call(e):t.get(e)),lL=(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)=>(lI(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),lC=(e,t,i)=>(lI(e,t,"access private method"),i);let lR={mediatargetlivewindow:"targetlivewindow",mediastreamtype:"streamtype"},lD=a2.createElement("template");lD.innerHTML=` 1402 <style> 1403 :host { 1404 display: inline-block; 1405 line-height: 0; 1406 } 1407 1408 media-controller { 1409 width: 100%; 1410 height: 100%; 1411 } 1412 1413 media-captions-button:not([mediasubtitleslist]), 1414 media-captions-menu:not([mediasubtitleslist]), 1415 media-captions-menu-button:not([mediasubtitleslist]), 1416 media-audio-track-menu[mediaaudiotrackunavailable], 1417 media-audio-track-menu-button[mediaaudiotrackunavailable], 1418 media-rendition-menu[mediarenditionunavailable], 1419 media-rendition-menu-button[mediarenditionunavailable], 1420 media-volume-range[mediavolumeunavailable], 1421 media-airplay-button[mediaairplayunavailable], 1422 media-fullscreen-button[mediafullscreenunavailable], 1423 media-cast-button[mediacastunavailable], 1424 media-pip-button[mediapipunavailable] { 1425 display: none; 1426 } 1427 </style> 1428`;class lx extends a1.HTMLElement{constructor(){super(),lL(this,tV),lL(this,tF),lL(this,tH,void 0),lL(this,tW,void 0),lL(this,tB,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&&!!(lR[e.attributeName]||e.attributeName.startsWith("breakpoint"))})&&this.render()});e.observe(this,{attributes:!0}),e.observe(this.renderRoot,{attributes:!0,subtree:!0}),this.addEventListener(ak.BREAKPOINTS_COMPUTED,this.render),lC(this,tV,t$).call(this,"template")}get mediaController(){return this.renderRoot.querySelector("media-controller")}get template(){var e;return null!=(e=lS(this,tH))?e:this.constructor.template}set template(e){if(null===e)return void this.removeAttribute("template");"string"==typeof e?this.setAttribute("template",e):e instanceof HTMLTemplateElement&&(lM(this,tH,e),lM(this,tB,null),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})=>lR[e]||e.startsWith("breakpoint")),...Array.from(this.attributes)],s={};for(let e of a){let t=null!=(i=lR[e.name])?i:e.name.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase()),{value:a}=e;null!=a?(aU(a)&&(a=parseFloat(a)),s[t]=""===a||a):s[t]=!1}return s}attributeChangedCallback(e,t,i){"template"===e&&t!=i&&lC(this,tF,tK).call(this)}connectedCallback(){lC(this,tF,tK).call(this)}createRenderer(){this.template instanceof HTMLTemplateElement&&this.template!==lS(this,tW)&&(lM(this,tW,this.template),this.renderer=new ls(this.template,this.props,this.constructor.processor),this.renderRoot.textContent="",this.renderRoot.append(lD.content.cloneNode(!0),this.renderer))}render(){var e;null==(e=this.renderer)||e.update(this.props)}}async function lO(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 lN(e){return e.split("-")[0]}tH=new WeakMap,tW=new WeakMap,tB=new WeakMap,tV=new WeakSet,t$=function(e){if(Object.prototype.hasOwnProperty.call(this,e)){let t=this[e];delete this[e],this[e]=t}},tF=new WeakSet,tK=function(){var e;let t=this.getAttribute("template");if(!t||t===lS(this,tB))return;let i=this.getRootNode(),a=null==(e=null==i?void 0:i.getElementById)?void 0:e.call(i,t);if(a){lM(this,tB,t),lM(this,tH,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)&&(lM(this,tB,t),lO(t).then(e=>{let t=a2.createElement("template");t.innerHTML=e,lM(this,tH,t),this.createRenderer()}).catch(console.error))},lx.observedAttributes=["template"],lx.processor=lA,a1.customElements.get("media-theme")||a1.customElements.define("media-theme",lx);
1428class lU extends Event{constructor({action:e="auto",relatedTarget:t,...i}){super("invoke",i),this.action=e,this.relatedTarget=t}}class lP extends Event{constructor({newState:e,oldState:t,...i}){super("toggle",i),this.newState=e,this.oldState=t}}var lH=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},lW=(e,t,i)=>(lH(e,t,"read from private field"),i?i.call(e):t.get(e)),lB=(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)},lV=(e,t,i,a)=>(lH(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),l$=(e,t,i)=>(lH(e,t,"access private method"),i);function lF({type:e,text:t,value:i,checked:a}){let s=a2.createElement("media-chrome-menu-item");s.type=null!=e?e:"",s.part.add("menu-item"),e&&s.part.add(e),s.value=i,s.checked=a;let n=a2.createElement("span");return n.textContent=t,s.append(n),s}function lK(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 lG={STYLE:"style",HIDDEN:"hidden",DISABLED:"disabled",ANCHOR:"anchor"};class lq extends a1.HTMLElement{constructor(){if(super(),lB(this,tX),lB(this,t0),lB(this,t5),lB(this,t4),lB(this,t8),lB(this,t6),lB(this,ia),lB(this,ir),lB(this,il),lB(this,iu),lB(this,ic),lB(this,ip),lB(this,iE),lB(this,ig),lB(this,iy),lB(this,ik),lB(this,i_),lB(this,iS),lB(this,tG,null),lB(this,tq,null),lB(this,tY,null),lB(this,tQ,new Set),lB(this,tZ,void 0),lB(this,tj,!1),lB(this,tz,null),lB(this,t2,()=>{let e=lW(this,tQ),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}));lV(this,tQ,t)}),lB(this,it,()=>{l$(this,ia,is).call(this),l$(this,ir,io).call(this,!1)}),lB(this,ii,()=>{l$(this,ia,is).call(this)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.container=this.shadowRoot.querySelector("#container"),this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.shadowRoot.addEventListener("slotchange",this),lV(this,tZ,new MutationObserver(lW(this,t2))),lW(this,tZ).observe(this.defaultSlot,{childList:!0})}static get observedAttributes(){return[lG.DISABLED,lG.HIDDEN,lG.STYLE,lG.ANCHOR,af.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":l$(this,tX,tJ).call(this,e);break;case"invoke":l$(this,t4,t7).call(this,e);break;case"click":l$(this,il,id).call(this,e);break;case"toggle":l$(this,ic,im).call(this,e);break;case"focusout":l$(this,iE,ib).call(this,e);break;case"keydown":l$(this,ig,iA).call(this,e)}}connectedCallback(){var e,t;lV(this,tz,su(this.shadowRoot,":host")),l$(this,t5,t3).call(this),this.hasAttribute("disabled")||this.enable(),this.role||(this.role="menu"),lV(this,tG,se(this)),null==(t=null==(e=lW(this,tG))?void 0:e.associateElement)||t.call(e,this),this.hidden||(a7(lQ(this),lW(this,it)),a7(this,lW(this,ii))),l$(this,t0,t1).call(this)}disconnectedCallback(){var e,t;a8(lQ(this),lW(this,it)),a8(this,lW(this,ii)),this.disable(),null==(t=null==(e=lW(this,tG))?void 0:e.unassociateElement)||t.call(e,this),lV(this,tG,null)}attributeChangedCallback(e,t,i){var a,s,n,r;e===lG.HIDDEN&&i!==t?(lW(this,tj)||lV(this,tj,!0),this.hidden?l$(this,t6,ie).call(this):l$(this,t8,t9).call(this),this.dispatchEvent(new lP({oldState:this.hidden?"open":"closed",newState:this.hidden?"closed":"open",bubbles:!0}))):e===af.MEDIA_CONTROLLER?(t&&(null==(s=null==(a=lW(this,tG))?void 0:a.unassociateElement)||s.call(a,this),lV(this,tG,null)),i&&this.isConnected&&(lV(this,tG,se(this)),null==(r=null==(n=lW(this,tG))?void 0:n.associateElement)||r.call(n,this))):e===lG.DISABLED&&i!==t?null==i?this.enable():this.disable():e===lG.STYLE&&i!==t&&l$(this,t5,t3).call(this)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}get anchor(){return this.getAttribute("anchor")}
1428set anchor(e){this.setAttribute("anchor",`${e}`)}get anchorElement(){var e;return this.anchor?null==(e=so(this))?void 0:e.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:!0}).filter(lY)}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&&l$(this,iS,iL).call(this,t)}focus(){if(lV(this,tq,sr()),this.items.length){l$(this,i_,iI).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=l$(this,iy,iT).call(this,e);i&&(l$(this,iS,iL).call(this,i,"checkbox"===i.type),lW(this,tY)&&!this.hidden&&(null==(t=lW(this,tq))||t.focus(),this.hidden=!0))}get keysUsed(){return["Enter","Escape","Tab"," ","ArrowDown","ArrowUp","Home","End"]}handleMove(e){var t,i;let{key:a}=e,s=this.items,n=null!=(i=null!=(t=l$(this,iy,iT).call(this,e))?t:l$(this,ik,iw).call(this))?i:s[0],r=Math.max(0,s.indexOf(n));"ArrowDown"===a?r++:"ArrowUp"===a?r--:"Home"===e.key?r=0:"End"===e.key&&(r=s.length-1),r<0&&(r=s.length-1),r>s.length-1&&(r=0),l$(this,i_,iI).call(this,s[r]),s[r].focus()}}function lY(e){return["menuitem","menuitemradio","menuitemcheckbox"].includes(null==e?void 0:e.role)}function lQ(e){var t;return null!=(t=e.getAttribute("bounds")?sn(e,`#${e.getAttribute("bounds")}`):a6(e)||e.parentElement)?t:e}tG=new WeakMap,tq=new WeakMap,tY=new WeakMap,tQ=new WeakMap,tZ=new WeakMap,tj=new WeakMap,tz=new WeakMap,tX=new WeakSet,tJ=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)&&l$(this,t0,t1).call(this),t.name||lW(this,t2).call(this)},t0=new WeakSet,t1=function(){let e=this.shadowRoot.querySelector('slot[name="header"]');e.hidden=0===this.shadowRoot.querySelector('slot[name="title"]').assignedNodes().length&&0===e.assignedNodes().length},t2=new WeakMap,t5=new WeakSet,t3=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")},t4=new WeakSet,t7=function(e){lV(this,tY,e.relatedTarget),ss(this,e.relatedTarget)||(this.hidden=!this.hidden)},t8=new WeakSet,t9=function(){var e;null==(e=lW(this,tY))||e.setAttribute("aria-expanded","true"),this.addEventListener("transitionend",()=>this.focus(),{once:!0}),a7(lQ(this),lW(this,it)),a7(this,lW(this,ii))},t6=new WeakSet,ie=function(){var e;null==(e=lW(this,tY))||e.setAttribute("aria-expanded","false"),a8(lQ(this),lW(this,it)),a8(this,lW(this,ii))},it=new WeakMap,ii=new WeakMap,ia=new WeakSet,is=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:s}=function({anchor:e,floating:t},i){let a,s="x"==(["top","bottom"].includes(lN(i))?"y":"x")?"y":"x",n="y"===s?"height":"width",r=lN(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(r){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[s]-=d;break;case"end":a[s]+=d}return a}(function({anchor:e,floating:t}){return{anchor:function(e,t){var i;let a=e.getBoundingClientRect(),s=null!=(i=null==t?void 0:t.getBoundingClientRect())?i:{x:0,y:0};return{x:a.x-s.x,y:a.y-s.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:s}}({anchor:this.anchorElement,floating:this,placement:"top-start"});null!=e||(e=this.offsetWidth);let a=lQ(this).getBoundingClientRect(),s=a.width-t-e,n=a.height-i-this.offsetHeight,{style:r}=lW(this,tz);r.setProperty("position","absolute"),r.setProperty("right",`${Math.max(0,s)}px`),r.setProperty("--_menu-bottom",`${n}px`);let o=getComputedStyle(this),l=r.getPropertyValue("--_menu-bottom")===o.bottom?n:parseFloat(o.bottom),d=a.height-l-parseFloat(o.marginBottom);this.style.setProperty("--_menu-max-height",`${d}px`)},ir=new WeakSet,io=function(e){let t=this.querySelector('[role="menuitem"][aria-haspopup][aria-expanded="true"]'),i=null==t?void 0:t.querySelector('[role="menu"]'),{style:a}=lW(this,tz);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`),l$(this,ia,is).call(this,a)}else this.style.removeProperty("min-width"),this.style.removeProperty("min-height"),l$(this,ia,is).call(this);a.removeProperty("--media-menu-transition-in")},il=new WeakSet,id=function(e){var t;if(e.stopPropagation(),e.composedPath().includes(lW(this,iu,ih))){null==(t=lW(this,tq))||t.focu
1428s(),this.hidden=!0;return}let i=l$(this,iy,iT).call(this,e);!i||i.hasAttribute("disabled")||(l$(this,i_,iI).call(this,i),this.handleSelect(e))},iu=new WeakSet,ih=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"]'))},ic=new WeakSet,im=function(e){if(e.target===this)return;l$(this,ip,iv).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 lU({relatedTarget:i})));for(let e of t)e.setAttribute("aria-expanded",`${!e.submenuElement.hidden}`);l$(this,ir,io).call(this,!0)},ip=new WeakSet,iv=function(){let e=this.querySelector('[role="menuitem"] > [role="menu"]:not([hidden])');this.container.classList.toggle("has-expanded",!!e)},iE=new WeakSet,ib=function(e){var t;ss(this,e.relatedTarget)||(lW(this,tj)&&(null==(t=lW(this,tq))||t.focus()),lW(this,tY)&&lW(this,tY)!==e.relatedTarget&&!this.hidden&&(this.hidden=!0))},ig=new WeakSet,iA=function(e){var t,i,a,s,n;let{key:r,ctrlKey:o,altKey:l,metaKey:d}=e;if(!o&&!l&&!d&&this.keysUsed.includes(r))if(e.preventDefault(),e.stopPropagation(),"Tab"===r){if(lW(this,tj)){this.hidden=!0;return}e.shiftKey?null==(i=null==(t=this.previousElementSibling)?void 0:t.focus)||i.call(t):null==(s=null==(a=this.nextElementSibling)?void 0:a.focus)||s.call(a),this.blur()}else"Escape"===r?(null==(n=lW(this,tq))||n.focus(),lW(this,tj)&&(this.hidden=!0)):"Enter"===r||" "===r?this.handleSelect(e):this.handleMove(e)},iy=new WeakSet,iT=function(e){return e.composedPath().find(e=>["menuitemradio","menuitemcheckbox"].includes(e.role))},ik=new WeakSet,iw=function(){return this.items.find(e=>0===e.tabIndex)},i_=new WeakSet,iI=function(e){for(let t of this.items)t.tabIndex=t===e?0:-1},iS=new WeakSet,iL=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}))},lq.shadowRootOptions={mode:"open"},lq.getTemplateHTML=function(e){return` 1429 <style> 1430 :host { 1431 font: var(--media-font, 1432 var(--media-font-weight, normal) 1433 var(--media-font-size, 14px) / 1434 var(--media-text-content-height, var(--media-control-height, 24px)) 1435 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 1436 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 1437 --_menu-bg: rgb(20 20 30 / .8); 1438 background: var(--media-menu-background, var(--media-control-background, var(--media-secondary-color, var(--_menu-bg)))); 1439 border-radius: var(--media-menu-border-radius); 1440 border: var(--media-menu-border, none); 1441 display: var(--media-menu-display, inline-flex) !important; 1442 1443 transition: var(--media-menu-transition-in, 1444 visibility 0s, 1445 opacity .2s ease-out, 1446 transform .15s ease-out, 1447 left .2s ease-in-out, 1448 min-width .2s ease-in-out, 1449 min-height .2s ease-in-out 1450 ) !important; 1451 1452 visibility: var(--media-menu-visibility, visible); 1453 opacity: var(--media-menu-opacity, 1); 1454 max-height: var(--media-menu-max-height, var(--_menu-max-height, 300px)); 1455 transform: var(--media-menu-transform-in, translateY(0) scale(1)); 1456 flex-direction: column; 1457 1458 min-height: 0; 1459 position: relative; 1460 bottom: var(--_menu-bottom); 1461 box-sizing: border-box; 1462 } 1463 1464 @-moz-document url-prefix() { 1465 :host{ 1466 --_menu-bg: rgb(20 20 30); 1467 } 1468 } 1469 1470 :host([hidden]) { 1471 transition: var(--media-menu-transition-out, 1472 visibility .15s ease-in, 1473 opacity .15s ease-in, 1474 transform .15s ease-in 1475 ) !important; 1476 visibility: var(--media-menu-hidden-visibility, hidden); 1477 opacity: var(--media-menu-hidden-opacity, 0); 1478 max-height: var(--media-menu-hidden-max-height, 1479 var(--media-menu-max-height, var(--_menu-max-height, 300px))); 1480 transform: var(--media-menu-transform-out, translateY(2px) scale(.99)); 1481 pointer-events: none; 1482 } 1483 1484 :host([slot="submenu"]) { 1485 background: none; 1486 width: 100%; 1487 min-height: 100%; 1488 position: absolute; 1489 bottom: 0; 1490 right: -100%; 1491 } 1492 1493 #container { 1494 display: flex; 1495 flex-direction: column; 1496 min-height: 0; 1497 transition: transform .2s ease-out; 1498 transform: translate(0, 0); 1499 } 1500 1501 #container.has-expanded { 1502 transition: transform .2s ease-in; 1503 transform: translate(-100%, 0); 1504 } 1505 1506 button { 1507 background: none; 1508 color: inherit; 1509 border: none; 1510 padding: 0; 1511 font: inherit; 1512 outline: inherit; 1513 display: inline-flex; 1514 align-items: center; 1515 } 1516 1517 slot[name="header"][hidden] { 1518 display: none; 1519 } 1520 1521 slot[name="header"] > *, 1522 slot[name="header"]::slotted(*) { 1523 padding: .4em .7em; 1524 border-bottom: 1px solid rgb(255 255 255 / .25); 1525 cursor: var(--media-cursor, default); 1526 } 1527 1528 slot[name="header"] > button[part~="back"], 1529 slot[name="header"]::slotted(button[part~="back"]) { 1530 cursor: var(--media-cursor, pointer); 1531 } 1532 1533 svg[part~="back"] { 1534 height: var(--media-menu-icon-height, var(--media-control-height, 24px)); 1535 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 1536 display: block; 1537 margin-right: .5ch; 1538 } 1539 1540 slot:not([name]) { 1541 gap: var(--media-menu-gap); 1542 flex-direction: var(--media-menu-flex-direction, column); 1543 overflow: var(--media-menu-overflow, hidden auto); 1544 display: flex; 1545 min-height: 0; 1546 } 1547 1548 :host([role="menu"]) slot:not([name]) { 1549 padding-block: .4em; 1550 } 1551 1552 slot:not([name])::slotted([role="menu"]) { 1553 background: none; 1554 } 1555 1556 media-chrome-menu-item > span { 1557 margin-right: .5ch; 1558 max-width: var(--media-menu-item-max-width); 1559 text-overflow: ellipsis; 1560 overflow: hidden; 1561 } 1562 </style> 1563 <style id="layout-row" media="width:0"> 1564 1565 slot[name="header"] > *, 1566 slot[name="header"]::slotted(*) { 1567 padding: .4em .5em; 1568 } 1569 1570 slot:not([name]) { 1571 gap: var(--media-menu-gap, .25em); 1572 flex-direction: var(--media-menu-flex-direction, row); 1573 padding-inline: .5em; 1574 } 1575 1576 media-chrome-menu-item { 1577 padding: .3em .5em; 1578 } 1579 1580 media-chrome-menu-item[aria-checked="true"] { 1581 background: var(--media-menu-item-checked-background, rgb(255 255 255 / .2)); 1582 } 1583 1584 1585 media-chrome-menu-item::part(checked-indicator) { 1586 display: var(--media-menu-item-checked-indicator-display, none); 1587 } 1588 </style> 1589 <div id="container" part="container"> 1590 <slot name="header" hidden> 1591 <button part="back button" aria-label="Back to previous menu"> 1592 <slot name="back-icon"> 1593 <svg aria-hidden="true" viewBox="0 0 20 24" part="back indicator"> 1594 <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"/> 1595 </svg> 1596 </slot> 1597 <slot name="title"></slot> 1598 </button> 1599 </slot> 1600 <slot></slot> 1601 </div> 1602 <slot name="checked-indicator" hidden></slot> 1603 `},a1.customElements.get("media-chrome-menu")||a1.customElements.define("media-chrome-menu",lq);var lZ=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},lj=(e,t,i)=>(lZ(e,t,"read from private field"),i?i.call(e):t.get(e)),lz=(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)},lX=(e,t,i,a)=>(lZ(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),lJ=(e,t,i)=>(lZ(e,t,"access private method"),i);let l0={TYPE:"type",VALUE:"value",CHECKED:"checked",DISABLED:"disabled"};class l1 extends a1.HTMLElement{constructor(){if(super(),lz(this,iR),lz(this,ix),lz(this,iN),lz(this,iH),lz(this,iB),lz(this,i$),lz(this,iM,!1),lz(this,iC,void 0),lz(this,iP,()=>{var e,t;this.submenuElement.items&&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],s=null!=(t=null==a?void 0:a.dataset.description)?t:null==a?void 0:a.text,n=a2.createElement("span");n.textContent=null!=s?s:"",i.replaceChildren(n)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=a9(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.shadowRoot.addEventListener("slotchange",this)}static get observedAttributes(){return[l0.TYPE,l0.DISABLED,l0.CHECKED,l0.VALUE]}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),l2(this)&&!this.hasAttribute("aria-checked")&&this.setAttribute("aria-checked","fal
1603se"),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":lJ(this,iR,iD).call(this,e);break;case"click":this.handleClick(e);break;case"keydown":lJ(this,iB,iV).call(this,e);break;case"keyup":lJ(this,iH,iW).call(this,e)}}attributeChangedCallback(e,t,i){e===l0.CHECKED&&l2(this)&&!lj(this,iM)?this.setAttribute("aria-checked",null!=i?"true":"false"):e===l0.TYPE&&i!==t?this.role="menuitem"+i:e===l0.DISABLED&&i!==t&&(null==i?this.enable():this.disable())}connectedCallback(){this.hasAttribute(l0.DISABLED)||this.enable(),this.role="menuitem"+this.type,lX(this,iC,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)),lJ(this,i$,iF).call(this),this.submenuElement&&lJ(this,ix,iO).call(this)}disconnectedCallback(){this.disable(),lJ(this,i$,iF).call(this),lX(this,iC,null)}get invokeTarget(){return this.getAttribute("invoketarget")}set invokeTarget(e){this.setAttribute("invoketarget",`${e}`)}get invokeTargetElement(){var e;return this.invokeTarget?null==(e=so(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(l0.TYPE))?e:""}set type(e){this.setAttribute(l0.TYPE,`${e}`)}get value(){var e;return null!=(e=this.getAttribute(l0.VALUE))?e:this.text}set value(e){this.setAttribute(l0.VALUE,e)}get text(){var e;return(null!=(e=this.textContent)?e:"").trim()}get checked(){if(l2(this))return"true"===this.getAttribute("aria-checked")}set checked(e){l2(this)&&(lX(this,iM,!0),this.setAttribute("aria-checked",e?"true":"false"),e?this.part.add("checked"):this.part.remove("checked"))}handleClick(e){!l2(this)&&this.invokeTargetElement&&ss(this,e.target)&&this.invokeTargetElement.dispatchEvent(new lU({relatedTarget:this}))}get keysUsed(){return["Enter"," "]}}function l2(e){return"radio"===e.type||"checkbox"===e.type}iM=new WeakMap,iC=new WeakMap,iR=new WeakSet,iD=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?lJ(this,ix,iO).call(this):lJ(this,iN,iU).call(this))},ix=new WeakSet,iO=async function(){this.setAttribute("aria-haspopup","menu"),this.setAttribute("aria-expanded",`${!this.submenuElement.hidden}`),this.submenuElement.addEventListener("change",lj(this,iP)),this.submenuElement.addEventListener("addmenuitem",lj(this,iP)),this.submenuElement.addEventListener("removemenuitem",lj(this,iP)),lj(this,iP).call(this)},iN=new WeakSet,iU=function(){this.removeAttribute("aria-haspopup"),this.removeAttribute("aria-expanded"),this.submenuElement.removeEventListener("change",lj(this,iP)),this.submenuElement.removeEventListener("addmenuitem",lj(this,iP)),this.submenuElement.removeEventListener("removemenuitem",lj(this,iP)),lj(this,iP).call(this)},iP=new WeakMap,iH=new WeakSet,iW=function(e){let{key:t}=e;if(!this.keysUsed.includes(t))return void this.removeEventListener("keyup",lJ(this,iH,iW));this.handleClick(e)},iB=new WeakSet,iV=function(e){let{metaKey:t,altKey:i,key:a}=e;if(t||i||!this.keysUsed.includes(a))return void this.removeEventListener("keyup",lJ(this,iH,iW));this.addEventListener("keyup",lJ(this,iH,iW),{once:!0})},i$=new WeakSet,iF=function(){var e;let t=null==(e=lj(this,iC))?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")},l1.shadowRootOptions={mode:"open"},l1.getTemplateHTML=function(e){return` 1604 <style> 1605 :host { 1606 transition: var(--media-menu-item-transition, 1607 background .15s linear, 1608 opacity .2s ease-in-out 1609 ); 1610 outline: var(--media-menu-item-outline, 0); 1611 outline-offset: var(--media-menu-item-outline-offset, -1px); 1612 cursor: var(--media-cursor, pointer); 1613 display: flex; 1614 align-items: center; 1615 align-self: stretch; 1616 justify-self: stretch; 1617 white-space: nowrap; 1618 white-space-collapse: collapse; 1619 text-wrap: nowrap; 1620 padding: .4em .8em .4em 1em; 1621 } 1622 1623 :host(:focus-visible) { 1624 box-shadow: var(--media-menu-item-focus-shadow, inset 0 0 0 2px rgb(27 127 204 / .9)); 1625 outline: var(--media-menu-item-hover-outline, 0); 1626 outline-offset: var(--media-menu-item-hover-outline-offset, var(--media-menu-item-outline-offset, -1px)); 1627 } 1628 1629 :host(:hover) { 1630 cursor: var(--media-cursor, pointer); 1631 background: var(--media-menu-item-hover-background, rgb(92 92 102 / .5)); 1632 outline: var(--media-menu-item-hover-outline); 1633 outline-offset: var(--media-menu-item-hover-outline-offset, var(--media-menu-item-outline-offset, -1px)); 1634 } 1635 1636 :host([aria-checked="true"]) { 1637 background: var(--media-menu-item-checked-background); 1638 } 1639 1640 :host([hidden]) { 1641 display: none; 1642 } 1643 1644 :host([disabled]) { 1645 pointer-events: none; 1646 color: rgba(255, 255, 255, .3); 1647 } 1648 1649 slot:not([name]) { 1650 width: 100%; 1651 } 1652 1653 slot:not([name="submenu"]) { 1654 display: inline-flex; 1655 align-items: center; 1656 transition: inherit; 1657 opacity: var(--media-menu-item-opacity, 1); 1658 } 1659 1660 slot[name="description"] { 1661 justify-content: end; 1662 } 1663 1664 slot[name="description"] > span { 1665 display: inline-block; 1666 margin-inline: 1em .2em; 1667 max-width: var(--media-menu-item-description-max-width, 100px); 1668 text-overflow: ellipsis; 1669 overflow: hidden; 1670 font-size: .8em; 1671 font-weight: 400; 1672 text-align: right; 1673 position: relative; 1674 top: .04em; 1675 } 1676 1677 slot[name="checked-indicator"] { 1678 display: none; 1679 } 1680 1681 :host(:is([role="menuitemradio"],[role="menuitemcheckbox"])) slot[name="checked-indicator"] { 1682 display: var(--media-menu-item-checked-indicator-display, inline-block); 1683 } 1684 1685 1686 svg, img, ::slotted(svg), ::slotted(img) { 1687 height: var(--media-menu-item-icon-height, var(--media-control-height, 24px)); 1688 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 1689 display: block; 1690 } 1691 1692 1693 [part~="indicator"], 1694 ::slotted([part~="indicator"]) { 1695 fill: var(--media-menu-item-indicator-fill, 1696 var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)))); 1697 height: var(--media-menu-item-indicator-height, 1.25em); 1698 margin-right: .5ch; 1699 } 1700 1701 [part~="checked-indicator"] { 1702 visibility: hidden; 1703 } 1704 1705 :host([aria-checked="true"]) [part~="checked-indicator"] { 1706 visibility: visible; 1707 } 1708 </style> 1709 <slot name="checked-indicator"> 1710 <svg aria-hidden="true" viewBox="0 1 24 24" part="checked-indicator indicator"> 1711 <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"/> 1712 </svg> 1713 </slot> 1714 <slot name="prefix"></slot> 1715 <slot></slot> 1716 <slot name="description"></slot> 1717 <slot name="suffix">
1718 ${this.getSuffixSlotInnerHTML(e)} 1719 </slot> 1720 <slot name="submenu"></slot> 1721 `},l1.getSuffixSlotInnerHTML=function(e){return""},a1.customElements.get("media-chrome-menu-item")||a1.customElements.define("media-chrome-menu-item",l1);class l5 extends lq{get anchorElement(){return"auto"!==this.anchor?super.anchorElement:a6(this).querySelector("media-settings-menu-button")}}l5.getTemplateHTML=function(e){return` 1722 ${lq.getTemplateHTML(e)} 1723 <style> 1724 :host { 1725 --_menu-bg: rgb(20 20 30 / .8); 1726 background: var(--media-settings-menu-background, 1727 var(--media-menu-background, 1728 var(--media-control-background, 1729 var(--media-secondary-color, var(--_menu-bg))))); 1730 min-width: var(--media-settings-menu-min-width, 170px); 1731 border-radius: 2px 2px 0 0; 1732 overflow: hidden; 1733 } 1734 1735 @-moz-document url-prefix() { 1736 :host{ 1737 --_menu-bg: rgb(20 20 30); 1738 } 1739 } 1740 1741 :host([role="menu"]) { 1742 1743 justify-content: end; 1744 } 1745 1746 slot:not([name]) { 1747 justify-content: var(--media-settings-menu-justify-content); 1748 flex-direction: var(--media-settings-menu-flex-direction, column); 1749 overflow: visible; 1750 } 1751 1752 #container.has-expanded { 1753 --media-settings-menu-item-opacity: 0; 1754 } 1755 </style> 1756 `},a1.customElements.get("media-settings-menu")||a1.customElements.define("media-settings-menu",l5);class l3 extends l1{}
1756l3.shadowRootOptions={mode:"open"},l3.getTemplateHTML=function(e){return` 1757 ${l1.getTemplateHTML.call(this,e)} 1758 <style> 1759 slot:not([name="submenu"]) { 1760 opacity: var(--media-settings-menu-item-opacity, var(--media-menu-item-opacity)); 1761 } 1762 1763 :host([aria-expanded="true"]:hover) { 1764 background: transparent; 1765 } 1766 </style> 1767 `},l3.getSuffixSlotInnerHTML=function(e){return` 1768 <svg aria-hidden="true" viewBox="0 0 20 24"> 1769 <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"/> 1770 </svg> 1771 `},a1.customElements.get("media-settings-menu-item")||a1.customElements.define("media-settings-menu-item",l3);class l4 extends nF{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=so(this))?void 0:e.querySelector(`#${this.invokeTarget}`):null}handleClick(){var e;null==(e=this.invokeTargetElement)||e.dispatchEvent(new lU({relatedTarget:this}))}}a1.customElements.get("media-chrome-menu-button")||a1.customElements.define("media-chrome-menu-button",l4);class l7 extends l4{static get observedAttributes(){return[...super.observedAttributes,"target"]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",aq("settings"))}get invokeTargetElement(){return void 0!=this.invokeTarget?super.invokeTargetElement:a6(this).querySelector("media-settings-menu")}}l7.getSlotTemplateHTML=function(){return` 1772 <style> 1773 :host([aria-expanded="true"]) slot[name=tooltip] { 1774 display: none; 1775 } 1776 </style> 1777 <slot name="icon"> 1778 <svg aria-hidden="true" viewBox="0 0 24 24"> 1779 <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"/> 1780 </svg> 1781 </slot> 1782 `},l7.getTooltipContentHTML=function(){return aq("Settings")},a1.customElements.get("media-settings-menu-button")||a1.customElements.define("media-settings-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 lq{constructor(){super(...arguments),l6(this,iq),l6(this,iQ),l6(this,iK,[]),l6(this,iG,void 0)}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_AUDIO_TRACK_LIST,aT.MEDIA_AUDIO_TRACK_ENABLED,aT.MEDIA_AUDIO_TRACK_UNAVAILABLE]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===aT.MEDIA_AUDIO_TRACK_ENABLED&&t!==i)this.value=i;else if(e===aT.MEDIA_AUDIO_TRACK_LIST&&t!==i){var a;de(this,iK,null==(a=null!=i?i:"")?void 0:a.split(/\s+/).map(aO)),dt(this,iq,iY).call(this)}}connectedCallback(){super.connectedCallback(),this.addEventListener("change",dt(this,iQ,iZ))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",dt(this,iQ,iZ))}get anchorElement(){var e;return"auto"!==this.anchor?super.anchorElement:null==(e=a6(this))?void 0:e.querySelector("media-audio-track-menu-button")}get mediaAudioTrackList(){return l9(this,iK)}set mediaAudioTrackList(e){de(this,iK,e),dt(this,iq,iY).call(this)}get mediaAudioTrackEnabled(){var e;return null!=(e=sv(this,aT.MEDIA_AUDIO_TRACK_ENABLED))?e:""}set mediaAudioTrackEnabled(e){sE(this,aT.MEDIA_AUDIO_TRACK_ENABLED,e)}}iK=new WeakMap,iG=new WeakMap,iq=new WeakSet,iY=function(){if(l9(this,iG)===JSON.stringify(this.mediaAudioTrackList))return;de(this,iG,JSON.stringify(this.mediaAudioTrackList));let e=this.mediaAudioTrackList;for(let t of(this.defaultSlot.textContent="",e.sort((e,t)=>e.id.localeCompare(t.id,void 0,{numeric:!0})),e)){let e=lF({type:"radio",text:this.formatMenuItemText(t.label,t),value:`${t.id}`,checked:t.enabled});
1782e.prepend(lK(this,"checked-indicator")),this.defaultSlot.append(e)}},iQ=new WeakSet,iZ=function(){if(null==this.value)return;let e=new a1.CustomEvent(ag.MEDIA_AUDIO_TRACK_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(e)},a1.customElements.get("media-audio-track-menu")||a1.customElements.define("media-audio-track-menu",di);let da=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1783 <path d="M11 17H9.5V7H11v10Zm-3-3H6.5v-4H8v4Zm6-5h-1.5v6H14V9Zm3 7h-1.5V8H17v8Z"/> 1784 <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"/> 1785</svg>`,ds=e=>{let t=aq("Audio");e.setAttribute("aria-label",t)};class dn extends l4{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_AUDIO_TRACK_ENABLED,aT.MEDIA_AUDIO_TRACK_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),ds(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_LANG&&ds(this)}get invokeTargetElement(){var e;return void 0!=this.invokeTarget?super.invokeTargetElement:null==(e=a6(this))?void 0:e.querySelector("media-audio-track-menu")}get mediaAudioTrackEnabled(){var e;return null!=(e=sv(this,aT.MEDIA_AUDIO_TRACK_ENABLED))?e:""}set mediaAudioTrackEnabled(e){sE(this,aT.MEDIA_AUDIO_TRACK_ENABLED,e)}}dn.getSlotTemplateHTML=function(){return` 1786 <style> 1787 :host([aria-expanded="true"]) slot[name=tooltip] { 1788 display: none; 1789 } 1790 </style> 1791 <slot name="icon">${da}</slot> 1792 `},dn.getTooltipContentHTML=function(){return aq("Audio")},a1.customElements.get("media-audio-track-menu-button")||a1.customElements.define("media-audio-track-menu-button",dn);var dr=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},dl=(e,t,i)=>(dr(e,t,"read from private field"),i?i.call(e):t.get(e)),dd=(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)},du=(e,t,i,a)=>(dr(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),dh=(e,t,i)=>(dr(e,t,"access private method"),i);let dc=` 1793 <svg aria-hidden="true" viewBox="0 0 26 24" part="captions-indicator indicator"> 1794 <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"/> 1795 </svg>`;class dm extends lq{constructor(){super(...arguments),dd(this,iz),dd(this,iJ),dd(this,ij,void 0)}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_SUBTITLES_LIST,aT.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_SUBTITLES_LIST&&t!==i?dh(this,iz,iX).call(this):e===aT.MEDIA_SUBTITLES_SHOWING&&t!==i&&(this.value=i||"",dh(this,iz,iX).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",dh(this,iJ,i0))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",dh(this,iJ,i0))}get anchorElement(){return"auto"!==this.anchor?super.anchorElement:a6(this).querySelector("media-captions-menu-button")}get mediaSubtitlesList(){return dp(this,aT.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){dv(this,aT.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return dp(this,aT.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){dv(this,aT.MEDIA_SUBTITLES_SHOWING,e)}}ij=new WeakMap,iz=new WeakSet,iX=function(){var e;let t=dl(this,ij)!==JSON.stringify(this.mediaSubtitlesList),i=this.value!==this.getAttribute(aT.MEDIA_SUBTITLES_SHOWING);if(!t&&!i)return;du(this,ij,JSON.stringify(this.mediaSubtitlesList)),this.defaultSlot.textContent="";let a=!this.value,s=lF({type:"radio",text:this.formatMenuItemText(aq("Off")),value:"off",checked:a});for(let t of(s.prepend(lK(this,"checked-indicator")),this.defaultSlot.append(s),this.mediaSubtitlesList)){let i=lF({type:"radio",text:this.formatMenuItemText(t.label,t),value:sB(t),checked:this.value==sB(t)});i.prepend(lK(this,"checked-indicator")),"captions"===(null!=(e=t.kind)?e:"subs")&&i.append(lK(this,"captions-indicator")),this.defaultSlot.append(i)}},iJ=new WeakSet,i0=function(){let e=this.mediaSubtitlesShowing,t=this.getAttribute(aT.MEDIA_SUBTITLES_SHOWING),i=this.value!==t;if((null==e?void 0:e.length)&&i&&this.dispatchEvent(new a1.CustomEvent(ag.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:e})),!this.value||!i)return;let a=new a1.CustomEvent(ag.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(a)},dm.getTemplateHTML=function(e){return` 1796 ${lq.getTemplateHTML(e)} 1797 <slot name="captions-indicator" hidden>${dc}</slot> 1798 `};let dp=(e,t)=>{let i=e.getAttribute(t);return i?sH(i):[]},dv=(e,t,i)=>{if(!(null==i?void 0:i.length))return void e.removeAttribute(t);let a=sV(i);e.getAttribute(t)!==a&&e.setAttribute(t,a)};a1.customElements.get("media-captions-menu")||a1.customElements.define("media-captions-menu",dm);let dE=`<svg aria-hidden="true" viewBox="0 0 26 24"> 1799 <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
17990 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"/> 1800</svg>`,db=`<svg aria-hidden="true" viewBox="0 0 26 24"> 1801 <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"/> 1802</svg>`,dg=e=>{e.setAttribute("data-captions-enabled",sq(e).toString())},df=e=>{e.setAttribute("aria-label",aq("closed captions"))};class dA extends l4{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_SUBTITLES_LIST,aT.MEDIA_SUBTITLES_SHOWING,aT.MEDIA_LANG]}connectedCallback(){super.connectedCallback(),df(this),dg(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_SUBTITLES_SHOWING?dg(this):e===aT.MEDIA_LANG&&df(this)}get invokeTargetElement(){var e;return void 0!=this.invokeTarget?super.invokeTargetElement:null==(e=a6(this))?void 0:e.querySelector("media-captions-menu")}get mediaSubtitlesList(){return dy(this,aT.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){dT(this,aT.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return dy(this,aT.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){dT(this,aT.MEDIA_SUBTITLES_SHOWING,e)}}dA.getSlotTemplateHTML=function(){return` 1803 <style> 1804 :host([data-captions-enabled="true"]) slot[name=off] { 1805 display: none !important; 1806 } 1807 1808 1809 :host(:not([data-captions-enabled="true"])) slot[name=on] { 1810 display: none !important; 1811 } 1812 1813 :host([aria-expanded="true"]) slot[name=tooltip] { 1814 display: none; 1815 } 1816 </style> 1817 1818 <slot name="icon"> 1819 <slot name="on">${dE}</slot> 1820 <slot name="off">${db}</slot> 1821 </slot> 1822 `},dA.getTooltipContentHTML=function(){return aq("Captions")};let dy=(e,t)=>{let i=e.getAttribute(t);return i?sH(i):[]},dT=(e,t,i)=>{if(!(null==i?void 0:i.length))return void e.removeAttribute(t);let a=sV(i);e.getAttribute(t)!==a&&e.setAttribute(t,a)};a1.customElements.get("media-captions-menu-button")||a1.customElements.define("media-captions-menu-button",dA);var dk=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},dw=(e,t,i)=>(dk(e,t,"read from private field"),i?i.call(e):t.get(e)),d_=(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)},dI=(e,t,i)=>(dk(e,t,"access private method"),i);let dS={RATES:"rates"};class dL extends lq{constructor(){super(),d_(this,i2),d_(this,i3),d_(this,i1,new sN(this,dS.RATES,{defaultValue:oi})),dI(this,i2,i5).call(this)}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_PLAYBACK_RATE,dS.RATES]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===aT.MEDIA_PLAYBACK_RATE&&t!=i?(this.value=i,dI(this,i2,i5).call(this)):e===dS.RATES&&t!=i&&(dw(this,i1).value=i,dI(this,i2,i5).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("change",dI(this,i3,i4))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",dI(this,i3,i4))}get anchorElement(){return"auto"!==this.anchor?super.anchorElement:a6(this).querySelector("media-playback-rate-menu-button")}get rates(){return dw(this,i1)}set rates(e){e?Array.isArray(e)?dw(this,i1).value=e.join(" "):"str
1822ing"==typeof e&&(dw(this,i1).value=e):dw(this,i1).value="",dI(this,i2,i5).call(this)}get mediaPlaybackRate(){return sh(this,aT.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){sc(this,aT.MEDIA_PLAYBACK_RATE,e)}}i1=new WeakMap,i2=new WeakSet,i5=function(){this.defaultSlot.textContent="";let e=this.mediaPlaybackRate,t=new Set(Array.from(dw(this,i1)).map(e=>Number(e)));for(let i of(e>0&&!t.has(e)&&t.add(e),Array.from(t).sort((e,t)=>e-t))){let t=lF({type:"radio",text:this.formatMenuItemText(`${i}x`,i),value:i.toString(),checked:e===i});t.prepend(lK(this,"checked-indicator")),this.defaultSlot.append(t)}},i3=new WeakSet,i4=function(){if(!this.value)return;let e=new a1.CustomEvent(ag.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(e)},a1.customElements.get("media-playback-rate-menu")||a1.customElements.define("media-playback-rate-menu",dL);class dM extends l4{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_PLAYBACK_RATE]}constructor(){var e;super(),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${null!=(e=this.mediaPlaybackRate)?e:1}x`}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===aT.MEDIA_PLAYBACK_RATE){let e=i?+i:Number.NaN,t=Number.isNaN(e)?1:e;this.container.innerHTML=`${t}x`,this.setAttribute("aria-label",aq("Playback rate {playbackRate}",{playbackRate:t}))}}get invokeTargetElement(){return void 0!=this.invokeTarget?super.invokeTargetElement:a6(this).querySelector("media-playback-rate-menu")}get mediaPlaybackRate(){return sh(this,aT.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){sc(this,aT.MEDIA_PLAYBACK_RATE,e)}}dM.getSlotTemplateHTML=function(e){return` 1823 <style> 1824 :host { 1825 min-width: 5ch; 1826 padding: var(--media-button-padding, var(--media-control-padding, 10px 5px)); 1827 } 1828 1829 :host([aria-expanded="true"]) slot[name=tooltip] { 1830 display: none; 1831 } 1832 </style> 1833 <slot name="icon">${e.mediaplaybackrate||1}x</slot> 1834 `},dM.getTooltipContentHTML=function(){return aq("Playback rate")},a1.customElements.get("media-playback-rate-menu-button")||a1.customElements.define("media-playback-rate-menu-button",dM);var dC=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},dR=(e,t,i)=>(dC(e,t,"read from private field"),i?i.call(e):t.get(e)),dD=(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)},dx=(e,t,i,a)=>(dC(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),dO=(e,t,i)=>(dC(e,t,"access private method"),i);class dN extends lq{constructor(){super(...arguments),dD(this,i9),dD(this,ae),dD(this,i7,[]),dD(this,i8,{})}static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_RENDITION_LIST,aT.MEDIA_RENDITION_SELECTED,aT.MEDIA_RENDITION_UNAVAILABLE,aT.MEDIA_HEIGHT]}static formatMenuItemText(e,t){return super.formatMenuItemText(e,t)}static formatRendition(e,{showBitrate:t=!1}={}){let i=`${Math.min(e.width,e.height)}p`;if(t&&e.bitrate){let t=e.bitrate/1e6,a=`${t.toFixed(+(t<1))} Mbps`;return`${i} (${a})`}return this.formatMenuItemText(i,e)}static compareRendition(e,t){var i,a;return t.height===e.height?(null!=(i=t.bitrate)?i:0)-(null!=(a=e.bitrate)?a:0):t.height-e.height}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===aT.MEDIA_RENDITION_SELECTED&&t!==i)this.value=null!=i?i:"auto",dO(this,i9,i6).call(this);else if(e===aT.MEDIA_RENDITION_LIST&&t!==i)dx(this,i7,null==i?void 0:i.split(/\s+/).map(aD)),dO(this,i9,i6).call(this);else e===aT.MEDIA_HEIGHT&&t!==i&&dO(this,i9,i6).call(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",dO(this,ae,at))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",dO(this,ae,at))}get anchorElement(){return"auto"!==this.anchor?super.anchorElement:a6(this).querySelector("media-rendition-menu-button")}get mediaRenditionList(){return dR(this,i7)}set mediaRenditionList(e){dx(this,i7,e),dO(this,i9,i6).call(this)}get mediaRenditionSelected(){return sv(this,aT.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){sE(this,aT.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return sh(this,aT.MEDIA_HEIGHT)}set mediaHeight(e){sc(this,aT.MEDIA_HEIGHT,e)}compareRendition(e,t){return this.constructor.compareRendition(e,t)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}formatRendition(e,t){return this.constructor.formatRendition(e,t)}showRenditionBitrate(e){return this.mediaRenditionList.some(t=>t!==e&&t.height===e.height&&t.bitrate!==e.bitrate)}}i7=new WeakMap,i8=new WeakMap,i9=new WeakSet,i6=function(){if(dR(this,i8).mediaRenditionList===JSON.stringify(this.mediaRenditionList)&&dR(this,i8).mediaHeight===this.mediaHeight)return;dR(this,i8).mediaRenditionList=JSON.stringify(this.mediaRenditionList),dR(this,i8).mediaHeight=this.mediaHeight;let e=this.mediaRenditionList.sort(this.compareRendition.bind(this)),t=e.find(e=>e.id===this.mediaRenditionSelected);for(let i of e)i.selected=i===t;this.defaultSlot.textContent="";let i=!this.mediaRenditionSelected;for(let t of e){let e=lF({type:"radio",text:this.formatRendition(t,{showBitrate:this.showRenditionBitrate(t)}
1834),value:`${t.id}`,checked:t.selected&&!i});e.prepend(lK(this,"checked-indicator")),this.defaultSlot.append(e)}let a=t&&this.showRenditionBitrate(t),s=i?t?this.formatMenuItemText(`${aq("Auto")} \u2022 ${this.formatRendition(t,{showBitrate:a})}`,t):this.formatMenuItemText(`${aq("Auto")} (${this.mediaHeight}p)`):this.formatMenuItemText(aq("Auto")),n=lF({type:"radio",text:s,value:"auto",checked:i});n.dataset.description=s,n.prepend(lK(this,"checked-indicator")),this.defaultSlot.append(n)},ae=new WeakSet,at=function(){if(null==this.value)return;let e=new a1.CustomEvent(ag.MEDIA_RENDITION_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(e)},a1.customElements.get("media-rendition-menu")||a1.customElements.define("media-rendition-menu",dN);let dU=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1835 <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" /> 1836</svg>`;class dP extends l4{static get observedAttributes(){return[...super.observedAttributes,aT.MEDIA_RENDITION_SELECTED,aT.MEDIA_RENDITION_UNAVAILABLE,aT.MEDIA_HEIGHT]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",aq("quality"))}get invokeTargetElement(){return void 0!=this.invokeTarget?super.invokeTargetElement:a6(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return sv(this,aT.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){sE(this,aT.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return sh(this,aT.MEDIA_HEIGHT)}set mediaHeight(e){sc(this,aT.MEDIA_HEIGHT,e)}}dP.getSlotTemplateHTML=function(){return` 1837 <style> 1838 :host([aria-expanded="true"]) slot[name=tooltip] { 1839 display: none; 1840 } 1841 </style> 1842 <slot name="icon">${dU}</slot> 1843 `},dP.getTooltipContentHTML=function(){return aq("Quality")},a1.customElements.get("media-rendition-menu-button")||a1.customElements.define("media-rendition-menu-button",dP);var dH=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},dW=(e,t,i)=>(dH(e,t,"read from private field"),i?i.call(e):t.get(e)),dB=(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)},dV=(e,t,i,a)=>(dH(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),d$=(e,t,i)=>(dH(e,t,"access private method"),i);class dF extends lq{constructor(){super(),dB(this,aa),dB(this,an),dB(this,ao),dB(this,ad),dB(this,ac),dB(this,ai,!1),dB(this,ah,e=>{let t=e.target,i=(null==t?void 0:t.nodeName)==="VIDEO",a=d$(this,ad,au).call(this,t);(i||a)&&(dW(this,ai)?d$(this,an,ar).call(this):d$(this,ac,am).call(this,e))}),dB(this,ap,e=>{let t=e.target,i=this.contains(t),a=2===e.button,s=(null==t?void 0:t.nodeName)==="VIDEO",n=d$(this,ad,au).call(this,t);!i&&(a&&(s||n)||d$(this,an,ar).call(this))}),dB(this,av,e=>{"Escape"===e.key&&d$(this,an,ar).call(this)}),dB(this,aE,e=>{var t,i;let a=e.target;if(null==(t=a.matches)?void 0:t.call(a,'button[invoke="copy"]')){let e=null==(i=a.closest("media-context-menu-item"))?void 0:i.querySelector('input[slot="copy"]');e&&navigator.clipboard.writeText(e.value)}d$(this,an,ar).call(this)}),this.setAttribute("noautohide",""),d$(this,aa,as).call(this)}connectedCallback(){super.connectedCallback(),a6(this).addEventListener("contextmenu",dW(this,ah)),this.addEventListener("click",dW(this,aE))}disconnectedCallback(){super.disconnectedCallback(),a6(this).removeEventListener("contextmenu",dW(this,ah)),this.removeEventListener("click",dW(this,aE)),document.removeEventListener("mousedown",dW(this,ap)),document.removeEventListener("keydown",dW(this,av))}}ai=new WeakMap,aa=new WeakSet,as=function(){this.hidden=!dW(this,ai)},an=new WeakSet,ar=function(){dV(this,ai,!1),d$(this,aa,as).call(this)},ao=new WeakSet,al=function(){document.querySelectorAll("media-context-menu").forEach(e=>{e!==this&&d$(e,an,ar).call(e)})},ad=new WeakSet,au=function(e){return!!e&&(!!e.hasAttribute("slot")&&"media"===e.getAttribute("slot")||!!(e.nodeName.includes("-")&&e.tagName.includes("-"))&&(e.hasAttribute("src")||e.hasAttribute("poster")||e.hasAttribute("preload")||e.hasAttribute("playsinline")))},ah=new WeakMap,ac=new WeakSet,am=function(e){e.preventDefault(),d$(this,ao,al).call(this),dV(this,ai,!0),this.style.position="fixed",this.style.left=`${e.clientX}px`,this.style.top=`${e.clientY}px`,d$(this,aa,as).call(this),document.addEventListener("mousedown",dW(this,ap),{once:!0}),document.addEventListener("keydown",dW(this,av),{once:!0})},ap=new WeakMap,av=new WeakMap,aE=new WeakMap,dF.getTemplateHTML=function(e){return` 1844 ${lq.getTemplateHTML(e)} 1845 <style> 1846 :host { 1847 --_menu-bg: rgb(20 20 30 / .8); 1848 background: var(--media-settings-menu-background, 1849 var(--media-menu-background, 1850 var(--media-control-background, 1851 var(--media-secondary-color, var(--_menu-bg))))); 1852 min-width: var(--media-settings-menu-min-width, 170px); 1853 border-radius: 2px; 1854 overflow: hidden; 1855 } 1856 </style> 1857 `},a1.customElements.get("media-context-menu")||a1.customElements.define("media-context-menu",dF);class dK extends l1{}dK.shadowRootOptions={mode:"open"},dK.getTemplateHTML=function(e){return` 1858 ${l1.getTemplateHTML.call(this,e)} 1859 <style> 1860 ::slotted(*) { 1861 color: var(--media-text-color, white); 1862 text-decoration: none; 1863 border: none; 1864 background: none; 1865 cursor: pointer; 1866 padding: 0; 1867 min-height: var(--media-control-height, 24px); 1868 } 1869 </style> 1870 `},a1.customElements.get("media-context-menu-item")||a1.customElements.define("media-context-menu-item",dK);let dG=a1.document?.createElement?.("template");dG&&(dG.innerHTML=String.raw` 1871 <!-- Sutro --> 1872 <style> 1873 :host { 1874 --_primary-color: var(--media-primary-color, #fff); 1875 --_secondary-color: var(--media-secondary-color, transparent); 1876 --_accent-color: var(--media-accent-color, #fff); 1877 } 1878 1879 media-controller { 1880 --base: 18px; 1881 1882 font-size: calc(0.75 * var(--base)); 1883 font-family: Roboto, Arial, sans-serif; 1884 --media-font-family: Roboto, helvetica neue, segoe ui, arial, sans-serif; 1885 -webkit-font-smoothing: antialiased; 1886 1887 --media-primary-color: #fff; 1888 --media-secondary-color: transparent; 1889 --media-menu-background: rgba(28, 28, 28, 0.6); 1890 --media-text-color: var(--_primary-color); 1891 --media-control-hover-background: var(--media-secondary-color); 1892 1893 --media-range-track-height: calc(0.125 * var(--base)); 1894 --media-range-thumb-height: var(--base); 1895 --media-range-thumb-width: var(--base); 1896 --media-range-thumb-border-radius: var(--base); 1897 1898 --media-control-height: calc(2 * var(--base)); 1899 } 1900 1901 media-controller[breakpointmd] { 1902 --base: 20px; 1903 } 1904 1905 /* The biggest size controller is tied to going fullscreen 1906 instead of a player width. */ 1907 media-controller[mediaisfullscreen] { 1908 --base: 24px; 1909 } 1910 1911 .media-button { 1912 --media-control-hover-background: var(--_secondary-color); 1913 --media-tooltip-background: rgb(28 28 28 / .24); 1914 --media-text-content-height: 1.2; 1915 --media-tooltip-padding: .7em 1em; 1916 --media-tooltip-distance: 8px; 1917 --media-tooltip-container-margin: 18px; 1918 position: relative; 1919 padding: 0; 1920 opacity: 0.9; 1921 transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1); 1922 } 1923 1924 .media-button svg { 1925 fill: none; 1926 stroke: var(--_primary-color); 1927 stroke-width: 1; 1928 stroke-linecap: 'round'; 1929 stroke-linejoin: 'round'; 1930 } 1931 1932 svg .svg-shadow { 1933 stroke: #000; 1934 stroke-opacity: 0.15; 1935 stroke-width: 2px; 1936 fill: none; 1937 } 1938 </style> 1939 1940 <media-controller 1941 breakpoints="md:480"
1942 defaultsubtitles="{{defaultsubtitles}}" 1943 defaultduration="{{defaultduration}}" 1944 gesturesdisabled="{{disabled}}" 1945 hotkeys="{{hotkeys}}" 1946 nohotkeys="{{nohotkeys}}" 1947 defaultstreamtype="on-demand" 1948 > 1949 <slot name="media" slot="media"></slot> 1950 <slot name="poster" slot="poster"></slot> 1951 <slot name="centered-chrome" slot="centered-chrome"></slot> 1952 <media-error-dialog slot="dialog"></media-error-dialog> 1953 1954 <!-- Controls Gradient --> 1955 <style> 1956 .media-gradient-bottom { 1957 position: absolute; 1958 bottom: 0; 1959 width: 100%; 1960 height: calc(8 * var(--base)); 1961 pointer-events: none; 1962 } 1963 1964 .media-gradient-bottom::before { 1965 content: ''; 1966 --gradient-steps: hsl(0 0% 0% / 0) 0%, hsl(0 0% 0% / 0.013) 8.1%, hsl(0 0% 0% / 0.049) 15.5%, 1967 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%, 1968 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%, 1969 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%, 1970 hsl(0 0% 0%) 100%; 1971 1972 position: absolute; 1973 inset: 0; 1974 opacity: 0.7; 1975 background: linear-gradient(to bottom, var(--gradient-steps)); 1976 } 1977 </style> 1978 <div class="media-gradient-bottom"></div> 1979 1980 <!-- Settings Menu --> 1981 <style> 1982 media-settings-menu { 1983 --media-menu-icon-height: 20px; 1984 --media-menu-item-icon-height: 20px; 1985 --media-settings-menu-min-width: calc(10 * var(--base)); 1986 --media-menu-transform-in: translateY(0) scale(1); 1987 --media-menu-transform-out: translateY(20px) rotate(3deg) scale(1); 1988 padding-block: calc(0.15 * var(--base)); 1989 margin-right: 10px; 1990 margin-bottom: 17px; 1991 border-radius: 8px; 1992 z-index: 2; 1993 user-select: none; 1994 } 1995 1996 media-settings-menu-item, 1997 [role='menu']::part(menu-item) { 1998 --media-icon-color: var(--_primary-color); 1999 margin-inline: calc(0.45 * var(--base)); 2000 height: calc(1.6 * var(--base)); 2001 font-size: calc(0.7 * var(--base)); 2002 font-weight: 400; 2003 padding: 0; 2004 padding-left: calc(0.4 * var(--base)); 2005 padding-right: calc(0.1 * var(--base)); 2006 border-radius: 6px; 2007 text-shadow: none; 2008 } 2009 2010 [slot='submenu']::part(back button) { 2011 font-size: calc(0.7 * var(--base)); 2012 } 2013 2014 media-settings-menu-item:hover { 2015 --media-icon-color: #000; 2016 color: #000; 2017 background-color: #fff; 2018 } 2019 2020 media-settings-menu-item:hover [slot='submenu']::part(menu-item), 2021 [slot='submenu']::part(back indicator) { 2022 --media-icon-color: var(--_primary-color); 2023 } 2024 2025 media-settings-menu-item:hover [slot='submenu']::part(menu-item):hover { 2026 --media-icon-color: #000; 2027 color: #000; 2028 background-color: #fff; 2029 } 2030 2031 media-settings-menu-item[submenusize='0'] { 2032 display: none; 2033 } 2034 2035 /* Also hide if only 'Auto' is added. */ 2036 .quality-settings[submenusize='1'] { 2037 display: none; 2038 } 2039 </style> 2040 <media-settings-menu hidden anchor="auto"> 2041 <media-settings-menu-item> 2042 Playback Speed 2043 <media-playback-rate-menu slot="submenu" hidden> 2044 <div slot="title">Playback Speed</div> 2045 </media-playback-rate-menu> 2046 </media-settings-menu-item> 2047 <media-settings-menu-item class="quality-settings"> 2048 Quality 2049 <media-rendition-menu slot="submenu" hidden> 2050 <div slot="title">Quality</div> 2051 </media-rendition-menu> 2052 </media-settings-menu-item> 2053 <media-settings-menu-item> 2054 Subtitles/CC 2055 <media-captions-menu slot="submenu" hidden> 2056 <div slot="title">Subtitles/CC</div> 2057 </media-captions-menu> 2058 </media-settings-menu-item> 2059 </media-settings-menu> 2060 2061 <!-- Control Bar --> 2062 <style> 2063 media-control-bar { 2064 position: absolute; 2065 height: calc(2 * var(--base)); 2066 line-height: calc(2 * var(--base)); 2067 bottom: var(--base); 2068 left: var(--base); 2069 right: var(--base); 2070 } 2071 </style> 2072 <media-control-bar> 2073 <!-- Play/Pause --> 2074 <style> 2075 @keyframes bounce-scale-play { 2076 0% { 2077 transform: scale(0.75, 0.75); 2078 } 2079 50% { 2080 transform: scale(115%, 115%); 2081 } 2082 100% { 2083 transform: scale(1, 1); 2084 } 2085 } 2086 2087 .media-button { 2088 border-radius: 25%; 2089 backdrop-filter: blur(10px) invert(15%) brightness(80%) opacity(0); 2090 -webkit-backdrop-filter: blur(10px) invert(15%) brightness(80%) opacity(0); 2091 transition: backdrop-filter 0.3s, -webkit-backdrop-filter 0.3s, box-shadow 0.3s; 2092 } 2093 2094 .media-button:hover { 2095 /* background-color: rgba(0, 0, 0, 0.05); */ 2096 box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; 2097 /* hue-rotate(120deg) */ 2098 backdrop-filter: blur(10px) invert(15%) brightness(80%) opacity(1); 2099 -webkit-backdrop-filter: blur(10px) invert(15%) brightness(80%) opacity(1); 2100 transition: backdrop-filter 0.3s, -webkit-backdrop-filter 0.3s; 2101 } 2102 2103 media-play-button #icon-play { 2104 opacity: 0; 2105 transform-box: view-box; 2106 transform-origin: center center; 2107 transform: scale(0.5, 0.5); 2108 transition: all 0.5s; 2109 } 2110 2111 media-play-button[mediapaused] #icon-play { 2112 opacity: 1; 2113 transform: scale(1, 1); 2114 animation: 0.35s bounce-scale-play ease-in-out; 2115 } 2116 2117 @keyframes bounce-pause-left { 2118 0% { 2119 font-size: 10px; 2120 } 2121 50% { 2122 font-size: 3px; 2123 } 2124 100% { 2125 font-size: 4px; 2126 } 2127 } 2128 2129 @keyframes bounce-pause-right { 2130 0% { 2131 font-size: 10px; 2132 transform: translateX(-8px); 2133 } 2134 50% { 2135 font-size: 3px; 2136 transform: translateX(1px); 2137 } 2138 100% { 2139 font-size: 4px; 2140 transform: translateX(0); 2141 } 2142 } 2143 2144 media-play-button #pause-left, 2145 media-play-button #pause-right { 2146 /* Using font-size to animate height because using scale was resulting in unexpected positioning */ 2147 font-size: 4px; 2148 opacity: 1; 2149 transform: translateX(0); 2150 transform-box: view-box; 2151 } 2152 2153 media-play-button:not([mediapaused]) #pause-left { 2154 animation: 0.3s bounce-pause-left ease-out; 2155 } 2156 2157 media-play-button:not([mediapaused]) #pause-right {
2158 animation: 0.3s bounce-pause-right ease-out; 2159 } 2160 2161 media-play-button[mediapaused] #pause-left, 2162 media-play-button[mediapaused] #pause-right { 2163 opacity: 0; 2164 font-size: 10px; 2165 } 2166 2167 media-play-button[mediapaused] #pause-right { 2168 transform-origin: right center; 2169 transform: translateX(-8px); 2170 } 2171 </style> 2172 <media-play-button mediapaused class="media-button"> 2173 <svg slot="icon" viewBox="0 0 32 32"> 2174 <!-- <use class="svg-shadow" xlink:href="#icon-play"></use> --> 2175 <g> 2176 <path 2177 id="icon-play" 2178 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" 2179 /> 2180 </g> 2181 <!-- <use class="svg-shadow" xlink:href="#icon-pause"></use> --> 2182 <g id="icon-pause"> 2183 <rect id="pause-left" x="10.5" width="1em" y="10.5" height="11" rx="0.5" /> 2184 <rect id="pause-right" x="17.5" width="1em" y="10.5" height="11" rx="0.5" /> 2185 </g> 2186 </svg> 2187 </media-play-button> 2188 2189 <!-- Volume/Mute --> 2190 <style> 2191 media-mute-button { 2192 position: relative; 2193 } 2194 2195 media-mute-button .muted-path { 2196 transition: clip-path 0.2s ease-out; 2197 } 2198 2199 media-mute-button #muted-path-2 { 2200 transition-delay: 0.2s; 2201 } 2202 2203 media-mute-button .muted-path { 2204 clip-path: inset(0); 2205 } 2206 2207 media-mute-button:not([mediavolumelevel='off']) #muted-path-1 { 2208 clip-path: inset(0 0 100% 0); 2209 } 2210 2211 media-mute-button:not([mediavolumelevel='off']) #muted-path-2 { 2212 clip-path: inset(0 0 100% 0); 2213 } 2214 2215 media-mute-button .muted-path { 2216 opacity: 0; 2217 } 2218 2219 media-mute-button[mediavolumelevel='off'] .muted-path { 2220 opacity: 1; 2221 } 2222 2223 media-mute-button .vol-path { 2224 opacity: 1; 2225 transition: opacity 0.4s; 2226 } 2227 2228 media-mute-button[mediavolumelevel='off'] .vol-path { 2229 opacity: 0; 2230 } 2231 2232 media-mute-button[mediavolumelevel='low'] #vol-high-path, 2233 media-mute-button[mediavolumelevel='medium'] #vol-high-path { 2234 opacity: 0; 2235 } 2236 2237 media-volume-range { 2238 --media-range-track-background: rgba(255, 255, 255, 0.2); 2239 --media-range-thumb-opacity: 0; 2240 } 2241 2242 @keyframes volume-in { 2243 0% { 2244 visibility: hidden; 2245 opacity: 0; 2246 transform: translateY(50%) rotate(1deg); 2247 } 2248 50% { 2249 visibility: visible; 2250 opacity: 1; 2251 transform: rotate(-2deg); 2252 } 2253 100% { 2254 visibility: visible; 2255 opacity: 1; 2256 transform: translateY(0) rotate(0deg); 2257 } 2258 } 2259 2260 @keyframes volume-out { 2261 0% { 2262 visibility: visible; 2263 opacity: 1; 2264 transform: translateY(0) rotate(0deg); 2265 } 2266 50% { 2267 opacity: 1; 2268 transform: rotate(0deg); 2269 } 2270 100% { 2271 visibility: hidden; 2272 opacity: 0; 2273 transform: translateY(50%) rotate(1deg); 2274 } 2275 } 2276 2277 .media-volume-range-wrapper { 2278 opacity: 0; 2279 visibility: hidden; 2280 2281 position: absolute; 2282 top: -100%; 2283 left: calc(2 * var(--base)); 2284 2285 width: calc(10 * var(--base)); 2286 height: calc(2.5 * var(--base)); 2287 transform-origin: center left; 2288 } 2289 2290 media-volume-range { 2291 /* 2292 Hide range and animation until mediavolume attribute is set. 2293 'visibility' didn't work, hovering over media-volume-range-wrapper 2294 caused it to show. Should require mute-button:hover. 2295 */ 2296 opacity: 0; 2297 transition: opacity 0s 1s; 2298 2299 width: calc(10 * var(--base)); 2300 height: var(--base); 2301 padding: 0; 2302 border-radius: calc(0.25 * var(--base)); 2303 overflow: hidden; 2304 background: rgba(0, 0, 0, 0.2); 2305 2306 --media-range-bar-color: var(--media-accent-color); 2307 2308 --media-range-padding-left: 0; 2309 --media-range-padding-right: 0; 2310 2311 --media-range-track-width: calc(10 * var(--base)); 2312 --media-range-track-height: var(--base); 2313 --media-range-track-border-radius: calc(0.25 * var(--base)); 2314 --media-range-track-backdrop-filter: blur(10px) brightness(80%); 2315 2316 /* This makes zero volume still show some of the bar. 2317 I can't make the bar have curved corners otherwise though. */ 2318 --media-range-thumb-width: var(--base); 2319 --media-range-thumb-border-radius: calc(0.25 * var(--base)); 2320 2321 /* The Sutro design has a gradient like this, but not sure I like it */ 2322 /* --media-range-thumb-box-shadow: 10px 0px 20px rgba(255, 255, 255, 0.5); */ 2323 } 2324 2325 media-volume-range[mediavolume] { 2326 opacity: 1; 2327 } 2328 2329 [keyboardcontrol] media-volume-range:focus { 2330 /* TODO: This appears to be creating a think outline */ 2331 outline: 1px solid rgba(27, 127, 204, 0.9); 2332 } 2333 2334 media-mute-button:hover + .media-volume-range-wrapper, 2335 media-mute-button:focus + .media-volume-range-wrapper, 2336 media-mute-button:focus-within + .media-volume-range-wrapper, 2337 .media-volume-range-wrapper:hover, 2338 .media-volume-range-wrapper:focus, 2339 .media-volume-range-wrapper:focus-within { 2340 animation: 0.3s volume-in forwards ease-out; 2341 } 2342 2343 .media-volume-range-wrapper:not(:hover, :focus-within) { 2344 animation: 0.3s volume-out ease-out; 2345 } 2346 2347 /* When keyboard navigating the volume range and wrapper need to always be visible 2348 otherwise focus state can't land on it. This is ok when keyboard navigating because 2349 the hovering issues aren't a concern, unless you happen to be keyboard AND mouse navigating. 2350 */ 2351 [keyboardcontrol] .media-volume-range-wrapper, 2352 [keyboardcontrol] .media-volume-range-wrapper:focus-within, 2353 [keyboardcontrol] .media-volume-range-wrapper:focus-within media-volume-range { 2354 visibility: visible; 2355 } 2356 </style> 2357 <media-mute-button class="media-button" notooltip> 2358 <use class="svg-shadow" xlink:href="#vol-paths"></use>
2359 <svg slot="icon" viewBox="0 0 32 32"> 2360 <g id="vol-paths"> 2361 <path 2362 id="speaker-path" 2363 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" 2364 /> 2365 <path 2366 id="vol-low-path" 2367 class="vol-path" 2368 d="M18.5 18C19.6046 18 20.5 17.1046 20.5 16C20.5 14.8954 19.6046 14 18.5 14" 2369 /> 2370 <path 2371 id="vol-high-path" 2372 class="vol-path" 2373 d="M18 21C20.7614 21 23 18.7614 23 16C23 13.2386 20.7614 11 18 11" 2374 /> 2375 <path id="muted-path-1" class="muted-path" d="M23 18L19 14" /> 2376 <path id="muted-path-2" class="muted-path" d="M23 14L19 18" /> 2377 </g> 2378 </svg> 2379 </media-mute-button> 2380 <div class="media-volume-range-wrapper"> 2381 <media-volume-range></media-volume-range> 2382 </div> 2383 2384 <!-- Time Display --> 2385 <style> 2386 media-time-display { 2387 position: relative; 2388 padding: calc(0.5 * var(--base)); 2389 font-size: calc(0.7 * var(--base)); 2390 border-radius: calc(0.5 * var(--base)); 2391 } 2392 2393 media-controller[breakpointmd] media-time-display:not([showduration]) { 2394 display: none; 2395 } 2396 2397 media-controller:not([breakpointmd]) media-time-display[showduration] { 2398 display: none; 2399 } 2400 </style> 2401 <media-time-display></media-time-display> 2402 <media-time-display showduration></media-time-display> 2403 2404 <!-- Time Range / Progress Bar --> 2405 <style> 2406 media-time-range { 2407 height: calc(2 * var(--base)); 2408 border-radius: calc(0.25 * var(--base)); 2409 2410 --media-range-track-backdrop-filter: invert(10%) blur(5px) brightness(110%); 2411 --media-range-track-background: rgba(255, 255, 255, 0.2); 2412 --media-range-track-pointer-background: rgba(255, 255, 255, 0.5); 2413 --media-range-track-border-radius: calc(0.25 * var(--base)); 2414 2415 --media-time-range-buffered-color: rgba(255, 255, 255, 0.4); 2416 --media-range-bar-color: var(--media-accent-color); 2417 2418 --media-range-thumb-background: var(--media-accent-color); 2419 --media-range-thumb-transition: opacity 0.1s linear; 2420 --media-range-thumb-opacity: 0; 2421 2422 --media-preview-thumbnail-border: calc(0.125 * var(--base)) solid #fff; 2423 --media-preview-thumbnail-border-radius: calc(0.5 * var(--base)); 2424 --media-preview-thumbnail-min-width: calc(8 * var(--base)); 2425 --media-preview-thumbnail-max-width: calc(10 * var(--base)); 2426 --media-preview-thumbnail-min-height: calc(5 * var(--base)); 2427 --media-preview-thumbnail-max-height: calc(7 * var(--base)); 2428 --media-preview-box-margin: 0 0 -10px; 2429 } 2430 media-time-range:hover { 2431 --media-range-thumb-opacity: 1; 2432 --media-range-track-height: calc(0.25 * var(--base)); 2433 } 2434 2435 media-preview-thumbnail { 2436 margin-bottom: 5px; 2437 } 2438 2439 media-preview-chapter-display { 2440 font-size: calc(0.6 * var(--base)); 2441 padding-block: 0; 2442 } 2443 2444 media-preview-time-display { 2445 font-size: calc(0.65 * var(--base)); 2446 padding-top: 0; 2447 } 2448 </style> 2449 <media-time-range> 2450 <media-preview-thumbnail slot="preview"></media-preview-thumbnail> 2451 <media-preview-chapter-display slot="preview"></media-preview-chapter-display> 2452 <media-preview-time-display slot="preview"></media-preview-time-display> 2453 </media-time-range> 2454 2455 <!-- Subtitles/CC Button --> 2456 <style> 2457 media-captions-button { 2458 position: relative; 2459 } 2460 2461 media-controller:not([breakpointmd]) media-captions-button { 2462 display: none; 2463 } 2464 2465 media-captions-button svg :is(path, rect) { 2466 stroke: none; 2467 fill: var(--_primary-color); 2468 } 2469 2470 /* Disble the captions button when no subtitles are available */ 2471 media-captions-button:not([mediasubtitleslist]) svg { 2472 opacity: 0.3; 2473 } 2474 2475 media-captions-button #cc-underline { 2476 opacity: 1; 2477 } 2478 2479 media-captions-button[mediasubtitleslist][aria-checked='true'] #cc-underline { 2480 opacity: 1; 2481 } 2482 2483 media-captions-button #cc-underline { 2484 transition: clip-path 0.15s ease-out; 2485 } 2486 2487 media-captions-button #cc-underline { 2488 clip-path: inset(0 100% 0 0); 2489 } 2490 2491 media-captions-button[aria-checked='true'] #cc-underline { 2492 clip-path: inset(0 0 0 0); 2493 } 2494 </style> 2495 <media-captions-button class="media-button">
2496 <svg slot="icon" viewBox="0 0 32 32"> 2497 <use class="svg-shadow" xlink:href="#cc-icon"></use> 2498 <g id="cc-icon"> 2499 <path 2500 class="cc-c" 2501 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" 2502 /> 2503 <path 2504 class="cc-c" 2505 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" 2506 /> 2507 <rect id="cc-underline" x="8" y="23" width="16" height="1" rx="0.5" /> 2508 </g> 2509 </svg> 2510 </media-captions-button> 2511 2512 <!-- Settings Menu Button --> 2513 <style> 2514 media-settings-menu-button svg { 2515 transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1); 2516 transform: rotateZ(0deg); 2517 } 2518 media-settings-menu-button[aria-expanded='true'] svg { 2519 transform: rotateZ(30deg); 2520 } 2521 </style> 2522 <media-settings-menu-button class="media-button"> 2523 <svg slot="icon" viewBox="0 0 32 32"> 2524 <use class="svg-shadow" xlink:href="#settings-icon"></use> 2525 <g id="settings-icon"> 2526 <path 2527 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" 2528 /> 2529 <path 2530 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" 2531 /> 2532 </g> 2533 </svg> 2534 </media-settings-menu-button> 2535 2536 <!-- PIP/Mini Player Button --> 2537 <style> 2538 media-controller:not([breakpointmd]) media-pip-button { 2539 display: none; 2540 } 2541 </style> 2542 <media-pip-button class="media-button">
2543 <svg slot="icon" viewBox="0 0 32 32"> 2544 <use class="svg-shadow" xlink:href="#pip-icon"></use> 2545 <g id="pip-icon"> 2546 <path 2547 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" 2548 /> 2549 <path 2550 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" 2551 /> 2552 </g> 2553 </svg> 2554 </media-pip-button> 2555 2556 <!-- Airplay Button --> 2557 <media-airplay-button class="media-button"> 2558 <svg viewBox="0 0 32 32" aria-hidden="true" slot="icon"> 2559 <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"/> 2560 <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"/> 2561 <path stroke-linejoin="round" d="m16 19 3.464 3.75h-6.928L16 19Z"/> 2562 </svg> 2563 </media-airplay-button> 2564 2565 <!-- Cast Button --> 2566 <media-cast-button class="media-button"> 2567 <svg slot="icon" viewBox="0 0 32 32"> 2568 <use class="svg-shadow" xlink:href="#cast-icon"></use> 2569 <g id="cast-icon"> 2570 <path 2571 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" 2572 /> 2573 <path d="M8.5 15.167a6.667 6.667 0 0 1 6.667 6.666" /> 2574 </g> 2575 </svg> 2576 </media-cast-button> 2577 2578 <!-- Fullscreen Button --> 2579 <style> 2580 /* Having trouble getting @property to work in the shadow dom 2581 to clean this up. Like https://codepen.io/luwes/pen/oNRyZyx */ 2582 2583 media-fullscreen-button .fs-arrow { 2584 translate: 0% 0%; 2585 } 2586 media-fullscreen-button:hover .fs-arrow { 2587 animation: 0.35s up-left-bounce cubic-bezier(0.34, 1.56, 0.64, 1); 2588 } 2589 media-fullscreen-button:hover #fs-enter-top, 2590 media-fullscreen-button:hover #fs-exit-bottom { 2591 animation-name: up-right-bounce; 2592 } 2593 2594 media-fullscreen-button:hover #fs-enter-bottom, 2595 media-fullscreen-button:hover #fs-exit-top { 2596 animation-name: down-left-bounce; 2597 } 2598 2599 @keyframes up-left-bounce { 2600 0% { 2601 translate: 0 0; 2602 } 2603 50% { 2604 translate: -4% -4%; 2605 } 2606 } 2607 @keyframes up-right-bounce { 2608 0% { 2609 translate: 0 0; 2610 } 2611 50% { 2612 translate: 4% -4%; 2613 } 2614 } 2615 @keyframes down-left-bounce { 2616 0% { 2617 translate: 0 0; 2618 } 2619 50% { 2620 translate: -4% 4%; 2621 } 2622 } 2623 @keyframes down-right-bounce { 2624 0% { 2625 translate: 0 0; 2626 } 2627 50% { 2628 translate: 4% 4%; 2629 } 2630 } 2631 </style> 2632 <media-fullscreen-button class="media-button"> 2633 <svg slot="enter" viewBox="0 0 32 32"> 2634 <use class="svg-shadow" xlink:href="#fs-enter-paths"></use> 2635 <g id="fs-enter-paths"> 2636 <g id="fs-enter-top" class="fs-arrow"> 2637 <path d="M18 10H22V14" /> 2638 <path d="M22 10L18 14" /> 2639 </g> 2640 <g id="fs-enter-bottom" class="fs-arrow"> 2641 <path d="M14 22L10 22V18" /> 2642 <path d="M10 22L14 18" /> 2643 </g> 2644 </g> 2645 </svg> 2646 <svg slot="exit" viewBox="0 0 32 32"> 2647 <use class="svg-shadow" xlink:href="#fs-exit-paths"></use> 2648 <g id="fs-exit-paths"> 2649 <g id="fs-exit-top" class="fs-arrow"> 2650 <path d="M22 14H18V10" /> 2651 <path d="M22 10L18 14" /> 2652 </g> 2653 <g id="fs-exit-bottom" class="fs-arrow"> 2654 <path d="M10 18L14 18V22" /> 2655 <path d="M14 18L10 22" /> 2656 </g> 2657 </g> 2658 </svg> 2659 </media-fullscreen-button>
2659 2660 </media-control-bar> 2661 </media-controller> 2662 2663 `);class dq extends lx{static template=dG}a1.customElements&&!a1.customElements.get("media-theme-sutro")&&a1.customElements.define("media-theme-sutro",dq);var dY=new Set(["style","children","ref","key","suppressContentEditableWarning","suppressHydrationWarning","dangerouslySetInnerHTML"]),dQ={className:"class",htmlFor:"for"};function dZ(e){return e.toLowerCase()}function dj(e){return"boolean"==typeof e?e?"":void 0:"function"==typeof e?void 0:"object"!=typeof e||null===e?e:void 0}function dz(e,t,i){var a,s;e[t]=i,null==i&&t in(null!=(s=null==(a=globalThis.HTMLElement)?void 0:a.prototype)?s:{})&&e.removeAttribute(t)}var dX=function(e){let{react:t,tagName:i,elementClass:a,events:s,displayName:n,defaultProps:r,toAttributeName:o=dZ,toAttributeValue:l=dj}=e,d=Number.parseInt(t.version)>=19,u=t.forwardRef((e,n)=>{var u,h,c,m,p;let v=t.useRef(null),E=t.useRef(new Map),b={},g={},f={},A={};for(let[t,i]of Object.entries(e)){if(dY.has(t)){f[t]=i;continue}let e=o(null!=(c=dQ[t])?c:t);if(a.prototype&&t in a.prototype&&!(t in(null!=(m=null==(u=globalThis.HTMLElement)?void 0:u.prototype)?m:{}))&&!(null==(h=a.observedAttributes)?void 0:h.some(t=>t===e))){A[t]=i;continue}if(t.startsWith("on")){b[t]=i;continue}let s=l(i);e&&null!=s&&(g[e]=String(s),d||(f[e]=s)),e&&d&&(s!==dj(i)?f[e]=s:f[e]=i)}if("undefined"!=typeof window){for(let e in b){let i=b[e],a=e.endsWith("Capture"),n=(null!=(p=null==s?void 0:s[e])?p:e.slice(2).toLowerCase()).slice(0,a?-7:void 0);t.useLayoutEffect(()=>{let e=null==v?void 0:v.current;if(e&&"function"==typeof i)return e.addEventListener(n,i,a),()=>{e.removeEventListener(n,i,a)}},[null==v?void 0:v.current,i])}t.useLayoutEffect(()=>{if(null===v.current)return;let e=new Map;for(let t in A)dz(v.current,t,A[t]),E.current.delete(t),e.set(t,A[t]);for(let[e,t]of E.current)dz(v.current,e,void 0);E.current=e})}if("undefined"==typeof window&&(null==a?void 0:a.getTemplateHTML)&&(null==a?void 0:a.shadowRootOptions)){let{mode:i,delegatesFocus:s}=a.shadowRootOptions;f.children=[t.createElement("template",{shadowrootmode:i,shadowrootdelegatesfocus:s,dangerouslySetInnerHTML:{__html:a.getTemplateHTML(g,e)},key:"ce-la-react-ssr-template-shadow-root"}),f.children]}return t.createElement(i,{...r,...f,ref:t.useCallback(e=>{v.current=e,"function"==typeof n?n(e):null!==n&&(n.current=e)},[n])},f.children)});return u.displayName=null!=n?n:a.name,u}({react:ab,tagName:"media-theme-sutro",elementClass:dq})}}]);
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.