1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79],{71079:(e,t,i)=>{let a,r;i.d(t,{Ph:()=>ou,xX:()=>od,aH:()=>oh,nN:()=>oc,ex:()=>om,AD:()=>op,WW:()=>ov,td:()=>oE,qD:()=>ob});var s,o,n,l,d,u,h,c,m,p,v,E,b,g,f,A,w,y,I,k,_,M,T,L,S,C,R,D,x,P,N,U,O,W,H,V,$,B,F,G,q,Q,j,K,Z,Y,z,X,J,ee,et,ei,ea,er,es,eo,en,el,ed,eu,eh,ec,em,ep,ev,eE,eb,eg,ef,eA,ew,ey,eI,ek,e_,eM,eT,eL,eS,eC,eR,eD,ex,eP,eN,eU,eO,eW,eH,eV,e$,eB,eF,eG,eq,eQ,ej,eK,eZ,eY,ez,eX,eJ,e0,e1,e2,e5,e3,e4,e7,e8,e9,e6,te,tt,ti,ta,tr,ts,to,tn,tl,td,tu,th,tc,tm,tp,tv,tE,tb,tg,tf,tA,tw,ty,tI,tk,t_,tM,tT,tL,tS,tC,tR,tD,tx,tP,tN,tU,tO,tW=i(12115);let tH=new Set(["style","children","ref","key","suppressContentEditableWarning","suppressHydrationWarning","dangerouslySetInnerHTML"]),tV={className:"class",htmlFor:"for"};function t$(e){return e.toLowerCase()}function tB(e){return"boolean"==typeof e?e?"":void 0:"function"==typeof e?void 0:"object"!=typeof e||null===e?e:void 0}function tF({react:e,tagName:t,elementClass:i,events:a,displayName:r,defaultProps:s,toAttributeName:o=t$,toAttributeValue:n=tB}){let l=Number.parseInt(e.version)>=19,d=e.forwardRef((r,d)=>{let u=e.useRef(null),h=e.useRef(new Map),c={},m={},p={},v={};for(let[e,t]of Object.entries(r)){if(tH.has(e)){p[e]=t;continue}let a=o(tV[e]??e);if(i.prototype&&e in i.prototype&&!(e in(globalThis.HTMLElement?.prototype??{}))&&!i.observedAttributes?.some(e=>e===a)){v[e]=t;continue}if(e.startsWith("on")){c[e]=t;continue}let r=n(t);a&&null!=r&&(m[a]=String(r),l||(p[a]=r)),a&&l&&(r!==tB(t)?p[a]=r:p[a]=t)}if("u">typeof window){for(let t in c){let i=c[t],r=t.endsWith("Capture"),s=(a?.[t]??t.slice(2).toLowerCase()).slice(0,r?-7:void 0);e.useLayoutEffect(()=>{let e=u?.current;if(e&&"function"==typeof i)return e.addEventListener(s,i,r),()=>{e.removeEventListener(s,i,r)}},[u?.current,i])}e.useLayoutEffect(()=>{if(null===u.current)return;let e=new Map;for(let t in v)tG(u.current,t,v[t]),h.current.delete(t),e.set(t,v[t]);for(let[e,t]of h.current)tG(u.current,e,void 0);h.current=e})}if("u"<typeof window&&i?.getTemplateHTML&&i?.shadowRootOptions){let{mode:t,delegatesFocus:a}=i.shadowRootOptions;p.children=[e.createElement("template",{shadowrootmode:t,shadowrootdelegatesfocus:a,dangerouslySetInnerHTML:{__html:i.getTemplateHTML(m,r)},key:"ce-la-react-ssr-template-shadow-root"}),p.children]}return e.createElement(t,{...s,...p,ref:e.useCallback(e=>{u.current=e,"function"==typeof d?d(e):null!==d&&(d.current=e)},[d])},p.children)});return d.displayName=r??i.name,d}function tG(e,t,i){e[t]=i,null==i&&t in(globalThis.HTMLElement?.prototype??{})&&e.removeAttribute(t)}let tq={MEDIA_PLAY_REQUEST:"mediaplayrequest",MEDIA_PAUSE_REQUEST:"mediapauserequest",MEDIA_MUTE_REQUEST:"mediamuterequest",MEDIA_UNMUTE_REQUEST:"mediaunmuterequest",MEDIA_LOOP_REQUEST:"medialooprequest",MEDIA_VOLUME_REQUEST:"mediavolumerequest",MEDIA_SEEK_REQUEST:"mediaseekrequest",MEDIA_AIRPLAY_REQUEST:"mediaairplayrequest",MEDIA_ENTER_FULLSCREEN_REQUEST:"mediaenterfullscreenrequest",MEDIA_EXIT_FULLSCREEN_REQUEST:"mediaexitfullscreenrequest",MEDIA_PREVIEW_REQUEST:"mediapreviewrequest",MEDIA_ENTER_PIP_REQUEST:"mediaenterpiprequest",MEDIA_EXIT_PIP_REQUEST:"mediaexitpiprequest",MEDIA_ENTER_CAST_REQUEST:"mediaentercastrequest",MEDIA_EXIT_CAST_REQUEST:"mediaexitcastrequest",MEDIA_SHOW_TEXT_TRACKS_REQUEST:"mediashowtexttracksrequest",MEDIA_HIDE_TEXT_TRACKS_REQUEST:"mediahidetexttracksrequest",MEDIA_SHOW_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_TOGGLE_SUBTITLES_REQUEST:"mediatogglesubtitlesrequest",MEDIA_PLAYBACK_RATE_REQUEST:"mediaplaybackraterequest",MEDIA_RENDITION_REQUEST:"mediarenditionrequest",MEDIA_AUDIO_TRACK_REQUEST:"mediaaudiotrackrequest",MEDIA_SEEK_TO_LIVE_REQUEST:"mediaseektoliverequest",REGISTER_MEDIA_STATE_RECEIVER:"registermediastatereceiver",UNREGISTER_MEDIA_STATE_RECEIVER:"unregistermediastatereceiver"},tQ={MEDIA_CHROME_ATTRIBUTES:"mediachromeattributes",MEDIA_CONTROLLER:"mediacontroller"},tj={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:"mediaChapter
1sCues",MEDIA_CURRENT_TIME:"mediaCurrentTime",MEDIA_DURATION:"mediaDuration",MEDIA_ENDED:"mediaEnded",MEDIA_ERROR:"mediaError",MEDIA_ERROR_CODE:"mediaErrorCode",MEDIA_ERROR_MESSAGE:"mediaErrorMessage",MEDIA_FULLSCREEN_UNAVAILABLE:"mediaFullscreenUnavailable",MEDIA_HAS_PLAYED:"mediaHasPlayed",MEDIA_HEIGHT:"mediaHeight",MEDIA_IS_AIRPLAYING:"mediaIsAirplaying",MEDIA_IS_CASTING:"mediaIsCasting",MEDIA_IS_FULLSCREEN:"mediaIsFullscreen",MEDIA_IS_PIP:"mediaIsPip",MEDIA_LOADING:"mediaLoading",MEDIA_MUTED:"mediaMuted",MEDIA_LOOP:"mediaLoop",MEDIA_PAUSED:"mediaPaused",MEDIA_PIP_UNAVAILABLE:"mediaPipUnavailable",MEDIA_PLAYBACK_RATE:"mediaPlaybackRate",MEDIA_PREVIEW_CHAPTER:"mediaPreviewChapter",MEDIA_PREVIEW_COORDS:"mediaPreviewCoords",MEDIA_PREVIEW_IMAGE:"mediaPreviewImage",MEDIA_PREVIEW_TIME:"mediaPreviewTime",MEDIA_RENDITION_LIST:"mediaRenditionList",MEDIA_RENDITION_SELECTED:"mediaRenditionSelected",MEDIA_RENDITION_UNAVAILABLE:"mediaRenditionUnavailable",MEDIA_SEEKABLE:"mediaSeekable",MEDIA_STREAM_TYPE:"mediaStreamType",MEDIA_SUBTITLES_LIST:"mediaSubtitlesList",MEDIA_SUBTITLES_SHOWING:"mediaSubtitlesShowing",MEDIA_TARGET_LIVE_WINDOW:"mediaTargetLiveWindow",MEDIA_TIME_IS_LIVE:"mediaTimeIsLive",MEDIA_VOLUME:"mediaVolume",MEDIA_VOLUME_LEVEL:"mediaVolumeLevel",MEDIA_VOLUME_UNAVAILABLE:"mediaVolumeUnavailable",MEDIA_LANG:"mediaLang",MEDIA_WIDTH:"mediaWidth"},tK=Object.entries(tj),tZ=tK.reduce((e,[t,i])=>(e[t]=i.toLowerCase(),e),{}),tY=tK.reduce((e,[t,i])=>(e[t]=i.toLowerCase(),e),{USER_INACTIVE_CHANGE:"userinactivechange",BREAKPOINTS_CHANGE:"breakpointchange",BREAKPOINTS_COMPUTED:"breakpointscomputed"});Object.entries(tY).reduce((e,[t,i])=>{let a=tZ[t];return a&&(e[i]=a),e},{userinactivechange:"userinactive"});let tz=Object.entries(tZ).reduce((e,[t,i])=>{let a=tY[t];return a&&(e[i]=a),e},{userinactive:"userinactivechange"}),tX="subtitles",tJ="captions",t0="disabled",t1="showing",t2="unavailable",t5="unsupported",t3={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};function t4(e){if(e){let{id:t,width:i,height:a}=e;return[t,i,a].filter(e=>null!=e).join(":")}}function t7(e){if(e){let{id:t,kind:i,language:a,label:r}=e;return[t,i,a,r].filter(e=>null!=e).join(":")}}function t8(e){return"number"==typeof e&&!Number.isNaN(e)&&Number.isFinite(e)}let t9=e=>new Promise(t=>setTimeout(t,e)),t6={en:{"Start airplay":"Start airplay","Stop airplay":"Stop airplay",Audio:"Audio",Captions:"Captions","Enable captions":"Enable captions","Disable captions":"Disable captions","Start casting":"Start casting","Stop casting":"Stop casting","Enter fullscreen mode":"Enter fullscreen mode","Exit fullscreen mode":"Exit fullscreen mode",Mute:"Mute",Unmute:"Unmute",Loop:"Loop","Enter picture in picture mode":"Enter picture in picture mode","Exit picture in picture mode":"Exit picture in picture mode",Play:"Play",Pause:"Pause","Playback rate":"Playback rate","Playback rate {playbackRate}":"Playback rate {playbackRate}",Quality:"Quality","Seek backward":"Seek backward","Seek forward":"Seek forward",Settings:"Settings",Auto:"Auto","audio player":"audio player","video player":"video player",volume:"volume",seek:"seek","closed captions":"closed captions","current playback rate":"current playback rate","playback time":"playback time","media loading":"media loading",settings:"settings","audio tracks":"audio tracks",quality:"quality",play:"play",pause:"pause",mute:"mute",unmute:"unmute","chapter: {chapterName}":"chapter: {chapterName}",live:"live",Off:"Off","start airplay":"start airplay","stop airplay":"stop airplay","start casting":"start casting","stop casting":"stop casting","enter fullscreen mode":"enter fullscreen mode","exit fullscreen mode":"exit fullscreen mode","enter picture in picture mode":"enter picture in picture mode","exit picture in picture mode":"exit picture in picture mode","seek to live":"seek to live","playing live":"playing live","seek back {seekOffset} seconds":"seek back {seekOffset} seconds","seek forward {seekOffset} seconds":"seek forward {seekOffset} seconds","Network Error":"Network Error","Decode Error":"Decode Error","Source Not Supported":"Source Not Supported","Encryption
1Error":"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.",hour:"hour",hours:"hours",minute:"minute",minutes:"minutes",second:"second",seconds:"seconds","{time} remaining":"{time} remaining","{currentTime} of {totalTime}":"{currentTime} of {totalTime}","video not loaded, unknown time.":"video not loaded, unknown time."}},ie=(null==(s=globalThis.navigator)?void 0:s.language)||"en",it=(e,t={})=>(e=>{var t,i,a;let[r]=ie.split("-");return(null==(t=t6[ie])?void 0:t[e])||(null==(i=t6[r])?void 0:i[e])||(null==(a=t6.en)?void 0:a[e])||e})(e).replace(/\{(\w+)\}/g,(e,i)=>i in t?String(t[i]):`{${i}}`),ii=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],ia=e=>{if(!t8(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)=>{let i;return e&&(i=1===e?it(ii[t].singular):it(ii[t].plural),`${e} ${i}`)}).filter(e=>e).join(", ");return i?it("{time} remaining",{time:r}):r};function ir(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),o=Math.floor(t/60%60),n=Math.floor(t/3600);return(isNaN(e)||e===1/0)&&(s=r=a="0"),r=(((s=s>0||n>0?s+":":"")||o>=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}});class is{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}}class io extends is{}class il extends io{constructor(){super(...arguments),this.role=null}}
1class id{observe(){}unobserve(){}disconnect(){}}let iu={createElement:function(){return new ih.HTMLElement},createElementNS:function(){return new ih.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent:e=>!1},ih={ResizeObserver:id,document:iu,Node:io,Element:il,HTMLElement:class extends il{constructor(){super(...arguments),this.innerHTML=""}get content(){return new ih.DocumentFragment}},DocumentFragment:class extends is{},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}}}}},ic="global"in globalThis&&(null==globalThis?void 0:globalThis.global)===globalThis||"u"<typeof window||void 0===window.customElements,im=Object.keys(ih).every(e=>e in globalThis),ip=ic&&!im?ih:globalThis,iv=ic&&!im?iu:globalThis.document,iE=new WeakMap,ib=e=>{let t=iE.get(e);return t||iE.set(e,t=new Set),t},ig=new ip.ResizeObserver(e=>{for(let t of e)for(let e of ib(t.target))e(t)});function iA(e,t){ib(e).add(t),ig.observe(e)}function iw(e,t){let i=ib(e);i.delete(t),i.size||ig.unobserve(e)}function iy(e){let t={};for(let i of e)t[i.name]=i.value;return t}let iI=(e,t,i=".value")=>{let a=e.querySelector(i);a&&(a.textContent=t)},ik=(e,t)=>{let i,a;return(i=`slot[name="${t}"]`,!(a=e.shadowRoot.querySelector(i))?[]:a.children)[0]},i_=(e,t)=>!!e&&!!t&&(null!=e&&!!e.contains(t)||i_(e,t.getRootNode().host)),iM=(e,t)=>{if(!e)return null;let i=e.closest(t);return i||iM(e.getRootNode().host,t)};function iT(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 iL(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||iS(e,t)}function iS(e,t){var i,a;let r=null!=(i=e.querySelectorAll("style:not([media])"))?i:[],s=null==r?void 0:r[r.length-1];if(!(null==s?void 0:s.sheet))return console.warn("Media Chrome: No style sheet found on style tag of",e),{style:{setProperty:()=>{},removeProperty:()=>"",getPropertyValue:()=>""}};let o=null==s?void 0:s.sheet.insertRule(`${t}{}`,s.sheet.cssRules.length);return null==(a=s.sheet.cssRules)?void 0:a[o]}function iC(e,t,i=NaN){let a=e.getAttribute(t);return null!=a?+a:i}function iR(e,t,i){let a=+i;if(null==i||Number.isNaN(a)){e.hasAttribute(t)&&e.removeAttribute(t);return}iC(e,t,void 0)!==a&&e.setAttribute(t,`${a}`)}function iD(e,t){return e.hasAttribute(t)}function ix(e,t,i){if(null==i){e.hasAttribute(t)&&e.removeAttribute(t);return}iD(e,t)!=i&&e.toggleAttribute(t,i)}function iP(e,t,i=null){var a;return null!=(a=e.getAttribute(t))?a:i}function iN(e,t,i){if(null==i){e.hasAttribute(t)&&e.removeAttribute(t);return}let a=`${i}`;iP(e,t,void 0)!==a&&e.setAttribute(t,a)}var iU=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},iO=(e,t,i)=>(iU(e,t,"read from private field"),i?i.call(e):t.get(e)),iW=(e,t,i,a)=>(iU(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class iH extends ip.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,o,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);const e=iy(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[tQ.MEDIA_CONTROLLER,tZ.MEDIA_PAUSED]}attributeChangedCallback(e,t,i){var a,r,s,n,l;e===tQ.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=iO(this,o))?void 0:a.unassociateElement)||r.call(a,this),iW(this,o,null)),i&&this.isConnected&&(iW(this,o,null==(s=this.getRootNode())?void 0:s.getElementById(i)),null==(l=null==(n=iO(this,o))?void 0:n.associateElement)||l.call(n,this)))}connectedCallback(){var e,t,i,a;let r;this.tabIndex=-1,this.setAttribute("aria-hidden","true"),iW(this,o,(i=this,(r=i.getAttribute(tQ.MEDIA_CONTROLLER))?null==(a=i.getRootNode())?void 0:a.getElementById(r):iM(i,"media-controller"))),this.getAttribute(tQ.MEDIA_CONTROLLER)&&(null==(t=null==(e=iO(this,o))?void 0:e.associateElement)||t.call(e,this)),iO(this,o)&&(iO(this,o).addEventListener("pointerdown",this),iO(this,o).addEventListener("click",this),iO(this,o).hasAttribute("tabindex")||(iO(this,o).tabIndex=0))}disconnectedCallback(){var e,t,i,a;this.getAttribute(tQ.MEDIA_CONTROLLER)&&(null==(t=null==(e=iO(this,o))?void 0:e.unassociateElement)||t.call(e,this)),null==(i=iO(this,o))||i.removeEventListener("pointerdown",this),null==(a=iO(this,o))||a.removeEventListener("click",this),iW(this,o,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:o}=this.getBoundingClientRect(),n=t-a,l=i-r;if(n<0||l<0||n>s||l>o||0===s&&0===o)return;let d=this._pointerType||"mouse";if(this._pointerType=void 0,"touch"===d)return void this.handleTap(e);if("mouse"===d||"pen"===d)return void this.handleMouseClick(e)}}}get mediaPaused(){return iD(this,tZ.MEDIA_PAUSED)}set mediaPaused(e){ix(this,tZ.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?tq.MEDIA_PLAY_REQUEST:tq.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new ip.CustomEvent(t,{composed:!0,bubbles:!0}))}}o=new WeakMap,iH.shadowRootOptions={mode:"open"},iH.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 `},ip.customElements.get("media-gesture-receiver")||ip.customElements.define("media-gesture-receiver",iH);var iV=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},i$=(e,t,i)=>
8(iV(e,t,"read from private field"),i?i.call(e):t.get(e)),iB=(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)},iF=(e,t,i,a)=>(iV(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),iG=(e,t,i)=>(iV(e,t,"access private method"),i);let iq="audio",iQ="autohide",ij="breakpoints",iK="gesturesdisabled",iZ="keyboardcontrol",iY="noautohide",iz="userinactive",iX="autohideovercontrols",iJ=Object.values(tZ);function i0(e,t){var i,a,r;if(!e.isConnected)return;let s=Object.fromEntries((null!=(i=e.getAttribute(ij))?i:"sm:384 md:576 lg:768 xl:960").split(/\s+/).map(e=>e.split(":"))),o=(a=s,r=t,Object.keys(a).filter(e=>r>=parseInt(a[e]))),n=!1;if(Object.keys(s).forEach(t=>{if(o.includes(t)){e.hasAttribute(`breakpoint${t}`)||(e.setAttribute(`breakpoint${t}`,""),n=!0);return}e.hasAttribute(`breakpoint${t}`)&&(e.removeAttribute(`breakpoint${t}`),n=!0)}),n){let t=new CustomEvent(tY.BREAKPOINTS_CHANGE,{detail:o});e.dispatchEvent(t)}e.breakpointsComputed||(e.breakpointsComputed=!0,e.dispatchEvent(new CustomEvent(tY.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}class i1 extends ip.HTMLElement{constructor(){if(super(),iB(this,v),iB(this,b),iB(this,f),iB(this,w),iB(this,I),iB(this,n,void 0),iB(this,l,0),iB(this,d,null),iB(this,u,null),iB(this,h,void 0),this.breakpointsComputed=!1,iB(this,c,e=>{let t=this.media;for(let i of e)if("childList"===i.type){for(let e of i.removedNodes){if("media"!=e.slot||i.target!=this)continue;let a=i.previousSibling&&i.previousSibling.previousElementSibling;if(a&&t){let t="media"!==a.slot;for(;null!==(a=a.previousSibling);)"media"==a.slot&&(t=!1);t&&this.mediaUnsetCallback(e)}else this.mediaUnsetCallback(e)}if(t)for(let e of i.addedNodes)e===t&&this.handleMediaUpdated(t)}}),iB(this,m,!1),iB(this,p,e=>{i$(this,m)||(setTimeout(()=>{i0(e.target,e.contentRect.width),iF(this,m,!1)},0),iF(this,m,!0))}),iB(this,_,void 0),iB(this,M,()=>{if(!i$(this,_).assignedElements({flatten:!0}).length){i$(this,d)&&this.mediaUnsetCallback(i$(this,d));return}this.handleMediaUpdated(this.media)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);const e=iy(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}iF(this,n,new MutationObserver(i$(this,c)))}static get observedAttributes(){return[iQ,iK].concat(iJ).filter(e=>![tZ.MEDIA_RENDITION_LIST,tZ.MEDIA_AUDIO_TRACK_LIST,tZ.MEDIA_CHAPTERS_CUES,tZ.MEDIA_WIDTH,tZ.MEDIA_HEIGHT,tZ.MEDIA_ERROR,tZ.MEDIA_ERROR_MESSAGE].includes(e))}attributeChangedCallback(e,t,i){e.toLowerCase()==iQ&&(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&&(iF(this,d,e),e.localName.includes("-")&&await ip.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;i$(this,n).observe(this,{childList:!0,subtree:!0}),iA(this,i$(this,p));let t=null!=this.getAttribute(iq)?it("audio player"):it("video player");this.setAttribute("role","region"),this.setAttribute("aria-label",t),this.handleMediaUpdated(this.media),this.setAttribute(iz,""),i0(this,this.getBoundingClientRect().width);let i=this.querySelector(":scope > slot[slot=media]");i&&(iF(this,_,i),i$(this,_).addEventListener("slotchange",i$(this,M))),this.addEventListener("pointerdown",this),this.addEventListener("pointermove",this),this.addEventListener("pointerup",this),this.addEventListener("mouseleave",this),this.addEventListener("keyup",this),null==(e=ip.window)||e.addEventListener("mouseup",this)}disconnectedCallback(){var e;iw(this,i$(this,p)),clearTimeout(i$(this,u)),i$(this,n).disconnect(),this.media&&this.mediaUnsetCallback(this.media),null==(e=ip.window)||e.removeEventListener("mouseup",this),this.removeEventListener("pointerdown",this),this.removeEventListener("pointermove",this),this.removeEventListener("pointerup",this),this.removeEventListener("mouseleave",this),this.removeEventListener("keyup",this),i$(this,_)&&(i$(this,_).removeEventListener("slotchange",i$(this,M)),iF(this,_,null)),iF(this,m,!1)}mediaSetCallback(e){}mediaUnsetCallback(e){iF(this,d,null)}handleEvent(e){switch(e.type){case"pointerdown":iF(this,l,e.timeStamp);break;
8case"pointermove":iG(this,v,E).call(this,e);break;case"pointerup":iG(this,b,g).call(this,e);break;case"mouseleave":iG(this,f,A).call(this);break;case"mouseup":this.removeAttribute(iZ);break;case"keyup":iG(this,I,k).call(this),this.setAttribute(iZ,"")}}set autohide(e){let t=Number(e);iF(this,h,isNaN(t)?0:t)}get autohide(){return(void 0===i$(this,h)?2:i$(this,h)).toString()}get breakpoints(){return iP(this,ij)}set breakpoints(e){iN(this,ij,e)}get audio(){return iD(this,iq)}set audio(e){ix(this,iq,e)}get gesturesDisabled(){return iD(this,iK)}set gesturesDisabled(e){ix(this,iK,e)}get keyboardControl(){return iD(this,iZ)}set keyboardControl(e){ix(this,iZ,e)}get noAutohide(){return iD(this,iY)}set noAutohide(e){ix(this,iY,e)}get autohideOverControls(){return iD(this,iX)}set autohideOverControls(e){ix(this,iX,e)}get userInteractive(){return iD(this,iz)}set userInteractive(e){ix(this,iz,e)}}n=new WeakMap,l=new WeakMap,d=new WeakMap,u=new WeakMap,h=new WeakMap,c=new WeakMap,m=new WeakMap,p=new WeakMap,v=new WeakSet,E=function(e){if("mouse"!==e.pointerType&&e.timeStamp-i$(this,l)<250)return;iG(this,w,y).call(this),clearTimeout(i$(this,u));let t=this.hasAttribute(iX);([this,this.media].includes(e.target)||t)&&iG(this,I,k).call(this)},b=new WeakSet,g=function(e){if("touch"===e.pointerType){let t=!this.hasAttribute(iz);[this,this.media].includes(e.target)&&t?iG(this,f,A).call(this):iG(this,I,k).call(this)}else e.composedPath().some(e=>["media-play-button","media-fullscreen-button"].includes(null==e?void 0:e.localName))&&iG(this,I,k).call(this)},f=new WeakSet,A=function(){if(0>i$(this,h)||this.hasAttribute(iz))return;this.setAttribute(iz,"");let e=new ip.CustomEvent(tY.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(e)},w=new WeakSet,y=function(){if(!this.hasAttribute(iz))return;this.removeAttribute(iz);let e=new ip.CustomEvent(tY.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(e)},I=new WeakSet,k=function(){iG(this,w,y).call(this),clearTimeout(i$(this,u));let e=parseInt(this.autohide);e<0||iF(this,u,setTimeout(()=>{iG(this,f,A).call(this)},1e3*e))},_=new WeakMap,M=new WeakMap,i1.shadowRootOptions={mode:"open"},i1.getTemplateHTML=function(e){return` 9 <style> 10 11 :host([${tZ.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) { 12 outline: none; 13 } 14 15 :host { 16 box-sizing: border-box; 17 position: relative; 18 display: inline-block; 19 line-height: 0; 20 background-color: var(--media-background-color, #000); 21 overflow: hidden; 22 } 23 24 :host(:not([${iq}])) [part~=layer]:not([part~=media-layer]) { 25 position: absolute; 26 top: 0; 27 left: 0; 28 bottom: 0; 29 right: 0; 30 display: flex; 31 flex-flow: column nowrap; 32 align-items: start; 33 pointer-events: none; 34 background: none; 35 } 36 37 slot[name=media] { 38 display: var(--media-slot-display, contents); 39 } 40 41 42 :host([${iq}]) slot[name=media] { 43 display: var(--media-slot-display, none); 44 } 45 46 47 :host([${iq}]) [part~=layer][part~=gesture-layer] { 48 height: 0; 49 display: block; 50 } 51 52 53 :host(:not([${iq}])[${iK}]) ::slotted([slot=gestures-chrome]), 54 :host(:not([${iq}])[${iK}]) media-gesture-receiver[slot=gestures-chrome] { 55 display: none; 56 } 57 58 59 ::slotted(:not([slot=media]):not([slot=poster]):not(media-loading-indicator):not([role=dialog]):not([hidden])) { 60 pointer-events: auto; 61 } 62 63 :host(:not([${iq}])) *[part~=layer][part~=centered-layer] { 64 align-items: center; 65 justify-content: center; 66 } 67 68 :host(:not([${iq}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]), 69 :host(:not([${iq}])) media-gesture-receiver[slot=gestures-chrome] { 70 align-self: stretch; 71 flex-grow: 1; 72 } 73 74 slot[name=middle-chrome] { 75 display: inline; 76 flex-grow: 1; 77 pointer-events: none; 78 background: none; 79 } 80 81 82 ::slotted([slot=media]), 83 ::slotted([slot=poster]) { 84 width: 100%; 85 height: 100%; 86 } 87 88 89 :host(:not([${iq}
89])) .spacer { 90 flex-grow: 1; 91 } 92 93 94 :host(:-webkit-full-screen) { 95 96 width: 100% !important; 97 height: 100% !important; 98 } 99 100 101 ::slotted(:not([slot=media]):not([slot=poster]):not([${iY}]):not([hidden]):not([role=dialog])) { 102 opacity: 1; 103 transition: var(--media-control-transition-in, opacity 0.25s); 104 } 105 106 107 :host([${iz}]:not([${tZ.MEDIA_PAUSED}]):not([${tZ.MEDIA_IS_AIRPLAYING}]):not([${tZ.MEDIA_IS_CASTING}]):not([${iq}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${iY}]):not([role=dialog])) { 108 opacity: 0; 109 transition: var(--media-control-transition-out, opacity 1s); 110 } 111 112 :host([${iz}]:not([${iY}]):not([${tZ.MEDIA_PAUSED}]):not([${tZ.MEDIA_IS_CASTING}]):not([${iq}])) ::slotted([slot=media]) { 113 cursor: none; 114 } 115 116 :host([${iz}][${iX}]:not([${iY}]):not([${tZ.MEDIA_PAUSED}]):not([${tZ.MEDIA_IS_CASTING}]):not([${iq}])) * { 117 --media-cursor: none; 118 cursor: none; 119 } 120 121 122 ::slotted(media-control-bar) { 123 align-self: stretch; 124 } 125 126 127 :host(:not([${iq}])[${tZ.MEDIA_HAS_PLAYED}]) slot[name=poster] { 128 display: none; 129 } 130 131 ::slotted([role=dialog]) { 132 width: 100%; 133 height: 100%; 134 align-self: center; 135 } 136 137 ::slotted([role=menu]) { 138 align-self: end; 139 } 140 </style> 141 142 <slot name="media" part="layer media-layer"></slot> 143 <slot name="poster" part="layer poster-layer"></slot> 144 <slot name="gestures-chrome" part="layer gesture-layer"> 145 <media-gesture-receiver slot="gestures-chrome"> 146 <template shadowrootmode="${iH.shadowRootOptions.mode}"> 147 ${iH.getTemplateHTML({})} 148 </template> 149 </media-gesture-receiver> 150 </slot> 151 <span part="layer vertical-layer"> 152 <slot name="top-chrome" part="top chrome"></slot> 153 <slot name="middle-chrome" part="middle chrome"></slot> 154 <slot name="centered-chrome" part="layer centered-layer center centered chrome"></slot> 155 156 <slot part="bottom chrome"></slot> 157 </span> 158 <slot name="dialog" part="layer dialog-layer"></slot> 159 `},ip.customElements.get("media-container")||ip.customElements.define("media-container",i1);var i2=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},i5=(e,t,i)=>(i2(e,t,"read from private field"),i?i.call(e):t.get(e)),i3=(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)},i4=(e,t,i,a)=>(i2(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class i7{constructor(e,t,{defaultValue:i}={defaultValue:void 0}){i3(this,R),i3(this,T,void 0),i3(this,L,void 0),i3(this,S,void 0),i3(this,C,new Set),i4(this,T,e),i4(this,L,t),i4(this,S,new Set(i))}[Symbol.iterator](){return i5(this,R,D).values()}get length(){return i5(this,R,D).size}get value(){var e;return null!=(e=[...i5(this,R,D)].join(" "))?e:""}set value(e){var t;e!==this.value&&(i4(this,C,new Set),this.add(...null!=(t=null==e?void 0:e.split(" "))?t:[]))}toString(){return this.value}item(e){return[...i5(this,R,D)][e]}values(){return i5(this,R,D).values()}forEach(e,t){i5(this,R,D).forEach(e,t)}add(...e){var t,i;e.forEach(e=>i5(this,C).add(e)),(""!==this.value||(null==(t=i5(this,T))?void 0:t.hasAttribute(`${i5(this,L)}`)))&&(null==(i=i5(this,T))||i.setAttribute(`${i5(this,L)}`,`${this.value}`))}remove(...e){var t;e.forEach(e=>i5(this,C).delete(e)),null==(t=i5(this,T))||t.setAttribute(`${i5(this,L)}`,`${this.value}`)}contains(e){return i5(this,R,D).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}}T=new WeakMap,L=new WeakMap,S=new WeakMap,C=new WeakMap,R=new WeakSet,D=function(){return i5(this,C).size?i5(this,C):i5(this,S)};let i8=(e="")=>{let[t,i,a]=e.split(":");return{kind:"cc"===t?tJ:tX,language:i,label:a?decodeURIComponent(a):void 0}},i9=(e="",t={})=>((e="")=>e.split(/\s+/))(e).map(e=>{let i=i8(e);return{...t,...i}}),i6=e=>e?Array.isArray(e)?e.map(e=>"string"==typeof e?i8(e):e):"string"==typeof e?i9(e):[e]:[],ae=({kind:e,label:t,language:i}={kind:"subtitles"})=>t?`${"captions"===e?"cc":"sb"}:${i}:${encodeURIComponent(t)}`:i,at=(e=[])=>Array.prototype.map.call(e,ae).join(" "),ai=e=>{let t=Object.entries(e).map(([e,t])=>i=>i[e]===t);return e=>t.every(t=>t(e))},aa=(e,t=[],i=[])=>{let a=i6(i).map(ai);Array.from(t).filter(e=>a.some(t=>
159t(e))).forEach(t=>{t.mode=e})},ar=(e,t=()=>!0)=>{if(!(null==e?void 0:e.textTracks))return[];let i="function"==typeof t?t:ai(t);return Array.from(e.textTracks).filter(i)},as="exitFullscreen"in iv?"exitFullscreen":"webkitExitFullscreen"in iv?"webkitExitFullscreen":"webkitCancelFullScreen"in iv?"webkitCancelFullScreen":void 0,ao="fullscreenElement"in iv?"fullscreenElement":"webkitFullscreenElement"in iv?"webkitFullscreenElement":void 0,an="fullscreenEnabled"in iv?"fullscreenEnabled":"webkitFullscreenEnabled"in iv?"webkitFullscreenEnabled":void 0,al=()=>{var e;return a||(a=null==(e=null==iv?void 0:iv.createElement)?void 0:e.call(iv,"video"))},ad=async(e=al())=>{if(!e)return!1;let t=e.volume;e.volume=t/2+.1;let i=new AbortController,a=await Promise.race([au(e,i.signal),ah(e,t)]);return i.abort(),a},au=(e,t)=>new Promise(i=>{e.addEventListener("volumechange",()=>i(!0),{signal:t})}),ah=async(e,t)=>{for(let i=0;i<10;i++){if(e.volume===t)return!1;await t9(10)}return e.volume!==t},ac=/.*Version\/.*Safari\/.*/.test(ip.navigator.userAgent),am=(e=al())=>(!ip.matchMedia("(display-mode: standalone)").matches||!ac)&&"function"==typeof(null==e?void 0:e.requestPictureInPicture),ap=(e=al())=>(e=>{let{documentElement:t,media:i}=e;return!!(null==t?void 0:t[an])||i&&"webkitSupportsFullscreen"in i})({documentElement:iv,media:e}),av=ap(),aE=am(),ab=!!ip.WebKitPlaybackTargetAvailabilityEvent,ag=!!ip.chrome,af=e=>ar(e.media,e=>[tX,tJ].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),aA=e=>ar(e.media,e=>e.mode===t1&&[tX,tJ].includes(e.kind)),aw=(e,t)=>{let i=af(e),a=aA(e),r=!!a.length;if(i.length){if(!1===t||r&&!0!==t)aa(t0,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=ip.localStorage.getItem("media-chrome-pref-subtitles-lang"),a=e?[e,...ip.navigator.languages]:ip.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:o,kind:n}=t;aa(t0,i,a),aa(t1,i,[{language:s,label:o,kind:n}])}}},ay=(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)?aI(e,t):Object.entries(e).every(([e,i])=>e in t&&ay(i,t[e])))),aI=(e,t)=>{let i=Array.isArray(e),a=Array.isArray(t);return i===a&&(!i&&!a||e.length===t.length&&e.every((e,i)=>ay(e,t[i])))},ak=Object.values(t3),a_=ad().then(e=>r=e),aM=async(...e)=>{await Promise.all(e.filter(e=>e).map(async e=>{if(!("localName"in e&&e instanceof ip.HTMLElement))return;let t=e.localName;if(!t.includes("-"))return;let i=ip.customElements.get(t);i&&e instanceof i||(await ip.customElements.whenDefined(t),ip.customElements.upgrade(e))}))},aT=new ip.DOMParser,aL={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,options:{noMutedPref:a}={}}=t;if(i){i.muted=e;try{let t=null!==ip.localStorage.getItem("media-chrome-pref-muted"),r=i.hasAttribute("muted");if(a){t&&ip.localStorage.removeItem("media-chrome-pref-muted");return}if(r&&!t)return;ip.localStorage.setItem("media-chrome-pref-muted",e?"true":"false")}catch(e){console.debug("Error setting muted pref",e)}}},mediaEvents:["volumechange"],stateOwnersUpdateHandlers:[(e,t)=>{let{options:{noMutedPref:i}}=t,{media:a}=t;if(a&&!a.muted&&!i)try{let i="true"===ip.localStorage.getItem("media-chrome-pref-muted");aL.mediaMuted.set(i,t),e(i)}catch(e){console.debug("Error getting muted pref",e)}}]},mediaLoop:{get(e){let{media:t}=e;return null==t?void 0:t.loop},set(e,t){let{media:i}=t;i&&(i.loop=e)},mediaEvents:["medialooprequest"]},mediaVolume:{get(e){var t;let{media:i}=e;return null!=(t=null==i?void 0:i.volume)?t:1}
159,set(e,t){let{media:i,options:{noVolumePref:a}={}}=t;if(i){try{null==e?ip.localStorage.removeItem("media-chrome-pref-volume"):i.hasAttribute("muted")||a||ip.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=ip.localStorage.getItem("media-chrome-pref-volume");if(null==a)return;aL.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&&t8(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=[t3.LIVE,t3.ON_DEMAND].includes(i)?i:void 0;if(!t)return a;let{streamType:r}=t;if(ak.includes(r))return r===t3.UNKNOWN?a:r;let s=t.duration;return s===1/0?t3.LIVE:Number.isFinite(s)?t3.ON_DEMAND:a},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},mediaTargetLiveWindow:{get(e){let{media:t}=e;if(!t)return NaN;let{targetLiveWindow:i}=t,a=aL.mediaStreamType.get(e);return(null==i||Number.isNaN(i))&&a===t3.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(aL.mediaStreamType.get(e)!==t3.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=>af(e).map(({kind:e,label:t,language:i})=>({kind:e,label:t,language:i})),mediaEvents:["loadstart"],textTracksEvents:["addtrack","removetrack"]},mediaSubtitlesShowing:{get:e=>aA(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 o=e=>{var i;s.defaultSubtitles&&(e&&![tJ,tX].includes(null==(i=null==e?void 0:e.track)?void 0:i.kind)||aw(t,!0))};return r.addEventListener("loadstart",o),null==(i=r.textTracks)||i.addEventListener("addtrack",o),null==(a=r.textTracks)||a.addEventListener("removetrack",o),()=>{var e,t;r.removeEventListener("loadstart",o),null==(e=r.textTracks)||e.removeEventListener("addtrack",o),null==(t=r.textTracks)||t.removeEventListener("removetrack",o)}}]},mediaChaptersCues:{get(e){var t;let{media:i}=e;if(!i)return[];let[a]=ar(i,{kind:"chapters"});return Array.from(null!=(t=null==a?void 0:a.cues)?t:[]).map(({text:e,startTime:t,endTime:i})=>({text:e&&aT.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;
159if(r.pictureInPictureElement instanceof HTMLMediaElement)return!!(null==(t=a.localName)?void 0:t.includes("-"))&&i_(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(!iv.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 iv.pictureInPictureElement&&iv.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.");for(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[ao];return!a&&"webkitDisplayingFullscreen"in i&&"webkitPresentationMode"in i&&i.webkitDisplayingFullscreen&&"fullscreen"===i.webkitPresentationMode?i:a})(e);if(!s)return!1;if(s===r||s===i)return!0;if(s.localName.includes("-")){let e=s.shadowRoot;if(!(ao in e))return i_(s,r);for(;null==e?void 0:e[ao];){if(e[ao]===r)return!0;e=null==(t=e[ao])?void 0:t.shadowRoot}}return!1})(e),set(e,t,i){var a,r;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),!i.detail||(null==(a=t.media)?void 0:a.inert)||null==(r=t.media)||r.focus()):(e=>{var t;let{documentElement:i}=e;if(as){let e=null==(t=null==i?void 0:i[as])?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&&ip.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(!av||!ap(t))return t5}},mediaPipUnavailable:{get(e){let{media:t}=e;return aE&&am(t)?(null==t?void 0:t.disablePictureInPicture)?t2:void 0:t5}},mediaVolumeUnavailable:{get(e){let{media:t}=e;if(!1===r||(null==t?void 0:t.volume)==void 0)return t5},stateOwnersUpdateHandlers:[e=>{null==r&&a_.then(t=>e(t?void 0:t5))}]},mediaCastUnavailable:{get(e,{availability:t="not-available"}={}){var i;let{media:a}=e;return ag&&(null==(i=null==a?void 0:a.remote)?void 0:i.state)?null!=t&&"available"!==t?t2:void 0:t5},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)=>ab?(null==t?void 0:t.availability)==="not-available"?t2:void 0:t5,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:t2:t5},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?t2:void 0:t5},mediaEvents:["emptied","loadstart"],audioTracksEvents:["addtrack","removetrack"]},mediaLang:{get(e){let{options:{mediaLang:t}={}}=e;return null!=t?t:"en"}}},aS={[tq.MEDIA_PREVIEW_REQUEST](e,t,{detail:i}){var a,r,s;let o,n,{media:l}=t,d=null!=i?i:void 0;if(l&&null!=d){let[e]=ar(l,{kind:"metadata",label:"thumbnails"}),t=Array.prototype.find.call(null!=(a=null==e?void 0:e.cues)?a:[],(e,t,i)=>0===t?e.endTime>
159d: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);n=new URLSearchParams(i.hash).get("#xywh").split(",").map(e=>+e),o=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:o,mediaPreviewCoords:n,mediaPreviewChapter:h}},[tq.MEDIA_PAUSE_REQUEST](e,t){e.mediaPaused.set(!0,t)},[tq.MEDIA_PLAY_REQUEST](e,t){var i,a,r,s;let o=e.mediaStreamType.get(t)===t3.LIVE,n=!(null==(i=t.options)?void 0:i.noAutoSeekToLive),l=e.mediaTargetLiveWindow.get(t)>0;if(o&&n&&!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)},[tq.MEDIA_PLAYBACK_RATE_REQUEST](e,t,{detail:i}){e.mediaPlaybackRate.set(i,t)},[tq.MEDIA_MUTE_REQUEST](e,t){e.mediaMuted.set(!0,t)},[tq.MEDIA_UNMUTE_REQUEST](e,t){e.mediaVolume.get(t)||e.mediaVolume.set(.25,t),e.mediaMuted.set(!1,t)},[tq.MEDIA_LOOP_REQUEST](e,t,{detail:i}){let a=!!i;return e.mediaLoop.set(a,t),{mediaLoop:a}},[tq.MEDIA_VOLUME_REQUEST](e,t,{detail:i}){i&&e.mediaMuted.get(t)&&e.mediaMuted.set(!1,t),e.mediaVolume.set(i,t)},[tq.MEDIA_SEEK_REQUEST](e,t,{detail:i}){e.mediaCurrentTime.set(i,t)},[tq.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 o=null!=(r=null==(a=t.options)?void 0:a.seekToLiveOffset)?r:0;e.mediaCurrentTime.set(s-o,t)},[tq.MEDIA_SHOW_SUBTITLES_REQUEST](e,t,{detail:i}){var a;let{options:r}=t,s=af(t),o=i6(i),n=null==(a=o[0])?void 0:a.language;n&&!r.noSubtitlesLangPref&&ip.localStorage.setItem("media-chrome-pref-subtitles-lang",n),aa(t1,s,o)},[tq.MEDIA_DISABLE_SUBTITLES_REQUEST](e,t,{detail:i}){aa(t0,af(t),null!=i?i:[])},[tq.MEDIA_TOGGLE_SUBTITLES_REQUEST](e,t,{detail:i}){aw(t,i)},[tq.MEDIA_RENDITION_REQUEST](e,t,{detail:i}){e.mediaRenditionSelected.set(i,t)},[tq.MEDIA_AUDIO_TRACK_REQUEST](e,t,{detail:i}){e.mediaAudioTrackEnabled.set(i,t)},[tq.MEDIA_ENTER_PIP_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsPip.set(!0,t)},[tq.MEDIA_EXIT_PIP_REQUEST](e,t){e.mediaIsPip.set(!1,t)},[tq.MEDIA_ENTER_FULLSCREEN_REQUEST](e,t,i){e.mediaIsPip.get(t)&&e.mediaIsPip.set(!1,t),e.mediaIsFullscreen.set(!0,t,i)},[tq.MEDIA_EXIT_FULLSCREEN_REQUEST](e,t){e.mediaIsFullscreen.set(!1,t)},[tq.MEDIA_ENTER_CAST_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsCasting.set(!0,t)},[tq.MEDIA_EXIT_CAST_REQUEST](e,t){e.mediaIsCasting.set(!1,t)},[tq.MEDIA_AIRPLAY_REQUEST](e,t){e.mediaIsAirplaying.set(!0,t)}};var aC=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},aR=(e,t,i)=>(aC(e,t,"read from private field"),i?i.call(e):t.get(e)),aD=(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)},ax=(e,t,i,a)=>(aC(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),aP=(e,t,i)=>(aC(e,t,"access private method"),i);let aN=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Enter"," ","f","m","k","c","l","j",">","<","p"],aU="defaultsubtitles",aO="defaultstreamtype",aW="defaultduration",aH="fullscreenelement",aV="hotkeys",a$="keyboardbackwardseekoffset",aB="keyboardforwardseekoffset",aF="keyboarddownvolumestep",aG="keyboardupvolumestep",aq="keysused",aQ="lang",aj="loop",aK="liveedgeoffset",aZ="noautoseektolive",aY="nodefaultstore",az="nohotkeys",aX="nomutedpref",aJ="nosubtitleslangpref",a0="novolumepref",a1="seektoliveoffset";class a2 extends i1{constructor(){super(),aD(this,$),aD(this,G),aD(this,Q),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,aD(this,x,new i7(this,aV)),aD(this,P,void 0),aD(this,N,void 0),aD(this,U,null),aD(this,O,void 0),aD(this,W,void 0),aD(this,H,e=>{var t;null==(t=aR(this,N))||t.dispatch(e)}),aD(this,V,void 0),aD(this,F,e=>{let{key:t,shiftKey:i}=e;i&&("/"===t||"?"===t)||aN.includes(t)?this.keyboardShortcutHandler(e):this.removeEventListener("keyup",aR(this,F))}),this.associateElement(this);let e={};ax(this,O,t=>{Object.entries(t).forEach(([t,i])=>{if(t in e&&e[t]===i)return;
159this.propagateMediaState(t,i);let a=t.toLowerCase(),r=new ip.CustomEvent(tz[a],{composed:!0,detail:i});this.dispatchEvent(r)}),e=t})}static get observedAttributes(){return super.observedAttributes.concat(az,aV,aO,aU,aW,aX,a0,aQ,aj,aK,a1,aZ)}get mediaStore(){return aR(this,N)}set mediaStore(e){var t,i;(aR(this,N)&&(null==(t=aR(this,W))||t.call(this),ax(this,W,void 0)),ax(this,N,e),aR(this,N)||this.hasAttribute(aY))?ax(this,W,null==(i=aR(this,N))?void 0:i.subscribe(aR(this,O))):aP(this,$,B).call(this)}get fullscreenElement(){var e;return null!=(e=aR(this,P))?e:this}set fullscreenElement(e){var t;this.hasAttribute(aH)&&this.removeAttribute(aH),ax(this,P,e),null==(t=aR(this,N))||t.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}get defaultSubtitles(){return iD(this,aU)}set defaultSubtitles(e){ix(this,aU,e)}get defaultStreamType(){return iP(this,aO)}set defaultStreamType(e){iN(this,aO,e)}get defaultDuration(){return iC(this,aW)}set defaultDuration(e){iR(this,aW,e)}get noHotkeys(){return iD(this,az)}set noHotkeys(e){ix(this,az,e)}get keysUsed(){return iP(this,aq)}set keysUsed(e){iN(this,aq,e)}get liveEdgeOffset(){return iC(this,aK)}set liveEdgeOffset(e){iR(this,aK,e)}get noAutoSeekToLive(){return iD(this,aZ)}set noAutoSeekToLive(e){ix(this,aZ,e)}get noVolumePref(){return iD(this,a0)}set noVolumePref(e){ix(this,a0,e)}get noMutedPref(){return iD(this,aX)}set noMutedPref(e){ix(this,aX,e)}get noSubtitlesLangPref(){return iD(this,aJ)}set noSubtitlesLangPref(e){ix(this,aJ,e)}get noDefaultStore(){return iD(this,aY)}set noDefaultStore(e){ix(this,aY,e)}attributeChangedCallback(e,t,i){var a,r,s,o,n,l,d,u,h,c,m,p;if(super.attributeChangedCallback(e,t,i),e===az)i!==t&&""===i?(this.hasAttribute(aV)&&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===aV)aR(this,x).value=i;else if(e===aU&&i!==t)null==(a=aR(this,N))||a.dispatch({type:"optionschangerequest",detail:{defaultSubtitles:this.hasAttribute(aU)}});else if(e===aO)null==(s=aR(this,N))||s.dispatch({type:"optionschangerequest",detail:{defaultStreamType:null!=(r=this.getAttribute(aO))?r:void 0}});else if(e===aK&&i!==t)null==(o=aR(this,N))||o.dispatch({type:"optionschangerequest",detail:{liveEdgeOffset:this.hasAttribute(aK)?+this.getAttribute(aK):void 0,seekToLiveOffset:this.hasAttribute(a1)?+this.getAttribute(a1):this.hasAttribute(aK)?+this.getAttribute(aK):void 0}});else if(e===a1&&i!==t)null==(n=aR(this,N))||n.dispatch({type:"optionschangerequest",detail:{seekToLiveOffset:this.hasAttribute(a1)?+this.getAttribute(a1):this.hasAttribute(aK)?+this.getAttribute(aK):void 0}});else if(e===aZ)null==(l=aR(this,N))||l.dispatch({type:"optionschangerequest",detail:{noAutoSeekToLive:this.hasAttribute(aZ)}});else if(e===aH){let e=i?null==(d=this.getRootNode())?void 0:d.getElementById(i):void 0;ax(this,P,e),null==(u=aR(this,N))||u.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement})}else e===aQ&&i!==t?(ie=i,null==(h=aR(this,N))||h.dispatch({type:"optionschangerequest",detail:{mediaLang:i}})):e===aj&&i!==t?null==(c=aR(this,N))||c.dispatch({type:tq.MEDIA_LOOP_REQUEST,detail:null!=i}):e===a0&&i!==t?null==(m=aR(this,N))||m.dispatch({type:"optionschangerequest",detail:{noVolumePref:this.hasAttribute(a0)}}):e===aX&&i!==t&&(null==(p=aR(this,N))||p.dispatch({type:"optionschangerequest",detail:{noMutedPref:this.hasAttribute(aX)}}))}connectedCallback(){var e,t,i;this.associateElement(this),aR(this,N)||this.hasAttribute(aY)||aP(this,$,B).call(this),null==(e=aR(this,N))||e.dispatch({type:"documentelementchangerequest",detail:iv}),null==(t=aR(this,N))||t.dispatch({type:"fullscreenelementchangerequest",detail:this.fullscreenElement}),super.connectedCallback(),aR(this,N)&&!aR(this,W)&&ax(this,W,null==(i=aR(this,N))?void 0:i.subscribe(aR(this,O))),void 0!==aR(this,V)&&aR(this,N)&&this.media&&setTimeout(()=>{var e,t,i;(null==(t=null==(e=this.media)?void 0:e.textTracks)?void 0:t.length)&&(null==(i=aR(this,N))||i.dispatch({type:tq.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:aR(this,V)}))},0),this.hasAttribute(az)?this.disableHotkeys():this.enableHotkeys()}disconnectedCallback(){var e,t,i,a,r,s;if(null==(e=super.disconnectedCallback)||e.call(this),this.disableHotkeys(),aR(this,N)){let e=aR(this,N).getState();ax(this,V,!!(null==(t=e.mediaSubtitlesShowing)?void 0:t.length)),null==(i=aR(this,N))||i.dispatch({type:"fullscreenelementchangerequest",detail:void 0}),null==(a=aR(this,N))||a.dispatch({type:"documentelementchangerequest",detail:void 0}),null==(r=aR(this,N))||r.dispatch({type:tq.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})}aR(this,W)&&(null==(s=aR(this,W))||s.call(this),ax(this,W,void 0)),this.unassociateElement(this),aR(this,U)&&(aR(this,U).remove(),ax(this,U,null))}mediaSetCallback(e){var t;super.mediaSetCallback(e),null==(t=aR(this,N))||t.dispatch({type:"mediaelementchangerequest",detail:e}),e.hasAttribute("tabindex")||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),null==(t=aR(this,N))||t.dispatch({type:"mediaelementchangerequest",detail:void 0})}propagateMediaState(e,t){rt(this.mediaStateReceivers,e,t)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let i=ri(e,this.registerMediaStateReceiver.bind(this),this.unregisterMediaStateReceiver.bind(this));Object.values(tq).forEach(t=>{e.addEventListener(t,aR(this,H))}),t.set(e,i)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;t.has(e)&&(t.get(e)(),t.delete(e),Object.values(tq).forEach(t=>{e.removeEventListener(t,aR(this,H))}))}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;!(t.indexOf(e)>-1)&&(t.push(e),aR(this,N)&&Object.entries(aR(this,N).getState()).forEac
159h(([t,i])=>{rt([e],t,i)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,i=t.indexOf(e);i<0||t.splice(i,1)}enableHotkeys(){this.addEventListener("keydown",aP(this,G,q))}disableHotkeys(){this.removeEventListener("keydown",aP(this,G,q)),this.removeEventListener("keyup",aR(this,F))}get hotkeys(){return aR(this,x)}set hotkeys(e){iN(this,aV,e)}keyboardShortcutHandler(e){var t,i,a,r,s,o,n,l,d;let u,h,c,m=e.target;if(!((null!=(a=null!=(i=null==(t=m.getAttribute(aq))?void 0:t.split(" "))?i:null==m?void 0:m.keysUsed)?a:[]).map(e=>"Space"===e?" ":e).filter(Boolean).includes(e.key)||aR(this,x).contains(`no${e.key.toLowerCase()}`)||" "===e.key&&aR(this,x).contains("nospace"))&&!(e.shiftKey&&("/"===e.key||"?"===e.key)&&aR(this,x).contains("noshift+/")))switch(e.key){case" ":case"k":u=aR(this,N).getState().mediaPaused?tq.MEDIA_PLAY_REQUEST:tq.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new ip.CustomEvent(u,{composed:!0,bubbles:!0}));break;case"m":u="off"===this.mediaStore.getState().mediaVolumeLevel?tq.MEDIA_UNMUTE_REQUEST:tq.MEDIA_MUTE_REQUEST,this.dispatchEvent(new ip.CustomEvent(u,{composed:!0,bubbles:!0}));break;case"f":u=this.mediaStore.getState().mediaIsFullscreen?tq.MEDIA_EXIT_FULLSCREEN_REQUEST:tq.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new ip.CustomEvent(u,{composed:!0,bubbles:!0}));break;case"c":this.dispatchEvent(new ip.CustomEvent(tq.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}));break;case"ArrowLeft":case"j":{let e=this.hasAttribute(a$)?+this.getAttribute(a$):10;h=Math.max((null!=(r=this.mediaStore.getState().mediaCurrentTime)?r:0)-e,0),c=new ip.CustomEvent(tq.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break}case"ArrowRight":case"l":{let e=this.hasAttribute(aB)?+this.getAttribute(aB):10;h=Math.max((null!=(s=this.mediaStore.getState().mediaCurrentTime)?s:0)+e,0),c=new ip.CustomEvent(tq.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break}case"ArrowUp":{let e=this.hasAttribute(aG)?+this.getAttribute(aG):.025;h=Math.min((null!=(o=this.mediaStore.getState().mediaVolume)?o:1)+e,1),c=new ip.CustomEvent(tq.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break}case"ArrowDown":{let e=this.hasAttribute(aF)?+this.getAttribute(aF):.025;h=Math.max((null!=(n=this.mediaStore.getState().mediaVolume)?n:1)-e,0),c=new ip.CustomEvent(tq.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break}case"<":h=Math.max((null!=(l=this.mediaStore.getState().mediaPlaybackRate)?l:1)-.25,.25).toFixed(2),c=new ip.CustomEvent(tq.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break;case">":h=Math.min((null!=(d=this.mediaStore.getState().mediaPlaybackRate)?d:1)+.25,2).toFixed(2),c=new ip.CustomEvent(tq.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:h}),this.dispatchEvent(c);break;case"/":case"?":e.shiftKey&&aP(this,Q,j).call(this);break;case"p":u=this.mediaStore.getState().mediaIsPip?tq.MEDIA_EXIT_PIP_REQUEST:tq.MEDIA_ENTER_PIP_REQUEST,c=new ip.CustomEvent(u,{composed:!0,bubbles:!0}),this.dispatchEvent(c)}}}x=new WeakMap,P=new WeakMap,N=new WeakMap,U=new WeakMap,O=new WeakMap,W=new WeakMap,H=new WeakMap,V=new WeakMap,$=new WeakSet,B=function(){var e;this.mediaStore=(({media:e,fullscreenElement:t,documentElement:i,stateMediator:a=aL,requestMap:r=aS,options:s={},monitorStateOwnersOnlyWithSubscriptions:o=!0})=>{let n,l=[],d={options:{...s}},u=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),h=e=>{void 0==e||ay(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,w,y,I,k,_;let M=!!n;if(n={...d,...null!=n?n:{},...e},M)return;await aM(...Object.values(e));let T=l.length>0&&0===t&&o,L=d.media!==n.media,S=(null==(i=d.media)?void 0:i.textTracks)!==(null==(r=n.media)?void 0:r.textTracks),C=(null==(s=d.media)?void 0:s.videoRenditions)!==(null==(u=n.media)?void 0:u.videoRenditions),R=(null==(p=d.media)?void 0:p.audioTracks)!==(null==(v=n.media)?void 0:v.audioTracks),D=(null==(E=d.media)?void 0:E.remote)!==(null==(b=n.media)?void 0:b.remote),x=d.documentElement!==n.documentElement,P=!!d.media&&(L||T),N=!!(null==(g=d.media)?void 0:g.textTracks)&&(S||T),U=!!(null==(f=d.media)?void 0:f.videoRenditions)&&(C||T),O=!!(null==(A=d.media)?void 0:A.audioTracks)&&(R||T),W=!!(null==(w=d.media)?void 0:w.remote)&&(D||T),H=!!d.documentElement&&(x||T),V=P||N||U||O||W||H,$=0===l.length&&1===t&&o,B=!!n.media&&(L||$),F=!!(null==(y=n.media)?void 0:y.textTracks)&&(S||$),G=!!(null==(I=n.media)?void 0:I.videoRenditions)&&(C||$),q=!!(null==(k=n.media)?void 0:k.audioTracks)&&(R||$),Q=!!(null==(_=n.media)?void 0:_.remote)&&(D||$),j=!!n.documentElement&&(x||$),K=B||F||G||q||Q||j;
159if(!(V||K)){Object.entries(n).forEach(([e,t])=>{d[e]=t}),c(),n=void 0;return}Object.entries(a).forEach(([e,{get:t,mediaEvents:i=[],textTracksEvents:a=[],videoRenditionsEvents:r=[],audioTracksEvents:s=[],remoteEvents:o=[],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&&P&&(d.media.removeEventListener(t,c),m[e].mediaEvents=void 0),B&&(n.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=n.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=n.media.videoRenditions)||a.addEventListener(t,p),m[e].videoRenditionsEvents=p)}),c=m[e].audioTracksEvents,s.forEach(t=>{var i,a;c&&O&&(null==(i=d.media.audioTracks)||i.removeEventListener(t,c),m[e].audioTracksEvents=void 0),q&&(null==(a=n.media.audioTracks)||a.addEventListener(t,p),m[e].audioTracksEvents=p)}),c=m[e].remoteEvents,o.forEach(t=>{var i,a;c&&W&&(null==(i=d.media.remote)||i.removeEventListener(t,c),m[e].remoteEvents=void 0),Q&&(null==(a=n.media.remote)||a.addEventListener(t,p),m[e].remoteEvents=p)}),c=m[e].rootEvents,l.forEach(t=>{c&&H&&(d.documentElement.removeEventListener(t,c),m[e].rootEvents=void 0),j&&(n.documentElement.addEventListener(t,p),m[e].rootEvents=p)});let v=m[e].stateOwnersUpdateHandlers;if(v&&V&&(Array.isArray(v)?v:[v]).forEach(e=>{"function"==typeof e&&e()}),K){let t=u.map(e=>e(p,n)).filter(e=>"function"==typeof e);m[e].stateOwnersUpdateHandlers=1===t.length?t[0]:t}else V&&(m[e].stateOwnersUpdateHandlers=void 0)}),Object.entries(n).forEach(([e,t])=>{d[e]=t}),c(),n=void 0};return p({media:e,fullscreenElement:t,documentElement:i,options:s}),{dispatch(e){let{type:t,detail:i}=e;r[t]&&null==u.mediaErrorCode?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}),c())},getState:()=>u,subscribe:e=>(p({},l.length+1),l.push(e),e(u),()=>{let t=l.indexOf(e);t>=0&&(p({},l.length-1),l.splice(t,1))})}})({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(aU),defaultDuration:this.hasAttribute(aW)?+this.getAttribute(aW):void 0,defaultStreamType:null!=(e=this.getAttribute(aO))?e:void 0,liveEdgeOffset:this.hasAttribute(aK)?+this.getAttribute(aK):void 0,seekToLiveOffset:this.hasAttribute(a1)?+this.getAttribute(a1):this.hasAttribute(aK)?+this.getAttribute(aK):void 0,noAutoSeekToLive:this.hasAttribute(aZ),noVolumePref:this.hasAttribute(a0),noMutedPref:this.hasAttribute(aX),noSubtitlesLangPref:this.hasAttribute(aJ)}})},F=new WeakMap,G=new WeakSet,q=function(e){var t;let{metaKey:i,altKey:a,key:r,shiftKey:s}=e,o=s&&("/"===r||"?"===r);if(o&&(null==(t=aR(this,U))?void 0:t.open)||i||a||!o&&!aN.includes(r))return void this.removeEventListener("keyup",aR(this,F));let n=e.target,l=n instanceof HTMLElement&&("media-volume-range"===n.tagName.toLowerCase()||"media-time-range"===n.tagName.toLowerCase());![" ","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(r)||aR(this,x).contains(`no${r.toLowerCase()}`)||" "===r&&aR(this,x).contains("nospace")||l||e.preventDefault(),this.addEventListener("keyup",aR(this,F),{once:!0})},Q=new WeakSet,j=function(){aR(this,U)||(ax(this,U,iv.createElement("media-keyboard-shortcuts-dialog")),this.appendChild(aR(this,U))),aR(this,U).open=!0};let a5=Object.values(tZ),a3=Object.values(tj),a4=e=>{var t,i,a,r;let{observedAttributes:s}=e.constructor;!s&&(null==(t=e.nodeName)?void 0:t.includes("-"))&&(ip.customElements.upgrade(e),{observedAttributes:s}=e.constructor);let o=null==(r=null==(a=null==(i=null==e?void 0:e.getAttribute)?void 0:i.call(e,tQ.MEDIA_CHROME_ATTRIBUTES))?void 0:a.split)?void 0:r.call(a,/\s+/);return Array.isArray(s||o)?(s||o).filter(e=>a5.includes(e)):[]},a7=e=>{var t,i;return(null==(t=e.nodeName)?void 0:t.includes("-"))&&ip.customElements.get(null==(i=e.nodeName)?void 0:i.toLowerCase())&&!(e instanceof ip.customElements.get(e.nodeName.toLowerCase()))&&ip.customElements.upgrade(e),a3.some(t=>t in e)||!!a4(e).length},a8=e=>{var t;return null==(t=null==e?void 0:e.join)?void 0:t.call(e,":")},a9={[tZ.MEDIA_SUBTITLES_LIST]:at,[tZ.MEDIA_SUBTITLES_SHOWING]:at,[tZ.MEDIA_SEEKABLE]:a8,[tZ.MEDIA_BUFFERED]:e=>null==e?void 0:e.map(a8).join(" "),[tZ.MEDIA_PREVIEW_COORDS]:e=>null==e?void 0:e.join(" "),[tZ.MEDIA_RENDITION_LIST]:function(e){return null==e?void 0:e.map(t4).join(" ")},[tZ.MEDIA_AUDIO_TRACK_LIST]:function(e){return null==e?void 0:e.map(t7).join(" ")}},a6=async(e,t,i)=>{var a,r;if(e.isConnected||await t9(0),"boolean"==typeof i||null==i)return ix(e,t,i);if("number"==typeof i)return iR(e,t,i);if("string"==typeof i)return iN(e,t,i);if(Array.isArray(i)&&!i.length)return e.removeAttribute(t);let s=null!=(r=null==(a=a9[t])?void 0:a.call(a9,i))?r:i;return e.setAttribute(t,s)},re=(e,t)=>
159{var i;if(null==(i=e.closest)?void 0:i.call(e,'*[slot="media"]'))return;let a=(e,t)=>{var i,a;a7(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=>re(e,t))},r=null==e?void 0:e.nodeName.toLowerCase();r.includes("-")&&!a7(e)?ip.customElements.whenDefined(r).then(()=>{a(e,t)}):a(e,t)},rt=(e,t,i)=>{e.forEach(e=>{if(t in e){e[t]=i;return}let a=a4(e),r=t.toLowerCase();a.includes(r)&&a6(e,r,i)})},ri=(e,t,i)=>{re(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(tq.REGISTER_MEDIA_STATE_RECEIVER,a),e.addEventListener(tq.UNREGISTER_MEDIA_STATE_RECEIVER,r);let s=[],o=e=>{let a=e.target;"media"!==a.name&&(s.forEach(e=>re(e,i)),(s=[...a.assignedElements({flatten:!0})]).forEach(e=>re(e,t)))};e.addEventListener("slotchange",o);let n=new MutationObserver(e=>{e.forEach(e=>{let{addedNodes:a=[],removedNodes:r=[],type:s,target:o,attributeName:n}=e;"childList"===s?(Array.prototype.forEach.call(a,e=>re(e,t)),Array.prototype.forEach.call(r,e=>re(e,i))):"attributes"===s&&n===tQ.MEDIA_CHROME_ATTRIBUTES&&(a7(o)?t(o):i(o))})});return n.observe(e,{childList:!0,attributes:!0,subtree:!0}),()=>{re(e,i),e.removeEventListener("slotchange",o),n.disconnect(),e.removeEventListener(tq.REGISTER_MEDIA_STATE_RECEIVER,a),e.removeEventListener(tq.UNREGISTER_MEDIA_STATE_RECEIVER,r)}};ip.customElements.get("media-controller")||ip.customElements.define("media-controller",a2);let ra="placement",rr="bounds";class rs extends ip.HTMLElement{constructor(){if(super(),this.updateXOffset=()=>{var e,t;if(!iT(this,{checkOpacity:!1,checkVisibilityCSS:!1}))return;let i=this.placement;if("left"===i||"right"===i)return void this.style.removeProperty("--media-tooltip-offset-x");let a=getComputedStyle(this),r=null!=(e=iM(this,"#"+this.bounds))?e:null!=(t=function(e){var t,i,a;let{MEDIA_CONTROLLER:r}=tQ,s=e.getAttribute(r);if(s){let r;return null==(t=(r=null==(a=null==(i=e)?void 0:i.getRootNode)?void 0:a.call(i))instanceof ShadowRoot||r instanceof Document?r:null)?void 0:t.getElementById(s)}}(this))?t:iM(this,"media-controller");if(!r)return;let{x:s,width:o}=r.getBoundingClientRect(),{x:n,width:l}=this.getBoundingClientRect(),d=a.getPropertyValue("--media-tooltip-offset-x"),u=d?parseFloat(d.replace("px","")):0,h=a.getPropertyValue("--media-tooltip-container-margin"),c=h?parseFloat(h.replace("px","")):0,m=n-s+u-c,p=n+l-(s+o)+u+c;m<0?this.style.setProperty("--media-tooltip-offset-x",`${m}px`):p>0?this.style.setProperty("--media-tooltip-offset-x",`${p}px`):this.style.removeProperty("--media-tooltip-offset-x")},!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);const e=iy(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}if(this.arrowEl=this.shadowRoot.querySelector("#arrow"),Object.prototype.hasOwnProperty.call(this,"placement")){const e=this.placement;delete this.placement,this.placement=e}}static get observedAttributes(){return[ra,rr]}get placement(){return iP(this,ra)}set placement(e){iN(this,ra,e)}get bounds(){return iP(this,rr)}set bounds(e){iN(this,rr,e)}}rs.shadowRootOptions={mode:"open"},rs.getTemplateHTML=function(e){return` 160 <style> 161 :host { 162 --_tooltip-background-color: var(--media-tooltip-background-color, var(--media-secondary-color, rgba(20, 20, 30, .7))); 163 --_tooltip-background: var(--media-tooltip-background, var(--_tooltip-background-color)); 164 --_tooltip-arrow-half-width: calc(var(--media-tooltip-arrow-width, 12px) / 2); 165 --_tooltip-arrow-height: var(--media-tooltip-arrow-height, 5px); 166 --_tooltip-arrow-background: var(--media-tooltip-arrow-color, var(--_tooltip-background-color)); 167 position: relative; 168 pointer-events: none; 169 display: var(--media-tooltip-display, inline-flex); 170 justify-content: center; 171 align-items: center; 172 box-sizing: border-box; 173 z-index: var(--media-tooltip-z-index, 1); 174 background: var(--_tooltip-background); 175 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 176 font: var(--media-font, 177 var(--media-font-weight, 400) 178 var(--media-font-size, 13px) / 179 var(--media-text-content-height, var(--media-control-height, 18px)) 180 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 181 padding: var(--media-tooltip-padding, .35em .7em); 182 border: var(--media-tooltip-border, none); 183 border-radius: var(--media-tooltip-border-radius, 5px); 184 filter: var(--media-tooltip-filter, drop-shadow(0 0 4px rgba(0, 0, 0, .2))); 185 white-space: var(--media-tooltip-white-space, nowrap); 186 } 187 188 :host([hidden]) { 189 display: none; 190 } 191 192 img, svg { 193 display: inline-block; 194 } 195 196 #arrow { 197 position: absolute; 198 width: 0px; 199 height: 0px; 200 border-style: solid; 201 display: var(--media-tooltip-arrow-display, block); 202 } 203 204 :host(:not([placement])), 205 :host([placement="top"]) { 206 position: absolute; 207 bottom: calc(100% + var(--media-tooltip-distance, 12px)); 208 left: 50%; 209 transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0
209); 210 } 211 :host(:not([placement])) #arrow, 212 :host([placement="top"]) #arrow { 213 top: 100%; 214 left: 50%; 215 border-width: var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width); 216 border-color: var(--_tooltip-arrow-background) transparent transparent transparent; 217 transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0); 218 } 219 220 :host([placement="right"]) { 221 position: absolute; 222 left: calc(100% + var(--media-tooltip-distance, 12px)); 223 top: 50%; 224 transform: translate(0, -50%); 225 } 226 :host([placement="right"]) #arrow { 227 top: 50%; 228 right: 100%; 229 border-width: var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0; 230 border-color: transparent var(--_tooltip-arrow-background) transparent transparent; 231 transform: translate(0, -50%); 232 } 233 234 :host([placement="bottom"]) { 235 position: absolute; 236 top: calc(100% + var(--media-tooltip-distance, 12px)); 237 left: 50%; 238 transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0); 239 } 240 :host([placement="bottom"]) #arrow { 241 bottom: 100%; 242 left: 50%; 243 border-width: 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width); 244 border-color: transparent transparent var(--_tooltip-arrow-background) transparent; 245 transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0); 246 } 247 248 :host([placement="left"]) { 249 position: absolute; 250 right: calc(100% + var(--media-tooltip-distance, 12px)); 251 top: 50%; 252 transform: translate(0, -50%); 253 } 254 :host([placement="left"]) #arrow { 255 top: 50%; 256 left: 100%; 257 border-width: var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height); 258 border-color: transparent transparent transparent var(--_tooltip-arrow-background); 259 transform: translate(0, -50%); 260 } 261 262 :host([placement="none"]) #arrow { 263 display: none; 264 } 265 </style> 266 <slot></slot> 267 <div id="arrow"></div> 268 `},ip.customElements.get("media-tooltip")||ip.customElements.define("media-tooltip",rs);var ro=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rn=(e,t,i)=>(ro(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)=>(ro(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let ru="tooltipplacement",rh="disabled",rc="notooltip";class rm extends ip.HTMLElement{constructor(){if(super(),rl(this,J),rl(this,K,void 0),this.preventClick=!1,this.tooltipEl=null,rl(this,Z,e=>{this.preventClick||this.handleClick(e),setTimeout(rn(this,Y),0)}),rl(this,Y,()=>{var e,t;null==(t=null==(e=this.tooltipEl)?void 0:e.updateXOffset)||t.call(e)}),rl(this,z,e=>{let{key:t}=e;this.keysUsed.includes(t)?this.preventClick||this.handleClick(e):this.removeEventListener("keyup",rn(this,z))}),rl(this,X,e=>{let{metaKey:t,altKey:i,key:a}=e;t||i||!this.keysUsed.includes(a)?this.removeEventListener("keyup",rn(this,z)):this.addEventListener("keyup",rn(this,z),{once:!0})}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);const e=iy(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",ru,tQ.MEDIA_CONTROLLER,tZ.MEDIA_LANG]}enable(){this.addEventListener("click",rn(this,Z)),this.addEventListener("keydown",rn(this,X)),this.tabIndex=0}disable(){this.removeEventListener("click",rn(this,Z)),this.removeEventListener("keydown",rn(this,X)),this.removeEventListener("keyup",rn(this,z)),this.tabIndex=-1}attributeChangedCallback(e,t,i){var a,r,s,o,n;e===tQ.MEDIA_CONTROLLER?(t&&(null==(r=null==(a=rn(this,K))?void 0:a.unassociateElement)||r.call(a,this),rd(this,K,null)),i&&this.isConnected&&(rd(this,K,null==(s=this.getRootNode())?void 0:s.getElementById(i)),null==(n=null==(o=rn(this,K))?void 0:o.associateElement)||n.call(o,this))):"disabled"===e&&i!==t?null==i?this.enable():this.disable():e===ru&&this.tooltipEl&&i!==t?this.tooltipEl.placement=i:e===tZ.MEDIA_LA
268NG&&(this.shadowRoot.querySelector('slot[name="tooltip-content"]').innerHTML=this.constructor.getTooltipContentHTML()),rn(this,Y).call(this)}connectedCallback(){var e,t,i;let{style:a}=iL(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(tQ.MEDIA_CONTROLLER);r&&(rd(this,K,null==(e=this.getRootNode())?void 0:e.getElementById(r)),null==(i=null==(t=rn(this,K))?void 0:t.associateElement)||i.call(t,this)),ip.customElements.whenDefined("media-tooltip").then(()=>{var e,t;return(e=J,t=ee,ro(this,e,"access private method"),t).call(this)})}disconnectedCallback(){var e,t;this.disable(),null==(t=null==(e=rn(this,K))?void 0:e.unassociateElement)||t.call(e,this),rd(this,K,null),this.removeEventListener("mouseenter",rn(this,Y)),this.removeEventListener("focus",rn(this,Y)),this.removeEventListener("click",rn(this,Z))}get keysUsed(){return["Enter"," "]}get tooltipPlacement(){return iP(this,ru)}set tooltipPlacement(e){iN(this,ru,e)}get mediaController(){return iP(this,tQ.MEDIA_CONTROLLER)}set mediaController(e){iN(this,tQ.MEDIA_CONTROLLER,e)}get disabled(){return iD(this,rh)}set disabled(e){ix(this,rh,e)}get noTooltip(){return iD(this,rc)}set noTooltip(e){ix(this,rc,e)}handleClick(e){}}K=new WeakMap,Z=new WeakMap,Y=new WeakMap,z=new WeakMap,X=new WeakMap,J=new WeakSet,ee=function(){this.addEventListener("mouseenter",rn(this,Y)),this.addEventListener("focus",rn(this,Y)),this.addEventListener("click",rn(this,Z));let e=this.tooltipPlacement;e&&this.tooltipEl&&(this.tooltipEl.placement=e)},rm.shadowRootOptions={mode:"open"},rm.getTemplateHTML=function(e,t={}){return` 269 <style> 270 :host { 271 position: relative; 272 font: var(--media-font, 273 var(--media-font-weight, bold) 274 var(--media-font-size, 14px) / 275 var(--media-text-content-height, var(--media-control-height, 24px)) 276 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 277 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 278 background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 279 padding: var(--media-button-padding, var(--media-control-padding, 10px)); 280 justify-content: var(--media-button-justify-content, center); 281 display: inline-flex; 282 align-items: center; 283 vertical-align: middle; 284 box-sizing: border-box; 285 transition: background .15s linear; 286 pointer-events: auto; 287 cursor: var(--media-cursor, pointer); 288 -webkit-tap-highlight-color: transparent; 289 } 290 291 292 :host(:focus-visible) { 293 box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9)); 294 outline: 0; 295 } 296 297 :host(:where(:focus)) { 298 box-shadow: none; 299 outline: 0; 300 } 301 302 :host(:hover) { 303 background: var(--media-control-hover-background, rgba(50 50 70 / .7)); 304 } 305 306 svg, img, ::slotted(svg), ::slotted(img) { 307 width: var(--media-button-icon-width); 308 height: var(--media-button-icon-height, var(--media-control-height, 24px)); 309 transform: var(--media-button-icon-transform); 310 transition: var(--media-button-icon-transition); 311 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 312 vertical-align: middle; 313 max-width: 100%; 314 max-height: 100%; 315 min-width: 100%; 316 } 317 318 media-tooltip { 319 320 max-width: 0; 321 overflow-x: clip; 322 opacity: 0; 323 transition: opacity .3s, max-width 0s 9s; 324 } 325 326 :host(:hover) media-tooltip, 327 :host(:focus-visible) media-tooltip { 328 max-width: 100vw; 329 opacity: 1; 330 transition: opacity .3s; 331 } 332 333 :host([notooltip]) slot[name="tooltip"] { 334 display: none; 335 } 336 </style> 337 338 ${this.getSlotTemplateHTML(e,t)} 339 340 <slot name="tooltip"> 341 <media-tooltip part="tooltip" aria-hidden="true"> 342 <template shadowrootmode="${rs.shadowRootOptions.mode}"> 343 ${rs.getTemplateHTML({})} 344 </template> 345 <slot name="tooltip-content"> 346 ${this.getTooltipContentHTML(e)} 347 </slot> 348 </media-tooltip> 349 </slot> 350 `},rm.getSlotTemplateHTML=function(e,t){return` 351 <slot></slot> 352 `},rm.getTooltipContentHTML=function(){return""},ip.customElements.get("media-chrome-button")||ip.customElements.define("media-chrome-button",rm);let rp=`<svg aria-hidden="true" viewBox="0 0 26 24"> 353 <path d="M22.13 3H3.87a.87.87 0 0 0-.87.87v13.26a.87.87 0 0 0 .87.87h3.4L9 16H5V5h16v11h-4l1.72 2h3.4a.87.87 0 0 0 .87-.87V3.87a.87.87 0 0 0-.86-.87Zm-8.75 11.44a.5.5 0 0 0-.76 0l-4.91 5.73a.5.5 0 0 0 .38.83h9.82a.501.501 0 0 0 .38-.83l-4.91-5.73Z"/> 354</svg> 355`,rv=e=>{let t=e.mediaIsAirplaying?it("stop airplay"):it("start airplay");e.setAttribute("aria-label",t)};class rE extends rm{static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_IS_AIRPLAYING,tZ.MEDIA_AIRPLAY_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),rv(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===tZ.MEDIA_IS_AIRPLAYING&&rv(this)}get mediaIsAirplaying(){return iD(this,tZ.MEDIA_IS_AIRPLAYING)}set mediaIsAirplaying(e){ix(this,tZ.MEDIA_IS_AIRPLAYING,e)}get mediaAirplayUnavailable(){return iP(this,tZ.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){iN(this,tZ.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new ip.CustomEvent(tq.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}}rE.getSlotTemplateHTML=function(e){return` 356 <style> 357 :host([${tZ.MEDIA_IS_AIRPLAYING}]) slot[name=icon] slot:not([name=exit]) { 358 display: none !important; 359 } 360 361 362 :host(:not([${tZ.MEDIA_IS_AIRPLAYING}])) slot[name=icon] slot:not([name=enter]) { 363 display: none !important; 364 } 365 366 :host([${tZ.MEDIA_IS_AIRPLAYING}]) slot[name=tooltip-enter], 367 :host(:not([${tZ.MEDIA_IS_AIRPLAYING}])) slot[name=tooltip-exit] { 368 display: none; 369 } 370 </style> 371 372 <slot name="icon"> 373 <slot name="enter">${rp}</slot> 374 <slot name="exit">${rp}</slot> 375 </slot> 376 `},rE.getTooltipContentHTML=function(){return` 377 <slot name="tooltip-enter">${it("start airplay")}</slot> 378 <slot name="tooltip-exit">${it("stop airplay")}</slot> 379 `},ip.customElements.get("media-airplay-button")||ip.customElements.define("media-airplay-button",rE);let rb=`<svg aria-hidden="true" viewBox="0 0 26 24"> 380 <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79
3800 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/> 381</svg>`,rg=`<svg aria-hidden="true" viewBox="0 0 26 24"> 382 <path d="M17.73 14.09a1.4 1.4 0 0 1-1 .37 1.579 1.579 0 0 1-1.27-.58A3 3 0 0 1 15 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34A2.89 2.89 0 0 0 19 9.07a3 3 0 0 0-2.14-.78 3.14 3.14 0 0 0-2.42 1 3.91 3.91 0 0 0-.93 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.17 3.17 0 0 0 1.07-1.74l-1.4-.45c-.083.43-.3.822-.62 1.12Zm-7.22 0a1.43 1.43 0 0 1-1 .37 1.58 1.58 0 0 1-1.27-.58A3 3 0 0 1 7.76 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34a2.81 2.81 0 0 0-.74-1.32 2.94 2.94 0 0 0-2.13-.78 3.18 3.18 0 0 0-2.43 1 4 4 0 0 0-.92 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.23 3.23 0 0 0 1.07-1.74l-1.4-.45a2.06 2.06 0 0 1-.6 1.07Zm12.32-8.41a2.59 2.59 0 0 0-2.3-2.51C18.72 3.05 15.86 3 13 3c-2.86 0-5.72.05-7.53.17a2.59 2.59 0 0 0-2.3 2.51c-.23 4.207-.23 8.423 0 12.63a2.57 2.57 0 0 0 2.3 2.5c1.81.13 4.67.19 7.53.19 2.86 0 5.72-.06 7.53-.19a2.57 2.57 0 0 0 2.3-2.5c.23-4.207.23-8.423 0-12.63Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.14-.21-8.29 0-12.43a1.11 1.11 0 0 1 .91-1.11C7.24 4.56 10 4.49 13 4.49s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.14.21 8.29 0 12.43Z"/> 383</svg>`,rf=e=>{var t;e.setAttribute("aria-checked",(!!(null==(t=e.mediaSubtitlesShowing)?void 0:t.length)||e.hasAttribute(tZ.MEDIA_SUBTITLES_SHOWING)).toString())};class rA extends rm{static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_SUBTITLES_LIST,tZ.MEDIA_SUBTITLES_SHOWING]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.setAttribute("aria-label",it("closed captions")),rf(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===tZ.MEDIA_SUBTITLES_SHOWING&&rf(this)}get mediaSubtitlesList(){return rw(this,tZ.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){ry(this,tZ.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return rw(this,tZ.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){ry(this,tZ.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new ip.CustomEvent(tq.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}}rA.getSlotTemplateHTML=function(e){return` 384 <style> 385 :host([aria-checked="true"]) slot[name=off] { 386 display: none !important; 387 } 388 389 390 :host(:not([aria-checked="true"])) slot[name=on] { 391 display: none !important; 392 } 393 394 :host([aria-checked="true"]) slot[name=tooltip-enable], 395 :host(:not([aria-checked="true"])) slot[name=tooltip-disable] { 396 display: none; 397 } 398 </style> 399 400 <slot name="icon"> 401 <slot name="on">${rb}</slot> 402 <slot name="off">${rg}</slot> 403 </slot> 404 `},rA.getTooltipContentHTML=function(){return` 405 <slot name="tooltip-enable">${it("Enable captions")}</slot> 406 <slot name="tooltip-disable">${it("Disable captions")}</slot> 407 `};let rw=(e,t)=>{let i=e.getAttribute(t);return i?i9(i):[]},ry=(e,t,i)=>{if(!(null==i?void 0:i.length))return void e.removeAttribute(t);let a=at(i);e.getAttribute(t)!==a&&e.setAttribute(t,a)};ip.customElements.get("media-captions-button")||ip.customElements.define("media-captions-button",rA);let rI=e=>{let t=e.mediaIsCasting?it("stop casting"):it("start casting");e.setAttribute("aria-label",t)};class rk extends rm{static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_IS_CASTING,tZ.MEDIA_CAST_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),rI(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===tZ.MEDIA_IS_CASTING&&rI(this)}get mediaIsCasting(){return iD(this,tZ.MEDIA_IS_CASTING)}set mediaIsCasting(e){ix(this,tZ.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return iP(this,tZ.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){iN(this,tZ.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?tq.MEDIA_EXIT_CAST_REQUEST:tq.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new ip.CustomEvent(e,{composed:!0,bubbles:!0}))}}rk.getSlotTemplateHTML=function(e){return` 408 <style> 409 :host([${tZ.MEDIA_IS_CASTING}]) slot[name=icon] slot:not([name=exit]) { 410 display: none !important; 411 } 412 413 414 :host(:not([${tZ.MEDIA_IS_CASTING}])) slot[name=icon] slot:not([name=enter]) { 415 display: none !important; 416 } 417 418 :host([${tZ.MEDIA_IS_CASTING}]) slot[name=tooltip-enter], 419 :host(:not([${tZ.MEDIA_IS_CASTING}])) slot[name=tooltip-exit] { 420 display: none; 421 } 422 </style> 423 424 <slot name="icon"> 425 <slot name="enter"><svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/></g></svg></slot> 426 <slot name="exit"><svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/><path class="cast_caf_icon_boxfill" d="M5,7 L5,8.63 C8,8.6 13.37,14 13.37,17 L19,17 L19,7 Z"/></g></svg></slot> 427 </slot> 428 `},rk.getTooltipContentHTML=function(){return` 429 <slot name="tooltip-enter">${it("Start casting")}</slot> 430 <slot name="tooltip-exit">${it("Stop casting")}</slot> 431 `},ip.customElements.get("media-cast-button")||ip.customElements.define("media-cast-button",rk);var r_=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rM=(e,t,i)=>(r_(e,t,"read from private field"),i?i.call(e):t.get(e)),rT=(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)},rL=(e,t,i,a)=>(r_(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),rS=(e,t,i)=>(r_(e,t,"access private method"),i);let rC="open";class rR extends ip.HTMLElement{constructor(){super(),rT(this,er),rT(this,eo),rT(this,el),rT(this,eu),rT(this,ec),rT(this,ep),rT(this,et,!1),rT(this,ei,null),rT(this,ea,null)}static get observedAttributes(){return[rC,"anchor"]}get open(){return iD(this,rC)}set open(e){ix(this,rC,e)}handleEvent(e){switch(e.type){case"invoke":rS(this,eu,eh).call(this,e);break;case"focusout":rS(this,ec,em).call(this,e);break;case"keydown":rS(this,ep,ev).call(this,e)}}connectedCallback(){rS(this,er,es).call(this),this.role||(this.role="dialog"),this.addEventListener("invoke",this),this.addEventListener("focusout",this),this.addEventListener("keydown",this)}disconnectedCallback(){this.removeEventListener("invoke",this),this.removeEventListener("focusout",this),this.removeEventListener("keydown",this)}attributeChangedCallback(e,t,i){rS(this,er,es).call(this),e===rC&&i!==t&&(this.open?r
431S(this,eo,en).call(this):rS(this,el,ed).call(this))}focus(){rL(this,ei,function e(t=document){var i;let a=null==t?void 0:t.activeElement;return a?null!=(i=e(a.shadowRoot))?i:a:null}());let e=!this.dispatchEvent(new Event("focus",{composed:!0,cancelable:!0})),t=!this.dispatchEvent(new Event("focusin",{composed:!0,bubbles:!0,cancelable:!0}));if(e||t)return;let i=this.querySelector('[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]');null==i||i.focus()}get keysUsed(){return["Escape","Tab"]}}et=new WeakMap,ei=new WeakMap,ea=new WeakMap,er=new WeakSet,es=function(){if(!rM(this,et)&&(rL(this,et,!0),!this.shadowRoot)){this.attachShadow(this.constructor.shadowRootOptions);let e=iy(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e),queueMicrotask(()=>{let{style:e}=iL(this.shadowRoot,":host");e.setProperty("transition","display .15s, visibility .15s, opacity .15s ease-in, transform .15s ease-in")})}},eo=new WeakSet,en=function(){var e;null==(e=rM(this,ea))||e.setAttribute("aria-expanded","true"),this.dispatchEvent(new Event("open",{composed:!0,bubbles:!0})),this.addEventListener("transitionend",()=>this.focus(),{once:!0})},el=new WeakSet,ed=function(){var e;null==(e=rM(this,ea))||e.setAttribute("aria-expanded","false"),this.dispatchEvent(new Event("close",{composed:!0,bubbles:!0}))},eu=new WeakSet,eh=function(e){rL(this,ea,e.relatedTarget),i_(this,e.relatedTarget)||(this.open=!this.open)},ec=new WeakSet,em=function(e){var t;!i_(this,e.relatedTarget)&&(null==(t=rM(this,ei))||t.focus(),rM(this,ea)&&rM(this,ea)!==e.relatedTarget&&this.open&&(this.open=!1))},ep=new WeakSet,ev=function(e){var t,i,a,r,s;let{key:o,ctrlKey:n,altKey:l,metaKey:d}=e;n||l||d||this.keysUsed.includes(o)&&(e.preventDefault(),e.stopPropagation(),"Tab"===o?(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"===o&&(null==(s=rM(this,ei))||s.focus(),this.open=!1))},rR.shadowRootOptions={mode:"open"},rR.getTemplateHTML=function(e){return` 432 <style> 433 :host { 434 font: var(--media-font, 435 var(--media-font-weight, normal) 436 var(--media-font-size, 14px) / 437 var(--media-text-content-height, var(--media-control-height, 24px)) 438 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 439 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 440 display: var(--media-dialog-display, inline-flex); 441 justify-content: center; 442 align-items: center; 443 444 transition-behavior: allow-discrete; 445 visibility: hidden; 446 opacity: 0; 447 transform: translateY(2px) scale(.99); 448 pointer-events: none; 449 } 450 451 :host([open]) { 452 transition: display .2s, visibility 0s, opacity .2s ease-out, transform .15s ease-out; 453 visibility: visible; 454 opacity: 1; 455 transform: translateY(0) scale(1); 456 pointer-events: auto; 457 } 458 459 #content { 460 display: flex; 461 position: relative; 462 box-sizing: border-box; 463 width: min(320px, 100%); 464 word-wrap: break-word; 465 max-height: 100%; 466 overflow: auto; 467 text-align: center; 468 line-height: 1.4; 469 } 470 </style> 471 ${this.getSlotTemplateHTML(e)} 472 `}
472,rR.getSlotTemplateHTML=function(e){return` 473 <slot id="content"></slot> 474 `},ip.customElements.get("media-chrome-dialog")||ip.customElements.define("media-chrome-dialog",rR);var rD=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rx=(e,t,i)=>(rD(e,t,"read from private field"),i?i.call(e):t.get(e)),rP=(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)},rN=(e,t,i,a)=>(rD(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),rU=(e,t,i)=>(rD(e,t,"access private method"),i);class rO extends ip.HTMLElement{constructor(){if(super(),rP(this,e_),rP(this,eT),rP(this,eS),rP(this,eR),rP(this,ex),rP(this,eN),rP(this,eO),rP(this,eH),rP(this,eE,void 0),rP(this,eb,void 0),rP(this,eg,void 0),rP(this,ef,void 0),rP(this,eA,{}),rP(this,ew,[]),rP(this,ey,()=>{if(this.range.matches(":focus-visible")){let{style:e}=iL(this.shadowRoot,":host");e.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),rP(this,eI,()=>{let{style:e}=iL(this.shadowRoot,":host");e.removeProperty("--_focus-visible-box-shadow")}),rP(this,ek,()=>{let e=this.shadowRoot.querySelector("#segments-clipping");e&&e.parentNode.append(e)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);const e=iy(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.container=this.shadowRoot.querySelector("#container"),rN(this,eg,this.shadowRoot.querySelector("#startpoint")),rN(this,ef,this.shadowRoot.querySelector("#endpoint")),this.range=this.shadowRoot.querySelector("#range"),this.appearance=this.shadowRoot.querySelector("#appearance")}static get observedAttributes(){return["disabled","aria-disabled",tQ.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,i){var a,r,s,o,n;e===tQ.MEDIA_CONTROLLER?(t&&(null==(r=null==(a=rx(this,eE))?void 0:a.unassociateElement)||r.call(a,this),rN(this,eE,null)),i&&this.isConnected&&(rN(this,eE,null==(s=this.getRootNode())?void 0:s.getElementById(i)),null==(n=null==(o=rx(this,eE))?void 0:o.associateElement)||n.call(o,this))):("disabled"===e||"aria-disabled"===e&&t!==i)&&(null==i?(this.range.removeAttribute(e),rU(this,eT,eL).call(this)):(this.range.setAttribute(e,i),rU(this,eS,eC).call(this)))}connectedCallback(){var e,t,i;let{style:a}=iL(this.shadowRoot,":host");a.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),rx(this,eA).pointer=iL(this.shadowRoot,"#pointer"),rx(this,eA).progress=iL(this.shadowRoot,"#progress"),rx(this,eA).thumb=iL(this.shadowRoot,'#thumb, ::slotted([slot="thumb"])'),rx(this,eA).activeSegment=iL(this.shadowRoot,"#segments-clipping rect:nth-child(0)");let r=this.getAttribute(tQ.MEDIA_CONTROLLER);r&&(rN(this,eE,null==(e=this.getRootNode())?void 0:e.getElementById(r)),null==(i=null==(t=rx(this,eE))?void 0:t.associateElement)||i.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",rx(this,ey)),this.shadowRoot.addEventListener("focusout",rx(this,eI)),rU(this,eT,eL).call(this),iA(this.container,rx(this,ek))}disconnectedCallback(){var e,t;rU(this,eS,eC).call(this),null==(t=null==(e=rx(this,eE))?void 0:e.unassociateElement)||t.call(e,this),rN(this,eE,null),this.shadowRoot.removeEventListener("focusin",rx(this,ey)),this.shadowRoot.removeEventListener("focusout",rx(this,eI)),iw(this.container,rx(this,ek))}updatePointerBar(e){var t;null==(t=rx(this,eA).pointer)||t.style.setProperty("width",`${100*this.getPointerRatio(e)}%`)}updateBar(){var e,t;let i=100*this.range.valueAsNumber;null==(e=rx(this,eA).progress)||e.style.setProperty("width",`${i}%`),null==(t=rx(this,eA).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])];rN(this,ew,[...i]);let a=i.pop();for(let[e,r]of i.entries()){let[s,o]=[0===e,e===i.length-1],n=s?"calc(var(--segments-gap) / -1)":`${100*r}%`,l=o?a:i[e+1],d=`calc(${(l-r)*100}%${s||o?"":" - var(--segments-gap)"})`,u=iv.createElementNS("http://www.w3.org/2000/svg","rect"),h=iS(this.shadowRoot,`#segments-clipping rect:nth-child(${e+1})`);h.style.setProperty("x",n),h.style.setProperty("width",d),t.append(u)}}getPointerRatio(e){var t,i,a,r;let s,o,n;return t=e.clientX,i=e.clientY,a=rx(this,eg).getBoundingClientRect(),s=(r=rx(this,ef).getBoundingClientRect()).x-a.x,0==(n=s*s+(o=r.y-a.y)*o)?0:Math.max(0,Math.min(1,((t-a.x)*s+(i-a.y)*o)/n))}get dragging(){return this.hasAttribute("dragging")}handleEvent(e){switch(e.type){case"pointermove":rU(this,eH,eV).call(this,e);break;case"input":this.updateBar();break;case"pointerenter":rU(this,ex,eP).call(this,e);break;case"pointerdown":rU(this,eR,eD).call(this,e);break;case"pointerup":rU(this,eN,eU).call(this);break;case"pointerleave":rU(this,eO,eW).call(this)}}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}}eE=new WeakMap,eb=new WeakMap,eg=new WeakMap,ef=new WeakMap,eA=new WeakMap,ew=new WeakMap,ey=new WeakMap,eI=new WeakMap,ek=new WeakMap,e_=new WeakSet,eM=function(e){let t=rx(this,eA).activeSegment;if(!t)return;let i=this.getPointerRatio(e),a=rx(this,ew).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))"))},eT=new WeakSet,eL=function(){!this.hasAttribute("disabled")&&this.isConnected&&(this.addEventListener("input",this),this.addEventListener("pointerdown",this),this.addEventListener("pointerenter",this))},eS=new WeakSet,eC=function(){var e,t;this.removeEventListener("input",this),this.removeEventListener("pointerdown",this),this.removeEventListener("pointerenter",this),this.removeEventListener("pointerleave",this),null==(e=ip.window)||e.removeEventListener("pointerup",this),null==(t=ip.window)||t.removeEventListener("pointermove",this)},eR=new WeakSet,eD=function(e){var t;rN(this,eb,e.composedPath().includes(this.range)),null==(t=ip.window)||t.addEventListener("pointerup",this,{once:!0})},ex=new WeakSet,eP=function(e){var t;"mouse"!==e.pointerType&&rU(this,eR,eD).call(this,e),this.addEventListener("pointerleave",this,{once:!0}),null==(t=ip.window)||t.addEventListener("pointermove",this)},eN=new WeakSet,eU=function(){var e;null==(e=ip.window)||e.removeEventListener("pointerup",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled")},eO=new WeakSet,eW=function(){var e,t;this.removeEventListener("pointerleave",this),null==(e=ip.window)||e.removeEventListener("pointermove",this),this.toggleAttribute("dragging",!1),this.range.disabled=this.hasAttribute("disabled"),null==(t=rx(this,eA).activeSegment)||t.style.removeProperty("transform")},eH=new WeakSet,eV=function(e){("pen"!==e.pointerType||0!==e.buttons)&&(this.toggleAttribute("dragging",1===e.buttons||"mouse"!==e.pointerType),this.updatePointerBar(e),rU(this,e_,eM).call(this,e),this.dragging&&("mouse"!==e.pointerType||!rx(this,eb))&&(this.range.disabled=!0,this.range.valueAsNumber=this.getPointerRatio(e),this.range.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))))},rO.shadowRootOptions={mode:"open"},rO.getTemplateHTML=function(e){return` 475 <style> 476 :host {
477 --_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9)); 478 --_media-range-padding: var(--media-range-padding, var(--media-control-padding, 10px)); 479 480 box-shadow: var(--_focus-visible-box-shadow, none); 481 background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 482 height: calc(var(--media-control-height, 24px) + 2 * var(--_media-range-padding)); 483 display: inline-flex; 484 align-items: center; 485 486 vertical-align: middle; 487 box-sizing: border-box; 488 position: relative; 489 width: 100px; 490 transition: background .15s linear; 491 cursor: var(--media-cursor, pointer); 492 pointer-events: auto; 493 touch-action: none; 494 } 495 496 497 input[type=range]:focus { 498 outline: 0; 499 } 500 input[type=range]:focus::-webkit-slider-runnable-track { 501 outline: 0; 502 } 503 504 :host(:hover) { 505 background: var(--media-control-hover-background, rgb(50 50 70 / .7)); 506 } 507 508 #leftgap { 509 padding-left: var(--media-range-padding-left, var(--_media-range-padding)); 510 } 511 512 #rightgap { 513 padding-right: var(--media-range-padding-right, var(--_media-range-padding)); 514 } 515 516 #startpoint, 517 #endpoint { 518 position: absolute; 519 } 520 521 #endpoint { 522 right: 0; 523 } 524 525 #container { 526 527 width: var(--media-range-track-width, 100%); 528 transform: translate(var(--media-range-track-translate-x, 0px), var(--media-range-track-translate-y, 0px)); 529 position: relative; 530 height: 100%; 531 display: flex; 532 align-items: center; 533 min-width: 40px; 534 } 535 536 #range { 537 538 display: var(--media-time-range-hover-display, block); 539 bottom: var(--media-time-range-hover-bottom, -7px); 540 height: var(--media-time-range-hover-height, max(100% + 7px, 25px)); 541 width: 100%; 542 position: absolute; 543 cursor: var(--media-cursor, pointer); 544 545 -webkit-appearance: none; 546 -webkit-tap-highlight-color: transparent; 547 background: transparent; 548 margin: 0; 549 z-index: 1; 550 } 551 552 @media (hover: hover) { 553 #range { 554 bottom: var(--media-time-range-hover-bottom, -5px); 555 height: var(--media-time-range-hover-height, max(100% + 5px
vendor: 4,756 bytes, lines 555-710
555, 20px)); 556 } 557 } 558 559 560 561 #range::-webkit-slider-thumb { 562 -webkit-appearance: none; 563 background: transparent; 564 width: .1px; 565 height: .1px; 566 } 567 568 569 #range::-moz-range-thumb { 570 background: transparent; 571 border: transparent; 572 width: .1px; 573 height: .1px; 574 } 575 576 #appearance { 577 height: var(--media-range-track-height, 4px); 578 display: flex; 579 flex-direction: column; 580 justify-content: center; 581 width: 100%; 582 position: absolute; 583 584 will-change: transform; 585 } 586 587 #track { 588 background: var(--media-range-track-background, rgb(255 255 255 / .2)); 589 border-radius: var(--media-range-track-border-radius, 1px); 590 border: var(--media-range-track-border, none); 591 outline: var(--media-range-track-outline); 592 outline-offset: var(--media-range-track-outline-offset); 593 backdrop-filter: var(--media-range-track-backdrop-filter); 594 -webkit-backdrop-filter: var(--media-range-track-backdrop-filter); 595 box-shadow: var(--media-range-track-box-shadow, none); 596 position: absolute; 597 width: 100%; 598 height: 100%; 599 overflow: hidden; 600 } 601 602 #progress, 603 #pointer { 604 position: absolute; 605 height: 100%; 606 will-change: width; 607 } 608 609 #progress { 610 background: var(--media-range-bar-color, var(--media-primary-color, rgb(238 238 238))); 611 transition: var(--media-range-track-transition); 612 } 613 614 #pointer { 615 background: var(--media-range-track-pointer-background); 616 border-right: var(--media-range-track-pointer-border-right); 617 transition: visibility .25s, opacity .25s; 618 visibility: hidden; 619 opacity: 0; 620 } 621 622 @media (hover: hover) { 623 :host(:hover) #pointer { 624 transition: visibility .5s, opacity .5s; 625 visibility: visible; 626 opacity: 1; 627 } 628 } 629 630 #thumb, 631 ::slotted([slot=thumb]) { 632 width: var(--media-range-thumb-width, 10px); 633 height: var(--media-range-thumb-height, 10px); 634 transition: var(--media-range-thumb-transition); 635 transform: var(--media-range-thumb-transform, none); 636 opacity: var(--media-range-thumb-opacity, 1); 637 translate: -50%; 638 position: absolute; 639 left: 0; 640 cursor: var(--media-cursor, pointer); 641 } 642 643 #thumb { 644 border-radius: var(--media-range-thumb-border-radius, 10px); 645 background: var(--media-range-thumb-background, var(--media-primary-color, rgb(238 238 238))); 646 box-shadow: var(--media-range-thumb-box-shadow, 1px 1px 1px transparent); 647 border: var(--media-range-thumb-border, none); 648 } 649 650 :host([disabled]) #thumb { 651 background-color: #777; 652 } 653 654 .segments #appearance { 655 height: var(--media-range-segment-hover-height, 7px); 656 } 657 658 #track { 659 clip-path: url(#segments-clipping); 660 } 661 662 #segments { 663 --segments-gap: var(--media-range-segments-gap, 2px); 664 position: absolute; 665 width: 100%; 666 height: 100%; 667 } 668 669 #segments-clipping { 670 transform: translateX(calc(var(--segments-gap) / 2)); 671 } 672 673 #segments-clipping:empty { 674 display: none; 675 } 676 677 #segments-clipping rect { 678 height: var(--media-range-track-height, 4px); 679 y: calc((var(--media-range-segment-hover-height, 7px) - var(--media-range-track-height, 4px)) / 2); 680 transition: var(--media-range-segment-transition, transform .1s ease-in-out); 681 transform: var(--media-range-segment-transform, scaleY(1)); 682 transform-origin: center; 683 } 684 685 /* Visible label for accessibility - positioned off-screen but technically visible (Firefox requires visible labels) */ 686 #range-label { 687 position: absolute; 688 left: -10000px; 689 background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 690 pointer-events: none; 691 } 692 </style> 693 <div id="leftgap"></div> 694 <div id="container"> 695 <div id="startpoint"></div> 696 <div id="endpoint"></div> 697 <div id="appearance"> 698 <div id="track" part="track"> 699 <div id="pointer"></div> 700 <div id="progress" part="progress"></div> 701 </div> 702 <slot name="thumb"> 703 <div id="thumb" part="thumb"></div> 704 </slot> 705 <svg id="segments" aria-hidden="true"><clipPath id="segments-clipping"></clipPath></svg> 706 </div> 707 <input id="range" type="range" min="0" max="1" step="any" value="0"> 708 <label for="range" id="range-label"></label> 709 710 ${this.getContainerTemplateHTML(
710e)} 711 </div> 712 <div id="rightgap"></div> 713 `},rO.getContainerTemplateHTML=function(e){return""},ip.customElements.get("media-chrome-range")||ip.customElements.define("media-chrome-range",rO);var rW=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rH=(e,t,i)=>(rW(e,t,"read from private field"),i?i.call(e):t.get(e)),rV=(e,t,i,a)=>(rW(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class r$ extends ip.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);const e=iy(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[tQ.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,i){var a,r,s,o,n;e===tQ.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=rH(this,e$))?void 0:a.unassociateElement)||r.call(a,this),rV(this,e$,null)),i&&this.isConnected&&(rV(this,e$,null==(s=this.getRootNode())?void 0:s.getElementById(i)),null==(n=null==(o=rH(this,e$))?void 0:o.associateElement)||n.call(o,this)))}connectedCallback(){var e,t,i;let a=this.getAttribute(tQ.MEDIA_CONTROLLER);a&&(rV(this,e$,null==(e=this.getRootNode())?void 0:e.getElementById(a)),null==(i=null==(t=rH(this,e$))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=rH(this,e$))?void 0:e.unassociateElement)||t.call(e,this),rV(this,e$,null)}}
713e$=new WeakMap,r$.shadowRootOptions={mode:"open"},r$.getTemplateHTML=function(e){return` 714 <style> 715 :host { 716 717 box-sizing: border-box; 718 display: var(--media-control-display, var(--media-control-bar-display, inline-flex)); 719 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 720 --media-loading-indicator-icon-height: 44px; 721 } 722 723 ::slotted(media-time-range), 724 ::slotted(media-volume-range) { 725 min-height: 100%; 726 } 727 728 ::slotted(media-time-range), 729 ::slotted(media-clip-selector) { 730 flex-grow: 1; 731 } 732 733 ::slotted([role="menu"]) { 734 position: absolute; 735 } 736 </style> 737 738 <slot></slot> 739 `},ip.customElements.get("media-control-bar")||ip.customElements.define("media-control-bar",r$);var rB=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rF=(e,t,i)=>(rB(e,t,"read from private field"),i?i.call(e):t.get(e)),rG=(e,t,i,a)=>(rB(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class rq extends ip.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);const e=iy(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[tQ.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,i){var a,r,s,o,n;e===tQ.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=rF(this,eB))?void 0:a.unassociateElement)||r.call(a,this),rG(this,eB,null)),i&&this.isConnected&&(rG(this,eB,null==(s=this.getRootNode())?void 0:s.getElementById(i)),null==(n=null==(o=rF(this,eB))?void 0:o.associateElement)||n.call(o,this)))}connectedCallback(){var e,t,i;let{style:a}=iL(this.shadowRoot,":host");a.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let r=this.getAttribute(tQ.MEDIA_CONTROLLER);r&&(rG(this,eB,null==(e=this.getRootNode())?void 0:e.getElementById(r)),null==(i=null==(t=rF(this,eB))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=rF(this,eB))?void 0:e.unassociateElement)||t.call(e,this),rG(this,eB,null)}}eB=new WeakMap,rq.shadowRootOptions={mode:"open"},rq.getTemplateHTML=function(e,t={}){return` 740 <style> 741 :host { 742 font: var(--media-font, 743 var(--media-font-weight, normal) 744 var(--media-font-size, 14px) / 745 var(--media-text-content-height, var(--media-control-height, 24px)) 746 var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)); 747 color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238))); 748 background: var(--media-text-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)))); 749 padding: var(--media-control-padding, 10px); 750 display: inline-flex; 751 justify-content: center; 752 align-items: center; 753 vertical-align: middle; 754 box-sizing: border-box; 755 text-align: center; 756 pointer-events: auto; 757 } 758 759 760 :host(:focus-visible) { 761 box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9)); 762 outline: 0; 763 } 764 765 766 :host(:where(:focus)) { 767 box-shadow: none; 768 outline: 0; 769 } 770 </style> 771 772 ${this.getSlotTemplateHTML(e,t)} 773 `},rq.getSlotTemplateHTML=function(e,t){return` 774 <slot></slot> 775 `},ip.customElements.get("media-text-display")||ip.customElements.define("media-text-display",rq);var rQ=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},rj=(e,t,i)=>(rQ(e,t,"read from private field"),i?i.call(e):t.get(e));class rK extends rq{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,eF,void 0),((e,t,i)=>(rQ(e,t,"write to private field"),t.set(e,i)))(this,eF,this.shadowRoot.querySelector("slot")),rj(this,eF).textContent=ir(null!=(e=this.mediaDuration)?e:0)}static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_DURATION]}attributeChangedCallback(e,t,i){e===tZ.MEDIA_DURATION&&(rj(this,eF).textContent=ir(+i)),super.attributeChangedCallback(e,t,i)}get mediaDuration(){return iC(this,tZ.MEDIA_DURATION)}set mediaDuration(e){iR(this,tZ.MEDIA_DURATION,e)}}eF=new WeakMap,rK.getSlotTemplateHTML=function(e,t){return` 776 <slot>${ir(t.mediaDuration)}</slot> 777 `},ip.customElements.get("media-duration-display")||ip.customElements.define("media-duration-display",rK);let rZ={2:it("Network Error"),3:it("Decode Error"),4:it("Source Not Supported"),5:it("Encryption
777Error")},rY={2:it("A network error caused the media download to fail."),3:it("A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format."),4:it("An unsupported error occurred. The server or network failed, or your browser does not support this format."),5:it("The media is encrypted and there are no keys to decrypt it.")},rz=e=>{var t,i;return 1===e.code?null:{title:null!=(t=rZ[e.code])?t:`Error ${e.code}`,message:null!=(i=rY[e.code])?i:e.message}};var rX=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)};function rJ(e){var t;let{title:i,message:a}=null!=(t=rz(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 r0=[tZ.MEDIA_ERROR_CODE,tZ.MEDIA_ERROR_MESSAGE];class r1 extends rR{constructor(){super(...arguments),((e,t)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,null)})(this,eG)}static get observedAttributes(){return[...super.observedAttributes,...r0]}formatErrorMessage(e){return this.constructor.formatErrorMessage(e)}attributeChangedCallback(e,t,i){var a;if(super.attributeChangedCallback(e,t,i),!r0.includes(e))return;let r=null!=(a=this.mediaError)?a:{code:this.mediaErrorCode,message:this.mediaErrorMessage};if(this.open=r.code&&null!==rz(r),this.open&&(this.shadowRoot.querySelector("slot").name=`error-${this.mediaErrorCode}`,this.shadowRoot.querySelector("#content").innerHTML=this.formatErrorMessage(r),!this.hasAttribute("aria-label"))){let{title:e}=rz(r);e&&this.setAttribute("aria-label",e)}}get mediaError(){var e;return rX(this,e=eG,"read from private field"),e.get(this)}set mediaError(e){var t;rX(this,t=eG,"write to private field"),t.set(this,e)}get mediaErrorCode(){return iC(this,"mediaerrorcode")}set mediaErrorCode(e){iR(this,"mediaerrorcode",e)}get mediaErrorMessage(){return iP(this,"mediaerrormessage")}set mediaErrorMessage(e){iN(this,"mediaerrormessage",e)}}eG=new WeakMap,r1.getSlotTemplateHTML=function(e){return` 778 <style> 779 :host { 780 background: rgb(20 20 30 / .8); 781 } 782 783 #content { 784 display: block; 785 padding: 1.2em 1.5em; 786 } 787 788 h3, 789 p { 790 margin-block: 0 .3em; 791 } 792 </style> 793 <slot name="error-${e.mediaerrorcode}" id="content"> 794 ${rJ({code:+e.mediaerrorcode,message:e.mediaerrormessage})} 795 </slot> 796 `},r1.formatErrorMessage=rJ,ip.customElements.get("media-error-dialog")||ip.customElements.define("media-error-dialog",r1);var r2=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot read from private field");return i?i.call(e):t.get(e)},r5=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)};class r3 extends rR{constructor(){super(...arguments),r5(this,eq,e=>{var t;if(!this.open)return;let i=null==(t=this.shadowRoot)?void 0:t.querySelector("#content");if(!i)return;let a=e.composedPath(),r=a[0]===this||a.includes(this),s=a.includes(i);r&&!s&&(this.open=!1)}),r5(this,eQ,e=>{if(!this.open)return;let t=e.shiftKey&&("/"===e.key||"?"===e.key);"Escape"!==e.key&&!t||e.ctrlKey||e.altKey||e.metaKey||(this.open=!1,e.preventDefault(),e.stopPropagation())})}connectedCallback(){super.connectedCallback(),this.open&&(this.addEventListener("click",r2(this,eq)),document.addEventListener("keydown",r2(this,eQ)))}disconnectedCallback(){this.removeEventListener("click",r2(this,eq)),document.removeEventListener("keydown",r2(this,eQ))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),"open"===e&&(this.open?(this.addEventListener("click",r2(this,eq)),document.addEventListener("keydown",r2(this,eQ))):(this.removeEventListener("click",r2(this,eq)),document.removeEventListener("keydown",r2(this,eQ))))}}eq=new WeakMap,eQ=new WeakMap,r3.getSlotTemplateHTML=function(e){let t;return` 797 <style> 798 :host { 799 position: fixed; 800 top: 0; 801 left: 0; 802 z-index: 9999; 803 background: rgb(20 20 30 / .8); 804 backdrop-filter: blur(10px); 805 } 806 807 #content { 808 display: block; 809 width: clamp(400px, 40vw, 700px); 810 max-width: 90vw; 811 text-align: left; 812 } 813 814 h2 { 815 margin: 0 0 1.5rem 0; 816 font-size: 1.5rem; 817 font-weight: 500; 818 text-align: center; 819 } 820 821 .shortcuts-table { 822 width: 100%; 823 border-collapse: collapse; 824 } 825 826 .shortcuts-table tr { 827 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 828 } 829 830 .shortcuts-table tr:last-child { 831 border-bottom: none; 832 } 833 834 .shortcuts-table td { 835 padding: 0.75rem 0.5rem; 836 } 837 838 .shortcuts-table td:first-child { 839 text-align: right; 840 padding-right: 1rem; 841 width: 40%; 842 min-width: 120px; 843 } 844 845 .shortcuts-table td:last-child { 846 padding-left: 1rem; 847 } 848 849 .key { 850 display: inline-block; 851 background: rgba(255, 255, 255, 0.15); 852 border: 1px solid rgba(255, 255, 255, 0.2); 853 border-radius: 4px; 854 padding: 0.25rem 0.5rem; 855 font-family: 'Courier New', monospace; 856 font-size: 0.9rem; 857 font-weight: 500; 858 min-width: 1.5rem; 859 text-align: center; 860 margin: 0 0.2rem; 861 } 862 863 .description { 864 color: rgba(255, 255, 255, 0.9); 865 font-size: 0.95rem; 866 } 867 868 .key-combo { 869 display: flex; 870 align-items: center; 871 justify-content: flex-end; 872 gap: 0.3rem; 873 } 874 875 .key-separator { 876 color: rgba(255, 255, 255, 0.5); 877 font-size: 0.9rem; 878 } 879 </style> 880 <slot id="content"> 881 ${t=[{keys:["Space","k"],description:"Toggle Playback"},{keys:["m"],description:"Toggle mute"},{keys:["f"],description:"Toggle fullscreen"},{keys:["c"],description:"Toggle captions or subtitles, if available"},{keys:["p"],description:"Toggle Picture in Picture"},{keys:["â","j"],description:"Seek back 10s"},{keys:["â","l"],description:"Seek forward 10s"},{keys:["â"],description:"Turn volume up"},{keys:["â"],description:"Turn volume down"},{keys:["< (SHIFT+,)"],description:"Decrease playback rate"},{keys:["> (SHIFT+.)"],description:"Increase playback rate"}].map(({keys:e,description:t})=>{let i=e.map((e,t)=>t>0?`<span class="key-separator">or</span><span class="key">${e}</span>`:`<span class="key">${e}</span>`).join("");return` 882 <tr> 883 <td> 884 <div class="key-combo">${i}</div> 885 </td> 886 <td class="description">${t}</td> 887 </tr> 888 `}).join(""),` 889 <h2>Keyboard Shortcuts</h2> 890 <table class="shortcuts-table">${t}</table> 891 `} 892 </slot> 893 `},ip.customElements.get("media-keyboard-shortcuts-dialog")||ip.customElements.define("media-keyboard-shortcuts-dialog",r3);var r4=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)};let r7=`<svg aria-hidden="true" viewBox="0 0 26 24"> 894 <path d="M16 3v2.5h3.5V9H22V3h-6ZM4 9h2.5V5.5H10V3H4v6Zm15.5 9.5H16V21h6v-6h-2.5v3.5ZM6.5 15H4v6h6v-2.5H6.5V15Z"/> 895</svg>`,r8=`<svg aria-hidden="true" viewBox="0 0 26 24"> 896 <path d="M18.5 6.5V3H16v6h6V6.5h-3.5ZM16 21h2.5v-3.5H22V15h-6v6ZM4 17.5h3.5V21H10v-6H4v2.5Zm3.5-11H4V9h6V3H7.5v3.5Z"/> 897</svg>`,r9=e=>{let t=e.mediaIsFullscreen?it("exit fullscreen mode"):it("enter fullscreen mode");e.setAttribute("aria-label",t)};class r6 extends rm{constructor(){super(...arguments),((e,t)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,null)})(this,ej)}static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_IS_FULLSCREEN,tZ.MEDIA_FULLSCREEN_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),r9(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===tZ.MEDIA_IS_FULLSCREEN&&r9(this)}get mediaFullscreenUnavailable(){return iP(this,tZ.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){iN(this,tZ.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return iD(this,tZ.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){ix(this,tZ.MEDIA_IS_FULLSCREEN,e)}handleClick(e){var t,i;r4(this,t=ej,"write to private field"),t.set(this,e);let a=(r4(this,i=ej,"read from private field"),i.get(this)instanceof PointerEvent),r=this.mediaIsFullscreen?new ip.CustomEvent(tq.MEDIA_EXIT_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0}):new ip.CustomEvent(tq.MEDIA_ENTER_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0,detail:a});this.dispatchEvent(r)}}ej=new WeakMap,r6.getSlotTemplateHTML=function(e){return` 898 <style> 899 :host([${tZ.MEDIA_IS_FULLSCREEN}]) slot[name=icon] slot:not([name=exit]) { 900 display: none !important; 901 } 902 903 904 :host(:not([${tZ.MEDIA_IS_FULLSCREEN}])) slot[name=icon] slot:not([name=enter]) { 905 display: none !important; 906 } 907 908 :host([${tZ.MEDIA_IS_FULLSCREEN}]) slot[name=tooltip-enter], 909 :host(:not([${tZ.MEDIA_IS_FULLSCREEN}])) slot[name=tooltip-exit] { 910 display: none; 911 } 912 </style> 913 914 <slot name="icon"> 915 <slot name="enter">${r7}</slot> 916 <slot name="exit">${r8}</slot> 917 </slot> 918 `},r6.getTooltipContentHTML=function(){return` 919 <slot name="tooltip-enter">${it("Enter fullscreen mode")}</slot> 920 <slot name="tooltip-exit">${it("Exit fullscreen mode")}</slot> 921 `},ip.customElements.get("media-fullscreen-button")||ip.customElements.define("media-fullscreen-button",r6);let{MEDIA_TIME_IS_LIVE:se,MEDIA_PAUSED:st}=tZ,{MEDIA_SEEK_TO_LIVE_REQUEST:si,MEDIA_PLAY_REQUEST:sa}=tq,sr=e=>{var t;let i=e.mediaPaused||!e.mediaTimeIsLive,a=i?it("seek to live"):it("playing live");e.setAttribute("aria-label",a);let r=null==(t=e.shadowRoot)?void 0:t.querySelector('slot[name="text"]');r&&(r.textContent=it("live")),i?e.removeAttribute("aria-disabled"):e.setAttribute("aria-disabled","true")};class ss extends rm{static get observedAttributes(){return[...super.observedAttributes,se,st]}connectedCallback(){super.connectedCallback(),sr(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),sr(this)}get mediaPaused(){return iD(this,tZ.MEDIA_PAUSED)}set mediaPaused(e){ix(this,tZ.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return iD(this,tZ.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){ix(this,tZ.MEDIA_TIME_IS_LIVE,e)}handleClick(){(this.mediaPaused||!this.mediaTimeIsLive)&&(this.dispatchEvent(new ip.CustomEvent(si,{composed:!0,bubbles:!0})),this.hasAttribute(st)&&this.dispatchEvent(new ip.CustomEvent(sa,{composed:!0,bubbles:!0})))}}ss.getSlotTemplateHTML=function(e){return` 922 <style> 923 :host { --media-tooltip-display: none; } 924 925 slot[name=indicator] > *, 926 :host ::slotted([slot=indicator]) { 927 928 min-width: auto; 929 fill: var(--media-live-button-icon-color, rgb(140, 140, 140)); 930 color: var(--media-live-button-icon-color, rgb(140, 140, 140)); 931 } 932 933 :host([${se}]:not([${st}])) slot[name=indicator] > *, 934 :host([${se}]:not([${st}])) ::slotted([slot=indicator]) { 935 fill: var(--media-live-button-indicator-color, rgb(255, 0, 0)); 936 color: var(--media-live-button-indicator-color, rgb(255, 0, 0)); 937 } 938 939 :host([${se}]:not([${st}])) { 940 cursor: var(--media-cursor, not-allowed); 941 } 942 943 slot[name=text]{ 944 text-transform: uppercase; 945 } 946 947 </style> 948 949 <slot name="indicator"><svg viewBox="0 0 6 12" aria-hidden="true"><circle cx="3" cy="6" r="2"></circle></svg></slot> 950 951 <slot name="spacer"> </slot><slot name="text">${it("live")}</slot> 952 `},ip.customElements.get("media-live-button")||ip.customElements.define("media-live-button",ss);var so=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sn=(e,t,i)=>(so(e,t,"read from private field"),i?i.call(e):t.get(e)),sl=(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)},sd=(e,t,i,a)=>(so(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);let su="loadingdelay",sh="noautohide",sc=` 953<svg aria-hidden="true" viewBox="0 0 100 100"> 954 <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"> 955 <animateTransform 956 attributeName="transform" 957 attributeType="XML" 958 type="rotate" 959 dur="1s" 960 from="0 50 50" 961 to="360 50 50"
962 repeatCount="indefinite" /> 963 </path> 964</svg> 965`;class sm extends ip.HTMLElement{constructor(){if(super(),sl(this,eK,void 0),sl(this,eZ,500),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);const e=iy(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[tQ.MEDIA_CONTROLLER,tZ.MEDIA_PAUSED,tZ.MEDIA_LOADING,su]}attributeChangedCallback(e,t,i){var a,r,s,o,n;e===su&&t!==i?this.loadingDelay=Number(i):e===tQ.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=sn(this,eK))?void 0:a.unassociateElement)||r.call(a,this),sd(this,eK,null)),i&&this.isConnected&&(sd(this,eK,null==(s=this.getRootNode())?void 0:s.getElementById(i)),null==(n=null==(o=sn(this,eK))?void 0:o.associateElement)||n.call(o,this)))}connectedCallback(){var e,t,i;let a=this.getAttribute(tQ.MEDIA_CONTROLLER);a&&(sd(this,eK,null==(e=this.getRootNode())?void 0:e.getElementById(a)),null==(i=null==(t=sn(this,eK))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=sn(this,eK))?void 0:e.unassociateElement)||t.call(e,this),sd(this,eK,null)}get loadingDelay(){return sn(this,eZ)}set loadingDelay(e){sd(this,eZ,e);let{style:t}=iL(this.shadowRoot,":host");t.setProperty("--_loading-indicator-delay",`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return iD(this,tZ.MEDIA_PAUSED)}set mediaPaused(e){ix(this,tZ.MEDIA_PAUSED,e)}get mediaLoading(){return iD(this,tZ.MEDIA_LOADING)}set mediaLoading(e){ix(this,tZ.MEDIA_LOADING,e)}get mediaController(){return iP(this,tQ.MEDIA_CONTROLLER)}set mediaController(e){iN(this,tQ.MEDIA_CONTROLLER,e)}get noAutohide(){return iD(this,sh)}set noAutohide(e){ix(this,sh,e)}}eK=new WeakMap,eZ=new WeakMap,sm.shadowRootOptions={mode:"open"},sm.getTemplateHTML=function(e){return` 966 <style> 967 :host { 968 display: var(--media-control-display, var(--media-loading-indicator-display, inline-block)); 969 vertical-align: middle; 970 box-sizing: border-box; 971 --_loading-indicator-delay: var(--media-loading-indicator-transition-delay, 500ms); 972 } 973 974 #status { 975 color: rgba(0,0,0,0); 976 width: 0px; 977 height: 0px; 978 } 979 980 :host slot[name=icon] > *, 981 :host ::slotted([slot=icon]) { 982 opacity: var(--media-loading-indicator-opacity, 0); 983 transition: opacity 0.15s; 984 } 985 986 :host([${tZ.MEDIA_LOADING}]:not([${tZ.MEDIA_PAUSED}])) slot[name=icon] > *, 987 :host([${tZ.MEDIA_LOADING}]:not([${tZ.MEDIA_PAUSED}])) ::slotted([slot=icon]) { 988 opacity: var(--media-loading-indicator-opacity, 1); 989 transition: opacity 0.15s var(--_loading-indicator-delay); 990 } 991 992 :host #status { 993 visibility: var(--media-loading-indicator-opacity, hidden); 994 transition: visibility 0.15s; 995 } 996 997 :host([${tZ.MEDIA_LOADING}]:not([${tZ.MEDIA_PAUSED}])) #status { 998 visibility: var(--media-loading-indicator-opacity, visible); 999 transition: visibility 0.15s var(--_loading-indicator-delay); 1000 } 1001 1002 svg, img, ::slotted(svg), ::slotted(img) { 1003 width: var(--media-loading-indicator-icon-width); 1004 height: var(--media-loading-indicator-icon-height, 100px); 1005 fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))); 1006 vertical-align: middle; 1007 } 1008 </style> 1009 1010 <slot name="icon">${sc}</slot> 1011 <div id="status" role="status" aria-live="polite">${it("media loading")}</div> 1012 `},ip.customElements.get("media-loading-indicator")||ip.customElements.define("media-loading-indicator",sm);let sp=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1013 <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"/> 1014</svg>`,sv=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1015 <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"/> 1016</svg>`,sE=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1017 <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"/> 1018</svg>`,sb=e=>{let t="off"===e.mediaVolumeLevel?it("unmute"):it("mute");e.setAttribute("aria-label",t)};class sg extends rm{static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),sb(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===tZ.MEDIA_VOLUME_LEVEL&&sb(this)}get mediaVolumeLevel(){return iP(this,tZ.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){iN(this,tZ.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e="off"===this.mediaVolumeLevel?tq.MEDIA_UNMUTE_REQUEST:tq.MEDIA_MUTE_REQUEST;this.dispatchEvent(new ip.CustomEvent(e,{composed:!0,bubbles:!0}))}}sg.getSlotTemplateHTML=function(e){return` 1019 <style> 1020 :host(:not([${tZ.MEDIA_VOLUME_LEVEL}])) slot[name=icon] slot:not([name=high]), 1021 :host([${tZ.MEDIA_VOLUME_LEVEL}=high]) slot[name=icon] slot:not([name=high]) { 1022 display: none !important; 1023 } 1024 1025 :host([${tZ.MEDIA_VOLUME_LEVEL}=off]) slot[name=icon] slot:not([name=off]) { 1026 display: none !important; 1027 } 1028 1029 :host([${tZ.MEDIA_VOLUME_LEVEL}=low]) slot[name=icon] slot:not([name=low]) { 1030 display: none !important; 1031 } 1032 1033 :host([${tZ.MEDIA_VOLUME_LEVEL}=medium]) slot[name=icon] slot:not([name=medium]) { 1034 display: none !important; 1035 } 1036 1037 :host(:not([${tZ.MEDIA_VOLUME_LEVEL}=off])) slot[name=tooltip-unmute], 1038 :host([${tZ.MEDIA_VOLUME_LEVEL}=off]) slot[name=tooltip-mute] { 1039 display: none; 1040 } 1041 </style> 1042 1043 <slot name="icon"> 1044 <slot name="off">${sp}</slot> 1045 <slot name="low">${sv}</slot> 1046 <slot name="medium">${sv}</slot> 1047 <slot name="high">${sE}</slot> 1048 </slot> 1049 `},sg.getTooltipContentHTML=function(){return` 1050 <slot name="tooltip-mute">${it("Mute")}</slot> 1051 <slot name="tooltip-unmute">${it("Unmute")}</slot> 1052 `},ip.customElements.get("media-mute-button")||ip.customElements.define("media-mute-button",sg);let sf=`<svg aria-hidden="true" viewBox="0 0 28 24"> 1053 <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"/> 1054</svg>`,sA=e=>{let t=e.mediaIsPip?it("exit picture in picture mode"):it("enter picture in picture mode");e.setAttribute("aria-label",t)};class sw extends rm{static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_IS_PIP,tZ.MEDIA_PIP_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),sA(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===tZ.MEDIA_IS_PIP&&sA(this)}get mediaPipUnavailable(){return iP(this,tZ.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){iN(this,tZ.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return iD(this,tZ.MEDIA_IS_PIP)}set mediaIsPip(e){ix(this,tZ.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?tq.MEDIA_EXIT_PIP_REQUEST:tq.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new ip.CustomEvent(e,{composed:!0,bubbles:!0}))}}sw.getSlotTemplateHTML=function(e){return` 1055 <style> 1056 :host([${tZ.MEDIA_IS_PIP}]) slot[name=icon] slot:not([name=exit]) { 1057 display: none !important; 1058 } 1059 1060 :host(:not([${tZ.MEDIA_IS_PIP}])) slot[name=icon] slot:not([name=enter]) { 1061 display: none !important; 1062 } 1063 1064 :host([${tZ.MEDIA_IS_PIP}]) slot[name=tooltip-enter], 1065 :host(:not([${tZ.MEDIA_IS_PIP}])) slot[name=tooltip-exit] { 1066 display: none; 1067 } 1068 </style> 1069 1070 <slot name="icon"> 1071 <slot name="enter">${sf}</slot> 1072 <slot name="exit">${sf}</slot> 1073 </slot> 1074 `},sw.getTooltipContentHTML=function(){return` 1075 <slot name="tooltip-enter">${it("Enter picture in picture mode")}</slot> 1076 <slot name="tooltip-exit">${it("Exit picture in picture mode")}</slot> 1077 `},ip.customElements.get("media-pip-button")||ip.customElements.define("media-pip-button",sw);var sy=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot read from private field");return i?i.call(e):t.get(e)};let sI="rates",sk=[1,1.2,1.5,1.7,2];class s_ extends rm{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,eY,new i7(this,sI,{defaultValue:sk})),this.container=this.shadowRoot.querySelector('slot[name="icon"]'),this.container.innerHTML=`${null!=(e=this.mediaPlaybackRate)?e:1}x`}static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_PLAYBACK_RATE,sI]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===sI&&(sy(this,eY).value=i),e===tZ.MEDIA_PLAYBACK_RATE){let e=i?+i:NaN,t=Number.isNaN(e)?1:e;this.container.innerHTML=`${t}x`,this.setAttribute("aria-label",it("Playback rate {playbackRate}",{playbackRate:t}))}}get rates(){return sy(this,eY)}
1077set rates(e){e?Array.isArray(e)?sy(this,eY).value=e.join(" "):"string"==typeof e&&(sy(this,eY).value=e):sy(this,eY).value=""}get mediaPlaybackRate(){return iC(this,tZ.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){iR(this,tZ.MEDIA_PLAYBACK_RATE,e)}handleClick(){var e,t;let i=Array.from(sy(this,eY).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 ip.CustomEvent(tq.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:a});this.dispatchEvent(r)}}eY=new WeakMap,s_.getSlotTemplateHTML=function(e){return` 1078 <style> 1079 :host { 1080 min-width: 5ch; 1081 padding: var(--media-button-padding, var(--media-control-padding, 10px 5px)); 1082 } 1083 </style> 1084 <slot name="icon">${e.mediaplaybackrate||1}x</slot> 1085 `},s_.getTooltipContentHTML=function(){return it("Playback rate")},ip.customElements.get("media-playback-rate-button")||ip.customElements.define("media-playback-rate-button",s_);let sM=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1086 <path d="m6 21 15-9L6 3v18Z"/> 1087</svg>`,sT=`<svg aria-hidden="true" viewBox="0 0 24 24"> 1088 <path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/> 1089</svg>`,sL=e=>{let t=e.mediaPaused?it("play"):it("pause");e.setAttribute("aria-label",t)};class sS extends rm{static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_PAUSED,tZ.MEDIA_ENDED]}connectedCallback(){super.connectedCallback(),sL(this)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),(e===tZ.MEDIA_PAUSED||e===tZ.MEDIA_LANG)&&sL(this)}get mediaPaused(){return iD(this,tZ.MEDIA_PAUSED)}set mediaPaused(e){ix(this,tZ.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?tq.MEDIA_PLAY_REQUEST:tq.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new ip.CustomEvent(e,{composed:!0,bubbles:!0}))}}sS.getSlotTemplateHTML=function(e){return` 1090 <style> 1091 :host([${tZ.MEDIA_PAUSED}]) slot[name=pause], 1092 :host(:not([${tZ.MEDIA_PAUSED}])) slot[name=play] { 1093 display: none !important; 1094 } 1095 1096 :host([${tZ.MEDIA_PAUSED}]) slot[name=tooltip-pause], 1097 :host(:not([${tZ.MEDIA_PAUSED}])) slot[name=tooltip-play] { 1098 display: none; 1099 } 1100 </style> 1101 1102 <slot name="icon"> 1103 <slot name="play">${sM}</slot> 1104 <slot name="pause">${sT}</slot> 1105 </slot> 1106 `},sS.getTooltipContentHTML=function(){return` 1107 <slot name="tooltip-play">${it("Play")}</slot> 1108 <slot name="tooltip-pause">${it("Pause")}</slot> 1109 `},ip.customElements.get("media-play-button")||ip.customElements.define("media-play-button",sS);let sC="placeholdersrc";class sR extends ip.HTMLElement{static get observedAttributes(){return[sC,"src"]}constructor(){if(super(),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);const e=iy(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,i){if("src"===e&&(null==i?this.image.removeAttribute("src"):this.image.setAttribute("src",i)),e===sC)if(null==i)this.image.style.removeProperty("background-image");else{var a;a=this.image,a.style["background-image"]=`url('${i}')`}}get placeholderSrc(){return iP(this,sC)}set placeholderSrc(e){iN(this,"src",e)}get src(){return iP(this,"src")}set src(e){iN(this,"src",e)}}sR.shadowRootOptions={mode:"open"},sR.getTemplateHTML=function(e){return` 1110 <style> 1111 :host { 1112 pointer-events: none; 1113 display: var(--media-poster-image-display, inline-block); 1114 box-sizing: border-box; 1115 } 1116 1117 img { 1118 max-width: 100%; 1119 max-height: 100%; 1120 min-width: 100%; 1121 min-height: 100%; 1122 background-repeat: no-repeat; 1123 background-position: var(--media-poster-image-background-position, var(--media-object-position, center)); 1124 background-size: var(--media-poster-image-background-size, var(--media-object-fit, contain)); 1125 object-fit: var(--media-object-fit, contain); 1126 object-position: var(--media-object-position, center); 1127 } 1128 </style> 1129 1130 <img part="poster img" aria-hidden="true" id="image"/> 1131 `},ip.customElements.get("media-poster-image")||ip.customElements.define("media-poster-image",sR);var sD=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)};class sx extends rq{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)=>(sD(e,t,"write to private field"),t.set(e,i)))(this,ez,this.shadowRoot.querySelector("slot"))}static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_PREVIEW_CHAPTER,tZ.MEDIA_LA
1131NG]}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),(e===tZ.MEDIA_PREVIEW_CHAPTER||e===tZ.MEDIA_LANG)&&i!==t&&null!=i){var a;if((sD(this,a=ez,"read from private field"),a.get(this)).textContent=i,""!==i){let e=it("chapter: {chapterName}",{chapterName:i});this.setAttribute("aria-valuetext",e)}else this.removeAttribute("aria-valuetext")}}get mediaPreviewChapter(){return iP(this,tZ.MEDIA_PREVIEW_CHAPTER)}set mediaPreviewChapter(e){iN(this,tZ.MEDIA_PREVIEW_CHAPTER,e)}}ez=new WeakMap,ip.customElements.get("media-preview-chapter-display")||ip.customElements.define("media-preview-chapter-display",sx);var sP=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sN=(e,t,i)=>(sP(e,t,"read from private field"),i?i.call(e):t.get(e)),sU=(e,t,i,a)=>(sP(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class sO extends ip.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,eX,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);const e=iy(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[tQ.MEDIA_CONTROLLER,tZ.MEDIA_PREVIEW_IMAGE,tZ.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,i;let a=this.getAttribute(tQ.MEDIA_CONTROLLER);a&&(sU(this,eX,null==(e=this.getRootNode())?void 0:e.getElementById(a)),null==(i=null==(t=sN(this,eX))?void 0:t.associateElement)||i.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=sN(this,eX))?void 0:e.unassociateElement)||t.call(e,this),sU(this,eX,null)}attributeChangedCallback(e,t,i){var a,r,s,o,n;[tZ.MEDIA_PREVIEW_IMAGE,tZ.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===tQ.MEDIA_CONTROLLER&&(t&&(null==(r=null==(a=sN(this,eX))?void 0:a.unassociateElement)||r.call(a,this),sU(this,eX,null)),i&&this.isConnected&&(sU(this,eX,null==(s=this.getRootNode())?void 0:s.getElementById(i)),null==(n=null==(o=sN(this,eX))?void 0:o.associateElement)||n.call(o,this)))}get mediaPreviewImage(){return iP(this,tZ.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){iN(this,tZ.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewCoords(){let e=this.getAttribute(tZ.MEDIA_PREVIEW_COORDS);if(e)return e.split(/\s+/).map(e=>+e)}set mediaPreviewCoords(e){e?this.setAttribute(tZ.MEDIA_PREVIEW_COORDS,e.join(" ")):this.removeAttribute(tZ.MEDIA_PREVIEW_COORDS)}update(){let e,t,i=this.mediaPreviewCoords,a=this.mediaPreviewImage;if(!(i&&a))return;let[r,s,o,n]=i,l=a.split("#")[0],d=getComputedStyle(this),{maxWidth:u,maxHeight:h,minWidth:c,minHeight:m}=d;if("fill"===(d.getPropertyValue("--media-preview-thumbnail-object-fit").trim()||"contain")){let i=parseInt(u)/o,a=parseInt(h)/n,r=parseInt(c)/o,s=parseInt(m)/n;e=i<1?i:Math.max(i,r),t=a<1?a:Math.max(a,s)}else{let i=Math.min(parseInt(u)/o,parseInt(h)/n),a=Math.max(parseInt(c)/o,parseInt(m)/n),r=i<1?i:a>1?a:1;e=r,t=r}let{style:p}=iL(this.shadowRoot,":host"),v=iL(this.shadowRoot,"img").style,E=this.shadowRoot.querySelector("img"),b=1>Math.min(e,t)?"min":"max";p.setProperty(`${b}-width`,"initial","important"),p.setProperty(`${b}-height`,"initial","important"),p.width=`${o*e}px`,p.height=`${n*t}px`;let g=()=>{v.width=`${this.imgWidth*e}px`,v.height=`${this.imgHeight*t}px`,v.display="block"};E.src!==l&&(E.onload=()=>{this.imgWidth=E.naturalWidth,this.imgHeight=E.naturalHeight,g(),E.onload=null},E.src=l,g()),g(),v.transform=`translate(-${r*e}px, -${s*t}px)`}}eX=new WeakMap,sO.shadowRootOptions={mode:"open"},sO.getTemplateHTML=function(e){return` 1132 <style> 1133 :host { 1134 box-sizing: border-box; 1135 display: var(--media-control-display, var(--media-preview-thumbnail-display, inline-block)); 1136 overflow: hidden; 1137 } 1138 1139 img { 1140 display: none; 1141 position: relative; 1142 } 1143 </style> 1144 <img crossorigin loading="eager" decoding="async"> 1145 `},ip.customElements.get("media-preview-thumbnail")||ip.customElements.define("media-preview-thumbnail",sO);var sW=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sH=(e,t,i)=>(sW(e,t,"read from private field"),i?i.call(e):t.get(e));class sV extends rq{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)=>(sW(e,t,"write to private field"),t.set(e,i)))(this,eJ,this.shadowRoot.querySelector("slot")),sH(this,eJ).textContent=ir(0)}static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===tZ.MEDIA_PREVIEW_TIME&&null!=i&&(sH(this,eJ).textContent=ir(parseFloat(i)))}get mediaPreviewTime(){return iC(this,tZ.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){iR(this,tZ.MEDIA_PREVIEW_TIME,e)}}eJ=new WeakMap,ip.customElements.get("media-preview-time-display")||ip.customElements.define("media-preview-time-display",sV);let s$="seekoffset";class sB extends rm{static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_CURRENT_TIME,s$]}connectedCallback(){super.connectedCallback(),this.seekOffset=iC(this,s$,30)}attributeChangedCallback(e,t,i){var a;super.attributeChangedCallback(e,t,i),a=this.seekOffset,this.setAttribute("aria-label",it("seek back {seekOffset} seconds",{seekOffset:a})),e===s$&&(this.seekOffset=iC(this,s$,30))}get seekOffset(){return iC(this,s$,30)}set seekOffset(e){iR(this,s$,e),this.setAttribute("aria-label",it("seek back {seekOffset} seconds",{seekOffset:this.seekOffset})),iI(ik(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return iC(this,tZ.MEDIA_CURRENT_TIME,0)}set mediaCurrentTime(e){iR(this,tZ.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new ip.CustomEvent(tq.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}}sB.getSlotTemplateHTML=function(e,t){let i;return` 1146 <slot name="icon">${i=t.seekOffset,` 1147 <svg aria-hidden="true" viewBox="0 0 20 24"> 1148 <defs> 1149 <style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style> 1150 </defs> 1151 <text class="text value" transform="translate(2.18 19.87)">${i}</text> 1152 <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"/> 1153 </svg>`}</slot> 1154 `},sB.getTooltipContentHTML=function(){return it("Seek backward")},ip.customElements.get("media-seek-backward-button")||ip.customElements.define("media-seek-backward-button",sB);let sF="seekoffset";class sG extends rm{static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_CURRENT_TIME,sF]}connectedCallback(){super.connectedCallback(),this.seekOffset=iC(this,sF,30)}attributeChangedCallback(e,t,i){var a;super.attributeChangedCallback(e,t,i),a=this.seekOffset,this.setAttribute("aria-label",it("seek forward {seekOffset} seconds",{seekOffset:a})),e===sF&&(this.seekOffset=iC(this,sF,30))}get seekOffset(){return iC(this,sF,30)}set seekOffset(e){iR(this,sF,e),this.setAttribute("aria-label",it("seek forward {seekOffset} seconds",{seekOffset:this.seekOffset})),iI(ik(this,"icon"),this.seekOffset)}get mediaCurrentTime(){return iC(this,tZ.MEDIA_CURRENT_TIME,0)}set mediaCurrentTime(e){iR(this,tZ.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new ip.CustomEvent(tq.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}}sG.getSlotTemplateHTML=function(e,t){let i;return` 1155 <slot name="icon">${i=t.seekOffset,` 1156 <svg aria-hidden="true" viewBox="0 0 20 24"> 1157 <defs> 1158 <style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style> 1159 </defs> 1160 <text class="text value" transform="translate(8.9 19.87)">${i}</text> 1161 <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"/> 1162 </svg>`}</slot> 1163 `},sG.getTooltipContentHTML=function(){return it("Seek forward")},ip.customElements.get("media-seek-forward-button")||ip.customElements.define("media-seek-forward-button",sG);var sq=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},sQ=(e,t,i)=>(sq(e,t,"read from private field"),i?i.call(e):t.get(e)),sj=(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)},sK=(e,t,i,a)=>(sq(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),sZ=(e,t,i)=>(sq(e,t,"access private method"),i);let sY={REMAINING:"remaining",SHOW_DURATION:"showduration",NO_TOGGLE:"notoggle"},sz=[...Object.values(sY),tZ.MEDIA_CURRENT_TIME,tZ.MEDIA_DURATION,tZ.MEDIA_SEEKABLE],sX=["Enter"," "],sJ=" / ",s0=(e,{timesSep:t=sJ}={})=>{var i,a;let r=null!=(i=e.mediaCurrentTime)?i:0,[,s]=null!=(a=e.mediaSeekable)?a:[],o=0;Number.isFinite(e.mediaDuration)?o=e.mediaDuration:Number.isFinite(s)&&(o=s);let n=e.remaining?ir(0-(o-r)):ir(r);return e.showDuration?`${n}${t}${ir(o)}`:n};class s1 extends rq{constructor(){super(),sj(this,e5),sj(this,e4),sj(this,e8),sj(this,e6),sj(this,e0,void 0),sj(this,e1,null),sj(this,e2,e=>{let{metaKey:t,altKey:i,key:a}=e;t||i||!sX.includes(a)?this.removeEventListener("keyup",sQ(this,e1)):this.addEventListener("keyup",sQ(this,e1))}),sK(this,e0,this.shadowRoot.querySelector("slot")),sQ(this,e0).innerHTML=`${s0(this)}`}static get observedAttributes(){return[...super.observedAttributes,...sz,"disabled"]}connectedCallback(){let{style:e}=iL(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.setAttribute("aria-label",it("playback time")),sZ(this,e8,e9).call(this),super.connectedCallback()}toggleTimeDisplay(){this.noToggle||(this.hasAttribute("remaining")?this.removeAttribute("remaining"):this.setAttribute("remaining",""))}disconnectedCallback(){this.disable(),sZ(this,e4,e7).call(this),super.disconnectedCallback()}attributeChangedCallback(e,t,i){this.setAttribute("aria-label",it("playback time")),sz.includes(e)?this.update():"disabled"===e&&i!==t?null==i?sZ(this,e8,e9).call(this):sZ(this,e6,te).call(this):e===sY.NO_TOGGLE&&i!==t&&(this.noToggle?sZ(this,e6,te).call(this):sZ(this,e8,e9).call(this)),super.attributeChangedCallback(e,t,i)}enable(){this.noToggle||(this.tabIndex=0)}disable(){this.tabIndex=-1}get remaining(){return iD(this,sY.REMAINING)}set remaining(e){ix(this,sY.REMAINING,e)}get showDuration(){return iD(this,sY.SHOW_DURATION)}set showDuration(e){ix(this,sY.SHOW_DURATION,e)}get noToggle(){return iD(this,sY.NO_TOGGLE)}set noToggle(e){ix(this,sY.NO_TOGGLE,e)}get mediaDuration(){return iC(this,tZ.MEDIA_DURATION)}set mediaDuration(e){iR(this,tZ.MEDIA_DURATION,e)}get mediaCurrentTime(){return iC(this,tZ.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){iR(this,tZ.MEDIA_CURRENT_TIME,e)}get mediaSeekable(){let e=this.getAttribute(tZ.MEDIA_SEEKABLE);if(e)return e.split(":").map(e=>+e)}set mediaSeekable(e){null==e?this.removeAttribute(tZ.MEDIA_SEEKABLE):this.setAttribute(tZ.MEDIA_SEEKABLE,e.join(":"))}update(){let e=s0(this);(e=>{var t;
1163let 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-description",it("video not loaded, unknown time."));let s=e.remaining?ia(0-(r-i)):ia(i);if(!e.showDuration)return e.setAttribute("aria-description",s);let o=it("{currentTime} of {totalTime}",{currentTime:s,totalTime:ia(r)});e.setAttribute("aria-description",o)})(this),e!==sQ(this,e0).innerHTML&&(sQ(this,e0).innerHTML=e)}}e0=new WeakMap,e1=new WeakMap,e2=new WeakMap,e5=new WeakSet,e3=function(){sQ(this,e1)||(sK(this,e1,e=>{let{key:t}=e;sX.includes(t)?this.toggleTimeDisplay():this.removeEventListener("keyup",sQ(this,e1))}),this.addEventListener("keydown",sQ(this,e2)),this.addEventListener("click",this.toggleTimeDisplay))},e4=new WeakSet,e7=function(){sQ(this,e1)&&(this.removeEventListener("keyup",sQ(this,e1)),this.removeEventListener("keydown",sQ(this,e2)),this.removeEventListener("click",this.toggleTimeDisplay),sK(this,e1,null))},e8=new WeakSet,e9=function(){this.noToggle||this.hasAttribute("disabled")||(this.setAttribute("role","button"),this.enable(),sZ(this,e5,e3).call(this))},e6=new WeakSet,te=function(){this.removeAttribute("role"),this.disable(),sZ(this,e4,e7).call(this)},s1.getSlotTemplateHTML=function(e,t){return` 1164 <slot>${s0(t)}</slot> 1165 `},ip.customElements.get("media-time-display")||ip.customElements.define("media-time-display",s1);var s2=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},s5=(e,t,i)=>(s2(e,t,"read from private field"),i?i.call(e):t.get(e)),s3=(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)},s4=(e,t,i,a)=>(s2(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i);class s7{constructor(e,t,i){s3(this,tt,void 0),s3(this,ti,void 0),s3(this,ta,void 0),s3(this,tr,void 0),s3(this,ts,void 0),s3(this,to,void 0),s3(this,tn,void 0),s3(this,tl,void 0),s3(this,td,0),s3(this,tu,(e=performance.now())=>{s4(this,td,requestAnimationFrame(s5(this,tu))),s4(this,tr,performance.now()-s5(this,ta));let t=1e3/this.fps;if(s5(this,tr)>t){let i,a;s4(this,ta,e-s5(this,tr)%t);let r=1e3/((e-s5(this,ti))/++(i=this,a=ts,{set _(value){s4(i,a,value,void 0)},get _(){return s5(i,a,void 0)}})._),s=(e-s5(this,to))/1e3/this.duration,o=s5(this,tn)+s*this.playbackRate;o-s5(this,tt).valueAsNumber>0?s4(this,tl,this.playbackRate/this.duration/r):(s4(this,tl,.995*s5(this,tl)),o=s5(this,tt).valueAsNumber+s5(this,tl)),this.callback(o)}}),s4(this,tt,e),this.callback=t,this.fps=i}start(){0===s5(this,td)&&(s4(this,ta,performance.now()),s4(this,ti,s5(this,ta)),s4(this,ts,0),s5(this,tu).call(this))}stop(){0!==s5(this,td)&&(cancelAnimationFrame(s5(this,td)),s4(this,td,0))}update({start:e,duration:t,playbackRate:i}){let a=e-s5(this,tt).valueAsNumber,r=Math.abs(t-this.duration);(a>0||a<-.03||r>=.5)&&this.callback(e),s4(this,tn,e),s4(this,to,performance.now()),this.duration=t,this.playbackRate=i}}tt=new WeakMap,ti=new WeakMap,ta=new WeakMap,tr=new WeakMap,ts=new WeakMap,to=new WeakMap,tn=new WeakMap,tl=new WeakMap,td=new WeakMap,tu=new WeakMap;var s8=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},s9=(e,t,i)=>(s8(e,t,"read from private field"),i?i.call(e):t.get(e)),s6=(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)},oe=(e,t,i,a)=>(s8(e,t,"write to private field"),a?a.call(e,i):t.set(e,i),i),ot=(e,t,i)=>(s8(e,t,"access private method"),i);let oi=(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))},oa=(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 or extends rO{constructor(){super(),s6(this,ty),s6(this,t_),s6(this,tT),s6(this,tS),s6(this,tR),s6(this,tx),s6(this,tN),s6(this,th,null),s6(this,tc,void 0),s6(this,tm,void 0),s6(this,tp,void 0),s6(this,tv,void 0),s6(this,tE,void 0),s6(this,tb,void 0),s6(this,tg,void 0),s6(this,tf,void 0),s6(this,tA,void 0),s6(this,tw,()=>{ot(this,ty,tI).call(this)?s9(this,tc).start():s9(this,tc).stop()}),s6(this,tk,e=>{!this.dragging&&(t8(e)&&(this.range.valueAsNumber=e),s9(this,tA)||this.updateBar())}),this.shadowRoot.querySelector("#track").insertAdjacentHTML("afterbegin",'<div id="buffered" part="buffered"></div>'),oe(this,tm,this.shadowRoot.querySelectorAll('[part~="box"]')),oe(this,tv,this.shadowRoot.querySelector('[part~="preview-box"]')),oe(this,tE,this.shadowRoot.querySelector('[part~="current-box"]'));const e=getComputedStyle(this);oe(this,tb,parseInt(e.getPropertyValue("--media-box-padding-left"))),oe(this,tg,parseInt(e.getPropertyValue("--media-box-padding-right"))),oe(this,tc,new s7(this.range,s9(this,tk),60))}static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_PAUSED,tZ.MEDIA_DURATION,tZ.MEDIA_SEEKABLE,tZ.MEDIA_CURRENT_TIME,tZ.MEDIA_PREVIEW_IMAGE,tZ.MEDIA_PREVIEW_TIME,tZ.MEDIA_PREVIEW_CHAPTER,tZ.MEDIA_BUFFERED,tZ.MEDIA_PLAYBACK_RATE,tZ.MEDIA_LOADING,tZ.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute("aria-label",it("seek")),s9(this,tw).call(this),oe(this,th,this.getRootNode()),null==(e=s9(this,th))||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),s9(this,tc).stop(),null==(e=s9(this,th))||e.removeEventListener("transitionstart",this),oe(this,th,null)}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),t!=i){if(e===tZ.MEDIA_CURRENT_TIME||e===tZ.MEDIA_PAUSED||e===tZ.MEDIA_ENDED||e===tZ.MEDIA_LOADING||e===tZ.MEDIA_DURATION||e===tZ.MEDIA_SEEKABLE){let e,t,i,a;s9(this,tc).update({start:oi(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),s9(this,tw).call(this),e=this.range,t=ia(+oa(this)),i=ia(+this.mediaSeekableEnd),a=t&&i?it("{currentTime} of {totalTime}",{currentTime:t,totalTime:i}):it("video not loaded, unknown time."),e.setAttribute("aria-valuetext",a)}else e===tZ.MEDIA_BUFFERED&&this.updateBufferedBar();(e===tZ.MEDIA_DURATION||e===tZ.MEDIA_SEEKABLE)&&(this.mediaChapter
1165sCues=s9(this,tf),this.updateBar())}}get mediaChaptersCues(){return s9(this,tf)}set mediaChaptersCues(e){var t;oe(this,tf,e),this.updateSegments(null==(t=s9(this,tf))?void 0:t.map(e=>({start:oi(this,e.startTime),end:oi(this,e.endTime)})))}get mediaPaused(){return iD(this,tZ.MEDIA_PAUSED)}set mediaPaused(e){ix(this,tZ.MEDIA_PAUSED,e)}get mediaLoading(){return iD(this,tZ.MEDIA_LOADING)}set mediaLoading(e){ix(this,tZ.MEDIA_LOADING,e)}get mediaDuration(){return iC(this,tZ.MEDIA_DURATION)}set mediaDuration(e){iR(this,tZ.MEDIA_DURATION,e)}get mediaCurrentTime(){return iC(this,tZ.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){iR(this,tZ.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return iC(this,tZ.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){iR(this,tZ.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(tZ.MEDIA_BUFFERED);return e?e.split(" ").map(e=>e.split(":").map(e=>+e)):[]}set mediaBuffered(e){if(!e)return void this.removeAttribute(tZ.MEDIA_BUFFERED);let t=e.map(e=>e.join(":")).join(" ");this.setAttribute(tZ.MEDIA_BUFFERED,t)}get mediaSeekable(){let e=this.getAttribute(tZ.MEDIA_SEEKABLE);if(e)return e.split(":").map(e=>+e)}set mediaSeekable(e){null==e?this.removeAttribute(tZ.MEDIA_SEEKABLE):this.setAttribute(tZ.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 iP(this,tZ.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){iN(this,tZ.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return iC(this,tZ.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){iR(this,tZ.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return iD(this,tZ.MEDIA_ENDED)}set mediaEnded(e){ix(this,tZ.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=oi(this,r)}let{style:a}=iL(this.shadowRoot,"#buffered");a.setProperty("width",`${100*t}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector('slot[name="current"]').assignedElements().length)return;let e=iL(this.shadowRoot,"#current-rail"),t=iL(this.shadowRoot,'[part~="current-box"]'),i=ot(this,t_,tM).call(this,s9(this,tE)),a=ot(this,tT,tL).call(this,i,this.range.valueAsNumber),r=ot(this,tS,tC).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":ot(this,tN,tU).call(this);break;case"pointermove":ot(this,tR,tD).call(this,e);break;case"pointerup":s9(this,tA)&&oe(this,tA,!1);break;case"pointerdown":oe(this,tA,!0);break;case"pointerleave":ot(this,tx,tP).call(this,null);break;case"transitionstart":i_(e.target,this)&&setTimeout(()=>s9(this,tw).call(this),0)}}}th=new WeakMap,tc=new WeakMap,tm=new WeakMap,tp=new WeakMap,tv=new WeakMap,tE=new WeakMap,tb=new WeakMap,tg=new WeakMap,tf=new WeakMap,tA=new WeakMap,tw=new WeakMap,ty=new WeakSet,tI=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&iT(this)},tk=new WeakMap,t_=new WeakSet,tM=function(e){var t;let i=(null!=(t=this.getAttribute("bounds")?iM(this,`#${this.getAttribute("bounds")}`):this.parentElement)?t:this).getBoundingClientRect(),a=this.range.getBoundingClientRect(),r=e.offsetWidth,s=-(a.left-i.left-r/2),o=i.right-a.left-r/2;return{box:{width:r,min:s,max:o},bounds:i,range:a}},tT=new WeakSet,tL=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},tS=new WeakSet,tC=function(e,t){let{width:i,min:a,max:r}
1165=e.box,s=t*e.range.width;if(s<a+s9(this,tb)){let t=e.range.left-e.bounds.left-s9(this,tb);return`${s-i/2+t}px`}if(s>r-s9(this,tg)){let t=e.bounds.right-e.range.right-s9(this,tg);return`${s+i/2-t-e.range.width}px`}return 0},tR=new WeakSet,tD=function(e){let t=[...s9(this,tm)].some(t=>e.composedPath().includes(t));if(!this.dragging&&(t||!e.composedPath().includes(this)))return void ot(this,tx,tP).call(this,null);let i=this.mediaSeekableEnd;if(!i)return;let a=iL(this.shadowRoot,"#preview-rail"),r=iL(this.shadowRoot,'[part~="preview-box"]'),s=ot(this,t_,tM).call(this,s9(this,tv)),o=(e.clientX-s.range.left)/s.range.width;o=Math.max(0,Math.min(1,o));let n=ot(this,tT,tL).call(this,s,o),l=ot(this,tS,tC).call(this,s,o);a.style.transform=`translateX(${n})`,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(s9(this,tp))-Math.round(o*i))&&o>.01&&o<.99||(oe(this,tp,o*i),ot(this,tx,tP).call(this,s9(this,tp)))},tx=new WeakSet,tP=function(e){this.dispatchEvent(new ip.CustomEvent(tq.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:e}))},tN=new WeakSet,tU=function(){s9(this,tc).stop();let e=oa(this);this.dispatchEvent(new ip.CustomEvent(tq.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e}))},or.shadowRootOptions={mode:"open"},or.getContainerTemplateHTML=function(e){return` 1166 <style> 1167 :host { 1168 --media-box-border-radius: 4px; 1169 --media-box-padding-left: 10px; 1170 --media-box-padding-right: 10px; 1171 --media-preview-border-radius: var(--media-box-border-radius); 1172 --media-box-arrow-offset: var(--media-box-border-radius); 1173 --_control-background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))); 1174 --_preview-background: var(--media-preview-background, var(--_control-background)); 1175 1176 1177 contain: layout; 1178 } 1179 1180 #buffered { 1181 background: var(--media-time-range-buffered-color, rgb(255 255 255 / .4)); 1182 position: absolute; 1183 height: 100%; 1184 will-change: width; 1185 } 1186 1187 #preview-rail, 1188 #current-rail { 1189 width: 100%; 1190 position: absolute; 1191 left: 0; 1192 bottom: 100%; 1193 pointer-events: none; 1194 will-change: transform; 1195 } 1196 1197 [part~="box"] { 1198 width: min-content; 1199 1200 position: absolute; 1201 bottom: 100%; 1202 flex-direction: column; 1203 align-items: center; 1204 transform: translateX(-50%); 1205 } 1206 1207 [part~="current-box"] { 1208 display: var(--media-current-box-display, var(--media-box-display, flex)); 1209 margin: var(--media-current-box-margin, var(--media-box-margin, 0 0 5px)); 1210 visibility: hidden; 1211 } 1212 1213 [part~="preview-box"] { 1214 display: var(--media-preview-box-display, var(--media-box-display, flex)); 1215 margin: var(--media-preview-box-margin, var(--media-box-margin, 0 0 5px)); 1216 transition-property: var(--media-preview-transition-property, visibility, opacity); 1217 transition-duration: var(--media-preview-transition-duration-out, .25s); 1218 transition-delay: var(--media-preview-transition-delay-out, 0s); 1219 visibility: hidden; 1220 opacity: 0; 1221 } 1222 1223 :host(:is([${tZ.MEDIA_PREVIEW_IMAGE}], [${tZ.MEDIA_PREVIEW_TIME}])[dragging]) [part~="preview-box"] { 1224 transition-duration: var(--media-preview-transition-duration-in, .5s); 1225 transition-delay: var(--media-preview-transition-delay-in, .25s); 1226 visibility: visible; 1227 opacity: 1; 1228 } 1229 1230 @media (hover: hover) { 1231 :host(:is([${tZ.MEDIA_PREVIEW_IMAGE}], [${tZ.MEDIA_PREVIEW_TIME}]):hover) [part~="preview-box"] { 1232 transition-duration: var(--media-preview-transition-duration-in, .5s); 1233 transition-delay: var(--media-preview-transition-delay-in, .25s); 1234 visibility: visible; 1235 opacity: 1; 1236 } 1237 } 1238 1239 media-preview-thumbnail, 1240 ::slotted(media-preview-thumbnail) { 1241 visibility: hidden; 1242 1243 transition: visibility 0s .25s; 1244 transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
1245 background: var(--media-preview-thumbnail-background, var(--_preview-background)); 1246 box-shadow: var(--media-preview-thumbnail-box-shadow, 0 0 4px rgb(0 0 0 / .2)); 1247 max-width: var(--media-preview-thumbnail-max-width, 180px); 1248 max-height: var(--media-preview-thumbnail-max-height, 160px); 1249 min-width: var(--media-preview-thumbnail-min-width, 120px); 1250 min-height: var(--media-preview-thumbnail-min-height, 80px); 1251 border: var(--media-preview-thumbnail-border); 1252 border-radius: var(--media-preview-thumbnail-border-radius, 1253 var(--media-preview-border-radius) var(--media-preview-border-radius) 0 0); 1254 } 1255 1256 :host([${tZ.MEDIA_PREVIEW_IMAGE}][dragging]) media-preview-thumbnail, 1257 :host([${tZ.MEDIA_PREVIEW_IMAGE}][dragging]) ::slotted(media-preview-thumbnail) { 1258 transition-delay: var(--media-preview-transition-delay-in, .25s); 1259 visibility: visible; 1260 } 1261 1262 @media (hover: hover) { 1263 :host([${tZ.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail, 1264 :host([${tZ.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) { 1265 transition-delay: var(--media-preview-transition-delay-in, .25s); 1266 visibility: visible; 1267 } 1268 1269 :host([${tZ.MEDIA_PREVIEW_TIME}]:hover) { 1270 --media-time-range-hover-display: block; 1271 } 1272 } 1273 1274 media-preview-chapter-display, 1275 ::slotted(media-preview-chapter-display) { 1276 font-size: var(--media-font-size, 13px); 1277 line-height: 17px; 1278 min-width: 0; 1279 visibility: hidden; 1280 1281 transition: min-width 0s, border-radius 0s, margin 0s, padding 0s, visibility 0s; 1282 transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s)); 1283 background: var(--media-preview-chapter-background, var(--_preview-background)); 1284 border-radius: var(--media-preview-chapter-border-radius, 1285 var(--media-preview-border-radius) var(--media-preview-border-radius) 1286 var(--media-preview-border-radius) var(--media-preview-border-radius)); 1287 padding: var(--media-preview-chapter-padding, 3.5px 9px); 1288 margin: var(--media-preview-chapter-margin, 0 0 5px); 1289 text-shadow: var(--media-preview-chapter-text-shadow, 0 0 4px rgb(0 0 0 / .75)); 1290 } 1291 1292 :host([${tZ.MEDIA_PREVIEW_IMAGE}]) media-preview-chapter-display, 1293 :host([${tZ.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-chapter-display) { 1294 transition-delay: var(--media-preview-transition-delay-in, .25s); 1295 border-radius: var(--media-preview-chapter-border-radius, 0); 1296 padding: var(--media-preview-chapter-padding, 3.5px 9px 0); 1297 margin: var(--media-preview-chapter-margin, 0); 1298 min-width: 100%; 1299 } 1300 1301 media-preview-chapter-display[${tZ.MEDIA_PREVIEW_CHAPTER}], 1302 ::slotted(media-preview-chapter-display[${tZ.MEDIA_PREVIEW_CHAPTER}]) { 1303 visibility: visible; 1304 } 1305 1306 media-preview-chapter-display:not([aria-valuetext]), 1307 ::slotted(media-preview-chapter-display:not([aria-valuetext])) { 1308 display: none; 1309 } 1310 1311 media-preview-time-display, 1312 ::slotted(media-preview-time-display), 1313 media-time-display, 1314 ::slotted(media-time-display) { 1315 font-size: var(--media-font-size, 13px); 1316 line-height: 17px; 1317 min-width: 0; 1318 1319 transition: min-width 0s, border-radius 0s; 1320 transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s)); 1321 background: var(--media-preview-time-background, var(--_preview-background)); 1322 border-radius: var(--media-preview-time-border-radius, 1323 var(--media-preview-border-radius) var(--media-preview-border-radius) 1324 var(--media-preview-border-radius) var(--media-preview-border-radius)); 1325 padding: var(--media-preview-time-padding, 3.5px 9px); 1326 margin: var(--media-preview-time-margin, 0); 1327 text-shadow: var(--media-preview-time-text-shadow, 0 0 4px rgb(0 0 0 / .75)); 1328 transform: translateX(min( 1329 max(calc(50% - var(--_box-width) / 2), 1330 calc(var(--_box-shift, 0))), 1331 calc(var(--_box-width) / 2 - 50%) 1332 )); 1333 } 1334 1335 :host([${tZ.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display, 1336 :host([${tZ.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-time-display) { 1337 transition-delay: var(--media-preview-transition-delay-in, .25s); 1338 border-radius: var(--media-preview-time-border-radius, 1339 0 0 var(--media-preview-border-radius) var(--media-preview-border-radius)); 1340 min-width: 100%; 1341 } 1342 1343 :host([${tZ.MEDIA_PREVIEW_TIME}]:hover) { 1344 --media-time-range-hover-display: block; 1345 } 1346 1347 [part~="arrow"], 1348 ::slotted([part~="arrow"]) { 1349 display: var(--media-box-arrow-display, inline-block); 1350 transform: translateX(min( 1351 max(calc(50% - var(--_box-width) / 2 + var(--media-box-arrow-offset)), 1352 calc(var(--_box-shift, 0))), 1353 calc(var(--_box-width) / 2 - 50% - var(--media-box-arrow-offset)) 1354 )); 1355 1356 border-color: transparent; 1357 border-top-color: var(--media-box-arrow-background, var(--_control-background)); 1358 border-width: var(--media-box-arrow-border-width, 1359 var(--media-box-arrow-height, 5px) var(--media-box-arrow-width, 6px) 0); 1360 border-style: solid; 1361 justify-content: center; 1362 height: 0; 1363 } 1364 </style> 1365 <div id="preview-rail"> 1366 <slot name="preview" part="box preview-box">
1367 <media-preview-thumbnail> 1368 <template shadowrootmode="${sO.shadowRootOptions.mode}"> 1369 ${sO.getTemplateHTML({})} 1370 </template> 1371 </media-preview-thumbnail> 1372 <media-preview-chapter-display></media-preview-chapter-display> 1373 <media-preview-time-display></media-preview-time-display> 1374 <slot name="preview-arrow"><div part="arrow"></div></slot> 1375 </slot> 1376 </div> 1377 <div id="current-rail"> 1378 <slot name="current" part="box current-box"> 1379 1380 </slot> 1381 </div> 1382 `},ip.customElements.get("media-time-range")||ip.customElements.define("media-time-range",or);var os=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot read from private field");return i?i.call(e):t.get(e)};class oo extends rO{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,tO,()=>{let e=this.range.value,t=new ip.CustomEvent(tq.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)})}static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_VOLUME,tZ.MEDIA_MUTED,tZ.MEDIA_VOLUME_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),this.range.setAttribute("aria-label",it("volume")),this.range.addEventListener("input",os(this,tO))}disconnectedCallback(){this.range.removeEventListener("input",os(this,tO)),super.disconnectedCallback()}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===tZ.MEDIA_VOLUME||e===tZ.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()}}
1382get mediaVolume(){return iC(this,tZ.MEDIA_VOLUME,1)}set mediaVolume(e){iR(this,tZ.MEDIA_VOLUME,e)}get mediaMuted(){return iD(this,tZ.MEDIA_MUTED)}set mediaMuted(e){ix(this,tZ.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return iP(this,tZ.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){iN(this,tZ.MEDIA_VOLUME_UNAVAILABLE,e)}}tO=new WeakMap,ip.customElements.get("media-volume-range")||ip.customElements.define("media-volume-range",oo);class on extends rm{constructor(){super(...arguments),this.container=null}static get observedAttributes(){return[...super.observedAttributes,tZ.MEDIA_LOOP]}connectedCallback(){var e;super.connectedCallback(),this.container=(null==(e=this.shadowRoot)?void 0:e.querySelector("#icon"))||null,this.container&&(this.container.textContent=it("Loop"))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===tZ.MEDIA_LOOP&&this.container&&this.setAttribute("aria-checked",this.mediaLoop?"true":"false")}get mediaLoop(){return iD(this,tZ.MEDIA_LOOP)}set mediaLoop(e){ix(this,tZ.MEDIA_LOOP,e)}handleClick(){let e=!this.mediaLoop,t=new ip.CustomEvent(tq.MEDIA_LOOP_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}}function ol(e){return"boolean"==typeof e?e?"":void 0:"function"==typeof e?void 0:Array.isArray(e)&&e.every(e=>"string"==typeof e||"number"==typeof e||"boolean"==typeof e)?e.join(" "):"object"!=typeof e||null===e?e:void 0}on.getSlotTemplateHTML=function(e){return` 1383 <style> 1384 :host { 1385 min-width: 4ch; 1386 padding: var(--media-button-padding, var(--media-control-padding, 10px 5px)); 1387 width: 100%; 1388 display: grid; 1389 grid-template-columns: 1fr auto; 1390 gap: 1rem; 1391 font-weight: var(--media-button-font-weight, normal); 1392 } 1393 1394 #checked-indicator { 1395 display: none; 1396 } 1397 1398 :host([${tZ.MEDIA_LOOP}]) #checked-indicator { 1399 display: block; 1400 } 1401 </style> 1402 1403 <span id="icon"> 1404 </span> 1405 1406 <div id="checked-indicator"> 1407 <svg aria-hidden="true" viewBox="0 1 24 24" part="checked-indicator indicator"> 1408 <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"/> 1409 </svg> 1410 </div> 1411 `},on.getTooltipContentHTML=function(){return it("Loop")},ip.customElements.get("media-loop-button")||ip.customElements.define("media-loop-button",on),tF({tagName:"media-gesture-receiver",elementClass:iH,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-container",elementClass:i1,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});let od=tF({tagName:"media-controller",elementClass:a2,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});tF({tagName:"media-tooltip",elementClass:rs,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-chrome-button",elementClass:rm,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-airplay-button",elementClass:rE,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-captions-button",elementClass:rA,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-cast-button",elementClass:rk,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-chrome-dialog",elementClass:rR,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-chrome-range",elementClass:rO,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});let ou=tF({tagName:"media-control-bar",elementClass:r$,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});tF({tagName:"media-text-display",elementClass:rq,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-duration-display",elementClass:rK,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-error-dialog",elementClass:r1,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-keyboard-shortcuts-dialog",elementClass:r3,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-fullscreen-button",elementClass:r6,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-live-button",elementClass:ss,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-loading-indicator",elementClass:sm,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});let oh=tF({tagName:"media-mute-button",elementClass:sg,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});tF({tagName:"media-pip-button",elementClass:sw,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-playback-rate-button",elementClass:s_,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});let oc=tF({tagName:"media-play-button",elementClass:sS,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});tF({tagName:"media-poster-image",elementClass:sR,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-preview-chapter-display",elementClass:sx,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}
1411),tF({tagName:"media-preview-thumbnail",elementClass:sO,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),tF({tagName:"media-preview-time-display",elementClass:sV,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});let om=tF({tagName:"media-seek-backward-button",elementClass:sB,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),op=tF({tagName:"media-seek-forward-button",elementClass:sG,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),ov=tF({tagName:"media-time-display",elementClass:s1,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),oE=tF({tagName:"media-time-range",elementClass:or,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}}),ob=tF({tagName:"media-volume-range",elementClass:oo,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}});tF({tagName:"media-loop-button",elementClass:on,react:tW,toAttributeValue:ol,defaultProps:{suppressHydrationWarning:!0}})}}]);
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.