1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[154],{59154:function(e,t,n){n.r(t),n.d(t,{default:function(){return ra}});var i=n(85893),a=n(79449),r=n(11636),s=n(67294);const o={MEDIA_PLAY_REQUEST:"mediaplayrequest",MEDIA_PAUSE_REQUEST:"mediapauserequest",MEDIA_MUTE_REQUEST:"mediamuterequest",MEDIA_UNMUTE_REQUEST:"mediaunmuterequest",MEDIA_VOLUME_REQUEST:"mediavolumerequest",MEDIA_SEEK_REQUEST:"mediaseekrequest",MEDIA_AIRPLAY_REQUEST:"mediaairplayrequest",MEDIA_ENTER_FULLSCREEN_REQUEST:"mediaenterfullscreenrequest",MEDIA_EXIT_FULLSCREEN_REQUEST:"mediaexitfullscreenrequest",MEDIA_PREVIEW_REQUEST:"mediapreviewrequest",MEDIA_ENTER_PIP_REQUEST:"mediaenterpiprequest",MEDIA_EXIT_PIP_REQUEST:"mediaexitpiprequest",MEDIA_ENTER_CAST_REQUEST:"mediaentercastrequest",MEDIA_EXIT_CAST_REQUEST:"mediaexitcastrequest",MEDIA_SHOW_TEXT_TRACKS_REQUEST:"mediashowtexttracksrequest",MEDIA_HIDE_TEXT_TRACKS_REQUEST:"mediahidetexttracksrequest",MEDIA_SHOW_CAPTIONS_REQUEST:"mediashowcaptionsrequest",MEDIA_SHOW_SUBTITLES_REQUEST:"mediashowsubtitlesrequest",MEDIA_DISABLE_CAPTIONS_REQUEST:"mediadisablecaptionsrequest",MEDIA_DISABLE_SUBTITLES_REQUEST:"mediadisablesubtitlesrequest",MEDIA_PLAYBACK_RATE_REQUEST:"mediaplaybackraterequest",MEDIA_SEEK_TO_LIVE_REQUEST:"mediaseektoliverequest",REGISTER_MEDIA_STATE_RECEIVER:"registermediastatereceiver",UNREGISTER_MEDIA_STATE_RECEIVER:"unregistermediastatereceiver"},l={MEDIA_AIRPLAY_UNAVAILABLE:"mediaairplayunavailablechange",MEDIA_PIP_UNAVAILABLE:"mediapipunavailablechange",MEDIA_PAUSED:"mediapausedchange",MEDIA_HAS_P
1LAYED:"mediahasplayedchange",MEDIA_MUTED:"mediamutedchange",MEDIA_VOLUME_LEVEL:"mediavolumelevelchange",MEDIA_VOLUME:"mediavolumechange",MEDIA_VOLUME_UNAVAILABLE:"mediavolumeunavailablechange",MEDIA_IS_PIP:"mediaispipchange",MEDIA_IS_CASTING:"mediaiscastingchange",MEDIA_CAPTIONS_LIST:"mediacaptionslistchange",MEDIA_SUBTITLES_LIST:"mediasubtitleslistchange",MEDIA_CAPTIONS_SHOWING:"mediacaptionsshowingchange",MEDIA_SUBTITLES_SHOWING:"mediasubtitlesshowingchange",MEDIA_IS_FULLSCREEN:"mediaisfullscreenchange",MEDIA_PLAYBACK_RATE:"mediaplaybackratechange",MEDIA_CURRENT_TIME:"mediacurrenttimechange",MEDIA_DURATION:"mediadurationchange",MEDIA_SEEKABLE:"mediaseekablechange",MEDIA_PREVIEW_IMAGE:"mediapreviewimagechange",MEDIA_PREVIEW_COORDS:"mediapreviewcoordschange",MEDIA_LOADING:"medialoadingchange",USER_INACTIVE:"userinactivechange"},d="media-chrome-attributes",c="media-controller",u={MEDIA_AIRPLAY_UNAVAILABLE:"media-airplay-unavailable",MEDIA_FULLSCREEN_UNAVAILABLE:"media-fullscreen-unavailable",MEDIA_PIP_UNAVAILABLE:"media-pip-unavailable",MEDIA_CAST_UNAVAILABLE:"media-cast-unavailable",MEDIA_PAUSED:"media-paused",MEDIA_HAS_P
1LAYED:"media-has-played",MEDIA_MUTED:"media-muted",MEDIA_VOLUME_LEVEL:"media-volume-level",MEDIA_VOLUME:"media-volume",MEDIA_VOLUME_UNAVAILABLE:"media-volume-unavailable",MEDIA_IS_PIP:"media-is-pip",MEDIA_IS_CASTING:"media-is-casting",MEDIA_CAPTIONS_LIST:"media-captions-list",MEDIA_SUBTITLES_LIST:"media-subtitles-list",MEDIA_CAPTIONS_SHOWING:"media-captions-showing",MEDIA_SUBTITLES_SHOWING:"media-subtitles-showing",MEDIA_IS_FULLSCREEN:"media-is-fullscreen",MEDIA_PLAYBACK_RATE:"media-playback-rate",MEDIA_CURRENT_TIME:"media-current-time",MEDIA_DURATION:"media-duration",MEDIA_SEEKABLE:"media-seekable",MEDIA_PREVIEW_TIME:"media-preview-time",MEDIA_PREVIEW_IMAGE:"media-preview-image",MEDIA_PREVIEW_COORDS:"media-preview-coords",MEDIA_LOADING:"media-loading",MEDIA_BUFFERED:"media-buffered",MEDIA_STREAM_TYPE:"media-stream-type",MEDIA_TARGET_LIVE_WINDOW:"media-target-live-window",MEDIA_TIME_IS_LIVE:"media-time-is-live"},h=(Object.entries(l).reduce(((e,[t,n])=>{const i=u[t];return i&&(e[n]=i),e}),{userinactivechange:"user-inactive"}),Object.entries(u).reduce(((e,[t,n])=>{const i=l[t];return i&&(e[n]=i),e}),{"user-inactive":"userinactivechange"})),m="subtitles",E="captions",p="metadata",b="disabled",v="showing",g="mouse",A="touch",f="unavailable",_="unsupported",I={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"},M={AUDIO_PLAYER:()=>"audio player",VIDEO_PLAYER:()=>"video player",VOLUME:()=>"volume",SEEK:()=>"seek",CLOSED_CAPTIONS:()=>"closed captions",PLAYBACK_RATE:({playbackRate:e=1}={})=>`current playback rate ${e}`,PLAYBACK_TIME:()=>"playback time",MEDIA_LOADING:()=>"media loading"},y={PLAY:()=>"play",PAUSE:()=>"pause",MUTE:()=>"mute",UNMUTE:()=>"unmute",AIRPLAY:()=>"air play",ENTER_CAST:()=>"start casting",EXIT_CAST:()=>"stop casting",ENTER_FULLSCREEN:()=>"enter fullscreen mode",EXIT_FULLSCREEN:()=>"exit fullscreen mode",ENTER_PIP:()=>"enter picture in picture mode",EXIT_PIP:()=>"exit picture in picture mode",SEEK_FORWARD_N_SECS:({seekOffset:e=30}={})=>`seek forward ${e} seconds`,SEEK_BACK_N_SECS:({seekOffset:e=30}={})=>`seek back ${e} seconds`,SEEK_LIVE:()=>"seek to live",PLAYING_LIVE:()=>"playing live"};function w(e,t=!1){return e.split("_").map((function(e,n){return(n||t?e[0].toUpperCase():e[0].toLowerCase())+e.slice(1).toLowerCase()})).join("")}const k=e=>new Promise((t=>setTimeout(t,e))),S=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],T=e=>{if("number"!==typeof(t=e)||Number.isNaN(t)||!Number.isFinite(t))return"";var t;const n=Math.abs(e),i=n!==e,a=new Date(0,0,0,0,0,n,0),r=[a.getHours(),a.getMinutes(),a.getSeconds()].map(((e,t)=>e&&((e,t)=>`${e} ${1===e?S[t].singular:S[t].plural}`)(e,t))).filter((e=>e)).join(", ");return`${r}${i?" remaining":""}`};function L(e,t){let n=!1;e<0&&(n=!0,e=0-e),e=e<0?0:e;let i=Math.floor(e%60),a=Math.floor(e/60%60),r=Math.floor(e/3600);const s=Math.floor(t/60%60),o=Math.floor(t/3600);return(isNaN(e)||e===1/0)&&(r=a=i="-"),r=r>0||o>0?r+":":"",a=((r||s>=10)&&a<10?"0"+a:a)+":",i=i<10?"0"+i:i,(n?"-":"")+r+a+i}const C=Object.freeze({length:0,start(e){const 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){const 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}});const D=(e,t,n=".value")=>{const i=e.querySelector(n);i&&(i.textContent=t)},R=(e,t)=>((e,t)=>{const n=`slot[name="${t}"]`,i=e.shadowRoot.querySelector(n);return i?i.children:[]})(e,t)[0],x=(e,t)=>!(!e||!t)&&(!!e.contains(t)||x(e,t.getRootNode().host)),U=(e,t)=>{if(!e)return null;const n=e.closest(t);return n||U(e.getRootNode().host,t)};function N(e,t){var n;let i;for(i of e.querySelectorAll("style")){let e;try{e=null==(n=i.sheet)?void 0:n.cssRules}catch{continue}for(let n of null!=e?e:[])if(n.selectorText===t)return n}return(null==i?void 0:i.sheet)?(i.sheet.insertRule(`${t}{}`,i.sheet.cssRules.length),i.sheet.cssRules[i.sheet.cssRules.length-1]):{style:{setProperty:()=>{},removeProperty:()=>{}}}}class P{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}}const O={ResizeObserver:class{observe(){}},HTMLElement:class extends P{},DocumentFragment:class extends P{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},CustomEvent:function(){},getComputedStyle:function(){}},V={createElement:function(){return new O.HTMLElement},addEventListener(){},removeEventListener(){}},B="undefined"===typeof window||"undefined"===typeof window.customElements,W=B?O:window,$=B?V:window.document;var H,j,Q,F,K=Object.defineProperty,G=(e,t,n)=>(((e,t,n)=>{t in e?K(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n}
1)(e,"symbol"!==typeof t?t+"":t,n),n),q=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},Z=(e,t,n)=>(q(e,t,"read from private field"),n?n.call(e):t.get(e)),Y=(e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)},z=(e,t,n,i)=>(q(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n);const X=$.createElement("template");X.innerHTML="\n<style>\n :host {\n font: var(--media-font,\n var(--media-font-weight, bold)\n var(--media-font-size, 14px) /\n var(--media-text-content-height, var(--media-control-height, 24px))\n var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));\n color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));\n background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));\n padding: var(--media-control-padding, 10px);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n box-sizing: border-box;\n transition: background .15s linear;\n pointer-events: auto;\n cursor: pointer;\n }\n\n \n :host(:focus-visible) {\n box-shadow: inset 0 0 0 2px rgb(27 127 204 / .9);\n outline: 0;\n }\n \n :host(:where(:focus)) {\n box-shadow: none;\n outline: 0;\n }\n\n :host(:hover) {\n background: var(--media-control-hover-background, rgba(50 50 70 / .7));\n }\n\n svg, img, ::slotted(svg), ::slotted(img) {\n width: var(--media-button-icon-width);\n height: var(--media-button-icon-height, var(--media-control-height, 24px));\n transform: var(--media-button-icon-transform);\n transition: var(--media-button-icon-transition);\n fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));\n vertical-align: middle;\n max-width: 100%;\n max-height: 100%;\n min-width: 100%;\n }\n</style>\n";class J extends W.HTMLElement{constructor(e={}){if(super(),Y(this,H,void 0),G(this,"preventClick",!1),Y(this,j,(e=>{this.preventClick||this.handleClick(e)})),Y(this,Q,(e=>{const{key:t}=e;this.keysUsed.includes(t)?this.preventClick||this.handleClick(e):this.removeEventListener("keyup",Z(this,Q))})),Y(this,F,(e=>{const{metaKey:t,altKey:n,key:i}=e;t||n||!this.keysUsed.includes(i)?this.removeEventListener("keyup",Z(this,Q)):this.addEventListener("keyup",Z(this,Q),{once:!0})})),!this.shadowRoot){this.attachShadow({mode:"open"});const t=X.content.cloneNode(!0);this.nativeEl=t;let n=e.slotTemplate;n||(n=$.createElement("template"),n.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(n.content.cloneNode(!0)),this.shadowRoot.appendChild(t)}const{style:t}=N(this.shadowRoot,":host");t.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`)}static get observedAttributes(){return["disabled",c]}enable(){this.addEventListener("click",Z(this,j)),this.addEventListener("keydown",Z(this,F)),this.setAttribute("tabindex","0")}disable(){this.removeEventListener("click",Z(this,j)),this.removeEventListener("keydown",Z(this,F)),this.removeEventListener("keyup",Z(this,Q)),this.removeAttribute("tabindex")}attributeChangedCallback(e,t,n){var i,a,r,s,o;e===c?(t&&(null==(a=null==(i=Z(this,H))?void 0:i.unassociateElement)||a.call(i,this),z(this,H,null)),n&&(z(this,H,null==(r=this.getRootNode())?void 0:r.getElementById(n)),null==(o=null==(s=Z(this,H))?void 0:s.associateElement)||o.call(s,this))):"disabled"===e&&n!==t&&(null==n?this.enable():this.disable())}connectedCallback(){var e,t,n;this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","button");const i=this.getAttribute(c);i&&(z(this,H,null==(e=this.getRootNode())?void 0:e.getElementById(i)),null==(n=null==(t=Z(this,H))?void 0:t.associateElement)||n.call(t,this))}disconnectedCallback(){var e,t;this.disable(),null==(t=null==(e=Z(this,H))?void 0:e.unassociateElement)||t.call(e,this),z(this,H,null)}get keysUsed(){return["Enter"," "]}handleClick(e){}}H=new WeakMap,j=new WeakMap,Q=new WeakMap,F=new WeakMap,W.customElements.get("media-chrome-button")||W.customElements.define("media-chrome-button",J);var ee=J;const te=$.createElement("template");te.innerHTML='\n <slot name="airplay"><svg aria-hidden="true" viewBox="0 0 26 24">\n <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"/>\n</svg>\n</slot>\n';class ne extends ee{static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_AIRPLAY_UNAVAILABLE]}constructor(e={}){super({slotTemplate:te,...e})}connectedCallback(){this.setAttribute("aria-label",y.AIRPLAY()),super.connectedCallback()}handleClick(){const e=new W.CustomEvent(o.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}}W.customElements.get("media-airplay-button")||W.customElements.define("media-airplay-button",ne);const ie=$.createElement("template");ie.innerHTML=`\n <style>\n :host([${u.MEDIA_IS_CASTING}]) slot:not([name=exit]) > *,\n :host([${u.MEDIA_IS_CASTING}]) ::slotted(:not([slot=exit])) {\n display: none !important;\n }\n\n \n :host(:not([${u.MEDIA_IS_CASTING}])) slot:not([name=enter]) > *,\n :host(:not([${u.MEDIA_IS_CASTING}])) ::slotted(:not([slot=enter])) {\n display: none !important;\n }\n </style>\n\n <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>\n <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>\n`;const ae=e=>{const t=null!=e.getAttribute(u.MEDIA_IS_CASTING)?y.EXIT_CAST():y.ENTER_CAST();e.setAttribute("aria-label",t)};class re extends ee{static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_IS_CASTING,u.MEDIA_CAST_UNAVAILABLE]}constructor(e={}){super({slotTemplate:ie,...e})}connectedCallback(){ae(this),super.connectedCallback()}attributeChangedCallback(e,t,n){e===u.MEDIA_IS_CASTING&&ae(this),super.attributeChangedCallback(e,t,n)}handleClick(){const e=null!=this.getAttribute(u.MEDIA_IS_CASTING)?o.MEDIA_EXIT_CAST_REQUEST:o.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new W.CustomEvent(e,{composed:!0,bubbles:!0}))}}W.customElements.get("media-cast-button")||W.customElements.define("media-cast-button",re);var se,oe=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)}
1,le=(e,t,n)=>(oe(e,t,"read from private field"),n?n.call(e):t.get(e)),de=(e,t,n,i)=>(oe(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n);const ce=$.createElement("template");ce.innerHTML="\n<style>\n :host {\n display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));\n box-sizing: border-box;\n }\n</style>\n";class ue extends W.HTMLElement{constructor(e={}){if(super(),((e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)})(this,se,void 0),!this.shadowRoot){const t=this.attachShadow({mode:"open"}),n=ce.content.cloneNode(!0);this.nativeEl=n;let i=e.slotTemplate;i||(i=$.createElement("template"),i.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(i.content.cloneNode(!0)),t.appendChild(n)}}static get observedAttributes(){return[c,u.MEDIA_PAUSED]}attributeChangedCallback(e,t,n){var i,a,r,s,o;e===c&&(t&&(null==(a=null==(i=le(this,se))?void 0:i.unassociateElement)||a.call(i,this),de(this,se,null)),n&&(de(this,se,null==(r=this.getRootNode())?void 0:r.getElementById(n)),null==(o=null==(s=le(this,se))?void 0:s.associateElement)||o.call(s,this)))}connectedCallback(){var e,t,n,i;this.setAttribute("tabindex",-1),this.setAttribute("aria-hidden",!0),de(this,se,function(e){var t;const n=e.getAttribute(c);if(n)return null==(t=e.getRootNode())?void 0:t.getElementById(n);return U(e,"media-controller")}(this)),this.getAttribute(c)&&(null==(t=null==(e=le(this,se))?void 0:e.associateElement)||t.call(e,this)),null==(n=le(this,se))||n.addEventListener("pointerdown",this),null==(i=le(this,se))||i.addEventListener("click",this)}disconnectedCallback(){var e,t,n,i;this.getAttribute(c)&&(null==(t=null==(e=le(this,se))?void 0:e.unassociateElement)||t.call(e,this)),null==(n=le(this,se))||n.removeEventListener("pointerdown",this),null==(i=le(this,se))||i.removeEventListener("click",this),de(this,se,null)}handleEvent(e){var t;const n=null==(t=e.composedPath())?void 0:t[0];if(["video","media-controller"].includes(null==n?void 0:n.localName))if("pointerdown"===e.type)this._pointerType=e.pointerType;else if("click"===e.type){const{clientX:t,clientY:n}=e,{left:i,top:a,width:r,height:s}=this.getBoundingClientRect(),o=t-i,l=n-a;if(o<0||l<0||o>r||l>s||0===r&&0===s)return;const{pointerType:d=this._pointerType}=e;if(this._pointerType=void 0,d===A)return void this.handleTap(e);if(d===g)return void this.handleMouseClick(e)}}handleTap(e){}handleMouseClick(e){const t=null!=this.getAttribute(u.MEDIA_PAUSED)?o.MEDIA_PLAY_REQUEST:o.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new W.CustomEvent(t,{composed:!0,bubbles:!0}))}}se=new WeakMap,W.customElements.get("media-gesture-receiver")||W.customElements.define("media-gesture-receiver",ue);const he=$.createElement("template");he.innerHTML=`\n <style>\n \n :host([media-is-fullscreen]) ::slotted([slot=media]) {\n outline: none;\n }\n\n :host {\n box-sizing: border-box;\n position: relative;\n display: inline-block;\n line-height: 0;\n background-color: var(--media-background-color, #000);\n }\n\n :host(:not([audio])) [part~=layer]:not([part~=media-layer]) {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: flex;\n flex-flow: column nowrap;\n align-items: start;\n pointer-events: none;\n background: none;\n }\n\n \n :host([audio]) [part~=layer][part~=gesture-layer] {\n height: 0;\n display: block;\n }\n\n \n :host(:not([audio])[gestures-disabled]) ::slotted([slot=gestures-chrome]),\n :host(:not([audio])[gestures-disabled]) media-gesture-receiver[slot=gestures-chrome] {\n display: none;\n }\n\n \n ::slotted(:not([slot=media]):not([slot=poster]):not(media-loading-indicator)) {\n pointer-events: auto;\n }\n\n :host(:not([audio])) *[part~=layer][part~=centered-layer] {\n align-items: center;\n justify-content: center;\n }\n\n :host(:not([audio])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),\n :host(:not([audio])) media-gesture-receiver[slot=gestures-chrome] {\n align-self: stretch;\n flex-grow: 1;\n }\n\n slot[name=middle-chrome] {\n display: inline;\n flex-grow: 1;\n pointer-events: none;\n background: none;\n }\n\n \n ::slotted([slot=media]),\n ::slotted([slot=poster]) {\n width: 100%;\n height: 100%;\n }\n\n \n :host(:not([audio])) .spacer {\n flex-grow: 1;\n }\n\n \n :host(:-webkit-full-screen) {\n \n width: 100% !important;\n height: 100% !important;\n }\n\n \n ::slotted(:not([slot=media]):not([no-auto-hide])) {\n opacity: 1;\n transition: opacity 0.25s;\n }\n\n \n :host([user-inactive]:not([${u.MEDIA_PAUSED}]):not([${u.MEDIA_IS_CASTING}
1]):not([audio])) ::slotted(:not([slot=media]):not([no-auto-hide])) {\n opacity: 0;\n transition: opacity 1s;\n }\n\n ::slotted(media-control-bar) {\n align-self: stretch;\n }\n\n :host([${u.MEDIA_HAS_PLAYED}]) ::slotted([slot=poster]) {\n display: none;\n }\n </style>\n\n <slot name="media" part="layer media-layer"></slot>\n <slot name="poster" part="layer poster-layer"></slot>\n <slot name="gestures-chrome" part="layer gesture-layer">\n <media-gesture-receiver slot="gestures-chrome"></media-gesture-receiver>\n </slot>\n <span part="layer vertical-layer">\n <slot name="top-chrome" part="top chrome"></slot>\n <slot name="middle-chrome" part="middle chrome"></slot>\n <slot name="centered-chrome" part="layer centered-layer center centered chrome"></slot>\n \n <slot part="bottom chrome"></slot>\n </span>\n`;const me=Object.values(u),Ee=e=>{var t;for(const n of e){const e=n.target;if(!e.isConnected)continue;const i=pe(null!=(t=e.getAttribute("breakpoints"))?t:"sm:384 md:576 lg:768 xl:960"),a=be(i,n.contentRect);
1Object.keys(i).forEach((t=>{a.includes(t)?e.hasAttribute(`breakpoint-${t}`)||e.setAttribute(`breakpoint-${t}`,""):e.removeAttribute(`breakpoint-${t}`)}))}};function pe(e){const t=e.split(/\s+/);return Object.fromEntries(t.map((e=>e.split(":"))))}function be(e,t){return Object.keys(e).filter((n=>t.width>=e[n]))}class ve extends W.HTMLElement{constructor(){super(),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(he.content.cloneNode(!0)));new MutationObserver((e=>{const t=this.media;for(let n of e)"childList"===n.type&&(n.removedNodes.forEach((e=>{if("media"==e.slot&&n.target==this){let i=n.previousSibling&&n.previousSibling.previousElementSibling;if(i&&t){let t="media"!==i.slot;for(;null!==(i=i.previousSibling);)"media"==i.slot&&(t=!1);t&&this.mediaUnsetCallback(e)}else this.mediaUnsetCallback(e)}})),t&&n.addedNodes.forEach((e=>{e==t&&this.handleMediaUpdated(t).then((e=>this.mediaSetCallback(e)))})))})).observe(this,{childList:!0,subtree:!0});const e=new ResizeObserver(Ee);this.resizeObserver=e,e.observe(this);let t=this.media,n=this.querySelector(":scope > slot[slot=media]");n&&n.addEventListener("slotchange",(()=>{n.assignedElements({flatten:!0}).length?this.media&&(t=this.media,this.handleMediaUpdated(this.media).then((e=>this.mediaSetCallback(e)))):this.mediaUnsetCallback(t)}))}static get observedAttributes(){return["autohide","gestures-disabled"].concat(me)}attributeChangedCallback(e,t,n){"autohide"==e.toLowerCase()&&(this.autohide=n)}get media(){let e=this.querySelector(":scope > [slot=media]");return"SLOT"==(null==e?void 0:e.nodeName)&&(e=e.assignedElements({flatten:!0})[0]),e}mediaSetCallback(e){this._mediaClickPlayToggle=()=>{const t=e.paused?o.MEDIA_PLAY_REQUEST:o.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new W.CustomEvent(t,{composed:!0,bubbles:!0}))}}handleMediaUpdated(e){const t=e=>Promise.resolve(e);if(!e)return n=e,console.error('<media-chrome>: Media element set with slot="media" does not appear to be compatible.',n),Promise.reject(n);var n;const i=e.nodeName.toLowerCase();return i.includes("-")?W.customElements.whenDefined(i).then((()=>t(e))):t(e)}mediaUnsetCallback(e){}connectedCallback(){const e=null!=this.getAttribute("audio")?M.AUDIO_PLAYER():M.VIDEO_PLAYER();this.setAttribute("role","region"),this.setAttribute("aria-label",e),this.media&&this.handleMediaUpdated(this.media).then((e=>this.mediaSetCallback(e))),this.setAttribute("user-inactive","user-inactive");const t=()=>{if(this.autohide<0)return;if(this.hasAttribute("user-inactive"))return;this.setAttribute("user-inactive","");const e=new W.CustomEvent(l.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(e)},n=()=>{if(!this.hasAttribute("user-inactive"))return;this.removeAttribute("user-inactive");const e=new W.CustomEvent(l.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(e)},i=()=>{n(),W.clearTimeout(this._inactiveTimeout),this.autohide<0||(this._inactiveTimeout=W.setTimeout((()=>{t()}),1e3*this.autohide))};this.addEventListener("keyup",(()=>{i()})),this.addEventListener("pointerup",(e=>{"touch"===e.pointerType?[this,this.media].includes(e.target)&&!this.hasAttribute("user-inactive")?t():i():e.composedPath().some((e=>{var t;return["media-play-button","media-fullscreen-button"].includes(null==(t=null==e?void 0:e.nodeName)?void 0:t.toLowerCase())}))&&i()})),this.addEventListener("pointermove",(e=>{"mouse"===e.pointerType&&e.target!==this&&(n(),W.clearTimeout(this._inactiveTimeout),[this,this.media].includes(e.target)&&i())})),this.addEventListener("mouseleave",(()=>{t()})),this.addEventListener("keyup",(()=>{this.setAttribute("media-keyboard-control","")})),W.addEventListener("mouseup",(()=>{this.removeAttribute("media-keyboard-control")}))}set autohide(e){e=Number(e),this._autohide=isNaN(e)?0:e}get autohide(){return void 0===this._autohide?2:this._autohide}}W.customElements.get("media-container-temp")||W.customElements.define("media-container-temp",ve);var ge,Ae,fe,_e=ve,Ie=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},Me=(e,t,n)=>(Ie(e,t,"read from private field"),n?n.call(e):t.get(e)),ye=(e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)},we=(e,t,n,i)=>(Ie(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n);class ke{constructor(e,t){ye(this,ge,void 0),ye(this,Ae,void 0),ye(this,fe,new Set),we(this,ge,e),we(this,Ae,t)}[Symbol.iterator](){return Me(this,fe).values()}get length(){return Me(this,fe).size}get value(){var e;return null!=(e=[...Me(this,fe)].join(" "))?e:""}set value(e){var t;e!==this.value&&(we(this,fe,new Set),this.add(...null!=(t=null==e?void 0:e.split(" "))?t:[]))}toString(){return this.value}item(e){return[...Me(this,fe)][e]}values(){return Me(this,fe).values()}keys(){return Me(this,fe).keys()}forEach(e){Me(this,fe).forEach(e)}add(...e){var t,n;e.forEach((e=>Me(this,fe).add(e))),(""!==this.value||(null==(t=Me(this,ge))?void 0:t.hasAttribute(`${Me(this,Ae)}`)))&&(null==(n=Me(this,ge))||n.setAttribute(`${Me(this,Ae)}`,`${this.value}`))}remove(...e){var t;e.forEach((e=>Me(this,fe).delete(e))),null==(t=Me(this,ge))||t.setAttribute(`${Me(this,Ae)}`,`${this.value}`)}contains(e){return Me(this,fe).has(e)}
1toggle(e,t){return"undefined"!==typeof t?t?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,t){this.remove(e),this.add(t)}}ge=new WeakMap,Ae=new WeakMap,fe=new WeakMap;const Se=(e="")=>e.split(/\s+/),Te=(e="")=>{const[t,n]=e.split(":");return{language:t,label:n?decodeURIComponent(n):void 0}},Le=e=>Array.isArray(e)?e.map((e=>"string"===typeof e?Te(e):e)):"string"===typeof e?((e="",t={})=>Se(e).map((e=>{const n=Te(e);return{...t,...n}})))(e):[e],Ce=({label:e,language:t}={})=>e?`${t}:${encodeURIComponent(e)}`:t,De=(e=[])=>Array.prototype.map.call(e,Ce).join(" "),Re=e=>{const t=Object.entries(e).map((([e,t])=>((e,t)=>n=>n[e]===t)(e,t)));return e=>t.every((t=>t(e)))},xe=(e,t=[],n=[])=>{const i=Le(n).map(Re);Array.from(t).filter((e=>i.some((t=>t(e))))).forEach((t=>{t.mode=e}))},Ue=(e,t=(()=>!0))=>{if(!(null==e?void 0:e.textTracks))return[];const n="function"===typeof t?t:Re(t);return Array.from(e.textTracks).filter(n)},Ne=e=>{const t=!!e.getAttribute(u.MEDIA_CAPTIONS_SHOWING),n=!e.hasAttribute("no-subtitles-fallback")&&!!e.getAttribute(u.MEDIA_SUBTITLES_SHOWING);return t||n},Pe=(e,t=!1)=>{var n,i,a,r;if(Ne(e)){const t=e.getAttribute(u.MEDIA_CAPTIONS_SHOWING);if(t){const n=new window.CustomEvent(o.MEDIA_DISABLE_CAPTIONS_REQUEST,{composed:!0,bubbles:!0,detail:t});e.dispatchEvent(n)}const n=e.getAttribute(u.MEDIA_SUBTITLES_SHOWING);if(n&&!e.hasAttribute("no-subtitles-fallback")){const t=new window.CustomEvent(o.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:n});e.dispatchEvent(t)}}else if(!t){const[t]=null!=(i=Se(null!=(n=e.getAttribute(u.MEDIA_CAPTIONS_LIST))?n:""))?i:[];if(t){const n=new window.CustomEvent(o.MEDIA_SHOW_CAPTIONS_REQUEST,{composed:!0,bubbles:!0,detail:t});e.dispatchEvent(n)}else if(e.hasAttribute("no-subtitles-fallback"))console.error("Attempting to enable closed captions but none are available! Please verify your media content if this is unexpected.");else{const[t]=null!=(r=Se(null!=(a=e.getAttribute(u.MEDIA_SUBTITLES_LIST))?a:""))?r:[];if(t){const n=new window.CustomEvent(o.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:t});e.dispatchEvent(n)}}}},Oe={enter:"requestFullscreen",exit:"exitFullscreen",event:"fullscreenchange",element:"fullscreenElement",error:"fullscreenerror",enabled:"fullscreenEnabled"};let Ve;void 0===$.fullscreenElement&&(Oe.enter="webkitRequestFullScreen",Oe.exit=null!=$.webkitExitFullscreen?"webkitExitFullscreen":"webkitCancelFullScreen",Oe.event="webkitfullscreenchange",Oe.element="webkitFullscreenElement",Oe.error="webkitfullscreenerror",Oe.enabled="webkitFullscreenEnabled");const Be=()=>{var e,t;return Ve||(Ve=null==(t=null==(e=$)?void 0:e.createElement)?void 0:t.call(e,"video"),Ve)},We=((e=Be())=>{let t=$[Oe.enabled];return!t&&e&&(t="webkitSupportsFullscreen"in e),t})(),$e=((e=Be())=>"function"===typeof(null==e?void 0:e.requestPictureInPicture))(),He=!!W.WebKitPlaybackTargetAvailabilityEvent,je=!!W.chrome;let Qe;const Fe=(async(e=Be())=>{if(!e)return!1;const t=e.volume;return e.volume=t/2+.1,await k(0),e.volume!==t})().then((e=>(Qe=e,Qe))),Ke=Object.values(I),Ge=e=>Ue(e.media,{kind:m}),qe=e=>Ue(e.media,{kind:E}),Ze={MEDIA_PAUSED:{get:function(e){const{media:t}=e;return!t||t.paused},mediaEvents:["play","pause","emptied"]},MEDIA_HAS_PLAYED:{get:function(e){const{media:t}=e;return!!t&&!t.paused},mediaEvents:["playing","emptied"]},MEDIA_PLAYBACK_RATE:{get:function(e){const{media:t}=e;return t&&"undefined"!=typeof t.playbackRate?t.playbackRate:1},mediaEvents:["ratechange","loadstart"]},MEDIA_MUTED:{get:function(e){const{media:t}=e;return!(!t||"undefined"==typeof t.muted)&&t.muted},mediaEvents:["volumechange"]},MEDIA_VOLUME:{get:function(e){const{media:t}=e;return t&&"undefined"!=typeof t.volume?Number(t.volume):1},mediaEvents:["volumechange"]},MEDIA_VOLUME_LEVEL:{get:function(e){const{media:t}=e;let n="high";if(!t||"undefined"==typeof t.volume)return n;const{muted:i,volume:a}=t;return 0===a||i?n="off":a<.5?n="low":a<.75&&(n="medium"),n},mediaEvents:["volumechange"]},MEDIA_CURRENT_TIME:{get:function(e){const{media:t}=e;return t&&"undefined"!=typeof t.currentTime?t.currentTime:0},mediaEvents:["timeupdate","loadedmetadata"]},MEDIA_DURATION:{get:function(e){const{media:t}=e;return t&&Number.isFinite(t.duration)?t.duration:NaN},mediaEvents:["durationchange","loadedmetadata","emptied"]},MEDIA_SEEKABLE:{get:function(e){var t;const{media:n}=e;if(!(null==(t=null==n?void 0:n.seekable)?void 0:t.length))return;const i=n.seekable.start(0),a=n.seekable.end(n.seekable.length-1);return i||a?[Number(i.toFixed(3)),Number(a.toFixed(3))].join(":"):void 0},mediaEvents:["loadedmetadata","emptied","progress"]},MEDIA_LOADING:{get:function(e){var t;return!!((null==(t=e.media)?void 0:t.readyState)<3)},mediaEvents:["waiting","playing","emptied"]},MEDIA_BUFFERED:{get:function(e){var t;!function(e=C){Array.from(e).map(((t,n)=>[Number(e.start(n).toFixed(3)),Number(e.end(n).toFixed(3))].join(":"))).join(" ")}(null==(t=e.media)?void 0:t.buffered)},mediaEvents:["progress","emptied"]},MEDIA_STREAM_TYPE:{get:function(e){const{media:t}=e;if(!t)return;const{streamType:n}=t;if(Ke.includes(n)){if(n===I.UNKNOWN){const t=e.getAttribute("default-stream-type");return[I.LIVE,I.ON_DEMAND].includes(t)?t:void 0}return n}const i=t.duration;if(i===1/0)return I.LIVE;if(Number.isFinite(i))return I.ON_DEMAND;{const t=e.getAttribute("default-stream-type");if([I.LIVE,I.ON_DEMAND].includes(t))return t}}
1,mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange"]},MEDIA_TARGET_LIVE_WINDOW:{get:function(e){const{media:t}=e;if(!t)return Number.NaN;const{targetLiveWindow:n}=t,i=Ze.MEDIA_STREAM_TYPE.get(e);return null!=n&&!Number.isNaN(n)||i!==I.LIVE?n:0},mediaEvents:["emptied","durationchange","loadedmetadata","streamtypechange","targetlivewindowchange"]},MEDIA_TIME_IS_LIVE:{get:function(e){const{media:t}=e;if(!t)return!1;if("number"===typeof t.liveEdgeStart)return!Number.isNaN(t.liveEdgeStart)&&t.currentTime>=t.liveEdgeStart;if(!("live"===Ze.MEDIA_STREAM_TYPE.get(e)))return!1;const n=t.seekable;if(!n)return!0;if(!n.length)return!1;const i=e.hasAttribute("liveedgeoffset")?Number(e.getAttribute("liveedgeoffset")):10,a=n.end(n.length-1)-i;return t.currentTime>=a},mediaEvents:["playing","timeupdate","progress","waiting","emptied"]},MEDIA_IS_FULLSCREEN:{get:function(e,t){const n=!!$[Oe.element]&&(null==t?void 0:t.target);return x(e.fullscreenElement,n)},rootEvents:[Oe.event]},MEDIA_IS_PIP:{get:function(e,t){var n;const i=e.media;if(!i)return!1;if(t)return"enterpictureinpicture"==t.type;{const t=null!=(n=e.getRootNode().pictureInPictureElement)?n:$.pictureInPictureElement;return x(i,t)}},mediaEvents:["enterpictureinpicture","leavepictureinpicture"]},MEDIA_IS_CASTING:{get:function(e,t){var n;const{media:i}=e;if(!i)return!1;const a=null==(n=globalThis.CastableVideoElement)?void 0:n.castElement;let r=x(i,a);return"castchange"===(null==t?void 0:t.type)&&"CONNECTING"===(null==t?void 0:t.detail)&&(r="connecting"),r},mediaEvents:["entercast","leavecast","castchange"]},MEDIA_AIRPLAY_UNAVAILABLE:{get:function(e,t){return He?t&&"available"!==t.availability&&"not-available"===t.availability?f:void 0:_},mediaEvents:["webkitplaybacktargetavailabilitychanged"]},MEDIA_CAST_UNAVAILABLE:{get:function(){var e;const t=null==(e=globalThis.CastableVideoElement)?void 0:e.castState;return je&&t?t.includes("CONNECT")?void 0:f:_},mediaEvents:["castchange"]},MEDIA_FULLSCREEN_UNAVAILABLE:{get:function(){return We?void 0:f}},MEDIA_PIP_UNAVAILABLE:{get:function(){return $e?void 0:_}},MEDIA_VOLUME_UNAVAILABLE:{get:function(e){if(void 0!==Qe&&!Qe)return _;const{media:t}=e;return t&&"undefined"==typeof t.volume?f:void 0},mediaEvents:["loadstart"]},MEDIA_CAPTIONS_LIST:{get:function(e){return De(qe(e))||void 0},mediaEvents:["loadstart"],trackListEvents:["addtrack","removetrack"]},MEDIA_SUBTITLES_LIST:{get:function(e){return De(Ge(e))||void 0},mediaEvents:["loadstart"],trackListEvents:["addtrack","removetrack"]},MEDIA_CAPTIONS_SHOWING:{get:function(e){return De((e=>Ue(e.media,{kind:E,mode:v}))(e))||void 0},mediaEvents:["loadstart"],trackListEvents:["addtrack","removetrack","change"]},MEDIA_SUBTITLES_SHOWING:{get:function(e){return De((e=>Ue(e.media,{kind:m,mode:v}))(e))||void 0},mediaEvents:["loadstart"],trackListEvents:["addtrack","removetrack","change"]}},Ye={MEDIA_PLAY_REQUEST:(e,t,n)=>{const i=Ze.MEDIA_STREAM_TYPE.get(n),a=null===n.getAttribute("noautoseektolive");i==I.LIVE&&a&&Ye.MEDIA_SEEK_TO_LIVE_REQUEST(e),e.play().catch((()=>{}))},MEDIA_PAUSE_REQUEST:e=>e.pause(),MEDIA_MUTE_REQUEST:e=>e.muted=!0,MEDIA_UNMUTE_REQUEST:e=>{e.muted=!1,0===e.volume&&(e.volume=.25)},MEDIA_VOLUME_REQUEST:(e,t,n)=>{const i=t.detail;if(e.volume=i,i>0&&e.muted&&(e.muted=!1),!n.hasAttribute("novolumepref"))try{W.localStorage.setItem("media-chrome-pref-volume",i.toString())}catch(a){}},MEDIA_ENTER_FULLSCREEN_REQUEST:(e,t,n)=>{We?($.pictureInPictureElement&&$.exitPictureInPicture(),n[Oe.enter]?n.fullscreenElement[Oe.enter]():e.webkitEnterFullscreen?e.webkitEnterFullscreen():e.requestFullscreen?e.requestFullscreen():console.warn("MediaChrome: Fullscreen not supported")):console.warn("Fullscreen support is unavailable; not entering fullscreen")},MEDIA_EXIT_FULLSCREEN_REQUEST:()=>{$[Oe.exit]()},MEDIA_ENTER_PIP_REQUEST:e=>{if(!$.pictureInPictureEnabled)return void console.warn("MediaChrome: Picture-in-picture is not enabled");if(!e.requestPictureInPicture)return void console.warn("MediaChrome: The current media does not support picture-in-picture");$[Oe.element]&&$[Oe.exit]();const t=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};e.requestPictureInPicture().catch((n=>{if(11!==n.code)throw n;if(0!==e.readyState||"none"!==e.preload)throw n;{const n=()=>{e.removeEventListener("loadedmetadata",i),e.preload="none"},i=()=>{e.requestPictureInPicture().catch(t),n()};e.addEventListener("loadedmetadata",i),e.preload="metadata",setTimeout((()=>{0===e.readyState&&t(),n()}),1e3)}}))},MEDIA_EXIT_PIP_REQUEST:()=>{$.pictureInPictureElement&&$.exitPictureInPicture()},MEDIA_ENTER_CAST_REQUEST:e=>{var t;(null==(t=globalThis.CastableVideoElement)?void 0:t.castEnabled)&&($[Oe.element]&&$[Oe.exit](),e.requestCast())},MEDIA_EXIT_CAST_REQUEST:async()=>{var e;(null==(e=globalThis.CastableVideoElement)?void 0:e.castElement)&&globalThis.CastableVideoElement.exitCast()},MEDIA_SEEK_REQUEST:(e,t)=>{const n=t.detail;(e.readyState>0||void 0===e.readyState)&&(e.currentTime=n)},MEDIA_PLAYBACK_RATE_REQUEST:(e,t)=>{e.playbackRate=t.detail},MEDIA_PREVIEW_REQUEST:(e,t,n)=>{var i;if(!e)return;const a=t.detail;null===a&&n.propagateMediaState(u.MEDIA_PREVIEW_TIME,void 0),n.propagateMediaState(u.MEDIA_PREVIEW_TIME,a);const[r]=Ue(e,{kind:p,label:"thumbnails"});if(!r||!r.cues)return;if(null===a)return n.propagateMediaState(u.MEDIA_PREVIEW_IMAGE,void 0),void n.propagateMediaState(u.MEDIA_PREVIEW_COORDS,void 0);const s=Array.prototype.find.call(r.cues,(e=>e.startTime>=a));if(!s)return;const o=/'^(?:[a-z]+:)?\/\//i.test(s.text)||null==(i=e.querySelector('track[label="thumbnails"]'))?void 0:i.src,l=new URL(s.text,o),d=new URLSearchParams(l.hash).get("#xywh");n.propagateMediaState(u.MEDIA_PREVIEW_IMAGE,l.href),n.propagateMediaState(u.MEDIA_PREVIEW_COORDS,d.split(",").join(" "))},MEDIA_SHOW_CAPTIONS_REQUEST:(e,t,n)=>{const i=qe(n),{detail:a=[]}=t;xe(v,i,a)},MEDIA_DISABLE_CAPTIONS_REQUEST:(e,t,n)=>{const i=qe(n),{detail:a=[]}=t;xe(b,i,a)},MEDIA_SHOW_SUBTITLES_REQUEST:(e,t,n)=>{const i=Ge(n),{detail:a=[]}=t;xe(v,i,a)},MEDIA_DISABLE_SUBTITLES_REQUEST:(e,t,n)=>{const i=Ge(n),{detail:a=[]}=t;xe(b,i,a)},MEDIA_AIRPLAY_REQUEST:e=>{e&&(e.webkitShowPlaybackTargetPicker&&W.WebKitPlaybackTargetAvailabilityEvent?e.webkitShowPlaybackTargetPicker():console.warn("received a request to select AirPlay but AirPlay is not supported in this environment"))},MEDIA_SEEK_TO_LIVE_REQUEST:e=>{const t=e.seekable;t?t.length?e.currentTime=t.end(t.length-1):console.warn("MediaController: Media is unable to seek to live."):console.warn("MediaController: Media element does not support seeking to live.")}};
1var ze,Xe,Je,et,tt,nt,it=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},at=(e,t,n)=>(it(e,t,"read from private field"),n?n.call(e):t.get(e)),rt=(e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)},st=(e,t,n,i)=>(it(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n),ot=(e,t,n)=>(it(e,t,"access private method"),n);const lt=["ArrowLeft","ArrowRight","Enter"," ","f","m","k","c"];class dt extends _e{constructor(){super(),rt(this,Je),rt(this,tt),rt(this,ze,new ke(this,"hotkeys")),rt(this,Xe,void 0),void 0===Ze.MEDIA_VOLUME_UNAVAILABLE.get(this)&&Fe.then((()=>{this.propagateMediaState(u.MEDIA_VOLUME_UNAVAILABLE,Ze.MEDIA_VOLUME_UNAVAILABLE.get(this))})),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,this.associateElement(this),Object.keys(Ye).forEach((e=>{const t=`_handle${w(e,!0)}`;this[t]=t=>{t.stopPropagation(),this.media?Ye[e](this.media,t,this):console.warn("MediaController: No media available.")},this.addEventListener(o[e],this[t])})),this._mediaStatePropagators={},Object.keys(Ze).forEach((e=>{this._mediaStatePropagators[e]=t=>{this.propagateMediaState(u[e],Ze[e].get(this,t))}})),this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat("nohotkeys","hotkeys","default-stream-type")}get fullscreenElement(){var e;return null!=(e=at(this,Xe))?e:this}set fullscreenElement(e){this.hasAttribute("fullscreen-element")&&this.removeAttribute("fullscreen-element"),st(this,Xe,e)}attributeChangedCallback(e,t,n){var i;if("nohotkeys"===e)n!==t&&""===n?(this.hasAttribute("hotkeys")&&console.warn("Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):n!==t&&null===n&&this.enableHotkeys();else if("hotkeys"===e)at(this,ze).value=n;else if("default-stream-type"===e)this.propagateMediaState(u.MEDIA_STREAM_TYPE);else if("fullscreen-element"===e){const e=n?null==(i=this.getRootNode())?void 0:i.getElementById(n):void 0;st(this,Xe,e)}super.attributeChangedCallback(e,t,n)}mediaSetCallback(e){if(super.mediaSetCallback(e),e.hasAttribute("tabindex")||e.setAttribute("tabindex",-1),Object.keys(Ze).forEach((t=>{const{mediaEvents:n,rootEvents:i,trackListEvents:a}=Ze[t],r=this._mediaStatePropagators[t];null==n||n.forEach((t=>{e.addEventListener(t,r)})),null==i||i.forEach((e=>{this.getRootNode().addEventListener(e,r)})),null==a||a.forEach((t=>{var n;null==(n=e.textTracks)||n.addEventListener(t,r)}))})),!this.hasAttribute("novolumepref"))try{const t=W.localStorage.getItem("media-chrome-pref-volume");null!==t&&(e.volume=t)}catch(t){console.debug("Error getting volume pref",t)}}mediaUnsetCallback(e){super.mediaUnsetCallback(e),Object.keys(Ze).forEach((t=>{const{mediaEvents:n,rootEvents:i,trackListEvents:a}=Ze[t],r=this._mediaStatePropagators[t];null==n||n.forEach((t=>{e.removeEventListener(t,r)})),null==i||i.forEach((e=>{this.getRootNode().removeEventListener(e,r)})),null==a||a.forEach((t=>{var n;null==(n=e.textTracks)||n.removeEventListener(t,r)}))}
1)),this.propagateMediaState(u.MEDIA_PAUSED,!0)}propagateMediaState(e,t){const n=this.getAttribute(e);if(Et(this.mediaStateReceivers,e,t),n===this.getAttribute(e))return;const i=new W.CustomEvent(h[e],{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(i)}associateElement(e){if(!e)return;const{associatedElementSubscriptions:t}=this;if(t.has(e))return;const n=this.registerMediaStateReceiver.bind(this),i=this.unregisterMediaStateReceiver.bind(this),a=pt(e,n,i);Object.keys(o).forEach((t=>{e.addEventListener(o[t],this[`_handle${w(t,!0)}`])})),t.set(e,a)}unassociateElement(e){if(!e)return;const{associatedElementSubscriptions:t}=this;if(!t.has(e))return;t.get(e)(),t.delete(e),Object.keys(o).forEach((t=>{e.removeEventListener(o[t],this[`_handle${w(t,!0)}`])}))}registerMediaStateReceiver(e){if(!e)return;const t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),Object.keys(Ze).forEach((t=>{const n=Ze[t];Et([e],u[t],n.get(this))})))}unregisterMediaStateReceiver(e){const t=this.mediaStateReceivers,n=t.indexOf(e);n<0||t.splice(n,1)}enableHotkeys(){this.addEventListener("keydown",ot(this,tt,nt))}disableHotkeys(){this.removeEventListener("keydown",ot(this,tt,nt)),this.removeEventListener("keyup",ot(this,Je,et))}get hotkeys(){return at(this,ze)}keyboardShortcutHandler(e){var t,n,i,a;if((null!=(a=null!=(i=null==(t=e.target.getAttribute("keysused"))?void 0:t.split(" "))?i:null==(n=e.target)?void 0:n.keysUsed)?a:[]).map((e=>"Space"===e?" ":e)).filter(Boolean).includes(e.key))return;let r,s,l,d,c;if(!at(this,ze).contains(`no${e.key.toLowerCase()}`)&&(" "!==e.key||!at(this,ze).contains("nospace")))switch(e.key){case" ":case"k":r=null!=this.getAttribute(u.MEDIA_PAUSED)?o.MEDIA_PLAY_REQUEST:o.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new W.CustomEvent(r,{composed:!0,bubbles:!0}));break;case"m":r="off"===this.getAttribute(u.MEDIA_VOLUME_LEVEL)?o.MEDIA_UNMUTE_REQUEST:o.MEDIA_MUTE_REQUEST,this.dispatchEvent(new W.CustomEvent(r,{composed:!0,bubbles:!0}));break;case"f":r=null!=this.getAttribute(u.MEDIA_IS_FULLSCREEN)?o.MEDIA_EXIT_FULLSCREEN_REQUEST:o.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new W.CustomEvent(r,{composed:!0,bubbles:!0}));break;case"c":Pe(this);break;case"ArrowLeft":s=this.getAttribute(u.MEDIA_CURRENT_TIME),l=s&&!Number.isNaN(+s)?+s:0,d=Math.max(l-10,0),c=new W.CustomEvent(o.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:d}),this.dispatchEvent(c);break;case"ArrowRight":s=this.getAttribute(u.MEDIA_CURRENT_TIME),l=s&&!Number.isNaN(+s)?+s:0,d=Math.max(l+10,0),c=new W.CustomEvent(o.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:d}),this.dispatchEvent(c)}}}ze=new WeakMap,Xe=new WeakMap,Je=new WeakSet,et=function(e){const{key:t}=e;lt.includes(t)?this.keyboardShortcutHandler(e):this.removeEventListener("keyup",ot(this,Je,et))},tt=new WeakSet,nt=function(e){const{metaKey:t,altKey:n,key:i}=e;t||n||!lt.includes(i)?this.removeEventListener("keyup",ot(this,Je,et)):([" ","ArrowLeft","ArrowRight"].includes(i)&&!(at(this,ze).contains(`no${i.toLowerCase()}`)||" "===i&&at(this,ze).contains("nospace"))&&e.preventDefault(),this.addEventListener("keyup",ot(this,Je,et),{once:!0}))};const ct=Object.values(u),ut=e=>{var t,n,i,a;let{observedAttributes:r}=e.constructor;!r&&(null==(t=e.nodeName)?void 0:t.includes("-"))&&(W.customElements.upgrade(e),({observedAttributes:r}=e.constructor));const s=null==(a=null==(i=null==(n=null==e?void 0:e.getAttribute)?void 0:n.call(e,d))?void 0:i.split)?void 0:a.call(i,/\s+/);return Array.isArray(r||s)?(r||s).filter((e=>ct.includes(e))):[]},ht=e=>!!ut(e).length,mt=(e,t)=>{if((e=>{var t;return!!(null==(t=e.closest)?void 0:t.call(e,'*[slot="media"]'))})(e))return;const n=(e,t)=>{var n,i;ht(e)&&t(e);const{children:a=[]}=null!=e?e:{};[...a,...null!=(i=null==(n=null==e?void 0:e.shadowRoot)?void 0:n.children)?i:[]].forEach((e=>mt(e,t)))},i=null==e?void 0:e.nodeName.toLowerCase();!i.includes("-")||ht(e)?n(e,t):W.customElements.whenDefined(i).then((()=>{n(e,t)}))},Et=(e,t,n)=>{e.forEach((e=>{ut(e).includes(t)&&(async(e,t,n)=>{e.isConnected||await k(0),void 0==n?e.removeAttribute(t):"boolean"===typeof n?n?e.setAttribute(t,""):e.removeAttribute(t):Number.isNaN(n)?e.removeAttribute(t):e.setAttribute(t,n)})(e,t,n)}))}
1,pt=(e,t,n)=>{mt(e,t);const i=e=>{var n;const i=null!=(n=null==e?void 0:e.composedPath()[0])?n:e.target;t(i)},a=e=>{var t;const i=null!=(t=null==e?void 0:e.composedPath()[0])?t:e.target;n(i)};e.addEventListener(o.REGISTER_MEDIA_STATE_RECEIVER,i),e.addEventListener(o.UNREGISTER_MEDIA_STATE_RECEIVER,a);const r=new MutationObserver((e=>{e.forEach((e=>{const{addedNodes:i=[],removedNodes:a=[],type:r,target:s,attributeName:o}=e;"childList"===r?(Array.prototype.forEach.call(i,(e=>mt(e,t))),Array.prototype.forEach.call(a,(e=>mt(e,n)))):"attributes"===r&&o===d&&(ht(s)?t(s):n(s))}))}));r.observe(e,{childList:!0,attributes:!0,subtree:!0});return()=>{mt(e,n),r.disconnect(),e.removeEventListener(o.REGISTER_MEDIA_STATE_RECEIVER,i),e.removeEventListener(o.UNREGISTER_MEDIA_STATE_RECEIVER,a)}};W.customElements.get("media-controller")||W.customElements.define("media-controller",dt);var bt,vt,gt,At,ft=dt,_t=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},It=(e,t,n)=>(_t(e,t,"read from private field"),n?n.call(e):t.get(e)),Mt=(e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)},yt=(e,t,n,i)=>(_t(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n);const wt=$.createElement("template"),kt="\n height: var(--thumb-height);
1\n width: var(--media-range-thumb-width, 10px);\n border: var(--media-range-thumb-border, none);\n border-radius: var(--media-range-thumb-border-radius, 10px);\n background: var(--media-range-thumb-background, var(--media-primary-color, rgb(238 238 238)));\n box-shadow: var(--media-range-thumb-box-shadow, 1px 1px 1px transparent);\n cursor: pointer;\n transition: var(--media-range-thumb-transition, none);\n transform: var(--media-range-thumb-transform, none);\n opacity: var(--media-range-thumb-opacity, 1);\n",St="\n min-width: 40px;\n height: var(--track-height);\n border: var(--media-range-track-border, none);\n outline: var(--media-range-track-outline);\n outline-offset: var(--media-range-track-outline-offset);\n border-radius: var(--media-range-track-border-radius, 1px);\n background: var(--media-range-track-progress-internal, var(--media-range-track-background, rgb(255 255 255 / .2)));\n box-shadow: var(--media-range-track-box-shadow, none);\n transition: var(--media-range-track-transition, none);\n transform: translate(var(--media-range-track-translate-x, 0), var(--media-range-track-translate-y, 0));\n cursor: pointer;\n";wt.innerHTML=`\n <style>\n :host {\n --thumb-height: var(--media-range-thumb-height, 10px);\n --track-height: var(--media-range-track-height, 4px);\n --_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));\n --_media-range-padding: var(--media-range-padding, var(--media-control-padding, 10px));\n\n vertical-align: middle;\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));\n transition: background .15s linear;\n width: 100px;\n height: calc(var(--media-control-height, 24px) + 2 * var(--_media-range-padding));\n padding-left: var(--media-range-padding-left, var(--_media-range-padding));\n padding-right: var(--media-range-padding-right, var(--_media-range-padding));\n pointer-events: auto;\n \n font-size: 0;\n box-shadow: var(--_focus-visible-box-shadow, none);\n }\n\n \n input[type=range]:focus {\n outline: 0;\n }\n input[type=range]:focus::-webkit-slider-runnable-track {\n outline: 0;\n }\n\n :host(:hover) {\n background: var(--media-control-hover-background, rgb(50 50 70 / .7));\n }\n\n #container {\n position: relative;\n height: 100%;\n }\n\n input[type=range] {\n \n -webkit-appearance: none; \n background: transparent; \n\n \n min-height: 100%;\n width: var(--media-range-track-width, 100%); \n\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n }\n\n \n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n ${kt}\n \n margin-top: calc(calc(0px - var(--thumb-height) + var(--track-height)) / 2);\n }\n\n \n input[type=range]::-moz-range-thumb {\n ${kt}\n translate: var(--media-range-track-translate-x, 0) var(--media-range-track-translate-y, 0);\n }\n\n input[type=range]::-webkit-slider-runnable-track { ${St} }\n input[type=range]::-moz-range-track { ${St} }\n input[type=range]::-ms-track {\n \n width: 100%;\n cursor: pointer;\n \n background: transparent;\n border-color: transparent;\n color: transparent;\n\n ${St}\n }\n\n #background,\n #pointer {\n min-width: 40px;\n width: var(--media-range-track-width, 100%);\n height: var(--track-height);\n border-radius: var(--media-range-track-border-radius, 1px);\n position: absolute;\n top: 50%;\n transform: translate(var(--media-range-track-translate-x, 0px), calc(var(--media-range-track-translate-y, 0px) - 50%));\n background: var(--media-range-track-background, rgb(255 255 255 / .2));\n }\n\n #pointer {\n min-width: auto;\n background: var(--media-range-track-pointer-background);\n border-right: var(--media-range-track-pointer-border-right);\n transition: visibility .25s, opacity .25s;\n visibility: hidden;\n opacity: 0;\n }\n\n :host(:hover) #pointer {\n transition: visibility .5s, opacity .5s;\n visibility: visible;\n opacity: 1;\n }\n\n #hoverzone {\n \n z-index: 1;\n display: var(--media-time-range-hover-display, none);\n position: absolute;\n width: 100%;\n bottom: var(--media-time-range-hover-bottom, -5px);\n height: var(--media-time-range-hover-height, max(calc(100% + 5px), 20px));\n }\n\n #range {\n z-index: 2;\n position: relative;\n height: var(--media-range-track-height, 4px);\n }\n\n input[type=range]:disabled::-webkit-slider-thumb {\n background-color: #777;\n }\n\n input[type=range]:disabled::-webkit-slider-runnable-track {\n background-color: #777;\n }\n </style>\n <div id="container">\n <div id="background"></div>\n <div id="pointer"></div>\n <div id="hoverzone"></div>
1\n <input id="range" type="range" min="0" max="1000" step="any" value="0">\n </div>\n`;class Tt extends W.HTMLElement{constructor(){super(),Mt(this,bt,void 0),Mt(this,vt,void 0),Mt(this,gt,(()=>{if(this.range.matches(":focus-visible")){const{style:e}=N(this.shadowRoot,":host");e.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}})),Mt(this,At,(()=>{const{style:e}=N(this.shadowRoot,":host");e.removeProperty("--_focus-visible-box-shadow")})),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(wt.content.cloneNode(!0)));const{style:e}=N(this.shadowRoot,":host");e.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-block))`),this.container=this.shadowRoot.querySelector("#container"),this.range=this.shadowRoot.querySelector("#range"),this.range.addEventListener("input",this.updateBar.bind(this)),yt(this,bt,parseInt(getComputedStyle(this).getPropertyValue("--media-range-thumb-width")||"10",10))}static get observedAttributes(){return["disabled","aria-disabled",c]}attributeChangedCallback(e,t,n){var i,a,r,s,o;e===c?(t&&(null==(a=null==(i=It(this,vt))?void 0:i.unassociateElement)||a.call(i,this),yt(this,vt,null)),n&&(yt(this,vt,null==(r=this.getRootNode())?void 0:r.getElementById(n)),null==(o=null==(s=It(this,vt))?void 0:s.associateElement)||o.call(s,this))):("disabled"===e||"aria-disabled"===e&&t!==n)&&(null==n?this.range.removeAttribute(e):this.range.setAttribute(e,n))}connectedCallback(){var e,t,n;const i=this.getAttribute(c);i&&(yt(this,vt,null==(e=this.getRootNode())?void 0:e.getElementById(i)),null==(n=null==(t=It(this,vt))?void 0:t.associateElement)||n.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",It(this,gt)),this.shadowRoot.addEventListener("focusout",It(this,At))}disconnectedCallback(){var e,t;null==(t=null==(e=It(this,vt))?void 0:e.unassociateElement)||t.call(e,this),yt(this,vt,null),this.shadowRoot.removeEventListener("focusin",It(this,gt)),this.shadowRoot.removeEventListener("focusout",It(this,At))}updatePointerBar(e){const t=this.range.getBoundingClientRect();let n=(e.clientX-t.left)/t.width;n=Math.max(0,Math.min(1,n));const{style:i}=N(this.shadowRoot,"#pointer");i.setProperty("width",n*t.width+"px")}updateBar(){const e=this.getBarColors();let t="linear-gradient(to right, ",n=0;e.forEach((e=>{e[1]<n||(t+=`${e[0]} ${n}%, ${e[0]} ${e[1]}%,`,n=e[1])})),t=t.slice(0,t.length-1)+")";const{style:i}=N(this.shadowRoot,"#range");i.setProperty("--media-range-track-progress-internal",t)}getBarColors(){const e=this.range,t=(e.value-e.min)/(e.max-e.min)*100;let n=0;if(e.value>e.min&&e.value<e.max){n=It(this,bt)*(.5-t/100)/e.offsetWidth*100}return[["var(--media-range-bar-color, var(--media-primary-color, rgb(238 238 238)))",t+n],["var(--media-range-track-color, transparent)",100]]}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}}bt=new WeakMap,vt=new WeakMap,gt=new WeakMap,At=new WeakMap,W.customElements.get("media-chrome-range")||W.customElements.define("media-chrome-range",Tt);var Lt,Ct=Tt,Dt=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},Rt=(e,t,n)=>(Dt(e,t,"read from private field"),n?n.call(e):t.get(e)),xt=(e,t,n,i)=>(Dt(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n);const Ut=$.createElement("template");
1Ut.innerHTML="\n <style>\n :host {\n \n box-sizing: border-box;\n display: var(--media-control-display, var(--media-control-bar-display, inline-flex));\n color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));\n --media-loading-icon-width: 44px;\n }\n\n media-time-range,\n ::slotted(media-time-range),\n ::slotted(media-progress-range),\n ::slotted(media-clip-selector) {\n flex-grow: 1;\n }\n </style>\n\n <slot></slot>\n";class Nt extends W.HTMLElement{constructor(){super(),((e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)})(this,Lt,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Ut.content.cloneNode(!0)))}static get observedAttributes(){return[c]}attributeChangedCallback(e,t,n){var i,a,r,s,o;e===c&&(t&&(null==(a=null==(i=Rt(this,Lt))?void 0:i.unassociateElement)||a.call(i,this),xt(this,Lt,null)),n&&(xt(this,Lt,null==(r=this.getRootNode())?void 0:r.getElementById(n)),null==(o=null==(s=Rt(this,Lt))?void 0:s.associateElement)||o.call(s,this)))}connectedCallback(){var e,t,n;const i=this.getAttribute(c);i&&(xt(this,Lt,null==(e=this.getRootNode())?void 0:e.getElementById(i)),null==(n=null==(t=Rt(this,Lt))?void 0:t.associateElement)||n.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=Rt(this,Lt))?void 0:e.unassociateElement)||t.call(e,this),xt(this,Lt,null)}}Lt=new WeakMap,W.customElements.get("media-control-bar")||W.customElements.define("media-control-bar",Nt);var Pt,Ot=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},Vt=(e,t,n)=>(Ot(e,t,"read from private field"),n?n.call(e):t.get(e)),Bt=(e,t,n,i)=>(Ot(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n);const Wt=$.createElement("template");
1Wt.innerHTML="\n <style>\n :host {\n font: var(--media-font,\n var(--media-font-weight, normal)\n var(--media-font-size, 14px) /\n var(--media-text-content-height, var(--media-control-height, 24px))\n var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));\n color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));\n background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));\n padding: var(--media-control-padding, 10px);\n display: inline-flex;\n justify-content: center;\n align-items: center;\n vertical-align: middle;\n box-sizing: border-box;\n text-align: center;\n pointer-events: auto;\n }\n\n \n :host(:focus-visible) {\n box-shadow: inset 0 0 0 2px rgb(27 127 204 / .9);\n outline: 0;\n }\n\n \n :host(:where(:focus)) {\n box-shadow: none;\n outline: 0;\n }\n </style>\n <slot></slot>\n";class $t extends W.HTMLElement{constructor(){super(),((e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)})(this,Pt,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Wt.content.cloneNode(!0)));const{style:e}=N(this.shadowRoot,":host");e.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`)}static get observedAttributes(){return[c]}attributeChangedCallback(e,t,n){var i,a,r,s,o;e===c&&(t&&(null==(a=null==(i=Vt(this,Pt))?void 0:i.unassociateElement)||a.call(i,this),Bt(this,Pt,null)),n&&(Bt(this,Pt,null==(r=this.getRootNode())?void 0:r.getElementById(n)),null==(o=null==(s=Vt(this,Pt))?void 0:s.associateElement)||o.call(s,this)))}connectedCallback(){var e,t,n;const i=this.getAttribute(c);i&&(Bt(this,Pt,null==(e=this.getRootNode())?void 0:e.getElementById(i)),null==(n=null==(t=Vt(this,Pt))?void 0:t.associateElement)||n.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=Vt(this,Pt))?void 0:e.unassociateElement)||t.call(e,this),Bt(this,Pt,null)}}Pt=new WeakMap,W.customElements.get("media-text-display")||W.customElements.define("media-text-display",$t);var Ht,jt=$t,Qt=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},Ft=(e,t,n)=>(Qt(e,t,"read from private field"),n?n.call(e):t.get(e));class Kt extends jt{constructor(){var e,t,n,i;super(),((e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)})(this,Ht,void 0),e=this,t=Ht,n=this.shadowRoot.querySelector("slot"),Qt(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),Ft(this,Ht).textContent=L(0)}static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_CURRENT_TIME]}attributeChangedCallback(e,t,n){e===u.MEDIA_CURRENT_TIME&&(Ft(this,Ht).textContent=L(n)),super.attributeChangedCallback(e,t,n)}}Ht=new WeakMap,W.customElements.get("media-current-time-display")||W.customElements.define("media-current-time-display",Kt);var Gt,qt=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},Zt=(e,t,n)=>(qt(e,t,"read from private field"),n?n.call(e):t.get(e));class Yt extends jt{constructor(){var e,t,n,i;super(),((e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)})(this,Gt,void 0),e=this,t=Gt,n=this.shadowRoot.querySelector("slot"),qt(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),Zt(this,Gt).textContent=L(0)}static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_DURATION]}attributeChangedCallback(e,t,n){e===u.MEDIA_DURATION&&(Zt(this,Gt).textContent=L(n)),super.attributeChangedCallback(e,t,n)}}Gt=new WeakMap,W.customElements.get("media-duration-display")||W.customElements.define("media-duration-display",Yt);var zt,Xt=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},Jt=(e,t,n)=>(Xt(e,t,"read from private field"),n?n.call(e):t.get(e));const en=["Enter"," "],tn=(e,{timesSep:t=" / "}={})=>{var n,i,a;const r=null!=e.getAttribute("remaining"),s=null!=e.getAttribute("show-duration"),o=null!=(n=e.mediaCurrentTime)?n:0,l=null!=(a=null!=(i=e.mediaDuration)?i:e.mediaSeekableEnd)?a:0,d=L(r?0-(l-o):o);return s?`${d}${t}${L(l)}`:d};
1class nn extends jt{constructor(){var e,t,n,i;super(),((e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)})(this,zt,void 0),e=this,t=zt,n=this.shadowRoot.querySelector("slot"),Xt(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),Jt(this,zt).innerHTML=`${tn(this)}`;const{style:a}=N(this.shadowRoot,":host");a.setProperty("cursor","pointer")}static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_CURRENT_TIME,u.MEDIA_DURATION,u.MEDIA_SEEKABLE,"remaining","show-duration","disabled"]}connectedCallback(){this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","progressbar"),this.setAttribute("aria-label",M.PLAYBACK_TIME());const e=t=>{const{key:n}=t;en.includes(n)?this.toggleTimeDisplay():this.removeEventListener("keyup",e)};this.addEventListener("keydown",(t=>{const{metaKey:n,altKey:i,key:a}=t;n||i||!en.includes(a)?this.removeEventListener("keyup",e):this.addEventListener("keyup",e)})),this.addEventListener("click",this.toggleTimeDisplay),super.connectedCallback()}toggleTimeDisplay(){this.hasAttribute("remaining")?this.removeAttribute("remaining"):this.setAttribute("remaining","")}disconnectedCallback(){this.disable(),super.disconnectedCallback()}attributeChangedCallback(e,t,n){if([u.MEDIA_CURRENT_TIME,u.MEDIA_DURATION,u.MEDIA_SEEKABLE,"remaining","show-duration"].includes(e)){const e=tn(this);(e=>{const t=e.mediaCurrentTime,n=e.mediaDuration||e.mediaSeekableEnd;if(null==t||null==n)return void e.setAttribute("aria-valuetext","video not loaded, unknown time.");const i=e.hasAttribute("remaining"),a=e.hasAttribute("show-duration"),r=T(i?0-(n-t):t);if(!a)return void e.setAttribute("aria-valuetext",r);const s=`${r} of ${T(n)}`;e.setAttribute("aria-valuetext",s)})(this),e!==Jt(this,zt).innerHTML&&(Jt(this,zt).innerHTML=e)}else"disabled"===e&&n!==t&&(null==n?this.enable():this.disable());super.attributeChangedCallback(e,t,n)}enable(){this.setAttribute("tabindex",0)}disable(){this.removeAttribute("tabindex")}get mediaDuration(){const e=this.getAttribute(u.MEDIA_DURATION);return null!=e?+e:void 0}get mediaCurrentTime(){const e=this.getAttribute(u.MEDIA_CURRENT_TIME);return null!=e?+e:void 0}get mediaSeekable(){const e=this.getAttribute(u.MEDIA_SEEKABLE);if(e)return e.split(":").map((e=>+e))}get mediaSeekableEnd(){var e;const[,t]=null!=(e=this.mediaSeekable)?e:[];return t}get mediaSeekableStart(){var e;const[t]=null!=(e=this.mediaSeekable)?e:[];return t}}zt=new WeakMap,W.customElements.get("media-time-display")||W.customElements.define("media-time-display",nn);const an=$.createElement("template");an.innerHTML='\n <style>\n :host([aria-checked="true"]) slot:not([name=on]) > *,\n :host([aria-checked="true"]) ::slotted(:not([slot=on])) {\n display: none !important;\n }\n\n \n :host(:not([aria-checked="true"])) slot:not([name=off]) > *, \n :host(:not([aria-checked="true"])) ::slotted(:not([slot=off])) {\n display: none !important;\n }\n </style>\n\n <slot name="on"><svg aria-hidden="true" viewBox="0 0 26 24">\n <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>\n</svg></slot>\n <slot name="off"><svg aria-hidden="true" viewBox="0 0 26 24">\n <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.8
11 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"/>\n</svg></slot>\n';const rn=e=>{e.setAttribute("aria-checked",Ne(e))};class sn extends ee{static get observedAttributes(){return[...super.observedAttributes,"no-subtitles-fallback","default-showing",u.MEDIA_CAPTIONS_LIST,u.MEDIA_CAPTIONS_SHOWING,u.MEDIA_SUBTITLES_LIST,u.MEDIA_SUBTITLES_SHOWING]}constructor(e={}){super({slotTemplate:an,...e}),this._captionsReady=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",M.CLOSED_CAPTIONS()),rn(this)}attributeChangedCallback(e,t,n){if([u.MEDIA_CAPTIONS_SHOWING,u.MEDIA_SUBTITLES_SHOWING].includes(e)&&rn(this),this.hasAttribute("default-showing")&&"true"!==this.getAttribute("aria-checked")){const t=!this.hasAttribute("no-subtitles-fallback");if((t?[u.MEDIA_CAPTIONS_LIST,u.MEDIA_SUBTITLES_LIST]:[u.MEDIA_CAPTIONS_LIST]).includes(e)){const e=!!this.getAttribute(u.MEDIA_CAPTIONS_LIST)||!(!t||!this.getAttribute(u.MEDIA_SUBTITLES_LIST));this._captionsReady!==e&&(this._captionsReady=e,this._captionsReady&&Pe(this))}}super.attributeChangedCallback(e,t,n)}handleClick(){Pe(this)}}W.customElements.get("media-captions-button")||W.customElements.define("media-captions-button",sn);const on="30",ln=$.createElement("template");ln.innerHTML=' \n <slot name="forward"><svg aria-hidden="true" viewBox="0 0 20 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(8.9 19.87)">30</text><path d="M10 6V3l5.61 4L10 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 10 6Z"/></svg></slot>\n';const dn=e=>{const t=Math.abs(+e.getAttribute("seek-offset")),n=y.SEEK_FORWARD_N_SECS({seekOffset:t});e.setAttribute("aria-label",n)},cn=e=>{const t=R(e,"forward"),n=e.getAttribute("seek-offset");D(t,n)};class un extends ee{static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_CURRENT_TIME,"seek-offset"]}constructor(e={}){super({slotTemplate:ln,...e})}connectedCallback(){this.hasAttribute("seek-offset")||this.setAttribute("seek-offset",on),dn(this),cn(this),super.connectedCallback()}attributeChangedCallback(e,t,n){"seek-offset"===e&&(void 0==n&&this.setAttribute("seek-offset",on),cn(this),dn(this)),super.attributeChangedCallback(e,t,n)}handleClick(){const e=this.getAttribute(u.MEDIA_CURRENT_TIME),t=+this.getAttribute("seek-offset"),n=(e&&!Number.isNaN(+e)?+e:0)+t,i=new W.CustomEvent(o.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:n});this.dispatchEvent(i)}}W.customElements.get("media-seek-forward-button")||W.customElements.define("media-seek-forward-button",un);const hn=$.createElement("template");hn.innerHTML=`\n <style>\n :host([${u.MEDIA_IS_FULLSCREEN}]) slot:not([name=exit]) > *,\n :host([${u.MEDIA_IS_FULLSCREEN}]) ::slotted(:not([slot=exit])) {\n display: none !important;\n }\n\n \n :host(:not([${u.MEDIA_IS_FULLSCREEN}])) slot:not([name=enter]) > *,\n :host(:not([${u.MEDIA_IS_FULLSCREEN}])) ::slotted(:not([slot=enter])) {\n display: none !important;\n }\n </style>\n\n <slot name="enter"><svg aria-hidden="true" viewBox="0 0 26 24">\n <path d="M16 3v2.5h3.5V9H22V3h-6ZM4 9h2.5V5.5H10V3H4v6Zm15.5 9.5H16V21h6v-6h-2.5v3.5ZM6.5 15H4v6h6v-2.5H6.5V15Z"/>\n</svg></slot>\n <slot name="exit"><svg aria-hidden="true" viewBox="0 0 26 24">\n <path d="M18.5 6.5V3H16v6h6V6.5h-3.5ZM16 21h2.5v-3.5H22V15h-6v6ZM4 17.5h3.5V21H10v-6H4v2.5Zm3.5-11H4V9h6V3H7.5v3.5Z"/>\n</svg></slot>\n`;const mn=e=>
1{const t=null!=e.getAttribute(u.MEDIA_IS_FULLSCREEN)?y.EXIT_FULLSCREEN():y.ENTER_FULLSCREEN();e.setAttribute("aria-label",t)};class En extends ee{static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_IS_FULLSCREEN,u.MEDIA_FULLSCREEN_UNAVAILABLE]}constructor(e={}){super({slotTemplate:hn,...e})}connectedCallback(){mn(this),super.connectedCallback()}attributeChangedCallback(e,t,n){e===u.MEDIA_IS_FULLSCREEN&&mn(this),super.attributeChangedCallback(e,t,n)}handleClick(){const e=null!=this.getAttribute(u.MEDIA_IS_FULLSCREEN)?o.MEDIA_EXIT_FULLSCREEN_REQUEST:o.MEDIA_ENTER_FULLSCREEN_REQUEST;this.dispatchEvent(new W.CustomEvent(e,{composed:!0,bubbles:!0}))}}W.customElements.get("media-fullscreen-button")||W.customElements.define("media-fullscreen-button",En);const{MEDIA_TIME_IS_LIVE:pn,MEDIA_PAUSED:bn}=u,{MEDIA_SEEK_TO_LIVE_REQUEST:vn,MEDIA_PLAY_REQUEST:gn}=o,An=$.createElement("template");An.innerHTML=`\n <style>\n\n slot[name=indicator] > *,\n :host ::slotted([slot=indicator]) {\n \n min-width: auto;\n fill: var(--media-live-button-icon-color, rgb(140, 140, 140));\n color: var(--media-live-button-icon-color, rgb(140, 140, 140));\n }\n\n :host([${pn}]:not([${bn}])) slot[name=indicator] > *,\n :host([${pn}]:not([${bn}])) ::slotted([slot=indicator]) {\n fill: var(--media-live-indicator-color, rgb(255, 0, 0));\n color: var(--media-live-indicator-color, rgb(255, 0, 0));\n }\n\n :host([${pn}]:not([${bn}])) {\n cursor: not-allowed;\n }\n\n </style>\n\n <slot name="indicator"><svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg></slot>\n \n <slot name="spacer"> </slot><slot name="text">LIVE</slot>\n`;class fn extends ee{static get observedAttributes(){return[...super.observedAttributes,bn,pn]}constructor(e={}){super({slotTemplate:An,...e}),this.setAttribute("aria-label",y.SEEK_LIVE())}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),this.hasAttribute(bn)||!this.hasAttribute(pn)?(this.setAttribute("aria-label",y.SEEK_LIVE()),this.removeAttribute("aria-disabled")):(this.setAttribute("aria-label",y.PLAYING_LIVE()),this.setAttribute("aria-disabled","true"))}handleClick(){!this.hasAttribute(bn)&&this.hasAttribute(pn)||(this.dispatchEvent(new W.CustomEvent(vn,{composed:!0,bubbles:!0})),this.hasAttribute(bn)&&this.dispatchEvent(new W.CustomEvent(gn,{composed:!0,bubbles:!0})))}}W.customElements.get("media-live-button")||W.customElements.define("media-live-button",fn);const _n='<svg aria-hidden="true" viewBox="0 0 24 24">\n <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"/>\n</svg>',In=$.createElement("template");In.innerHTML=`\n <style>\n \n :host(:not([${u.MEDIA_VOLUME_LEVEL}])) slot:not([name=high]) > *, \n :host(:not([${u.MEDIA_VOLUME_LEVEL}])) ::slotted(:not([slot=high])),\n :host([${u.MEDIA_VOLUME_LEVEL}=high]) slot:not([name=high]) > *, \n :host([${u.MEDIA_VOLUME_LEVEL}=high]) ::slotted(:not([slot=high])) {\n display: none !important;\n }\n\n :host([${u.MEDIA_VOLUME_LEVEL}=off]) slot:not([name=off]) > *, \n :host([${u.MEDIA_VOLUME_LEVEL}=off]) ::slotted(:not([slot=off])) {\n display: none !important;\n }\n\n :host([${u.MEDIA_VOLUME_LEVEL}=low]) slot:not([name=low]) > *, \n :host([${u.MEDIA_VOLUME_LEVEL}=low]) ::slotted(:not([slot=low])) {\n display: none !important;\n }\n\n :host([${u.MEDIA_VOLUME_LEVEL}=medium]) slot:not([name=medium]) > *, \n :host([${u.MEDIA_VOLUME_LEVEL}=medium]) ::slotted(:not([slot=medium])) {\n display: none !important;\n }\n </style>\n\n <slot name="off"><svg aria-hidden="true" viewBox="0 0 24 24">\n <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"/>\n</svg></slot>\n <slot name="low">${_n}</slot>\n <slot name="medium">${_n}</slot>\n <slot name="high"><svg aria-hidden="true" viewBox="0 0 24 24">\n <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"/>\n</svg></slot>\n`;const Mn=e=>{const t="off"===e.getAttribute(u.MEDIA_VOLUME_LEVEL)?y.UNMUTE():y.MUTE();e.setAttribute("aria-label",t)};class yn extends ee{static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_VOLUME_LEVEL]}constructor(e={}){super({slotTemplate:In,...e})}connectedCallback(){Mn(this),super.connectedCallback()}attributeChangedCallback(e,t,n){e===u.MEDIA_VOLUME_LEVEL&&Mn(this),super.attributeChangedCallback(e,t,n)}handleClick(){const e="off"===this.getAttribute(u.MEDIA_VOLUME_LEVEL)?o.MEDIA_UNMUTE_REQUEST:o.MEDIA_MUTE_REQUEST;this.dispatchEvent(new W.CustomEvent(e,{composed:!0,bubbles:!0}))}}W.customElements.get("media-mute-button")||W.customElements.define("media-mute-button",yn);const wn='<svg aria-hidden="true" viewBox="0 0 28 24">\n <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"/>\n</svg>',kn=$.createElement("template");kn.innerHTML=`\n <style>\n :host([${u.MEDIA_IS_PIP}]) slot:not([name=exit]) > *, \n :host([${u.MEDIA_IS_PIP}]) ::slotted(:not([slot=exit])) {\n display: none !important;\n }\n\n \n :host(:not([${u.MEDIA_IS_PIP}])) slot:not([name=enter]) > *, \n :host(:not([${u.MEDIA_IS_PIP}])) ::slotted(:not([slot=enter])) {\n display: none !important;\n }\n </style>\n\n <slot name="enter">${wn}</slot>\n <slot name="exit">${wn}</slot>\n`;const Sn=e=>{const t=null!=e.getAttribute(u.MEDIA_IS_PIP)?y.EXIT_PIP():y.ENTER_PIP();e.setAttribute("aria-label",t)};class Tn extends ee{static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_IS_PIP,u.MEDIA_PIP_UNAVAILABLE]}constructor(e={}){super({slotTemplate:kn,...e})}connectedCallback(){Sn(this),super.connectedCallback()}attributeChangedCallback(e,t,n){e===u.MEDIA_IS_PIP&&Sn(this),super.attributeChangedCallback(e,t,n)}handleClick(){const e=null!=this.getAttribute(u.MEDIA_IS_PIP)?o.MEDIA_EXIT_PIP_REQUEST:o.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new W.CustomEvent(e,{composed:!0,bubbles:!0}))}}W.customElements.get("media-pip-button")||W.customElements.define("media-pip-button",Tn);const Ln=$.createElement("template");Ln.innerHTML=`\n <style>\n :host([${u.MEDIA_PAUSED}]) slot[name=pause] > *, \n :host([${u.MEDIA_PAUSED}]) ::slotted([slot=pause]) {\n display: none !important;\n }\n\n :host(:not([${u.MEDIA_PAUSED}])) slot[name=play] > *, \n :host(:not([${u.MEDIA_PAUSED}])) ::slotted([slot=play]) {\n display: none !important;\n }\n </style>\n\n <slot name="play"><svg aria-hidden="true" viewBox="0 0 24 24">\n <path d="m6 21 15-9L6 3v18Z"/>\n</svg></slot>\n <slot name="pause"><svg aria-hidden="true" viewBox="0 0 24 24">\n <path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/>\n</svg></slot>\n`;const Cn=e=>{const t=null!=e.getAttribute(u.MEDIA_PAUSED)?y.PLAY():y.PAUSE();e.setAttribute("aria-label",t)};class Dn extends ee{static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_PAUSED]}constructor(e={}){super({slotTemplate:Ln,...e})}connectedCallback(){Cn(this),super.connectedCallback()}attributeChangedCallback(e,t,n){e===u.MEDIA_PAUSED&&Cn(this),super.attributeChangedCallback(e,t,n)}handleClick(){const e=null!=this.getAttribute(u.MEDIA_PAUSED)?o.MEDIA_PLAY_REQUEST:o.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new W.CustomEvent(e,{composed:!0,bubbles:!0}))}}W.customElements.get("media-play-button")||W.customElements.define("media-play-button",Dn);const Rn=[1,1.25,1.5,1.75,2],xn=$.createElement("template");xn.innerHTML='\n <span id="container"></span>\n';class Un extends ee{static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_PLAYBACK_RATE,"rates"]}constructor(e={}){super({slotTemplate:xn,...e}),this._rates=Rn,this.container=this.shadowRoot.querySelector("#container"),this.container.innerHTML="1x"}attributeChangedCallback(e,t,n){if("rates"!==e){if(e===u.MEDIA_PLAYBACK_RATE){const e=n?+n:Number.NaN,t=Number.isNaN(e)?1:e;return this.container.innerHTML=`${t}x`,void this.setAttribute("aria-label",M.PLAYBACK_RATE({playbackRate:t}))}super.attributeChangedCallback(e,t,n)}else{const e=(null!=n?n:"").trim().split(/\s*,?\s+/).map((e=>Number(e))).filter((e=>!Number.isNaN(e))).sort(((e,t)=>e-t));this._rates=e.length?e:Rn}}handleClick(){var e,t;const n=+this.getAttribute(u.MEDIA_PLAYBACK_RATE)||1,i=null!=(t=null!=(e=this._rates.find((e=>e>n)))?e:this._rates[0])?t:1,a=new W.CustomEvent(o.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:i});this.dispatchEvent(a)}}W.customElements.get("media-playback-rate-button")||W.customElements.define("media-playback-rate-button",Un);const Nn=$.createElement("template");Nn.innerHTML='\n <style>\n :host {\n pointer-events: none;\n display: var(--media-poster-image-display, inline-block);\n box-sizing: border-box;\n }\n\n img {\n max-width: 100%;\n max-height: 100%;\n min-width: 100%;\n min-height: 100%;\n background-repeat: no-repeat;\n background-position: var(--media-background-position, var(--media-object-position, center));\n background-size: var(--media-background-size, var(--media-object-fit, contain));\n object-fit: var(--media-object-fit, contain);\n object-position: var(--media-object-position, center);\n }\n </style>\n\n <img aria-hidden="true" id="image"/>\n';class Pn extends W.HTMLElement{static get observedAttributes(){return["placeholder-src","src"]}constructor(){super(),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Nn.content.cloneNode(!0))),this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,n){"src"===e&&(null==n?this.image.removeAttribute("src"):this.image.setAttribute("src",n)),"placeholder-src"===e&&(null==n?this.image.style.removeProperty("background-image"):((e,t)=>{e.style["background-image"]=`url('${t}')`})(this.image,n))}}W.customElements.get("media-poster-image")||W.customElements.define("media-poster-image",Pn);const On="30",Vn=$.createElement("template");
1Vn.innerHTML=' \n <slot name="backward"><svg aria-hidden="true" viewBox="0 0 20 24"><defs><style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style></defs><text class="text value" transform="translate(2.18 19.87)">30</text><path d="M10 6V3L4.37 7 10 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 10 6Z"/></svg></slot>\n';const Bn=e=>{const t=Math.abs(+e.getAttribute("seek-offset")),n=y.SEEK_BACK_N_SECS({seekOffset:t});e.setAttribute("aria-label",n)},Wn=e=>{const t=R(e,"backward"),n=e.getAttribute("seek-offset");D(t,n)};class $n extends ee{static get observedAttributes(){return[...super.observedAttributes,"seek-offset",u.MEDIA_CURRENT_TIME]}constructor(e={}){super({slotTemplate:Vn,...e})}connectedCallback(){this.hasAttribute("seek-offset")||this.setAttribute("seek-offset",On),Bn(this),Wn(this),super.connectedCallback()}attributeChangedCallback(e,t,n){"seek-offset"===e&&(void 0==n&&this.setAttribute("seek-offset",On),Wn(this),Bn(this)),super.attributeChangedCallback(e,t,n)}handleClick(){const e=this.getAttribute(u.MEDIA_CURRENT_TIME),t=+this.getAttribute("seek-offset"),n=e&&!Number.isNaN(+e)?+e:0,i=Math.max(n-t,0),a=new W.CustomEvent(o.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:i});this.dispatchEvent(a)}}W.customElements.get("media-seek-backward-button")||W.customElements.define("media-seek-backward-button",$n);var Hn,jn=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},Qn=(e,t,n)=>(jn(e,t,"read from private field"),n?n.call(e):t.get(e));class Fn extends jt{constructor(){var e,t,n,i;super(),((e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)})(this,Hn,void 0),e=this,t=Hn,n=this.shadowRoot.querySelector("slot"),jn(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),Qn(this,Hn).textContent=L(0)}static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,n){e===u.MEDIA_PREVIEW_TIME&&null!=n&&(Qn(this,Hn).textContent=L(n)),super.attributeChangedCallback(e,t,n)}}Hn=new WeakMap,W.customElements.get("media-preview-time-display")||W.customElements.define("media-preview-time-display",Fn);var Kn,Gn=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},qn=(e,t,n)=>(Gn(e,t,"read from private field"),n?n.call(e):t.get(e)),Zn=(e,t,n,i)=>(Gn(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n);const Yn=$.createElement("template");Yn.innerHTML='\n <style>\n :host {\n box-sizing: border-box;\n display: var(--media-control-display, var(--media-preview-thumbnail-display, inline-block));\n overflow: hidden;\n }\n\n img {\n display: none;\n position: relative;\n }\n </style>\n <img crossorigin loading="eager" decoding="async" />\n';class zn extends W.HTMLElement{constructor(){super(),((e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)})(this,Kn,void 0),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Yn.content.cloneNode(!0)))}static get observedAttributes(){return[c,"time",u.MEDIA_PREVIEW_IMAGE,u.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,n;const i=this.getAttribute(c);i&&(Zn(this,Kn,null==(e=this.getRootNode())?void 0:e.getElementById(i)),null==(n=null==(t=qn(this,Kn))?void 0:t.associateElement)||n.call(t,this))}disconnectedCallback(){var e,t;null==(t=null==(e=qn(this,Kn))?void 0:e.unassociateElement)||t.call(e,this),Zn(this,Kn,null)}attributeChangedCallback(e,t,n){var i,a,r,s,o;["time",u.MEDIA_PREVIEW_IMAGE,u.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===c&&(t&&(null==(a=null==(i=qn(this,Kn))?void 0:i.unassociateElement)||a.call(i,this),Zn(this,Kn,null)),n&&(Zn(this,Kn,null==(r=this.getRootNode())?void 0:r.getElementById(n)),null==(o=null==(s=qn(this,Kn))?void 0:s.associateElement)||o.call(s,this)))}update(){const e=this.getAttribute(u.MEDIA_PREVIEW_COORDS),t=this.getAttribute(u.MEDIA_PREVIEW_IMAGE);if(!e||!t)return;const[n,i,a,r]=e.split(/\s+/).map((e=>+e)),s=t.split("#")[0],o=getComputedStyle(this),{maxWidth:l,maxHeight:d,minWidth:c,minHeight:h}=o,m=Math.min(parseInt(l)/a,parseInt(d)/r),E=Math.max(parseInt(c)/a,parseInt(h)/r),p=m<1,b=p?m:E>1?E:1,{style:v}=N(this.shadowRoot,":host"),g=N(this.shadowRoot,"img").style,A=this.shadowRoot.querySelector("img"),f=p?"min":"max";v.setProperty(`${f}-width`,"initial","important"),v.setProperty(`${f}-height`,"initial","important"),v.width=a*b+"px",v.height=r*b+"px";const _=()=>{g.width=this.imgWidth*b+"px",g.height=this.imgHeight*b+"px",g.display="block"};A.src!==s&&(A.onload=()=>
1{this.imgWidth=A.naturalWidth,this.imgHeight=A.naturalHeight,_()},A.src=s,_()),_(),g.transform=`translate(-${n*b}px, -${i*b}px)`}}Kn=new WeakMap,W.customElements.get("media-preview-thumbnail")||W.customElements.define("media-preview-thumbnail",zn);var Xn,Jn,ei,ti,ni,ii,ai,ri,si,oi,li,di,ci,ui,hi,mi,Ei,pi=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},bi=(e,t,n)=>(pi(e,t,"read from private field"),n?n.call(e):t.get(e)),vi=(e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)},gi=(e,t,n,i)=>(pi(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n),Ai=(e,t,n)=>(pi(e,t,"access private method"),n);const fi=e=>{const t=e.range,n=T(+t.value),i=T(+t.max),a=n&&i?`${n} of ${i}`:"video not loaded, unknown time.";t.setAttribute("aria-valuetext",a)},_i=$.createElement("template");_i.innerHTML=`\n <style>\n :host {\n --media-preview-border-radius: 3px;\n --media-box-padding-left: 10px;\n --media-box-padding-right: 10px;\n }\n\n #preview-rail,\n #current-rail {\n \n width: 1%;\n position: absolute;\n left: 0;\n bottom: 100%;\n pointer-events: none;\n }\n\n [part~="box"] {\n \n position: absolute;\n bottom: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n transform: translateX(-50%);\n }\n\n [part~="preview-box"] {\n transition-property: var(--media-preview-transition-property, visibility, opacity);\n transition-duration: var(--media-preview-transition-duration-out, .25s);\n transition-delay: var(--media-preview-transition-delay-out, 0s);\n visibility: hidden;\n opacity: 0;\n }\n\n :host([${u.MEDIA_PREVIEW_IMAGE}]:hover) [part~="preview-box"],\n :host([${u.MEDIA_PREVIEW_TIME}]:hover) [part~="preview-box"] {\n transition-duration: var(--media-preview-transition-duration-in, .5s);\n transition-delay: var(--media-preview-transition-delay-in, .25s);\n visibility: visible;\n opacity: 1;\n }\n\n media-preview-thumbnail,\n ::slotted(media-preview-thumbnail) {\n visibility: hidden;\n \n transition: visibility 0s .25s;\n transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));\n background: var(--media-preview-time-background, var(--media-preview-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)))));\n box-shadow: var(--media-preview-thumbnail-box-shadow, 0 0 4px rgb(0 0 0 / .2));\n max-width: var(--media-preview-thumbnail-max-width, 180px);\n max-height: var(--media-preview-thumbnail-max-height, 160px);\n min-width: var(--media-preview-thumbnail-min-width, 120px);\n min-height: var(--media-preview-thumbnail-min-height, 80px);\n border: var(--media-preview-thumbnail-border);\n border-radius: var(--media-preview-thumbnail-border-radius,\n var(--media-preview-border-radius) var(--media-preview-border-radius) 0 0);\n }\n\n :host([${u.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail,\n :host([${u.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) {\n transition-delay: var(--media-preview-transition-delay-in, .25s);\n visibility: visible;\n }\n\n media-preview-time-display,\n ::slotted(media-preview-time-display) {\n min-width: 0;\n \n transition: min-width 0s, border-radius 0s;\n transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));\n background: var(--media-preview-time-background, var(--media-preview-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)))));\n border-radius: var(--media-preview-time-border-radius,\n var(--media-preview-border-radius) var(--media-preview-border-radius)\n var(--media-preview-border-radius) var(--media-preview-border-radius));\n padding: var(--media-preview-time-padding, 1px 10px 0);\n margin: var(--media-preview-time-margin, 0 0 10px);\n text-shadow: var(--media-preview-time-text-shadow, 0 0 4px rgb(0 0 0 / .75));\n }\n\n :host([${u.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display,\n :host([${u.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-time-display) {\n transition-delay: var(--media-preview-transition-delay-in, .25s);\n min-width: 100%;\n border-radius: var(--media-preview-time-border-radius,\n 0 0 var(--media-preview-border-radius) var(--media-preview-border-radius));\n }\n\n :host([${u.MEDIA_PREVIEW_TIME}]:hover) {\n --media-time-range-hover-display: block;\n }\n </style>\n <div id="preview-rail">\n <slot name="preview" part="box preview-box">
1\n <media-preview-thumbnail></media-preview-thumbnail>\n <media-preview-time-display></media-preview-time-display>\n </slot>\n </div>\n <div id="current-rail">\n <slot name="current" part="box current-box">\n \n </slot>\n </div>\n`;class Ii extends Ct{constructor(){super(),vi(this,ii),vi(this,ui),vi(this,mi),vi(this,Xn,void 0),vi(this,Jn,void 0),vi(this,ei,void 0),vi(this,ti,void 0),vi(this,ni,void 0),vi(this,ri,(e=>{if([...bi(this,Xn)].some((t=>e.composedPath().includes(t))))return;this.updatePointerBar(e);const t=+this.getAttribute(u.MEDIA_DURATION);if(!t)return;const n=this.range.getBoundingClientRect();let i=(e.clientX-n.left)/n.width;i=Math.max(0,Math.min(1,i));const a=Ai(this,ii,ai).call(this,bi(this,Jn),i),{style:r}=N(this.shadowRoot,"#preview-rail");r.transform=`translateX(${a})`;const s=i*t,l=new W.CustomEvent(o.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:s});this.dispatchEvent(l)})),vi(this,si,!1),vi(this,oi,(e=>{e.composedPath().includes(this)&&![...bi(this,Xn)].some((t=>e.composedPath().includes(t)))||(W.removeEventListener("pointermove",bi(this,oi)),gi(this,si,!1),bi(this,di).call(this))})),vi(this,li,(()=>{W.addEventListener("pointermove",bi(this,ri),!1)})),vi(this,di,(()=>{W.removeEventListener("pointermove",bi(this,ri));const e=new W.CustomEvent(o.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:null});this.dispatchEvent(e)})),vi(this,ci,(()=>{const e=this.getAttribute(u.MEDIA_DURATION);!bi(this,si)&&e&&(gi(this,si,!0),bi(this,li).call(this),W.addEventListener("pointermove",bi(this,oi),!1))})),this.container.appendChild(_i.content.cloneNode(!0)),this.range.addEventListener("input",(()=>{cancelAnimationFrame(this._refreshId);const e=this.range.value,t=new W.CustomEvent(o.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)})),this._refreshBar=()=>{const e=(performance.now()-this._updateTimestamp)/1e3;this.range.value=this.mediaCurrentTime+e*this.mediaPlaybackRate,this.updateBar(),this.updateCurrentBox(),this._refreshId=requestAnimationFrame(this._refreshBar)},gi(this,Xn,this.shadowRoot.querySelectorAll('[part~="box"]')),gi(this,Jn,this.shadowRoot.querySelector('[part~="preview-box"]')),gi(this,ei,this.shadowRoot.querySelector('[part~="current-box"]'));const e=getComputedStyle(this);gi(this,ti,parseInt(e.getPropertyValue("--media-box-padding-left"))),gi(this,ni,parseInt(e.getPropertyValue("--media-box-padding-right"))),Ai(this,ui,hi).call(this)}static get observedAttributes(){return[...super.observedAttributes,"thumbnails","disabled",u.MEDIA_PAUSED,u.MEDIA_DURATION,u.MEDIA_SEEKABLE,u.MEDIA_CURRENT_TIME,u.MEDIA_PREVIEW_IMAGE,u.MEDIA_PREVIEW_TIME,u.MEDIA_BUFFERED,u.MEDIA_PLAYBACK_RATE,u.MEDIA_LOADING]}connectedCallback(){this.range.setAttribute("aria-label",M.SEEK()),super.connectedCallback()}disconnectedCallback(){cancelAnimationFrame(this._refreshId),super.disconnectedCallback()}attributeChangedCallback(e,t,n){var i,a,r,s,o;e!==u.MEDIA_CURRENT_TIME&&e!==u.MEDIA_PAUSED&&e!==u.MEDIA_LOADING||(this._updateTimestamp=performance.now(),this.range.value=this.mediaCurrentTime,fi(this),this.updateBar(),this.updateCurrentBox(),cancelAnimationFrame(this._refreshId),this.mediaPaused||this.mediaLoading||(this._refreshId=requestAnimationFrame(this._refreshBar))),e===u.MEDIA_DURATION&&(this.range.max=null!=(a=null!=(i=this.mediaSeekableEnd)?i:this.mediaDuration)?a:1e3,fi(this),this.updateBar(),this.updateCurrentBox()),e===u.MEDIA_SEEKABLE&&(this.range.min=null!=(r=this.mediaSeekableStart)?r:0,this.range.max=null!=(o=null!=(s=this.mediaSeekableEnd)?s:this.mediaDuration)?o:1e3,fi(this),this.updateBar()),e===u.MEDIA_BUFFERED&&this.updateBar(),"disabled"===e&&(null==n?Ai(this,ui,hi).call(this):Ai(this,mi,Ei).call(this)),super.attributeChangedCallback(e,t,n)}get mediaPaused(){return this.hasAttribute(u.MEDIA_PAUSED)}get mediaLoading(){return this.hasAttribute(u.MEDIA_LOADING)}get mediaDuration(){const e=this.getAttribute(u.MEDIA_DURATION);return null!=e?+e:void 0}get mediaCurrentTime(){const e=this.getAttribute(u.MEDIA_CURRENT_TIME);return null!=e?+e:void 0}get mediaPlaybackRate(){const e=this.getAttribute(u.MEDIA_PLAYBACK_RATE);return null!=e?+e:1}get mediaBuffered(){const e=this.getAttribute(u.MEDIA_BUFFERED);return e?e.split(" ").map((e=>e.split(":").map((e=>+e)))):[]}get mediaSeekable(){const e=this.getAttribute(u.MEDIA_SEEKABLE);if(e)return e.split(":").map((e=>+e))}get mediaSeekableEnd(){var e;const[,t]=null!=(e=this.mediaSeekable)?e:[];return t}get mediaSeekableStart(){var e;const[t]=null!=(e=this.mediaSeekable)?e:[];return t}getBarColors(){var e;let t=super.getBarColors();const{range:n}=this,i=n.max-n.min,a=this.mediaBuffered;if(!a.length||!Number.isFinite(i)||i<=0)return t;const r=this.mediaCurrentTime,[,s=n.min]=null!=(e=a.find((([e,t])=>e<=r&&r<=t)))?e:[],o=(s-n.min)/i*100;return t.splice(1,0,["var(--media-time-buffered-color, rgb(255 255 255 / .4))",o]),t}updateCurrentBox(){if(!bi(this,ei).assignedElements().length)return;const e=this.range.value/(this.range.max-this.range.min),t=Ai(this,ii,ai).call(this,bi(this,ei),e),{style:n}=N(this.shadowRoot,"#current-rail");n.transform=`translateX(${t})`}}Xn=new WeakMap,Jn=new WeakMap,ei=new WeakMap,ti=new WeakMap,ni=new WeakMap,ii=new WeakSet,ai=function(e,t){var n;let i=100*t*100+"%";const a=e.offsetWidth;if(!a)return i;const r=null!=(n=this.getAttribute("bounds")?U(this,`#${this.getAttribute("bounds")}`):this.parentElement)?n:this,s=this.range.getBoundingClientRect(),o=r.getBoundingClientRect(),l=(bi(this,ti)-(s.left-o.left-a/2))/s.width*100,d=(o.right-s.left-a/2-bi(this,ni))/s.width*100;return Number.isNaN(l)||(i=`max(${100*l}%, ${i})`),Number.isNaN(d)||(i=`min(${i}, ${100*d}%)`),i},ri=new WeakMap,si=new WeakMap,oi=new WeakMap,li=new WeakMap,di=new WeakMap,ci=new WeakMap,ui=new WeakSet,hi=function(){this.addEventListener("pointermove",bi(this,ci),!1)},mi=new WeakSet,Ei=function(){W.removeEventListener("pointermove",bi(this,oi)),this.removeEventListener("pointermove",bi(this,ci)),gi(this,si,!1),bi(this,di).call(this)},W.customElements.get("media-time-range")||W.customElements.define("media-time-range",Ii);var Mi,yi=(e,t,n)=>{if(!t.has(e))throw TypeError("Cannot "+n)},wi=(e,t,n)=>(yi(e,t,"read from private field"),n?n.call(e):t.get(e)),ki=(e,t,n,i)=>(yi(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n);const Si=$.createElement("template");Si.innerHTML=`\n<style>\n:host {\n display: var(--media-control-display, var(--media-loading-indicator-display, inline-block));\n vertical-align: middle;\n box-sizing: border-box;\n}\n\n#status {\n color: rgba(0,0,0,0);\n width: 0px;\n height: 0px;\n}\n\n:host slot[name=loading] > *,\n:host ::slotted([slot=loading]) {\n opacity: 1;\n transition: opacity 0.15s;\n}\n\n:host(:not([is-loading])) slot[name=loading] > *, \n:host(:not([is-loading])) ::slotted([slot=loading]) {\n opacity: 0;\n}\n\n:host(:not([is-loading])) #status {\n display: none;\n}\n\nsvg, img, ::slotted(svg), ::slotted(img) {\n width: var(--media-loading-icon-width, 100px);\n height: var(--media-loading-icon-height);\n fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));\n vertical-align: middle;\n}\n</style>\n\n<slot name="loading">\n<svg aria-hidden="true" viewBox="0 0 100 100">\n <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">\n <animateTransform\n attributeName="transform"\n attributeType="XML"\n type="rotate"\n dur="1s"\n from="0 50 50"\n to="360 50 50"\n repeatCount="indef
1inite" />\n </path>\n</svg>\n</slot>\n<div id="status" role="status" aria-live="polite">${M.MEDIA_LOADING()}</div>\n`;class Ti extends W.HTMLElement{constructor(){if(super(),((e,t,n)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,n)})(this,Mi,void 0),!this.shadowRoot){const e=this.attachShadow({mode:"open"}),t=Si.content.cloneNode(!0);e.appendChild(t)}}static get observedAttributes(){return[c,u.MEDIA_PAUSED,u.MEDIA_LOADING,"loading-delay"]}attributeChangedCallback(e,t,n){var i,a,r,s,o,l;if(e===u.MEDIA_LOADING||e===u.MEDIA_PAUSED){const e=void 0!=this.getAttribute(u.MEDIA_PAUSED),t=void 0!=this.getAttribute(u.MEDIA_LOADING),n=!e&&t;if(n){if(!this.loadingDelayHandle&&n){const e=+(null!=(i=this.getAttribute("loading-delay"))?i:500);this.loadingDelayHandle=setTimeout((()=>{this.setAttribute("is-loading",""),this.loadingDelayHandle=void 0}),e)}}else this.loadingDelayHandle&&(clearTimeout(this.loadingDelayHandle),this.loadingDelayHandle=void 0),this.removeAttribute("is-loading")}else e===c&&(t&&(null==(r=null==(a=wi(this,Mi))?void 0:a.unassociateElement)||r.call(a,this),ki(this,Mi,null)),n&&(ki(this,Mi,null==(s=this.getRootNode())?void 0:s.getElementById(n)),null==(l=null==(o=wi(this,Mi))?void 0:o.associateElement)||l.call(o,this)))}connectedCallback(){var e,t,n;const i=this.getAttribute(c);i&&(ki(this,Mi,null==(e=this.getRootNode())?void 0:e.getElementById(i)),null==(n=null==(t=wi(this,Mi))?void 0:t.associateElement)||n.call(t,this))}disconnectedCallback(){var e,t;this.loadingDelayHandle&&(clearTimeout(this.loadingDelayHandle),this.loadingDelayHandle=void 0),null==(t=null==(e=wi(this,Mi))?void 0:e.unassociateElement)||t.call(e,this),ki(this,Mi,null)}}Mi=new WeakMap,W.customElements.get("media-loading-indicator")||W.customElements.define("media-loading-indicator",Ti);class Li extends Ct{static get observedAttributes(){return[...super.observedAttributes,u.MEDIA_VOLUME,u.MEDIA_MUTED,u.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.max=100,this.range.addEventListener("input",(()=>{const e=this.range.value/this.range.max,t=new W.CustomEvent(o.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}))}connectedCallback(){this.range.setAttribute("aria-label",M.VOLUME()),super.connectedCallback()}attributeChangedCallback(e,t,n){if(e===u.MEDIA_VOLUME||e===u.MEDIA_MUTED){const e=(e=>{var t;if(null!=e.getAttribute(u.MEDIA_MUTED))return 0;const n=+(null!=(t=e.getAttribute(u.MEDIA_VOLUME))?t:1);return Math.round(n*e.range.max)})(this);this.range.value=e,this.range.setAttribute("aria-valuetext",(({value:e,max:t})=>`${Math.round(e/t*100)}%`)(this.range)),this.updateBar()}super.attributeChangedCallback(e,t,n)}}W.customElements.get("media-volume-range")||W.customElements.define("media-volume-range",Li);class Ci extends ft{}W.customElements.get("media-chrome")||W.customElements.define("media-chrome",Ci);class Di extends ft{constructor(){super(),console.warn("MediaChrome: <media-container> is deprecated. Use <media-controller>.")}}W.customElements.get("media-container")||W.customElements.define("media-container",Di);const Ri={className:"class",classname:"class",htmlFor:"for",crossOrigin:"crossorigin",viewBox:"viewBox"},xi=(e={})=>Object.entries(e).reduce(((e,[t,n])=>{const i=((e,t)=>{if(Ri[e])return Ri[e];if(void 0!=typeof t&&("boolean"!==typeof t||t))return/[A-Z]/.test(e)?e.replace(/[A-Z]/g,(e=>`-${e.toLowerCase()}`)):e})(t,n);if(!i)return e;const a=((e,t)=>"boolean"===typeof e?"":Array.isArray(e)?e.join(" "):e)(n);return e[i]=a,e}),{}),Ui=(s.forwardRef((({children:e,...t},n)=>s.createElement("media-chrome-button",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-airplay-button",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-cast-button",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-gesture-receiver",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-container-temp",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-controller",xi({...t,ref:n}),e)))),Ni=(s.forwardRef((({children:e,...t},n)=>s.createElement("media-chrome-range",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-control-bar",xi({...t,ref:n}),e)))),Pi=(s.forwardRef((({children:e,...t},n)=>s.createElement("media-text-display",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-current-time-display",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-duration-display",xi({...t,ref:n}),e)))),Oi=s.forwardRef((({children:e,...t},n)=>s.createElement("media-time-display",xi({...t,ref:n}),e))),Vi=(s.forwardRef((({children:e,...t},n)=>s.createElement("media-captions-button",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-seek-forward-button",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-fullscreen-button",xi({...t,ref:n}),e)))),Bi=(s.forwardRef((({children:e,...t},n)=>s.createElement("media-live-button",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-mute-button",xi({...t,ref:n}),e)))),Wi=(s.forwardRef((({children:e,...t},n)=>s.createElement("media-pip-button",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-play-button",xi({...t,ref:n}),e)))),$i=(s.forwardRef((({children:e,...t},n)=>s.createElement("media-playback-rate-button",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-poster-image",xi({...t,ref:n}),e)))),Hi=(s.forwardRef((({children:e,...t},n)=>s.createElement("media-seek-backward-button",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-preview-time-display",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>
1s.createElement("media-preview-thumbnail",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-time-range",xi({...t,ref:n}),e)))),ji=s.forwardRef((({children:e,...t},n)=>s.createElement("media-loading-indicator",xi({...t,ref:n}),e)));s.forwardRef((({children:e,...t},n)=>s.createElement("media-volume-range",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-chrome",xi({...t,ref:n}),e))),s.forwardRef((({children:e,...t},n)=>s.createElement("media-container",xi({...t,ref:n}),e)));var Qi,Fi,Ki,Gi=n(32932),qi=n(96500),Zi=n(98235),Yi=n(14141);function zi(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var Xi="2.1.1";function Ji(e){let{asset:t,getCurrentTime:n,setDialogState:a}=e;const o=(0,qi.m8)(),l="EditThumbnailDialog".concat((0,s.useId)()),d=(0,s.useMemo)((()=>n()),[n]),c=(0,s.useMemo)((()=>({...t,thumbTime:d})),[t,d]),[u,h]=(0,s.useState)(!1),[m,E]=(0,s.useState)(null),p=(0,s.useCallback)((()=>{h(!0),o.patch(t._id).set({thumbTime:d}).commit({returnDocuments:!1}).then((()=>{a(!1)})).catch(E).finally((()=>{h(!1)}))}),[o,t._id,d,a]),b=300*(0,Zi.x)({maxDpr:2});if(m)throw m;return(0,i.jsx)(r.Vq,{id:l,header:"Edit thumbnail",onClose:()=>a(!1),footer:(0,i.jsx)(r.Kq,{padding:3,children:(0,i.jsx)(r.zx,{mode:"ghost",tone:"primary",loading:u,onClick:p,text:"Set new thumbnail"},"thumbnail")}),children:(0,i.jsxs)(r.Kq,{space:3,padding:3,children:[(0,i.jsxs)(r.Kq,{space:2,children:[(0,i.jsx)(r.xv,{size:1,weight:"semibold",children:"Current:"}),(0,i.jsx)(qi.uC,{asset:t,width:b})]}),(0,i.jsxs)(r.Kq,{space:2,children:[(0,i.jsx)(r.xv,{size:1,weight:"semibold",children:"New:"}),(0,i.jsx)(qi.uC,{asset:c,width:b})]})]})})}const ea=(0,Yi.ZP)(r.Zb)(Qi||(Qi=zi(["\n position: relative;\n min-height: 150px;\n aspect-ratio: 16 / 9;\n overflow: hidden;\n border-radius: 1px;\n media-airplay-button[media-airplay-unavailable] {\n display: none;\n }\n media-volume-range[media-volume-unavailable] {\n display: none;\n }\n media-pip-button[media-pip-unavailable] {\n display: none;\n }\n media-controller {\n --media-control-background: transparent;\n --media-control-hover-background: transparent;\n --media-range-track-background-color: rgba(255, 255, 255, 0.5);\n --media-range-track-border-radius: 3px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n }\n media-control-bar {\n --media-button-icon-width: 18px;\n --media-preview-time-margin: 0px;\n }\n media-control-bar:not([slot]) :is([role='button'], [role='switch'], button) {\n height: 44px;\n }\n .size-extra-small media-control-bar [role='button'],\n .size-extra-small media-control-bar [role='switch'] {\n height: auto;\n padding: 4.4% 3.2%;\n }\n .mxp-spacer {\n flex-grow: 1;\n height: 100%;\n background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));\n }\n media-controller::part(vertical-layer) {\n transition: background-color 1s;\n }\n media-controller:is([media-paused], :not([user-inactive]))::part(vertical-layer) {\n background-color: rgba(0, 0, 0, 0.6);\n transition: background-color 0.25s;\n }\n .mxp-center-controls {\n --media-background-color: transparent;\n --media-button-icon-width: 100%;\n --media-button-icon-height: auto;\n pointer-events: none;\n width: 100%;\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: center;\n }\n .mxp-center-controls media-play-button {\n --media-control-background: transparent;\n --media-control-hover-background: transparent;\n padding: 0;\n width: max(27px, min(9%, 90px));\n }\n .mxp-center-controls media-seek-backward-button,\n .mxp-center-controls media-seek-forward-button {\n --media-control-background: transparent;\n --media-control-hover-background: transparent;\n padding: 0;\n margin: 0 10%;\n width: min(7%, 70px);\n }\n media-loading-indicator {\n --media-loading-icon-width: 100%;\n --media-button-icon-height: auto;\n pointer-events: none;\n position: absolute;\n width: min(15%, 150px);\n display: flex;\n flex-flow: row;
1\n align-items: center;\n justify-content: center;\n }\n /* Intentionally don't target the div for transition but the children\n of the div. Prevents messing with media-chrome's autohide feature. */\n media-loading-indicator + div * {\n transition: opacity 0.15s;\n opacity: 1;\n }\n media-loading-indicator[media-loading]:not([media-paused]) ~ div > * {\n opacity: 0;\n transition-delay: 400ms;\n }\n media-volume-range {\n width: min(100%, 100px);\n }\n media-time-display {\n white-space: nowrap;\n }\n :is(media-time-display, media-text-display, media-playback-rate-button) {\n color: inherit;\n }\n media-controller:fullscreen media-control-bar[slot='top-chrome'] {\n /* Hide menus and buttons that trigger modals when in full-screen */\n display: none;\n }\n video {\n background: transparent;\n }\n media-controller:not(:fullscreen) video {\n aspect-ratio: 16 / 9;\n }\n media-controller:not(:-webkit-full-screen) video {\n aspect-ratio: 16 / 9;\n }\n"]))),ta=Yi.ZP.div(Fi||(Fi=zi(["\n && {\n --media-background-color: transparent;\n --media-button-icon-width: 100%;\n --media-button-icon-height: auto;\n pointer-events: none;\n width: 100%;\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: center;\n media-play-button {\n --media-control-background: transparent;\n --media-control-hover-background: transparent;\n padding: 0;\n width: max(27px, min(9%, 90px));\n }\n }\n"]))),na=(0,Yi.ZP)(Ni)(Ki||(Ki=zi(["\n justify-content: flex-end;\n button {\n height: auto;\n }\n"])));function ia(e){let{asset:t}=e;const n=(0,qi.m8)(),a=(0,s.useRef)(null),r=(0,s.useMemo)((()=>(0,qi.kj)({client:n,asset:t,width:1920,height:1080})),[n,t]);return(0,s.useEffect)((()=>{var e;if(a.current){const t=document.createElement("style");t.innerHTML="img { object-fit: contain; }",(null==(e=a.current)?void 0:e.shadowRoot)&&a.current.shadowRoot.appendChild(t)}}),[]),(0,i.jsx)($i,{ref:a,slot:"poster",src:r})}function aa(e){let{asset:t}=e;
1const n=(0,qi.m8)(),[a]=(0,s.useState)((()=>function(e){let{asset:t,client:n}=e;const i=(0,qi.iC)(t),a=new URLSearchParams;if("signed"===(0,qi.Zb)(t)){const e=(0,qi.sh)(n,i,"s");a.set("token",e)}return"https://image.mux.com/".concat(i,"/storyboard.vtt?").concat(a)}({asset:t,client:n})));return(0,i.jsx)("track",{label:"thumbnails",default:!0,kind:"metadata",src:a})}const ra=e=>{let{asset:t,buttons:n,readOnly:o,onChange:l,dialogState:d,setDialogState:c}=e;var u,h,m,E;const p=(0,qi.m8)(),b=(0,s.useMemo)((()=>"preparing"===(null==t?void 0:t.status)?"Preparing the video":"waiting_for_upload"===(null==t?void 0:t.status)?"Waiting for upload to start":"waiting"===(null==t?void 0:t.status)?"Processing upload":"ready"!==(null==t?void 0:t.status)&&"undefined"!==typeof(null==t?void 0:t.status)),[t]),v=(0,s.useMemo)((()=>{var e,n,i,a;return"preparing"===(null==(n=null==(e=null==t?void 0:t.data)?void 0:e.static_renditions)?void 0:n.status)||(null==(a=null==(i=null==t?void 0:t.data)?void 0:i.static_renditions)||a.status,!1)}),[null==(h=null==(u=null==t?void 0:t.data)?void 0:u.static_renditions)?void 0:h.status]),g=(0,s.useMemo)((()=>t.playbackId&&function(e){let{asset:t,client:n}=e;const i=(0,qi.iC)(t),a=new URLSearchParams;if("signed"===(0,qi.Zb)(t)){const e=(0,qi.sh)(n,i,"v");a.set("token",e)}return"https://stream.mux.com/".concat(i,".m3u8?").concat(a)}({client:p,asset:t})),[t,p]),[A,f]=(0,s.useState)(null),_=(0,s.useCallback)((e=>f(e.currentTarget.error)),[]),I=(0,s.useRef)(null),M=(0,s.useRef)(null),y=(0,s.useRef)(null),w=(0,s.useCallback)((()=>{var e,t;return null!=(t=null==(e=y.current)?void 0:e.currentTime)?t:0}),[y]),k=((e,t)=>{const n=(0,qi.m8)();return(0,s.useCallback)((()=>{e&&(t(Gi._eo.from((0,Gi.zNf)())),e.assetId&&(0,qi.mo)(n,e.assetId),e._id&&n.delete(e._id))}),[e,n,t])})(t,l);(0,s.useEffect)((()=>{var e,t;const n=document.createElement("style");n.innerHTML="button svg { vertical-align: middle; }",(null==(e=I.current)?void 0:e.shadowRoot)&&I.current.shadowRoot.appendChild(n),(null==(t=null==M?void 0:M.current)?void 0:t.shadowRoot)&&M.current.shadowRoot.appendChild(n.cloneNode(!0))}),[]),(0,s.useEffect)((()=>{var e,n,i;if("errored"===(null==t?void 0:t.status))throw k(),new Error(null==(i=null==(n=null==(e=t.data)?void 0:e.errors)?void 0:n.messages)?void 0:i.join(" "))}),[null==(E=null==(m=t.data)?void 0:m.errors)?void 0:E.messages,null==t?void 0:t.status,k]);const S=(0,s.useMemo)((()=>{try{return new URL(g).searchParams.get("token")}catch{return!1}}),[g]);if(A)throw A;return t&&t.status?b?(0,i.jsx)(qi.tK,{progress:100,filename:null==t?void 0:t.filename,text:!0!==b&&b||"Waiting for Mux to complete the file",onCancel:o?void 0:()=>k()}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(ea,{shadow:1,tone:"transparent",scheme:"dark",children:[(0,i.jsxs)(Ui,{children:[(0,i.jsx)(a.Z,{playsInline:!0,ref:y,playbackId:"".concat(t.playbackId).concat(S?"?token=".concat(S):""),onError:_,slot:"media",preload:"metadata",crossOrigin:"anonymous",metadata:{player_name:"Sanity Admin Dashboard",player_version:Xi,page_type:"Preview Player"},children:(0,i.jsx)(aa,{asset:t})}),(0,i.jsx)(ia,{asset:t}),(0,i.jsx)(ji,{slot:"centered-chrome",noAutoHide:!0}),(0,i.jsx)(ta,{slot:"centered-chrome",children:(0,i.jsx)(Wi,{})}),n&&(0,i.jsx)(na,{slot:"top-chrome",children:n}),(0,i.jsxs)(Ni,{children:[(0,i.jsx)(Bi,{}),(0,i.jsx)(Oi,{}),(0,i.jsx)(Hi,{}),(0,i.jsx)(Pi,{}),(0,i.jsx)(Vi,{})]})]}),v&&(0,i.jsx)(r.Zb,{padding:2,radius:1,style:{background:"var(--card-fg-color)",position:"absolute",top:"0.5em",left:"0.5em"},children:(0,i.jsx)(r.xv,{size:1,style:{color:"var(--card-bg-color)"},children:"MUX is preparing static renditions, please stand by"})})]}),"edit-thumbnail"===d&&(0,i.jsx)(Ji,{asset:t,getCurrentTime:w,setDialogState:c})]}):null}}}]);
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.