@mux/mux-player 1.8.0 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +525 -612
- package/dist/index.mjs +380 -442
- package/dist/mux-player.js +614 -688
- package/dist/mux-player.mjs +614 -688
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/index.d.ts +28 -4
- package/dist/types/media-chrome/dialog.d.ts +1 -1
- package/dist/types/polyfills/index.d.ts +4 -0
- package/dist/types/template.d.ts +0 -1
- package/dist/types/video-api.d.ts +1 -1
- package/dist/types-ts3.4/index.d.ts +27 -4
- package/dist/types-ts3.4/media-chrome/dialog.d.ts +1 -1
- package/dist/types-ts3.4/polyfills/index.d.ts +4 -0
- package/dist/types-ts3.4/template.d.ts +0 -1
- package/dist/types-ts3.4/video-api.d.ts +1 -1
- package/package.json +16 -11
- package/themes/microvideo.js +1 -0
- package/themes/minimal.js +1 -0
- package/dist/types/media-chrome/time-display.d.ts +0 -14
- package/dist/types-ts3.4/media-chrome/time-display.d.ts +0 -14
package/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var hl=Object.create;var Ri=Object.defineProperty;var pl=Object.getOwnPropertyDescriptor;var bl=Object.getOwnPropertyNames;var vl=Object.getPrototypeOf,El=Object.prototype.hasOwnProperty;var fl=(i,e)=>{for(var t in e)Ri(i,t,{get:e[t],enumerable:!0})},Ns=(i,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of bl(e))!El.call(i,r)&&r!==t&&Ri(i,r,{get:()=>e[r],enumerable:!(a=pl(e,r))||a.enumerable});return i};var gl=(i,e,t)=>(t=i!=null?hl(vl(i)):{},Ns(e||!i||!i.__esModule?Ri(t,"default",{value:i,enumerable:!0}):t,i)),_l=i=>Ns(Ri({},"__esModule",{value:!0}),i);var Za=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)};var T=(i,e,t)=>(Za(i,e,"read from private field"),t?t.call(i):e.get(i)),R=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},j=(i,e,t,a)=>(Za(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t);var F=(i,e,t)=>(Za(i,e,"access private method"),t);var $c={};fl($c,{MediaError:()=>E.MediaError,default:()=>Bc,getVideoAttribute:()=>Ge});module.exports=_l($c);var bt=class{addEventListener(){}removeEventListener(){}dispatchEvent(e){return!0}};if(typeof DocumentFragment=="undefined"){class i extends bt{}globalThis.DocumentFragment=i}var $t=class extends bt{},qa=class extends bt{},Al={get(i){},define(i,e,t){},upgrade(i){},whenDefined(i){return Promise.resolve($t)}},Ht,Qa=class{constructor(e,t={}){R(this,Ht,void 0);j(this,Ht,t==null?void 0:t.detail)}get detail(){return T(this,Ht)}initCustomEvent(){}};Ht=new WeakMap;function yl(i,e){return new $t}var Us={document:{createElement:yl},DocumentFragment,customElements:Al,CustomEvent:Qa,EventTarget:bt,HTMLElement:$t,HTMLVideoElement:qa},Bs=typeof window=="undefined"||typeof globalThis.customElements=="undefined",D=Bs?Us:globalThis,Q=Bs?Us.document:globalThis.document;var h={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"},Wt={MEDIA_AIRPLAY_UNAVAILABLE:"mediaairplayunavailablechange",MEDIA_PIP_UNAVAILABLE:"mediapipunavailablechange",MEDIA_PAUSED:"mediapausedchange",MEDIA_HAS_PLAYED:"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"},v={MEDIA_CHROME_ATTRIBUTES:"media-chrome-attributes",MEDIA_CONTROLLER:"media-controller"},o={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_PLAYED:"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"},Fc=Object.entries(Wt).reduce((i,[e,t])=>{let a=o[e];return a&&(i[t]=a),i},{userinactivechange:"user-inactive"}),$s=Object.entries(o).reduce((i,[e,t])=>{let a=Wt[e];return a&&(i[t]=a),i},{"user-inactive":"userinactivechange"}),vt={SUBTITLES:"subtitles",CAPTIONS:"captions",DESCRIPTIONS:"descriptions",CHAPTERS:"chapters",METADATA:"metadata"},Ze={DISABLED:"disabled",HIDDEN:"hidden",SHOWING:"showing"};var za={MOUSE:"mouse",PEN:"pen",TOUCH:"touch"},re={UNAVAILABLE:"unavailable",UNSUPPORTED:"unsupported"},se={LIVE:"live",ON_DEMAND:"on-demand",UNKNOWN:"unknown"};var H={AUDIO_PLAYER:()=>"audio player",VIDEO_PLAYER:()=>"video player",VOLUME:()=>"volume",SEEK:()=>"seek",CLOSED_CAPTIONS:()=>"closed captions",PLAYBACK_RATE:({playbackRate:i=1}={})=>`current playback rate ${i}`,PLAYBACK_TIME:()=>"playback time",MEDIA_LOADING:()=>"media loading"},S={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:i=30}={})=>`seek forward ${i} seconds`,SEEK_BACK_N_SECS:({seekOffset:i=30}={})=>`seek back ${i} seconds`},Il={...H,...S};function Di(i,e=!1){return i.split("_").map(function(t,a){return(a||e?t[0].toUpperCase():t[0].toLowerCase())+t.slice(1).toLowerCase()}).join("")}function Hs(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function Ws(i){return typeof i=="number"&&!Number.isNaN(i)&&Number.isFinite(i)}function Oi(i){return typeof i!="string"?!1:!isNaN(i)&&!isNaN(parseFloat(i))}var Vs=[{singular:"hour",plural:"hours"},{singular:"minute",plural:"minutes"},{singular:"second",plural:"seconds"}],Ml=(i,e)=>{let t=i===1?Vs[e].singular:Vs[e].plural;return`${i} ${t}`},qe=i=>{if(!Ws(i))return"";let e=Math.abs(i),t=e!==i,a=new Date(0,0,0,0,0,e,0);return`${[a.getHours(),a.getMinutes(),a.getSeconds()].map((d,c)=>d&&Ml(d,c)).filter(d=>d).join(", ")}${t?" remaining":""}`};function z(i,e){let t=!1;i<0&&(t=!0,i=0-i),i=i<0?0:i;let a=Math.floor(i%60),r=Math.floor(i/60%60),s=Math.floor(i/3600),n=Math.floor(e/60%60),d=Math.floor(e/3600);return(isNaN(i)||i===1/0)&&(s=r=a="-"),s=s>0||d>0?s+":":"",r=((s||n>=10)&&r<10?"0"+r:r)+":",a=a<10?"0"+a:a,(t?"-":"")+s+r+a}var Pi=(i,e,t=".value")=>{let a=i.querySelector(t);!a||(a.textContent=e)},Sl=(i,e)=>{let t=`slot[name="${e}"]`,a=i.shadowRoot.querySelector(t);return a?a.children:[]},Ni=(i,e)=>Sl(i,e)[0],Vt=(i,e)=>!i||!e?!1:i.contains(e)?!0:Vt(i,e.getRootNode().host),Qe=(i,e)=>{if(!i)return null;let t=i.closest(e);return t||Qe(i.getRootNode().host,e)};function x(i,e){var t;let a;for(a of i.querySelectorAll("style")){let r;try{r=(t=a.sheet)==null?void 0:t.cssRules}catch{continue}for(let s of r!=null?r:[])if(s.selectorText===e)return s}return a!=null&&a.sheet?(a.sheet.insertRule(`${e}{}`,a.sheet.cssRules.length),a.sheet.cssRules[a.sheet.cssRules.length-1]):{style:{setProperty:()=>{},removeProperty:()=>{}}}}var Ui=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},Xa=class{observe(){}},Fs={ResizeObserver:Xa,HTMLElement:class extends Ui{},DocumentFragment:class extends Ui{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},CustomEvent:function(){},getComputedStyle:function(){}},wl={createElement:function(){return new Fs.HTMLElement}},Ks=typeof window=="undefined"||typeof window.customElements=="undefined",l=Ks?Fs:window,m=Ks?wl:window.document;var Cl=Object.defineProperty,Ll=(i,e,t)=>e in i?Cl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,xl=(i,e,t)=>(Ll(i,typeof e!="symbol"?e+"":e,t),t),Gs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ne=(i,e,t)=>(Gs(i,e,"read from private field"),t?t.call(i):e.get(i)),Bi=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},$i=(i,e,t,a)=>(Gs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ue,Hi,Et,Ja,Ys=m.createElement("template");Ys.innerHTML=`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
display: inline-flex;
|
|
@@ -50,12 +50,12 @@
|
|
|
50
50
|
min-width: 100%;
|
|
51
51
|
}
|
|
52
52
|
</style>
|
|
53
|
-
`;var
|
|
53
|
+
`;var Wi=class extends l.HTMLElement{constructor(e={}){super(),Bi(this,ue,void 0),xl(this,"preventClick",!1),Bi(this,Hi,s=>{this.preventClick||this.handleClick(s)}),Bi(this,Et,s=>{let{key:n}=s;if(!this.keysUsed.includes(n)){this.removeEventListener("keyup",ne(this,Et));return}this.handleClick(s)}),Bi(this,Ja,s=>{let{metaKey:n,altKey:d,key:c}=s;if(n||d||!this.keysUsed.includes(c)){this.removeEventListener("keyup",ne(this,Et));return}this.addEventListener("keyup",ne(this,Et),{once:!0})}),this.attachShadow({mode:"open"});let t=Ys.content.cloneNode(!0);this.nativeEl=t;let a=e.slotTemplate;a||(a=m.createElement("template"),a.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(a.content.cloneNode(!0)),this.shadowRoot.appendChild(t);let{style:r}=x(this.shadowRoot,":host");r.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`)}static get observedAttributes(){return["disabled",v.MEDIA_CONTROLLER]}enable(){this.addEventListener("click",ne(this,Hi)),this.addEventListener("keydown",ne(this,Ja)),this.setAttribute("tabindex","0")}disable(){this.removeEventListener("click",ne(this,Hi)),this.removeEventListener("keyup",ne(this,Et)),this.removeAttribute("tabindex")}attributeChangedCallback(e,t,a){var r,s,n,d,c;e===v.MEDIA_CONTROLLER?(t&&((s=(r=ne(this,ue))==null?void 0:r.unassociateElement)==null||s.call(r,this),$i(this,ue,null)),a&&($i(this,ue,(n=this.getRootNode())==null?void 0:n.getElementById(a)),(c=(d=ne(this,ue))==null?void 0:d.associateElement)==null||c.call(d,this))):e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e,t,a;this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","button");let r=this.getAttribute(v.MEDIA_CONTROLLER);r&&($i(this,ue,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=ne(this,ue))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=ne(this,ue))==null?void 0:e.unassociateElement)==null||t.call(e,this),$i(this,ue,null)}get keysUsed(){return["Enter"," "]}handleClick(e){}};ue=new WeakMap;Hi=new WeakMap;Et=new WeakMap;Ja=new WeakMap;l.customElements.get("media-chrome-button")||l.customElements.define("media-chrome-button",Wi);var k=Wi;var Rl=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
54
54
|
<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"/>
|
|
55
55
|
</svg>
|
|
56
|
-
`,
|
|
57
|
-
<slot name="airplay">${
|
|
58
|
-
`;var
|
|
56
|
+
`,Zs=m.createElement("template");Zs.innerHTML=`
|
|
57
|
+
<slot name="airplay">${Rl}</slot>
|
|
58
|
+
`;var ja=class extends k{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_AIRPLAY_UNAVAILABLE]}constructor(e={}){super({slotTemplate:Zs,...e})}connectedCallback(){this.setAttribute("aria-label",S.AIRPLAY()),super.connectedCallback()}handleClick(){let e=new l.CustomEvent(h.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};l.customElements.get("media-airplay-button")||l.customElements.define("media-airplay-button",ja);var Dl='<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>',Ol='<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>',Qs=m.createElement("template");Qs.innerHTML=`
|
|
59
59
|
<style>
|
|
60
60
|
:host([${o.MEDIA_IS_CASTING}]) slot:not([name=exit]) > *,
|
|
61
61
|
:host([${o.MEDIA_IS_CASTING}]) ::slotted(:not([slot=exit])) {
|
|
@@ -69,16 +69,16 @@
|
|
|
69
69
|
}
|
|
70
70
|
</style>
|
|
71
71
|
|
|
72
|
-
<slot name="enter">${
|
|
73
|
-
<slot name="exit">${
|
|
74
|
-
`;var
|
|
72
|
+
<slot name="enter">${Dl}</slot>
|
|
73
|
+
<slot name="exit">${Ol}</slot>
|
|
74
|
+
`;var qs=i=>{let t=i.getAttribute(o.MEDIA_IS_CASTING)!=null?S.EXIT_CAST():S.ENTER_CAST();i.setAttribute("aria-label",t)},er=class extends k{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_CASTING,o.MEDIA_CAST_UNAVAILABLE]}constructor(e={}){super({slotTemplate:Qs,...e})}connectedCallback(){qs(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_CASTING&&qs(this),super.attributeChangedCallback(e,t,a)}handleClick(){let e=this.getAttribute(o.MEDIA_IS_CASTING)!=null?h.MEDIA_EXIT_CAST_REQUEST:h.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-cast-button")||l.customElements.define("media-cast-button",er);var zs=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},xe=(i,e,t)=>(zs(i,e,"read from private field"),t?t.call(i):e.get(i)),Pl=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Vi=(i,e,t,a)=>(zs(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Z,Xs=m.createElement("template");Xs.innerHTML=`
|
|
75
75
|
<style>
|
|
76
76
|
:host {
|
|
77
|
-
display: inline-block;
|
|
77
|
+
display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
|
|
78
78
|
box-sizing: border-box;
|
|
79
79
|
}
|
|
80
80
|
</style>
|
|
81
|
-
`;var
|
|
81
|
+
`;var tr=class extends l.HTMLElement{constructor(e={}){super(),Pl(this,Z,void 0);let t=this.attachShadow({mode:"open"}),a=Xs.content.cloneNode(!0);this.nativeEl=a;let r=e.slotTemplate;r||(r=m.createElement("template"),r.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(r.content.cloneNode(!0)),t.appendChild(a)}static get observedAttributes(){return[v.MEDIA_CONTROLLER,o.MEDIA_PAUSED]}attributeChangedCallback(e,t,a){var r,s,n,d,c;e===v.MEDIA_CONTROLLER&&(t&&((s=(r=xe(this,Z))==null?void 0:r.unassociateElement)==null||s.call(r,this),Vi(this,Z,null)),a&&(Vi(this,Z,(n=this.getRootNode())==null?void 0:n.getElementById(a)),(c=(d=xe(this,Z))==null?void 0:d.associateElement)==null||c.call(d,this)))}connectedCallback(){var e,t,a,r;this.setAttribute("tabindex",-1),this.setAttribute("aria-hidden",!0),Vi(this,Z,Nl(this)),this.getAttribute(v.MEDIA_CONTROLLER)&&((t=(e=xe(this,Z))==null?void 0:e.associateElement)==null||t.call(e,this)),(a=xe(this,Z))==null||a.addEventListener("pointerdown",this),(r=xe(this,Z))==null||r.addEventListener("click",this)}disconnectedCallback(){var e,t,a,r;this.getAttribute(v.MEDIA_CONTROLLER)&&((t=(e=xe(this,Z))==null?void 0:e.unassociateElement)==null||t.call(e,this)),(a=xe(this,Z))==null||a.removeEventListener("pointerdown",this),(r=xe(this,Z))==null||r.removeEventListener("click",this),Vi(this,Z,null)}handleEvent(e){var t;let a=(t=e.composedPath())==null?void 0:t[0];if(!!["video","media-controller"].includes(a==null?void 0:a.localName)){if(e.type==="pointerdown")this._pointerType=e.pointerType;else if(e.type==="click"){let{clientX:s,clientY:n}=e,{left:d,top:c,width:u,height:p}=this.getBoundingClientRect(),g=s-d,I=n-c;if(g<0||I<0||g>u||I>p||u===0&&p===0)return;let{pointerType:_=this._pointerType}=e;if(this._pointerType=void 0,_===za.TOUCH){this.handleTap(e);return}else if(_===za.MOUSE){this.handleMouseClick(e);return}}}}handleTap(e){}handleMouseClick(e){let t=this.getAttribute(o.MEDIA_PAUSED)!=null?h.MEDIA_PLAY_REQUEST:h.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(t,{composed:!0,bubbles:!0}))}};Z=new WeakMap;function Nl(i){var e;let t=i.getAttribute(v.MEDIA_CONTROLLER);return t?(e=i.getRootNode())==null?void 0:e.getElementById(t):Qe(i,"media-controller")}l.customElements.get("media-gesture-receiver")||l.customElements.define("media-gesture-receiver",tr);var Js=m.createElement("template");Js.innerHTML=`
|
|
82
82
|
<style>
|
|
83
83
|
|
|
84
84
|
:host([media-is-fullscreen]) ::slotted([slot=media]) {
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
|
|
194
194
|
<slot part="bottom chrome"></slot>
|
|
195
195
|
</span>
|
|
196
|
-
`;var il=Object.values(o),al="sm:384 md:576 lg:768 xl:960",rl=i=>{var e;for(let t of i){let a=t.target;if(!a.isConnected)continue;let r=(e=a.getAttribute("breakpoints"))!=null?e:al,n=nl(r),s=sl(n,t.contentRect);Object.keys(n).forEach(d=>{if(s.includes(d)){a.hasAttribute(`breakpoint-${d}`)||a.setAttribute(`breakpoint-${d}`,"");return}a.removeAttribute(`breakpoint-${d}`)})}};function nl(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function sl(i,e){return Object.keys(i).filter(t=>e.width>=i[t])}var wi=class extends l.HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(wn.content.cloneNode(!0));let e=s=>{let d=this.media;for(let c of s)c.type==="childList"&&(c.removedNodes.forEach(m=>{if(m.slot=="media"&&c.target==this){let b=c.previousSibling&&c.previousSibling.previousElementSibling;if(!b||!d)this.mediaUnsetCallback(m);else{let y=b.slot!=="media";for(;(b=b.previousSibling)!==null;)b.slot=="media"&&(y=!1);y&&this.mediaUnsetCallback(m)}}}),d&&c.addedNodes.forEach(m=>{m==d&&this.handleMediaUpdated(d).then(b=>this.mediaSetCallback(b))}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0}),new ResizeObserver(rl).observe(this);let r=this.media,n=this.querySelector(":scope > slot[slot=media]");n&&n.addEventListener("slotchange",()=>{if(!n.assignedElements({flatten:!0}).length){this.mediaUnsetCallback(r);return}this.media&&(r=this.media,this.handleMediaUpdated(this.media).then(d=>this.mediaSetCallback(d)))})}static get observedAttributes(){return["autohide","gestures-disabled"].concat(il)}attributeChangedCallback(e,t,a){e.toLowerCase()=="autohide"&&(this.autohide=a)}get media(){let e=this.querySelector(":scope > [slot=media]");return(e==null?void 0:e.nodeName)=="SLOT"&&(e=e.assignedElements({flatten:!0})[0]),e}mediaSetCallback(e){this._mediaClickPlayToggle=()=>{let t=e.paused?h.MEDIA_PLAY_REQUEST:h.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(t,{composed:!0,bubbles:!0}))}}handleMediaUpdated(e){let t=n=>Promise.resolve(n),a=n=>(console.error('<media-chrome>: Media element set with slot="media" does not appear to be compatible.',n),Promise.reject(n));if(!e)return a(e);let r=e.nodeName.toLowerCase();return r.includes("-")?l.customElements.whenDefined(r).then(()=>t(e)):t(e)}mediaUnsetCallback(e){}connectedCallback(){let t=this.getAttribute("audio")!=null?$.AUDIO_PLAYER():$.VIDEO_PLAYER();this.setAttribute("role","region"),this.setAttribute("aria-label",t),this.media&&this.handleMediaUpdated(this.media).then(s=>this.mediaSetCallback(s)),this.setAttribute("user-inactive","user-inactive");let a=()=>{if(this.autohide<0)return;this.setAttribute("user-inactive","user-inactive");let s=new l.CustomEvent(Ot.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(s)},r=()=>{this.removeAttribute("user-inactive");let s=new l.CustomEvent(Ot.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(s)},n=()=>{r(),l.clearTimeout(this._inactiveTimeout),!(this.autohide<0)&&(this._inactiveTimeout=l.setTimeout(()=>{a()},this.autohide*1e3))};this.addEventListener("keyup",()=>{n()}),this.addEventListener("pointerup",s=>{s.pointerType==="touch"?[this,this.media].includes(s.target)&&!this.hasAttribute("user-inactive")?a():n():s.composedPath().some(d=>{var c;return["media-play-button","media-fullscreen-button"].includes((c=d==null?void 0:d.nodeName)==null?void 0:c.toLowerCase())})&&n()}),this.addEventListener("pointermove",s=>{s.pointerType==="mouse"&&s.target!==this&&(r(),l.clearTimeout(this._inactiveTimeout),[this,this.media].includes(s.target)&&n())}),this.addEventListener("mouseleave",()=>{a()}),this.addEventListener("keyup",()=>{this.setAttribute("media-keyboard-control","")}),this.addEventListener("mouseup",()=>{this.removeAttribute("media-keyboard-control")})}set autohide(e){e=Number(e),this._autohide=isNaN(e)?0:e}get autohide(){return this._autohide===void 0?2:this._autohide}};l.customElements.get("media-container-temp")||l.customElements.define("media-container-temp",wi);var xn=wi;var Rn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},W=(i,e,t)=>(Rn(i,e,"read from private field"),t?t.call(i):e.get(i)),Pa=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ua=(i,e,t,a)=>(Rn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),mt,ht,z,xi=class{constructor(e,t){Pa(this,mt,void 0),Pa(this,ht,void 0),Pa(this,z,new Set),Ua(this,mt,e),Ua(this,ht,t)}[Symbol.iterator](){return W(this,z).values()}get length(){return W(this,z).size}get value(){var e;return(e=[...W(this,z)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(Ua(this,z,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...W(this,z)][e]}values(){return W(this,z).values()}keys(){return W(this,z).keys()}forEach(e){W(this,z).forEach(e)}add(...e){var t,a;e.forEach(r=>W(this,z).add(r)),!(this.value===""&&!((t=W(this,mt))!=null&&t.hasAttribute(`${W(this,ht)}`)))&&((a=W(this,mt))==null||a.setAttribute(`${W(this,ht)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>W(this,z).delete(a)),(t=W(this,mt))==null||t.setAttribute(`${W(this,ht)}`,`${this.value}`)}contains(e){return W(this,z).has(e)}toggle(e,t){return typeof t!="undefined"?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)}};mt=new WeakMap;ht=new WeakMap;z=new WeakMap;var U={enter:"requestFullscreen",exit:"exitFullscreen",event:"fullscreenchange",element:"fullscreenElement",error:"fullscreenerror",enabled:"fullscreenEnabled"};u.fullscreenElement===void 0&&(U.enter="webkitRequestFullScreen",U.exit=u.webkitExitFullscreen!=null?"webkitExitFullscreen":"webkitCancelFullScreen",U.event="webkitfullscreenchange",U.element="webkitFullscreenElement",U.error="webkitfullscreenerror",U.enabled="webkitFullscreenEnabled");var Na=(i="")=>i.split(/\s+/),Dn=(i="")=>{let[e,t]=i.split(":"),a=t?decodeURIComponent(t):void 0;return{language:e,label:a}},Nt=(i="",e={})=>Na(i).map(t=>{let a=Dn(t);return{...e,...a}}),ol=i=>Array.isArray(i)?i.map(e=>typeof e=="string"?Dn(e):e):typeof i=="string"?Nt(i):[i],Ba=({label:i,language:e}={})=>i?`${e}:${encodeURIComponent(i)}`:e,te=(i=[])=>Array.prototype.map.call(i,Ba).join(" "),ll=(i,e)=>t=>t[i]===e,On=i=>{let e=Object.entries(i).map(([t,a])=>ll(t,a));return t=>e.every(a=>a(t))},Bt=(i,e=[],t=[])=>{let a=ol(t).map(On),r=n=>a.some(s=>s(n));Array.from(e).filter(r).forEach(n=>{n.mode=i})},pt=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:On(e);return Array.from(i.textTracks).filter(t)},Ht=i=>{let e=!!i.getAttribute(o.MEDIA_CAPTIONS_SHOWING),t=!i.hasAttribute("no-subtitles-fallback")&&!!i.getAttribute(o.MEDIA_SUBTITLES_SHOWING);return e||t},ye=i=>{var e,t,a,r;if(Ht(i)){let s=i.getAttribute(o.MEDIA_CAPTIONS_SHOWING);if(s){let c=new window.CustomEvent(h.MEDIA_DISABLE_CAPTIONS_REQUEST,{composed:!0,bubbles:!0,detail:s});i.dispatchEvent(c)}let d=i.getAttribute(o.MEDIA_SUBTITLES_SHOWING);if(d&&!i.hasAttribute("no-subtitles-fallback")){let c=new window.CustomEvent(h.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:d});i.dispatchEvent(c)}}else{let[s]=(t=Na((e=i.getAttribute(o.MEDIA_CAPTIONS_LIST))!=null?e:""))!=null?t:[];if(s){let d=new window.CustomEvent(h.MEDIA_SHOW_CAPTIONS_REQUEST,{composed:!0,bubbles:!0,detail:s});i.dispatchEvent(d)}else if(i.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{let[d]=(r=Na((a=i.getAttribute(o.MEDIA_SUBTITLES_LIST))!=null?a:""))!=null?r:[];if(d){let c=new window.CustomEvent(h.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:d});i.dispatchEvent(c)}}}};var Va=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ye=(i,e,t)=>(Va(i,e,"read from private field"),t?t.call(i):e.get(i)),Ri=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Pn=(i,e,t,a)=>(Va(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),bt=(i,e,t)=>(Va(i,e,"access private method"),t),Ie,Wt,Et,Yt,Oi,Ha,dl=Object.values(Pt),Hn=["ArrowLeft","ArrowRight","Enter"," ","f","m","k","c"],cl=10,Un=0,Ui=class extends xn{constructor(){super(),Ri(this,Et),Ri(this,Oi),Ri(this,Ie,new xi(this,"hotkeys")),Ri(this,Wt,void 0),gl||(this._airplayUnavailable=ee.UNSUPPORTED),Bn||(this._fullscreenUnavailable=ee.UNAVAILABLE),Al||(this._castUnavailable=ee.UNSUPPORTED),fl||(this._pipUnavailable=ee.UNSUPPORTED),Kt!==void 0?Kt||(this._volumeUnavailable=ee.UNSUPPORTED):vl.then(()=>{Kt||(this._volumeUnavailable=ee.UNSUPPORTED,this.propagateMediaState(o.MEDIA_VOLUME_UNAVAILABLE,this._volumeUnavailable))}),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,this.associateElement(this);let e={MEDIA_PLAY_REQUEST:(t,a)=>{let r=$t[o.MEDIA_STREAM_TYPE](this),n=this.getAttribute("noautoseektolive")===null;r==Pt.LIVE&&n&&e.MEDIA_SEEK_TO_LIVE_REQUEST(t,a),this.media.play()},MEDIA_PAUSE_REQUEST:()=>this.media.pause(),MEDIA_MUTE_REQUEST:()=>this.media.muted=!0,MEDIA_UNMUTE_REQUEST:()=>{let t=this.media;t.muted=!1,t.volume===0&&(t.volume=.25)},MEDIA_VOLUME_REQUEST:t=>{let a=this.media,r=t.detail;a.volume=r,r>0&&a.muted&&(a.muted=!1);try{l.localStorage.setItem("media-chrome-pref-volume",r.toString())}catch{}},MEDIA_ENTER_FULLSCREEN_REQUEST:()=>{if(!Bn){console.warn("Fullscreen support is unavailable; not entering fullscreen");return}let t=this.media;u.pictureInPictureElement&&u.exitPictureInPicture(),super[U.enter]?this.fullscreenElement[U.enter]():t.webkitEnterFullscreen?t.webkitEnterFullscreen():t.requestFullscreen?t.requestFullscreen():console.warn("MediaChrome: Fullscreen not supported")},MEDIA_EXIT_FULLSCREEN_REQUEST:()=>{u[U.exit]()},MEDIA_ENTER_PIP_REQUEST:()=>{let t=this.media;if(!u.pictureInPictureEnabled){console.warn("MediaChrome: Picture-in-picture is not enabled");return}if(!t.requestPictureInPicture){console.warn("MediaChrome: The current media does not support picture-in-picture");return}u[U.element]&&u[U.exit]();let a=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};t.requestPictureInPicture().catch(r=>{if(r.code===11)if(t.readyState===0&&t.preload==="none"){let n=()=>{t.removeEventListener("loadedmetadata",s),t.preload="none"},s=()=>{t.requestPictureInPicture().catch(a),n()};t.addEventListener("loadedmetadata",s),t.preload="metadata",setTimeout(()=>{t.readyState===0&&a(),n()},1e3)}else throw r;else throw r})},MEDIA_EXIT_PIP_REQUEST:()=>{u.pictureInPictureElement&&u.exitPictureInPicture()},MEDIA_ENTER_CAST_REQUEST:()=>{var t;let a=this.media;!((t=globalThis.CastableVideoElement)!=null&&t.castEnabled)||(u[U.element]&&u[U.exit](),a.requestCast())},MEDIA_EXIT_CAST_REQUEST:async()=>{var t;(t=globalThis.CastableVideoElement)!=null&&t.castElement&&globalThis.CastableVideoElement.exitCast()},MEDIA_SEEK_REQUEST:t=>{let a=this.media,r=t.detail;(a.readyState>0||a.readyState===void 0)&&(a.currentTime=r)},MEDIA_PLAYBACK_RATE_REQUEST:t=>{this.media.playbackRate=t.detail},MEDIA_PREVIEW_REQUEST:t=>{var a;let r=this.media;if(!r)return;let n=t.detail;n===null&&this.propagateMediaState(o.MEDIA_PREVIEW_TIME,void 0),this.propagateMediaState(o.MEDIA_PREVIEW_TIME,n);let[s]=pt(r,{kind:ct.METADATA,label:"thumbnails"});if(!(s&&s.cues))return;if(n===null){this.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,void 0),this.propagateMediaState(o.MEDIA_PREVIEW_COORDS,void 0);return}let d=Array.prototype.find.call(s.cues,y=>y.startTime>=n);if(!d)return;let c=/'^(?:[a-z]+:)?\/\//i.test(d.text)||(a=r.querySelector('track[label="thumbnails"]'))==null?void 0:a.src,m=new URL(d.text,c),b=new URLSearchParams(m.hash).get("#xywh");this.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,m.href),this.propagateMediaState(o.MEDIA_PREVIEW_COORDS,b.split(",").join(" "))},MEDIA_SHOW_CAPTIONS_REQUEST:t=>{let a=Pi(this),{detail:r=[]}=t;Bt($e.SHOWING,a,r)},MEDIA_DISABLE_CAPTIONS_REQUEST:t=>{let a=Pi(this),{detail:r=[]}=t;Bt($e.DISABLED,a,r)},MEDIA_SHOW_SUBTITLES_REQUEST:t=>{let a=Ft(this),{detail:r=[]}=t;Bt($e.SHOWING,a,r)},MEDIA_DISABLE_SUBTITLES_REQUEST:t=>{let a=Ft(this),{detail:r=[]}=t;Bt($e.DISABLED,a,r)},MEDIA_AIRPLAY_REQUEST:()=>{let{media:t}=this;if(!!t){if(!(t.webkitShowPlaybackTargetPicker&&l.WebKitPlaybackTargetAvailabilityEvent)){console.warn("received a request to select AirPlay but AirPlay is not supported in this environment");return}t.webkitShowPlaybackTargetPicker()}},MEDIA_SEEK_TO_LIVE_REQUEST:(t,a)=>{let r=a.seekable;if(!r){console.warn("MediaController: Media element does not support seeking to live.");return}if(!r.length){console.warn("MediaController: Media is unable to seek to live.");return}a.currentTime=r.end(r.length-1)}};if(Object.keys(e).forEach(t=>{let a=`_handle${Ti(t,!0)}`;this[a]=r=>{if(r.stopPropagation(),!this.media){console.warn("MediaController: No media available.");return}e[t](r,this.media)},this.addEventListener(h[t],this[a])}),this._mediaStatePropagators={"play,pause,emptied":()=>{this.propagateMediaState(o.MEDIA_PAUSED,$n(this))},"playing,emptied":()=>{var t;this.propagateMediaState(o.MEDIA_HAS_PLAYED,!((t=this.media)!=null&&t.paused))},volumechange:()=>{this.propagateMediaState(o.MEDIA_MUTED,Wn(this)),this.propagateMediaState(o.MEDIA_VOLUME,Vn(this)),this.propagateMediaState(o.MEDIA_VOLUME_LEVEL,Fn(this))},[U.event]:t=>{let r=!!u[U.element]&&(t==null?void 0:t.target),n=Ut(this.fullscreenElement,r);this.propagateMediaState(o.MEDIA_IS_FULLSCREEN,n)},"enterpictureinpicture,leavepictureinpicture":t=>{var a;let r;if(t)r=t.type=="enterpictureinpicture";else{let n=(a=this.getRootNode().pictureInPictureElement)!=null?a:u.pictureInPictureElement;r=this.media&&Ut(this.media,n)}this.propagateMediaState(o.MEDIA_IS_PIP,r)},"entercast,leavecast,castchange":t=>{var a;let r=(a=globalThis.CastableVideoElement)==null?void 0:a.castElement,n=this.media&&Ut(this.media,r);(t==null?void 0:t.type)==="castchange"&&(t==null?void 0:t.detail)==="CONNECTING"&&(n="connecting"),this.propagateMediaState(o.MEDIA_IS_CASTING,n)},"timeupdate,loadedmetadata":()=>{this.propagateMediaState(o.MEDIA_CURRENT_TIME,Kn(this))},"durationchange,loadedmetadata,emptied":()=>{this.propagateMediaState(o.MEDIA_DURATION,Yn(this)),this.propagateMediaState(o.MEDIA_STREAM_TYPE)},"loadedmetadata,emptied,progress":()=>{var t;this.propagateMediaState(o.MEDIA_SEEKABLE,(t=Gn(this))==null?void 0:t.join(":"))},"progress,emptied":()=>{var t;this.propagateMediaState(o.MEDIA_BUFFERED,Il((t=this.media)==null?void 0:t.buffered))},"ratechange,loadstart":()=>{this.propagateMediaState(o.MEDIA_PLAYBACK_RATE,Zn(this))},"waiting,playing,emptied":()=>{var t;let a=((t=this.media)==null?void 0:t.readyState)<3;this.propagateMediaState(o.MEDIA_LOADING,a)},"playing,timeupdate,progress,waiting,emptied":()=>{this.propagateMediaState(o.MEDIA_TIME_IS_LIVE)}},this._airplayUnavailable!==ee.UNSUPPORTED){let t=a=>{(a==null?void 0:a.availability)==="available"?this._airplayUnavailable=void 0:(a==null?void 0:a.availability)==="not-available"&&(this._airplayUnavailable=ee.UNAVAILABLE),this.propagateMediaState(o.MEDIA_AIRPLAY_UNAVAILABLE,this._airplayUnavailable)};this._mediaStatePropagators.webkitplaybacktargetavailabilitychanged=t}if(this._castUnavailable!==ee.UNSUPPORTED){let t=()=>{var a;let r=(a=globalThis.CastableVideoElement)==null?void 0:a.castState;r!=null&&r.includes("CONNECT")?this._castUnavailable=void 0:this._castUnavailable=ee.UNAVAILABLE,this.propagateMediaState(o.MEDIA_CAST_UNAVAILABLE,this._castUnavailable)};this._mediaStatePropagators.castchange=t}this._textTrackMediaStatePropagators={"addtrack,removetrack,loadstart":()=>{this.propagateMediaState(o.MEDIA_CAPTIONS_LIST,te(Pi(this))||void 0),this.propagateMediaState(o.MEDIA_SUBTITLES_LIST,te(Ft(this))||void 0),this.propagateMediaState(o.MEDIA_CAPTIONS_SHOWING,te($a(this))||void 0),this.propagateMediaState(o.MEDIA_SUBTITLES_SHOWING,te(Nn(this))||void 0)},change:()=>{this.propagateMediaState(o.MEDIA_CAPTIONS_SHOWING,te($a(this))||void 0),this.propagateMediaState(o.MEDIA_SUBTITLES_SHOWING,te(Nn(this))||void 0)}},this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat("nohotkeys","hotkeys","default-stream-type")}get fullscreenElement(){var e;return(e=Ye(this,Wt))!=null?e:this}set fullscreenElement(e){this.hasAttribute("fullscreen-element")&&this.removeAttribute("fullscreen-element"),Pn(this,Wt,e)}attributeChangedCallback(e,t,a){var r;if(e==="nohotkeys")a!==t&&a===""?(this.hasAttribute("hotkeys")&&console.warn("Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):a!==t&&a===null&&this.enableHotkeys();else if(e==="hotkeys")Ye(this,Ie).value=a;else if(e==="default-stream-type")this.propagateMediaState(o.MEDIA_STREAM_TYPE);else if(e==="fullscreen-element"){let n=a?(r=this.getRootNode())==null?void 0:r.getElementById(a):void 0;Pn(this,Wt,n)}super.attributeChangedCallback(e,t,a)}mediaSetCallback(e){super.mediaSetCallback(e),e.hasAttribute("tabindex")||e.setAttribute("tabindex",-1),Object.keys(this._mediaStatePropagators).forEach(t=>{let a=t.split(","),r=this._mediaStatePropagators[t];a.forEach(n=>{(n==U.event?this.getRootNode():e).addEventListener(n,r)}),r()}),Object.entries(this._textTrackMediaStatePropagators).forEach(([t,a])=>{t.split(",").forEach(n=>{e.textTracks&&e.textTracks.addEventListener(n,a)}),a()});try{let t=l.localStorage.getItem("media-chrome-pref-volume");t!==null&&(e.volume=t)}catch(t){console.debug("Error getting volume pref",t)}}mediaUnsetCallback(e){super.mediaUnsetCallback(e),Object.keys(this._mediaStatePropagators).forEach(t=>{let a=t.split(","),r=this._mediaStatePropagators[t];a.forEach(n=>{(n==U.event?this.getRootNode():e).removeEventListener(n,r)})}),Object.entries(this._textTrackMediaStatePropagators).forEach(([t,a])=>{t.split(",").forEach(n=>{e.textTracks&&e.textTracks.removeEventListener(n,a)}),a()}),this.propagateMediaState(o.MEDIA_PAUSED,!0)}propagateMediaState(e,t){arguments.length===1&&(t=$t[e](this)),Ke(this.mediaStateReceivers,e,t);let a=new l.CustomEvent(fn[e],{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(a)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let a=this.registerMediaStateReceiver.bind(this),r=this.unregisterMediaStateReceiver.bind(this),n=pl(e,a,r);Object.keys(h).forEach(s=>{e.addEventListener(h[s],this[`_handle${Ti(s,!0)}`])}),t.set(e,n)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(!t.has(e))return;t.get(e)(),t.delete(e),Object.keys(h).forEach(r=>{e.removeEventListener(h[r],this[`_handle${Ti(r,!0)}`])})}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),Ke([e],o.MEDIA_VOLUME_UNAVAILABLE,this._volumeUnavailable),Ke([e],o.MEDIA_AIRPLAY_UNAVAILABLE,this._airplayUnavailable),Ke([e],o.MEDIA_FULLSCREEN_UNAVAILABLE,this._fullscreenUnavailable),Ke([e],o.MEDIA_CAST_UNAVAILABLE,this._castUnavailable),Ke([e],o.MEDIA_PIP_UNAVAILABLE,this._pipUnavailable),this.media&&Object.keys(o).forEach(r=>{r.includes("UNAVAILABLE")||Ke([e],o[r],$t[o[r]]?$t[o[r]](this):$t.default(this,o[r]))}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,a=t.indexOf(e);a<0||t.splice(a,1)}enableHotkeys(){this.addEventListener("keydown",bt(this,Oi,Ha))}disableHotkeys(){this.removeEventListener("keydown",bt(this,Oi,Ha)),this.removeEventListener("keyup",bt(this,Et,Yt))}get hotkeys(){return Ye(this,Ie)}keyboardShortcutHandler(e){var t,a,r,n;if(((n=(r=(t=e.target.getAttribute("keysused"))==null?void 0:t.split(" "))!=null?r:(a=e.target)==null?void 0:a.keysUsed)!=null?n:[]).map(I=>I==="Space"?" ":I).filter(Boolean).includes(e.key))return;let d,c,m,b,y,v=cl;if(!Ye(this,Ie).contains(`no${e.key.toLowerCase()}`)&&!(e.key===" "&&Ye(this,Ie).contains("nospace")))switch(e.key){case" ":case"k":d=this.getAttribute(o.MEDIA_PAUSED)!=null?h.MEDIA_PLAY_REQUEST:h.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"m":d=this.getAttribute(o.MEDIA_VOLUME_LEVEL)==="off"?h.MEDIA_UNMUTE_REQUEST:h.MEDIA_MUTE_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"f":d=this.getAttribute(o.MEDIA_IS_FULLSCREEN)!=null?h.MEDIA_EXIT_FULLSCREEN_REQUEST:h.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"c":ye(this);break;case"ArrowLeft":c=this.getAttribute(o.MEDIA_CURRENT_TIME),m=c&&!Number.isNaN(+c)?+c:Un,b=Math.max(m-v,0),y=new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:b}),this.dispatchEvent(y);break;case"ArrowRight":c=this.getAttribute(o.MEDIA_CURRENT_TIME),m=c&&!Number.isNaN(+c)?+c:Un,b=Math.max(m+v,0),y=new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:b}),this.dispatchEvent(y);break;default:break}}};Ie=new WeakMap;Wt=new WeakMap;Et=new WeakSet;Yt=function(i){let{key:e}=i;if(!Hn.includes(e)){this.removeEventListener("keyup",bt(this,Et,Yt));return}this.keyboardShortcutHandler(i)};Oi=new WeakSet;Ha=function(i){let{metaKey:e,altKey:t,key:a}=i;if(e||t||!Hn.includes(a)){this.removeEventListener("keyup",bt(this,Et,Yt));return}[" ","ArrowLeft","ArrowRight"].includes(a)&&!(Ye(this,Ie).contains(`no${a.toLowerCase()}`)||a===" "&&Ye(this,Ie).contains("nospace"))&&i.preventDefault(),this.addEventListener("keyup",bt(this,Et,Yt),{once:!0})};var $t={default(i,e){return i.getAttribute(e)},[o.MEDIA_CAPTIONS_LIST](i){return te(Pi(i))||void 0},[o.MEDIA_SUBTITLES_LIST](i){return te(Ft(i))||void 0},[o.MEDIA_SUBTITLES_LIST](i){return te(Ft(i))||void 0},[o.MEDIA_CAPTIONS_SHOWING](i){return te($a(i))||void 0},[o.MEDIA_PAUSED](i){return $n(i)},[o.MEDIA_MUTED](i){return Wn(i)},[o.MEDIA_VOLUME](i){return Vn(i)},[o.MEDIA_VOLUME_LEVEL](i){return Fn(i)},[o.MEDIA_CURRENT_TIME](i){return Kn(i)},[o.MEDIA_DURATION](i){return Yn(i)},[o.MEDIA_SEEKABLE](i){var e;return(e=Gn(i))==null?void 0:e.join(":")},[o.MEDIA_PLAYBACK_RATE](i){return Zn(i)},[o.MEDIA_STREAM_TYPE](i){let e=i.media;if(!e)return null;let t=e.duration;if(t===1/0)return Pt.LIVE;if(Number.isFinite(t))return Pt.ON_DEMAND;{let a=i.getAttribute("default-stream-type");if(dl.includes(a))return a}return null},[o.MEDIA_TIME_IS_LIVE](i){let e=i.media;if(!e)return!1;let t=i.getAttribute(o.MEDIA_STREAM_TYPE)==="live",a=e.seekable;if(t&&!a)return!0;if(!(a!=null&&a.length))return!1;let r=10,n=i.getAttribute("livethreshold");n!==null&&(n=Number(n),Number.isNaN(n)||(r=n));let s=e.currentTime,d=a.end(a.length-1);return s>d-r}},$n=i=>i.media?i.media.paused:!0,Wn=i=>!!(i.media&&i.media.muted),Vn=i=>{let e=i.media;return e?e.volume:1},Fn=i=>{let e="high";if(!i.media)return e;let{muted:t,volume:a}=i.media;return a===0||t?e="off":a<.5?e="low":a<.75&&(e="medium"),e},Kn=i=>{let e=i.media;return e?e.currentTime:0},Yn=i=>{let e=i==null?void 0:i.media;return Number.isFinite(e==null?void 0:e.duration)?e.duration:NaN},Gn=i=>{var e;let t=i==null?void 0:i.media;if(!((e=t==null?void 0:t.seekable)!=null&&e.length))return;let a=t.seekable.start(0),r=t.seekable.end(t.seekable.length-1);if(!(!a&&!r))return[Number(a.toFixed(3)),Number(r.toFixed(3))]},Zn=i=>{let e=i.media;return e?e.playbackRate:1},Ft=i=>pt(i.media,{kind:ct.SUBTITLES}),Pi=i=>pt(i.media,{kind:ct.CAPTIONS}),Nn=i=>pt(i.media,{kind:ct.SUBTITLES,mode:$e.SHOWING}),$a=i=>pt(i.media,{kind:ct.CAPTIONS,mode:$e.SHOWING}),ul=Object.values(o),qn=i=>{var e,t,a,r;let{observedAttributes:n}=i.constructor;!n&&((e=i.nodeName)==null?void 0:e.includes("-"))&&(l.customElements.upgrade(i),{observedAttributes:n}=i.constructor);let s=(r=(a=(t=i==null?void 0:i.getAttribute)==null?void 0:t.call(i,p.MEDIA_CHROME_ATTRIBUTES))==null?void 0:a.split)==null?void 0:r.call(a,/\s+/);return Array.isArray(n||s)?(n||s).filter(d=>ul.includes(d)):[]},Wa=i=>!!qn(i).length,ml=async(i,e,t)=>(i.isConnected||await Qn(0),t==null?i.removeAttribute(e):typeof t=="boolean"?t?i.setAttribute(e,""):i.removeAttribute(e):Number.isNaN(t)?i.removeAttribute(e):i.setAttribute(e,t)),hl=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},Vt=(i,e)=>{if(hl(i))return;let t=(r,n)=>{var s,d;Wa(r)&&n(r);let{children:c=[]}=r!=null?r:{},m=(d=(s=r==null?void 0:r.shadowRoot)==null?void 0:s.children)!=null?d:[];[...c,...m].forEach(y=>Vt(y,n))},a=i==null?void 0:i.nodeName.toLowerCase();if(a.includes("-")&&!Wa(i)){l.customElements.whenDefined(a).then(()=>{t(i,e)});return}t(i,e)},Ke=(i,e,t)=>{i.forEach(a=>{!qn(a).includes(e)||ml(a,e,t)})},pl=(i,e,t)=>{Vt(i,e);let a=c=>{var m;let b=(m=c==null?void 0:c.composedPath()[0])!=null?m:c.target;e(b)},r=c=>{var m;let b=(m=c==null?void 0:c.composedPath()[0])!=null?m:c.target;t(b)};i.addEventListener(h.REGISTER_MEDIA_STATE_RECEIVER,a),i.addEventListener(h.UNREGISTER_MEDIA_STATE_RECEIVER,r);let n=c=>{c.forEach(m=>{let{addedNodes:b=[],removedNodes:y=[],type:v,target:I,attributeName:B}=m;v==="childList"?(Array.prototype.forEach.call(b,R=>Vt(R,e)),Array.prototype.forEach.call(y,R=>Vt(R,t))):v==="attributes"&&B===p.MEDIA_CHROME_ATTRIBUTES&&(Wa(I)?e(I):t(I))})},s=new MutationObserver(n);return s.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{Vt(i,t),s.disconnect(),i.removeEventListener(h.REGISTER_MEDIA_STATE_RECEIVER,a),i.removeEventListener(h.UNREGISTER_MEDIA_STATE_RECEIVER,r)}},Di,Fa=()=>{var i,e;return Di||(Di=(e=(i=u)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),Di)},bl=async(i=Fa())=>{if(!i)return!1;let e=i.volume;return i.volume=e/2+.1,await Qn(0),i.volume!==e},Qn=i=>new Promise(e=>setTimeout(e,i)),El=(i=Fa())=>typeof(i==null?void 0:i.requestPictureInPicture)=="function",fl=El(),Kt,vl=bl().then(i=>(Kt=i,Kt)),gl=!!l.WebKitPlaybackTargetAvailabilityEvent,Al=!!l.chrome,_l=(i=Fa())=>{let e=u[U.enabled];return!e&&i&&(e="webkitSupportsFullscreen"in i),e},Bn=_l(),yl=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});function Il(i=yl){return Array.from(i).map((e,t)=>[Number(i.start(t).toFixed(3)),Number(i.end(t).toFixed(3))].join(":")).join(" ")}l.customElements.get("media-controller")||l.customElements.define("media-controller",Ui);var Gt=Ui;var Xn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Tl=(i,e,t)=>(Xn(i,e,"read from private field"),t?t.call(i):e.get(i)),Ml=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},kl=(i,e,t,a)=>(Xn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ni,Jn=u.createElement("template"),zn=`
|
|
196
|
+
`;var Ul=Object.values(o),Bl="sm:384 md:576 lg:768 xl:960",$l=i=>{var e;for(let t of i){let a=t.target;if(!a.isConnected)continue;let r=(e=a.getAttribute("breakpoints"))!=null?e:Bl,s=Hl(r),n=Wl(s,t.contentRect);Object.keys(s).forEach(d=>{if(n.includes(d)){a.hasAttribute(`breakpoint-${d}`)||a.setAttribute(`breakpoint-${d}`,"");return}a.removeAttribute(`breakpoint-${d}`)})}};function Hl(i){let e=i.split(/\s+/);return Object.fromEntries(e.map(t=>t.split(":")))}function Wl(i,e){return Object.keys(i).filter(t=>e.width>=i[t])}var Fi=class extends l.HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Js.content.cloneNode(!0));let e=n=>{let d=this.media;for(let c of n)c.type==="childList"&&(c.removedNodes.forEach(u=>{if(u.slot=="media"&&c.target==this){let p=c.previousSibling&&c.previousSibling.previousElementSibling;if(!p||!d)this.mediaUnsetCallback(u);else{let g=p.slot!=="media";for(;(p=p.previousSibling)!==null;)p.slot=="media"&&(g=!1);g&&this.mediaUnsetCallback(u)}}}),d&&c.addedNodes.forEach(u=>{u==d&&this.handleMediaUpdated(d).then(p=>this.mediaSetCallback(p))}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0});let a=new ResizeObserver($l);this.resizeObserver=a,a.observe(this);let r=this.media,s=this.querySelector(":scope > slot[slot=media]");s&&s.addEventListener("slotchange",()=>{if(!s.assignedElements({flatten:!0}).length){this.mediaUnsetCallback(r);return}this.media&&(r=this.media,this.handleMediaUpdated(this.media).then(d=>this.mediaSetCallback(d)))})}static get observedAttributes(){return["autohide","gestures-disabled"].concat(Ul)}attributeChangedCallback(e,t,a){e.toLowerCase()=="autohide"&&(this.autohide=a)}get media(){let e=this.querySelector(":scope > [slot=media]");return(e==null?void 0:e.nodeName)=="SLOT"&&(e=e.assignedElements({flatten:!0})[0]),e}mediaSetCallback(e){this._mediaClickPlayToggle=()=>{let t=e.paused?h.MEDIA_PLAY_REQUEST:h.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(t,{composed:!0,bubbles:!0}))}}handleMediaUpdated(e){let t=s=>Promise.resolve(s),a=s=>(console.error('<media-chrome>: Media element set with slot="media" does not appear to be compatible.',s),Promise.reject(s));if(!e)return a(e);let r=e.nodeName.toLowerCase();return r.includes("-")?l.customElements.whenDefined(r).then(()=>t(e)):t(e)}mediaUnsetCallback(e){}connectedCallback(){let t=this.getAttribute("audio")!=null?H.AUDIO_PLAYER():H.VIDEO_PLAYER();this.setAttribute("role","region"),this.setAttribute("aria-label",t),this.media&&this.handleMediaUpdated(this.media).then(n=>this.mediaSetCallback(n)),this.setAttribute("user-inactive","user-inactive");let a=()=>{if(this.autohide<0)return;this.setAttribute("user-inactive","user-inactive");let n=new l.CustomEvent(Wt.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(n)},r=()=>{this.removeAttribute("user-inactive");let n=new l.CustomEvent(Wt.USER_INACTIVE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(n)},s=()=>{r(),l.clearTimeout(this._inactiveTimeout),!(this.autohide<0)&&(this._inactiveTimeout=l.setTimeout(()=>{a()},this.autohide*1e3))};this.addEventListener("keyup",()=>{s()}),this.addEventListener("pointerup",n=>{n.pointerType==="touch"?[this,this.media].includes(n.target)&&!this.hasAttribute("user-inactive")?a():s():n.composedPath().some(d=>{var c;return["media-play-button","media-fullscreen-button"].includes((c=d==null?void 0:d.nodeName)==null?void 0:c.toLowerCase())})&&s()}),this.addEventListener("pointermove",n=>{n.pointerType==="mouse"&&n.target!==this&&(r(),l.clearTimeout(this._inactiveTimeout),[this,this.media].includes(n.target)&&s())}),this.addEventListener("mouseleave",()=>{a()}),this.addEventListener("keyup",()=>{this.setAttribute("media-keyboard-control","")}),l.addEventListener("mouseup",()=>{this.removeAttribute("media-keyboard-control")})}set autohide(e){e=Number(e),this._autohide=isNaN(e)?0:e}get autohide(){return this._autohide===void 0?2:this._autohide}};l.customElements.get("media-container-temp")||l.customElements.define("media-container-temp",Fi);var js=Fi;var en=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},W=(i,e,t)=>(en(i,e,"read from private field"),t?t.call(i):e.get(i)),ir=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ar=(i,e,t,a)=>(en(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ft,gt,X,Ki=class{constructor(e,t){ir(this,ft,void 0),ir(this,gt,void 0),ir(this,X,new Set),ar(this,ft,e),ar(this,gt,t)}[Symbol.iterator](){return W(this,X).values()}get length(){return W(this,X).size}get value(){var e;return(e=[...W(this,X)].join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(ar(this,X,new Set),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return[...W(this,X)][e]}values(){return W(this,X).values()}keys(){return W(this,X).keys()}forEach(e){W(this,X).forEach(e)}add(...e){var t,a;e.forEach(r=>W(this,X).add(r)),!(this.value===""&&!((t=W(this,ft))!=null&&t.hasAttribute(`${W(this,gt)}`)))&&((a=W(this,ft))==null||a.setAttribute(`${W(this,gt)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>W(this,X).delete(a)),(t=W(this,ft))==null||t.setAttribute(`${W(this,gt)}`,`${this.value}`)}contains(e){return W(this,X).has(e)}toggle(e,t){return typeof t!="undefined"?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)}};ft=new WeakMap;gt=new WeakMap;X=new WeakMap;var O={enter:"requestFullscreen",exit:"exitFullscreen",event:"fullscreenchange",element:"fullscreenElement",error:"fullscreenerror",enabled:"fullscreenEnabled"};m.fullscreenElement===void 0&&(O.enter="webkitRequestFullScreen",O.exit=m.webkitExitFullscreen!=null?"webkitExitFullscreen":"webkitCancelFullScreen",O.event="webkitfullscreenchange",O.element="webkitFullscreenElement",O.error="webkitfullscreenerror",O.enabled="webkitFullscreenEnabled");var rr=(i="")=>i.split(/\s+/),tn=(i="")=>{let[e,t]=i.split(":"),a=t?decodeURIComponent(t):void 0;return{language:e,label:a}},Ft=(i="",e={})=>rr(i).map(t=>{let a=tn(t);return{...e,...a}}),Vl=i=>Array.isArray(i)?i.map(e=>typeof e=="string"?tn(e):e):typeof i=="string"?Ft(i):[i],sr=({label:i,language:e}={})=>i?`${e}:${encodeURIComponent(i)}`:e,oe=(i=[])=>Array.prototype.map.call(i,sr).join(" "),Fl=(i,e)=>t=>t[i]===e,an=i=>{let e=Object.entries(i).map(([t,a])=>Fl(t,a));return t=>e.every(a=>a(t))},Kt=(i,e=[],t=[])=>{let a=Vl(t).map(an),r=s=>a.some(n=>n(s));Array.from(e).filter(r).forEach(s=>{s.mode=i})},_t=(i,e=()=>!0)=>{if(!(i!=null&&i.textTracks))return[];let t=typeof e=="function"?e:an(e);return Array.from(i.textTracks).filter(t)},nr=i=>{let e=!!i.getAttribute(o.MEDIA_CAPTIONS_SHOWING),t=!i.hasAttribute("no-subtitles-fallback")&&!!i.getAttribute(o.MEDIA_SUBTITLES_SHOWING);return e||t},ze=i=>{var e,t,a,r;if(nr(i)){let n=i.getAttribute(o.MEDIA_CAPTIONS_SHOWING);if(n){let c=new window.CustomEvent(h.MEDIA_DISABLE_CAPTIONS_REQUEST,{composed:!0,bubbles:!0,detail:n});i.dispatchEvent(c)}let d=i.getAttribute(o.MEDIA_SUBTITLES_SHOWING);if(d&&!i.hasAttribute("no-subtitles-fallback")){let c=new window.CustomEvent(h.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:d});i.dispatchEvent(c)}}else{let[n]=(t=rr((e=i.getAttribute(o.MEDIA_CAPTIONS_LIST))!=null?e:""))!=null?t:[];if(n){let d=new window.CustomEvent(h.MEDIA_SHOW_CAPTIONS_REQUEST,{composed:!0,bubbles:!0,detail:n});i.dispatchEvent(d)}else if(i.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{let[d]=(r=rr((a=i.getAttribute(o.MEDIA_SUBTITLES_LIST))!=null?a:""))!=null?r:[];if(d){let c=new window.CustomEvent(h.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:d});i.dispatchEvent(c)}}}};var ur=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Je=(i,e,t)=>(ur(i,e,"read from private field"),t?t.call(i):e.get(i)),Gi=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},rn=(i,e,t,a)=>(ur(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),At=(i,e,t)=>(ur(i,e,"access private method"),t),Re,Yt,yt,zt,Zi,or,Kl=Object.values(se),ln=["ArrowLeft","ArrowRight","Enter"," ","f","m","k","c"],Gl=10,sn=0,Qi=class extends js{constructor(){super(),Gi(this,yt),Gi(this,Zi),Gi(this,Re,new Ki(this,"hotkeys")),Gi(this,Yt,void 0),td||(this._airplayUnavailable=re.UNSUPPORTED),on||(this._fullscreenUnavailable=re.UNAVAILABLE),id||(this._castUnavailable=re.UNSUPPORTED),jl||(this._pipUnavailable=re.UNSUPPORTED),Qt!==void 0?Qt||(this._volumeUnavailable=re.UNSUPPORTED):ed.then(()=>{Qt||(this._volumeUnavailable=re.UNSUPPORTED,this.propagateMediaState(o.MEDIA_VOLUME_UNAVAILABLE,this._volumeUnavailable))}),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,this.associateElement(this);let e={MEDIA_PLAY_REQUEST:(t,a)=>{let r=Gt[o.MEDIA_STREAM_TYPE](this),s=this.getAttribute("noautoseektolive")===null;r==se.LIVE&&s&&e.MEDIA_SEEK_TO_LIVE_REQUEST(t,a),this.media.play().catch(()=>{})},MEDIA_PAUSE_REQUEST:()=>this.media.pause(),MEDIA_MUTE_REQUEST:()=>this.media.muted=!0,MEDIA_UNMUTE_REQUEST:()=>{let t=this.media;t.muted=!1,t.volume===0&&(t.volume=.25)},MEDIA_VOLUME_REQUEST:t=>{let a=this.media,r=t.detail;a.volume=r,r>0&&a.muted&&(a.muted=!1);try{l.localStorage.setItem("media-chrome-pref-volume",r.toString())}catch{}},MEDIA_ENTER_FULLSCREEN_REQUEST:()=>{if(!on){console.warn("Fullscreen support is unavailable; not entering fullscreen");return}let t=this.media;m.pictureInPictureElement&&m.exitPictureInPicture(),super[O.enter]?this.fullscreenElement[O.enter]():t.webkitEnterFullscreen?t.webkitEnterFullscreen():t.requestFullscreen?t.requestFullscreen():console.warn("MediaChrome: Fullscreen not supported")},MEDIA_EXIT_FULLSCREEN_REQUEST:()=>{m[O.exit]()},MEDIA_ENTER_PIP_REQUEST:()=>{let t=this.media;if(!m.pictureInPictureEnabled){console.warn("MediaChrome: Picture-in-picture is not enabled");return}if(!t.requestPictureInPicture){console.warn("MediaChrome: The current media does not support picture-in-picture");return}m[O.element]&&m[O.exit]();let a=()=>{console.warn("MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.")};t.requestPictureInPicture().catch(r=>{if(r.code===11)if(t.readyState===0&&t.preload==="none"){let s=()=>{t.removeEventListener("loadedmetadata",n),t.preload="none"},n=()=>{t.requestPictureInPicture().catch(a),s()};t.addEventListener("loadedmetadata",n),t.preload="metadata",setTimeout(()=>{t.readyState===0&&a(),s()},1e3)}else throw r;else throw r})},MEDIA_EXIT_PIP_REQUEST:()=>{m.pictureInPictureElement&&m.exitPictureInPicture()},MEDIA_ENTER_CAST_REQUEST:()=>{var t;let a=this.media;!((t=globalThis.CastableVideoElement)!=null&&t.castEnabled)||(m[O.element]&&m[O.exit](),a.requestCast())},MEDIA_EXIT_CAST_REQUEST:async()=>{var t;(t=globalThis.CastableVideoElement)!=null&&t.castElement&&globalThis.CastableVideoElement.exitCast()},MEDIA_SEEK_REQUEST:t=>{let a=this.media,r=t.detail;(a.readyState>0||a.readyState===void 0)&&(a.currentTime=r)},MEDIA_PLAYBACK_RATE_REQUEST:t=>{this.media.playbackRate=t.detail},MEDIA_PREVIEW_REQUEST:t=>{var a;let r=this.media;if(!r)return;let s=t.detail;s===null&&this.propagateMediaState(o.MEDIA_PREVIEW_TIME,void 0),this.propagateMediaState(o.MEDIA_PREVIEW_TIME,s);let[n]=_t(r,{kind:vt.METADATA,label:"thumbnails"});if(!(n&&n.cues))return;if(s===null){this.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,void 0),this.propagateMediaState(o.MEDIA_PREVIEW_COORDS,void 0);return}let d=Array.prototype.find.call(n.cues,g=>g.startTime>=s);if(!d)return;let c=/'^(?:[a-z]+:)?\/\//i.test(d.text)||(a=r.querySelector('track[label="thumbnails"]'))==null?void 0:a.src,u=new URL(d.text,c),p=new URLSearchParams(u.hash).get("#xywh");this.propagateMediaState(o.MEDIA_PREVIEW_IMAGE,u.href),this.propagateMediaState(o.MEDIA_PREVIEW_COORDS,p.split(",").join(" "))},MEDIA_SHOW_CAPTIONS_REQUEST:t=>{let a=qi(this),{detail:r=[]}=t;Kt(Ze.SHOWING,a,r)},MEDIA_DISABLE_CAPTIONS_REQUEST:t=>{let a=qi(this),{detail:r=[]}=t;Kt(Ze.DISABLED,a,r)},MEDIA_SHOW_SUBTITLES_REQUEST:t=>{let a=qt(this),{detail:r=[]}=t;Kt(Ze.SHOWING,a,r)},MEDIA_DISABLE_SUBTITLES_REQUEST:t=>{let a=qt(this),{detail:r=[]}=t;Kt(Ze.DISABLED,a,r)},MEDIA_AIRPLAY_REQUEST:()=>{let{media:t}=this;if(!!t){if(!(t.webkitShowPlaybackTargetPicker&&l.WebKitPlaybackTargetAvailabilityEvent)){console.warn("received a request to select AirPlay but AirPlay is not supported in this environment");return}t.webkitShowPlaybackTargetPicker()}},MEDIA_SEEK_TO_LIVE_REQUEST:(t,a)=>{let r=a.seekable;if(!r){console.warn("MediaController: Media element does not support seeking to live.");return}if(!r.length){console.warn("MediaController: Media is unable to seek to live.");return}a.currentTime=r.end(r.length-1)}};if(Object.keys(e).forEach(t=>{let a=`_handle${Di(t,!0)}`;this[a]=r=>{if(r.stopPropagation(),!this.media){console.warn("MediaController: No media available.");return}e[t](r,this.media)},this.addEventListener(h[t],this[a])}),this._mediaStatePropagators={"play,pause,emptied":()=>{this.propagateMediaState(o.MEDIA_PAUSED,dn(this))},"playing,emptied":()=>{var t;this.propagateMediaState(o.MEDIA_HAS_PLAYED,!((t=this.media)!=null&&t.paused))},volumechange:()=>{this.propagateMediaState(o.MEDIA_MUTED,cn(this)),this.propagateMediaState(o.MEDIA_VOLUME,un(this)),this.propagateMediaState(o.MEDIA_VOLUME_LEVEL,mn(this))},[O.event]:t=>{let r=!!m[O.element]&&(t==null?void 0:t.target),s=Vt(this.fullscreenElement,r);this.propagateMediaState(o.MEDIA_IS_FULLSCREEN,s)},"enterpictureinpicture,leavepictureinpicture":t=>{var a;let r;if(t)r=t.type=="enterpictureinpicture";else{let s=(a=this.getRootNode().pictureInPictureElement)!=null?a:m.pictureInPictureElement;r=this.media&&Vt(this.media,s)}this.propagateMediaState(o.MEDIA_IS_PIP,r)},"entercast,leavecast,castchange":t=>{var a;let r=(a=globalThis.CastableVideoElement)==null?void 0:a.castElement,s=this.media&&Vt(this.media,r);(t==null?void 0:t.type)==="castchange"&&(t==null?void 0:t.detail)==="CONNECTING"&&(s="connecting"),this.propagateMediaState(o.MEDIA_IS_CASTING,s)},"timeupdate,loadedmetadata":()=>{this.propagateMediaState(o.MEDIA_CURRENT_TIME,hn(this))},"durationchange,loadedmetadata,emptied":()=>{this.propagateMediaState(o.MEDIA_DURATION,pn(this))},"emptied,durationchange,loadedmetadata,streamtypechange":()=>{this.propagateMediaState(o.MEDIA_STREAM_TYPE)},"emptied,durationchange,loadedmetadata,streamtypechange,targetlivewindowchange":()=>{this.propagateMediaState(o.MEDIA_TARGET_LIVE_WINDOW)},"loadedmetadata,emptied,progress":()=>{var t;this.propagateMediaState(o.MEDIA_SEEKABLE,(t=bn(this))==null?void 0:t.join(":"))},"progress,emptied":()=>{var t;this.propagateMediaState(o.MEDIA_BUFFERED,sd((t=this.media)==null?void 0:t.buffered))},"ratechange,loadstart":()=>{this.propagateMediaState(o.MEDIA_PLAYBACK_RATE,vn(this))},"waiting,playing,emptied":()=>{var t;let a=((t=this.media)==null?void 0:t.readyState)<3;this.propagateMediaState(o.MEDIA_LOADING,a)},"playing,timeupdate,progress,waiting,emptied":()=>{this.propagateMediaState(o.MEDIA_TIME_IS_LIVE)}},this._airplayUnavailable!==re.UNSUPPORTED){let t=a=>{(a==null?void 0:a.availability)==="available"?this._airplayUnavailable=void 0:(a==null?void 0:a.availability)==="not-available"&&(this._airplayUnavailable=re.UNAVAILABLE),this.propagateMediaState(o.MEDIA_AIRPLAY_UNAVAILABLE,this._airplayUnavailable)};this._mediaStatePropagators.webkitplaybacktargetavailabilitychanged=t}if(this._castUnavailable!==re.UNSUPPORTED){let t=()=>{var a;let r=(a=globalThis.CastableVideoElement)==null?void 0:a.castState;r!=null&&r.includes("CONNECT")?this._castUnavailable=void 0:this._castUnavailable=re.UNAVAILABLE,this.propagateMediaState(o.MEDIA_CAST_UNAVAILABLE,this._castUnavailable)};this._mediaStatePropagators.castchange=t}this._textTrackMediaStatePropagators={"addtrack,removetrack,loadstart":()=>{this.propagateMediaState(o.MEDIA_CAPTIONS_LIST,oe(qi(this))||void 0),this.propagateMediaState(o.MEDIA_SUBTITLES_LIST,oe(qt(this))||void 0),this.propagateMediaState(o.MEDIA_CAPTIONS_SHOWING,oe(lr(this))||void 0),this.propagateMediaState(o.MEDIA_SUBTITLES_SHOWING,oe(nn(this))||void 0)},change:()=>{this.propagateMediaState(o.MEDIA_CAPTIONS_SHOWING,oe(lr(this))||void 0),this.propagateMediaState(o.MEDIA_SUBTITLES_SHOWING,oe(nn(this))||void 0)}},this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat("nohotkeys","hotkeys","default-stream-type")}get fullscreenElement(){var e;return(e=Je(this,Yt))!=null?e:this}set fullscreenElement(e){this.hasAttribute("fullscreen-element")&&this.removeAttribute("fullscreen-element"),rn(this,Yt,e)}attributeChangedCallback(e,t,a){var r;if(e==="nohotkeys")a!==t&&a===""?(this.hasAttribute("hotkeys")&&console.warn("Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):a!==t&&a===null&&this.enableHotkeys();else if(e==="hotkeys")Je(this,Re).value=a;else if(e==="default-stream-type")this.propagateMediaState(o.MEDIA_STREAM_TYPE);else if(e==="fullscreen-element"){let s=a?(r=this.getRootNode())==null?void 0:r.getElementById(a):void 0;rn(this,Yt,s)}super.attributeChangedCallback(e,t,a)}mediaSetCallback(e){super.mediaSetCallback(e),e.hasAttribute("tabindex")||e.setAttribute("tabindex",-1),Object.keys(this._mediaStatePropagators).forEach(t=>{let a=t.split(","),r=this._mediaStatePropagators[t];a.forEach(s=>{(s==O.event?this.getRootNode():e).addEventListener(s,r)}),r()}),Object.entries(this._textTrackMediaStatePropagators).forEach(([t,a])=>{t.split(",").forEach(s=>{e.textTracks&&e.textTracks.addEventListener(s,a)}),a()});try{let t=l.localStorage.getItem("media-chrome-pref-volume");t!==null&&(e.volume=t)}catch(t){console.debug("Error getting volume pref",t)}}mediaUnsetCallback(e){super.mediaUnsetCallback(e),Object.keys(this._mediaStatePropagators).forEach(t=>{let a=t.split(","),r=this._mediaStatePropagators[t];a.forEach(s=>{(s==O.event?this.getRootNode():e).removeEventListener(s,r)})}),Object.entries(this._textTrackMediaStatePropagators).forEach(([t,a])=>{t.split(",").forEach(s=>{e.textTracks&&e.textTracks.removeEventListener(s,a)}),a()}),this.propagateMediaState(o.MEDIA_PAUSED,!0)}propagateMediaState(e,t){arguments.length===1&&(t=Gt[e](this)),Xe(this.mediaStateReceivers,e,t);let a=new l.CustomEvent($s[e],{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(a)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let a=this.registerMediaStateReceiver.bind(this),r=this.unregisterMediaStateReceiver.bind(this),s=zl(e,a,r);Object.keys(h).forEach(n=>{e.addEventListener(h[n],this[`_handle${Di(n,!0)}`])}),t.set(e,s)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(!t.has(e))return;t.get(e)(),t.delete(e),Object.keys(h).forEach(r=>{e.removeEventListener(h[r],this[`_handle${Di(r,!0)}`])})}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),Xe([e],o.MEDIA_VOLUME_UNAVAILABLE,this._volumeUnavailable),Xe([e],o.MEDIA_AIRPLAY_UNAVAILABLE,this._airplayUnavailable),Xe([e],o.MEDIA_FULLSCREEN_UNAVAILABLE,this._fullscreenUnavailable),Xe([e],o.MEDIA_CAST_UNAVAILABLE,this._castUnavailable),Xe([e],o.MEDIA_PIP_UNAVAILABLE,this._pipUnavailable),this.media&&Object.keys(o).forEach(r=>{r.includes("UNAVAILABLE")||Xe([e],o[r],Gt[o[r]]?Gt[o[r]](this):Gt.default(this,o[r]))}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,a=t.indexOf(e);a<0||t.splice(a,1)}enableHotkeys(){this.addEventListener("keydown",At(this,Zi,or))}disableHotkeys(){this.removeEventListener("keydown",At(this,Zi,or)),this.removeEventListener("keyup",At(this,yt,zt))}get hotkeys(){return Je(this,Re)}keyboardShortcutHandler(e){var t,a,r,s;if(((s=(r=(t=e.target.getAttribute("keysused"))==null?void 0:t.split(" "))!=null?r:(a=e.target)==null?void 0:a.keysUsed)!=null?s:[]).map(_=>_==="Space"?" ":_).filter(Boolean).includes(e.key))return;let d,c,u,p,g,I=Gl;if(!Je(this,Re).contains(`no${e.key.toLowerCase()}`)&&!(e.key===" "&&Je(this,Re).contains("nospace")))switch(e.key){case" ":case"k":d=this.getAttribute(o.MEDIA_PAUSED)!=null?h.MEDIA_PLAY_REQUEST:h.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"m":d=this.getAttribute(o.MEDIA_VOLUME_LEVEL)==="off"?h.MEDIA_UNMUTE_REQUEST:h.MEDIA_MUTE_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"f":d=this.getAttribute(o.MEDIA_IS_FULLSCREEN)!=null?h.MEDIA_EXIT_FULLSCREEN_REQUEST:h.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new l.CustomEvent(d,{composed:!0,bubbles:!0}));break;case"c":ze(this);break;case"ArrowLeft":c=this.getAttribute(o.MEDIA_CURRENT_TIME),u=c&&!Number.isNaN(+c)?+c:sn,p=Math.max(u-I,0),g=new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:p}),this.dispatchEvent(g);break;case"ArrowRight":c=this.getAttribute(o.MEDIA_CURRENT_TIME),u=c&&!Number.isNaN(+c)?+c:sn,p=Math.max(u+I,0),g=new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:p}),this.dispatchEvent(g);break;default:break}}};Re=new WeakMap;Yt=new WeakMap;yt=new WeakSet;zt=function(i){let{key:e}=i;if(!ln.includes(e)){this.removeEventListener("keyup",At(this,yt,zt));return}this.keyboardShortcutHandler(i)};Zi=new WeakSet;or=function(i){let{metaKey:e,altKey:t,key:a}=i;if(e||t||!ln.includes(a)){this.removeEventListener("keyup",At(this,yt,zt));return}[" ","ArrowLeft","ArrowRight"].includes(a)&&!(Je(this,Re).contains(`no${a.toLowerCase()}`)||a===" "&&Je(this,Re).contains("nospace"))&&i.preventDefault(),this.addEventListener("keyup",At(this,yt,zt),{once:!0})};var Gt={default(i,e){return i.getAttribute(e)},[o.MEDIA_CAPTIONS_LIST](i){return oe(qi(i))||void 0},[o.MEDIA_SUBTITLES_LIST](i){return oe(qt(i))||void 0},[o.MEDIA_SUBTITLES_LIST](i){return oe(qt(i))||void 0},[o.MEDIA_CAPTIONS_SHOWING](i){return oe(lr(i))||void 0},[o.MEDIA_PAUSED](i){return dn(i)},[o.MEDIA_MUTED](i){return cn(i)},[o.MEDIA_VOLUME](i){return un(i)},[o.MEDIA_VOLUME_LEVEL](i){return mn(i)},[o.MEDIA_CURRENT_TIME](i){return hn(i)},[o.MEDIA_DURATION](i){return pn(i)},[o.MEDIA_SEEKABLE](i){var e;return(e=bn(i))==null?void 0:e.join(":")},[o.MEDIA_PLAYBACK_RATE](i){return vn(i)},[o.MEDIA_STREAM_TYPE](i){return dr(i)},[o.MEDIA_TARGET_LIVE_WINDOW](i){return Yl(i)},[o.MEDIA_TIME_IS_LIVE](i){let e=i.media;if(!e)return!1;if(typeof e.liveEdgeStart=="number")return Number.isNaN(e.liveEdgeStart)?!1:e.currentTime>=e.liveEdgeStart;if(!(dr(i)==="live"))return!1;let a=e.seekable;if(!a)return!0;if(!a.length)return!1;let r=i.hasAttribute("liveedgeoffset")?Number(i.getAttribute("liveedgeoffset")):10,s=a.end(a.length-1)-r;return e.currentTime>=s}},dn=i=>i.media?i.media.paused:!0,cn=i=>!!(i.media&&i.media.muted),un=i=>{let e=i.media;return e?e.volume:1},mn=i=>{let e="high";if(!i.media)return e;let{muted:t,volume:a}=i.media;return a===0||t?e="off":a<.5?e="low":a<.75&&(e="medium"),e},hn=i=>{let e=i.media;return e?e.currentTime:0},pn=i=>{let e=i==null?void 0:i.media;return Number.isFinite(e==null?void 0:e.duration)?e.duration:NaN},bn=i=>{var e;let t=i==null?void 0:i.media;if(!((e=t==null?void 0:t.seekable)!=null&&e.length))return;let a=t.seekable.start(0),r=t.seekable.end(t.seekable.length-1);if(!(!a&&!r))return[Number(a.toFixed(3)),Number(r.toFixed(3))]},vn=i=>{let e=i.media;return e?e.playbackRate:1},qt=i=>_t(i.media,{kind:vt.SUBTITLES}),qi=i=>_t(i.media,{kind:vt.CAPTIONS}),nn=i=>_t(i.media,{kind:vt.SUBTITLES,mode:Ze.SHOWING}),lr=i=>_t(i.media,{kind:vt.CAPTIONS,mode:Ze.SHOWING}),dr=i=>{let{media:e}=i;if(!e)return;let{streamType:t}=e;if(Kl.includes(t)){if(t===se.UNKNOWN){let r=i.getAttribute("default-stream-type");return[se.LIVE,se.ON_DEMAND].includes(r)?r:void 0}return t}let a=e.duration;if(a===1/0)return se.LIVE;if(Number.isFinite(a))return se.ON_DEMAND;{let r=i.getAttribute("default-stream-type");if([se.LIVE,se.ON_DEMAND].includes(r))return r}},Yl=i=>{let{media:e}=i;if(!e)return Number.NaN;let{targetLiveWindow:t}=e;return(t==null||Number.isNaN(t))&&dr(i)===se.LIVE?0:t},Zl=Object.values(o),En=i=>{var e,t,a,r;let{observedAttributes:s}=i.constructor;!s&&((e=i.nodeName)==null?void 0:e.includes("-"))&&(l.customElements.upgrade(i),{observedAttributes:s}=i.constructor);let n=(r=(a=(t=i==null?void 0:i.getAttribute)==null?void 0:t.call(i,v.MEDIA_CHROME_ATTRIBUTES))==null?void 0:a.split)==null?void 0:r.call(a,/\s+/);return Array.isArray(s||n)?(s||n).filter(d=>Zl.includes(d)):[]},cr=i=>!!En(i).length,ql=async(i,e,t)=>(i.isConnected||await fn(0),t==null?i.removeAttribute(e):typeof t=="boolean"?t?i.setAttribute(e,""):i.removeAttribute(e):Number.isNaN(t)?i.removeAttribute(e):i.setAttribute(e,t)),Ql=i=>{var e;return!!((e=i.closest)!=null&&e.call(i,'*[slot="media"]'))},Zt=(i,e)=>{if(Ql(i))return;let t=(r,s)=>{var n,d;cr(r)&&s(r);let{children:c=[]}=r!=null?r:{},u=(d=(n=r==null?void 0:r.shadowRoot)==null?void 0:n.children)!=null?d:[];[...c,...u].forEach(g=>Zt(g,s))},a=i==null?void 0:i.nodeName.toLowerCase();if(a.includes("-")&&!cr(i)){l.customElements.whenDefined(a).then(()=>{t(i,e)});return}t(i,e)},Xe=(i,e,t)=>{i.forEach(a=>{!En(a).includes(e)||ql(a,e,t)})},zl=(i,e,t)=>{Zt(i,e);let a=c=>{var u;let p=(u=c==null?void 0:c.composedPath()[0])!=null?u:c.target;e(p)},r=c=>{var u;let p=(u=c==null?void 0:c.composedPath()[0])!=null?u:c.target;t(p)};i.addEventListener(h.REGISTER_MEDIA_STATE_RECEIVER,a),i.addEventListener(h.UNREGISTER_MEDIA_STATE_RECEIVER,r);let s=c=>{c.forEach(u=>{let{addedNodes:p=[],removedNodes:g=[],type:I,target:_,attributeName:B}=u;I==="childList"?(Array.prototype.forEach.call(p,P=>Zt(P,e)),Array.prototype.forEach.call(g,P=>Zt(P,t))):I==="attributes"&&B===v.MEDIA_CHROME_ATTRIBUTES&&(cr(_)?e(_):t(_))})},n=new MutationObserver(s);return n.observe(i,{childList:!0,attributes:!0,subtree:!0}),()=>{Zt(i,t),n.disconnect(),i.removeEventListener(h.REGISTER_MEDIA_STATE_RECEIVER,a),i.removeEventListener(h.UNREGISTER_MEDIA_STATE_RECEIVER,r)}},Yi,mr=()=>{var i,e;return Yi||(Yi=(e=(i=m)==null?void 0:i.createElement)==null?void 0:e.call(i,"video"),Yi)},Xl=async(i=mr())=>{if(!i)return!1;let e=i.volume;return i.volume=e/2+.1,await fn(0),i.volume!==e},fn=i=>new Promise(e=>setTimeout(e,i)),Jl=(i=mr())=>typeof(i==null?void 0:i.requestPictureInPicture)=="function",jl=Jl(),Qt,ed=Xl().then(i=>(Qt=i,Qt)),td=!!l.WebKitPlaybackTargetAvailabilityEvent,id=!!l.chrome,ad=(i=mr())=>{let e=m[O.enabled];return!e&&i&&(e="webkitSupportsFullscreen"in i),e},on=ad(),rd=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});function sd(i=rd){return Array.from(i).map((e,t)=>[Number(i.start(t).toFixed(3)),Number(i.end(t).toFixed(3))].join(":")).join(" ")}l.customElements.get("media-controller")||l.customElements.define("media-controller",Qi);var Xt=Qi;var _n=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ae=(i,e,t)=>(_n(i,e,"read from private field"),t?t.call(i):e.get(i)),zi=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Jt=(i,e,t,a)=>(_n(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Xi,me,Ji,ji,An=m.createElement("template"),gn=`
|
|
197
197
|
height: var(--thumb-height);
|
|
198
198
|
width: var(--media-range-thumb-width, 10px);
|
|
199
199
|
border: var(--media-range-thumb-border, none);
|
|
@@ -204,8 +204,7 @@
|
|
|
204
204
|
transition: var(--media-range-thumb-transition, none);
|
|
205
205
|
transform: var(--media-range-thumb-transform, none);
|
|
206
206
|
opacity: var(--media-range-thumb-opacity, 1);
|
|
207
|
-
`,
|
|
208
|
-
width: var(--media-range-track-width, 100%);
|
|
207
|
+
`,hr=`
|
|
209
208
|
min-width: 40px;
|
|
210
209
|
height: var(--track-height);
|
|
211
210
|
border: var(--media-range-track-border, none);
|
|
@@ -217,13 +216,13 @@
|
|
|
217
216
|
transition: var(--media-range-track-transition, none);
|
|
218
217
|
transform: translate(var(--media-range-track-translate-x, 0), var(--media-range-track-translate-y, 0));
|
|
219
218
|
cursor: pointer;
|
|
220
|
-
`;
|
|
219
|
+
`;An.innerHTML=`
|
|
221
220
|
<style>
|
|
222
221
|
:host {
|
|
223
222
|
--thumb-height: var(--media-range-thumb-height, 10px);
|
|
224
223
|
--track-height: var(--media-range-track-height, 4px);
|
|
225
|
-
--
|
|
226
|
-
--_media-range-padding: var(--media-range-padding, 10px);
|
|
224
|
+
--_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgba(27, 127, 204, 0.9));
|
|
225
|
+
--_media-range-padding: var(--media-range-padding, var(--media-control-padding, 10px));
|
|
227
226
|
|
|
228
227
|
vertical-align: middle;
|
|
229
228
|
box-sizing: border-box;
|
|
@@ -238,6 +237,15 @@
|
|
|
238
237
|
pointer-events: auto;
|
|
239
238
|
|
|
240
239
|
font-size: 0;
|
|
240
|
+
box-shadow: var(--_focus-visible-box-shadow, none);
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+
input[type=range]:focus {
|
|
245
|
+
outline: 0;
|
|
246
|
+
}
|
|
247
|
+
input[type=range]:focus::-webkit-slider-runnable-track {
|
|
248
|
+
outline: 0;
|
|
241
249
|
}
|
|
242
250
|
|
|
243
251
|
:host(:hover) {
|
|
@@ -266,19 +274,19 @@
|
|
|
266
274
|
|
|
267
275
|
input[type=range]::-webkit-slider-thumb {
|
|
268
276
|
-webkit-appearance: none;
|
|
269
|
-
${
|
|
277
|
+
${gn}
|
|
270
278
|
|
|
271
279
|
margin-top: calc(calc(0px - var(--thumb-height) + var(--track-height)) / 2);
|
|
272
280
|
}
|
|
273
281
|
|
|
274
282
|
|
|
275
283
|
input[type=range]::-moz-range-thumb {
|
|
276
|
-
${
|
|
284
|
+
${gn}
|
|
277
285
|
translate: var(--media-range-track-translate-x, 0) var(--media-range-track-translate-y, 0);
|
|
278
286
|
}
|
|
279
287
|
|
|
280
|
-
input[type=range]::-webkit-slider-runnable-track { ${
|
|
281
|
-
input[type=range]::-moz-range-track { ${
|
|
288
|
+
input[type=range]::-webkit-slider-runnable-track { ${hr} }
|
|
289
|
+
input[type=range]::-moz-range-track { ${hr} }
|
|
282
290
|
input[type=range]::-ms-track {
|
|
283
291
|
|
|
284
292
|
width: 100%;
|
|
@@ -288,7 +296,7 @@
|
|
|
288
296
|
border-color: transparent;
|
|
289
297
|
color: transparent;
|
|
290
298
|
|
|
291
|
-
${
|
|
299
|
+
${hr}
|
|
292
300
|
}
|
|
293
301
|
|
|
294
302
|
#background,
|
|
@@ -334,24 +342,6 @@
|
|
|
334
342
|
height: var(--media-range-track-height, 4px);
|
|
335
343
|
}
|
|
336
344
|
|
|
337
|
-
|
|
338
|
-
:host-context([media-keyboard-control]):host(:focus),
|
|
339
|
-
:host-context([media-keyboard-control]):host(:focus-within) {
|
|
340
|
-
box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.9);
|
|
341
|
-
}
|
|
342
|
-
:host-context([media-keyboard-control]) input[type=range]:focus-visible {
|
|
343
|
-
box-shadow: none;
|
|
344
|
-
}
|
|
345
|
-
input[type=range]:focus-visible {
|
|
346
|
-
box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.9);
|
|
347
|
-
}
|
|
348
|
-
input[type=range]:focus {
|
|
349
|
-
outline: 0;
|
|
350
|
-
}
|
|
351
|
-
input[type=range]:focus::-webkit-slider-runnable-track {
|
|
352
|
-
outline: 0;
|
|
353
|
-
}
|
|
354
|
-
|
|
355
345
|
input[type=range]:disabled::-webkit-slider-thumb {
|
|
356
346
|
background-color: #777;
|
|
357
347
|
}
|
|
@@ -366,12 +356,12 @@
|
|
|
366
356
|
<div id="hoverzone"></div>
|
|
367
357
|
<input id="range" type="range" min="0" max="1000" step="any" value="0">
|
|
368
358
|
</div>
|
|
369
|
-
`;var
|
|
359
|
+
`;var ea=class extends l.HTMLElement{constructor(){super(),zi(this,Xi,void 0),zi(this,me,void 0),zi(this,Ji,()=>{if(this.range.matches(":focus-visible")){let{style:t}=x(this.shadowRoot,":host");t.setProperty("--_focus-visible-box-shadow","var(--_focus-box-shadow)")}}),zi(this,ji,()=>{let{style:t}=x(this.shadowRoot,":host");t.removeProperty("--_focus-visible-box-shadow")}),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(An.content.cloneNode(!0));let{style:e}=x(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)),Jt(this,Xi,parseInt(getComputedStyle(this).getPropertyValue("--media-range-thumb-width")||"10",10))}static get observedAttributes(){return["disabled","aria-disabled",v.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,s,n,d,c;e===v.MEDIA_CONTROLLER?(t&&((s=(r=Ae(this,me))==null?void 0:r.unassociateElement)==null||s.call(r,this),Jt(this,me,null)),a&&(Jt(this,me,(n=this.getRootNode())==null?void 0:n.getElementById(a)),(c=(d=Ae(this,me))==null?void 0:d.associateElement)==null||c.call(d,this))):(e==="disabled"||e==="aria-disabled"&&t!==a)&&(a==null?this.range.removeAttribute(e):this.range.setAttribute(e,a))}connectedCallback(){var e,t,a;let r=this.getAttribute(v.MEDIA_CONTROLLER);r&&(Jt(this,me,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=Ae(this,me))==null?void 0:t.associateElement)==null||a.call(t,this)),this.updateBar(),this.shadowRoot.addEventListener("focusin",Ae(this,Ji)),this.shadowRoot.addEventListener("focusout",Ae(this,ji))}disconnectedCallback(){var e,t;(t=(e=Ae(this,me))==null?void 0:e.unassociateElement)==null||t.call(e,this),Jt(this,me,null),this.shadowRoot.removeEventListener("focusin",Ae(this,Ji)),this.shadowRoot.removeEventListener("focusout",Ae(this,ji))}updatePointerBar(e){let t=this.range.getBoundingClientRect(),a=(e.clientX-t.left)/t.width;a=Math.max(0,Math.min(1,a));let{style:r}=x(this.shadowRoot,"#pointer");r.setProperty("width",`${a*t.width}px`)}updateBar(){let e=this.getBarColors(),t="linear-gradient(to right, ",a=0;e.forEach(s=>{s[1]<a||(t=t+`${s[0]} ${a}%, ${s[0]} ${s[1]}%,`,a=s[1])}),t=t.slice(0,t.length-1)+")";let{style:r}=x(this.shadowRoot,"#range");r.setProperty("--media-range-track-progress-internal",t)}getBarColors(){let e=this.range,t=e.value-e.min,a=e.max-e.min,r=t/a*100,s=0;return e.value>e.min&&e.value<e.max&&(s=Ae(this,Xi)*(.5-r/100)/e.offsetWidth*100),[["var(--media-range-bar-color, #fff)",r+s],["var(--media-range-track-color, transparent)",100]]}get keysUsed(){return["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]}};Xi=new WeakMap;me=new WeakMap;Ji=new WeakMap;ji=new WeakMap;l.customElements.get("media-chrome-range")||l.customElements.define("media-chrome-range",ea);var jt=ea;var yn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ta=(i,e,t)=>(yn(i,e,"read from private field"),t?t.call(i):e.get(i)),nd=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ia=(i,e,t,a)=>(yn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),he,Tn=m.createElement("template");Tn.innerHTML=`
|
|
370
360
|
<style>
|
|
371
361
|
:host {
|
|
372
362
|
|
|
373
363
|
box-sizing: border-box;
|
|
374
|
-
display: inline-flex;
|
|
364
|
+
display: var(--media-control-display, var(--media-control-bar-display, inline-flex));
|
|
375
365
|
color: var(--media-icon-color, #eee);
|
|
376
366
|
--media-loading-icon-width: 44px;
|
|
377
367
|
}
|
|
@@ -385,7 +375,7 @@
|
|
|
385
375
|
</style>
|
|
386
376
|
|
|
387
377
|
<slot></slot>
|
|
388
|
-
`;var
|
|
378
|
+
`;var pr=class extends l.HTMLElement{constructor(){super(),nd(this,he,void 0),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Tn.content.cloneNode(!0))}static get observedAttributes(){return[v.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,s,n,d,c;e===v.MEDIA_CONTROLLER&&(t&&((s=(r=ta(this,he))==null?void 0:r.unassociateElement)==null||s.call(r,this),ia(this,he,null)),a&&(ia(this,he,(n=this.getRootNode())==null?void 0:n.getElementById(a)),(c=(d=ta(this,he))==null?void 0:d.associateElement)==null||c.call(d,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(v.MEDIA_CONTROLLER);r&&(ia(this,he,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=ta(this,he))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=ta(this,he))==null?void 0:e.unassociateElement)==null||t.call(e,this),ia(this,he,null)}};he=new WeakMap;l.customElements.get("media-control-bar")||l.customElements.define("media-control-bar",pr);var In=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},aa=(i,e,t)=>(In(i,e,"read from private field"),t?t.call(i):e.get(i)),od=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ra=(i,e,t,a)=>(In(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),pe,Mn=m.createElement("template");Mn.innerHTML=`
|
|
389
379
|
<style>
|
|
390
380
|
:host {
|
|
391
381
|
display: inline-flex;
|
|
@@ -417,14 +407,12 @@
|
|
|
417
407
|
outline: 0;
|
|
418
408
|
}
|
|
419
409
|
</style>
|
|
420
|
-
<span id="container">
|
|
421
410
|
<slot></slot>
|
|
422
|
-
|
|
423
|
-
`;var Hi=class extends l.HTMLElement{static get observedAttributes(){return[p.MEDIA_CONTROLLER]}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(es.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector("#container")}attributeChangedCallback(e,t,a){var r,n;if(e===p.MEDIA_CONTROLLER){if(t){let s=u.getElementById(t);(r=s==null?void 0:s.unassociateElement)==null||r.call(s,this)}if(a){let s=u.getElementById(a);(n=s==null?void 0:s.associateElement)==null||n.call(s,this)}}}connectedCallback(){var e;let t=this.getAttribute(p.MEDIA_CONTROLLER);if(t){let a=u.getElementById(t);(e=a==null?void 0:a.associateElement)==null||e.call(a,this)}}disconnectedCallback(){var e;let t=this.getAttribute(p.MEDIA_CONTROLLER);if(t){let a=u.getElementById(t);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}};l.customElements.get("media-text-display")||l.customElements.define("media-text-display",Hi);var Te=Hi;var Ga=class extends Te{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME]}constructor(){super(),this.container.innerHTML=X(0)}attributeChangedCallback(e,t,a){e===o.MEDIA_CURRENT_TIME&&(this.container.innerHTML=X(a)),super.attributeChangedCallback(e,t,a)}};l.customElements.get("media-current-time-display")||l.customElements.define("media-current-time-display",Ga);var Za=class extends Te{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_DURATION]}constructor(){super(),this.container.innerHTML=X(0)}attributeChangedCallback(e,t,a){e===o.MEDIA_DURATION&&(this.container.innerHTML=X(a)),super.attributeChangedCallback(e,t,a)}};l.customElements.get("media-duration-display")||l.customElements.define("media-duration-display",Za);var Sl=" / ",ts=(i,{timesSep:e=Sl}={})=>{var t,a,r;let n=i.getAttribute("remaining")!=null,s=i.getAttribute("show-duration")!=null,d=(t=i.mediaCurrentTime)!=null?t:0,c=(r=(a=i.mediaDuration)!=null?a:i.mediaSeekableEnd)!=null?r:0,m=n?X(0-(c-d)):X(d);return s?`${m}${e}${X(c)}`:m},Cl="video not loaded, unknown time.",Ll=i=>{let e=i.mediaCurrentTime,t=i.mediaDuration||i.mediaSeekableEnd;if(e==null||t==null){i.setAttribute("aria-valuetext",Cl);return}let a=i.hasAttribute("remaining"),r=i.hasAttribute("show-duration"),n=a?We(0-(t-e)):We(e);if(!r){i.setAttribute("aria-valuetext",n);return}let s=We(t),d=`${n} of ${s}`;i.setAttribute("aria-valuetext",d)},qa=class extends Te{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,o.MEDIA_DURATION,o.MEDIA_SEEKABLE,"remaining","show-duration","disabled"]}constructor(){super(),this.container.innerHTML=ts(this)}connectedCallback(){this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","progressbar"),this.setAttribute("aria-label",$.PLAYBACK_TIME()),super.connectedCallback()}disconnectedCallback(){this.disable()}attributeChangedCallback(e,t,a){if([o.MEDIA_CURRENT_TIME,o.MEDIA_DURATION,o.MEDIA_SEEKABLE,"remaining","show-duration"].includes(e)){let r=ts(this);Ll(this),this.container.innerHTML=r}else e==="disabled"&&a!==t&&(a==null?this.enable():this.disable());super.attributeChangedCallback(e,t,a)}enable(){this.setAttribute("tabindex",0)}disable(){this.removeAttribute("tabindex")}get mediaDuration(){let e=this.getAttribute(o.MEDIA_DURATION);return e!=null?+e:void 0}get mediaCurrentTime(){let e=this.getAttribute(o.MEDIA_CURRENT_TIME);return e!=null?+e:void 0}get mediaSeekable(){let e=this.getAttribute(o.MEDIA_SEEKABLE);if(!!e)return e.split(":").map(t=>+t)}get mediaSeekableEnd(){var e;let[,t]=(e=this.mediaSeekable)!=null?e:[];return t}get mediaSeekableStart(){var e;let[t]=(e=this.mediaSeekable)!=null?e:[];return t}};l.customElements.get("media-time-display")||l.customElements.define("media-time-display",qa);var wl=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
411
|
+
`;var sa=class extends l.HTMLElement{constructor(){super(),od(this,pe,void 0),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Mn.content.cloneNode(!0));let{style:e}=x(this.shadowRoot,":host");e.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`)}static get observedAttributes(){return[v.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,a){var r,s,n,d,c;e===v.MEDIA_CONTROLLER&&(t&&((s=(r=aa(this,pe))==null?void 0:r.unassociateElement)==null||s.call(r,this),ra(this,pe,null)),a&&(ra(this,pe,(n=this.getRootNode())==null?void 0:n.getElementById(a)),(c=(d=aa(this,pe))==null?void 0:d.associateElement)==null||c.call(d,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(v.MEDIA_CONTROLLER);r&&(ra(this,pe,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=aa(this,pe))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=aa(this,pe))==null?void 0:e.unassociateElement)==null||t.call(e,this),ra(this,pe,null)}};pe=new WeakMap;l.customElements.get("media-text-display")||l.customElements.define("media-text-display",sa);var De=sa;var Sn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},kn=(i,e,t)=>(Sn(i,e,"read from private field"),t?t.call(i):e.get(i)),ld=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},dd=(i,e,t,a)=>(Sn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ei,br=class extends De{constructor(){super(),ld(this,ei,void 0),dd(this,ei,this.shadowRoot.querySelector("slot")),kn(this,ei).textContent=z(0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME]}attributeChangedCallback(e,t,a){e===o.MEDIA_CURRENT_TIME&&(kn(this,ei).textContent=z(a)),super.attributeChangedCallback(e,t,a)}};ei=new WeakMap;l.customElements.get("media-current-time-display")||l.customElements.define("media-current-time-display",br);var Cn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},wn=(i,e,t)=>(Cn(i,e,"read from private field"),t?t.call(i):e.get(i)),cd=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ud=(i,e,t,a)=>(Cn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ti,vr=class extends De{constructor(){super(),cd(this,ti,void 0),ud(this,ti,this.shadowRoot.querySelector("slot")),wn(this,ti).textContent=z(0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_DURATION]}attributeChangedCallback(e,t,a){e===o.MEDIA_DURATION&&(wn(this,ti).textContent=z(a)),super.attributeChangedCallback(e,t,a)}};ti=new WeakMap;l.customElements.get("media-duration-display")||l.customElements.define("media-duration-display",vr);var Rn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Er=(i,e,t)=>(Rn(i,e,"read from private field"),t?t.call(i):e.get(i)),md=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},hd=(i,e,t,a)=>(Rn(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Tt,Ln=["Enter"," "],pd=" / ",xn=(i,{timesSep:e=pd}={})=>{var t,a,r;let s=i.getAttribute("remaining")!=null,n=i.getAttribute("show-duration")!=null,d=(t=i.mediaCurrentTime)!=null?t:0,c=(r=(a=i.mediaDuration)!=null?a:i.mediaSeekableEnd)!=null?r:0,u=s?z(0-(c-d)):z(d);return n?`${u}${e}${z(c)}`:u},bd="video not loaded, unknown time.",vd=i=>{let e=i.mediaCurrentTime,t=i.mediaDuration||i.mediaSeekableEnd;if(e==null||t==null){i.setAttribute("aria-valuetext",bd);return}let a=i.hasAttribute("remaining"),r=i.hasAttribute("show-duration"),s=a?qe(0-(t-e)):qe(e);if(!r){i.setAttribute("aria-valuetext",s);return}let n=qe(t),d=`${s} of ${n}`;i.setAttribute("aria-valuetext",d)},fr=class extends De{constructor(){super(),md(this,Tt,void 0),hd(this,Tt,this.shadowRoot.querySelector("slot")),Er(this,Tt).innerHTML=`${xn(this)}`;let{style:e}=x(this.shadowRoot,":host");e.setProperty("cursor","pointer")}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,o.MEDIA_DURATION,o.MEDIA_SEEKABLE,"remaining","show-duration","disabled"]}connectedCallback(){this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","progressbar"),this.setAttribute("aria-label",H.PLAYBACK_TIME());let e=t=>{let{key:a}=t;if(!Ln.includes(a)){this.removeEventListener("keyup",e);return}this.toggleTimeDisplay()};this.addEventListener("keydown",t=>{let{metaKey:a,altKey:r,key:s}=t;if(a||r||!Ln.includes(s)){this.removeEventListener("keyup",e);return}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,a){if([o.MEDIA_CURRENT_TIME,o.MEDIA_DURATION,o.MEDIA_SEEKABLE,"remaining","show-duration"].includes(e)){let r=xn(this);vd(this),r!==Er(this,Tt).innerHTML&&(Er(this,Tt).innerHTML=r)}else e==="disabled"&&a!==t&&(a==null?this.enable():this.disable());super.attributeChangedCallback(e,t,a)}enable(){this.setAttribute("tabindex",0)}disable(){this.removeAttribute("tabindex")}get mediaDuration(){let e=this.getAttribute(o.MEDIA_DURATION);return e!=null?+e:void 0}get mediaCurrentTime(){let e=this.getAttribute(o.MEDIA_CURRENT_TIME);return e!=null?+e:void 0}get mediaSeekable(){let e=this.getAttribute(o.MEDIA_SEEKABLE);if(!!e)return e.split(":").map(t=>+t)}get mediaSeekableEnd(){var e;let[,t]=(e=this.mediaSeekable)!=null?e:[];return t}get mediaSeekableStart(){var e;let[t]=(e=this.mediaSeekable)!=null?e:[];return t}};Tt=new WeakMap;l.customElements.get("media-time-display")||l.customElements.define("media-time-display",fr);var Ed=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
424
412
|
<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"/>
|
|
425
|
-
</svg>`,
|
|
413
|
+
</svg>`,fd=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
426
414
|
<path d="M17.73 14.09a1.4 1.4 0 0 1-1 .37 1.579 1.579 0 0 1-1.27-.58A3 3 0 0 1 15 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34A2.89 2.89 0 0 0 19 9.07a3 3 0 0 0-2.14-.78 3.14 3.14 0 0 0-2.42 1 3.91 3.91 0 0 0-.93 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.17 3.17 0 0 0 1.07-1.74l-1.4-.45c-.083.43-.3.822-.62 1.12Zm-7.22 0a1.43 1.43 0 0 1-1 .37 1.58 1.58 0 0 1-1.27-.58A3 3 0 0 1 7.76 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34a2.81 2.81 0 0 0-.74-1.32 2.94 2.94 0 0 0-2.13-.78 3.18 3.18 0 0 0-2.43 1 4 4 0 0 0-.92 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.23 3.23 0 0 0 1.07-1.74l-1.4-.45a2.06 2.06 0 0 1-.6 1.07Zm12.32-8.41a2.59 2.59 0 0 0-2.3-2.51C18.72 3.05 15.86 3 13 3c-2.86 0-5.72.05-7.53.17a2.59 2.59 0 0 0-2.3 2.51c-.23 4.207-.23 8.423 0 12.63a2.57 2.57 0 0 0 2.3 2.5c1.81.13 4.67.19 7.53.19 2.86 0 5.72-.06 7.53-.19a2.57 2.57 0 0 0 2.3-2.5c.23-4.207.23-8.423 0-12.63Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.14-.21-8.29 0-12.43a1.11 1.11 0 0 1 .91-1.11C7.24 4.56 10 4.49 13 4.49s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.14.21 8.29 0 12.43Z"/>
|
|
427
|
-
</svg>`,
|
|
415
|
+
</svg>`,On=m.createElement("template");On.innerHTML=`
|
|
428
416
|
<style>
|
|
429
417
|
:host([aria-checked="true"]) slot:not([name=on]) > *,
|
|
430
418
|
:host([aria-checked="true"]) ::slotted(:not([slot=on])) {
|
|
@@ -438,15 +426,15 @@
|
|
|
438
426
|
}
|
|
439
427
|
</style>
|
|
440
428
|
|
|
441
|
-
<slot name="on">${
|
|
442
|
-
<slot name="off">${
|
|
443
|
-
`;var
|
|
444
|
-
<slot name="forward">${
|
|
445
|
-
`;var
|
|
429
|
+
<slot name="on">${Ed}</slot>
|
|
430
|
+
<slot name="off">${fd}</slot>
|
|
431
|
+
`;var Dn=i=>{i.setAttribute("aria-checked",nr(i))},gr=class extends k{static get observedAttributes(){return[...super.observedAttributes,"no-subtitles-fallback","default-showing",o.MEDIA_CAPTIONS_LIST,o.MEDIA_CAPTIONS_SHOWING,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}constructor(e={}){super({slotTemplate:On,...e}),this._captionsReady=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setAttribute("aria-label",H.CLOSED_CAPTIONS()),Dn(this)}attributeChangedCallback(e,t,a){if([o.MEDIA_CAPTIONS_SHOWING,o.MEDIA_SUBTITLES_SHOWING].includes(e)&&Dn(this),this.hasAttribute("default-showing")&&this.getAttribute("aria-checked")!=="true"){let r=!this.hasAttribute("no-subtitles-fallback");if((r?[o.MEDIA_CAPTIONS_LIST,o.MEDIA_SUBTITLES_LIST]:[o.MEDIA_CAPTIONS_LIST]).includes(e)){let n=!!this.getAttribute(o.MEDIA_CAPTIONS_LIST)||!!(r&&this.getAttribute(o.MEDIA_SUBTITLES_LIST));this._captionsReady!==n&&(this._captionsReady=n,this._captionsReady&&ze(this))}}super.attributeChangedCallback(e,t,a)}handleClick(){ze(this)}};l.customElements.get("media-captions-button")||l.customElements.define("media-captions-button",gr);var _r="30",gd=`<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)">${_r}</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>`,Un=m.createElement("template");Un.innerHTML=`
|
|
432
|
+
<slot name="forward">${gd}</slot>
|
|
433
|
+
`;var _d=0,Pn=i=>{let e=Math.abs(+i.getAttribute("seek-offset")),t=S.SEEK_FORWARD_N_SECS({seekOffset:e});i.setAttribute("aria-label",t)},Nn=i=>{let e=Ni(i,"forward"),t=i.getAttribute("seek-offset");Pi(e,t)},Ar=class extends k{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME,"seek-offset"]}constructor(e={}){super({slotTemplate:Un,...e})}connectedCallback(){this.hasAttribute("seek-offset")||this.setAttribute("seek-offset",_r),Pn(this),Nn(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e==="seek-offset"&&(a==null&&this.setAttribute("seek-offset",_r),Nn(this),Pn(this)),super.attributeChangedCallback(e,t,a)}handleClick(){let e=this.getAttribute(o.MEDIA_CURRENT_TIME),t=+this.getAttribute("seek-offset"),r=(e&&!Number.isNaN(+e)?+e:_d)+t,s=new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(s)}};l.customElements.get("media-seek-forward-button")||l.customElements.define("media-seek-forward-button",Ar);var Ad=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
446
434
|
<path d="M16 3v2.5h3.5V9H22V3h-6ZM4 9h2.5V5.5H10V3H4v6Zm15.5 9.5H16V21h6v-6h-2.5v3.5ZM6.5 15H4v6h6v-2.5H6.5V15Z"/>
|
|
447
|
-
</svg>`,
|
|
435
|
+
</svg>`,yd=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
448
436
|
<path d="M18.5 6.5V3H16v6h6V6.5h-3.5ZM16 21h2.5v-3.5H22V15h-6v6ZM4 17.5h3.5V21H10v-6H4v2.5Zm3.5-11H4V9h6V3H7.5v3.5Z"/>
|
|
449
|
-
</svg
|
|
437
|
+
</svg>`,$n=m.createElement("template");$n.innerHTML=`
|
|
450
438
|
<style>
|
|
451
439
|
:host([${o.MEDIA_IS_FULLSCREEN}]) slot:not([name=exit]) > *,
|
|
452
440
|
:host([${o.MEDIA_IS_FULLSCREEN}]) ::slotted(:not([slot=exit])) {
|
|
@@ -460,44 +448,41 @@
|
|
|
460
448
|
}
|
|
461
449
|
</style>
|
|
462
450
|
|
|
463
|
-
<slot name="enter">${
|
|
464
|
-
<slot name="exit">${
|
|
465
|
-
`;var
|
|
451
|
+
<slot name="enter">${Ad}</slot>
|
|
452
|
+
<slot name="exit">${yd}</slot>
|
|
453
|
+
`;var Bn=i=>{let t=i.getAttribute(o.MEDIA_IS_FULLSCREEN)!=null?S.EXIT_FULLSCREEN():S.ENTER_FULLSCREEN();i.setAttribute("aria-label",t)},yr=class extends k{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_FULLSCREEN,o.MEDIA_FULLSCREEN_UNAVAILABLE]}constructor(e={}){super({slotTemplate:$n,...e})}connectedCallback(){Bn(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_FULLSCREEN&&Bn(this),super.attributeChangedCallback(e,t,a)}handleClick(){let e=this.getAttribute(o.MEDIA_IS_FULLSCREEN)!=null?h.MEDIA_EXIT_FULLSCREEN_REQUEST:h.MEDIA_ENTER_FULLSCREEN_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-fullscreen-button")||l.customElements.define("media-fullscreen-button",yr);var{MEDIA_TIME_IS_LIVE:ii,MEDIA_PAUSED:It}=o,{MEDIA_SEEK_TO_LIVE_REQUEST:Td,MEDIA_PLAY_REQUEST:Id}=h,Md='<svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg>',Hn=m.createElement("template");Hn.innerHTML=`
|
|
466
454
|
<style>
|
|
467
455
|
|
|
468
456
|
slot[name=indicator] > *,
|
|
469
457
|
:host ::slotted([slot=indicator]) {
|
|
470
|
-
|
|
458
|
+
|
|
471
459
|
min-width: auto;
|
|
472
460
|
fill: var(--media-live-button-icon-color, rgb(140, 140, 140));
|
|
473
461
|
color: var(--media-live-button-icon-color, rgb(140, 140, 140));
|
|
474
462
|
}
|
|
475
463
|
|
|
476
|
-
:host([${
|
|
477
|
-
:host([${
|
|
464
|
+
:host([${ii}]:not([${It}])) slot[name=indicator] > *,
|
|
465
|
+
:host([${ii}]:not([${It}])) ::slotted([slot=indicator]) {
|
|
478
466
|
fill: var(--media-live-indicator-color, rgb(255, 0, 0));
|
|
479
467
|
color: var(--media-live-indicator-color, rgb(255, 0, 0));
|
|
480
468
|
}
|
|
481
469
|
|
|
482
|
-
:host([${
|
|
470
|
+
:host([${ii}]:not([${It}])) {
|
|
483
471
|
cursor: not-allowed;
|
|
484
472
|
}
|
|
485
473
|
|
|
486
474
|
</style>
|
|
487
475
|
|
|
488
|
-
<slot name="indicator">${
|
|
489
|
-
|
|
490
|
-
A new line between spacer and text creates inconsistent spacing
|
|
491
|
-
between slotted items and default slots.
|
|
492
|
-
-->
|
|
476
|
+
<slot name="indicator">${Md}</slot>
|
|
477
|
+
|
|
493
478
|
<slot name="spacer"> </slot><slot name="text">LIVE</slot>
|
|
494
|
-
`;var
|
|
479
|
+
`;var Tr=class extends k{static get observedAttributes(){return[...super.observedAttributes,It,ii]}constructor(e={}){super({slotTemplate:Hn,...e}),this.setAttribute("aria-label","Seek to Live")}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a)}handleClick(){!this.hasAttribute(It)&&this.hasAttribute(ii)||(this.dispatchEvent(new l.CustomEvent(Td,{composed:!0,bubbles:!0})),this.hasAttribute(It)&&this.dispatchEvent(new l.CustomEvent(Id,{composed:!0,bubbles:!0})))}};l.customElements.get("media-live-button")||l.customElements.define("media-live-button",Tr);var kd=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
495
480
|
<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"/>
|
|
496
|
-
</svg>`,
|
|
481
|
+
</svg>`,Wn=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
497
482
|
<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"/>
|
|
498
|
-
</svg
|
|
483
|
+
</svg>`,Sd=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
499
484
|
<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"/>
|
|
500
|
-
</svg>`,
|
|
485
|
+
</svg>`,Fn=m.createElement("template");Fn.innerHTML=`
|
|
501
486
|
<style>
|
|
502
487
|
|
|
503
488
|
:host(:not([${o.MEDIA_VOLUME_LEVEL}])) slot:not([name=high]) > *,
|
|
@@ -523,13 +508,13 @@
|
|
|
523
508
|
}
|
|
524
509
|
</style>
|
|
525
510
|
|
|
526
|
-
<slot name="off">${
|
|
527
|
-
<slot name="low">${
|
|
528
|
-
<slot name="medium">${
|
|
529
|
-
<slot name="high">${
|
|
530
|
-
`;var
|
|
511
|
+
<slot name="off">${kd}</slot>
|
|
512
|
+
<slot name="low">${Wn}</slot>
|
|
513
|
+
<slot name="medium">${Wn}</slot>
|
|
514
|
+
<slot name="high">${Sd}</slot>
|
|
515
|
+
`;var Vn=i=>{let t=i.getAttribute(o.MEDIA_VOLUME_LEVEL)==="off"?S.UNMUTE():S.MUTE();i.setAttribute("aria-label",t)},Ir=class extends k{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME_LEVEL]}constructor(e={}){super({slotTemplate:Fn,...e})}connectedCallback(){Vn(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_VOLUME_LEVEL&&Vn(this),super.attributeChangedCallback(e,t,a)}handleClick(){let e=this.getAttribute(o.MEDIA_VOLUME_LEVEL)==="off"?h.MEDIA_UNMUTE_REQUEST:h.MEDIA_MUTE_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-mute-button")||l.customElements.define("media-mute-button",Ir);var Kn=`<svg aria-hidden="true" viewBox="0 0 28 24">
|
|
531
516
|
<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"/>
|
|
532
|
-
</svg>`,
|
|
517
|
+
</svg>`,Yn=m.createElement("template");Yn.innerHTML=`
|
|
533
518
|
<style>
|
|
534
519
|
:host([${o.MEDIA_IS_PIP}]) slot:not([name=exit]) > *,
|
|
535
520
|
:host([${o.MEDIA_IS_PIP}]) ::slotted(:not([slot=exit])) {
|
|
@@ -543,13 +528,13 @@
|
|
|
543
528
|
}
|
|
544
529
|
</style>
|
|
545
530
|
|
|
546
|
-
<slot name="enter">${
|
|
547
|
-
<slot name="exit">${
|
|
548
|
-
`;var
|
|
531
|
+
<slot name="enter">${Kn}</slot>
|
|
532
|
+
<slot name="exit">${Kn}</slot>
|
|
533
|
+
`;var Gn=i=>{let t=i.getAttribute(o.MEDIA_IS_PIP)!=null?S.EXIT_PIP():S.ENTER_PIP();i.setAttribute("aria-label",t)},Mr=class extends k{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_IS_PIP,o.MEDIA_PIP_UNAVAILABLE]}constructor(e={}){super({slotTemplate:Yn,...e})}connectedCallback(){Gn(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_IS_PIP&&Gn(this),super.attributeChangedCallback(e,t,a)}handleClick(){let e=this.getAttribute(o.MEDIA_IS_PIP)!=null?h.MEDIA_EXIT_PIP_REQUEST:h.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-pip-button")||l.customElements.define("media-pip-button",Mr);var wd=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
549
534
|
<path d="m6 21 15-9L6 3v18Z"/>
|
|
550
|
-
</svg>`,
|
|
535
|
+
</svg>`,Cd=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
551
536
|
<path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/>
|
|
552
|
-
</svg>`,
|
|
537
|
+
</svg>`,qn=m.createElement("template");qn.innerHTML=`
|
|
553
538
|
<style>
|
|
554
539
|
:host([${o.MEDIA_PAUSED}]) slot[name=pause] > *,
|
|
555
540
|
:host([${o.MEDIA_PAUSED}]) ::slotted([slot=pause]) {
|
|
@@ -562,15 +547,15 @@
|
|
|
562
547
|
}
|
|
563
548
|
</style>
|
|
564
549
|
|
|
565
|
-
<slot name="play">${
|
|
566
|
-
<slot name="pause">${
|
|
567
|
-
`;var
|
|
550
|
+
<slot name="play">${wd}</slot>
|
|
551
|
+
<slot name="pause">${Cd}</slot>
|
|
552
|
+
`;var Zn=i=>{let t=i.getAttribute(o.MEDIA_PAUSED)!=null?S.PLAY():S.PAUSE();i.setAttribute("aria-label",t)},kr=class extends k{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PAUSED]}constructor(e={}){super({slotTemplate:qn,...e})}connectedCallback(){Zn(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e===o.MEDIA_PAUSED&&Zn(this),super.attributeChangedCallback(e,t,a)}handleClick(){let e=this.getAttribute(o.MEDIA_PAUSED)!=null?h.MEDIA_PLAY_REQUEST:h.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new l.CustomEvent(e,{composed:!0,bubbles:!0}))}};l.customElements.get("media-play-button")||l.customElements.define("media-play-button",kr);var Qn=[1,1.25,1.5,1.75,2],na=1,zn=m.createElement("template");zn.innerHTML=`
|
|
568
553
|
<span id="container"></span>
|
|
569
|
-
`;var
|
|
554
|
+
`;var Sr=class extends k{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PLAYBACK_RATE,"rates"]}constructor(e={}){super({slotTemplate:zn,...e}),this._rates=Qn,this.container=this.shadowRoot.querySelector("#container"),this.container.innerHTML=`${na}x`}attributeChangedCallback(e,t,a){if(e==="rates"){let r=(a!=null?a:"").trim().split(/\s*,?\s+/).map(s=>Number(s)).filter(s=>!Number.isNaN(s)).sort((s,n)=>s-n);this._rates=r.length?r:Qn;return}if(e===o.MEDIA_PLAYBACK_RATE){let r=a?+a:Number.NaN,s=Number.isNaN(r)?na:r;this.container.innerHTML=`${s}x`,this.setAttribute("aria-label",H.PLAYBACK_RATE({playbackRate:s}));return}super.attributeChangedCallback(e,t,a)}handleClick(){var e,t;let a=+this.getAttribute(o.MEDIA_PLAYBACK_RATE)||na,r=(t=(e=this._rates.find(n=>n>a))!=null?e:this._rates[0])!=null?t:na,s=new l.CustomEvent(h.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(s)}};l.customElements.get("media-playback-rate-button")||l.customElements.define("media-playback-rate-button",Sr);var Xn=m.createElement("template");Xn.innerHTML=`
|
|
570
555
|
<style>
|
|
571
556
|
:host {
|
|
572
557
|
pointer-events: none;
|
|
573
|
-
display: inline-block;
|
|
558
|
+
display: var(--media-poster-image-display, inline-block);
|
|
574
559
|
box-sizing: border-box;
|
|
575
560
|
}
|
|
576
561
|
|
|
@@ -588,7 +573,7 @@
|
|
|
588
573
|
</style>
|
|
589
574
|
|
|
590
575
|
<img aria-hidden="true" id="image"/>
|
|
591
|
-
`;var
|
|
576
|
+
`;var Ld=i=>{i.style.removeProperty("background-image")},xd=(i,e)=>{i.style["background-image"]=`url('${e}')`},wr=class extends l.HTMLElement{static get observedAttributes(){return["placeholder-src","src"]}constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(Xn.content.cloneNode(!0)),this.image=this.shadowRoot.querySelector("#image")}attributeChangedCallback(e,t,a){e==="src"&&(a==null?this.image.removeAttribute("src"):this.image.setAttribute("src",a)),e==="placeholder-src"&&(a==null?Ld(this.image):xd(this.image,a))}};l.customElements.get("media-poster-image")||l.customElements.define("media-poster-image",wr);var Or=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},U=(i,e,t)=>(Or(i,e,"read from private field"),t?t.call(i):e.get(i)),q=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Oe=(i,e,t,a)=>(Or(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ai=(i,e,t)=>(Or(i,e,"access private method"),t),ri,oa,si,ua,ma,la,Lr,da,Mt,ni,xr,ha,ba,ca,Rr,Dr,Jn,Rd="video not loaded, unknown time.",Cr=i=>{let e=i.range,t=qe(+e.value),a=qe(+e.max),r=t&&a?`${t} of ${a}`:Rd;e.setAttribute("aria-valuetext",r)},jn=m.createElement("template");jn.innerHTML=`
|
|
592
577
|
<style>
|
|
593
578
|
:host {
|
|
594
579
|
--media-preview-background-color: rgba(20,20,30, .5);
|
|
@@ -621,15 +606,27 @@
|
|
|
621
606
|
}
|
|
622
607
|
|
|
623
608
|
[part~="preview-box"] {
|
|
624
|
-
transition: visibility
|
|
609
|
+
transition-property: var(--media-preview-transition-property, visibility, opacity);
|
|
610
|
+
transition-duration: var(--media-preview-transition-duration-out, .25s);
|
|
611
|
+
transition-delay: var(--media-preview-transition-delay-out, 0s);
|
|
625
612
|
visibility: hidden;
|
|
626
613
|
opacity: 0;
|
|
627
614
|
}
|
|
628
615
|
|
|
616
|
+
:host([${o.MEDIA_PREVIEW_IMAGE}]:hover) [part~="preview-box"],
|
|
617
|
+
:host([${o.MEDIA_PREVIEW_TIME}]:hover) [part~="preview-box"] {
|
|
618
|
+
transition-duration: var(--media-preview-transition-duration-in, .5s);
|
|
619
|
+
transition-delay: var(--media-preview-transition-delay-in, .25s);
|
|
620
|
+
visibility: visible;
|
|
621
|
+
opacity: 1;
|
|
622
|
+
}
|
|
623
|
+
|
|
629
624
|
media-preview-thumbnail,
|
|
630
625
|
::slotted(media-preview-thumbnail) {
|
|
631
626
|
visibility: hidden;
|
|
627
|
+
|
|
632
628
|
transition: visibility 0s .25s;
|
|
629
|
+
transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
|
|
633
630
|
background: var(--media-preview-time-background, var(--media-preview-background));
|
|
634
631
|
box-shadow: var(--media-preview-thumbnail-box-shadow, 0 0 4px rgba(0,0,0, .2));
|
|
635
632
|
max-width: var(--media-preview-thumbnail-max-width, 180px);
|
|
@@ -643,7 +640,7 @@
|
|
|
643
640
|
|
|
644
641
|
:host([${o.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail,
|
|
645
642
|
:host([${o.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) {
|
|
646
|
-
transition-delay:
|
|
643
|
+
transition-delay: var(--media-preview-transition-delay-in, .25s);
|
|
647
644
|
visibility: visible;
|
|
648
645
|
}
|
|
649
646
|
|
|
@@ -652,7 +649,8 @@
|
|
|
652
649
|
color: unset;
|
|
653
650
|
min-width: 0;
|
|
654
651
|
|
|
655
|
-
transition: min-width 0s
|
|
652
|
+
transition: min-width 0s, border-radius 0s;
|
|
653
|
+
transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
|
|
656
654
|
background: var(--media-preview-time-background, var(--media-preview-background));
|
|
657
655
|
border-radius: var(--media-preview-time-border-radius,
|
|
658
656
|
var(--media-preview-border-radius) var(--media-preview-border-radius)
|
|
@@ -664,19 +662,12 @@
|
|
|
664
662
|
|
|
665
663
|
:host([${o.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display,
|
|
666
664
|
:host([${o.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-time-display) {
|
|
667
|
-
transition-delay:
|
|
665
|
+
transition-delay: var(--media-preview-transition-delay-in, .25s);
|
|
668
666
|
min-width: 100%;
|
|
669
667
|
border-radius: var(--media-preview-time-border-radius,
|
|
670
668
|
0 0 var(--media-preview-border-radius) var(--media-preview-border-radius));
|
|
671
669
|
}
|
|
672
670
|
|
|
673
|
-
:host([${o.MEDIA_PREVIEW_IMAGE}]:hover) [part~="preview-box"],
|
|
674
|
-
:host([${o.MEDIA_PREVIEW_TIME}]:hover) [part~="preview-box"] {
|
|
675
|
-
transition: visibility .5s, opacity .5s;
|
|
676
|
-
visibility: visible;
|
|
677
|
-
opacity: 1;
|
|
678
|
-
}
|
|
679
|
-
|
|
680
671
|
:host([${o.MEDIA_PREVIEW_TIME}]:hover) {
|
|
681
672
|
--media-time-range-hover-display: block;
|
|
682
673
|
}
|
|
@@ -692,13 +683,13 @@
|
|
|
692
683
|
|
|
693
684
|
</slot>
|
|
694
685
|
</div>
|
|
695
|
-
`;var
|
|
696
|
-
<slot name="backward">${
|
|
697
|
-
`;var
|
|
686
|
+
`;var pa=class extends jt{constructor(){super(),q(this,la),q(this,ca),q(this,Dr),q(this,ri,void 0),q(this,oa,void 0),q(this,si,void 0),q(this,ua,void 0),q(this,ma,void 0),q(this,da,t=>{if([...U(this,ri)].some(p=>t.composedPath().includes(p)))return;this.updatePointerBar(t);let a=+this.getAttribute(o.MEDIA_DURATION);if(!a)return;let r=this.range.getBoundingClientRect(),s=(t.clientX-r.left)/r.width;s=Math.max(0,Math.min(1,s));let n=ai(this,la,Lr).call(this,U(this,oa),s),{style:d}=x(this.shadowRoot,"#preview-rail");d.transform=`translateX(${n})`;let c=s*a,u=new l.CustomEvent(h.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:c});this.dispatchEvent(u)}),q(this,Mt,!1),q(this,ni,t=>{(!t.composedPath().includes(this)||[...U(this,ri)].some(a=>t.composedPath().includes(a)))&&(l.removeEventListener("pointermove",U(this,ni)),Oe(this,Mt,!1),U(this,ha).call(this))}),q(this,xr,()=>{l.addEventListener("pointermove",U(this,da),!1)}),q(this,ha,()=>{l.removeEventListener("pointermove",U(this,da));let t=new l.CustomEvent(h.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:null});this.dispatchEvent(t)}),q(this,ba,()=>{let t=this.getAttribute(o.MEDIA_DURATION);!U(this,Mt)&&t&&(Oe(this,Mt,!0),U(this,xr).call(this),l.addEventListener("pointermove",U(this,ni),!1))}),this.container.appendChild(jn.content.cloneNode(!0)),this.range.addEventListener("input",()=>{cancelAnimationFrame(this._refreshId);let a=this.range.value,r=new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:a});this.dispatchEvent(r)}),this._refreshBar=()=>{let t=(performance.now()-this._updateTimestamp)/1e3;this.range.value=this.mediaCurrentTime+t*this.mediaPlaybackRate,this.updateBar(),this.updateCurrentBox(),this._refreshId=requestAnimationFrame(this._refreshBar)},Oe(this,ri,this.shadowRoot.querySelectorAll('[part~="box"]')),Oe(this,oa,this.shadowRoot.querySelector('[part~="preview-box"]')),Oe(this,si,this.shadowRoot.querySelector('[part~="current-box"]'));let e=getComputedStyle(this);Oe(this,ua,parseInt(e.getPropertyValue("--media-box-padding-left"))),Oe(this,ma,parseInt(e.getPropertyValue("--media-box-padding-right"))),ai(this,ca,Rr).call(this)}static get observedAttributes(){return[...super.observedAttributes,"thumbnails","disabled",o.MEDIA_PAUSED,o.MEDIA_DURATION,o.MEDIA_SEEKABLE,o.MEDIA_CURRENT_TIME,o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_TIME,o.MEDIA_BUFFERED,o.MEDIA_PLAYBACK_RATE,o.MEDIA_LOADING]}connectedCallback(){this.range.setAttribute("aria-label",H.SEEK()),super.connectedCallback()}disconnectedCallback(){cancelAnimationFrame(this._refreshId),super.disconnectedCallback()}attributeChangedCallback(e,t,a){var r,s,n,d,c;(e===o.MEDIA_CURRENT_TIME||e===o.MEDIA_PAUSED||e===o.MEDIA_LOADING)&&(this._updateTimestamp=performance.now(),this.range.value=this.mediaCurrentTime,Cr(this),this.updateBar(),this.updateCurrentBox(),cancelAnimationFrame(this._refreshId),!this.mediaPaused&&!this.mediaLoading&&(this._refreshId=requestAnimationFrame(this._refreshBar))),e===o.MEDIA_DURATION&&(this.range.max=(s=(r=this.mediaSeekableEnd)!=null?r:this.mediaDuration)!=null?s:1e3,Cr(this),this.updateBar(),this.updateCurrentBox()),e===o.MEDIA_SEEKABLE&&(this.range.min=(n=this.mediaSeekableStart)!=null?n:0,this.range.max=(c=(d=this.mediaSeekableEnd)!=null?d:this.mediaDuration)!=null?c:1e3,Cr(this),this.updateBar()),e===o.MEDIA_BUFFERED&&this.updateBar(),e==="disabled"&&(a==null?ai(this,ca,Rr).call(this):ai(this,Dr,Jn).call(this)),super.attributeChangedCallback(e,t,a)}get mediaPaused(){return this.hasAttribute(o.MEDIA_PAUSED)}get mediaLoading(){return this.hasAttribute(o.MEDIA_LOADING)}get mediaDuration(){let e=this.getAttribute(o.MEDIA_DURATION);return e!=null?+e:void 0}get mediaCurrentTime(){let e=this.getAttribute(o.MEDIA_CURRENT_TIME);return e!=null?+e:void 0}get mediaPlaybackRate(){let e=this.getAttribute(o.MEDIA_PLAYBACK_RATE);return e!=null?+e:1}get mediaBuffered(){let e=this.getAttribute(o.MEDIA_BUFFERED);return e?e.split(" ").map(t=>t.split(":").map(a=>+a)):[]}get mediaSeekable(){let e=this.getAttribute(o.MEDIA_SEEKABLE);if(!!e)return e.split(":").map(t=>+t)}get mediaSeekableEnd(){var e;let[,t]=(e=this.mediaSeekable)!=null?e:[];return t}get mediaSeekableStart(){var e;let[t]=(e=this.mediaSeekable)!=null?e:[];return t}getBarColors(){var e;let t=super.getBarColors(),{range:a}=this,r=a.max-a.min,s=this.mediaBuffered;if(!s.length||!Number.isFinite(r)||r<=0)return t;let n=this.mediaCurrentTime,[,d=a.min]=(e=s.find(([p,g])=>p<=n&&n<=g))!=null?e:[],u=(d-a.min)/r*100;return t.splice(1,0,["var(--media-time-buffered-color, rgba(255,255,255, .4))",u]),t}updateCurrentBox(){if(!U(this,si).assignedElements().length)return;let e=this.range.value/(this.range.max-this.range.min),t=ai(this,la,Lr).call(this,U(this,si),e),{style:a}=x(this.shadowRoot,"#current-rail");a.transform=`translateX(${t})`}};ri=new WeakMap;oa=new WeakMap;si=new WeakMap;ua=new WeakMap;ma=new WeakMap;la=new WeakSet;Lr=function(i,e){var t;let a=`${e*100*100}%`,r=i.offsetWidth;if(!r)return a;let s=(t=this.getAttribute("bounds")?Qe(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?t:this,n=this.range.getBoundingClientRect(),d=s.getBoundingClientRect(),c=(U(this,ua)-(n.left-d.left-r/2))/n.width*100,u=(d.right-n.left-r/2-U(this,ma))/n.width*100;return Number.isNaN(c)||(a=`max(${c*100}%, ${a})`),Number.isNaN(u)||(a=`min(${a}, ${u*100}%)`),a};da=new WeakMap;Mt=new WeakMap;ni=new WeakMap;xr=new WeakMap;ha=new WeakMap;ba=new WeakMap;ca=new WeakSet;Rr=function(){this.addEventListener("pointermove",U(this,ba),!1)};Dr=new WeakSet;Jn=function(){l.removeEventListener("pointermove",U(this,ni)),this.removeEventListener("pointermove",U(this,ba)),Oe(this,Mt,!1),U(this,ha).call(this)};l.customElements.get("media-time-range")||l.customElements.define("media-time-range",pa);var Pr=pa;var Nr=class extends Pr{constructor(){super(),console.warn("MediaChrome: <media-progress-range> is deprecated. Use <media-time-range> instead.")}};l.customElements.get("media-progress-range")||l.customElements.define("media-progress-range",Nr);var Ur="30",Dd=`<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)">${Ur}</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>`,io=m.createElement("template");io.innerHTML=`
|
|
687
|
+
<slot name="backward">${Dd}</slot>
|
|
688
|
+
`;var Od=0,eo=i=>{let e=Math.abs(+i.getAttribute("seek-offset")),t=S.SEEK_BACK_N_SECS({seekOffset:e});i.setAttribute("aria-label",t)},to=i=>{let e=Ni(i,"backward"),t=i.getAttribute("seek-offset");Pi(e,t)},Br=class extends k{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_CURRENT_TIME]}constructor(e={}){super({slotTemplate:io,...e})}connectedCallback(){this.hasAttribute("seek-offset")||this.setAttribute("seek-offset",Ur),eo(this),to(this),super.connectedCallback()}attributeChangedCallback(e,t,a){e==="seek-offset"&&(a==null&&this.setAttribute("seek-offset",Ur),to(this),eo(this)),super.attributeChangedCallback(e,t,a)}handleClick(){let e=this.getAttribute(o.MEDIA_CURRENT_TIME),t=+this.getAttribute("seek-offset"),a=e&&!Number.isNaN(+e)?+e:Od,r=Math.max(a-t,0),s=new l.CustomEvent(h.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(s)}};l.customElements.get("media-seek-backward-button")||l.customElements.define("media-seek-backward-button",Br);var ro=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ao=(i,e,t)=>(ro(i,e,"read from private field"),t?t.call(i):e.get(i)),Pd=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Nd=(i,e,t,a)=>(ro(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),oi,$r=class extends De{constructor(){super(),Pd(this,oi,void 0),Nd(this,oi,this.shadowRoot.querySelector("slot")),ao(this,oi).textContent=z(0)}static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,a){e===o.MEDIA_PREVIEW_TIME&&a!=null&&(ao(this,oi).textContent=z(a)),super.attributeChangedCallback(e,t,a)}};oi=new WeakMap;l.customElements.get("media-preview-time-display")||l.customElements.define("media-preview-time-display",$r);var so=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},va=(i,e,t)=>(so(i,e,"read from private field"),t?t.call(i):e.get(i)),Ud=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ea=(i,e,t,a)=>(so(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),be,no=m.createElement("template");no.innerHTML=`
|
|
698
689
|
<style>
|
|
699
690
|
:host {
|
|
700
691
|
box-sizing: border-box;
|
|
701
|
-
display: inline-block;
|
|
692
|
+
display: var(--media-control-display, var(--media-preview-thumbnail-display, inline-block));
|
|
702
693
|
overflow: hidden;
|
|
703
694
|
}
|
|
704
695
|
|
|
@@ -708,7 +699,7 @@
|
|
|
708
699
|
}
|
|
709
700
|
</style>
|
|
710
701
|
<img crossorigin loading="eager" decoding="async" />
|
|
711
|
-
`;var
|
|
702
|
+
`;var Hr=class extends l.HTMLElement{constructor(){super(),Ud(this,be,void 0),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(no.content.cloneNode(!0))}static get observedAttributes(){return[v.MEDIA_CONTROLLER,"time",o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t,a;let r=this.getAttribute(v.MEDIA_CONTROLLER);r&&(Ea(this,be,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=va(this,be))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;(t=(e=va(this,be))==null?void 0:e.unassociateElement)==null||t.call(e,this),Ea(this,be,null)}attributeChangedCallback(e,t,a){var r,s,n,d,c;["time",o.MEDIA_PREVIEW_IMAGE,o.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===v.MEDIA_CONTROLLER&&(t&&((s=(r=va(this,be))==null?void 0:r.unassociateElement)==null||s.call(r,this),Ea(this,be,null)),a&&(Ea(this,be,(n=this.getRootNode())==null?void 0:n.getElementById(a)),(c=(d=va(this,be))==null?void 0:d.associateElement)==null||c.call(d,this)))}update(){let e=this.getAttribute(o.MEDIA_PREVIEW_COORDS),t=this.getAttribute(o.MEDIA_PREVIEW_IMAGE);if(!(e&&t))return;let[a,r,s,n]=e.split(/\s+/).map(xi=>+xi),d=t.split("#")[0],c=getComputedStyle(this),{maxWidth:u,maxHeight:p,minWidth:g,minHeight:I}=c,_=Math.min(parseInt(u)/s,parseInt(p)/n),B=Math.max(parseInt(g)/s,parseInt(I)/n),P=_<1,N=P?_:B>1?B:1,{style:C}=x(this.shadowRoot,":host"),ge=x(this.shadowRoot,"img").style,ae=this.shadowRoot.querySelector("img"),_e=P?"min":"max";C.setProperty(`${_e}-width`,"initial","important"),C.setProperty(`${_e}-height`,"initial","important"),C.width=`${s*N}px`,C.height=`${n*N}px`;let pt=()=>{ge.width=`${this.imgWidth*N}px`,ge.height=`${this.imgHeight*N}px`,ge.display="block"};ae.src!==d&&(ae.onload=()=>{this.imgWidth=ae.naturalWidth,this.imgHeight=ae.naturalHeight,pt()},ae.src=d,pt()),pt(),ge.transform=`translate(-${a*N}px, -${r*N}px)`}};be=new WeakMap;l.customElements.get("media-preview-thumbnail")||l.customElements.define("media-preview-thumbnail",Hr);var oo=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},fa=(i,e,t)=>(oo(i,e,"read from private field"),t?t.call(i):e.get(i)),Bd=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ga=(i,e,t,a)=>(oo(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),ve,lo=m.createElement("template"),$d=`
|
|
712
703
|
<svg aria-hidden="true" viewBox="0 0 100 100">
|
|
713
704
|
<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">
|
|
714
705
|
<animateTransform
|
|
@@ -721,10 +712,10 @@
|
|
|
721
712
|
repeatCount="indefinite" />
|
|
722
713
|
</path>
|
|
723
714
|
</svg>
|
|
724
|
-
`;
|
|
715
|
+
`;lo.innerHTML=`
|
|
725
716
|
<style>
|
|
726
717
|
:host {
|
|
727
|
-
display: inline-block;
|
|
718
|
+
display: var(--media-control-display, var(--media-loading-indicator-display, inline-block));
|
|
728
719
|
vertical-align: middle;
|
|
729
720
|
box-sizing: border-box;
|
|
730
721
|
}
|
|
@@ -758,15 +749,15 @@ svg, img, ::slotted(svg), ::slotted(img) {
|
|
|
758
749
|
}
|
|
759
750
|
</style>
|
|
760
751
|
|
|
761
|
-
<slot name="loading">${
|
|
762
|
-
<div id="status" role="status" aria-live="polite">${
|
|
763
|
-
`;var
|
|
752
|
+
<slot name="loading">${$d}</slot>
|
|
753
|
+
<div id="status" role="status" aria-live="polite">${H.MEDIA_LOADING()}</div>
|
|
754
|
+
`;var Hd=500,Wr=class extends l.HTMLElement{constructor(){super(),Bd(this,ve,void 0);let e=this.attachShadow({mode:"open"}),t=lo.content.cloneNode(!0);e.appendChild(t)}static get observedAttributes(){return[v.MEDIA_CONTROLLER,o.MEDIA_PAUSED,o.MEDIA_LOADING,"loading-delay"]}attributeChangedCallback(e,t,a){var r,s,n,d,c,u;if(e===o.MEDIA_LOADING||e===o.MEDIA_PAUSED){let p=this.getAttribute(o.MEDIA_PAUSED)!=null,g=this.getAttribute(o.MEDIA_LOADING)!=null,I=!p&&g;if(!I)this.loadingDelayHandle&&(clearTimeout(this.loadingDelayHandle),this.loadingDelayHandle=void 0),this.removeAttribute("is-loading");else if(!this.loadingDelayHandle&&I){let _=+((r=this.getAttribute("loading-delay"))!=null?r:Hd);this.loadingDelayHandle=setTimeout(()=>{this.setAttribute("is-loading",""),this.loadingDelayHandle=void 0},_)}}else e===v.MEDIA_CONTROLLER&&(t&&((n=(s=fa(this,ve))==null?void 0:s.unassociateElement)==null||n.call(s,this),ga(this,ve,null)),a&&(ga(this,ve,(d=this.getRootNode())==null?void 0:d.getElementById(a)),(u=(c=fa(this,ve))==null?void 0:c.associateElement)==null||u.call(c,this)))}connectedCallback(){var e,t,a;let r=this.getAttribute(v.MEDIA_CONTROLLER);r&&(ga(this,ve,(e=this.getRootNode())==null?void 0:e.getElementById(r)),(a=(t=fa(this,ve))==null?void 0:t.associateElement)==null||a.call(t,this))}disconnectedCallback(){var e,t;this.loadingDelayHandle&&(clearTimeout(this.loadingDelayHandle),this.loadingDelayHandle=void 0),(t=(e=fa(this,ve))==null?void 0:e.unassociateElement)==null||t.call(e,this),ga(this,ve,null)}};ve=new WeakMap;l.customElements.get("media-loading-indicator")||l.customElements.define("media-loading-indicator",Wr);var co=m.createElement("template");co.innerHTML=`
|
|
764
755
|
<style>
|
|
765
756
|
:host {
|
|
766
757
|
}
|
|
767
758
|
</style>
|
|
768
759
|
<slot></slot>
|
|
769
|
-
`;var
|
|
760
|
+
`;var Vr=class extends l.HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(co.content.cloneNode(!0))}};l.customElements.get("media-title-bar")||l.customElements.define("media-title-bar",Vr);var Wd=100,Vd=i=>{var e;if(i.getAttribute(o.MEDIA_MUTED)!=null)return 0;let a=+((e=i.getAttribute(o.MEDIA_VOLUME))!=null?e:1);return Math.round(a*i.range.max)},Fd=({value:i,max:e})=>`${Math.round(i/e*100)}%`,Fr=class extends jt{static get observedAttributes(){return[...super.observedAttributes,o.MEDIA_VOLUME,o.MEDIA_MUTED,o.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.max=Wd,this.range.addEventListener("input",()=>{let t=this.range.value/this.range.max,a=new l.CustomEvent(h.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(a)})}connectedCallback(){this.range.setAttribute("aria-label",H.VOLUME()),super.connectedCallback()}attributeChangedCallback(e,t,a){if(e===o.MEDIA_VOLUME||e===o.MEDIA_MUTED){let r=Vd(this);this.range.value=r,this.range.setAttribute("aria-valuetext",Fd(this.range)),this.updateBar()}super.attributeChangedCallback(e,t,a)}};l.customElements.get("media-volume-range")||l.customElements.define("media-volume-range",Fr);var Kr=class extends Xt{};l.customElements.get("media-chrome")||l.customElements.define("media-chrome",Kr);var Gr=class extends Xt{constructor(){super(),console.warn("MediaChrome: <media-container> is deprecated. Use <media-controller>.")}};l.customElements.get("media-container")||l.customElements.define("media-container",Gr);var Qr=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},M=(i,e,t)=>(Qr(i,e,"read from private field"),t?t.call(i):e.get(i)),ee=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ee=(i,e,t,a)=>(Qr(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),li=(i,e,t)=>(Qr(i,e,"access private method"),t),Pe,St,di,Lt,ye,wt,Yr,je,Ct,_a,kt,Zr,ci,Aa,qr,uo,zr,mo,ho=m.createElement("template");ho.innerHTML=`
|
|
770
761
|
<style>
|
|
771
762
|
:host ul {
|
|
772
763
|
list-style: none;
|
|
@@ -780,16 +771,19 @@ svg, img, ::slotted(svg), ::slotted(img) {
|
|
|
780
771
|
font-family: Arial, sans-serif;
|
|
781
772
|
}
|
|
782
773
|
|
|
783
|
-
::slotted(media-chrome-listitem[tabindex="0"]:focus-visible)
|
|
774
|
+
::slotted(media-chrome-listitem[tabindex="0"]:focus-visible),
|
|
775
|
+
media-chrome-listitem[tabindex="0"]:focus-visible {
|
|
784
776
|
box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.9);
|
|
785
777
|
outline: 0;
|
|
786
778
|
}
|
|
787
779
|
|
|
788
|
-
::slotted(media-chrome-listitem[aria-selected="true"])
|
|
780
|
+
::slotted(media-chrome-listitem[aria-selected="true"]),
|
|
781
|
+
media-chrome-listitem[aria-selected="true"] {
|
|
789
782
|
background-color: var(--media-listbox-selected-background, rgba(122,122,184, .8));
|
|
790
783
|
}
|
|
791
784
|
|
|
792
|
-
::slotted(media-chrome-listitem:hover)
|
|
785
|
+
::slotted(media-chrome-listitem:hover),
|
|
786
|
+
media-chrome-listitem:hover {
|
|
793
787
|
background-color: var(--media-listbox-hover-background, rgba(82,82,122, .8));
|
|
794
788
|
outline: var(--media-listbox-hover-outline, none);
|
|
795
789
|
}
|
|
@@ -797,26 +791,35 @@ svg, img, ::slotted(svg), ::slotted(img) {
|
|
|
797
791
|
<ul tabindex="0">
|
|
798
792
|
<slot></slot>
|
|
799
793
|
</ul>
|
|
800
|
-
`;var
|
|
794
|
+
`;var ya=class extends l.HTMLElement{constructor(e={}){super(),ee(this,ye),ee(this,je),ee(this,ci),ee(this,qr),ee(this,zr),ee(this,Pe,""),ee(this,St,null),ee(this,di,void 0),ee(this,Lt,void 0),ee(this,_a,s=>{this.handleClick(s)}),ee(this,kt,s=>{let{key:n}=s;if(n==="Escape"){this.removeEventListener("keyup",M(this,kt));return}n==="Enter"||n===" "?this.handleSelection(s):this.handleMovement(s)}),ee(this,Zr,s=>{let{metaKey:n,altKey:d}=s;if(n||d){this.removeEventListener("keyup",M(this,kt));return}s.preventDefault(),this.addEventListener("keyup",M(this,kt),{once:!0})});let t=this.attachShadow({mode:"open"}),a=ho.content.cloneNode(!0);this.nativeEl=a;let r=e.slotTemplate;r||(r=m.createElement("template"),r.innerHTML=`<slot>${e.defaultContent||""}</slot>`),this.nativeEl.appendChild(r.content.cloneNode(!0)),t.appendChild(a),Ee(this,di,this.shadowRoot.querySelector("slot")),M(this,di).addEventListener("slotchange",()=>{Ee(this,ye,M(this,di).assignedElements({flatten:!0}),Yr),M(this,ye,wt).length===1&&M(this,ye,wt)[0].nodeName.toLowerCase()==="slot"&&Ee(this,ye,M(this,ye,wt)[0].assignedElements({flatten:!0}),Yr);let s=M(this,je,Ct);if(s.some(c=>c.getAttribute("tabindex")==="0"))return;let d=s.filter(c=>c.getAttribute("aria-selected")==="true")[0];d||(d=s[0]),d&&(d.setAttribute("tabindex",0),d.setAttribute("aria-selected","true"))})}static get observedAttributes(){return["disabled",v.MEDIA_CONTROLLER]}get selectedOptions(){return M(this,je,Ct).filter(e=>e.getAttribute("aria-selected")==="true")}focus(){var e;(e=this.selectedOptions[0])==null||e.focus()}enable(){this.addEventListener("click",M(this,_a)),this.addEventListener("keydown",M(this,Zr))}disable(){this.removeEventListener("click",M(this,_a)),this.removeEventListener("keyup",M(this,kt))}attributeChangedCallback(e,t,a){var r,s;if(e===v.MEDIA_CONTROLLER){if(t){let n=m.getElementById(t);(r=n==null?void 0:n.unassociateElement)==null||r.call(n,this)}if(a){let n=m.getElementById(a);(s=n==null?void 0:n.associateElement)==null||s.call(n,this)}}else e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e;this.hasAttribute("disabled")||this.enable(),this.hasAttribute("role")||this.setAttribute("role","listbox");let t=this.getAttribute(v.MEDIA_CONTROLLER);if(t){let a=m.getElementById(t);(e=a==null?void 0:a.associateElement)==null||e.call(a,this)}}disconnectedCallback(){var e;this.disable();let t=this.getAttribute(v.MEDIA_CONTROLLER);if(t){let a=m.getElementById(t);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}get keysUsed(){return["Enter"," ","ArrowDown","ArrowUp","Home","End"]}handleSelection(e){let t=li(this,ci,Aa).call(this,e);if(!t)return;let a=t.getAttribute("aria-selected")==="true";this.getAttribute("aria-multiselectable")!=="true"&&M(this,ye,wt).forEach(r=>r.setAttribute("aria-selected","false")),a?t.setAttribute("aria-selected","false"):t.setAttribute("aria-selected","true"),this.dispatchEvent(new Event("change"))}handleMovement(e){let{key:t}=e,a=M(this,je,Ct),r=li(this,ci,Aa).call(this,e);r||(r=a.filter(n=>n.getAttribute("tabindex")==="0")[0]);let s;switch(t){case"ArrowDown":s=r.nextElementSibling,s!=null&&s.hasAttribute("disabled")&&(s=s.nextElementSibling);break;case"ArrowUp":s=r.previousElementSibling,s!=null&&s.hasAttribute("disabled")&&(s=s.previousElementSibling);break;case"Home":s=a[0];break;case"End":s=a[a.length-1];break;default:s=li(this,qr,uo).call(this,t);break}s&&(a.forEach(n=>n.setAttribute("tabindex","-1")),s.setAttribute("tabindex","0"),s.focus())}handleClick(e){let t=li(this,ci,Aa).call(this,e);!t||t.hasAttribute("disabled")||(M(this,je,Ct).forEach(a=>a.setAttribute("tabindex","-1")),t.setAttribute("tabindex","0"),this.handleSelection(e))}};Pe=new WeakMap;St=new WeakMap;di=new WeakMap;Lt=new WeakMap;ye=new WeakSet;wt=function(){return M(this,Lt)||Ee(this,Lt,Array.from(this.shadowRoot.querySelectorAll("media-chrome-listitem"))),M(this,Lt)};Yr=function(i){Ee(this,Lt,i)};je=new WeakSet;Ct=function(){return M(this,ye,wt).filter(i=>!i.hasAttribute("disabled"))};_a=new WeakMap;kt=new WeakMap;Zr=new WeakMap;ci=new WeakSet;Aa=function(i){let e=i.composedPath(),t=e.findIndex(a=>a.nodeName==="MEDIA-CHROME-LISTITEM");return e[t]};qr=new WeakSet;uo=function(i){li(this,zr,mo).call(this);let e=M(this,je,Ct),t=e.findIndex(u=>u.getAttribute("tabindex")==="0");Ee(this,Pe,M(this,Pe)+i);let a=M(this,Pe).split("").every(u=>u===i),r=e.slice(t+(a?1:0)).filter(u=>u.textContent.toLowerCase().startsWith(M(this,Pe))),s=e.slice(0,t-(a?1:0)).filter(u=>u.textContent.toLowerCase().startsWith(M(this,Pe))),n=[],d=[];return a&&(n=e.slice(t+(a?1:0)).filter(u=>u.textContent.startsWith(i)),d=e.slice(0,t-(a?1:0)).filter(u=>u.textContent.startsWith(i))),[...r,...s,...n,...d][0]};zr=new WeakSet;mo=function(){l.clearTimeout(M(this,St)),Ee(this,St,null),Ee(this,St,l.setTimeout(()=>{Ee(this,Pe,""),Ee(this,St,null)},500))};l.customElements.get("media-chrome-listbox")||l.customElements.define("media-chrome-listbox",ya);var po=ya;var jr=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},f=(i,e,t)=>(jr(i,e,"read from private field"),t?t.call(i):e.get(i)),J=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},te=(i,e,t,a)=>(jr(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),tt=(i,e,t)=>(jr(i,e,"access private method"),t),ui,et,xt,K,mi,L,Ne,hi,Xr,bo,Jr,vo,Ma,es,ts,Eo,Ta,is,fo=m.createElement("template");fo.innerHTML=`
|
|
801
795
|
<style>
|
|
802
796
|
:host {
|
|
803
|
-
display: inline-
|
|
797
|
+
display: inline-flex;
|
|
798
|
+
position: relative;
|
|
799
|
+
flex-shrink: .5;
|
|
804
800
|
}
|
|
805
801
|
|
|
806
|
-
|
|
807
|
-
|
|
802
|
+
[name="listbox"]::slotted(*),
|
|
803
|
+
[part=listbox] {
|
|
804
|
+
position: absolute;
|
|
805
|
+
left: 0;
|
|
806
|
+
bottom: 100%;
|
|
807
|
+
max-height: 300px;
|
|
808
|
+
overflow: hidden auto;
|
|
808
809
|
}
|
|
809
810
|
</style>
|
|
810
811
|
|
|
811
|
-
<
|
|
812
|
-
<
|
|
813
|
-
|
|
812
|
+
<slot name="button">
|
|
813
|
+
<media-chrome-button aria-haspopup="listbox" part="button">
|
|
814
|
+
<slot name="button-content"></slot>
|
|
815
|
+
</media-chrome-button>
|
|
816
|
+
</slot>
|
|
814
817
|
<slot name="listbox" hidden>
|
|
815
818
|
<media-chrome-listbox id="listbox" part="listbox">
|
|
816
819
|
<slot></slot>
|
|
817
820
|
</media-chrome-listbox>
|
|
818
821
|
</slot>
|
|
819
|
-
`;var
|
|
822
|
+
`;var Ia=class extends l.HTMLElement{constructor(){var e;super(),J(this,Xr),J(this,Jr),J(this,Ma),J(this,ts),J(this,Ta),J(this,ui,void 0),J(this,et,void 0),J(this,xt,!0),J(this,K,void 0),J(this,mi,void 0),J(this,L,void 0),J(this,Ne,void 0),J(this,hi,!1);let t=this.attachShadow({mode:"open"}),a=fo.content.cloneNode(!0);this.nativeEl=a,t.appendChild(a);let{style:r}=x(this.shadowRoot,":host");r.setProperty("display",`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),te(this,ui,tt(this,Xr,bo).bind(this)),te(this,et,tt(this,Jr,vo).bind(this)),(e=this.init)==null||e.call(this),te(this,K,this.shadowRoot.querySelector("[part=button]")),te(this,L,this.shadowRoot.querySelector("[part=listbox]")),te(this,mi,this.shadowRoot.querySelector("slot[name=button]")),f(this,mi).addEventListener("slotchange",()=>{let s=f(this,mi).assignedElements()[0];!s||(this.disable(),te(this,K,s),f(this,K).preventClick=!0,f(this,K).hasAttribute("disabled")&&te(this,xt,!1),f(this,xt)?(this.enable(),f(this,K).setAttribute("aria-haspopup","listbox")):this.disable())}),te(this,Ne,this.shadowRoot.querySelector("slot[name=listbox]")),f(this,Ne).addEventListener("slotchange",()=>{f(this,L).removeEventListener("change",f(this,et)),te(this,L,f(this,Ne).assignedElements()[0]||f(this,L)),f(this,L).addEventListener("change",f(this,et))})}static get observedAttributes(){return["disabled",v.MEDIA_CONTROLLER]}enable(){f(this,K).removeAttribute("disabled"),f(this,K).addEventListener("click",f(this,ui)),tt(this,Ta,is).call(this),f(this,L).addEventListener("change",f(this,et))}disable(){f(this,K).setAttribute("disabled",""),f(this,K).removeEventListener("click",f(this,ui)),f(this,L).addEventListener("change",f(this,et))}attributeChangedCallback(e,t,a){var r,s;if(e===v.MEDIA_CONTROLLER){if(t){let n=m.getElementById(t);(r=n==null?void 0:n.unassociateElement)==null||r.call(n,this),f(this,L).removeAttribute(v.MEDIA_CONTROLLER)}if(a){let n=m.getElementById(a);(s=n==null?void 0:n.associateElement)==null||s.call(n,this),f(this,L).setAttribute(v.MEDIA_CONTROLLER,a)}}else e==="disabled"&&a!==t&&(a==null?(te(this,xt,!0),this.enable()):(te(this,xt,!1),this.disable()))}connectedCallback(){var e;this.hasAttribute("disabled")||this.enable();let t=this.getAttribute(v.MEDIA_CONTROLLER);if(t){let a=m.getElementById(t);(e=a==null?void 0:a.associateElement)==null||e.call(a,this),f(this,L).setAttribute(v.MEDIA_CONTROLLER,t)}}disconnectedCallback(){var e;this.disable();let t=this.getAttribute(v.MEDIA_CONTROLLER);if(t){let a=m.getElementById(t);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this),f(this,L).removeAttribute(v.MEDIA_CONTROLLER)}}get keysUsed(){return["Enter"," ","ArrowUp","ArrowDown","f","c","k","m"]}};ui=new WeakMap;et=new WeakMap;xt=new WeakMap;K=new WeakMap;mi=new WeakMap;L=new WeakMap;Ne=new WeakMap;hi=new WeakMap;Xr=new WeakSet;bo=function(){tt(this,Ma,es).call(this)};Jr=new WeakSet;vo=function(){tt(this,Ma,es).call(this)};Ma=new WeakSet;es=function(){f(this,Ne).hidden=!f(this,Ne).hidden,tt(this,Ta,is).call(this),f(this,Ne).hidden?f(this,K).focus():(f(this,L).focus(),tt(this,ts,Eo).call(this))};ts=new WeakSet;Eo=function(){var i;if(f(this,L).offsetWidth===0)return;let e=f(this,K).getBoundingClientRect();if(this.hasAttribute("media-controller")||f(this,K).hasAttribute("media-controller")||f(this,L).hasAttribute("media-controller")){f(this,L).style.zIndex="1",f(this,L).style.bottom="unset",f(this,L).style.top=e.height+"px";return}let a=((i=this.getAttribute("bounds")?Qe(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?i:this).getBoundingClientRect(),r=f(this,L).getBoundingClientRect(),s=-Math.max(e.x+r.width-a.right,0);f(this,L).style.transform=`translateX(${s}px)`};Ta=new WeakSet;is=function(){te(this,hi,!f(this,hi)),f(this,K).setAttribute("aria-expanded",f(this,hi))};l.customElements.get("media-chrome-selectmenu")||l.customElements.define("media-chrome-selectmenu",Ia);var go=Ia;var _o=m.createElement("template");_o.innerHTML=`
|
|
820
823
|
<style>
|
|
821
824
|
:host {
|
|
822
825
|
display: list-item;
|
|
@@ -833,76 +836,57 @@ svg, img, ::slotted(svg), ::slotted(img) {
|
|
|
833
836
|
<li>
|
|
834
837
|
<slot></slot>
|
|
835
838
|
</li>
|
|
836
|
-
`;var
|
|
839
|
+
`;var as=class extends l.HTMLElement{static get observedAttributes(){return["disabled","aria-selected","value",v.MEDIA_CONTROLLER]}constructor(){super();let e=this.attachShadow({mode:"open"}),t=_o.content.cloneNode(!0);this.nativeEl=t,e.appendChild(t)}set value(e){this.setAttribute("value",e)}get value(){return this.getAttribute("value")}enable(){this.hasAttribute("tabindex")||this.setAttribute("tabindex",-1),this.hasAttribute("aria-selected")||this.setAttribute("aria-selected","false")}disable(){this.removeAttribute("tabindex")}attributeChangedCallback(e,t,a){var r,s;if(e===v.MEDIA_CONTROLLER){if(t){let n=m.getElementById(t);(r=n==null?void 0:n.unassociateElement)==null||r.call(n,this)}if(a){let n=m.getElementById(a);(s=n==null?void 0:n.associateElement)==null||s.call(n,this)}}else e==="disabled"&&a!==t&&(a==null?this.enable():this.disable())}connectedCallback(){var e;this.hasAttribute("disabled")||this.enable(),this.setAttribute("role","option");let t=this.getAttribute(v.MEDIA_CONTROLLER);if(t){let a=m.getElementById(t);(e=a==null?void 0:a.associateElement)==null||e.call(a,this)}}disconnectedCallback(){var e;this.disable();let t=this.getAttribute(v.MEDIA_CONTROLLER);if(t){let a=m.getElementById(t);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}handleClick(){}};l.customElements.get("media-chrome-listitem")||l.customElements.define("media-chrome-listitem",as);var ls=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},$=(i,e,t)=>(ls(i,e,"read from private field"),t?t.call(i):e.get(i)),Ue=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Be=(i,e,t,a)=>(ls(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),le=(i,e,t)=>(ls(i,e,"access private method"),t),Dt,Ot,Te,ie,ka,rs,wa,ss,it,Rt,Sa,ns,yo=`
|
|
837
840
|
fill: var(--media-icon-color, #eee);
|
|
838
841
|
height: var(--media-captions-indicator-height, 1em);
|
|
839
842
|
vertical-align: var(--media-captions-indicator-vertical-align, bottom);
|
|
840
843
|
margin-inline-start: 1ch;
|
|
841
|
-
`,
|
|
842
|
-
<svg style="${
|
|
843
|
-
<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"/>
|
|
844
|
-
</svg>`,$s=u.createElement("template");$s.innerHTML=`
|
|
845
|
-
<slot hidden name="captions-indicator">${jl}</slot>
|
|
846
|
-
`;var Bs=(i,e)=>i.label===e.label&&i.language===e.language,Ur=class extends Ds{constructor(){super({slotTemplate:$s}),Le(this,ia),Le(this,ra),Le(this,Qe),Le(this,aa),Le(this,It,[]),Le(this,Tt,[]),Le(this,he,void 0),Le(this,J,void 0);let e=u.createElement("media-chrome-listitem");e.value="off",e.textContent="Off",we(this,he,e);let t=this.shadowRoot.querySelector('[name="captions-indicator"]');we(this,J,t.firstElementChild),t.addEventListener("slotchange",()=>{let a=t.assignedElements();if(a.length===1&&a[0].nodeName.toLowerCase()==="slot"){let r=a[0].assignedElements();r.length===0?we(this,J,a[0].firstElementChild):r.length===1&&we(this,J,r[0])}H(this,J)||we(this,J,t.firstElementChild),we(this,J,H(this,J).cloneNode(!0)),H(this,J).removeAttribute("slot"),H(this,J).setAttribute("style",Hs)})}static get observedAttributes(){return[...super.observedAttributes,"aria-multiselectable",o.MEDIA_CAPTIONS_LIST,o.MEDIA_CAPTIONS_SHOWING,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,a){if(e===o.MEDIA_SUBTITLES_LIST&&t!==a)we(this,It,ae(this,ia,Dr).call(this,a,H(this,It))),ae(this,Qe,yt).call(this);else if(e===o.MEDIA_CAPTIONS_LIST&&t!==a)we(this,Tt,ae(this,ia,Dr).call(this,a,H(this,Tt))),ae(this,Qe,yt).call(this);else if(e===o.MEDIA_SUBTITLES_SHOWING&&t!==a){let r=Nt(a!=null?a:"")[0];H(this,It).forEach(n=>{n.selected=n.language===r.language&&n.label===r.label}),ae(this,Qe,yt).call(this)}else if(e===o.MEDIA_CAPTIONS_SHOWING&&t!==a){let r=Nt(a!=null?a:"")[0];H(this,Tt).forEach(n=>{n.selected=n.language===r.language&&n.label===r.label}),ae(this,Qe,yt).call(this)}else e==="aria-multiselectable"&&(this.removeAttribute("aria-multiselectable"),console.warn("Captions List doesn't currently support multiple selections. You can enable multiple items via the media.textTrack API."));super.attributeChangedCallback(e,t,a)}connectedCallback(){ae(this,Qe,yt).call(this),this.addEventListener("change",ae(this,aa,Pr)),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("change",ae(this,aa,Pr)),super.disconnectedCallback()}};It=new WeakMap;Tt=new WeakMap;he=new WeakMap;J=new WeakMap;ia=new WeakSet;Dr=function(i,e){let t=i?Nt(i!=null?i:""):[],a=[],r=[];return e.forEach(n=>{t.some(s=>Bs(s,n))||a.push(n)}),t.forEach(n=>{e.some(s=>Bs(s,n))||r.push(n)}),a.forEach(n=>n.el.remove()),e.filter(n=>!a.includes(n)).concat(r)};ra=new WeakSet;Or=function(i,e){i.forEach(t=>{let a=t.el,r=!0;a||(a=u.createElement("media-chrome-listitem"),r=!1,a.value=e+"!"+Ba(t),a.textContent=t.label,e==="cc"&&a.append(H(this,J).cloneNode(!0))),t.selected?a.setAttribute("aria-selected","true"):a.setAttribute("aria-selected","false"),r||(this.append(a),t.el=a)})};Qe=new WeakSet;yt=function(){this.contains(H(this,he))||this.append(H(this,he)),!this.hasAttribute(o.MEDIA_CAPTIONS_SHOWING)&&!this.hasAttribute(o.MEDIA_SUBTITLES_SHOWING)?(H(this,he).setAttribute("aria-selected","true"),H(this,he).setAttribute("tabindex","0")):(H(this,he).setAttribute("aria-selected","false"),H(this,he).setAttribute("tabindex","-1")),ae(this,ra,Or).call(this,H(this,Tt),"cc"),ae(this,ra,Or).call(this,H(this,It),"subs")};aa=new WeakSet;Pr=function(){var i,e,t;let[a,r]=(t=(e=(i=this.selectedOptions[0])==null?void 0:i.value)==null?void 0:e.split("!"))!=null?t:[];if(ye(this),!r)return;let n=new l.CustomEvent(a==="cc"?h.MEDIA_SHOW_CAPTIONS_REQUEST:h.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(n)};l.customElements.get("media-captions-listbox")||l.customElements.define("media-captions-listbox",Ur);var Vr=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},O=(i,e,t)=>(Vr(i,e,"read from private field"),t?t.call(i):e.get(i)),pe=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ai=(i,e,t,a)=>(Vr(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Mt=(i,e,t)=>(Vr(i,e,"access private method"),t),xe,ze,kt,oe,ri,Br,Vs,Fr,Fs,na,Hr,sa,$r,Ws=`
|
|
847
|
-
<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
844
|
+
`,Kd=`
|
|
845
|
+
<svg style="${yo}" aria-hidden="true" viewBox="0 0 26 24">
|
|
848
846
|
<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"/>
|
|
849
|
-
</svg>`,
|
|
850
|
-
<
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
:host,
|
|
855
|
-
media-chrome-menu-button {
|
|
856
|
-
display: contents;
|
|
857
|
-
fill: var(--media-icon-color, #eee);
|
|
858
|
-
}
|
|
859
|
-
|
|
860
|
-
media-captions-listbox {
|
|
861
|
-
position: absolute;
|
|
862
|
-
bottom: 44px;
|
|
863
|
-
max-height: 300px;
|
|
864
|
-
overflow: auto;
|
|
865
|
-
}
|
|
866
|
-
:host([media-controller]) media-captions-listbox {
|
|
867
|
-
z-index: 1;
|
|
868
|
-
bottom: unset;
|
|
869
|
-
}
|
|
870
|
-
|
|
871
|
-
/* copied from media-chrome-button */
|
|
872
|
-
media-chrome-menu-button slot svg {
|
|
873
|
-
width: var(--media-button-icon-width);
|
|
874
|
-
height: var(--media-button-icon-height, var(--media-control-height, 24px));
|
|
875
|
-
transform: var(--media-button-icon-transform);
|
|
876
|
-
transition: var(--media-button-icon-transition);
|
|
877
|
-
fill: var(--media-icon-color, #eee);
|
|
878
|
-
vertical-align: middle;
|
|
879
|
-
max-width: 100%;
|
|
880
|
-
max-height: 100%;
|
|
881
|
-
min-width: 100%;
|
|
882
|
-
}
|
|
883
|
-
</style>
|
|
847
|
+
</svg>`,To=m.createElement("template");To.innerHTML=`
|
|
848
|
+
<style>
|
|
849
|
+
media-chrome-listitem {
|
|
850
|
+
white-space: var(--media-captions-listbox-white-space, nowrap);
|
|
851
|
+
}
|
|
884
852
|
|
|
885
|
-
|
|
886
|
-
<slot
|
|
887
|
-
|
|
888
|
-
<media-captions-listbox slot="listbox" part="listbox">
|
|
889
|
-
<slot slot="captions-indicator" name="captions-indicator">${Ws}</slot>
|
|
890
|
-
</media-captions-listbox>
|
|
891
|
-
</media-chrome-menu-button>
|
|
892
|
-
`;var Wr=class extends l.HTMLElement{constructor(){super(),pe(this,Br),pe(this,Fr),pe(this,na),pe(this,sa),pe(this,xe,void 0),pe(this,ze,void 0),pe(this,kt,void 0),pe(this,oe,void 0),pe(this,ri,void 0);let e=this.attachShadow({mode:"open"}),t=Ks.content.cloneNode(!0);this.nativeEl=t,e.append(t),ai(this,xe,this.shadowRoot.querySelector("media-chrome-menu-button")),ai(this,ze,O(this,xe).querySelector(".enabled")),ai(this,kt,O(this,xe).querySelector(".disabled")),ai(this,oe,O(this,xe).querySelector("media-captions-listbox")),ai(this,ri,Mt(this,Br,Vs).bind(this)),this._captionsReady=!1,Mt(this,sa,$r).call(this)}static get observedAttributes(){return["disabled",p.MEDIA_CONTROLLER,"no-subtitles-fallback","default-showing",o.MEDIA_CAPTIONS_LIST,o.MEDIA_CAPTIONS_SHOWING,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,a){var r,n;if(e===p.MEDIA_CONTROLLER){if(t){let s=u.getElementById(t);(r=s==null?void 0:s.unassociateElement)==null||r.call(s,this)}if(a){let s=u.getElementById(a);(n=s==null?void 0:s.associateElement)==null||n.call(s,this)}}else e===o.MEDIA_CAPTIONS_SHOWING||e===o.MEDIA_SUBTITLES_SHOWING&&a!==t?a?Mt(this,na,Hr).call(this):Mt(this,sa,$r).call(this):e==="disabled"&&a!==t&&(a==null?this.enable():this.disable());if(this.hasAttribute("default-showing")&&O(this,ze).hidden){let s=!this.hasAttribute("no-subtitles-fallback");if((s?[o.MEDIA_CAPTIONS_LIST,o.MEDIA_SUBTITLES_LIST]:[o.MEDIA_CAPTIONS_LIST]).includes(e)){let c=!!this.getAttribute(o.MEDIA_CAPTIONS_LIST)||!!(s&&this.getAttribute(o.MEDIA_SUBTITLES_LIST));this._captionsReady!==c&&(this._captionsReady=c,this._captionsReady&&ye(this))}}}enable(){this.addEventListener("click",O(this,ri)),O(this,xe).removeAttribute("disabled")}disable(){this.removeEventListener("click",O(this,ri)),O(this,xe).setAttribute("disabled","")}connectedCallback(){var e;this.hasAttribute("disabled")||this.enable(),Ht(this)&&Mt(this,na,Hr).call(this);let t=this.getAttribute(p.MEDIA_CONTROLLER);if(t){let a=u.getElementById(t);(e=a==null?void 0:a.associateElement)==null||e.call(a,this)}}disconnectedCallback(){var e;this.disable();let t=this.getAttribute(p.MEDIA_CONTROLLER);if(t){let a=u.getElementById(t);(e=a==null?void 0:a.unassociateElement)==null||e.call(a,this)}}get keysUsed(){return["Enter"," ","ArrowUp","ArrowDown","f","c","k","m"]}};xe=new WeakMap;ze=new WeakMap;kt=new WeakMap;oe=new WeakMap;ri=new WeakMap;Br=new WeakSet;Vs=function(){Mt(this,Fr,Fs).call(this)};Fr=new WeakSet;Fs=function(){var i,e,t;if(O(this,oe).offsetWidth===0)return;let a=this.shadowRoot.querySelectorAll("svg"),r=((i=O(this,ze).assignedElements()[0])!=null?i:a[0]).getBoundingClientRect(),n=((e=O(this,kt).assignedElements()[0])!=null?e:a[1]).getBoundingClientRect();if(this.hasAttribute("media-controller")){let s=r.width,d=n.width,c=s>0?s:d>0?d:0,m=r.height,b=n.height,y=m>0?m:b>0?b:0;O(this,oe).style.marginLeft=`calc(-${c}px - 10px * 2)`,O(this,oe).style.marginTop=`calc(${y}px + 10px * 2)`}else{let s=r.x,d=n.x,c=s>0?s:d>0?d:0,m=(t=this.getAttribute("bounds")?Fe(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?t:this,b=m.getBoundingClientRect().x;O(this,oe).offsetWidth+c-b>m.offsetWidth?O(this,oe).style.translate=m.offsetWidth-O(this,oe).offsetWidth+"px":O(this,oe).style.translate=`calc(${c}px - ${b}px - 10px)`}};na=new WeakSet;Hr=function(){O(this,ze).hidden=!1,O(this,kt).hidden=!0};sa=new WeakSet;$r=function(){O(this,ze).hidden=!0,O(this,kt).hidden=!1};l.customElements.get("media-captions-menu-button")||l.customElements.define("media-captions-menu-button",Wr);var f=Vo(require("@mux/mux-video")),x=require("@mux/playback-core");var eo=require("@mux/mux-video");var td="en",Xe={code:td};var Ys="en";function _(i,e=!0){var r,n;let t=e&&(n=(r=Xe)==null?void 0:r[i])!=null?n:i,a=e?Xe.code:Ys;return new Kr(t,a)}var Kr=class{constructor(e,t=(a=>(a=Xe.code)!=null?a:Ys)()){this.message=e,this.locale=t}format(e){return this.message.replace(/\{(\w+)\}/g,(t,a)=>{var r;return(r=e[a])!=null?r:""})}toString(){return this.message}};function Gs(i){let e="";return Object.entries(i).forEach(([t,a])=>{a!=null&&(e+=`${id(t)}: ${a}; `)}),e?e.trim():void 0}function id(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Zs(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function be(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function oa(i){let e=ad(i).toString();return e?"?"+e:""}function ad(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}function Re(i){let e=(i!=null?i:"").split(".")[1];if(!e)return{};let t=e.replace(/-/g,"+").replace(/_/g,"/"),a=decodeURIComponent(atob(t).split("").map(function(r){return"%"+("00"+r.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(a)}var Yr=(i,e)=>!i||!e?!1:i.contains(e)?!0:Yr(i,e.getRootNode().host);var Gr="mux.com",rd=()=>{try{return"1.8.0"}catch{}return"UNKNOWN"},nd=rd(),da=()=>nd,Zr=(i,{maxResolution:e,token:t,domain:a=Gr}={})=>{let s=!!t?{token:t}:{redundant_streams:!0,...e?{max_resolution:e}:{}};return`https://stream.${a}/${i}.m3u8${oa(s)}`},qs=(i,{token:e,thumbnailTime:t,domain:a=Gr}={})=>{let r=e==null?t:void 0,{aud:n}=Re(e);if(!(e&&n!=="t"))return`https://image.${a}/${i}/thumbnail.webp${oa({token:e,time:r})}`},Qs=(i,{token:e,domain:t=Gr}={})=>{let{aud:a}=Re(e);if(!(e&&a!=="s"))return`https://image.${t}/${i}/storyboard.vtt${oa({token:e,format:"webp"})}`};var sd={crossorigin:"crossOrigin",playsinline:"playsInline"};function zs(i){var e;return(e=sd[i])!=null?e:Zs(i)}var Je,je,K,la=class{constructor(e,t){L(this,Je,void 0);L(this,je,void 0);L(this,K,[]);G(this,Je,e),G(this,je,t)}[Symbol.iterator](){return A(this,K).values()}get length(){return A(this,K).length}get value(){var e;return(e=A(this,K).join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(G(this,K,[]),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return A(this,K)[e]}values(){return A(this,K).values()}keys(){return A(this,K).keys()}forEach(e){A(this,K).forEach(e)}add(...e){var t,a;e.forEach(r=>{this.contains(r)||A(this,K).push(r)}),!(this.value===""&&!((t=A(this,Je))!=null&&t.hasAttribute(`${A(this,je)}`)))&&((a=A(this,Je))==null||a.setAttribute(`${A(this,je)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>{A(this,K).splice(A(this,K).indexOf(a),1)}),(t=A(this,Je))==null||t.setAttribute(`${A(this,je)}`,`${this.value}`)}contains(e){return A(this,K).includes(e)}toggle(e,t){return typeof t!="undefined"?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)}};Je=new WeakMap,je=new WeakMap,K=new WeakMap;var Xs=`[mux-player ${da()}]`;function De(...i){console.warn(Xs,...i)}function re(...i){console.error(Xs,...i)}function ca(i){var t;let e=(t=i.message)!=null?t:"";if(i.file){let a="https://github.com/muxinc/elements/blob/main/errors/";e+=` ${_("Read more: ")}
|
|
893
|
-
${a}${i.file}`}De(e)}var V={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},et={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},js=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),od=eo.VideoEvents.filter(i=>i!=="error"),ld=Object.values(V).filter(i=>![V.PLAYSINLINE].includes(i)),dd=Object.values(et);function to(i){i.querySelectorAll(":scope > track").forEach(e=>{var t;(t=i.media)==null||t.append(e.cloneNode())}),od.forEach(e=>{var t;(t=i.media)==null||t.addEventListener(e,a=>{i.dispatchEvent(new Event(a.type))})})}var qr=class extends D.HTMLElement{static get observedAttributes(){return[...ld,...dd]}constructor(){super(),this.querySelectorAll(":scope > track").forEach(a=>{var r;(r=this.media)==null||r.append(a.cloneNode())});let e=a=>{for(let r of a)r.type==="childList"&&(r.removedNodes.forEach(n=>{var d,c;let s=(d=this.media)==null?void 0:d.querySelector(`track[src="${n.src}"]`);s&&((c=this.media)==null||c.removeChild(s))}),r.addedNodes.forEach(n=>{var s;(s=this.media)==null||s.append(n.cloneNode())}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0})}attributeChangedCallback(e,t,a){var r,n;switch(e){case et.MUTED:{this.media&&(this.media.muted=a!=null,this.media.defaultMuted=a!=null);return}case et.VOLUME:{let s=(r=be(a))!=null?r:1;this.media&&(this.media.volume=s);return}case et.PLAYBACKRATE:{let s=(n=be(a))!=null?n:1;this.media&&(this.media.playbackRate=s,this.media.defaultPlaybackRate=s);return}}}play(){var e,t;return(t=(e=this.media)==null?void 0:e.play())!=null?t:Promise.reject()}pause(){var e;(e=this.media)==null||e.pause()}requestCast(e){var t;return(t=this.media)==null?void 0:t.requestCast(e)}get media(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("mux-video")}get paused(){var e,t;return(t=(e=this.media)==null?void 0:e.paused)!=null?t:!0}get duration(){var e,t;return(t=(e=this.media)==null?void 0:e.duration)!=null?t:NaN}get ended(){var e,t;return(t=(e=this.media)==null?void 0:e.ended)!=null?t:!1}get buffered(){var e,t;return(t=(e=this.media)==null?void 0:e.buffered)!=null?t:js}get seekable(){var e,t;return(t=(e=this.media)==null?void 0:e.seekable)!=null?t:js}get readyState(){var e,t;return(t=(e=this.media)==null?void 0:e.readyState)!=null?t:0}get videoWidth(){var e,t;return(t=(e=this.media)==null?void 0:e.videoWidth)!=null?t:0}get videoHeight(){var e,t;return(t=(e=this.media)==null?void 0:e.videoHeight)!=null?t:0}get currentTime(){var e,t;return(t=(e=this.media)==null?void 0:e.currentTime)!=null?t:0}set currentTime(e){this.media&&(this.media.currentTime=Number(e))}get volume(){var e,t;return(t=(e=this.media)==null?void 0:e.volume)!=null?t:1}set volume(e){this.media&&(this.media.volume=Number(e))}get playbackRate(){var e,t;return(t=(e=this.media)==null?void 0:e.playbackRate)!=null?t:1}set playbackRate(e){this.media&&(this.media.playbackRate=Number(e))}get defaultPlaybackRate(){var e;return(e=be(this.getAttribute(et.PLAYBACKRATE)))!=null?e:1}set defaultPlaybackRate(e){e!=null?this.setAttribute(et.PLAYBACKRATE,`${e}`):this.removeAttribute(et.PLAYBACKRATE)}get crossOrigin(){return ni(this,V.CROSSORIGIN)}set crossOrigin(e){this.setAttribute(V.CROSSORIGIN,`${e}`)}get autoplay(){return ni(this,V.AUTOPLAY)!=null}set autoplay(e){e?this.setAttribute(V.AUTOPLAY,typeof e=="string"?e:""):this.removeAttribute(V.AUTOPLAY)}get loop(){return ni(this,V.LOOP)!=null}set loop(e){e?this.setAttribute(V.LOOP,""):this.removeAttribute(V.LOOP)}get muted(){var e,t;return(t=(e=this.media)==null?void 0:e.muted)!=null?t:!1}set muted(e){this.media&&(this.media.muted=Boolean(e))}get defaultMuted(){return ni(this,V.MUTED)!=null}set defaultMuted(e){e?this.setAttribute(V.MUTED,""):this.removeAttribute(V.MUTED)}get playsInline(){return ni(this,V.PLAYSINLINE)!=null}set playsInline(e){re("playsInline is set to true by default and is not currently supported as a setter.")}get preload(){return this.media?this.media.preload:this.getAttribute("preload")}set preload(e){["","none","metadata","auto"].includes(e)?this.setAttribute(V.PRELOAD,e):this.removeAttribute(V.PRELOAD)}};function ni(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}var Qr=qr;var cd=Object.defineProperty,ud=(i,e,t)=>e in i?cd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,md=(i,e,t)=>(ud(i,typeof e!="symbol"?e+"":e,t),t),so=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},g=(i,e,t)=>(so(i,e,"read from private field"),t?t.call(i):e.get(i)),le=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ee=(i,e,t,a)=>(so(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),St,ua,tt,si,Oe,Pe,Ue,it,Ct,ma,ne,io=1,ao=0,hd=1,pd={processCallback(i,e,t){if(!!t){for(let[a,r]of e)if(a in t){let n=t[a];typeof n=="boolean"&&r instanceof Y&&typeof r.element[r.attributeName]=="boolean"?r.booleanValue=n:typeof n=="function"&&r instanceof Y?r.element[r.attributeName]=n:r.value=n}}}},fe=class extends l.DocumentFragment{constructor(e,t,a=pd){var r;super(),le(this,St,void 0),le(this,ua,void 0),this.append(e.content.cloneNode(!0)),Ee(this,St,oo(this)),Ee(this,ua,a),(r=a.createCallback)==null||r.call(a,this,g(this,St),t),a.processCallback(this,g(this,St),t)}update(e){g(this,ua).processCallback(this,g(this,St),e)}};St=new WeakMap;ua=new WeakMap;var oo=(i,e=[])=>{let t,a;for(let r of i.attributes||[])if(r.value.includes("{{")){let n=new zr;for([t,a]of no(r.value))if(!t)n.append(a);else{let s=new Y(i,r.name,r.namespaceURI);n.append(s),e.push([a,s])}r.value=n.toString()}for(let r of i.childNodes)if(r.nodeType===io&&!(r instanceof HTMLTemplateElement))oo(r,e);else if(r.nodeType===io||r.data.includes("{{")){let n=[];if(r.data)for([t,a]of no(r.data))if(!t)n.push(new Text(a));else{let s=new ve(i);n.push(s),e.push([a,s])}else if(r instanceof HTMLTemplateElement){let s=new oi(i,r);n.push(s),e.push([s.expression,s])}r.replaceWith(...n.flatMap(s=>s.replacementNodes||[s]))}return e},ro={},no=i=>{let e="",t=0,a=ro[i],r=0,n;if(a)return a;for(a=[];n=i[r];r++)n==="{"&&i[r+1]==="{"&&i[r-1]!=="\\"&&i[r+2]&&++t==1?(e&&a.push([ao,e]),e="",r++):n==="}"&&i[r+1]==="}"&&i[r-1]!=="\\"&&!--t?(a.push([hd,e.trim()]),e="",r++):e+=n||"";return e&&a.push([ao,(t>0?"{{":"")+e]),ro[i]=a},bd=11,ha=class{get value(){return""}set value(e){}toString(){return this.value}},lo=new WeakMap,zr=class{constructor(){le(this,tt,[])}[Symbol.iterator](){return g(this,tt).values()}get length(){return g(this,tt).length}item(e){return g(this,tt)[e]}append(...e){for(let t of e)t instanceof Y&&lo.set(t,this),g(this,tt).push(t)}toString(){return g(this,tt).join("")}};tt=new WeakMap;var Y=class extends ha{constructor(e,t,a){super(),le(this,it),le(this,si,""),le(this,Oe,void 0),le(this,Pe,void 0),le(this,Ue,void 0),Ee(this,Oe,e),Ee(this,Pe,t),Ee(this,Ue,a)}get attributeName(){return g(this,Pe)}get attributeNamespace(){return g(this,Ue)}get element(){return g(this,Oe)}get value(){return g(this,si)}set value(e){g(this,si)!==e&&(Ee(this,si,e),!g(this,it,Ct)||g(this,it,Ct).length===1?e==null?g(this,Oe).removeAttributeNS(g(this,Ue),g(this,Pe)):g(this,Oe).setAttributeNS(g(this,Ue),g(this,Pe),e):g(this,Oe).setAttributeNS(g(this,Ue),g(this,Pe),g(this,it,Ct)))}get booleanValue(){return g(this,Oe).hasAttributeNS(g(this,Ue),g(this,Pe))}set booleanValue(e){if(!g(this,it,Ct)||g(this,it,Ct).length===1)this.value=e?"":null;else throw new DOMException("Value is not fully templatized")}};si=new WeakMap;Oe=new WeakMap;Pe=new WeakMap;Ue=new WeakMap;it=new WeakSet;Ct=function(){return lo.get(this)};var ve=class extends ha{constructor(e,t){super(),le(this,ma,void 0),le(this,ne,void 0),Ee(this,ma,e),Ee(this,ne,t?[...t]:[new Text])}get replacementNodes(){return g(this,ne)}get parentNode(){return g(this,ma)}get nextSibling(){return g(this,ne)[g(this,ne).length-1].nextSibling}get previousSibling(){return g(this,ne)[0].previousSibling}get value(){return g(this,ne).map(e=>e.textContent).join("")}set value(e){this.replace(e)}replace(...e){let t=e.flat().flatMap(a=>a==null?[new Text]:a.forEach?[...a]:a.nodeType===bd?[...a.childNodes]:a.nodeType?[a]:[new Text(a)]);t.length||t.push(new Text),Ee(this,ne,Ed(g(this,ne)[0].parentNode,g(this,ne),t,this.nextSibling))}};ma=new WeakMap;ne=new WeakMap;var oi=class extends ve{constructor(e,t){let a=t.getAttribute("directive")||t.getAttribute("type"),r=t.getAttribute("expression")||t.getAttribute(a)||"";r.startsWith("{{")&&(r=r.trim().slice(2,-2).trim()),super(e),md(this,"directive"),this.expression=r,this.template=t,this.directive=a}};function Ed(i,e,t,a=null){let r=0,n,s,d,c=t.length,m=e.length;for(;r<c&&r<m&&e[r]==t[r];)r++;for(;r<c&&r<m&&t[c-1]==e[m-1];)a=t[--m,--c];if(r==m)for(;r<c;)i.insertBefore(t[r++],a);if(r==c)for(;r<m;)i.removeChild(e[r++]);else{for(n=e[r];r<c;)d=t[r++],s=n?n.nextSibling:a,n==d?n=s:r<c&&t[r]==s?(i.replaceChild(d,n),n=s):i.insertBefore(d,n);for(;n!=a;)s=n.nextSibling,i.removeChild(n),n=s}return t}var fd=/([>&])?\s*(\w+)\s*(.*)/,vd=/^(\?\?|\|)?\s*(['"\w]*)/,gd={"|":{string:i=>String(i)},"??":(i,e)=>i!=null?i:e},pa=class{constructor(e){this.template=e}},at=new WeakMap,rt=new WeakMap,Jr={partial:(i,e)=>{e[i.expression]=new pa(i.template)},if:(i,e)=>{var t;if(yd(i.expression,e))if(at.get(i)!==i.template){at.set(i,i.template);let a=new fe(i.template,e,ba);i.replace(a),rt.set(i,a)}else(t=rt.get(i))==null||t.update(e);else i.replace(""),at.delete(i),rt.delete(i)}},Ad=Object.keys(Jr),ba={processCallback(i,e,t){var a,r,n,s;if(!!t)for(let[d,c]of e){if(c instanceof oi){if(!c.directive){let M=Ad.find(k=>c.template.hasAttribute(k));M&&(c.directive=M,c.expression=c.template.getAttribute(M))}(a=Jr[c.directive])==null||a.call(Jr,c,t);continue}let[,m,b,y]=(r=d.match(fd))!=null?r:[],v=t[b],[,I,B]=(n=y.match(vd))!=null?n:[],R=gd[I];if(typeof R=="function")v=R(v,li(B,t));else if(R&&v!=null){let M=R[B];M&&(v=M(v))}if(v){if(v instanceof pa){if(m!==">")continue;let M={...t},k=d.matchAll(/(\w+)\s*=\s*(['"\w]*)/g);for(let[,j,Q]of k)M[j]=li(Q,t);at.get(c)!==v.template?(at.set(c,v.template),v=new fe(v.template,M,ba),c.value=v,rt.set(c,v)):(s=rt.get(c))==null||s.update(M);continue}c instanceof Y&&c.attributeName.startsWith("aria-")&&(v=String(v)),c instanceof Y?typeof v=="boolean"?c.booleanValue=v:typeof v=="function"?c.element[c.attributeName]=v:c.value=v:(c.value=v,at.delete(c),rt.delete(c))}else c instanceof Y?c.booleanValue=!1:(c.value=void 0,at.delete(c),rt.delete(c))}}},_d={"==":(i,e)=>i==e,"!=":(i,e)=>i!=e,">":(i,e)=>i>e,">=":(i,e)=>i>=e,"<":(i,e)=>i<e,"<=":(i,e)=>i<=e};function yd(i,e){var t;let a=Id(i,{boolean:/true|false/,number:/-?\d+\.?\d*/,string:/(["'])((?:\\.|[^\\])*?)\1/,operator:/[!=><]=|[><]/,ws:/\s+/,param:/[$a-z_][$\w]*/i});if(a.length===0||a.some(({type:n})=>!n))return console.warn(`Warning: invalid expression \`${i}\``),!1;if(a.length===1)return Xr(a[0])?li(a[0].token,e):(console.warn(`Warning: invalid expression \`${i}\``),!1);let r=a.filter(({type:n})=>n!=="ws");if(r.length===3){let n=_d[(t=r[1])==null?void 0:t.token];return!n||!Xr(r[0])||!Xr(r[2])?(console.warn(`Warning: invalid expression \`${i}\``),!1):n(li(r[0].token,e),li(r[2].token,e))}}function Xr({type:i}){return["number","boolean","string","param"].includes(i)}function li(i,e){let t=i[0],a=i.slice(-1);return i==="true"||i==="false"?i==="true":t===a&&["'",'"'].includes(t)?i.slice(1,-1):An(i)?parseFloat(i):e[i]}function Id(i,e){let t,a,r,n=[];for(;i;){r=null,t=i.length;for(let s in e)a=e[s].exec(i),a&&a.index<t&&(r={token:a[0],type:s,matches:a.slice(1)},t=a.index);t&&n.push({token:i.substr(0,t),type:void 0}),r&&n.push(r),i=i.substr(t+(r?r.token.length:0))}return n}var Td=Object.defineProperty,Md=(i,e,t)=>e in i?Td(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,di=(i,e,t)=>(Md(i,typeof e!="symbol"?e+"":e,t),t),ho=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},co=(i,e,t)=>(ho(i,e,"read from private field"),t?t.call(i):e.get(i)),uo=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},mo=(i,e,t,a)=>(ho(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Ea,fa,jr={"media-target-live-window":"targetLiveWindow","media-stream-type":"streamType"},Lt=class extends l.HTMLElement{constructor(){super(),di(this,"renderRoot"),di(this,"renderer"),uo(this,Ea,void 0),uo(this,fa,void 0),this.renderRoot=this.attachShadow({mode:"open"});let e=new MutationObserver(t=>{t.some(a=>{let r=a.target;return r===this?!0:r.localName!=="media-controller"?!1:!!(jr[a.attributeName]||a.attributeName.startsWith("breakpoint-"))})&&this.render()});e.observe(this,{attributes:!0}),e.observe(this.renderRoot,{attributes:!0,subtree:!0}),this.createRenderer()}get mediaController(){return this.renderRoot.querySelector("media-controller")}get template(){var e,t;let a=this.getAttribute("template");if(a){let r=(e=this.getRootNode())==null?void 0:e.getElementById(a);if(r)return r}return(t=co(this,Ea))!=null?t:this.constructor.template}set template(e){mo(this,Ea,e),this.createRenderer()}get props(){var e,t,a;let r=[...Array.from((t=(e=this.mediaController)==null?void 0:e.attributes)!=null?t:[]).filter(({name:s})=>jr[s]||s.startsWith("breakpoint-")),...Array.from(this.attributes)],n={};for(let s of r){let d=(a=jr[s.name])!=null?a:vn(s.name);s.value!=null?n[d]=s.value===""?!0:s.value:n[d]=!1}return n}attributeChangedCallback(e,t,a){e==="template"&&t!=a&&this.createRenderer()}createRenderer(){this.template&&this.template!==co(this,fa)&&(mo(this,fa,this.template),this.renderer=new fe(this.template,this.props,this.constructor.processor),this.renderRoot.textContent="",this.renderRoot.append(this.renderer))}render(){var e;(e=this.renderer)==null||e.update(this.props)}};Ea=new WeakMap;fa=new WeakMap;di(Lt,"template");di(Lt,"observedAttributes",["template"]);di(Lt,"processor",ba);l.customElements.get("media-theme")||l.customElements.define("media-theme",Lt);var bo=`
|
|
894
|
-
:host {
|
|
895
|
-
cursor: pointer;
|
|
896
|
-
}
|
|
897
|
-
media-time-display {
|
|
898
|
-
color: inherit;
|
|
899
|
-
}
|
|
900
|
-
`,Eo=F.createElement("template");Eo.innerHTML=`
|
|
853
|
+
</style>
|
|
854
|
+
<slot hidden name="captions-indicator">${Kd}</slot>
|
|
855
|
+
`;var Ao=(i,e)=>i.label===e.label&&i.language===e.language,os=class extends po{constructor(){super({slotTemplate:To}),Ue(this,ka),Ue(this,wa),Ue(this,it),Ue(this,Sa),Ue(this,Dt,[]),Ue(this,Ot,[]),Ue(this,Te,void 0),Ue(this,ie,void 0);let e=m.createElement("media-chrome-listitem");e.part.add("listitem"),e.value="off",e.textContent="Off",Be(this,Te,e);let t=this.shadowRoot.querySelector('[name="captions-indicator"]');Be(this,ie,t.firstElementChild),t.addEventListener("slotchange",()=>{let a=t.assignedElements();if(a.length===1&&a[0].nodeName.toLowerCase()==="slot"){let r=a[0].assignedElements();r.length===0?Be(this,ie,a[0].firstElementChild):r.length===1&&Be(this,ie,r[0])}$(this,ie)||Be(this,ie,t.firstElementChild),Be(this,ie,$(this,ie).cloneNode(!0)),$(this,ie).removeAttribute("slot"),$(this,ie).setAttribute("style",yo)})}static get observedAttributes(){return[...super.observedAttributes,"aria-multiselectable",o.MEDIA_CAPTIONS_LIST,o.MEDIA_CAPTIONS_SHOWING,o.MEDIA_SUBTITLES_LIST,o.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,a){if(e===o.MEDIA_SUBTITLES_LIST&&t!==a)Be(this,Dt,le(this,ka,rs).call(this,a,$(this,Dt))),le(this,it,Rt).call(this);else if(e===o.MEDIA_CAPTIONS_LIST&&t!==a)Be(this,Ot,le(this,ka,rs).call(this,a,$(this,Ot))),le(this,it,Rt).call(this);else if(e===o.MEDIA_SUBTITLES_SHOWING&&t!==a){let r=Ft(a!=null?a:"")[0];$(this,Dt).forEach(s=>{s.selected=s.language===r.language&&s.label===r.label}),le(this,it,Rt).call(this)}else if(e===o.MEDIA_CAPTIONS_SHOWING&&t!==a){let r=Ft(a!=null?a:"")[0];$(this,Ot).forEach(s=>{s.selected=s.language===r.language&&s.label===r.label}),le(this,it,Rt).call(this)}else e==="aria-multiselectable"&&(this.removeAttribute("aria-multiselectable"),console.warn("Captions List doesn't currently support multiple selections. You can enable multiple items via the media.textTrack API."));super.attributeChangedCallback(e,t,a)}connectedCallback(){le(this,it,Rt).call(this),this.addEventListener("change",le(this,Sa,ns)),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("change",le(this,Sa,ns)),super.disconnectedCallback()}};Dt=new WeakMap;Ot=new WeakMap;Te=new WeakMap;ie=new WeakMap;ka=new WeakSet;rs=function(i,e){let t=i?Ft(i!=null?i:""):[],a=[],r=[];return e.forEach(s=>{t.some(n=>Ao(n,s))||a.push(s)}),t.forEach(s=>{e.some(n=>Ao(n,s))||r.push(s)}),a.forEach(s=>s.el.remove()),e.filter(s=>!a.includes(s)).concat(r)};wa=new WeakSet;ss=function(i,e){let t=this.shadowRoot.querySelector("ul slot");i.forEach(a=>{let r=a.el,s=!0;if(!r){r=m.createElement("media-chrome-listitem"),s=!1,r.part.add("listitem"),r.value=e+"!"+sr(a);let n=m.createElement("span");n.textContent=a.label,r.append(n),e==="cc"&&r.append($(this,ie).cloneNode(!0))}a.selected?r.setAttribute("aria-selected","true"):r.setAttribute("aria-selected","false"),s||(t.append(r),a.el=r)})};it=new WeakSet;Rt=function(){let i=this.shadowRoot.querySelector("ul slot");i.contains($(this,Te))||i.append($(this,Te)),!this.hasAttribute(o.MEDIA_CAPTIONS_SHOWING)&&!this.hasAttribute(o.MEDIA_SUBTITLES_SHOWING)?($(this,Te).setAttribute("aria-selected","true"),$(this,Te).setAttribute("tabindex","0")):($(this,Te).setAttribute("aria-selected","false"),$(this,Te).setAttribute("tabindex","-1")),le(this,wa,ss).call(this,$(this,Ot),"cc"),le(this,wa,ss).call(this,$(this,Dt),"subs")};Sa=new WeakSet;ns=function(){var i,e,t;let[a,r]=(t=(e=(i=this.selectedOptions[0])==null?void 0:i.value)==null?void 0:e.split("!"))!=null?t:[];if(ze(this),!r)return;let s=new l.CustomEvent(a==="cc"?h.MEDIA_SHOW_CAPTIONS_REQUEST:h.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:r});this.dispatchEvent(s)};l.customElements.get("media-captions-listbox")||l.customElements.define("media-captions-listbox",os);var ds=class extends go{constructor(){super()}init(){let e=m.createElement("media-captions-button");e.part.add("button"),e.preventClick=!0,this.hasAttribute("default-showing")&&e.setAttribute("default-showing","");let t=m.createElement("media-captions-listbox");t.part.add("listbox"),t.setAttribute("exportparts","listitem");let a=this.shadowRoot.querySelector("slot[name=button]"),r=this.shadowRoot.querySelector("slot[name=listbox]");a.textContent="",r.textContent="",a.append(e),r.append(t)}};l.customElements.get("media-captions-selectmenu")||l.customElements.define("media-captions-selectmenu",ds);var E=gl(require("@mux/mux-video")),w=require("@mux/playback-core");var Do=require("@mux/mux-video");var Gd="en",at={code:Gd};var Io="en";function A(i,e=!0){var r,s;let t=e&&(s=(r=at)==null?void 0:r[i])!=null?s:i,a=e?at.code:Io;return new cs(t,a)}var cs=class{constructor(e,t=(a=>(a=at.code)!=null?a:Io)()){this.message=e,this.locale=t}format(e){return this.message.replace(/\{(\w+)\}/g,(t,a)=>{var r;return(r=e[a])!=null?r:""})}toString(){return this.message}};function Mo(i){let e="";return Object.entries(i).forEach(([t,a])=>{a!=null&&(e+=`${Yd(t)}: ${a}; `)}),e?e.trim():void 0}function Yd(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function ko(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function Ie(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function Ca(i){let e=Zd(i).toString();return e?"?"+e:""}function Zd(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}function $e(i){let e=(i!=null?i:"").split(".")[1];if(!e)return{};let t=e.replace(/-/g,"+").replace(/_/g,"/"),a=decodeURIComponent(atob(t).split("").map(function(r){return"%"+("00"+r.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(a)}var us=(i,e)=>!i||!e?!1:i.contains(e)?!0:us(i,e.getRootNode().host);var ms="mux.com",qd=()=>{try{return"1.9.0"}catch{}return"UNKNOWN"},Qd=qd(),xa=()=>Qd,hs=(i,{maxResolution:e,token:t,domain:a=ms}={})=>{let n=!!t?{token:t}:{redundant_streams:!0,...e?{max_resolution:e}:{}};return`https://stream.${a}/${i}.m3u8${Ca(n)}`},So=(i,{token:e,thumbnailTime:t,domain:a=ms}={})=>{let r=e==null?t:void 0,{aud:s}=$e(e);if(!(e&&s!=="t"))return`https://image.${a}/${i}/thumbnail.webp${Ca({token:e,time:r})}`},wo=(i,{token:e,domain:t=ms}={})=>{let{aud:a}=$e(e);if(!(e&&a!=="s"))return`https://image.${t}/${i}/storyboard.vtt${Ca({token:e,format:"webp"})}`};var zd={crossorigin:"crossOrigin",playsinline:"playsInline"};function Co(i){var e;return(e=zd[i])!=null?e:ko(i)}var rt,st,G,La=class{constructor(e,t){R(this,rt,void 0);R(this,st,void 0);R(this,G,[]);j(this,rt,e),j(this,st,t)}[Symbol.iterator](){return T(this,G).values()}get length(){return T(this,G).length}get value(){var e;return(e=T(this,G).join(" "))!=null?e:""}set value(e){var t;e!==this.value&&(j(this,G,[]),this.add(...(t=e==null?void 0:e.split(" "))!=null?t:[]))}toString(){return this.value}item(e){return T(this,G)[e]}values(){return T(this,G).values()}keys(){return T(this,G).keys()}forEach(e){T(this,G).forEach(e)}add(...e){var t,a;e.forEach(r=>{this.contains(r)||T(this,G).push(r)}),!(this.value===""&&!((t=T(this,rt))!=null&&t.hasAttribute(`${T(this,st)}`)))&&((a=T(this,rt))==null||a.setAttribute(`${T(this,st)}`,`${this.value}`))}remove(...e){var t;e.forEach(a=>{T(this,G).splice(T(this,G).indexOf(a),1)}),(t=T(this,rt))==null||t.setAttribute(`${T(this,st)}`,`${this.value}`)}contains(e){return T(this,G).includes(e)}toggle(e,t){return typeof t!="undefined"?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)}};rt=new WeakMap,st=new WeakMap,G=new WeakMap;var Lo=`[mux-player ${xa()}]`;function He(...i){console.warn(Lo,...i)}function de(...i){console.error(Lo,...i)}function Ra(i){var t;let e=(t=i.message)!=null?t:"";if(i.context&&(e+=` ${i.context}`),i.file){let a="https://github.com/muxinc/elements/blob/main/errors/";e+=` ${A("Read more: ")}
|
|
856
|
+
${a}${i.file}`}He(e)}var V={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},nt={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},Ro=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),Xd=Do.VideoEvents.filter(i=>i!=="error"),Jd=Object.values(V).filter(i=>![V.PLAYSINLINE].includes(i)),jd=Object.values(nt);function Oo(i){i.querySelectorAll(":scope > track").forEach(e=>{var t;(t=i.media)==null||t.append(e.cloneNode())}),Xd.forEach(e=>{var t;(t=i.media)==null||t.addEventListener(e,a=>{i.dispatchEvent(new Event(a.type))})})}var ps=class extends D.HTMLElement{static get observedAttributes(){return[...Jd,...jd]}constructor(){super(),this.querySelectorAll(":scope > track").forEach(a=>{var r;(r=this.media)==null||r.append(a.cloneNode())});let e=a=>{for(let r of a)r.type==="childList"&&(r.removedNodes.forEach(s=>{var d,c;let n=(d=this.media)==null?void 0:d.querySelector(`track[src="${s.src}"]`);n&&((c=this.media)==null||c.removeChild(n))}),r.addedNodes.forEach(s=>{var n;(n=this.media)==null||n.append(s.cloneNode())}))};new MutationObserver(e).observe(this,{childList:!0,subtree:!0})}attributeChangedCallback(e,t,a){var r,s;switch(e){case nt.MUTED:{this.media&&(this.media.muted=a!=null,this.media.defaultMuted=a!=null);return}case nt.VOLUME:{let n=(r=Ie(a))!=null?r:1;this.media&&(this.media.volume=n);return}case nt.PLAYBACKRATE:{let n=(s=Ie(a))!=null?s:1;this.media&&(this.media.playbackRate=n,this.media.defaultPlaybackRate=n);return}}}play(){var e,t;return(t=(e=this.media)==null?void 0:e.play())!=null?t:Promise.reject()}pause(){var e;(e=this.media)==null||e.pause()}requestCast(e){var t;return(t=this.media)==null?void 0:t.requestCast(e)}get media(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("mux-video")}get paused(){var e,t;return(t=(e=this.media)==null?void 0:e.paused)!=null?t:!0}get duration(){var e,t;return(t=(e=this.media)==null?void 0:e.duration)!=null?t:NaN}get ended(){var e,t;return(t=(e=this.media)==null?void 0:e.ended)!=null?t:!1}get buffered(){var e,t;return(t=(e=this.media)==null?void 0:e.buffered)!=null?t:Ro}get seekable(){var e,t;return(t=(e=this.media)==null?void 0:e.seekable)!=null?t:Ro}get readyState(){var e,t;return(t=(e=this.media)==null?void 0:e.readyState)!=null?t:0}get videoWidth(){var e,t;return(t=(e=this.media)==null?void 0:e.videoWidth)!=null?t:0}get videoHeight(){var e,t;return(t=(e=this.media)==null?void 0:e.videoHeight)!=null?t:0}get currentTime(){var e,t;return(t=(e=this.media)==null?void 0:e.currentTime)!=null?t:0}set currentTime(e){this.media&&(this.media.currentTime=Number(e))}get volume(){var e,t;return(t=(e=this.media)==null?void 0:e.volume)!=null?t:1}set volume(e){this.media&&(this.media.volume=Number(e))}get playbackRate(){var e,t;return(t=(e=this.media)==null?void 0:e.playbackRate)!=null?t:1}set playbackRate(e){this.media&&(this.media.playbackRate=Number(e))}get defaultPlaybackRate(){var e;return(e=Ie(this.getAttribute(nt.PLAYBACKRATE)))!=null?e:1}set defaultPlaybackRate(e){e!=null?this.setAttribute(nt.PLAYBACKRATE,`${e}`):this.removeAttribute(nt.PLAYBACKRATE)}get crossOrigin(){return pi(this,V.CROSSORIGIN)}set crossOrigin(e){this.setAttribute(V.CROSSORIGIN,`${e}`)}get autoplay(){return pi(this,V.AUTOPLAY)!=null}set autoplay(e){e?this.setAttribute(V.AUTOPLAY,typeof e=="string"?e:""):this.removeAttribute(V.AUTOPLAY)}get loop(){return pi(this,V.LOOP)!=null}set loop(e){e?this.setAttribute(V.LOOP,""):this.removeAttribute(V.LOOP)}get muted(){var e,t;return(t=(e=this.media)==null?void 0:e.muted)!=null?t:!1}set muted(e){this.media&&(this.media.muted=Boolean(e))}get defaultMuted(){return pi(this,V.MUTED)!=null}set defaultMuted(e){e?this.setAttribute(V.MUTED,""):this.removeAttribute(V.MUTED)}get playsInline(){return pi(this,V.PLAYSINLINE)!=null}set playsInline(e){de("playsInline is set to true by default and is not currently supported as a setter.")}get preload(){return this.media?this.media.preload:this.getAttribute("preload")}set preload(e){["","none","metadata","auto"].includes(e)?this.setAttribute(V.PRELOAD,e):this.removeAttribute(V.PRELOAD)}};function pi(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}var bs=ps;var ec=Object.defineProperty,tc=(i,e,t)=>e in i?ec(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ic=(i,e,t)=>(tc(i,typeof e!="symbol"?e+"":e,t),t),$o=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},y=(i,e,t)=>($o(i,e,"read from private field"),t?t.call(i):e.get(i)),fe=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Me=(i,e,t,a)=>($o(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),Pt,Da,ot,bi,We,Ve,Fe,lt,Nt,Oa,ce,Po=1,No=0,ac=1,rc={processCallback(i,e,t){if(!!t){for(let[a,r]of e)if(a in t){let s=t[a];typeof s=="boolean"&&r instanceof Y&&typeof r.element[r.attributeName]=="boolean"?r.booleanValue=s:typeof s=="function"&&r instanceof Y?r.element[r.attributeName]=s:r.value=s}}}},ke=class extends l.DocumentFragment{constructor(e,t,a=rc){var r;super(),fe(this,Pt,void 0),fe(this,Da,void 0),this.append(e.content.cloneNode(!0)),Me(this,Pt,Ho(this)),Me(this,Da,a),(r=a.createCallback)==null||r.call(a,this,y(this,Pt),t),a.processCallback(this,y(this,Pt),t)}update(e){y(this,Da).processCallback(this,y(this,Pt),e)}};Pt=new WeakMap;Da=new WeakMap;var Ho=(i,e=[])=>{let t,a;for(let r of i.attributes||[])if(r.value.includes("{{")){let s=new vs;for([t,a]of Bo(r.value))if(!t)s.append(a);else{let n=new Y(i,r.name,r.namespaceURI);s.append(n),e.push([a,n])}r.value=s.toString()}for(let r of i.childNodes)if(r.nodeType===Po&&!(r instanceof HTMLTemplateElement))Ho(r,e);else if(r.nodeType===Po||r.data.includes("{{")){let s=[];if(r.data)for([t,a]of Bo(r.data))if(!t)s.push(new Text(a));else{let n=new Se(i);s.push(n),e.push([a,n])}else if(r instanceof HTMLTemplateElement){let n=new vi(i,r);s.push(n),e.push([n.expression,n])}r.replaceWith(...s.flatMap(n=>n.replacementNodes||[n]))}return e},Uo={},Bo=i=>{let e="",t=0,a=Uo[i],r=0,s;if(a)return a;for(a=[];s=i[r];r++)s==="{"&&i[r+1]==="{"&&i[r-1]!=="\\"&&i[r+2]&&++t==1?(e&&a.push([No,e]),e="",r++):s==="}"&&i[r+1]==="}"&&i[r-1]!=="\\"&&!--t?(a.push([ac,e.trim()]),e="",r++):e+=s||"";return e&&a.push([No,(t>0?"{{":"")+e]),Uo[i]=a},sc=11,Pa=class{get value(){return""}set value(e){}toString(){return this.value}},Wo=new WeakMap,vs=class{constructor(){fe(this,ot,[])}[Symbol.iterator](){return y(this,ot).values()}get length(){return y(this,ot).length}item(e){return y(this,ot)[e]}append(...e){for(let t of e)t instanceof Y&&Wo.set(t,this),y(this,ot).push(t)}toString(){return y(this,ot).join("")}};ot=new WeakMap;var Y=class extends Pa{constructor(e,t,a){super(),fe(this,lt),fe(this,bi,""),fe(this,We,void 0),fe(this,Ve,void 0),fe(this,Fe,void 0),Me(this,We,e),Me(this,Ve,t),Me(this,Fe,a)}get attributeName(){return y(this,Ve)}get attributeNamespace(){return y(this,Fe)}get element(){return y(this,We)}get value(){return y(this,bi)}set value(e){y(this,bi)!==e&&(Me(this,bi,e),!y(this,lt,Nt)||y(this,lt,Nt).length===1?e==null?y(this,We).removeAttributeNS(y(this,Fe),y(this,Ve)):y(this,We).setAttributeNS(y(this,Fe),y(this,Ve),e):y(this,We).setAttributeNS(y(this,Fe),y(this,Ve),y(this,lt,Nt)))}get booleanValue(){return y(this,We).hasAttributeNS(y(this,Fe),y(this,Ve))}set booleanValue(e){if(!y(this,lt,Nt)||y(this,lt,Nt).length===1)this.value=e?"":null;else throw new DOMException("Value is not fully templatized")}};bi=new WeakMap;We=new WeakMap;Ve=new WeakMap;Fe=new WeakMap;lt=new WeakSet;Nt=function(){return Wo.get(this)};var Se=class extends Pa{constructor(e,t){super(),fe(this,Oa,void 0),fe(this,ce,void 0),Me(this,Oa,e),Me(this,ce,t?[...t]:[new Text])}get replacementNodes(){return y(this,ce)}get parentNode(){return y(this,Oa)}get nextSibling(){return y(this,ce)[y(this,ce).length-1].nextSibling}get previousSibling(){return y(this,ce)[0].previousSibling}get value(){return y(this,ce).map(e=>e.textContent).join("")}set value(e){this.replace(e)}replace(...e){let t=e.flat().flatMap(a=>a==null?[new Text]:a.forEach?[...a]:a.nodeType===sc?[...a.childNodes]:a.nodeType?[a]:[new Text(a)]);t.length||t.push(new Text),Me(this,ce,nc(y(this,ce)[0].parentNode,y(this,ce),t,this.nextSibling))}};Oa=new WeakMap;ce=new WeakMap;var vi=class extends Se{constructor(e,t){let a=t.getAttribute("directive")||t.getAttribute("type"),r=t.getAttribute("expression")||t.getAttribute(a)||"";r.startsWith("{{")&&(r=r.trim().slice(2,-2).trim()),super(e),ic(this,"directive"),this.expression=r,this.template=t,this.directive=a}};function nc(i,e,t,a=null){let r=0,s,n,d,c=t.length,u=e.length;for(;r<c&&r<u&&e[r]==t[r];)r++;for(;r<c&&r<u&&t[c-1]==e[u-1];)a=t[--u,--c];if(r==u)for(;r<c;)i.insertBefore(t[r++],a);if(r==c)for(;r<u;)i.removeChild(e[r++]);else{for(s=e[r];r<c;)d=t[r++],n=s?s.nextSibling:a,s==d?s=n:r<c&&t[r]==n?(i.replaceChild(d,s),s=n):i.insertBefore(d,s);for(;s!=a;)n=s.nextSibling,i.removeChild(s),s=n}return t}var Vo={string:i=>String(i)},Ua=class{constructor(e){this.template=e,this.state=void 0}},dt=new WeakMap,ct=new WeakMap,Es={partial:(i,e)=>{e[i.expression]=new Ua(i.template)},if:(i,e)=>{var t;if(Ko(i.expression,e))if(dt.get(i)!==i.template){dt.set(i,i.template);let a=new ke(i.template,e,Ba);i.replace(a),ct.set(i,a)}else(t=ct.get(i))==null||t.update(e);else i.replace(""),dt.delete(i),ct.delete(i)}},oc=Object.keys(Es),Ba={processCallback(i,e,t){var a,r;if(!!t)for(let[s,n]of e){if(n instanceof vi){if(!n.directive){let c=oc.find(u=>n.template.hasAttribute(u));c&&(n.directive=c,n.expression=n.template.getAttribute(c))}(a=Es[n.directive])==null||a.call(Es,n,t);continue}let d=Ko(s,t);if(d instanceof Ua){dt.get(n)!==d.template?(dt.set(n,d.template),d=new ke(d.template,d.state,Ba),n.value=d,ct.set(n,d)):(r=ct.get(n))==null||r.update(d.state);continue}d?(n instanceof Y&&n.attributeName.startsWith("aria-")&&(d=String(d)),n instanceof Y?typeof d=="boolean"?n.booleanValue=d:typeof d=="function"?n.element[n.attributeName]=d:n.value=d:(n.value=d,dt.delete(n),ct.delete(n))):n instanceof Y?n.value=void 0:(n.value=void 0,dt.delete(n),ct.delete(n))}}},Fo={"!":i=>!i,"!!":i=>!!i,"==":(i,e)=>i==e,"!=":(i,e)=>i!=e,">":(i,e)=>i>e,">=":(i,e)=>i>=e,"<":(i,e)=>i<e,"<=":(i,e)=>i<=e,"??":(i,e)=>i!=null?i:e,"|":(i,e)=>{var t;return(t=Vo[e])==null?void 0:t.call(Vo,i)}};function lc(i){return dc(i,{boolean:/true|false/,number:/-?\d+\.?\d*/,string:/(["'])((?:\\.|[^\\])*?)\1/,operator:/[!=><][=!]?|\?\?|\|/,ws:/\s+/,param:/[$a-z_][$\w]*/i}).filter(({type:e})=>e!=="ws")}function Ko(i,e={}){var t,a,r,s,n,d,c;let u=lc(i);if(u.length===0||u.some(({type:p})=>!p))return Ei(i);if(((t=u[0])==null?void 0:t.token)===">"){let p=e[(a=u[1])==null?void 0:a.token];if(!p)return Ei(i);let g={...e};p.state=g;let I=u.slice(2);for(let _=0;_<I.length;_+=3){let B=(r=I[_])==null?void 0:r.token,P=(s=I[_+1])==null?void 0:s.token,N=(n=I[_+2])==null?void 0:n.token;B&&P==="="&&(g[B]=fi(N,e))}return p}if(u.length===1)return Na(u[0])?fi(u[0].token,e):Ei(i);if(u.length===2){let p=(d=u[0])==null?void 0:d.token,g=Fo[p];if(!g||!Na(u[1]))return Ei(i);let I=fi(u[1].token,e);return g(I)}if(u.length===3){let p=(c=u[1])==null?void 0:c.token,g=Fo[p];if(!g||!Na(u[0])||!Na(u[2]))return Ei(i);let I=fi(u[0].token,e);if(p==="|")return g(I,u[2].token);let _=fi(u[2].token,e);return g(I,_)}}function Ei(i){return console.warn(`Warning: invalid expression \`${i}\``),!1}function Na({type:i}){return["number","boolean","string","param"].includes(i)}function fi(i,e){let t=i[0],a=i.slice(-1);return i==="true"||i==="false"?i==="true":t===a&&["'",'"'].includes(t)?i.slice(1,-1):Oi(i)?parseFloat(i):e[i]}function dc(i,e){let t,a,r,s=[];for(;i;){r=null,t=i.length;for(let n in e)a=e[n].exec(i),a&&a.index<t&&(r={token:a[0],type:n,matches:a.slice(1)},t=a.index);t&&s.push({token:i.substr(0,t),type:void 0}),r&&s.push(r),i=i.substr(t+(r?r.token.length:0))}return s}var cc=Object.defineProperty,uc=(i,e,t)=>e in i?cc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,gi=(i,e,t)=>(uc(i,typeof e!="symbol"?e+"":e,t),t),As=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Go=(i,e,t)=>(As(i,e,"read from private field"),t?t.call(i):e.get(i)),fs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},$a=(i,e,t,a)=>(As(i,e,"write to private field"),a?a.call(i,t):e.set(i,t),t),mc=(i,e,t)=>(As(i,e,"access private method"),t),Ut,Ha,_s,Yo,gs={"media-target-live-window":"targetLiveWindow","media-stream-type":"streamType"},Zo=m.createElement("template");Zo.innerHTML=`
|
|
901
857
|
<style>
|
|
902
|
-
|
|
858
|
+
:host {
|
|
859
|
+
display: inline-block;
|
|
860
|
+
line-height: 0;
|
|
861
|
+
}
|
|
862
|
+
|
|
863
|
+
media-controller {
|
|
864
|
+
width: 100%;
|
|
865
|
+
height: 100%;
|
|
866
|
+
}
|
|
903
867
|
</style>
|
|
904
|
-
|
|
905
|
-
|
|
868
|
+
`;var Bt=class extends l.HTMLElement{constructor(){super(),fs(this,_s),gi(this,"renderRoot"),gi(this,"renderer"),fs(this,Ut,void 0),fs(this,Ha,void 0),this.renderRoot=this.attachShadow({mode:"open"});let e=new MutationObserver(t=>{t.some(a=>{let r=a.target;return r===this?!0:r.localName!=="media-controller"?!1:!!(gs[a.attributeName]||a.attributeName.startsWith("breakpoint-"))})&&this.render()});e.observe(this,{attributes:!0}),e.observe(this.renderRoot,{attributes:!0,subtree:!0}),this.createRenderer(),mc(this,_s,Yo).call(this,"template")}get mediaController(){return this.renderRoot.querySelector("media-controller")}get template(){var e;return(e=Go(this,Ut))!=null?e:this.constructor.template}set template(e){$a(this,Ut,e),this.createRenderer()}get props(){var e,t,a;let r=[...Array.from((t=(e=this.mediaController)==null?void 0:e.attributes)!=null?t:[]).filter(({name:n})=>gs[n]||n.startsWith("breakpoint-")),...Array.from(this.attributes)],s={};for(let n of r){let d=(a=gs[n.name])!=null?a:Hs(n.name),{value:c}=n;c!=null?(Oi(c)&&(c=parseFloat(c)),s[d]=c===""?!0:c):s[d]=!1}return s}async attributeChangedCallback(e,t,a){var r;if(e==="template"&&t!=a){if(a){let s=(r=this.getRootNode())==null?void 0:r.getElementById(a);if(s)$a(this,Ut,s);else if(hc(a))try{let n=await pc(a),d=m.createElement("template");d.innerHTML=n,$a(this,Ut,d)}catch{console.warn(`"${a}" is not a valid template element ID or a valid URL to a template file.`)}}this.createRenderer()}}createRenderer(){this.template&&this.template!==Go(this,Ha)&&($a(this,Ha,this.template),this.renderer=new ke(this.template,this.props,this.constructor.processor),this.renderRoot.textContent="",this.renderRoot.append(Zo.content.cloneNode(!0),this.renderer))}render(){var e;(e=this.renderer)==null||e.update(this.props)}};Ut=new WeakMap;Ha=new WeakMap;_s=new WeakSet;Yo=function(i){if(Object.prototype.hasOwnProperty.call(this,i)){let e=this[i];delete this[i],this[i]=e}};gi(Bt,"template");gi(Bt,"observedAttributes",["template"]);gi(Bt,"processor",Ba);function hc(i){let e=/^https?:\/\//.test(i)?void 0:location.origin;try{new URL(i,e)}catch{return!1}return!0}async function pc(i){let e=await fetch(i);if(e.status!==200)throw new Error(`Failed to load resource: the server responded with a status of ${e.status}`);return e.text()}l.customElements.get("media-theme")||l.customElements.define("media-theme",Bt);var qo=`:host {
|
|
869
|
+
--media-control-display: var(--controls);
|
|
870
|
+
--media-loading-indicator-display: var(--loading-indicator);
|
|
871
|
+
--media-dialog-display: var(--dialog);
|
|
872
|
+
--media-play-button-display: var(--play-button);
|
|
873
|
+
--media-live-button-display: var(--live-button);
|
|
874
|
+
--media-seek-backward-button-display: var(--seek-backward-button);
|
|
875
|
+
--media-seek-forward-button-display: var(--seek-forward-button);
|
|
876
|
+
--media-mute-button-display: var(--mute-button);
|
|
877
|
+
--media-captions-button-display: var(--captions-button);
|
|
878
|
+
--media-captions-selectmenu-display: var(--captions-selectmenu, var(--media-captions-button-display));
|
|
879
|
+
--media-airplay-button-display: var(--airplay-button);
|
|
880
|
+
--media-pip-button-display: var(--pip-button);
|
|
881
|
+
--media-fullscreen-button-display: var(--fullscreen-button);
|
|
882
|
+
--media-cast-button-display: var(--cast-button);
|
|
883
|
+
--media-playback-rate-button-display: var(--playback-rate-button);
|
|
884
|
+
--media-volume-range-display: var(--volume-range);
|
|
885
|
+
--media-time-range-display: var(--time-range);
|
|
886
|
+
--media-time-display-display: var(--time-display);
|
|
887
|
+
--media-duration-display-display: var(--duration-display);
|
|
888
|
+
--media-title-display-display: var(--title-display);
|
|
889
|
+
|
|
906
890
|
display: inline-block;
|
|
907
891
|
width: 100%;
|
|
908
892
|
}
|
|
@@ -918,162 +902,110 @@ a {
|
|
|
918
902
|
text-decoration: underline;
|
|
919
903
|
}
|
|
920
904
|
|
|
905
|
+
media-theme {
|
|
906
|
+
width: 100%;
|
|
907
|
+
height: 100%;
|
|
908
|
+
}
|
|
909
|
+
|
|
921
910
|
::part(top),
|
|
922
911
|
[part~='top'] {
|
|
923
|
-
--media-
|
|
924
|
-
--media-play-button: var(--play-button, var(--top-play-button));
|
|
925
|
-
--media-
|
|
926
|
-
--media-seek-backward-button: var(--seek-backward-button, var(--top-seek-backward-button));
|
|
927
|
-
--media-seek-forward-button: var(--seek-forward-button, var(--top-seek-forward-button));
|
|
928
|
-
--media-mute-button: var(--mute-button, var(--top-mute-button));
|
|
929
|
-
--media-captions-button: var(--captions-button, var(--top-captions-button));
|
|
930
|
-
--media-captions-
|
|
931
|
-
--captions-
|
|
932
|
-
var(--media-captions-button, var(--top-captions-
|
|
912
|
+
--media-control-display: var(--controls, var(--top-controls));
|
|
913
|
+
--media-play-button-display: var(--play-button, var(--top-play-button));
|
|
914
|
+
--media-live-button-display: var(--live-button, var(--top-live-button));
|
|
915
|
+
--media-seek-backward-button-display: var(--seek-backward-button, var(--top-seek-backward-button));
|
|
916
|
+
--media-seek-forward-button-display: var(--seek-forward-button, var(--top-seek-forward-button));
|
|
917
|
+
--media-mute-button-display: var(--mute-button, var(--top-mute-button));
|
|
918
|
+
--media-captions-button-display: var(--captions-button, var(--top-captions-button));
|
|
919
|
+
--media-captions-selectmenu-display: var(
|
|
920
|
+
--captions-selectmenu,
|
|
921
|
+
var(--media-captions-button-display, var(--top-captions-selectmenu))
|
|
933
922
|
);
|
|
934
|
-
--media-airplay-button: var(--airplay-button, var(--top-airplay-button));
|
|
935
|
-
--media-pip-button: var(--pip-button, var(--top-pip-button));
|
|
936
|
-
--media-fullscreen-button: var(--fullscreen-button, var(--top-fullscreen-button));
|
|
937
|
-
--media-cast-button: var(--cast-button, var(--top-cast-button));
|
|
938
|
-
--media-playback-rate-button: var(--playback-rate-button, var(--top-playback-rate-button));
|
|
939
|
-
--media-volume-range: var(--volume-range, var(--top-volume-range));
|
|
940
|
-
--media-time-range: var(--time-range, var(--top-time-range));
|
|
941
|
-
--media-time-display: var(--time-display, var(--top-time-display));
|
|
942
|
-
--media-duration-display: var(--duration-display, var(--top-duration-display));
|
|
943
|
-
--media-title-display: var(--title-display, var(--top-title-display));
|
|
923
|
+
--media-airplay-button-display: var(--airplay-button, var(--top-airplay-button));
|
|
924
|
+
--media-pip-button-display: var(--pip-button, var(--top-pip-button));
|
|
925
|
+
--media-fullscreen-button-display: var(--fullscreen-button, var(--top-fullscreen-button));
|
|
926
|
+
--media-cast-button-display: var(--cast-button, var(--top-cast-button));
|
|
927
|
+
--media-playback-rate-button-display: var(--playback-rate-button, var(--top-playback-rate-button));
|
|
928
|
+
--media-volume-range-display: var(--volume-range, var(--top-volume-range));
|
|
929
|
+
--media-time-range-display: var(--time-range, var(--top-time-range));
|
|
930
|
+
--media-time-display-display: var(--time-display, var(--top-time-display));
|
|
931
|
+
--media-duration-display-display: var(--duration-display, var(--top-duration-display));
|
|
932
|
+
--media-title-display-display: var(--title-display, var(--top-title-display));
|
|
944
933
|
}
|
|
945
934
|
|
|
946
935
|
::part(center),
|
|
947
936
|
[part~='center'] {
|
|
948
|
-
--media-
|
|
949
|
-
--media-play-button: var(--play-button, var(--center-play-button));
|
|
950
|
-
--media-
|
|
951
|
-
--media-seek-backward-button: var(--seek-backward-button, var(--center-seek-backward-button));
|
|
952
|
-
--media-seek-forward-button: var(--seek-forward-button, var(--center-seek-forward-button));
|
|
953
|
-
--media-mute-button: var(--mute-button, var(--center-mute-button));
|
|
954
|
-
--media-captions-button: var(--captions-button, var(--center-captions-button));
|
|
955
|
-
--media-captions-
|
|
956
|
-
--captions-
|
|
957
|
-
var(--media-captions-button, var(--center-captions-
|
|
937
|
+
--media-control-display: var(--controls, var(--center-controls));
|
|
938
|
+
--media-play-button-display: var(--play-button, var(--center-play-button));
|
|
939
|
+
--media-live-button-display: var(--live-button, var(--center-live-button));
|
|
940
|
+
--media-seek-backward-button-display: var(--seek-backward-button, var(--center-seek-backward-button));
|
|
941
|
+
--media-seek-forward-button-display: var(--seek-forward-button, var(--center-seek-forward-button));
|
|
942
|
+
--media-mute-button-display: var(--mute-button, var(--center-mute-button));
|
|
943
|
+
--media-captions-button-display: var(--captions-button, var(--center-captions-button));
|
|
944
|
+
--media-captions-selectmenu-display: var(
|
|
945
|
+
--captions-selectmenu,
|
|
946
|
+
var(--media-captions-button-display, var(--center-captions-selectmenu))
|
|
958
947
|
);
|
|
959
|
-
--media-airplay-button: var(--airplay-button, var(--center-airplay-button));
|
|
960
|
-
--media-pip-button: var(--pip-button, var(--center-pip-button));
|
|
961
|
-
--media-fullscreen-button: var(--fullscreen-button, var(--center-fullscreen-button));
|
|
962
|
-
--media-cast-button: var(--cast-button, var(--center-cast-button));
|
|
963
|
-
--media-playback-rate-button: var(--playback-rate-button, var(--center-playback-rate-button));
|
|
964
|
-
--media-volume-range: var(--volume-range, var(--center-volume-range));
|
|
965
|
-
--media-time-range: var(--time-range, var(--center-time-range));
|
|
966
|
-
--media-time-display: var(--time-display, var(--center-time-display));
|
|
967
|
-
--media-duration-display: var(--duration-display, var(--center-duration-display));
|
|
948
|
+
--media-airplay-button-display: var(--airplay-button, var(--center-airplay-button));
|
|
949
|
+
--media-pip-button-display: var(--pip-button, var(--center-pip-button));
|
|
950
|
+
--media-fullscreen-button-display: var(--fullscreen-button, var(--center-fullscreen-button));
|
|
951
|
+
--media-cast-button-display: var(--cast-button, var(--center-cast-button));
|
|
952
|
+
--media-playback-rate-button-display: var(--playback-rate-button, var(--center-playback-rate-button));
|
|
953
|
+
--media-volume-range-display: var(--volume-range, var(--center-volume-range));
|
|
954
|
+
--media-time-range-display: var(--time-range, var(--center-time-range));
|
|
955
|
+
--media-time-display-display: var(--time-display, var(--center-time-display));
|
|
956
|
+
--media-duration-display-display: var(--duration-display, var(--center-duration-display));
|
|
968
957
|
}
|
|
969
958
|
|
|
970
959
|
::part(bottom),
|
|
971
960
|
[part~='bottom'] {
|
|
972
|
-
--media-
|
|
973
|
-
--media-play-button: var(--play-button, var(--bottom-play-button));
|
|
974
|
-
--media-
|
|
975
|
-
--media-seek-backward-button: var(--seek-backward-button, var(--bottom-seek-backward-button));
|
|
976
|
-
--media-seek-forward-button: var(--seek-forward-button, var(--bottom-seek-forward-button));
|
|
977
|
-
--media-mute-button: var(--mute-button, var(--bottom-mute-button));
|
|
978
|
-
--media-captions-button: var(--captions-button, var(--bottom-captions-button));
|
|
979
|
-
--media-captions-
|
|
980
|
-
--captions-
|
|
981
|
-
var(--media-captions-button, var(--bottom-captions-
|
|
961
|
+
--media-control-display: var(--controls, var(--bottom-controls));
|
|
962
|
+
--media-play-button-display: var(--play-button, var(--bottom-play-button));
|
|
963
|
+
--media-live-button-display: var(--live-button, var(--bottom-live-button));
|
|
964
|
+
--media-seek-backward-button-display: var(--seek-backward-button, var(--bottom-seek-backward-button));
|
|
965
|
+
--media-seek-forward-button-display: var(--seek-forward-button, var(--bottom-seek-forward-button));
|
|
966
|
+
--media-mute-button-display: var(--mute-button, var(--bottom-mute-button));
|
|
967
|
+
--media-captions-button-display: var(--captions-button, var(--bottom-captions-button));
|
|
968
|
+
--media-captions-selectmenu-display: var(
|
|
969
|
+
--captions-selectmenu,
|
|
970
|
+
var(--media-captions-button-display, var(--bottom-captions-selectmenu))
|
|
982
971
|
);
|
|
983
|
-
--media-airplay-button: var(--airplay-button, var(--bottom-airplay-button));
|
|
984
|
-
--media-pip-button: var(--pip-button, var(--bottom-pip-button));
|
|
985
|
-
--media-fullscreen-button: var(--fullscreen-button, var(--bottom-fullscreen-button));
|
|
986
|
-
--media-cast-button: var(--cast-button, var(--bottom-cast-button));
|
|
987
|
-
--media-playback-rate-button: var(--playback-rate-button, var(--bottom-playback-rate-button));
|
|
988
|
-
--media-volume-range: var(--volume-range, var(--bottom-volume-range));
|
|
989
|
-
--media-time-range: var(--time-range, var(--bottom-time-range));
|
|
990
|
-
--media-time-display: var(--time-display, var(--bottom-time-display));
|
|
991
|
-
--media-duration-display: var(--duration-display, var(--bottom-duration-display));
|
|
992
|
-
--media-title-display: var(--title-display, var(--bottom-title-display));
|
|
993
|
-
}
|
|
994
|
-
|
|
995
|
-
[part*='seek-live button'] {
|
|
996
|
-
display: var(--media-controls, var(--media-seek-live-button));
|
|
997
|
-
}
|
|
998
|
-
|
|
999
|
-
/** Once we implement these CSS vars in Media Chrome below selectors can be deleted! */
|
|
1000
|
-
|
|
1001
|
-
::part(play button) {
|
|
1002
|
-
display: var(--media-controls, var(--media-play-button));
|
|
972
|
+
--media-airplay-button-display: var(--airplay-button, var(--bottom-airplay-button));
|
|
973
|
+
--media-pip-button-display: var(--pip-button, var(--bottom-pip-button));
|
|
974
|
+
--media-fullscreen-button-display: var(--fullscreen-button, var(--bottom-fullscreen-button));
|
|
975
|
+
--media-cast-button-display: var(--cast-button, var(--bottom-cast-button));
|
|
976
|
+
--media-playback-rate-button-display: var(--playback-rate-button, var(--bottom-playback-rate-button));
|
|
977
|
+
--media-volume-range-display: var(--volume-range, var(--bottom-volume-range));
|
|
978
|
+
--media-time-range-display: var(--time-range, var(--bottom-time-range));
|
|
979
|
+
--media-time-display-display: var(--time-display, var(--bottom-time-display));
|
|
980
|
+
--media-duration-display-display: var(--duration-display, var(--bottom-duration-display));
|
|
981
|
+
--media-title-display-display: var(--title-display, var(--bottom-title-display));
|
|
1003
982
|
}
|
|
1004
|
-
|
|
1005
|
-
display: var(--media-controls, var(--media-seek-backward-button));
|
|
1006
|
-
}
|
|
1007
|
-
::part(seek-forward button) {
|
|
1008
|
-
display: var(--media-controls, var(--media-seek-forward-button));
|
|
1009
|
-
}
|
|
1010
|
-
::part(mute button) {
|
|
1011
|
-
display: var(--media-controls, var(--media-mute-button));
|
|
1012
|
-
}
|
|
1013
|
-
::part(captions menu-button) {
|
|
1014
|
-
display: var(--media-controls, var(--media-captions-menu-button, contents));
|
|
1015
|
-
}
|
|
1016
|
-
::part(airplay button) {
|
|
1017
|
-
display: var(--media-controls, var(--media-airplay-button));
|
|
1018
|
-
}
|
|
1019
|
-
::part(pip button) {
|
|
1020
|
-
display: var(--media-controls, var(--media-pip-button));
|
|
1021
|
-
}
|
|
1022
|
-
::part(fullscreen button) {
|
|
1023
|
-
display: var(--media-controls, var(--media-fullscreen-button));
|
|
1024
|
-
}
|
|
1025
|
-
::part(cast button) {
|
|
1026
|
-
display: var(--media-controls, var(--media-cast-button));
|
|
1027
|
-
}
|
|
1028
|
-
::part(playback-rate button) {
|
|
1029
|
-
display: var(--media-controls, var(--media-playback-rate-button));
|
|
1030
|
-
}
|
|
1031
|
-
::part(volume range) {
|
|
1032
|
-
display: var(--media-controls, var(--media-volume-range));
|
|
1033
|
-
}
|
|
1034
|
-
::part(time range) {
|
|
1035
|
-
display: var(--media-controls, var(--media-time-range));
|
|
1036
|
-
}
|
|
1037
|
-
::part(time display) {
|
|
1038
|
-
display: var(--media-controls, var(--media-time-display));
|
|
1039
|
-
}
|
|
1040
|
-
::part(title display) {
|
|
1041
|
-
display: var(--media-controls, var(--media-title-display));
|
|
1042
|
-
}
|
|
1043
|
-
`;var vo=`<!-- prettier-ignore -->
|
|
983
|
+
`;var Qo=`<!-- prettier-ignore -->
|
|
1044
984
|
<template id="media-theme-mux">
|
|
1045
985
|
<style>
|
|
1046
|
-
:host(:not([audio])) {
|
|
1047
|
-
--secondary-color: transparent;
|
|
1048
|
-
}
|
|
1049
|
-
|
|
1050
986
|
:host {
|
|
1051
|
-
--_primary-color: var(--primary-color,
|
|
987
|
+
--_primary-color: var(--media-primary-color, white);
|
|
988
|
+
--_secondary-color: var(--media-secondary-color, rgb(0 0 0 / .75));
|
|
1052
989
|
|
|
1053
990
|
--media-icon-color: var(--_primary-color);
|
|
1054
991
|
--media-range-thumb-background: var(--_primary-color);
|
|
1055
992
|
--media-range-bar-color: var(--_primary-color);
|
|
1056
|
-
--media-control-background: var(--
|
|
1057
|
-
--media-control-hover-background: var(--
|
|
993
|
+
--media-control-background: var(--_secondary-color);
|
|
994
|
+
--media-control-hover-background: var(--_secondary-color);
|
|
1058
995
|
--media-time-buffered-color: rgba(255, 255, 255, 0.4);
|
|
1059
|
-
--media-range-track-background:
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
--media-preview-thumbnail-border-radius: 2px;
|
|
1063
|
-
--media-preview-time-margin: 5px 0 2px;
|
|
1064
|
-
color: var(--_primary-color);
|
|
1065
|
-
display: inline-block;
|
|
1066
|
-
width: 100%;
|
|
1067
|
-
height: 100%;
|
|
1068
|
-
}
|
|
1069
|
-
|
|
1070
|
-
:host(.two-tone:not([audio])) {
|
|
1071
|
-
--mux-time-range-padding: 0px; /* px is needed in calc() */
|
|
996
|
+
--media-range-track-background:
|
|
997
|
+
linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
|
|
998
|
+
linear-gradient(rgba(20, 20, 30, 0.7), rgba(20, 20, 30, 0.7));
|
|
1072
999
|
--media-preview-thumbnail-border: 0;
|
|
1073
1000
|
--media-preview-thumbnail-border-radius: 2px 2px 0 0;
|
|
1074
1001
|
--media-preview-time-border-radius: 0 0 2px 2px;
|
|
1075
1002
|
--media-preview-time-margin: 0 0 8px;
|
|
1076
1003
|
--media-preview-time-text-shadow: none;
|
|
1004
|
+
|
|
1005
|
+
color: var(--_primary-color);
|
|
1006
|
+
display: inline-block;
|
|
1007
|
+
width: 100%;
|
|
1008
|
+
height: 100%;
|
|
1077
1009
|
}
|
|
1078
1010
|
|
|
1079
1011
|
:host([audio]) {
|
|
@@ -1082,15 +1014,12 @@ a {
|
|
|
1082
1014
|
--media-preview-time-text-shadow: none;
|
|
1083
1015
|
}
|
|
1084
1016
|
|
|
1085
|
-
:host(.two-tone:not([audio])) media-time-range {
|
|
1086
|
-
--media-range-track-border-radius: 0;
|
|
1087
|
-
}
|
|
1088
|
-
|
|
1089
1017
|
:host([audio]) ::slotted([slot='media']) {
|
|
1090
1018
|
height: 0px;
|
|
1091
1019
|
}
|
|
1092
1020
|
|
|
1093
|
-
:host([audio])
|
|
1021
|
+
:host([audio]) media-loading-indicator,
|
|
1022
|
+
:host([audio]) ::slotted([slot=poster]) {
|
|
1094
1023
|
display: none;
|
|
1095
1024
|
}
|
|
1096
1025
|
|
|
@@ -1112,17 +1041,16 @@ a {
|
|
|
1112
1041
|
cursor: not-allowed;
|
|
1113
1042
|
}
|
|
1114
1043
|
|
|
1115
|
-
:host(:not([audio])) media-captions-
|
|
1116
|
-
bottom: 42px;
|
|
1044
|
+
:host(:not([audio])) media-captions-selectmenu::part(listbox) {
|
|
1117
1045
|
z-index: 10;
|
|
1118
1046
|
}
|
|
1119
1047
|
|
|
1120
|
-
media-controller:not(:is([media-captions-list], [media-subtitles-list])) media-captions-
|
|
1121
|
-
--captions-
|
|
1048
|
+
media-controller:not(:is([media-captions-list], [media-subtitles-list])) media-captions-selectmenu {
|
|
1049
|
+
--captions-selectmenu: none;
|
|
1122
1050
|
}
|
|
1123
1051
|
|
|
1124
|
-
media-captions-
|
|
1125
|
-
--media-listbox-background: var(--
|
|
1052
|
+
media-captions-selectmenu {
|
|
1053
|
+
--media-listbox-background: var(--_secondary-color);
|
|
1126
1054
|
--media-listbox-selected-background: rgba(255, 255, 255, 0.28);
|
|
1127
1055
|
--media-listbox-hover-background: none;
|
|
1128
1056
|
--media-listbox-hover-outline: white solid 1px;
|
|
@@ -1149,32 +1077,17 @@ a {
|
|
|
1149
1077
|
--pip-button: none;
|
|
1150
1078
|
}
|
|
1151
1079
|
|
|
1152
|
-
media-controller {
|
|
1153
|
-
width: 100%;
|
|
1154
|
-
height: 100%;
|
|
1155
|
-
}
|
|
1156
|
-
|
|
1157
1080
|
:host media-time-range {
|
|
1158
1081
|
color: var(--_primary-color);
|
|
1159
1082
|
--media-range-thumb-opacity: 0;
|
|
1160
1083
|
}
|
|
1161
1084
|
|
|
1162
1085
|
:host(:not([audio])) media-time-range {
|
|
1163
|
-
--media-range-padding-left: var(--mux-time-range-padding, 10px);
|
|
1164
|
-
--media-range-padding-right: var(--mux-time-range-padding, 10px);
|
|
1165
1086
|
--media-range-padding: 0;
|
|
1087
|
+
background: transparent;
|
|
1166
1088
|
z-index: 10;
|
|
1167
1089
|
height: 10px;
|
|
1168
1090
|
bottom: -3px;
|
|
1169
|
-
background: linear-gradient(
|
|
1170
|
-
180deg,
|
|
1171
|
-
transparent,
|
|
1172
|
-
transparent 3px,
|
|
1173
|
-
var(--media-control-background, rgba(20, 20, 30, 0.7)) 3px,
|
|
1174
|
-
var(--media-control-background, rgba(20, 20, 30, 0.7)) 7px,
|
|
1175
|
-
transparent 7px,
|
|
1176
|
-
transparent
|
|
1177
|
-
);
|
|
1178
1091
|
width: 100%;
|
|
1179
1092
|
}
|
|
1180
1093
|
|
|
@@ -1194,7 +1107,7 @@ a {
|
|
|
1194
1107
|
line-height: 0;
|
|
1195
1108
|
}
|
|
1196
1109
|
|
|
1197
|
-
media-control-bar :is(media-text-display,
|
|
1110
|
+
media-control-bar :is(media-text-display, media-time-display):first-child {
|
|
1198
1111
|
--media-control-padding: 9px 5px 9px 10px;
|
|
1199
1112
|
}
|
|
1200
1113
|
|
|
@@ -1283,10 +1196,10 @@ a {
|
|
|
1283
1196
|
media-loading-indicator {
|
|
1284
1197
|
--media-loading-icon-width: 100%;
|
|
1285
1198
|
--media-button-icon-height: auto;
|
|
1199
|
+
display: var(--media-control-display, var(--media-loading-indicator-display, flex));
|
|
1286
1200
|
pointer-events: none;
|
|
1287
1201
|
position: absolute;
|
|
1288
1202
|
width: min(15%, 150px);
|
|
1289
|
-
display: flex;
|
|
1290
1203
|
flex-flow: row;
|
|
1291
1204
|
align-items: center;
|
|
1292
1205
|
justify-content: center;
|
|
@@ -1328,6 +1241,215 @@ a {
|
|
|
1328
1241
|
font-size: 21px;
|
|
1329
1242
|
}
|
|
1330
1243
|
</style>
|
|
1244
|
+
|
|
1245
|
+
<template partial="TitleDisplay">
|
|
1246
|
+
<template if="title">
|
|
1247
|
+
<media-text-display part="top title display" class="title-display">
|
|
1248
|
+
{{title}}
|
|
1249
|
+
</media-text-display>
|
|
1250
|
+
</template>
|
|
1251
|
+
</template>
|
|
1252
|
+
|
|
1253
|
+
<template partial="PlayButton">
|
|
1254
|
+
<media-play-button
|
|
1255
|
+
part="{{section ?? 'bottom'}} play button"
|
|
1256
|
+
disabled="{{disabled}}"
|
|
1257
|
+
aria-disabled="{{disabled}}"
|
|
1258
|
+
>
|
|
1259
|
+
<svg aria-hidden="true" viewBox="0 0 24 24" slot="play">
|
|
1260
|
+
<path d="m6.73 20.93 14.05-8.54a.46.46 0 0 0 0-.78L6.73 3.07a.48.48 0 0 0-.73.39v17.07a.48.48 0 0 0 .73.4Z" />
|
|
1261
|
+
</svg>
|
|
1262
|
+
<svg aria-hidden="true" viewBox="0 0 24 24" slot="pause">
|
|
1263
|
+
<path
|
|
1264
|
+
d="M6 19.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v15ZM14.5 4a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3Z"
|
|
1265
|
+
/>
|
|
1266
|
+
</svg>
|
|
1267
|
+
</media-play-button>
|
|
1268
|
+
</template>
|
|
1269
|
+
|
|
1270
|
+
<template partial="SeekBackwardButton">
|
|
1271
|
+
<media-seek-backward-button
|
|
1272
|
+
seek-offset="{{backwardSeekOffset}}"
|
|
1273
|
+
part="{{section ?? 'bottom'}} seek-backward button"
|
|
1274
|
+
disabled="{{disabled}}"
|
|
1275
|
+
aria-disabled="{{disabled}}"
|
|
1276
|
+
>
|
|
1277
|
+
<svg aria-hidden="true" viewBox="0 0 22 24" slot="backward">
|
|
1278
|
+
<path d="M11 6V3L5.37 7 11 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 11 6Z" />
|
|
1279
|
+
<text class="value" transform="translate(2.5 21)" style="font-size: 8px; font-family: 'ArialMT', 'Arial'">
|
|
1280
|
+
{{backwardSeekOffset}}
|
|
1281
|
+
</text>
|
|
1282
|
+
</svg>
|
|
1283
|
+
</media-seek-backward-button>
|
|
1284
|
+
</template>
|
|
1285
|
+
|
|
1286
|
+
<template partial="SeekForwardButton">
|
|
1287
|
+
<media-seek-forward-button
|
|
1288
|
+
seek-offset="{{forwardSeekOffset}}"
|
|
1289
|
+
part="{{section ?? 'bottom'}} seek-forward button"
|
|
1290
|
+
disabled="{{disabled}}"
|
|
1291
|
+
aria-disabled="{{disabled}}"
|
|
1292
|
+
>
|
|
1293
|
+
<svg aria-hidden="true" viewBox="0 0 22 24" slot="forward">
|
|
1294
|
+
<path d="M11 6V3l5.61 4L11 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 11 6Z" />
|
|
1295
|
+
<text class="value" transform="translate(10 21)" style="font-size: 8px; font-family: 'ArialMT', 'Arial'">
|
|
1296
|
+
{{forwardSeekOffset}}
|
|
1297
|
+
</text>
|
|
1298
|
+
</svg>
|
|
1299
|
+
</media-seek-forward-button>
|
|
1300
|
+
</template>
|
|
1301
|
+
|
|
1302
|
+
<template partial="MuteButton">
|
|
1303
|
+
<media-mute-button part="bottom mute button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1304
|
+
<svg aria-hidden="true" viewBox="0 0 24 24" slot="high">
|
|
1305
|
+
<path
|
|
1306
|
+
d="m11.14 4.86-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.21a.5.5 0 0 0-.86-.35Zm2.74-1.56v1.52A7.52 7.52 0 0 1 19.47 12a7.52 7.52 0 0 1-5.59 7.18v1.52A9 9 0 0 0 21 12a9 9 0 0 0-7.12-8.7Zm3.56 8.7a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
|
|
1307
|
+
/>
|
|
1308
|
+
</svg>
|
|
1309
|
+
<svg aria-hidden="true" viewBox="0 0 24 24" slot="low">
|
|
1310
|
+
<path
|
|
1311
|
+
d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
|
|
1312
|
+
/>
|
|
1313
|
+
</svg>
|
|
1314
|
+
<svg aria-hidden="true" viewBox="0 0 24 24" slot="medium">
|
|
1315
|
+
<path
|
|
1316
|
+
d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
|
|
1317
|
+
/>
|
|
1318
|
+
</svg>
|
|
1319
|
+
<svg aria-hidden="true" viewBox="0 0 24 24" slot="off">
|
|
1320
|
+
<path
|
|
1321
|
+
d="m3 4.05 4.48 4.47-.33.33a.49.49 0 0 1-.36.15H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.48.48 0 0 0 .36.15.5.5 0 0 0 .5-.5v-5.75l4.67 4.66a7.71 7.71 0 0 1-2.79 1.47v1.52a9.32 9.32 0 0 0 3.87-1.91L20 21l1-1L4.06 3 3 4.05Zm5.36 5.36 2.39 2.39V17L8 14.26a1.74 1.74 0 0 0-1.24-.51H4.25v-3.5h2.54A1.74 1.74 0 0 0 8 9.74l.36-.33ZM19.47 12a7.19 7.19 0 0 1-.89 3.47l1.11 1.1A8.64 8.64 0 0 0 21 12a9 9 0 0 0-7.12-8.7v1.52A7.52 7.52 0 0 1 19.47 12ZM12 8.88V5.21a.5.5 0 0 0-.5-.5.48.48 0 0 0-.36.15L9.56 6.44 12 8.88ZM15.91 12a4.284 4.284 0 0 1-.07.72l1.22 1.22a5.2 5.2 0 0 0 .38-1.94 5.49 5.49 0 0 0-3.56-5.1v1.66A4 4 0 0 1 15.91 12Z"
|
|
1322
|
+
/>
|
|
1323
|
+
</svg>
|
|
1324
|
+
</media-mute-button>
|
|
1325
|
+
</template>
|
|
1326
|
+
|
|
1327
|
+
<template partial="PipButton">
|
|
1328
|
+
<media-pip-button part="bottom pip button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1329
|
+
<svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
|
|
1330
|
+
<path
|
|
1331
|
+
d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"
|
|
1332
|
+
/>
|
|
1333
|
+
</svg>
|
|
1334
|
+
<svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
|
|
1335
|
+
<path
|
|
1336
|
+
d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"
|
|
1337
|
+
/>
|
|
1338
|
+
</svg>
|
|
1339
|
+
</media-pip-button>
|
|
1340
|
+
</template>
|
|
1341
|
+
|
|
1342
|
+
<template partial="CaptionsMenuButton">
|
|
1343
|
+
<media-captions-selectmenu
|
|
1344
|
+
default-showing="{{defaultShowingCaptions}}"
|
|
1345
|
+
part="bottom captions selectmenu"
|
|
1346
|
+
disabled="{{disabled}}"
|
|
1347
|
+
aria-disabled="{{disabled}}"
|
|
1348
|
+
>
|
|
1349
|
+
<svg aria-hidden="true" viewBox="0 0 26 24" slot="on">
|
|
1350
|
+
<path
|
|
1351
|
+
d="M22.832 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.41 10.1a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 4 4 0 0 1-1.28-.83 3.67 3.67 0 0 1-.84-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.53 3.53 0 0 1 .84-1.21 3.89 3.89 0 0 1 1.29-.8 4.76 4.76 0 0 1 1.63-.27 4.06 4.06 0 0 1 1.35.24c.225.091.44.205.64.34a2.7 2.7 0 0 1 .55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.35 2.35 0 0 0-.46.77 2.78 2.78 0 0 0-.16 1c-.009.34.046.68.16 1 .104.283.26.545.46.77.188.21.415.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.88 2.88 0 0 1-1.22 1.01Zm7.52 0a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 3.89 3.89 0 0 1-1.28-.83 3.55 3.55 0 0 1-.85-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.43 3.43 0 0 1 .85-1.25 3.75 3.75 0 0 1 1.28-.8 4.76 4.76 0 0 1 1.63-.27 4 4 0 0 1 1.35.24c.225.091.44.205.64.34.21.144.395.32.55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.352 2.352 0 0 0-.46.77 3.01 3.01 0 0 0-.16 1c-.003.34.05.678.16 1 .108.282.263.542.46.77.188.21.416.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.82 2.82 0 0 1-1.21 1.05Z"
|
|
1352
|
+
/>
|
|
1353
|
+
</svg>
|
|
1354
|
+
<svg aria-hidden="true" viewBox="0 0 26 24" slot="off">
|
|
1355
|
+
<path
|
|
1356
|
+
d="M22.832 5.68a2.58 2.58 0 0 0-2.3-2.5c-1.81-.12-4.67-.18-7.53-.18-2.86 0-5.72.06-7.53.18a2.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.5c1.81.12 4.67.18 7.53.18 2.86 0 5.72-.06 7.53-.18a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-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.137-.21-8.283 0-12.42a1.11 1.11 0 0 1 .91-1.11c1.67-.11 4.43-.18 7.43-.18s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.137.21 8.283 0 12.42ZM10.843 14a1.55 1.55 0 0 1-.76.18 1.57 1.57 0 0 1-.71-.18 1.69 1.69 0 0 1-.57-.42 2.099 2.099 0 0 1-.38-.58 2.47 2.47 0 0 1 0-1.64 2 2 0 0 1 .39-.66 1.73 1.73 0 0 1 .58-.42c.23-.103.479-.158.73-.16.241-.004.48.044.7.14.199.088.373.222.51.39l1.08-.89a2.179 2.179 0 0 0-.47-.44 2.81 2.81 0 0 0-.54-.32 2.91 2.91 0 0 0-.58-.15 2.71 2.71 0 0 0-.56 0 4.08 4.08 0 0 0-1.38.15 3.27 3.27 0 0 0-1.09.67 3.14 3.14 0 0 0-.71 1.06 3.62 3.62 0 0 0-.26 1.39 3.57 3.57 0 0 0 .26 1.38 3 3 0 0 0 .71 1.06c.316.293.687.52 1.09.67.443.16.91.238 1.38.23a3.2 3.2 0 0 0 1.28-.27c.401-.183.747-.47 1-.83l-1.17-.88a1.42 1.42 0 0 1-.53.52Zm6.62 0a1.58 1.58 0 0 1-.76.18 1.54 1.54 0 0 1-.7-.18 1.69 1.69 0 0 1-.57-.42 2.12 2.12 0 0 1-.43-.58 2.29 2.29 0 0 1 .39-2.3 1.84 1.84 0 0 1 1.32-.58c.241-.003.48.045.7.14.199.088.373.222.51.39l1.08-.92a2.43 2.43 0 0 0-.47-.44 3.22 3.22 0 0 0-.53-.29 2.999 2.999 0 0 0-.57-.15 2.87 2.87 0 0 0-.57 0 4.06 4.06 0 0 0-1.36.15 3.17 3.17 0 0 0-1.09.67 3 3 0 0 0-.72 1.06 3.62 3.62 0 0 0-.25 1.39 3.57 3.57 0 0 0 .25 1.38c.16.402.405.764.72 1.06a3.17 3.17 0 0 0 1.09.67c.44.16.904.237 1.37.23.441 0 .877-.092 1.28-.27a2.45 2.45 0 0 0 1-.83l-1.15-.85a1.49 1.49 0 0 1-.54.49Z"
|
|
1357
|
+
/>
|
|
1358
|
+
</svg>
|
|
1359
|
+
</media-captions-selectmenu>
|
|
1360
|
+
</template>
|
|
1361
|
+
|
|
1362
|
+
<template partial="AirplayButton">
|
|
1363
|
+
<media-airplay-button part="bottom airplay button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1364
|
+
<svg aria-hidden="true" viewBox="0 0 26 24" slot="airplay">
|
|
1365
|
+
<path
|
|
1366
|
+
d="M13.19 14.22a.25.25 0 0 0-.38 0l-5.46 6.37a.25.25 0 0 0 .19.41h10.92a.25.25 0 0 0 .19-.41l-5.46-6.37Z"
|
|
1367
|
+
/>
|
|
1368
|
+
<path
|
|
1369
|
+
d="M22 3H4a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h2.94L8 16.75H4.25V4.25h17.5v12.5H18L19.06 18H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
|
|
1370
|
+
/>
|
|
1371
|
+
</svg>
|
|
1372
|
+
</media-airplay-button>
|
|
1373
|
+
</template>
|
|
1374
|
+
|
|
1375
|
+
<template partial="FullscreenButton">
|
|
1376
|
+
<media-fullscreen-button part="bottom fullscreen button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1377
|
+
<svg aria-hidden="true" viewBox="0 0 24 24" slot="enter">
|
|
1378
|
+
<path
|
|
1379
|
+
d="M20.25 14.5a.76.76 0 0 0-.75.75v4.25h-4.25a.75.75 0 1 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5a.76.76 0 0 0-.75-.75Zm0-11.5h-5a.76.76 0 0 0-.75.75.76.76 0 0 0 .75.75h4.25v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75ZM8.75 19.5H4.5v-4.25a.76.76 0 0 0-.75-.75.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75h5a.75.75 0 1 0 0-1.5Zm0-16.5h-5a.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75.76.76 0 0 0 .75-.75V4.5h4.25a.76.76 0 0 0 .75-.75.76.76 0 0 0-.75-.75Z"
|
|
1380
|
+
/>
|
|
1381
|
+
</svg>
|
|
1382
|
+
<svg aria-hidden="true" viewBox="0 0 24 24" slot="exit">
|
|
1383
|
+
<path
|
|
1384
|
+
d="M20.25 14.5h-5a.76.76 0 0 0-.75.75v5a.75.75 0 1 0 1.5 0V16h4.25a.75.75 0 1 0 0-1.5Zm-5-5h5a.75.75 0 1 0 0-1.5H16V3.75a.75.75 0 1 0-1.5 0v5a.76.76 0 0 0 .75.75Zm-6.5 5h-5a.75.75 0 1 0 0 1.5H8v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75Zm0-11.5a.76.76 0 0 0-.75.75V8H3.75a.75.75 0 0 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5A.76.76 0 0 0 8.75 3Z"
|
|
1385
|
+
/>
|
|
1386
|
+
</svg>
|
|
1387
|
+
</media-fullscreen-button>
|
|
1388
|
+
</template>
|
|
1389
|
+
|
|
1390
|
+
<template partial="CastButton">
|
|
1391
|
+
<media-cast-button part="bottom cast button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1392
|
+
<svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
|
|
1393
|
+
<path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z" />
|
|
1394
|
+
<path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z" />
|
|
1395
|
+
<path
|
|
1396
|
+
d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
|
|
1397
|
+
/>
|
|
1398
|
+
</svg>
|
|
1399
|
+
<svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
|
|
1400
|
+
<path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z" />
|
|
1401
|
+
<path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z" />
|
|
1402
|
+
<path
|
|
1403
|
+
d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
|
|
1404
|
+
/>
|
|
1405
|
+
<path d="M20.5 5.5h-15v5.811c3.52.906 6.283 3.67 7.189 7.19H20.5V5.5Z" />
|
|
1406
|
+
</svg>
|
|
1407
|
+
</media-cast-button>
|
|
1408
|
+
</template>
|
|
1409
|
+
|
|
1410
|
+
<template partial="LiveButton">
|
|
1411
|
+
<media-live-button
|
|
1412
|
+
part="{{section ?? 'top'}} live button"
|
|
1413
|
+
disabled="{{disabled}}"
|
|
1414
|
+
aria-disabled="{{disabled}}"
|
|
1415
|
+
></media-live-button>
|
|
1416
|
+
</template>
|
|
1417
|
+
|
|
1418
|
+
<template partial="PlaybackRateButton">
|
|
1419
|
+
<media-playback-rate-button
|
|
1420
|
+
rates="{{playbackRates}}"
|
|
1421
|
+
part="bottom playback-rate button"
|
|
1422
|
+
disabled="{{disabled}}"
|
|
1423
|
+
aria-disabled="{{disabled}}"
|
|
1424
|
+
></media-playback-rate-button>
|
|
1425
|
+
</template>
|
|
1426
|
+
|
|
1427
|
+
<template partial="VolumeRange">
|
|
1428
|
+
<media-volume-range
|
|
1429
|
+
part="bottom volume range"
|
|
1430
|
+
disabled="{{disabled}}"
|
|
1431
|
+
aria-disabled="{{disabled}}"
|
|
1432
|
+
></media-volume-range>
|
|
1433
|
+
</template>
|
|
1434
|
+
|
|
1435
|
+
<template partial="TimeDisplay">
|
|
1436
|
+
<media-time-display
|
|
1437
|
+
remaining="{{defaultShowRemainingTime}}"
|
|
1438
|
+
show-duration="{{!hideDuration}}"
|
|
1439
|
+
part="bottom time display"
|
|
1440
|
+
disabled="{{disabled}}"
|
|
1441
|
+
aria-disabled="{{disabled}}"
|
|
1442
|
+
></media-time-display>
|
|
1443
|
+
</template>
|
|
1444
|
+
|
|
1445
|
+
<template partial="TimeRange">
|
|
1446
|
+
<media-time-range
|
|
1447
|
+
part="bottom time range"
|
|
1448
|
+
disabled="{{disabled}}"
|
|
1449
|
+
aria-disabled="{{disabled}}"
|
|
1450
|
+
></media-time-range>
|
|
1451
|
+
</template>
|
|
1452
|
+
|
|
1331
1453
|
<media-controller
|
|
1332
1454
|
breakpoints="sm:300 md:700"
|
|
1333
1455
|
gestures-disabled="{{disabled}}"
|
|
@@ -1337,222 +1459,9 @@ a {
|
|
|
1337
1459
|
exportparts="layer, media-layer, poster-layer, vertical-layer, centered-layer, gesture-layer"
|
|
1338
1460
|
>
|
|
1339
1461
|
<slot name="media" slot="media"></slot>
|
|
1340
|
-
<
|
|
1341
|
-
slot="poster"
|
|
1342
|
-
part="poster"
|
|
1343
|
-
src="{{poster}}"
|
|
1344
|
-
placeholder-src="{{placeholder}}"
|
|
1345
|
-
></media-poster-image>
|
|
1462
|
+
<slot name="poster" slot="poster"></slot>
|
|
1346
1463
|
<media-loading-indicator slot="centered-chrome" no-auto-hide></media-loading-indicator>
|
|
1347
1464
|
|
|
1348
|
-
<template partial="TitleDisplay">
|
|
1349
|
-
<template if="title">
|
|
1350
|
-
<media-text-display part="top title display" class="title-display">
|
|
1351
|
-
{{title}}
|
|
1352
|
-
</media-text-display>
|
|
1353
|
-
</template>
|
|
1354
|
-
</template>
|
|
1355
|
-
|
|
1356
|
-
<template partial="PlayButton">
|
|
1357
|
-
<media-play-button
|
|
1358
|
-
part="{{section ?? 'bottom'}} play button"
|
|
1359
|
-
disabled="{{disabled}}"
|
|
1360
|
-
aria-disabled="{{disabled}}"
|
|
1361
|
-
>
|
|
1362
|
-
<svg aria-hidden="true" viewBox="0 0 24 24" slot="play">
|
|
1363
|
-
<path d="m6.73 20.93 14.05-8.54a.46.46 0 0 0 0-.78L6.73 3.07a.48.48 0 0 0-.73.39v17.07a.48.48 0 0 0 .73.4Z" />
|
|
1364
|
-
</svg>
|
|
1365
|
-
<svg aria-hidden="true" viewBox="0 0 24 24" slot="pause">
|
|
1366
|
-
<path
|
|
1367
|
-
d="M6 19.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v15ZM14.5 4a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-3Z"
|
|
1368
|
-
/>
|
|
1369
|
-
</svg>
|
|
1370
|
-
</media-play-button>
|
|
1371
|
-
</template>
|
|
1372
|
-
|
|
1373
|
-
<template partial="SeekBackwardButton">
|
|
1374
|
-
<media-seek-backward-button
|
|
1375
|
-
seek-offset="{{backwardSeekOffset}}"
|
|
1376
|
-
part="{{section ?? 'bottom'}} seek-backward button"
|
|
1377
|
-
disabled="{{disabled}}"
|
|
1378
|
-
aria-disabled="{{disabled}}"
|
|
1379
|
-
>
|
|
1380
|
-
<svg aria-hidden="true" viewBox="0 0 22 24" slot="backward">
|
|
1381
|
-
<path d="M11 6V3L5.37 7 11 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 11 6Z" />
|
|
1382
|
-
<text class="value" transform="translate(2.5 21)" style="font-size: 8px; font-family: 'ArialMT', 'Arial'">
|
|
1383
|
-
{{backwardSeekOffset}}
|
|
1384
|
-
</text>
|
|
1385
|
-
</svg>
|
|
1386
|
-
</media-seek-backward-button>
|
|
1387
|
-
</template>
|
|
1388
|
-
|
|
1389
|
-
<template partial="SeekForwardButton">
|
|
1390
|
-
<media-seek-forward-button
|
|
1391
|
-
seek-offset="{{forwardSeekOffset}}"
|
|
1392
|
-
part="{{section ?? 'bottom'}} seek-forward button"
|
|
1393
|
-
disabled="{{disabled}}"
|
|
1394
|
-
aria-disabled="{{disabled}}"
|
|
1395
|
-
>
|
|
1396
|
-
<svg aria-hidden="true" viewBox="0 0 22 24" slot="forward">
|
|
1397
|
-
<path d="M11 6V3l5.61 4L11 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 11 6Z" />
|
|
1398
|
-
<text class="value" transform="translate(10 21)" style="font-size: 8px; font-family: 'ArialMT', 'Arial'">
|
|
1399
|
-
{{forwardSeekOffset}}
|
|
1400
|
-
</text>
|
|
1401
|
-
</svg>
|
|
1402
|
-
</media-seek-forward-button>
|
|
1403
|
-
</template>
|
|
1404
|
-
|
|
1405
|
-
<template partial="MuteButton">
|
|
1406
|
-
<media-mute-button part="bottom mute button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1407
|
-
<svg aria-hidden="true" viewBox="0 0 24 24" slot="high">
|
|
1408
|
-
<path
|
|
1409
|
-
d="m11.14 4.86-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.21a.5.5 0 0 0-.86-.35Zm2.74-1.56v1.52A7.52 7.52 0 0 1 19.47 12a7.52 7.52 0 0 1-5.59 7.18v1.52A9 9 0 0 0 21 12a9 9 0 0 0-7.12-8.7Zm3.56 8.7a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
|
|
1410
|
-
/>
|
|
1411
|
-
</svg>
|
|
1412
|
-
<svg aria-hidden="true" viewBox="0 0 24 24" slot="low">
|
|
1413
|
-
<path
|
|
1414
|
-
d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
|
|
1415
|
-
/>
|
|
1416
|
-
</svg>
|
|
1417
|
-
<svg aria-hidden="true" viewBox="0 0 24 24" slot="medium">
|
|
1418
|
-
<path
|
|
1419
|
-
d="m11.14 4.853-4 4a.49.49 0 0 1-.35.14H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.5.5 0 0 0 .85-.36V5.203a.5.5 0 0 0-.86-.35Zm6.3 7.14a5.49 5.49 0 0 0-3.56-5.1v1.66a3.93 3.93 0 0 1 0 6.88v1.66a5.49 5.49 0 0 0 3.56-5.1Z"
|
|
1420
|
-
/>
|
|
1421
|
-
</svg>
|
|
1422
|
-
<svg aria-hidden="true" viewBox="0 0 24 24" slot="off">
|
|
1423
|
-
<path
|
|
1424
|
-
d="m3 4.05 4.48 4.47-.33.33a.49.49 0 0 1-.36.15H3.25a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h3.54a.49.49 0 0 1 .36.15l4 4a.48.48 0 0 0 .36.15.5.5 0 0 0 .5-.5v-5.75l4.67 4.66a7.71 7.71 0 0 1-2.79 1.47v1.52a9.32 9.32 0 0 0 3.87-1.91L20 21l1-1L4.06 3 3 4.05Zm5.36 5.36 2.39 2.39V17L8 14.26a1.74 1.74 0 0 0-1.24-.51H4.25v-3.5h2.54A1.74 1.74 0 0 0 8 9.74l.36-.33ZM19.47 12a7.19 7.19 0 0 1-.89 3.47l1.11 1.1A8.64 8.64 0 0 0 21 12a9 9 0 0 0-7.12-8.7v1.52A7.52 7.52 0 0 1 19.47 12ZM12 8.88V5.21a.5.5 0 0 0-.5-.5.48.48 0 0 0-.36.15L9.56 6.44 12 8.88ZM15.91 12a4.284 4.284 0 0 1-.07.72l1.22 1.22a5.2 5.2 0 0 0 .38-1.94 5.49 5.49 0 0 0-3.56-5.1v1.66A4 4 0 0 1 15.91 12Z"
|
|
1425
|
-
/>
|
|
1426
|
-
</svg>
|
|
1427
|
-
</media-mute-button>
|
|
1428
|
-
</template>
|
|
1429
|
-
|
|
1430
|
-
<template partial="PipButton">
|
|
1431
|
-
<media-pip-button part="bottom pip button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1432
|
-
<svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
|
|
1433
|
-
<path
|
|
1434
|
-
d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"
|
|
1435
|
-
/>
|
|
1436
|
-
</svg>
|
|
1437
|
-
<svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
|
|
1438
|
-
<path
|
|
1439
|
-
d="M22 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h6.75v-1.25h-6.5V4.25h17.5v6.5H23V4a1 1 0 0 0-1-1Zm0 10h-8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-.5 6.5h-7v-5h7v5Z"
|
|
1440
|
-
/>
|
|
1441
|
-
</svg>
|
|
1442
|
-
</media-pip-button>
|
|
1443
|
-
</template>
|
|
1444
|
-
|
|
1445
|
-
<template partial="CaptionsMenuButton">
|
|
1446
|
-
<media-captions-menu-button
|
|
1447
|
-
default-showing="{{defaultShowingCaptions}}"
|
|
1448
|
-
part="bottom captions menu-button"
|
|
1449
|
-
disabled="{{disabled}}"
|
|
1450
|
-
aria-disabled="{{disabled}}"
|
|
1451
|
-
>
|
|
1452
|
-
<svg aria-hidden="true" viewBox="0 0 26 24" slot="on">
|
|
1453
|
-
<path
|
|
1454
|
-
d="M22.832 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.41 10.1a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 4 4 0 0 1-1.28-.83 3.67 3.67 0 0 1-.84-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.53 3.53 0 0 1 .84-1.21 3.89 3.89 0 0 1 1.29-.8 4.76 4.76 0 0 1 1.63-.27 4.06 4.06 0 0 1 1.35.24c.225.091.44.205.64.34a2.7 2.7 0 0 1 .55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.35 2.35 0 0 0-.46.77 2.78 2.78 0 0 0-.16 1c-.009.34.046.68.16 1 .104.283.26.545.46.77.188.21.415.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.88 2.88 0 0 1-1.22 1.01Zm7.52 0a3.63 3.63 0 0 1-1.51.32 4.76 4.76 0 0 1-1.63-.27 3.89 3.89 0 0 1-1.28-.83 3.55 3.55 0 0 1-.85-1.26 4.23 4.23 0 0 1-.3-1.63 4.28 4.28 0 0 1 .3-1.64 3.43 3.43 0 0 1 .85-1.25 3.75 3.75 0 0 1 1.28-.8 4.76 4.76 0 0 1 1.63-.27 4 4 0 0 1 1.35.24c.225.091.44.205.64.34.21.144.395.32.55.52l-1.27 1a1.79 1.79 0 0 0-.6-.46 2 2 0 0 0-.83-.16 2 2 0 0 0-1.56.69 2.352 2.352 0 0 0-.46.77 3.01 3.01 0 0 0-.16 1c-.003.34.05.678.16 1 .108.282.263.542.46.77.188.21.416.38.67.5a2 2 0 0 0 .84.18 1.87 1.87 0 0 0 .9-.21 1.78 1.78 0 0 0 .65-.6l1.38 1a2.82 2.82 0 0 1-1.21 1.05Z"
|
|
1455
|
-
/>
|
|
1456
|
-
</svg>
|
|
1457
|
-
<svg aria-hidden="true" viewBox="0 0 26 24" slot="off">
|
|
1458
|
-
<path
|
|
1459
|
-
d="M22.832 5.68a2.58 2.58 0 0 0-2.3-2.5c-1.81-.12-4.67-.18-7.53-.18-2.86 0-5.72.06-7.53.18a2.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.5c1.81.12 4.67.18 7.53.18 2.86 0 5.72-.06 7.53-.18a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-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.137-.21-8.283 0-12.42a1.11 1.11 0 0 1 .91-1.11c1.67-.11 4.43-.18 7.43-.18s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.137.21 8.283 0 12.42ZM10.843 14a1.55 1.55 0 0 1-.76.18 1.57 1.57 0 0 1-.71-.18 1.69 1.69 0 0 1-.57-.42 2.099 2.099 0 0 1-.38-.58 2.47 2.47 0 0 1 0-1.64 2 2 0 0 1 .39-.66 1.73 1.73 0 0 1 .58-.42c.23-.103.479-.158.73-.16.241-.004.48.044.7.14.199.088.373.222.51.39l1.08-.89a2.179 2.179 0 0 0-.47-.44 2.81 2.81 0 0 0-.54-.32 2.91 2.91 0 0 0-.58-.15 2.71 2.71 0 0 0-.56 0 4.08 4.08 0 0 0-1.38.15 3.27 3.27 0 0 0-1.09.67 3.14 3.14 0 0 0-.71 1.06 3.62 3.62 0 0 0-.26 1.39 3.57 3.57 0 0 0 .26 1.38 3 3 0 0 0 .71 1.06c.316.293.687.52 1.09.67.443.16.91.238 1.38.23a3.2 3.2 0 0 0 1.28-.27c.401-.183.747-.47 1-.83l-1.17-.88a1.42 1.42 0 0 1-.53.52Zm6.62 0a1.58 1.58 0 0 1-.76.18 1.54 1.54 0 0 1-.7-.18 1.69 1.69 0 0 1-.57-.42 2.12 2.12 0 0 1-.43-.58 2.29 2.29 0 0 1 .39-2.3 1.84 1.84 0 0 1 1.32-.58c.241-.003.48.045.7.14.199.088.373.222.51.39l1.08-.92a2.43 2.43 0 0 0-.47-.44 3.22 3.22 0 0 0-.53-.29 2.999 2.999 0 0 0-.57-.15 2.87 2.87 0 0 0-.57 0 4.06 4.06 0 0 0-1.36.15 3.17 3.17 0 0 0-1.09.67 3 3 0 0 0-.72 1.06 3.62 3.62 0 0 0-.25 1.39 3.57 3.57 0 0 0 .25 1.38c.16.402.405.764.72 1.06a3.17 3.17 0 0 0 1.09.67c.44.16.904.237 1.37.23.441 0 .877-.092 1.28-.27a2.45 2.45 0 0 0 1-.83l-1.15-.85a1.49 1.49 0 0 1-.54.49Z"
|
|
1460
|
-
/>
|
|
1461
|
-
</svg>
|
|
1462
|
-
</media-captions-menu-button>
|
|
1463
|
-
</template>
|
|
1464
|
-
|
|
1465
|
-
<template partial="AirplayButton">
|
|
1466
|
-
<media-airplay-button part="bottom airplay button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1467
|
-
<svg aria-hidden="true" viewBox="0 0 26 24" slot="airplay">
|
|
1468
|
-
<path
|
|
1469
|
-
d="M13.19 14.22a.25.25 0 0 0-.38 0l-5.46 6.37a.25.25 0 0 0 .19.41h10.92a.25.25 0 0 0 .19-.41l-5.46-6.37Z"
|
|
1470
|
-
/>
|
|
1471
|
-
<path
|
|
1472
|
-
d="M22 3H4a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h2.94L8 16.75H4.25V4.25h17.5v12.5H18L19.06 18H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
|
|
1473
|
-
/>
|
|
1474
|
-
</svg>
|
|
1475
|
-
</media-airplay-button>
|
|
1476
|
-
</template>
|
|
1477
|
-
|
|
1478
|
-
<template partial="FullscreenButton">
|
|
1479
|
-
<media-fullscreen-button part="bottom fullscreen button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1480
|
-
<svg aria-hidden="true" viewBox="0 0 24 24" slot="enter">
|
|
1481
|
-
<path
|
|
1482
|
-
d="M20.25 14.5a.76.76 0 0 0-.75.75v4.25h-4.25a.75.75 0 1 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5a.76.76 0 0 0-.75-.75Zm0-11.5h-5a.76.76 0 0 0-.75.75.76.76 0 0 0 .75.75h4.25v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75ZM8.75 19.5H4.5v-4.25a.76.76 0 0 0-.75-.75.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75h5a.75.75 0 1 0 0-1.5Zm0-16.5h-5a.76.76 0 0 0-.75.75v5a.76.76 0 0 0 .75.75.76.76 0 0 0 .75-.75V4.5h4.25a.76.76 0 0 0 .75-.75.76.76 0 0 0-.75-.75Z"
|
|
1483
|
-
/>
|
|
1484
|
-
</svg>
|
|
1485
|
-
<svg aria-hidden="true" viewBox="0 0 24 24" slot="exit">
|
|
1486
|
-
<path
|
|
1487
|
-
d="M20.25 14.5h-5a.76.76 0 0 0-.75.75v5a.75.75 0 1 0 1.5 0V16h4.25a.75.75 0 1 0 0-1.5Zm-5-5h5a.75.75 0 1 0 0-1.5H16V3.75a.75.75 0 1 0-1.5 0v5a.76.76 0 0 0 .75.75Zm-6.5 5h-5a.75.75 0 1 0 0 1.5H8v4.25a.75.75 0 1 0 1.5 0v-5a.76.76 0 0 0-.75-.75Zm0-11.5a.76.76 0 0 0-.75.75V8H3.75a.75.75 0 0 0 0 1.5h5a.76.76 0 0 0 .75-.75v-5A.76.76 0 0 0 8.75 3Z"
|
|
1488
|
-
/>
|
|
1489
|
-
</svg>
|
|
1490
|
-
</media-fullscreen-button>
|
|
1491
|
-
</template>
|
|
1492
|
-
|
|
1493
|
-
<template partial="CastButton">
|
|
1494
|
-
<media-cast-button part="bottom cast button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
1495
|
-
<svg aria-hidden="true" viewBox="0 0 26 24" slot="enter">
|
|
1496
|
-
<path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z" />
|
|
1497
|
-
<path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z" />
|
|
1498
|
-
<path
|
|
1499
|
-
d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
|
|
1500
|
-
/>
|
|
1501
|
-
</svg>
|
|
1502
|
-
<svg aria-hidden="true" viewBox="0 0 26 24" slot="exit">
|
|
1503
|
-
<path d="M3 15.5V17c2.206 0 4 1.794 4 4h1.5A5.5 5.5 0 0 0 3 15.5Zm0 3V21h2.5A2.5 2.5 0 0 0 3 18.5Z" />
|
|
1504
|
-
<path d="M3 12.5V14c3.86 0 7 3.14 7 7h1.5A8.5 8.5 0 0 0 3 12.5Z" />
|
|
1505
|
-
<path
|
|
1506
|
-
d="M22 3H4a1 1 0 0 0-1 1v6.984c.424 0 .84.035 1.25.086V4.25h17.5v15.5h-8.82c.051.41.086.826.086 1.25H22a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Z"
|
|
1507
|
-
/>
|
|
1508
|
-
<path d="M20.5 5.5h-15v5.811c3.52.906 6.283 3.67 7.189 7.19H20.5V5.5Z" />
|
|
1509
|
-
</svg>
|
|
1510
|
-
</media-cast-button>
|
|
1511
|
-
</template>
|
|
1512
|
-
|
|
1513
|
-
<template partial="LiveButton">
|
|
1514
|
-
<!-- NOTE: Keeping "seek-live" part for backwards compatibility for now -->
|
|
1515
|
-
<media-live-button
|
|
1516
|
-
part="{{section ?? 'top'}} live seek-live button"
|
|
1517
|
-
disabled="{{disabled}}"
|
|
1518
|
-
aria-disabled="{{disabled}}"
|
|
1519
|
-
></media-live-button>
|
|
1520
|
-
</template>
|
|
1521
|
-
|
|
1522
|
-
<template partial="PlaybackRateButton">
|
|
1523
|
-
<media-playback-rate-button
|
|
1524
|
-
rates="{{playbackRates}}"
|
|
1525
|
-
part="bottom playback-rate button"
|
|
1526
|
-
disabled="{{disabled}}"
|
|
1527
|
-
aria-disabled="{{disabled}}"
|
|
1528
|
-
></media-playback-rate-button>
|
|
1529
|
-
</template>
|
|
1530
|
-
|
|
1531
|
-
<template partial="VolumeRange">
|
|
1532
|
-
<media-volume-range
|
|
1533
|
-
part="bottom volume range"
|
|
1534
|
-
disabled="{{disabled}}"
|
|
1535
|
-
aria-disabled="{{disabled}}"
|
|
1536
|
-
></media-volume-range>
|
|
1537
|
-
</template>
|
|
1538
|
-
|
|
1539
|
-
<template partial="TimeDisplay">
|
|
1540
|
-
<mxp-time-display
|
|
1541
|
-
remaining="{{defaultShowRemainingTime}}"
|
|
1542
|
-
part="bottom time display"
|
|
1543
|
-
disabled="{{disabled}}"
|
|
1544
|
-
aria-disabled="{{disabled}}"
|
|
1545
|
-
></mxp-time-display>
|
|
1546
|
-
</template>
|
|
1547
|
-
|
|
1548
|
-
<template partial="TimeRange">
|
|
1549
|
-
<media-time-range
|
|
1550
|
-
part="bottom time range"
|
|
1551
|
-
disabled="{{disabled}}"
|
|
1552
|
-
aria-disabled="{{disabled}}"
|
|
1553
|
-
></media-time-range>
|
|
1554
|
-
</template>
|
|
1555
|
-
|
|
1556
1465
|
<template if="audio">
|
|
1557
1466
|
|
|
1558
1467
|
<template if="streamType == 'on-demand'">
|
|
@@ -1594,7 +1503,7 @@ a {
|
|
|
1594
1503
|
</media-control-bar>
|
|
1595
1504
|
</template>
|
|
1596
1505
|
|
|
1597
|
-
<template if="targetLiveWindow
|
|
1506
|
+
<template if="!targetLiveWindow">
|
|
1598
1507
|
<template if="title">
|
|
1599
1508
|
<media-control-bar>{{>TitleDisplay}}</media-control-bar>
|
|
1600
1509
|
</template>
|
|
@@ -1612,11 +1521,11 @@ a {
|
|
|
1612
1521
|
</template>
|
|
1613
1522
|
</template>
|
|
1614
1523
|
|
|
1615
|
-
<template if="audio
|
|
1524
|
+
<template if="!audio">
|
|
1616
1525
|
|
|
1617
1526
|
<template if="streamType == 'on-demand'">
|
|
1618
1527
|
|
|
1619
|
-
<template if="breakpointSm
|
|
1528
|
+
<template if="!breakpointSm">
|
|
1620
1529
|
{{>TimeRange}}
|
|
1621
1530
|
<media-control-bar>
|
|
1622
1531
|
{{>PlayButton}}
|
|
@@ -1628,7 +1537,7 @@ a {
|
|
|
1628
1537
|
</template>
|
|
1629
1538
|
|
|
1630
1539
|
<template if="breakpointSm">
|
|
1631
|
-
<template if="breakpointMd
|
|
1540
|
+
<template if="!breakpointMd">
|
|
1632
1541
|
<media-control-bar slot="top-chrome">
|
|
1633
1542
|
{{>TitleDisplay}}
|
|
1634
1543
|
</media-control-bar>
|
|
@@ -1683,9 +1592,9 @@ a {
|
|
|
1683
1592
|
|
|
1684
1593
|
<template if="streamType == 'live'">
|
|
1685
1594
|
|
|
1686
|
-
<template if="targetLiveWindow
|
|
1595
|
+
<template if="!targetLiveWindow">
|
|
1687
1596
|
|
|
1688
|
-
<template if="breakpointSm
|
|
1597
|
+
<template if="!breakpointSm">
|
|
1689
1598
|
<media-control-bar slot="top-chrome">
|
|
1690
1599
|
{{>LiveButton}}
|
|
1691
1600
|
</media-control-bar>
|
|
@@ -1699,7 +1608,7 @@ a {
|
|
|
1699
1608
|
</template>
|
|
1700
1609
|
|
|
1701
1610
|
<template if="breakpointSm">
|
|
1702
|
-
<template if="breakpointMd
|
|
1611
|
+
<template if="!breakpointMd">
|
|
1703
1612
|
<media-control-bar slot="top-chrome">
|
|
1704
1613
|
{{>LiveButton}}
|
|
1705
1614
|
{{>TitleDisplay}}
|
|
@@ -1745,7 +1654,7 @@ a {
|
|
|
1745
1654
|
|
|
1746
1655
|
<template if="targetLiveWindow > 0">
|
|
1747
1656
|
|
|
1748
|
-
<template if="breakpointSm
|
|
1657
|
+
<template if="!breakpointSm">
|
|
1749
1658
|
<media-control-bar slot="top-chrome">
|
|
1750
1659
|
{{>LiveButton}}
|
|
1751
1660
|
</media-control-bar>
|
|
@@ -1760,7 +1669,7 @@ a {
|
|
|
1760
1669
|
</template>
|
|
1761
1670
|
|
|
1762
1671
|
<template if="breakpointSm">
|
|
1763
|
-
<template if="breakpointMd
|
|
1672
|
+
<template if="!breakpointMd">
|
|
1764
1673
|
<media-control-bar slot="top-chrome">
|
|
1765
1674
|
{{>LiveButton}}
|
|
1766
1675
|
{{>TitleDisplay}}
|
|
@@ -1819,10 +1728,10 @@ a {
|
|
|
1819
1728
|
|
|
1820
1729
|
</media-controller>
|
|
1821
1730
|
</template>
|
|
1822
|
-
`;var
|
|
1731
|
+
`;var Xo=`
|
|
1823
1732
|
:host {
|
|
1824
1733
|
z-index: 100;
|
|
1825
|
-
display: flex;
|
|
1734
|
+
display: var(--media-dialog-display, flex);
|
|
1826
1735
|
justify-content: center;
|
|
1827
1736
|
align-items: center;
|
|
1828
1737
|
width: 100%;
|
|
@@ -1871,17 +1780,17 @@ a {
|
|
|
1871
1780
|
text-align: center;
|
|
1872
1781
|
line-height: 1.4;
|
|
1873
1782
|
}
|
|
1874
|
-
`,
|
|
1783
|
+
`,Jo=Q.createElement("template");Jo.innerHTML=`
|
|
1875
1784
|
<style>
|
|
1876
|
-
${
|
|
1785
|
+
${Xo}
|
|
1877
1786
|
</style>
|
|
1878
1787
|
|
|
1879
1788
|
<div class="dialog">
|
|
1880
1789
|
<slot></slot>
|
|
1881
1790
|
</div>
|
|
1882
|
-
`;var
|
|
1791
|
+
`;var Ke=class extends D.HTMLElement{constructor(){var t;super();this.attachShadow({mode:"open"}),(t=this.shadowRoot)==null||t.appendChild(this.constructor.template.content.cloneNode(!0))}show(){this.setAttribute("open",""),this.dispatchEvent(new CustomEvent("open",{composed:!0,bubbles:!0})),zo(this)}close(){!this.hasAttribute("open")||(this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0})),Ec(this))}attributeChangedCallback(t,a,r){t==="open"&&a!==r&&(r!=null?this.show():this.close())}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("open")&&zo(this)}};Ke.styles=Xo,Ke.template=Jo,Ke.observedAttributes=["open"];function zo(i){let e=new CustomEvent("initfocus",{composed:!0,bubbles:!0,cancelable:!0});if(i.dispatchEvent(e),e.defaultPrevented)return;let t=i.querySelector("[autofocus]:not([disabled])");!t&&i.tabIndex>=0&&(t=i),t||(t=jo(i.shadowRoot)),i._previouslyFocusedElement=Q.activeElement,Q.activeElement instanceof HTMLElement&&Q.activeElement.blur(),i.addEventListener("transitionend",()=>{t instanceof HTMLElement&&t.focus({preventScroll:!0})},{once:!0})}function jo(i){let t=["button","input","keygen","select","textarea"].map(function(r){return r+":not([disabled])"});t.push('[tabindex]:not([disabled]):not([tabindex=""])');let a=i==null?void 0:i.querySelector(t.join(", "));if(!a&&"attachShadow"in Element.prototype){let r=(i==null?void 0:i.querySelectorAll("*"))||[];for(let s=0;s<r.length&&!(r[s].tagName&&r[s].shadowRoot&&(a=jo(r[s].shadowRoot),a));s++);}return a}function Ec(i){i._previouslyFocusedElement instanceof HTMLElement&&i._previouslyFocusedElement.focus()}D.customElements.get("media-dialog")||(D.customElements.define("media-dialog",Ke),D.MediaDialog=Ke);var ys=Ke;var el=Q.createElement("template");el.innerHTML=`
|
|
1883
1792
|
<style>
|
|
1884
|
-
${
|
|
1793
|
+
${ys.styles}
|
|
1885
1794
|
|
|
1886
1795
|
.close {
|
|
1887
1796
|
background: none;
|
|
@@ -1910,76 +1819,80 @@ a {
|
|
|
1910
1819
|
</svg>
|
|
1911
1820
|
</button>
|
|
1912
1821
|
</slot>
|
|
1913
|
-
`;var
|
|
1822
|
+
`;var _i=class extends ys{constructor(){var e,t;super(),(t=(e=this.shadowRoot)==null?void 0:e.querySelector(".close"))==null||t.addEventListener("click",()=>{this.close()})}};_i.template=el;D.customElements.get("mxp-dialog")||(D.customElements.define("mxp-dialog",_i),D.MxpDialog=_i);var Ai=new WeakMap,yi=class{constructor(e,t){this.element=e;this.type=t;this.element.addEventListener(this.type,this);let a=Ai.get(this.element);a&&a.set(this.type,this)}set(e){if(typeof e=="function")this.handleEvent=e.bind(this.element);else if(typeof e=="object"&&typeof e.handleEvent=="function")this.handleEvent=e.handleEvent.bind(e);else{this.element.removeEventListener(this.type,this);let t=Ai.get(this.element);t&&t.delete(this.type)}}static for(e){Ai.has(e.element)||Ai.set(e.element,new Map);let t=e.attributeName.slice(2),a=Ai.get(e.element);return a&&a.has(t)?a.get(t):new yi(e.element,t)}};function fc(i,e){return i instanceof Y&&i.attributeName.startsWith("on")?(yi.for(i).set(e),i.element.removeAttributeNS(i.attributeNamespace,i.attributeName),!0):!1}function gc(i,e){return e instanceof Wa&&i instanceof Se?(e.renderInto(i),!0):!1}function _c(i,e){return e instanceof DocumentFragment&&i instanceof Se?(e.childNodes.length&&i.replace(...e.childNodes),!0):!1}function Ac(i,e){if(i instanceof Y){let t=i.attributeNamespace,a=i.element.getAttributeNS(t,i.attributeName);return String(e)!==a&&(i.value=String(e)),!0}return i.value=String(e),!0}function yc(i,e){if(i instanceof Y&&e instanceof Element){let t=i.element;return t[i.attributeName]!==e&&(i.element.removeAttributeNS(i.attributeNamespace,i.attributeName),t[i.attributeName]=e),!0}return!1}function Tc(i,e){if(typeof e=="boolean"&&i instanceof Y){let t=i.attributeNamespace,a=i.element.hasAttributeNS(t,i.attributeName);return e!==a&&(i.booleanValue=e),!0}return!1}function Ic(i,e){return e===!1&&i instanceof Se?(i.replace(""),!0):!1}function Mc(i,e){yc(i,e)||Tc(i,e)||fc(i,e)||Ic(i,e)||gc(i,e)||_c(i,e)||Ac(i,e)}var Ts=new Map,tl=new WeakMap,il=new WeakMap,Wa=class{constructor(e,t,a){this.strings=e;this.values=t;this.processor=a;this.stringsKey=this.strings.join("")}get template(){if(Ts.has(this.stringsKey))return Ts.get(this.stringsKey);{let e=Q.createElement("template"),t=this.strings.length-1;return e.innerHTML=this.strings.reduce((a,r,s)=>a+r+(s<t?`{{ ${s} }}`:""),""),Ts.set(this.stringsKey,e),e}}renderInto(e){var r;let t=this.template;if(tl.get(e)!==t){tl.set(e,t);let s=new ke(t,this.values,this.processor);il.set(e,s),e instanceof Se?e.replace(...s.children):e.appendChild(s);return}let a=il.get(e);(r=a==null?void 0:a.update)==null||r.call(a,this.values)}},kc={processCallback(i,e,t){var a;if(!!t){for(let[r,s]of e)if(r in t){let n=(a=t[r])!=null?a:"";Mc(s,n)}}}};function we(i,...e){return new Wa(i,e,kc)}function al(i,e){i.renderInto(e)}var Ti=require("@mux/playback-core"),Is=Q.createElement("template");"innerHTML"in Is&&(Is.innerHTML=Qo);var rl=i=>we`
|
|
1914
1823
|
<style>
|
|
1915
|
-
${
|
|
1824
|
+
${qo}
|
|
1916
1825
|
</style>
|
|
1917
|
-
${
|
|
1918
|
-
`,
|
|
1826
|
+
${wc(i)}
|
|
1827
|
+
`,sl=i=>[Ti.StreamTypes.LIVE,Ti.StreamTypes.LL_LIVE].includes(i.streamType),nl=i=>[Ti.StreamTypes.DVR,Ti.StreamTypes.LL_DVR].includes(i.streamType),ol=i=>sl(i)||nl(i),Sc=i=>{let e=i.hotKeys?`${i.hotKeys}`:"";return ol(i)&&(e+=" noarrowleft noarrowright"),e},wc=i=>{var e,t,a,r,s,n,d,c,u,p,g,I,_,B,P,N,C,ge,ae,_e,pt,xi,ks,Ss,ws,Cs,Ls,xs,Rs,Ds,Os,Ps;return we`
|
|
1919
1828
|
<media-theme
|
|
1920
|
-
template="${(e=i.
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
hotkeys="${Bd(i)||!1}"
|
|
1829
|
+
template="${(e=i.themeTemplate)!=null?e:Is.content.children[0]}"
|
|
1830
|
+
stream-type="${ol(i)?"live":"on-demand"}"
|
|
1831
|
+
target-live-window="${nl(i)?1:!1}"
|
|
1832
|
+
hotkeys="${Sc(i)||!1}"
|
|
1925
1833
|
nohotkeys="${i.noHotKeys||!i.hasSrc||i.isDialogOpen||!1}"
|
|
1926
1834
|
disabled="${!i.hasSrc||i.isDialogOpen}"
|
|
1927
1835
|
audio="${(t=i.audio)!=null?t:!1}"
|
|
1928
|
-
style="${(a=
|
|
1836
|
+
style="${(a=Mo({"--media-primary-color":i.primaryColor,"--media-secondary-color":i.secondaryColor}))!=null?a:!1}"
|
|
1929
1837
|
default-showing-captions="${!i.defaultHiddenCaptions}"
|
|
1930
1838
|
forward-seek-offset="${(r=i.forwardSeekOffset)!=null?r:!1}"
|
|
1931
|
-
backward-seek-offset="${(
|
|
1932
|
-
playback-rates="${(
|
|
1839
|
+
backward-seek-offset="${(s=i.backwardSeekOffset)!=null?s:!1}"
|
|
1840
|
+
playback-rates="${(n=i.playbackRates)!=null?n:!1}"
|
|
1933
1841
|
default-show-remaining-time="${(d=i.defaultShowRemainingTime)!=null?d:!1}"
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
exportparts="top, center, bottom, layer, media-layer, poster-layer, vertical-layer, centered-layer, gesture-layer, poster, seek-live, play, button, seek-backward, seek-forward, mute, captions, airplay, pip, fullscreen, cast, playback-rate, volume, range, time, display"
|
|
1842
|
+
hide-duration="${(c=i.hideDuration)!=null?c:!1}"
|
|
1843
|
+
title="${(u=i.title)!=null?u:!1}"
|
|
1844
|
+
exportparts="top, center, bottom, layer, media-layer, poster-layer, vertical-layer, centered-layer, gesture-layer, poster, live, play, button, seek-backward, seek-forward, mute, captions, airplay, pip, fullscreen, cast, playback-rate, volume, range, time, display"
|
|
1938
1845
|
>
|
|
1939
1846
|
<mux-video
|
|
1940
1847
|
slot="media"
|
|
1941
|
-
crossorigin="${(
|
|
1848
|
+
crossorigin="${(p=i.crossOrigin)!=null?p:""}"
|
|
1942
1849
|
playsinline
|
|
1943
|
-
autoplay="${(
|
|
1850
|
+
autoplay="${(g=i.autoplay)!=null?g:!1}"
|
|
1944
1851
|
muted="${(I=i.muted)!=null?I:!1}"
|
|
1945
|
-
loop="${(
|
|
1946
|
-
preload="${(
|
|
1947
|
-
debug="${(
|
|
1948
|
-
prefer-cmcd="${(
|
|
1949
|
-
disable-cookies="${(
|
|
1950
|
-
prefer-playback="${(
|
|
1852
|
+
loop="${(_=i.loop)!=null?_:!1}"
|
|
1853
|
+
preload="${(B=i.preload)!=null?B:!1}"
|
|
1854
|
+
debug="${(P=i.debug)!=null?P:!1}"
|
|
1855
|
+
prefer-cmcd="${(N=i.preferCmcd)!=null?N:!1}"
|
|
1856
|
+
disable-cookies="${(C=i.disableCookies)!=null?C:!1}"
|
|
1857
|
+
prefer-playback="${(ge=i.preferPlayback)!=null?ge:!1}"
|
|
1951
1858
|
start-time="${i.startTime!=null?i.startTime:!1}"
|
|
1952
|
-
beacon-collection-domain="${(
|
|
1953
|
-
player-software-name="${(
|
|
1954
|
-
player-software-version="${(
|
|
1955
|
-
env-key="${(
|
|
1956
|
-
stream-type="${(
|
|
1957
|
-
custom-domain="${(
|
|
1958
|
-
src="${i.src?i.src:i.playbackId?
|
|
1959
|
-
cast-src="${i.src?i.src:i.playbackId?
|
|
1960
|
-
cast-stream-type="${
|
|
1859
|
+
beacon-collection-domain="${(ae=i.beaconCollectionDomain)!=null?ae:!1}"
|
|
1860
|
+
player-software-name="${(_e=i.playerSoftwareName)!=null?_e:!1}"
|
|
1861
|
+
player-software-version="${(pt=i.playerSoftwareVersion)!=null?pt:!1}"
|
|
1862
|
+
env-key="${(xi=i.envKey)!=null?xi:!1}"
|
|
1863
|
+
stream-type="${(ks=i.streamType)!=null?ks:!1}"
|
|
1864
|
+
custom-domain="${(Ss=i.customDomain)!=null?Ss:!1}"
|
|
1865
|
+
src="${i.src?i.src:i.playbackId?hs(i.playbackId,{maxResolution:i.maxResolution,domain:i.customDomain,token:i.tokens.playback}):!1}"
|
|
1866
|
+
cast-src="${i.src?i.src:i.playbackId?hs(i.playbackId,{maxResolution:i.maxResolution,domain:i.customDomain,token:i.tokens.playback}):!1}"
|
|
1867
|
+
cast-stream-type="${sl(i)?"live":!1}"
|
|
1961
1868
|
exportparts="video"
|
|
1962
1869
|
>
|
|
1963
|
-
${i.storyboard?
|
|
1870
|
+
${i.storyboard?we`<track label="thumbnails" default kind="metadata" src="${i.storyboard}" />`:we``}
|
|
1964
1871
|
</mux-video>
|
|
1872
|
+
<media-poster-image
|
|
1873
|
+
slot="poster"
|
|
1874
|
+
part="poster"
|
|
1875
|
+
src="${i.poster===""?!1:(ws=i.poster)!=null?ws:!1}"
|
|
1876
|
+
placeholder-src="${(Cs=i.placeholder)!=null?Cs:!1}"
|
|
1877
|
+
></media-poster-image>
|
|
1965
1878
|
<mxp-dialog
|
|
1966
1879
|
no-auto-hide
|
|
1967
|
-
open="${(
|
|
1880
|
+
open="${(Ls=i.isDialogOpen)!=null?Ls:!1}"
|
|
1968
1881
|
onclose="${i.onCloseErrorDialog}"
|
|
1969
1882
|
oninitfocus="${i.onInitFocusDialog}"
|
|
1970
1883
|
>
|
|
1971
|
-
${(
|
|
1884
|
+
${(xs=i.dialog)!=null&&xs.title?we`<h3>${i.dialog.title}</h3>`:we``}
|
|
1972
1885
|
<p>
|
|
1973
|
-
${(
|
|
1974
|
-
${(
|
|
1886
|
+
${(Rs=i.dialog)==null?void 0:Rs.message}
|
|
1887
|
+
${(Ds=i.dialog)!=null&&Ds.linkUrl?we`<a
|
|
1975
1888
|
href="${i.dialog.linkUrl}"
|
|
1976
1889
|
target="_blank"
|
|
1977
1890
|
rel="external noopener"
|
|
1978
|
-
aria-label="${(
|
|
1979
|
-
>${(
|
|
1980
|
-
>`:
|
|
1891
|
+
aria-label="${(Os=i.dialog.linkText)!=null?Os:""} ${A("(opens in a new window)")}"
|
|
1892
|
+
>${(Ps=i.dialog.linkText)!=null?Ps:i.dialog.linkUrl}</a
|
|
1893
|
+
>`:we``}
|
|
1981
1894
|
</p>
|
|
1982
1895
|
</mxp-dialog>
|
|
1983
1896
|
</media-theme>
|
|
1984
|
-
`};var bi=require("@mux/mux-video");function Aa(i,e,t,a,r){var d,c,m;let n={},s={};switch(i.code){case bi.MediaError.MEDIA_ERR_NETWORK:{switch(n.title=_("Network Error",r),n.message=i.message,(d=i.data)==null?void 0:d.response.code){case 412:{n.title=_("Video is not currently available",r),n.message=_("The live stream or video file are not yet ready.",r),s.message=_("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",r),s.file="412-not-playable.md";break}case 404:{n.title=_("Video does not exist",r),n.message="",s.message=_("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",r),s.file="404-not-found.md";break}case 403:{if(n.title=_("Invalid playback URL",r),n.message=_("The video URL or playback-token are formatted with incorrect or incomplete information.",r),s.message=_("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",r),s.file="missing-signed-tokens.md",!a)break;let{exp:b,aud:y,sub:v}=Re(a),I=Date.now()>b*1e3,B=v!==t,R=y!=="v",M={timeStyle:"medium",dateStyle:"medium"};if(I){n.title=_("Video URL has expired",r),n.message=_("The video\u2019s secured playback-token has expired.",r),s.message=_("This playback is using signed URLs and the playback-token has expired. Expired at: {expiredDate}. Current time: {currentDate}.",r).format({expiredDate:new Intl.DateTimeFormat(Xe.code,M).format(b*1e3),currentDate:new Intl.DateTimeFormat(Xe.code,M).format(Date.now())}),s.file="403-expired-token.md";break}if(B){n.title=_("Video URL is formatted incorrectly",r),n.message=_("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),s.message=_("The specified playback ID {playbackId} and the playback ID encoded in the playback-token {tokenPlaybackId} do not match.",r).format({playbackId:t,tokenPlaybackId:v}),s.file="403-playback-id-mismatch.md";break}if(R){n.title=_("Video URL is formatted incorrectly",r),n.message=_("The playback-token is formatted with incorrect information.",r),s.message=_("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",r).format({tokenType:y}),s.file="403-incorrect-aud-value.md";break}s.message=_("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",r),s.file="403-malformatted-token.md";break}}break}case bi.MediaError.MEDIA_ERR_DECODE:{let{message:b}=i;n={title:_("Media Error",r),message:b},s.file="media-decode-error.md";break}case bi.MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:{let b=(m=(c=i.data)==null?void 0:c.response)==null?void 0:m.code;if(b>=400&&b<500){i.code=bi.MediaError.MEDIA_ERR_NETWORK,i.data={response:{code:b}},{dialog:n,devlog:s}=Aa(i,e,t,a);break}n={title:_("Source Not Supported",r),message:i.message},s.file="media-src-not-supported.md";break}default:n={title:_("Error",r),message:i.message};break}return e&&(n={title:_("Your device appears to be offline",r),message:_("Check your internet connection and try reloading this video.",r)}),{dialog:n,devlog:s}}var $d=Object.values(x.StreamTypes),Ae={SRC:"src",POSTER:"poster"},E={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",FORWARD_SEEK_OFFSET:"forward-seek-offset",BACKWARD_SEEK_OFFSET:"backward-seek-offset",PLAYBACK_TOKEN:"playback-token",THUMBNAIL_TOKEN:"thumbnail-token",STORYBOARD_TOKEN:"storyboard-token",STORYBOARD_SRC:"storyboard-src",THUMBNAIL_TIME:"thumbnail-time",AUDIO:"audio",NOHOTKEYS:"nohotkeys",HOTKEYS:"hotkeys",PLAYBACK_RATES:"playbackrates",DEFAULT_SHOW_REMAINING_TIME:"default-show-remaining-time",TITLE:"title",PLACEHOLDER:"placeholder"};function Wd(i,e){var a;return{src:!i.playbackId&&i.src,playbackId:i.playbackId,hasSrc:!!i.playbackId||!!i.src,poster:i.poster,storyboard:i.storyboard,storyboardSrc:i.getAttribute(E.STORYBOARD_SRC),placeholder:i.getAttribute("placeholder"),theme:i.getAttribute("theme"),thumbnailTime:!i.tokens.thumbnail&&i.thumbnailTime,autoplay:i.autoplay,crossOrigin:i.crossOrigin,loop:i.loop,noHotKeys:i.hasAttribute(E.NOHOTKEYS),hotKeys:i.getAttribute(E.HOTKEYS),muted:i.muted,paused:i.paused,preload:i.preload,envKey:i.envKey,preferCmcd:i.preferCmcd,debug:i.debug,disableCookies:i.disableCookies,tokens:i.tokens,beaconCollectionDomain:i.beaconCollectionDomain,maxResolution:i.maxResolution,metadata:i.metadata,playerSoftwareName:i.playerSoftwareName,playerSoftwareVersion:i.playerSoftwareVersion,startTime:i.startTime,preferPlayback:i.preferPlayback,audio:i.audio,streamType:i.streamType,primaryColor:i.primaryColor,secondaryColor:i.secondaryColor,forwardSeekOffset:i.forwardSeekOffset,backwardSeekOffset:i.backwardSeekOffset,defaultHiddenCaptions:i.defaultHiddenCaptions,defaultShowRemainingTime:i.defaultShowRemainingTime,playbackRates:i.getAttribute(E.PLAYBACK_RATES),customDomain:(a=i.getAttribute(f.Attributes.CUSTOM_DOMAIN))!=null?a:void 0,title:i.getAttribute(E.TITLE),...e}}var Vd=Object.values(f.Attributes),Fd=Object.values(Ae),Kd=Object.values(E),Yd=da(),Gd="mux-player",xo={dialog:void 0,isDialogOpen:!1},He,gi,_e,Ai,nt,st,Ei,_a,Ro,_i,rn,ot,fi,ya,Do,Ia,Oo,Ta,Po,vi=class extends Qr{constructor(){super();L(this,st);L(this,_a);L(this,_i);L(this,ot);L(this,ya);L(this,Ia);L(this,Ta);L(this,He,!1);L(this,gi,{});L(this,_e,!0);L(this,Ai,new la(this,"hotkeys"));L(this,nt,{...xo,onCloseErrorDialog:()=>P(this,_i,rn).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:t=>{Yr(this,F.activeElement)||t.preventDefault()}});this.attachShadow({mode:"open"}),P(this,_a,Ro).call(this),this.isConnected&&P(this,st,Ei).call(this)}static get observedAttributes(){var t;return[...(t=Qr.observedAttributes)!=null?t:[],...Fd,...Vd,...Kd]}get theme(){var t;return(t=this.shadowRoot)==null?void 0:t.querySelector("media-theme")}get mediaController(){var t,a;return(a=(t=this.theme)==null?void 0:t.shadowRoot)==null?void 0:a.querySelector("media-controller")}get metadataFromAttrs(){return this.getAttributeNames().filter(t=>t.startsWith("metadata-")).reduce((t,a)=>{let r=this.getAttribute(a);return r!==null&&(t[a.replace(/^metadata-/,"").replace(/-/g,"_")]=r),t},{})}connectedCallback(){var a;let t=(a=this.shadowRoot)==null?void 0:a.querySelector("mux-video");t&&(t.metadata=this.metadataFromAttrs)}attributeChangedCallback(t,a,r){switch(A(this,He)||P(this,st,Ei).call(this),super.attributeChangedCallback(t,a,r),t){case E.HOTKEYS:A(this,Ai).value=r;break;case E.THUMBNAIL_TIME:{r!=null&&this.tokens.thumbnail&&De(_("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case E.THUMBNAIL_TOKEN:{let{aud:s}=Re(r);r&&s!=="t"&&De(_("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:s}));break}case E.STORYBOARD_TOKEN:{let{aud:s}=Re(r);r&&s!=="s"&&De(_("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:s}));break}case f.Attributes.PLAYBACK_ID:{r!=null&&r.includes("?token")&&re(_("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:r})),this.streamType?this.streamType!=null&&!$d.includes(this.streamType)&&ca({file:"invalid-stream-type.md",message:_("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand`, `live`, `ll-live`, `live:dvr`, or `ll-live:dvr`").format({streamType:this.streamType})}):ca({file:"invalid-stream-type.md",message:String(_("No stream-type value supplied. Defaulting to `on-demand`. Please provide stream-type as either: `on-demand`, `live`, `ll-live`, `live:dvr`, or `ll-live:dvr`"))});break}}[f.Attributes.PLAYBACK_ID,Ae.SRC,E.PLAYBACK_TOKEN].includes(t)&&a!==r&&G(this,nt,{...A(this,nt),...xo}),P(this,ot,fi).call(this,{[zs(t)]:r})}get preferCmcd(){var t;return(t=this.getAttribute(f.Attributes.PREFER_CMCD))!=null?t:void 0}set preferCmcd(t){t!==this.preferCmcd&&(t?x.CmcdTypeValues.includes(t)?this.setAttribute(f.Attributes.PREFER_CMCD,t):De(`Invalid value for preferCmcd. Must be one of ${x.CmcdTypeValues.join()}`):this.removeAttribute(f.Attributes.PREFER_CMCD))}get hasPlayed(){var t,a;return(a=(t=this.mediaController)==null?void 0:t.hasAttribute("media-has-played"))!=null?a:!1}get inLiveWindow(){var t;return(t=this.mediaController)==null?void 0:t.hasAttribute("media-time-is-live")}get _hls(){var t;return(t=this.media)==null?void 0:t._hls}get mux(){var t;return(t=this.media)==null?void 0:t.mux}get playbackId(){var t;return(t=this.getAttribute(f.Attributes.PLAYBACK_ID))!=null?t:void 0}set playbackId(t){t?this.setAttribute(f.Attributes.PLAYBACK_ID,t):this.removeAttribute(f.Attributes.PLAYBACK_ID)}get src(){var t,a;return this.playbackId?(t=Be(this,Ae.SRC))!=null?t:void 0:(a=this.getAttribute(Ae.SRC))!=null?a:void 0}set src(t){t?this.setAttribute(Ae.SRC,t):this.removeAttribute(Ae.SRC)}get poster(){var a;let t=this.getAttribute(Ae.POSTER);if(t!=null)return t;if(this.playbackId&&!this.audio)return qs(this.playbackId,{domain:this.customDomain,thumbnailTime:(a=this.thumbnailTime)!=null?a:this.startTime,token:this.tokens.thumbnail})}set poster(t){t||t===""?this.setAttribute(Ae.POSTER,t):this.removeAttribute(Ae.POSTER)}get storyboardSrc(){var t;return(t=this.getAttribute(E.STORYBOARD_SRC))!=null?t:void 0}set storyboardSrc(t){t?this.setAttribute(E.STORYBOARD_SRC,t):this.removeAttribute(E.STORYBOARD_SRC)}get storyboard(){if(!this.audio&&(!this.streamType||![x.StreamTypes.LIVE,x.StreamTypes.LL_LIVE,x.StreamTypes.DVR,x.StreamTypes.LL_DVR].includes(this.streamType))){if(this.storyboardSrc&&!this.tokens.storyboard)return this.storyboardSrc;if(this.playbackId)return Qs(this.playbackId,{domain:this.customDomain,token:this.tokens.storyboard})}}get audio(){return this.hasAttribute(E.AUDIO)}set audio(t){if(!t){this.removeAttribute(E.AUDIO);return}this.setAttribute(E.AUDIO,"")}get hotkeys(){return A(this,Ai)}get nohotkeys(){return this.hasAttribute(E.NOHOTKEYS)}set nohotkeys(t){if(!t){this.removeAttribute(E.NOHOTKEYS);return}this.setAttribute(E.NOHOTKEYS,"")}get thumbnailTime(){return be(this.getAttribute(E.THUMBNAIL_TIME))}set thumbnailTime(t){this.setAttribute(E.THUMBNAIL_TIME,`${t}`)}get title(){var t;return(t=this.getAttribute(E.TITLE))!=null?t:""}set title(t){t!==this.title&&(t?this.setAttribute(E.TITLE,t):this.removeAttribute("title"),super.title=t)}get placeholder(){var t;return(t=Be(this,E.PLACEHOLDER))!=null?t:""}set placeholder(t){this.setAttribute(E.PLACEHOLDER,`${t}`)}get primaryColor(){var t;return(t=this.getAttribute(E.PRIMARY_COLOR))!=null?t:void 0}set primaryColor(t){this.setAttribute(E.PRIMARY_COLOR,`${t}`)}get secondaryColor(){var t;return(t=this.getAttribute(E.SECONDARY_COLOR))!=null?t:"rgb(0 0 0 / .75)"}set secondaryColor(t){this.setAttribute(E.SECONDARY_COLOR,`${t}`)}get defaultShowRemainingTime(){return this.hasAttribute(E.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(t){t?this.setAttribute(E.DEFAULT_SHOW_REMAINING_TIME,""):this.removeAttribute(E.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(!!this.hasAttribute(E.PLAYBACK_RATES))return this.getAttribute(E.PLAYBACK_RATES).trim().split(/\s*,?\s+/).map(t=>Number(t)).filter(t=>!Number.isNaN(t)).sort((t,a)=>t-a)}set playbackRates(t){if(!t){this.removeAttribute(E.PLAYBACK_RATES);return}this.setAttribute(E.PLAYBACK_RATES,t.join(" "))}get forwardSeekOffset(){var t;return(t=be(this.getAttribute(E.FORWARD_SEEK_OFFSET)))!=null?t:10}set forwardSeekOffset(t){this.setAttribute(E.FORWARD_SEEK_OFFSET,`${t}`)}get backwardSeekOffset(){var t;return(t=be(this.getAttribute(E.BACKWARD_SEEK_OFFSET)))!=null?t:10}set backwardSeekOffset(t){this.setAttribute(E.BACKWARD_SEEK_OFFSET,`${t}`)}get defaultHiddenCaptions(){return this.hasAttribute(E.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(t){t?this.setAttribute(E.DEFAULT_HIDDEN_CAPTIONS,""):this.removeAttribute(E.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var t;return(t=this.getAttribute(f.Attributes.PLAYER_SOFTWARE_NAME))!=null?t:Gd}get playerSoftwareVersion(){var t;return(t=this.getAttribute(f.Attributes.PLAYER_SOFTWARE_VERSION))!=null?t:Yd}get beaconCollectionDomain(){var t;return(t=this.getAttribute(f.Attributes.BEACON_COLLECTION_DOMAIN))!=null?t:void 0}set beaconCollectionDomain(t){t!==this.beaconCollectionDomain&&(t?this.setAttribute(f.Attributes.BEACON_COLLECTION_DOMAIN,t):this.removeAttribute(f.Attributes.BEACON_COLLECTION_DOMAIN))}get maxResolution(){var t;return(t=this.getAttribute(f.Attributes.MAX_RESOLUTION))!=null?t:void 0}set maxResolution(t){t!==this.maxResolution&&(t?this.setAttribute(f.Attributes.MAX_RESOLUTION,t):this.removeAttribute(f.Attributes.MAX_RESOLUTION))}get customDomain(){var t;return(t=this.getAttribute(f.Attributes.CUSTOM_DOMAIN))!=null?t:void 0}set customDomain(t){t!==this.customDomain&&(t?this.setAttribute(f.Attributes.CUSTOM_DOMAIN,t):this.removeAttribute(f.Attributes.CUSTOM_DOMAIN))}get envKey(){var t;return(t=Be(this,f.Attributes.ENV_KEY))!=null?t:void 0}set envKey(t){this.setAttribute(f.Attributes.ENV_KEY,`${t}`)}get debug(){return Be(this,f.Attributes.DEBUG)!=null}set debug(t){t?this.setAttribute(f.Attributes.DEBUG,""):this.removeAttribute(f.Attributes.DEBUG)}get disableCookies(){return Be(this,f.Attributes.DISABLE_COOKIES)!=null}set disableCookies(t){t?this.setAttribute(f.Attributes.DISABLE_COOKIES,""):this.removeAttribute(f.Attributes.DISABLE_COOKIES)}get streamType(){return Be(this,f.Attributes.STREAM_TYPE)}set streamType(t){this.setAttribute(f.Attributes.STREAM_TYPE,`${t}`)}get startTime(){return be(Be(this,f.Attributes.START_TIME))}set startTime(t){this.setAttribute(f.Attributes.START_TIME,`${t}`)}get preferPlayback(){let t=this.getAttribute(f.Attributes.PREFER_PLAYBACK);if(t===x.PlaybackTypes.MSE||t===x.PlaybackTypes.NATIVE)return t}set preferPlayback(t){t!==this.preferPlayback&&(t===x.PlaybackTypes.MSE||t===x.PlaybackTypes.NATIVE?this.setAttribute(f.Attributes.PREFER_PLAYBACK,t):this.removeAttribute(f.Attributes.PREFER_PLAYBACK))}get metadata(){var t;return(t=this.media)==null?void 0:t.metadata}set metadata(t){if(A(this,He)||P(this,st,Ei).call(this),!this.media){re("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata={...this.metadataFromAttrs,...t}}async addCuePoints(t){var a;if(A(this,He)||P(this,st,Ei).call(this),!this.media){re("underlying media element missing when trying to addCuePoints. cuePoints will not be added.");return}return(a=this.media)==null?void 0:a.addCuePoints(t)}get activeCuePoint(){var t;return(t=this.media)==null?void 0:t.activeCuePoint}get cuePoints(){var t,a;return(a=(t=this.media)==null?void 0:t.cuePoints)!=null?a:[]}get tokens(){let t=this.getAttribute(E.PLAYBACK_TOKEN),a=this.getAttribute(E.THUMBNAIL_TOKEN),r=this.getAttribute(E.STORYBOARD_TOKEN);return{...A(this,gi),...t!=null?{playback:t}:{},...a!=null?{thumbnail:a}:{},...r!=null?{storyboard:r}:{}}}set tokens(t){G(this,gi,t!=null?t:{})}get playbackToken(){var t;return(t=this.getAttribute(E.PLAYBACK_TOKEN))!=null?t:void 0}set playbackToken(t){this.setAttribute(E.PLAYBACK_TOKEN,`${t}`)}get thumbnailToken(){var t;return(t=this.getAttribute(E.THUMBNAIL_TOKEN))!=null?t:void 0}set thumbnailToken(t){this.setAttribute(E.THUMBNAIL_TOKEN,`${t}`)}get storyboardToken(){var t;return(t=this.getAttribute(E.STORYBOARD_TOKEN))!=null?t:void 0}set storyboardToken(t){this.setAttribute(E.STORYBOARD_TOKEN,`${t}`)}addTextTrack(t,a,r,n){var d;let s=(d=this.media)==null?void 0:d.nativeEl;if(!!s)return(0,x.addTextTrack)(s,t,a,r,n)}removeTextTrack(t){var r;let a=(r=this.media)==null?void 0:r.nativeEl;if(!!a)return(0,x.removeTextTrack)(a,t)}get textTracks(){var t;return(t=this.media)==null?void 0:t.textTracks}};He=new WeakMap,gi=new WeakMap,_e=new WeakMap,Ai=new WeakMap,nt=new WeakMap,st=new WeakSet,Ei=function(){var t,a;if(!A(this,He)){G(this,He,!0),P(this,ot,fi).call(this);try{if(customElements.upgrade(this.theme),!(this.theme instanceof D.HTMLElement))throw""}catch{re("<media-theme> failed to upgrade!")}try{if(customElements.upgrade(this.media),!(this.media instanceof f.default))throw""}catch{re("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof Gt))throw""}catch{re("<media-controller> failed to upgrade!")}to(this),P(this,ya,Do).call(this),P(this,Ia,Oo).call(this),G(this,_e,(a=(t=this.mediaController)==null?void 0:t.hasAttribute("user-inactive"))!=null?a:!0),P(this,Ta,Po).call(this)}},_a=new WeakSet,Ro=function(){var t,a;try{(t=window==null?void 0:window.CSS)==null||t.registerProperty({name:"--primary-color",syntax:"<color>",inherits:!0,initialValue:"white"}),(a=window==null?void 0:window.CSS)==null||a.registerProperty({name:"--secondary-color",syntax:"<color>",inherits:!0,initialValue:"transparent"})}catch{}},_i=new WeakSet,rn=function(t){Object.assign(A(this,nt),t),P(this,ot,fi).call(this)},ot=new WeakSet,fi=function(t={}){ko(So(Wd(this,{...A(this,nt),...t})),this.shadowRoot)},ya=new WeakSet,Do=function(){var a;let t=r=>{let{detail:n}=r;if(n instanceof f.MediaError||(n=new f.MediaError(n.message,n.code,n.fatal)),!(n!=null&&n.fatal)){De(n),n.data&&De(`${n.name} data:`,n.data);return}let{dialog:s,devlog:d}=Aa(n,!window.navigator.onLine,this.playbackId,this.playbackToken);d.message&&ca(d),re(n),n.data&&re(`${n.name} data:`,n.data),P(this,_i,rn).call(this,{isDialogOpen:!0,dialog:s})};this.addEventListener("error",t),this.media&&(this.media.errorTranslator=(r={})=>{var s,d,c;if(!((s=this.media)!=null&&s.error))return r;let{devlog:n}=Aa((d=this.media)==null?void 0:d.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(c=this.media)==null?void 0:c.error.code,player_error_message:n.message?String(n.message):r.player_error_message}}),(a=this.media)==null||a.addEventListener("error",r=>{var s,d;let{detail:n}=r;if(!n){let{message:c,code:m}=(d=(s=this.media)==null?void 0:s.error)!=null?d:{};n=new f.MediaError(c,m)}!(n!=null&&n.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:n}))})},Ia=new WeakSet,Oo=function(){var a,r,n,s;let t=()=>P(this,ot,fi).call(this);(r=(a=this.media)==null?void 0:a.textTracks)==null||r.addEventListener("addtrack",t),(s=(n=this.media)==null?void 0:n.textTracks)==null||s.addEventListener("removetrack",t)},Ta=new WeakSet,Po=function(){var b,y,v;let t=this.mediaController,a=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(a)return;let r,n=new WeakMap,s=()=>this.streamType&&[x.StreamTypes.LIVE,x.StreamTypes.LL_LIVE].includes(this.streamType)&&!this.secondaryColor&&this.offsetWidth>=800,d=(I,B,R=!1)=>{if(s())return;Array.from(I&&I.activeCues||[]).forEach(k=>{if(!(!k.snapToLines||k.line<-5||k.line>=0&&k.line<10))if(!B||this.paused){let j=k.text.split(`
|
|
1985
|
-
`).length,
|
|
1897
|
+
`};var Ii=require("@mux/mux-video");function Va(i,e,t,a,r){var d,c,u;let s={},n={};switch(i.code){case Ii.MediaError.MEDIA_ERR_NETWORK:{switch(s.title=A("Network Error",r),s.message=i.message,(d=i.data)==null?void 0:d.response.code){case 412:{s.title=A("Video is not currently available",r),s.message=A("The live stream or video file are not yet ready.",r),n.message=A("This playback-id may belong to a live stream that is not currently active or an asset that is not ready.",r),n.file="412-not-playable.md";break}case 404:{s.title=A("Video does not exist",r),s.message="",n.message=A("This playback-id does not exist. You may have used an Asset ID or an ID from a different resource.",r),n.file="404-not-found.md";break}case 403:{if(s.title=A("Invalid playback URL",r),s.message=A("The video URL or playback-token are formatted with incorrect or incomplete information.",r),n.message=A("403 error trying to access this playback URL. If this is a signed URL, you might need to provide a playback-token.",r),n.file="missing-signed-tokens.md",!a)break;let{exp:p,aud:g,sub:I}=$e(a),_=Date.now()>p*1e3,B=I!==t,P=g!=="v",N={timeStyle:"medium",dateStyle:"medium"};if(_){s.title=A("Video URL has expired",r),s.message=A("The video\u2019s secured playback-token has expired.",r),n.message=A("The video\u2019s secured playback-token has expired.",r),n.context=A("Expired at: {expiredDate}. Current time: {currentDate}.",r).format({expiredDate:new Intl.DateTimeFormat(at.code,N).format(p*1e3),currentDate:new Intl.DateTimeFormat(at.code,N).format(Date.now())}),n.file="403-expired-token.md";break}if(B){s.title=A("Video URL is formatted incorrectly",r),s.message=A("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),n.message=A("The video\u2019s playback ID does not match the one encoded in the playback-token.",r),n.context=A("Specified playback ID: {playbackId} and the playback ID encoded in the playback-token: {tokenPlaybackId}",r).format({playbackId:t,tokenPlaybackId:I}),n.file="403-playback-id-mismatch.md";break}if(P){s.title=A("Video URL is formatted incorrectly",r),s.message=A("The playback-token is formatted with incorrect information.",r),n.message=A("The playback-token is formatted with incorrect information.",r),n.context=A("The playback-token has an incorrect aud value: {tokenType}. aud value should be v.",r).format({tokenType:g}),n.file="403-incorrect-aud-value.md";break}n.message=A("403 error trying to access this playback URL. If this is a signed playback ID, the token might not have been generated correctly.",r),n.file="403-malformatted-token.md";break}}break}case Ii.MediaError.MEDIA_ERR_DECODE:{let{message:p}=i;s={title:A("Media Error",r),message:p},n.file="media-decode-error.md";break}case Ii.MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:{let p=(u=(c=i.data)==null?void 0:c.response)==null?void 0:u.code;if(p>=400&&p<500){i.code=Ii.MediaError.MEDIA_ERR_NETWORK,i.data={response:{code:p}},{dialog:s,devlog:n}=Va(i,e,t,a);break}s={title:A("Source Not Supported",r),message:i.message},n.file="media-src-not-supported.md";break}default:s={title:A("Error",r),message:i.message};break}return e&&(s={title:A("Your device appears to be offline",r),message:A("Check your internet connection and try reloading this video.",r)}),{dialog:s,devlog:n}}var Cc=Object.values(w.StreamTypes),Ce={SRC:"src",POSTER:"poster"},b={STYLE:"style",DEFAULT_HIDDEN_CAPTIONS:"default-hidden-captions",PRIMARY_COLOR:"primary-color",SECONDARY_COLOR:"secondary-color",FORWARD_SEEK_OFFSET:"forward-seek-offset",BACKWARD_SEEK_OFFSET:"backward-seek-offset",PLAYBACK_TOKEN:"playback-token",THUMBNAIL_TOKEN:"thumbnail-token",STORYBOARD_TOKEN:"storyboard-token",STORYBOARD_SRC:"storyboard-src",THUMBNAIL_TIME:"thumbnail-time",AUDIO:"audio",NOHOTKEYS:"nohotkeys",HOTKEYS:"hotkeys",PLAYBACK_RATES:"playbackrates",DEFAULT_SHOW_REMAINING_TIME:"default-show-remaining-time",TITLE:"title",PLACEHOLDER:"placeholder",THEME:"theme"};function Lc(i,e){var a;return{src:!i.playbackId&&i.src,playbackId:i.playbackId,hasSrc:!!i.playbackId||!!i.src,poster:i.poster,storyboard:i.storyboard,storyboardSrc:i.getAttribute(b.STORYBOARD_SRC),placeholder:i.getAttribute("placeholder"),themeTemplate:xc(i),thumbnailTime:!i.tokens.thumbnail&&i.thumbnailTime,autoplay:i.autoplay,crossOrigin:i.crossOrigin,loop:i.loop,noHotKeys:i.hasAttribute(b.NOHOTKEYS),hotKeys:i.getAttribute(b.HOTKEYS),muted:i.muted,paused:i.paused,preload:i.preload,envKey:i.envKey,preferCmcd:i.preferCmcd,debug:i.debug,disableCookies:i.disableCookies,tokens:i.tokens,beaconCollectionDomain:i.beaconCollectionDomain,maxResolution:i.maxResolution,metadata:i.metadata,playerSoftwareName:i.playerSoftwareName,playerSoftwareVersion:i.playerSoftwareVersion,startTime:i.startTime,preferPlayback:i.preferPlayback,audio:i.audio,streamType:i.streamType,primaryColor:i.primaryColor,secondaryColor:i.secondaryColor,forwardSeekOffset:i.forwardSeekOffset,backwardSeekOffset:i.backwardSeekOffset,defaultHiddenCaptions:i.defaultHiddenCaptions,defaultShowRemainingTime:i.defaultShowRemainingTime,hideDuration:Rc(i),playbackRates:i.getAttribute(b.PLAYBACK_RATES),customDomain:(a=i.getAttribute(E.Attributes.CUSTOM_DOMAIN))!=null?a:void 0,title:i.getAttribute(b.TITLE),...e}}function xc(i){var t,a;let e=i.getAttribute(b.THEME);if(e){let r=(a=(t=i.getRootNode())==null?void 0:t.getElementById)==null?void 0:a.call(t,e);if(r)return r;e.startsWith("media-theme-")||(e=`media-theme-${e}`);let s=D.customElements.get(e);if(s!=null&&s.template)return s.template}}function Rc(i){var t;let e=(t=i.mediaController)==null?void 0:t.querySelector("media-time-display");return e&&getComputedStyle(e).getPropertyValue("--media-duration-display-display").trim()==="none"}var Dc=Object.values(E.Attributes),Oc=Object.values(Ce),Pc=Object.values(b),Nc=xa(),Uc="mux-player",ll={dialog:void 0,isDialogOpen:!1},Ye,wi,Le,Ci,ut,mt,Mi,Fa,dl,Li,Ms,ht,ki,Ka,cl,Ga,ul,Ya,ml,Si=class extends bs{constructor(){super();R(this,mt);R(this,Fa);R(this,Li);R(this,ht);R(this,Ka);R(this,Ga);R(this,Ya);R(this,Ye,!1);R(this,wi,{});R(this,Le,!0);R(this,Ci,new La(this,"hotkeys"));R(this,ut,{...ll,onCloseErrorDialog:()=>F(this,Li,Ms).call(this,{dialog:void 0,isDialogOpen:!1}),onInitFocusDialog:t=>{us(this,Q.activeElement)||t.preventDefault()}});this.attachShadow({mode:"open"}),F(this,Fa,dl).call(this),this.isConnected&&F(this,mt,Mi).call(this)}static get observedAttributes(){var t;return[...(t=bs.observedAttributes)!=null?t:[],...Oc,...Dc,...Pc]}get mediaTheme(){var t;return(t=this.shadowRoot)==null?void 0:t.querySelector("media-theme")}get mediaController(){var t,a;return(a=(t=this.mediaTheme)==null?void 0:t.shadowRoot)==null?void 0:a.querySelector("media-controller")}get metadataFromAttrs(){return this.getAttributeNames().filter(t=>t.startsWith("metadata-")).reduce((t,a)=>{let r=this.getAttribute(a);return r!==null&&(t[a.replace(/^metadata-/,"").replace(/-/g,"_")]=r),t},{})}connectedCallback(){var a;let t=(a=this.shadowRoot)==null?void 0:a.querySelector("mux-video");t&&(t.metadata=this.metadataFromAttrs)}attributeChangedCallback(t,a,r){switch(T(this,Ye)||F(this,mt,Mi).call(this),super.attributeChangedCallback(t,a,r),t){case b.HOTKEYS:T(this,Ci).value=r;break;case b.THUMBNAIL_TIME:{r!=null&&this.tokens.thumbnail&&He(A("Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.").format({}));break}case b.THUMBNAIL_TOKEN:{let{aud:n}=$e(r);r&&n!=="t"&&He(A("The provided thumbnail-token should have audience value 't' instead of '{aud}'.").format({aud:n}));break}case b.STORYBOARD_TOKEN:{let{aud:n}=$e(r);r&&n!=="s"&&He(A("The provided storyboard-token should have audience value 's' instead of '{aud}'.").format({aud:n}));break}case E.Attributes.PLAYBACK_ID:{r!=null&&r.includes("?token")&&de(A("The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.").format({playbackId:r})),this.streamType?this.streamType!=null&&!Cc.includes(this.streamType)&&Ra({file:"invalid-stream-type.md",message:A("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand`, `live`, `ll-live`, `live:dvr`, or `ll-live:dvr`").format({streamType:this.streamType})}):Ra({file:"invalid-stream-type.md",message:String(A("No stream-type value supplied. Defaulting to `on-demand`. Please provide stream-type as either: `on-demand`, `live`, `ll-live`, `live:dvr`, or `ll-live:dvr`"))});break}}[E.Attributes.PLAYBACK_ID,Ce.SRC,b.PLAYBACK_TOKEN].includes(t)&&a!==r&&j(this,ut,{...T(this,ut),...ll}),F(this,ht,ki).call(this,{[Co(t)]:r})}get preferCmcd(){var t;return(t=this.getAttribute(E.Attributes.PREFER_CMCD))!=null?t:void 0}set preferCmcd(t){t!==this.preferCmcd&&(t?w.CmcdTypeValues.includes(t)?this.setAttribute(E.Attributes.PREFER_CMCD,t):He(`Invalid value for preferCmcd. Must be one of ${w.CmcdTypeValues.join()}`):this.removeAttribute(E.Attributes.PREFER_CMCD))}get hasPlayed(){var t,a;return(a=(t=this.mediaController)==null?void 0:t.hasAttribute("media-has-played"))!=null?a:!1}get inLiveWindow(){var t;return(t=this.mediaController)==null?void 0:t.hasAttribute("media-time-is-live")}get _hls(){var t;return(t=this.media)==null?void 0:t._hls}get mux(){var t;return(t=this.media)==null?void 0:t.mux}get theme(){var t;return(t=this.getAttribute(b.THEME))!=null?t:""}set theme(t){this.setAttribute(b.THEME,`${t}`)}get playbackId(){var t;return(t=this.getAttribute(E.Attributes.PLAYBACK_ID))!=null?t:void 0}set playbackId(t){t?this.setAttribute(E.Attributes.PLAYBACK_ID,t):this.removeAttribute(E.Attributes.PLAYBACK_ID)}get src(){var t,a;return this.playbackId?(t=Ge(this,Ce.SRC))!=null?t:void 0:(a=this.getAttribute(Ce.SRC))!=null?a:void 0}set src(t){t?this.setAttribute(Ce.SRC,t):this.removeAttribute(Ce.SRC)}get poster(){var a;let t=this.getAttribute(Ce.POSTER);if(t!=null)return t;if(this.playbackId&&!this.audio)return So(this.playbackId,{domain:this.customDomain,thumbnailTime:(a=this.thumbnailTime)!=null?a:this.startTime,token:this.tokens.thumbnail})}set poster(t){t||t===""?this.setAttribute(Ce.POSTER,t):this.removeAttribute(Ce.POSTER)}get storyboardSrc(){var t;return(t=this.getAttribute(b.STORYBOARD_SRC))!=null?t:void 0}set storyboardSrc(t){t?this.setAttribute(b.STORYBOARD_SRC,t):this.removeAttribute(b.STORYBOARD_SRC)}get storyboard(){if(!this.audio&&(!this.streamType||![w.StreamTypes.LIVE,w.StreamTypes.LL_LIVE,w.StreamTypes.DVR,w.StreamTypes.LL_DVR].includes(this.streamType))){if(this.storyboardSrc&&!this.tokens.storyboard)return this.storyboardSrc;if(this.playbackId)return wo(this.playbackId,{domain:this.customDomain,token:this.tokens.storyboard})}}get audio(){return this.hasAttribute(b.AUDIO)}set audio(t){if(!t){this.removeAttribute(b.AUDIO);return}this.setAttribute(b.AUDIO,"")}get hotkeys(){return T(this,Ci)}get nohotkeys(){return this.hasAttribute(b.NOHOTKEYS)}set nohotkeys(t){if(!t){this.removeAttribute(b.NOHOTKEYS);return}this.setAttribute(b.NOHOTKEYS,"")}get thumbnailTime(){return Ie(this.getAttribute(b.THUMBNAIL_TIME))}set thumbnailTime(t){this.setAttribute(b.THUMBNAIL_TIME,`${t}`)}get title(){var t;return(t=this.getAttribute(b.TITLE))!=null?t:""}set title(t){t!==this.title&&(t?this.setAttribute(b.TITLE,t):this.removeAttribute("title"),super.title=t)}get placeholder(){var t;return(t=Ge(this,b.PLACEHOLDER))!=null?t:""}set placeholder(t){this.setAttribute(b.PLACEHOLDER,`${t}`)}get primaryColor(){var a,r;let t=this.getAttribute(b.PRIMARY_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=D.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_primary-color"))==null?void 0:r.trim(),t))return t}set primaryColor(t){this.setAttribute(b.PRIMARY_COLOR,`${t}`)}get secondaryColor(){var a,r;let t=this.getAttribute(b.SECONDARY_COLOR);if(t!=null||this.mediaTheme&&(t=(r=(a=D.getComputedStyle(this.mediaTheme))==null?void 0:a.getPropertyValue("--_secondary-color"))==null?void 0:r.trim(),t))return t}set secondaryColor(t){this.setAttribute(b.SECONDARY_COLOR,`${t}`)}get defaultShowRemainingTime(){return this.hasAttribute(b.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(t){t?this.setAttribute(b.DEFAULT_SHOW_REMAINING_TIME,""):this.removeAttribute(b.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(!!this.hasAttribute(b.PLAYBACK_RATES))return this.getAttribute(b.PLAYBACK_RATES).trim().split(/\s*,?\s+/).map(t=>Number(t)).filter(t=>!Number.isNaN(t)).sort((t,a)=>t-a)}set playbackRates(t){if(!t){this.removeAttribute(b.PLAYBACK_RATES);return}this.setAttribute(b.PLAYBACK_RATES,t.join(" "))}get forwardSeekOffset(){var t;return(t=Ie(this.getAttribute(b.FORWARD_SEEK_OFFSET)))!=null?t:10}set forwardSeekOffset(t){this.setAttribute(b.FORWARD_SEEK_OFFSET,`${t}`)}get backwardSeekOffset(){var t;return(t=Ie(this.getAttribute(b.BACKWARD_SEEK_OFFSET)))!=null?t:10}set backwardSeekOffset(t){this.setAttribute(b.BACKWARD_SEEK_OFFSET,`${t}`)}get defaultHiddenCaptions(){return this.hasAttribute(b.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(t){t?this.setAttribute(b.DEFAULT_HIDDEN_CAPTIONS,""):this.removeAttribute(b.DEFAULT_HIDDEN_CAPTIONS)}get playerSoftwareName(){var t;return(t=this.getAttribute(E.Attributes.PLAYER_SOFTWARE_NAME))!=null?t:Uc}get playerSoftwareVersion(){var t;return(t=this.getAttribute(E.Attributes.PLAYER_SOFTWARE_VERSION))!=null?t:Nc}get beaconCollectionDomain(){var t;return(t=this.getAttribute(E.Attributes.BEACON_COLLECTION_DOMAIN))!=null?t:void 0}set beaconCollectionDomain(t){t!==this.beaconCollectionDomain&&(t?this.setAttribute(E.Attributes.BEACON_COLLECTION_DOMAIN,t):this.removeAttribute(E.Attributes.BEACON_COLLECTION_DOMAIN))}get maxResolution(){var t;return(t=this.getAttribute(E.Attributes.MAX_RESOLUTION))!=null?t:void 0}set maxResolution(t){t!==this.maxResolution&&(t?this.setAttribute(E.Attributes.MAX_RESOLUTION,t):this.removeAttribute(E.Attributes.MAX_RESOLUTION))}get customDomain(){var t;return(t=this.getAttribute(E.Attributes.CUSTOM_DOMAIN))!=null?t:void 0}set customDomain(t){t!==this.customDomain&&(t?this.setAttribute(E.Attributes.CUSTOM_DOMAIN,t):this.removeAttribute(E.Attributes.CUSTOM_DOMAIN))}get envKey(){var t;return(t=Ge(this,E.Attributes.ENV_KEY))!=null?t:void 0}set envKey(t){this.setAttribute(E.Attributes.ENV_KEY,`${t}`)}get debug(){return Ge(this,E.Attributes.DEBUG)!=null}set debug(t){t?this.setAttribute(E.Attributes.DEBUG,""):this.removeAttribute(E.Attributes.DEBUG)}get disableCookies(){return Ge(this,E.Attributes.DISABLE_COOKIES)!=null}set disableCookies(t){t?this.setAttribute(E.Attributes.DISABLE_COOKIES,""):this.removeAttribute(E.Attributes.DISABLE_COOKIES)}get streamType(){return Ge(this,E.Attributes.STREAM_TYPE)}set streamType(t){this.setAttribute(E.Attributes.STREAM_TYPE,`${t}`)}get startTime(){return Ie(Ge(this,E.Attributes.START_TIME))}set startTime(t){this.setAttribute(E.Attributes.START_TIME,`${t}`)}get preferPlayback(){let t=this.getAttribute(E.Attributes.PREFER_PLAYBACK);if(t===w.PlaybackTypes.MSE||t===w.PlaybackTypes.NATIVE)return t}set preferPlayback(t){t!==this.preferPlayback&&(t===w.PlaybackTypes.MSE||t===w.PlaybackTypes.NATIVE?this.setAttribute(E.Attributes.PREFER_PLAYBACK,t):this.removeAttribute(E.Attributes.PREFER_PLAYBACK))}get metadata(){var t;return(t=this.media)==null?void 0:t.metadata}set metadata(t){if(T(this,Ye)||F(this,mt,Mi).call(this),!this.media){de("underlying media element missing when trying to set metadata. metadata will not be set.");return}this.media.metadata={...this.metadataFromAttrs,...t}}async addCuePoints(t){var a;if(T(this,Ye)||F(this,mt,Mi).call(this),!this.media){de("underlying media element missing when trying to addCuePoints. cuePoints will not be added.");return}return(a=this.media)==null?void 0:a.addCuePoints(t)}get activeCuePoint(){var t;return(t=this.media)==null?void 0:t.activeCuePoint}get cuePoints(){var t,a;return(a=(t=this.media)==null?void 0:t.cuePoints)!=null?a:[]}get tokens(){let t=this.getAttribute(b.PLAYBACK_TOKEN),a=this.getAttribute(b.THUMBNAIL_TOKEN),r=this.getAttribute(b.STORYBOARD_TOKEN);return{...T(this,wi),...t!=null?{playback:t}:{},...a!=null?{thumbnail:a}:{},...r!=null?{storyboard:r}:{}}}set tokens(t){j(this,wi,t!=null?t:{})}get playbackToken(){var t;return(t=this.getAttribute(b.PLAYBACK_TOKEN))!=null?t:void 0}set playbackToken(t){this.setAttribute(b.PLAYBACK_TOKEN,`${t}`)}get thumbnailToken(){var t;return(t=this.getAttribute(b.THUMBNAIL_TOKEN))!=null?t:void 0}set thumbnailToken(t){this.setAttribute(b.THUMBNAIL_TOKEN,`${t}`)}get storyboardToken(){var t;return(t=this.getAttribute(b.STORYBOARD_TOKEN))!=null?t:void 0}set storyboardToken(t){this.setAttribute(b.STORYBOARD_TOKEN,`${t}`)}addTextTrack(t,a,r,s){var d;let n=(d=this.media)==null?void 0:d.nativeEl;if(!!n)return(0,w.addTextTrack)(n,t,a,r,s)}removeTextTrack(t){var r;let a=(r=this.media)==null?void 0:r.nativeEl;if(!!a)return(0,w.removeTextTrack)(a,t)}get textTracks(){var t;return(t=this.media)==null?void 0:t.textTracks}};Ye=new WeakMap,wi=new WeakMap,Le=new WeakMap,Ci=new WeakMap,ut=new WeakMap,mt=new WeakSet,Mi=function(){var t,a;if(!T(this,Ye)){j(this,Ye,!0),F(this,ht,ki).call(this);try{if(customElements.upgrade(this.mediaTheme),!(this.mediaTheme instanceof D.HTMLElement))throw""}catch{de("<media-theme> failed to upgrade!")}try{if(customElements.upgrade(this.media),!(this.media instanceof E.default))throw""}catch{de("<mux-video> failed to upgrade!")}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof Xt))throw""}catch{de("<media-controller> failed to upgrade!")}Oo(this),F(this,Ka,cl).call(this),F(this,Ga,ul).call(this),j(this,Le,(a=(t=this.mediaController)==null?void 0:t.hasAttribute("user-inactive"))!=null?a:!0),F(this,Ya,ml).call(this)}},Fa=new WeakSet,dl=function(){var t,a;try{(t=window==null?void 0:window.CSS)==null||t.registerProperty({name:"--media-primary-color",syntax:"<color>",inherits:!0}),(a=window==null?void 0:window.CSS)==null||a.registerProperty({name:"--media-secondary-color",syntax:"<color>",inherits:!0})}catch{}},Li=new WeakSet,Ms=function(t){Object.assign(T(this,ut),t),F(this,ht,ki).call(this)},ht=new WeakSet,ki=function(t={}){al(rl(Lc(this,{...T(this,ut),...t})),this.shadowRoot)},Ka=new WeakSet,cl=function(){var a;let t=r=>{let{detail:s}=r;if(s instanceof E.MediaError||(s=new E.MediaError(s.message,s.code,s.fatal)),!(s!=null&&s.fatal)){He(s),s.data&&He(`${s.name} data:`,s.data);return}let{dialog:n,devlog:d}=Va(s,!window.navigator.onLine,this.playbackId,this.playbackToken);d.message&&Ra(d),de(s),s.data&&de(`${s.name} data:`,s.data),F(this,Li,Ms).call(this,{isDialogOpen:!0,dialog:n})};this.addEventListener("error",t),this.media&&(this.media.errorTranslator=(r={})=>{var n,d,c;if(!(((n=this.media)==null?void 0:n.error)instanceof E.MediaError))return r;let{devlog:s}=Va((d=this.media)==null?void 0:d.error,!window.navigator.onLine,this.playbackId,this.playbackToken,!1);return{player_error_code:(c=this.media)==null?void 0:c.error.code,player_error_message:s.message?String(s.message):r.player_error_message,player_error_context:s.context?String(s.context):r.player_error_context}}),(a=this.media)==null||a.addEventListener("error",r=>{var n,d;let{detail:s}=r;if(!s){let{message:c,code:u}=(d=(n=this.media)==null?void 0:n.error)!=null?d:{};s=new E.MediaError(c,u)}!(s!=null&&s.fatal)||this.dispatchEvent(new CustomEvent("error",{detail:s}))})},Ga=new WeakSet,ul=function(){var a,r,s,n;let t=()=>F(this,ht,ki).call(this);(r=(a=this.media)==null?void 0:a.textTracks)==null||r.addEventListener("addtrack",t),(n=(s=this.media)==null?void 0:s.textTracks)==null||n.addEventListener("removetrack",t)},Ya=new WeakSet,ml=function(){var p,g,I;let t=this.mediaController,a=/.*Version\/.*Safari\/.*/.test(navigator.userAgent);if(a)return;let r,s=new WeakMap,n=()=>this.streamType&&[w.StreamTypes.LIVE,w.StreamTypes.LL_LIVE].includes(this.streamType)&&!this.secondaryColor&&this.offsetWidth>=800,d=(_,B,P=!1)=>{if(n())return;Array.from(_&&_.activeCues||[]).forEach(C=>{if(!(!C.snapToLines||C.line<-5||C.line>=0&&C.line<10))if(!B||this.paused){let ge=C.text.split(`
|
|
1898
|
+
`).length,ae=a?-2:-3;this.streamType&&[w.StreamTypes.LIVE,w.StreamTypes.LL_LIVE].includes(this.streamType)&&(ae=a?-1:-2);let _e=ae-ge;if(C.line===_e&&!P)return;s.has(C)||s.set(C,C.line),C.line=_e-1,C.line=_e}else setTimeout(()=>{C.line=s.get(C)||"auto"},500)})},c=()=>{var _;d(r,(_=t==null?void 0:t.hasAttribute("user-inactive"))!=null?_:!1)},u=()=>{var P;let B=Array.from(((P=t==null?void 0:t.media)==null?void 0:P.textTracks)||[]).filter(N=>["subtitles","captions"].includes(N.kind)&&N.mode==="showing")[0];B!==r&&(r==null||r.removeEventListener("cuechange",c)),r=B,r==null||r.addEventListener("cuechange",c),d(r,T(this,Le))};if(u(),(p=t==null?void 0:t.media)==null||p.textTracks.addEventListener("change",u),(g=t==null?void 0:t.media)==null||g.textTracks.addEventListener("addtrack",u),navigator.userAgent.includes("Chrome/")){let _=()=>{d(r,T(this,Le),!0),this.paused||window.requestAnimationFrame(_)};(I=t==null?void 0:t.media)==null||I.addEventListener("playing",()=>{_()})}t==null||t.addEventListener("userinactivechange",()=>{let _=t==null?void 0:t.hasAttribute("user-inactive");T(this,Le)!==_&&(j(this,Le,_),d(r,T(this,Le)))})};function Ge(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}D.customElements.get("mux-player")||(D.customElements.define("mux-player",Si),D.MuxPlayerElement=Si);var Bc=Si;
|