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