@theoplayer/web-ui 1.9.3 → 1.9.4
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/CHANGELOG.md +4 -0
- package/dist/THEOplayerUI.d.ts +2 -2
- package/dist/THEOplayerUI.es5.js +3 -3
- package/dist/THEOplayerUI.es5.mjs +2 -2
- package/dist/THEOplayerUI.js +23 -23
- package/dist/THEOplayerUI.js.map +1 -1
- package/dist/THEOplayerUI.mjs +21 -21
- package/dist/THEOplayerUI.mjs.map +1 -1
- package/dist/THEOplayerUI.node.mjs +6 -23
- package/dist/THEOplayerUI.node.mjs.map +1 -1
- package/package.json +19 -19
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* THEOplayer Open Video UI for Web (v1.9.
|
|
2
|
+
* THEOplayer Open Video UI for Web (v1.9.4)
|
|
3
3
|
* License: MIT
|
|
4
|
-
*/import{customElements as e,HTMLElement as t}from"@lit-labs/ssr-dom-shim";function
|
|
4
|
+
*/import{customElements as e,HTMLElement as t}from"@lit-labs/ssr-dom-shim";function i(e){void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeShadow&&window.ShadyCSS.styleElement(e)}function r(e,t){void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeCss?window.ShadyCSS.styleSubtree(e,t):null!=t&&/**
|
|
5
5
|
* @license
|
|
6
6
|
* Copyright (c) 2020 The Polymer Project Authors. All rights reserved.
|
|
7
7
|
* This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
@@ -9,25 +9,8 @@
|
|
|
9
9
|
* The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
10
10
|
* Code distributed by Google as part of the polymer project is also
|
|
11
11
|
* subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
12
|
-
*/function(e,t){let
|
|
13
|
-
${t}</style>${e}`}
|
|
14
|
-
${t}`)}e.define("theoplayer-button",S);let R=i("theoplayer-link-button",P("<slot></slot>"));class M extends t{static get observedAttributes(){return[eV.DISABLED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(eV.ARIA_LIVE)||this.setAttribute(eV.ARIA_LIVE,"polite"),this.hasAttribute(eV.DISABLED)||this._enable(),this._linkEl.addEventListener("keydown",this._onKeyDown),this._linkEl.addEventListener("click",this._onClick)}disconnectedCallback(){this._linkEl.removeEventListener("keydown",this._onKeyDown),this._linkEl.removeEventListener("click",this._onClick)}get disabled(){return this.hasAttribute(eV.DISABLED)}set disabled(e){m(this,eV.DISABLED,e)}setLink(e,t){this._linkEl.href=e,this._linkEl.target=t}attributeChangedCallback(e,t,r){e===eV.DISABLED&&r!==t&&(null!=r?this._disable():this._enable()),S.observedAttributes.indexOf(e)>=0&&a(this)}_enable(){this.setAttribute("aria-disabled","false"),this.setAttribute("tabindex","0")}_disable(){this.setAttribute("aria-disabled","true"),this.removeAttribute("tabindex"),this.blur()}handleClick(){}constructor(e){var t;super(),this._onKeyDown=e=>{!e.metaKey&&!e.altKey&&e.keyCode===eH.SPACE&&(e.preventDefault(),this._linkEl.click())},this._onClick=()=>{this.disabled||this.handleClick()};let r=null!=(t=null==e?void 0:e.template)?t:R(),a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._linkEl=a.querySelector("a"),this._upgradeProperty("disabled")}}e.define("theoplayer-link-button",M);let I="theoplayerUiObservedProperties";function O(e){return I in e&&p(e[I])}function N(e,t){return class extends e{get[I](){return t}}}async function D(t,r,a){if(r.contains(t))return;t.nodeName.indexOf("-")>=0&&!O(t)&&(await Promise.resolve(),await e.whenDefined(t.nodeName.toLowerCase()),e.upgrade(t)),O(t)&&a(t);let i=f(t);i.length>0&&await Promise.all(c(i).map(e=>D(e,r,a)))}let B=i("theoplayer-play-button",x(`<span part="play-icon"><slot name="play-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90" width="24" height="24"><path d="M77.504 50.868c-7.236 5.156-16.584 10.914-28.04 17.269-11.044 6.207-20.729 11.081-29.053 14.625l-9.224 3.43c-.581-2.493-1.125-6.188-1.632-11.08-1.143-9.75-1.715-20.513-1.715-32.288 0-10.781.777-20.858 2.333-30.234l2.251-10.772 9.787 3.29c8.476 3.375 17.663 8.166 27.563 14.373 10.48 6.562 19.472 12.805 26.97 18.73 3.749 2.982 6.449 5.279 8.099 6.891l-7.339 5.766"/></svg>
|
|
15
|
-
</slot></span><span part="pause-icon"><slot name="pause-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2.108 1.914Q2.108.5 3.522.5h4.171q1.415 0 1.415 1.414v20.172q0 1.414-1.415 1.414H3.522q-1.414 0-1.414-1.414zm12.784 0Q14.892.5 16.307.5h4.171q1.414 0 1.414 1.414v20.172q0 1.414-1.414 1.414h-4.171q-1.415 0-1.415-1.414z"/></svg>
|
|
16
|
-
</slot></span><span part="replay-icon"><slot name="replay-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M12 23q-3.725 0-6.438-2.375Q2.85 18.25 2.275 14.7q-.1-.625.325-1.088.425-.462 1.125-.462.6 0 1.087.437.488.438.663 1.113.5 2.225 2.313 3.688Q9.6 19.85 12 19.85q2.8 0 4.75-1.963 1.95-1.962 1.95-4.762t-1.962-4.75q-1.963-1.95-4.763-1.95H11.8l.525.525q.375.375.363.85-.013.475-.363.825t-.85.363q-.5.012-.85-.338l-2.7-2.7q-.225-.225-.337-.513-.113-.287-.113-.587t.113-.588q.112-.287.337-.512L10.6 1.075q.35-.35.875-.363.525-.012.875.363.35.35.338.85-.013.5-.363.85l-.5.5h.15q2.05 0 3.85.775 1.8.775 3.15 2.112Q20.325 7.5 21.1 9.287q.775 1.788.775 3.838t-.775 3.85q-.775 1.8-2.112 3.137-1.338 1.338-3.138 2.113Q14.05 23 12 23Z"/></svg>
|
|
17
|
-
</slot></span>`,":host(:not([ended])) [part=replay-icon],:host(:not([paused])) [part=play-icon],:host([ended]) [part=pause-icon],:host([ended]) [part=play-icon],:host([paused]) [part=pause-icon]{display:none!important}")),F=["seeking","seeked","ended","emptied","sourcechange"];class q extends N(S,["player"]){static get observedAttributes(){return[...S.observedAttributes,eV.PAUSED,eV.ENDED]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get paused(){return this.hasAttribute(eV.PAUSED)}set paused(e){m(this,eV.PAUSED,e)}get ended(){return this.hasAttribute(eV.ENDED)}set ended(e){m(this,eV.ENDED,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener("play",this._onPlay),this._player.removeEventListener("pause",this._onPause),this._player.removeEventListener(F,this._updateFromPlayer)),this._player=e,this._updateFromPlayer(),void 0!==this._player&&(this._player.addEventListener("play",this._onPlay),this._player.addEventListener("pause",this._onPause),this._player.addEventListener(F,this._updateFromPlayer)))}_updateEnded(){var e,t;this.ended=null!=(t=null==(e=this._player)?void 0:e.ended)&&t}handleClick(){void 0!==this._player&&void 0!==this._player.source&&(this._player.paused?this._player.play():this._player.pause())}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),q.observedAttributes.indexOf(e)>=0&&(a(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.ended?"replay":this.paused?"play":"pause";this.setAttribute(eV.ARIA_LABEL,e)}constructor(){super({template:B()}),this._onPlay=()=>{this.paused=!1,this._updateEnded()},this._onPause=()=>{this.paused=!0,this._updateEnded()},this._updateFromPlayer=()=>{var e,t;this.paused=null==(t=null==(e=this._player)?void 0:e.paused)||t,this._updateEnded(),this._updateDisabled()},this._updateDisabled=()=>{var e;this.disabled=(null==(e=this._player)?void 0:e.source)===void 0},this._upgradeProperty("paused"),this._upgradeProperty("ended"),this._upgradeProperty("player")}}e.define("theoplayer-play-button",q);let U=i("theoplayer-mute-button",x(`<span part="off-icon"><slot name="off-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="m19.225 22.55-2.25-2.275q-.175.1-.35.187-.175.088-.375.163-.525.2-1.075-.138-.55-.337-.55-1.062 0-.225.088-.425.087-.2.287-.325.05-.025.138-.088.087-.062.137-.087l-2.65-2.7v2.425q0 1.05-.962 1.463-.963.412-1.713-.338l-3.5-3.5H3.525q-.65 0-1.112-.463-.463-.462-.463-1.112v-4.55q0-.65.463-1.113.462-.462 1.112-.462H5.2L1.35 4.2Q1 3.85 1 3.375t.35-.825q.35-.35.85-.35t.85.35L20.9 20.9q.35.35.35.825t-.35.825q-.35.35-.838.35-.487 0-.837-.35ZM16.25 3.325q2.6 1.1 4.188 3.425 1.587 2.325 1.587 5.225 0 1.425-.4 2.7-.4 1.275-1.125 2.4L18.775 15.3q.425-.75.638-1.588.212-.837.212-1.737 0-2.125-1.175-3.875t-3.1-2.575q-.325-.125-.525-.4t-.2-.625q0-.65.525-1.038.525-.387 1.1-.137Zm.925 10.35-2.55-2.6V7.65q1.275.6 2.088 1.762.812 1.163.812 2.588 0 .45-.087.875-.088.425-.263.8ZM12.625 9l-3.45-3.575.775-.775q.75-.75 1.713-.338.962.413.962 1.463Z"/></svg>
|
|
18
|
-
</slot></span><span part="low-icon"><slot name="low-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M3.55 15.85q-.65 0-1.112-.463-.463-.462-.463-1.112v-4.55q0-.65.463-1.113Q2.9 8.15 3.55 8.15h2.925l3.5-3.5q.75-.75 1.713-.338.962.413.962 1.463v12.45q0 1.05-.962 1.463-.963.412-1.713-.338l-3.5-3.5Zm11.1.45V7.65q1.3.625 2.088 1.8.787 1.175.787 2.55 0 1.375-.787 2.525-.788 1.15-2.088 1.775Z"/></svg>
|
|
19
|
-
</slot></span><span part="high-icon"><slot name="high-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M16.275 20.625q-.575.25-1.1-.15-.525-.4-.525-1.05 0-.35.188-.613.187-.262.512-.387 1.925-.825 3.113-2.575 1.187-1.75 1.187-3.875T18.463 8.1q-1.188-1.75-3.113-2.575-.325-.125-.512-.4-.188-.275-.188-.625 0-.65.525-1.038.525-.387 1.1-.137 2.6 1.1 4.175 3.425 1.575 2.325 1.575 5.225 0 2.9-1.575 5.225-1.575 2.325-4.175 3.425ZM3.55 15.85q-.65 0-1.112-.463-.463-.462-.463-1.112v-4.55q0-.65.463-1.113Q2.9 8.15 3.55 8.15h2.925l3.5-3.5q.75-.75 1.713-.338.962.413.962 1.463v12.45q0 1.05-.962 1.463-.963.412-1.713-.338l-3.5-3.5Zm11.1.45V7.65q1.3.625 2.088 1.8.787 1.175.787 2.55 0 1.375-.787 2.525-.788 1.15-2.088 1.775Z"/></svg>
|
|
20
|
-
</slot></span>`,":host(:not([volume-level=high])) [part=high-icon],:host(:not([volume-level=low])) [part=low-icon],:host(:not([volume-level=off])) [part=off-icon]{display:none!important}")),V=["volumechange"];class H extends N(S,["player"]){static get observedAttributes(){return[...S.observedAttributes,eV.VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get volumeLevel(){return this.getAttribute(eV.VOLUME_LEVEL)||"off"}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(V,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(V,this._updateFromPlayer))}handleClick(){void 0!==this._player&&(this._player.muted=!this._player.muted,this._updateFromPlayer())}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),H.observedAttributes.indexOf(e)>=0&&(a(this),this._updateAriaLabel())}_updateAriaLabel(){let e="off"===this.getAttribute(eV.VOLUME_LEVEL)?"unmute":"mute";this.setAttribute(eV.ARIA_LABEL,e)}constructor(){super({template:U()}),this._updateFromPlayer=()=>{let e="off";if(void 0!==this._player){let t=this._player.volume,r=this._player.muted;e=r?"off":t<.5?"low":"high"}this.setAttribute(eV.VOLUME_LEVEL,e)},this._upgradeProperty("player")}}e.define("theoplayer-mute-button",H);let G=i("theoplayer-seek-button",x(`<span part="icon"><slot name="icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M12 22.25q-1.925 0-3.6-.738-1.675-.737-2.912-1.974Q4.25 18.3 3.525 16.625q-.725-1.675-.725-3.6 0-1.9.725-3.575.725-1.675 1.963-2.925 1.237-1.25 2.925-1.975Q10.1 3.825 12 3.825h.15l-.7-.7q-.3-.325-.313-.788-.012-.462.313-.812.35-.35.813-.35.462 0 .812.325l2.65 2.675q.325.325.325.8 0 .475-.325.8l-2.65 2.65q-.325.325-.8.325-.475 0-.825-.35-.3-.325-.3-.8 0-.475.3-.8l.7-.7H12q-2.9 0-4.912 2.012-2.013 2.013-2.013 4.913 0 2.9 2.013 4.925Q9.1 19.975 12 19.975q2.6 0 4.55-1.687 1.95-1.688 2.325-4.238.05-.45.4-.738.35-.287.8-.287.45 0 .788.275.337.275.287.7-.375 3.55-2.987 5.9Q15.55 22.25 12 22.25Z"/></svg>
|
|
21
|
-
</slot></span><span part="offset"></span>`,':host{position:relative}:host([seek-offset^="-"]) [part=icon]{transform:scaleX(-1)}[part=offset]{color:#fff;color:var(--theoplayer-icon-color,#fff);font-size:7.2px;font-size:var(--theoplayer-seek-button-font-size,calc(var(--theoplayer-button-icon-height, var(--theoplayer-control-height, 24px))*.3));left:50%;position:absolute;top:52.5%;transform:translate(-50%,-50%)}'));class K extends N(S,["player"]){static get observedAttributes(){return[...S.observedAttributes,eV.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get seekOffset(){var e;return Number(null!=(e=this.getAttribute(eV.SEEK_OFFSET))?e:10)}set seekOffset(e){this.setAttribute(eV.SEEK_OFFSET,String(e))}get player(){return this._player}set player(e){this._player=e}handleClick(){if(void 0===this._player)return;let e=this._player.duration;isNaN(e)||(this._player.currentTime=Math.max(0,Math.min(e,this._player.currentTime+this.seekOffset)))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===eV.SEEK_OFFSET&&b(this._offsetEl,String(Math.abs(this.seekOffset))),K.observedAttributes.indexOf(e)>=0&&(a(this),this._updateAriaLabel()))}_updateAriaLabel(){let e=this.seekOffset,t=e>=0?`seek forward by ${e} seconds`:`seek backward by ${-e} seconds`;this.setAttribute(eV.ARIA_LABEL,t)}constructor(){super({template:G()}),this._offsetEl=this.shadowRoot.querySelector('[part="offset"]'),this._upgradeProperty("player"),this._upgradeProperty("seekOffset")}}function Q(e){return!isNaN(e)&&isFinite(e)}function Y(e,t,r){let a;void 0===t&&(t=0);let i=e<0||r&&0===e;e=Math.abs(e);let s=Math.floor(t/60%60),o=Math.floor(t/3600);if(Q(e)){let t=Math.floor(e%60),r=Math.floor(e/60%60),i=Math.floor(e/3600),n=i>0||o>0;a=[n?`${i}`:"",(n||s>=0)&&r<10?`0${r}`:`${r}`,t<10?`0${t}`:`${t}`]}else a=[o>0?"--":"","--","--"];let n=a.filter(e=>""!==e).join(":");return`${i?"-":""}${n}`}e.define("theoplayer-seek-button",K);let z=[["hour","hours"],["minute","minutes"],["second","seconds"]];function $(e,t){let r=z[t][1===e?0:1];return`${e} ${r}`}function W(e,t){if(!Q(e))return"";let r=e<0||t&&0===e;e=Math.abs(e);let a=Math.floor(e%60),i=Math.floor(e/60)%60,s=Math.floor(e/3600),o=[0===s?"":$(s,0),0===i?"":$(i,1),0===a&&(s>0||i>0)?"":$(a,2)].filter(e=>""!==e).join(", ");return`${o}${r?" remaining":""}`}let Z=i(),j=["timeupdate","seeking","seeked","durationchange"];class J extends N(t,["player","streamType"]){static get observedAttributes(){return[eV.REMAINING,eV.REMAINING_WHEN_LIVE,eV.SHOW_DURATION,eV.STREAM_TYPE]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this.hasAttribute("role")||this.setAttribute("role","progressbar"),this.hasAttribute(eV.ARIA_LABEL)||this.setAttribute(eV.ARIA_LABEL,"playback time"),this.hasAttribute(eV.ARIA_LIVE)||this.setAttribute(eV.ARIA_LIVE,"off"),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(j,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(j,this._updateFromPlayer))}get streamType(){return this.getAttribute(eV.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(eV.STREAM_TYPE,e)}attributeChangedCallback(e,t,r){r!==t&&J.observedAttributes.indexOf(e)>=0&&(this._updateFromPlayer(),a(this))}constructor(){super(),this._updateFromPlayer=()=>{var e;let t,r;let a=this._player?this._player.currentTime:0,i=this._player?this._player.duration:NaN,s=null==(e=this._player)?void 0:e.seekable,o=isFinite(i)?i:s&&s.length>0?s.end(0):NaN,n=this.hasAttribute(eV.REMAINING)||this.hasAttribute(eV.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType,l=a;n&&(l=-((o||0)-a));let h=this.hasAttribute(eV.SHOW_DURATION);t=h&&!n?`${Y(l,o,n)} / ${Y(o)}`:Y(l,o,n),r=isNaN(i)?"video not loaded, unknown time":h?`${W(l,n)} of ${W(o)}`:W(l,n),b(this._spanEl,t),this.setAttribute("aria-valuetext",r)};let e=this.attachShadow({mode:"open"});e.appendChild(Z().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}e.define("theoplayer-time-display",J);let X=i(),ee=["durationchange"];class et extends N(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this.hasAttribute(eV.ARIA_LIVE)||this.setAttribute(eV.ARIA_LIVE,"off"),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(ee,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(ee,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{let e=this._player?this._player.duration:NaN,t=Y(e);b(this._spanEl,t)};let e=this.attachShadow({mode:"open"});e.appendChild(X().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}e.define("theoplayer-duration-display",et);let er=!function(){try{let e=new Event("change");return"change"===e.type}catch(e){}return!1}()?function(e,t){let r=document.createEvent("Event");return r.initEvent(e,(null==t?void 0:t.bubbles)||!1,(null==t?void 0:t.cancelable)||!1),r}:function(e,t){return new Event(e,t)},ea=!function(){try{let e=new CustomEvent("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}()?function(e,t){let r=document.createEvent("CustomEvent");return r.initCustomEvent(e,(null==t?void 0:t.bubbles)||!1,(null==t?void 0:t.cancelable)||!1,null==t?void 0:t.detail),r}:function(e,t){return new CustomEvent(e,t)},ei=i("theoplayer-radio-button",x("<slot></slot>"));class es extends S{static get observedAttributes(){return[...S.observedAttributes,eV.ARIA_CHECKED,eV.VALUE]}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),super.connectedCallback()}get checked(){return"true"===this.getAttribute(eV.ARIA_CHECKED)}set checked(e){this.setAttribute(eV.ARIA_CHECKED,e?"true":"false")}get value(){return this._value}set value(e){this._value=e}handleClick(){this.checked=!0,this.dispatchEvent(er("input",{bubbles:!0,composed:!0}))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===eV.ARIA_CHECKED?this.dispatchEvent(er("change",{bubbles:!0})):e===eV.VALUE&&(this.value=r),es.observedAttributes.indexOf(e)>=0&&a(this))}constructor(e){super({template:ei(),...e}),this._value=void 0,this._upgradeProperty("checked")}}e.define("theoplayer-radio-button",es);class eo{get left(){return this.x}set left(e){this.x=e}get right(){return this.x+this.width}set right(e){this.x=e-this.width}get top(){return this.y}set top(e){this.y=e}get bottom(){return this.y+this.height}set bottom(e){this.y=e-this.height}static fromRect(e){var t,r,a,i,s,o;return new eo(null!=(r=null!=(t=e.left)?t:e.x)?r:0,null!=(i=null!=(a=e.top)?a:e.y)?i:0,null!=(s=e.width)?s:0,null!=(o=e.height)?o:0)}overlaps(e){return this.x<e.right&&this.right>e.x&&this.y<e.bottom&&this.bottom>e.y}contains(e){return this.x<=e.x&&e.right<=this.right&&this.y<=e.y&&e.bottom<=this.bottom}union(e){let t=Math.min(this.x,e.x),r=Math.min(this.y,e.y),a=Math.max(this.right,e.right)-t,i=Math.max(this.bottom,e.bottom)-r;return new eo(t,r,a,i)}snapToPixels(){return new eo(Math.round(this.x),Math.round(this.y),Math.round(this.width),Math.round(this.height))}clone(){return new eo(this.x,this.y,this.width,this.height)}toJSON(){return{x:this.x,y:this.y,width:this.width,height:this.height,left:this.left,right:this.right,top:this.top,bottom:this.bottom}}constructor(e,t,r,a){this.x=e,this.y=t,this.width=r,this.height=a}}function en(){let e=function(){var e;let t;let r=document.activeElement;if(null==r)return null;for(;null!=(t=null==(e=r.shadowRoot)?void 0:e.activeElement);)r=t;return r}();return e&&e!==document.body&&u(e)?e:null}function el(e,t,r){var a,i;let s;let o=en();if(null===o)return!1;let n=eo.fromRect(e.getBoundingClientRect()).snapToPixels(),l=eo.fromRect(o.getBoundingClientRect()).snapToPixels(),h=t.map(e=>({child:e,rect:eo.fromRect(e.getBoundingClientRect()).snapToPixels()})).filter(e=>e.rect.width>0&&e.rect.height>0);if(r===eH.LEFT||r===eH.RIGHT){let e=l.clone();r===eH.LEFT?(e.left=n.left,e.width=l.left-n.left):(e.left=l.right,e.width=n.right-l.right),0===(s=h.filter(t=>e.overlaps(t.rect))).length&&(e.top=n.top,e.height=n.height,s=h.filter(t=>e.overlaps(t.rect)))}else{let e=l.clone();r===eH.UP?(e.top=n.top,e.height=l.top-n.top):(e.top=l.bottom,e.height=n.bottom-l.bottom),0===(s=h.filter(t=>e.overlaps(t.rect))).length&&(e.left=n.left,e.width=n.width,s=h.filter(t=>e.overlaps(t.rect)))}let d=(a=s,i=e=>{var t;let r;return t=e.rect,r=0,t.right<l.left?r+=l.left-t.right:l.right<t.left&&(r+=t.left-l.right),t.bottom<l.top?r+=l.top-t.bottom:l.bottom<t.top&&(r+=t.top-l.bottom),r},function(e,t){if(0!==e.length)return e.reduce((e,r)=>0>=t(e,r)?e:r)}(a,(e,t)=>i(e)-i(t)));return void 0!==d&&(d.child.focus(),!0)}let eh=i();class ed extends N(t,["deviceType"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this.hasAttribute("role")||this.setAttribute("role","radiogroup"),this.addEventListener("keydown",this._onKeyDown),this.shadowRoot.addEventListener("change",this._onButtonChange),this._slot.addEventListener("slotchange",this._onSlotChange),this._onSlotChange()}disconnectedCallback(){this.removeEventListener("keydown",this._onKeyDown),this.shadowRoot.removeEventListener("change",this._onButtonChange),this._slot.removeEventListener("slotchange",this._onSlotChange)}get deviceType(){return this.getAttribute(eV.DEVICE_TYPE)||"desktop"}set deviceType(e){this.setAttribute(eV.DEVICE_TYPE,e)}get focusedRadioButton(){var e;return null!=(e=y(this._radioButtons,e=>0===e.tabIndex))?e:null}get checkedRadioButton(){var e;return null!=(e=y(this._radioButtons,e=>e.checked))?e:null}get firstRadioButton(){var e;return null!=(e=this._radioButtons[0])?e:null}get lastRadioButton(){let e=this._radioButtons;return e.length>0?e[e.length-1]:null}allRadioButtons(){return this._radioButtons}_prevRadioButton(e){let t=this._radioButtons.indexOf(e);return t>0?this._radioButtons[t-1]:null}_nextRadioButton(e){let t=this._radioButtons.indexOf(e);return t>=0&&t<this._radioButtons.length-1?this._radioButtons[t+1]:null}_focusPrevButton(){let e=this.focusedRadioButton||this.firstRadioButton;return!!e&&(e===this.firstRadioButton?this.setFocusedRadioButton(this.lastRadioButton):this.setFocusedRadioButton(this._prevRadioButton(e)),!0)}_focusNextButton(){let e=this.focusedRadioButton||this.firstRadioButton;return!!e&&(e===this.lastRadioButton?this.setFocusedRadioButton(this.firstRadioButton):this.setFocusedRadioButton(this._nextRadioButton(e)),!0)}setFocusedRadioButton(e){this._unfocusAll(),e&&(e.tabIndex=0,e.focus())}_unfocusAll(){for(let e of this.allRadioButtons())e.tabIndex=-1}setCheckedRadioButton(e){for(let t of this.allRadioButtons())t.checked=t===e;this.dispatchEvent(er("change",{bubbles:!0}))}constructor(){super(),this._radioButtons=[],this._onSlotChange=()=>{let e=k(this._slot),t=[];for(let r of e)if(!eu(r)){let e=A(r);e&&t.push(e)}if(t.length>0&&Promise.all(t).then(this._onSlotChange,h),this._radioButtons=e.filter(eu),!this.focusedRadioButton){var r;null==(r=this.firstRadioButton)||r.setAttribute("tabindex","0")}},this._onKeyDown=e=>{if("tv"===this.deviceType&&w(e.keyCode)){el(this,this._radioButtons,e.keyCode)&&(e.preventDefault(),e.stopPropagation());return}switch(e.keyCode){case eH.UP:case eH.LEFT:this._focusPrevButton()&&e.preventDefault();break;case eH.DOWN:case eH.RIGHT:this._focusNextButton()&&e.preventDefault();break;case eH.HOME:e.preventDefault(),this.setFocusedRadioButton(this.firstRadioButton);break;case eH.END:e.preventDefault(),this.setFocusedRadioButton(this.lastRadioButton)}},this._onButtonChange=e=>{let t=e.target;null!==t&&t.checked&&this.setCheckedRadioButton(e.target)};let e=this.attachShadow({mode:"open"});e.appendChild(eh().content.cloneNode(!0)),this._slot=e.querySelector("slot"),this._upgradeProperty("deviceType")}}function eu(e){return e instanceof es}e.define("theoplayer-radio-group",ed);let ep="theoplayermenuclose",ec="theoplayermenuchange";function ey(e,t,r){return void 0===r&&(r=""),`<style>:host{box-sizing:border-box;color:#fff;color:var(--theoplayer-menu-color,#fff);display:flex;flex-direction:column;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);pointer-events:none}:host([hidden]){display:none!important}[part=heading]{align-items:center;align-self:stretch;display:flex;pointer-events:auto}[part=heading] ::slotted(span),[part=heading]>span{padding:10px;padding:var(--theoplayer-control-padding,10px);padding-left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=content],[part=heading]>theoplayer-menu-close-button{pointer-events:auto}[part=content]{--theoplayer-control-hover-background:var(--theoplayer-menu-control-hover-background,hsla(0,0%,100%,.3));align-self:center;display:flex;flex-direction:column;margin:10px;margin:var(--theoplayer-menu-margin,10px);max-height:100%;max-width:100%;max-width:var(--theoplayer-menu-max-width,100%);min-height:0;min-width:80%;min-width:var(--theoplayer-menu-min-width,80%);overflow-y:auto}${r}</style><div part="heading"><theoplayer-menu-close-button></theoplayer-menu-close-button>${e}</div><div part="content">${t}</div>`}let e_=i("theoplayer-menu",ey('<slot name="heading"></slot>',"<slot></slot>"));class ev extends t{static get observedAttributes(){return[eV.MENU_OPENED,eV.MENU_CLOSE_ON_INPUT]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this.hasAttribute(eV.MENU_OPENED)||this.setAttribute("hidden",""),this._contentEl.addEventListener("input",this._onContentInput)}disconnectedCallback(){this._contentEl.removeEventListener("input",this._onContentInput)}get closeOnInput(){return this.hasAttribute(eV.MENU_CLOSE_ON_INPUT)}set closeOnInput(e){m(this,eV.MENU_CLOSE_ON_INPUT,e)}openMenu(){this.setAttribute(eV.MENU_OPENED,"")}closeMenu(){this.removeAttribute(eV.MENU_OPENED)}attributeChangedCallback(e,t,r){if(r!==t){if(e===eV.MENU_OPENED){m(this,eV.HIDDEN,null==r);let e=ea(ec,{bubbles:!0});this.dispatchEvent(e)}ev.observedAttributes.indexOf(e)>=0&&a(this)}}constructor(e){var t;super(),this._onContentInput=()=>{if(this.hasAttribute(eV.MENU_CLOSE_ON_INPUT)){let e=ea(ep,{bubbles:!0,composed:!0});this.dispatchEvent(e)}};let r=null!=(t=null==e?void 0:e.template)?t:e_(),a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._contentEl=a.querySelector('[part="content"]')}}e.define("theoplayer-menu",ev);let eg="theoplayermenutoggle";function eb(e,t){return void 0===t&&(t=""),`<style>:host{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;pointer-events:none}:host([hidden]){display:none!important}::slotted(*),:host>*{align-self:stretch;flex-grow:1;justify-self:stretch;min-height:0}${t}</style>${e}`}let em=i("theoplayer-menu-group",eb("<slot></slot>"));class ef extends t{static get observedAttributes(){return[eV.MENU_OPENED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){var e;r(this),this.hasAttribute(eV.MENU_OPENED)||this.setAttribute("hidden",""),this._onMenuListChange(),this.shadowRoot.addEventListener(eg,this._onToggleMenu),this.shadowRoot.addEventListener(ep,this._onCloseMenu),this.shadowRoot.addEventListener(ec,this._onMenuChange),null==(e=this._menuSlot)||e.addEventListener("slotchange",this._onMenuListChange)}disconnectedCallback(){var e;this.shadowRoot.removeEventListener(eg,this._onToggleMenu),this.shadowRoot.removeEventListener(ep,this._onCloseMenu),this.shadowRoot.removeEventListener(ec,this._onMenuChange),null==(e=this._menuSlot)||e.removeEventListener("slotchange",this._onMenuListChange)}attributeChangedCallback(e,t,r){if(r!==t){if(e===eV.MENU_OPENED){null!=r?(this.removeAttribute("hidden"),this.removeEventListener("keydown",this._onKeyDown),this.addEventListener("keydown",this._onKeyDown)):(this.setAttribute("hidden",""),this.removeEventListener("keydown",this._onKeyDown));let e=ea(ec,{bubbles:!0});this.dispatchEvent(e)}ef.observedAttributes.indexOf(e)>=0&&a(this)}}getMenuById(e){return e&&e!==this.id?y(this._menus,t=>t.id===e):this}openMenu(e,t){let r=this.getMenuById(e);if(r===this&&(r=this._menus[0]),!r)return!1;let a=this.getCurrentMenu_(),i=_(this._openMenuStack,e=>e.menu===r);return i>=0?this.closeMenusFromIndex_(i+1):this._openMenuStack.push({menu:r,opener:t}),a&&a.menu.closeMenu(),r.openMenu(),this.setAttribute(eV.MENU_OPENED,""),r.focus(),!0}closeMenu(e){var t,r;let a=this.getMenuById(e);if(a===this&&(a=null==(r=this._openMenuStack[0])?void 0:r.menu),!a)return!1;let i=_(this._openMenuStack,e=>e.menu===a);if(i<0)return!1;let s=this._openMenuStack[i];this.closeMenusFromIndex_(i);let o=this.getCurrentMenu_();return void 0!==o?(o.menu.openMenu(),this.setAttribute(eV.MENU_OPENED,""),s.opener&&o.menu.contains(s.opener)?s.opener.focus():o.menu.focus()):(this.removeAttribute(eV.MENU_OPENED),null==(t=s.opener)||t.focus()),!0}closeMenusFromIndex_(e){let t=this._openMenuStack.length-e;for(let t=this._openMenuStack.length-1;t>=e;t--)this._openMenuStack[t].menu.closeMenu();this._openMenuStack.splice(e,t)}hasCurrentMenu(){return this._openMenuStack.length>0}getCurrentMenu_(){return this._openMenuStack.length>0?this._openMenuStack[this._openMenuStack.length-1]:void 0}closeCurrentMenu(){let e=this.getCurrentMenu_();return void 0!==e&&(this.closeMenu(e.menu.id),!0)}isMenuOpen(e){let t=this.getMenuById(e);return!!t&&this._openMenuStack.some(e=>e.menu===t)}constructor(e){var t;super(),this._menus=[],this._openMenuStack=[],this._onMenuListChange=()=>{let e=[...c(this.shadowRoot.children),...this._menuSlot?k(this._menuSlot):[]],t=[];for(let r of e)if(!ek(r)){let e=A(r);e&&t.push(e)}t.length>0&&Promise.all(t).then(this._onMenuListChange,h);let r=e.filter(ek);for(let e of this._menus)0>r.indexOf(e)&&this.closeMenu(e.id);for(let e of r)0>this._menus.indexOf(e)&&e.closeMenu();this._menus=r},this._onToggleMenu=e=>{let t=e.detail.menu;if(!this.getMenuById(t))return;e.stopPropagation();let r=u(e.target)?e.target:void 0;this.isMenuOpen(t)?this.closeMenu(t):this.openMenu(t,r)},this._onCloseMenu=e=>{this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())},this._onMenuChange=e=>{let t=this.getCurrentMenu_();t&&t.menu===e.target&&t.menu instanceof ef&&!t.menu.hasCurrentMenu()&&this.closeCurrentMenu()},this._onKeyDown=e=>{!e.altKey&&C(e.keyCode)&&this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())};let r=null!=(t=null==e?void 0:e.template)?t:em(),a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._menuSlot=a.querySelector("slot")}}function ek(e){return!!u(e)&&(e instanceof ev||e instanceof ef)}e.define("theoplayer-menu-group",ef);let eE=i("theoplayer-menu-button",x("<slot></slot>"));class eA extends S{static get observedAttributes(){return[...S.observedAttributes,eV.MENU]}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true")}get menu(){return this.getAttribute(eV.MENU)}set menu(e){e?this.setAttribute(eV.MENU,e):this.removeAttribute(eV.MENU)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e!==eV.MENU||this.hasAttribute("aria-controls")&&this.getAttribute("aria-controls")!==t||this.setAttribute("aria-controls",r)}handleClick(){let e=this.menu;if(e){let t=ea(eg,{bubbles:!0,composed:!0,detail:{menu:e}});this.dispatchEvent(t)}}constructor(e){super({template:eE(),...e}),this._upgradeProperty("menu")}}e.define("theoplayer-menu-button",eA);let ew=i("theoplayer-menu-close-button",x(`<span part="icon"><slot><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="m10.525 19.275-6.375-6.35q-.175-.2-.262-.437Q3.8 12.25 3.8 12t.088-.488q.087-.237.262-.437l6.375-6.35q.375-.375.925-.388.55-.012.95.388.375.4.388.937.012.538-.363.938l-4.1 4.075H18.35q.55 0 .938.387.387.388.387.938 0 .55-.387.938-.388.387-.938.387H8.325l4.1 4.075q.35.375.363.925.012.55-.363.95-.4.4-.95.4-.55 0-.95-.4Z"/></svg>
|
|
22
|
-
</slot></span>`));class eC extends S{static get observedAttributes(){return[...S.observedAttributes]}connectedCallback(){super.connectedCallback(),this.hasAttribute(eV.ARIA_LABEL)||this.setAttribute(eV.ARIA_LABEL,"close menu")}handleClick(){let e=ea(ep,{bubbles:!0,composed:!0});this.dispatchEvent(e)}constructor(){super({template:ew()})}}e.define("theoplayer-menu-close-button",eC);let eT=i("theoplayer-media-track-radio-button",x("<slot></slot>")),ex=["change","update"];class eL extends es{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(ex,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(ex,this._onTrackChange))}_updateFromTrack(){b(this._slotEl,this._track?function(e){let t=e.label;if(t)return t;let r=e.language;return r&&(g(r)||r)||""}(this._track):""),this.checked=!!this._track&&this._track.enabled}_updateTrack(){this._track&&(this._track.enabled=this.checked)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===eV.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:eT()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}e.define("theoplayer-media-track-radio-button",eL);let eS=i("theoplayer-text-track-radio-button",x("<slot></slot>")),eP=["change","update"];class eR extends es{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(eP,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(eP,this._onTrackChange))}_updateFromTrack(){b(this._slotEl,this._track?function(e){let t=e.label;if(t)return t;let r=e.language;return r&&(g(r)||r)||""}(this._track):""),this.checked=!!this._track&&"showing"===this._track.mode}_updateTrack(){this._track&&(this._track.mode=this.checked?"showing":"disabled")}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===eV.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:eS()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}function eM(e){return"subtitles"===e.kind||"captions"===e.kind}function eI(e){let t=null==e?void 0:e.targetQuality;return void 0===t||Array.isArray(t)||(t=[t]),t}function eO(e){return e?e.label&&""!==e.label?e.label:e.height?`${e.height}p`:e.bandwidth?function(e){if(e.bandwidth)return e.bandwidth>1e7?`${(e.bandwidth/1e6).toFixed(0)}Mbps`:e.bandwidth>1e6?`${(e.bandwidth/1e6).toFixed(1)}Mbps`:`${(e.bandwidth/1e3).toFixed(0)}kbps`}(e):void 0:void 0}e.define("theoplayer-text-track-radio-button",eR);let eN=i("theoplayer-text-track-off-radio-button",x("<slot>Off</slot>")),eD=["change"];class eB extends es{get trackList(){return this._trackList}set trackList(e){this._trackList&&this._trackList.removeEventListener(eD,this._onTrackChange),this._trackList=e,this._updateFromTrackList(),e&&e.addEventListener(eD,this._onTrackChange)}_updateFromTrackList(){this.checked=!this._trackList||!this._trackList.filter(eM).some(e=>"showing"===e.mode)}_updateTrackList(){this._trackList&&this.checked&&function(e){for(let t of e)eM(t)&&"showing"===t.mode&&(t.mode="disabled")}(this._trackList)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===eV.ARIA_CHECKED&&t!==r&&this._updateTrackList()}constructor(){super({template:eN()}),this._trackList=void 0,this._onTrackChange=()=>{this._updateFromTrackList()},this._upgradeProperty("trackList")}}e.define("theoplayer-text-track-off-radio-button",eB);let eF=i(),eq=["addtrack","removetrack"];class eU extends N(t,["player"]){static get observedAttributes(){return[eV.TRACK_TYPE,eV.SHOW_OFF]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._radioGroup instanceof ed||e.upgrade(this._radioGroup),this._updateOffButton(),this._updateTracks(),this.shadowRoot.addEventListener("change",this._onChange)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange)}get trackType(){return this.getAttribute(eV.TRACK_TYPE)||"audio"}set trackType(e){this.setAttribute(eV.TRACK_TYPE,e||"audio")}get showOffButton(){return this.hasAttribute(eV.SHOW_OFF)}set showOffButton(e){m(this,eV.SHOW_OFF,e)}get player(){return this._player}set player(e){this._player!==e&&(this._player=e,this._updateTracksList(),this._updateTracks())}_getTracksList(){if(void 0===this._player)return;let e=this.trackType;return"audio"===e?this._player.audioTracks:"video"===e?this._player.videoTracks:"subtitles"===e?this._player.textTracks:void 0}_updateTracksList(){let e=this._tracksList,t=this._getTracksList();e!==t&&(null==e||e.removeEventListener(eq,this._updateTracks),null==t||t.addEventListener(eq,this._updateTracks),this._tracksList=t,this._updateOffButton())}_getTracks(){if(void 0===this._player)return[];let e=this.trackType;return"audio"===e?this._player.audioTracks:"video"===e?this._player.videoTracks:"subtitles"===e?this._player.textTracks.filter(eM):[]}_createTrackButton(e){if("subtitles"===this.trackType){let t=new eR;return t.track=e,t}{let t=new eL;return t.track=e,t}}_updateOffButton(){"subtitles"===this.trackType&&this.showOffButton?(void 0===this._offButton&&(this._offButton=new eB,this._radioGroup.insertBefore(this._offButton,this._radioGroup.firstChild)),this._offButton.trackList=this._tracksList):void 0!==this._offButton&&(this._radioGroup.removeChild(this._offButton),this._offButton=void 0)}attributeChangedCallback(e,t,r){r!==t&&(e===eV.TRACK_TYPE?(this._updateTracksList(),this._updateTracks()):e===eV.SHOW_OFF&&(this._updateOffButton(),this._updateTracks()),eU.observedAttributes.indexOf(e)>=0&&a(this))}constructor(){super(),this._updateTracks=()=>{let e=c(this._radioGroup.children),t=this._getTracks();for(let r of(void 0!==this._offButton&&(e=e.slice(1)),e))(!r.track||0>t.indexOf(r.track))&&this._radioGroup.removeChild(r);for(let r of t)if(!function(e,t){for(let r=0;r<e.length;r++)if(e[r].track===t)return!0;return!1}(e,r)){let e=this._createTrackButton(r);this._radioGroup.appendChild(e)}},this._onChange=()=>{this.dispatchEvent(er("change",{bubbles:!0}))};let e=this.attachShadow({mode:"open"});e.appendChild(eF().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("trackType"),this._upgradeProperty("showOffButton"),this._upgradeProperty("player")}}e.define("theoplayer-track-radio-group",eU);var eV,eH,eG,eK,eQ,eY,ez=".theoplayer-menu-table{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto auto}.theoplayer-menu-table>*{align-self:center;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);line-height:24px;line-height:var(--theoplayer-text-content-height,var(--theoplayer-control-height,24px));padding:10px;padding:var(--theoplayer-control-padding,10px)}.theoplayer-menu-table>span{display:block}";function e$(e){return e?v(e,"rgb")?function(e){let t=e.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)$/i);return t?{r_:parseInt(t[1],10),g_:parseInt(t[2],10),b_:parseInt(t[3],10),a_:t[4]?parseFloat(t[4]):1}:null}(e):v(e,"#")?function(e){let t=e.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);return t?{r_:parseInt(t[1],16),g_:parseInt(t[2],16),b_:parseInt(t[3],16),a_:1}:null}(e):null:null}function eW(e){return`rgba(${e.r_},${e.g_},${e.b_},${e.a_})`}function eZ(e){return`rgb(${e.r_},${e.g_},${e.b_})`}function ej(e,t){return{r_:e.r_,g_:e.g_,b_:e.b_,a_:t}}let eJ=e$("#ffffff"),eX=e$("#000000"),e0=[["White","rgb(255,255,255)"],["Yellow","rgb(255,255,0)"],["Green","rgb(0,255,0)"],["Cyan","rgb(0,255,255)"],["Blue","rgb(0,0,255)"],["Magenta","rgb(255,0,255)"],["Red","rgb(255,0,0)"],["Black","rgb(0,0,0)"]],e5=[["Monospace Serif",'"Courier New", Courier, "Nimbus Mono L", "Cutive Mono", monospace'],["Proportional Serif",'"Times New Roman", Times, Georgia, Cambria, "PT Serif Caption", serif'],["Monospace Sans",'"Deja Vu Sans Mono", "Lucida Console", Monaco, Consolas, "PT Mono", monospace'],["Proportional Sans",'Arial, Helvetica, Verdana, "PT Sans Caption", sans-serif']],e2=[["None","none"],["Drop shadow","dropshadow"],["Raised","raised"],["Depressed","depressed"],["Uniform","uniform"]];class e1 extends N(t,["player"]){static get observedAttributes(){return[eV.PROPERTY]}connectedCallback(){r(this),this.hasAttribute(eV.PROPERTY)||(this.property="fontColor")}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get property(){return this.getAttribute(eV.PROPERTY)}set property(e){this.setAttribute(eV.PROPERTY,e)}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._textTrackStyle)||t.removeEventListener("change",this._updateFromPlayer),this._player=e,this._textTrackStyle=null==e?void 0:e.textTrackStyle,this._updateFromPlayer(),null==(r=this._textTrackStyle)||r.addEventListener("change",this._updateFromPlayer))}attributeChangedCallback(e,t,r){r!==t&&(e===eV.PROPERTY&&this._updateFromPlayer(),e1.observedAttributes.indexOf(e)>=0&&a(this))}constructor(){super(),this._updateFromPlayer=()=>{if(void 0===this._player)return;let e=this.property;switch(e){case"fontFamily":b(this._spanEl,function(e){if(!e)return"Default";let t=y(e5,t=>{let[r,a]=t;return a===e});return t?t[0]:"Custom"}(this._player.textTrackStyle.fontFamily));break;case"fontColor":case"backgroundColor":case"windowColor":b(this._spanEl,function(e){if(!e)return"Default";let t=e$(e);if(t){let e=eZ(t),r=y(e0,t=>{let[r,a]=t;return a===e});if(r)return r[0]}return"Custom"}(this._player.textTrackStyle[e]));break;case"fontOpacity":b(this._spanEl,e3(this._player.textTrackStyle.fontColor));break;case"backgroundOpacity":b(this._spanEl,e3(this._player.textTrackStyle.backgroundColor));break;case"windowOpacity":b(this._spanEl,e3(this._player.textTrackStyle.windowColor));break;case"edgeStyle":b(this._spanEl,function(e){if(!e)return"Default";let t=y(e2,t=>{let[r,a]=t;return a===e});return t?t[0]:"Custom"}(this._player.textTrackStyle.edgeStyle));break;default:{let t=this._player.textTrackStyle[e];b(this._spanEl,t||"Default")}}};let e=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),e.appendChild(this._spanEl),this._upgradeProperty("property"),this._upgradeProperty("player")}}function e3(e){if(!e)return"Default";let t=e$(e);return t?`${100*t.a_}%`:"Custom"}e.define("theoplayer-text-track-style-display",e1);let e8=i();class e7 extends N(t,["player"]){static get observedAttributes(){return[eV.PROPERTY]}connectedCallback(){r(this),this._radioGroup instanceof ed||e.upgrade(this._radioGroup),this._upgradeProperty("property"),this._upgradeProperty("value"),this._upgradeProperty("player"),this.hasAttribute(eV.PROPERTY)||(this.property="fontColor"),this._updateChecked(),this.shadowRoot.addEventListener("change",this._onChange),this._optionsSlot.addEventListener("slotchange",this._updateChecked)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange),this._optionsSlot.removeEventListener("slotchange",this._updateChecked)}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get property(){return this.getAttribute(eV.PROPERTY)}set property(e){this.setAttribute(eV.PROPERTY,e)}get value(){return this._value}set value(e){this._value!==e&&(this._value=e,this._updateToPlayer(),this._updateChecked(),this.dispatchEvent(er("change",{bubbles:!0})))}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._textTrackStyle)||t.removeEventListener("change",this._updateFromPlayer),this._player=e,this._textTrackStyle=null==e?void 0:e.textTrackStyle,this._updateFromPlayer(),null==(r=this._textTrackStyle)||r.addEventListener("change",this._updateFromPlayer))}_updateToPlayer(){if(void 0!==this._player)switch(this.property){case"fontColor":this._player.textTrackStyle.fontColor=e4(this.value,this._player.textTrackStyle.fontColor,eJ);break;case"backgroundColor":this._player.textTrackStyle.backgroundColor=e4(this.value,this._player.textTrackStyle.backgroundColor,eX);break;case"windowColor":this._player.textTrackStyle.windowColor=e4(this.value,this._player.textTrackStyle.windowColor,eX);break;case"fontOpacity":this._player.textTrackStyle.fontColor=e6(this.value,this._player.textTrackStyle.fontColor,eJ);break;case"backgroundOpacity":this._player.textTrackStyle.backgroundColor=e6(this.value,this._player.textTrackStyle.backgroundColor,eX);break;case"windowOpacity":this._player.textTrackStyle.windowColor=e6(this.value,this._player.textTrackStyle.windowColor,eX);break;default:this._player.textTrackStyle[this.property]=""==this.value?void 0:this.value}}attributeChangedCallback(e,t,r){r!==t&&(e===eV.PROPERTY&&this._updateFromPlayer(),e7.observedAttributes.indexOf(e)>=0&&a(this))}constructor(){super(),this._updateChecked=()=>{let e=this._radioGroup.allRadioButtons();for(let t of e)t.checked=t.value===this.value},this._onChange=()=>{let e=this._radioGroup.checkedRadioButton;null!==e&&this.value!==e.value&&(this.value=e.value)},this._updateFromPlayer=()=>{var e,t,r,a,i,s,o,n,l,h;if(void 0!==this._player)switch(this.property){case"fontColor":{let t=this._player.textTrackStyle.fontColor;this.value=t?eZ(null!=(e=e$(t))?e:eJ):"";break}case"backgroundColor":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?eZ(null!=(t=e$(e))?t:eX):"";break}case"windowColor":{let e=this._player.textTrackStyle.windowColor;this.value=e?eZ(null!=(r=e$(e))?r:eX):"";break}case"fontOpacity":{let e=this._player.textTrackStyle.fontColor;this.value=e?String((null!=(i=null==(a=e$(e))?void 0:a.a_)?i:1)*100):"";break}case"backgroundOpacity":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?String((null!=(o=null==(s=e$(e))?void 0:s.a_)?o:1)*100):"";break}case"windowOpacity":{let e=this._player.textTrackStyle.windowColor;this.value=e?String((null!=(l=null==(n=e$(e))?void 0:n.a_)?l:1)*100):"";break}default:this.value=null!=(h=this._player.textTrackStyle[this.property])?h:""}};let e=this.attachShadow({mode:"open"});e.appendChild(e8().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot")}}function e4(e,t,r){var a,i,s;let o=null!=(i=null==(a=e$(t))?void 0:a.a_)?i:1;if(""!==e||1!==o){let t=null!=(s=e$(e))?s:r;return eW(ej(t,o))}}function e6(e,t,r){var a;let i=null!=(a=e$(t))?a:r;if(""!==e||i.r_!==r.r_||i.g_!==r.g_||i.b_!==r.b_){let t=""==e?1:Number(e)/100;return eW(ej(i,t))}}e.define("theoplayer-text-track-style-radio-group",e7);let e9=i("theoplayer-text-track-style-menu",eb('<theoplayer-menu class="theoplayer-text-track-style-menu"><span class="theoplayer-menu-heading" slot="heading"><slot name="heading">Subtitle options</slot></span><theoplayer-text-track-style-reset-button class="theoplayer-menu-heading-button" slot="heading"></theoplayer-text-track-style-reset-button><div class="theoplayer-menu-table"><span>Font family</span><theoplayer-menu-button menu="font-family-menu"><theoplayer-text-track-style-display property="fontFamily"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Font color</span><theoplayer-menu-button menu="font-color-menu"><theoplayer-text-track-style-display property="fontColor"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Font opacity</span><theoplayer-menu-button menu="font-opacity-menu"><theoplayer-text-track-style-display property="fontOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Font size</span><theoplayer-menu-button menu="font-size-menu"><theoplayer-text-track-style-display property="fontSize"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Background color</span><theoplayer-menu-button menu="background-color-menu"><theoplayer-text-track-style-display property="backgroundColor"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Background opacity</span><theoplayer-menu-button menu="background-opacity-menu"><theoplayer-text-track-style-display property="backgroundOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Window color</span><theoplayer-menu-button menu="window-color-menu"><theoplayer-text-track-style-display property="windowColor"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Window opacity</span><theoplayer-menu-button menu="window-opacity-menu"><theoplayer-text-track-style-display property="windowOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Character edge style</span><theoplayer-menu-button menu="edge-style-menu"><theoplayer-text-track-style-display property="edgeStyle"></theoplayer-text-track-style-display></theoplayer-menu-button></div></theoplayer-menu><theoplayer-menu id="font-family-menu" menu-close-on-input hidden><span slot="heading">Font family</span><theoplayer-text-track-style-radio-group property="fontFamily"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value=\'"Courier New", Courier, "Nimbus Mono L", "Cutive Mono", monospace\'>Monospace Serif</theoplayer-radio-button><theoplayer-radio-button value=\'"Times New Roman", Times, Georgia, Cambria, "PT Serif Caption", serif\'>Proportional Serif</theoplayer-radio-button><theoplayer-radio-button value=\'"Deja Vu Sans Mono", "Lucida Console", Monaco, Consolas, "PT Mono", monospace\'>Monospace Sans</theoplayer-radio-button><theoplayer-radio-button value=\'Arial, Helvetica, Verdana, "PT Sans Caption", sans-serif\'>Proportional Sans</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="font-color-menu" menu-close-on-input hidden><span slot="heading">Font color</span><theoplayer-text-track-style-radio-group property="fontColor"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,255)">White</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,0)">Yellow</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,0)">Green</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,255)">Cyan</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,255)">Blue</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,255)">Magenta</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,0)">Red</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,0)">Black</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="font-opacity-menu" menu-close-on-input hidden><span slot="heading">Font opacity</span><theoplayer-text-track-style-radio-group property="fontOpacity"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="25">25%</theoplayer-radio-button><theoplayer-radio-button value="50">50%</theoplayer-radio-button><theoplayer-radio-button value="75">75%</theoplayer-radio-button><theoplayer-radio-button value="100">100%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="font-size-menu" menu-close-on-input hidden><span slot="heading">Font size</span><theoplayer-text-track-style-radio-group property="fontSize"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="50%">50%</theoplayer-radio-button><theoplayer-radio-button value="75%">75%</theoplayer-radio-button><theoplayer-radio-button value="100%">100%</theoplayer-radio-button><theoplayer-radio-button value="150%">150%</theoplayer-radio-button><theoplayer-radio-button value="200%">200%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="background-color-menu" menu-close-on-input hidden><span slot="heading">Background color</span><theoplayer-text-track-style-radio-group property="backgroundColor"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,255)">White</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,0)">Yellow</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,0)">Green</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,255)">Cyan</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,255)">Blue</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,255)">Magenta</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,0)">Red</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,0)">Black</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="background-opacity-menu" menu-close-on-input hidden><span slot="heading">Background opacity</span><theoplayer-text-track-style-radio-group property="backgroundOpacity"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="25">25%</theoplayer-radio-button><theoplayer-radio-button value="50">50%</theoplayer-radio-button><theoplayer-radio-button value="75">75%</theoplayer-radio-button><theoplayer-radio-button value="100">100%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="window-color-menu" menu-close-on-input hidden><span slot="heading">Window color</span><theoplayer-text-track-style-radio-group property="windowColor"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,255)">White</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,0)">Yellow</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,0)">Green</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,255)">Cyan</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,255)">Blue</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,255)">Magenta</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,0)">Red</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,0)">Black</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="window-opacity-menu" menu-close-on-input hidden><span slot="heading">Window opacity</span><theoplayer-text-track-style-radio-group property="windowOpacity"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="25">25%</theoplayer-radio-button><theoplayer-radio-button value="50">50%</theoplayer-radio-button><theoplayer-radio-button value="75">75%</theoplayer-radio-button><theoplayer-radio-button value="100">100%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="edge-style-menu" menu-close-on-input hidden><span slot="heading">Character edge style</span><theoplayer-text-track-style-radio-group property="edgeStyle"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="none">None</theoplayer-radio-button><theoplayer-radio-button value="dropshadow">Drop shadow</theoplayer-radio-button><theoplayer-radio-button value="raised">Raised</theoplayer-radio-button><theoplayer-radio-button value="depressed">Depressed</theoplayer-radio-button><theoplayer-radio-button value="uniform">Uniform</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu>',`${ez}
|
|
23
|
-
.theoplayer-menu-heading{flex-grow:1}.theoplayer-menu-heading-button{align-self:flex-end}`));class te extends ef{constructor(){super({template:e9()})}}e.define("theoplayer-text-track-style-menu",te);let tt=i("theoplayer-language-menu",eb('<theoplayer-menu><span class="theoplayer-menu-heading" slot="heading"><slot name="heading">Language</slot></span><theoplayer-settings-menu-button class="theoplayer-menu-heading-button" menu="subtitle-options-menu" slot="heading"></theoplayer-settings-menu-button><div part="content"><div part="audio"><h2>Audio</h2><theoplayer-track-radio-group track-type="audio"></theoplayer-track-radio-group></div><div part="subtitles"><h2>Subtitles</h2><theoplayer-track-radio-group track-type="subtitles" show-off></theoplayer-track-radio-group></div></div></theoplayer-menu><theoplayer-text-track-style-menu id="subtitle-options-menu"></theoplayer-text-track-style-menu>',".theoplayer-menu-heading{flex-grow:1}.theoplayer-menu-heading-button{align-self:flex-end}[part=audio],[part=subtitles],theoplayer-track-radio-group{display:flex;min-height:0}[part=content]{display:grid;grid-template-columns:1fr;min-height:0}:host([has-audio][has-subtitles]) [part=content]{grid-template-columns:1fr 10px 1fr}:host([has-audio][has-subtitles]) [part=audio]{grid-column:1}:host([has-audio][has-subtitles]) [part=subtitles]{grid-column:3}:host(:not([has-audio])) [part=audio],:host(:not([has-subtitles])) [part=subtitles]{display:none!important}[part=audio],[part=subtitles]{align-self:stretch;flex-direction:column;text-align:center}h2{margin:0 0 .5em}theoplayer-track-radio-group{overflow-y:auto}")),tr=["addtrack","removetrack"];class ta extends N(ef,["player"]){static get observedAttributes(){return[...ef.observedAttributes,eV.HAS_AUDIO,eV.HAS_SUBTITLES]}get player(){return this._player}set player(e){var t,r,a,i;this._player!==e&&(null==(t=this._audioTrackList)||t.removeEventListener(tr,this._updateAudioTracks),null==(r=this._textTrackList)||r.removeEventListener(tr,this._updateTextTracks),this._player=e,this._audioTrackList=null==e?void 0:e.audioTracks,this._textTrackList=null==e?void 0:e.textTracks,this._updateAudioTracks(),this._updateTextTracks(),null==(a=this._audioTrackList)||a.addEventListener(tr,this._updateAudioTracks),null==(i=this._textTrackList)||i.addEventListener(tr,this._updateTextTracks))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),ta.observedAttributes.indexOf(e)>=0&&a(this)}constructor(){super({template:tt()}),this._updateAudioTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.audioTracks)?t:[];m(this,eV.HAS_AUDIO,r.length>1)},this._updateTextTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.textTracks.filter(eM))?t:[];m(this,eV.HAS_SUBTITLES,r.length>0)},this._upgradeProperty("player")}}e.define("theoplayer-language-menu",ta);let ti=i("theoplayer-language-menu-button",x(`<span part="icon"><slot><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M17.469 15.446a6.892 6.892 310 1 0-4.772 3.342l2.872.986q1.9.626 1.9-1.374v-2.954l2.598 1.5V22q0 2-1.899 1.374l-4.95-1.632a9.892 9.892 310 1 1 6.849-4.796zM7 10a1 1 180 1 0 0 2 1 1 180 1 0 0-2zm4 0a1 1 180 1 0 0 2h5a1 1 180 1 0 0-2zm-3 4a1 1 180 1 0 0 2h3a1 1 180 1 0 0-2zm7 0a1 1 180 1 0 0 2 1 1 180 1 0 0-2z"/></svg>
|
|
24
|
-
</slot></span>`)),ts=["addtrack","removetrack"];class to extends N(eA,["player"]){connectedCallback(){super.connectedCallback(),this.hasAttribute(eV.ARIA_LABEL)||this.setAttribute(eV.ARIA_LABEL,"open language menu")}get player(){return this._player}set player(e){var t,r,a,i;this._player!==e&&(null==(t=this._audioTrackList)||t.removeEventListener(ts,this._updateTracks),null==(r=this._textTrackList)||r.removeEventListener(ts,this._updateTracks),this._player=e,this._audioTrackList=null==e?void 0:e.audioTracks,this._textTrackList=null==e?void 0:e.textTracks,this._updateTracks(),null==(a=this._audioTrackList)||a.addEventListener(ts,this._updateTracks),null==(i=this._textTrackList)||i.addEventListener(ts,this._updateTracks))}constructor(){super({template:ti()}),this._updateTracks=()=>{let e=void 0!==this._player&&(this._player.audioTracks.length>=2||this._player.textTracks.some(eM));m(this,eV.HIDDEN,!e)},this._upgradeProperty("player")}}e.define("theoplayer-language-menu-button",to);let tn=i();class tl extends N(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._radioGroup instanceof ed||e.upgrade(this._radioGroup),this._updateChecked(),this.shadowRoot.addEventListener("change",this._onChange),this._optionsSlot.addEventListener("slotchange",this._updateChecked)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange),this._optionsSlot.removeEventListener("slotchange",this._updateChecked)}get value(){return this._value}set value(e){e=Number(e),this._value!==e&&(this._value=e,void 0!==this._player&&(this._player.playbackRate=e),this._updateChecked(),this.dispatchEvent(er("change",{bubbles:!0})))}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener("ratechange",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener("ratechange",this._updateFromPlayer))}constructor(){super(),this._value=1,this._updateChecked=()=>{let e=this._radioGroup.allRadioButtons();for(let t of e)t.checked=Number(t.value)===this.value},this._onChange=()=>{let e=this._radioGroup.checkedRadioButton;null!==e&&this.value!==Number(e.value)&&(this.value=e.value)},this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.playbackRate)};let e=this.attachShadow({mode:"open"});e.appendChild(tn().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot"),this._upgradeProperty("value"),this._upgradeProperty("player")}}e.define("theoplayer-playback-rate-radio-group",tl);let th=i("theoplayer-playback-rate-button",x(`<span part="icon"><slot><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 96 960 960" height="24" width="24"><path d="M418 716q24 24 61.435 23.5T536 712l171.826-250.174q12.392-19.087-1.652-32.283-14.044-13.195-33.131-.804L424 600q-27 19.13-28.5 55.565T418 716ZM204 915.218q-25.522 0-49.609-12.826-24.087-12.826-36.783-34.783-26.565-46.696-41.696-100.022Q60.782 714.261 60.782 656q0-86.391 32.913-162.566 32.913-76.174 89.956-133.217 57.044-57.044 133.436-90.24Q393.478 236.782 480 236.782q43.87 0 85.87 8.934 42 8.935 81 26.239 28.913 12.696 33.826 38.762 4.913 26.065-13.044 48.153-10.261 12.391-28.217 15.521-17.957 3.131-32.914-3.565-31.434-14.869-62.043-21.456-30.608-6.587-64.478-6.587-129.043 0-221.13 91.522Q166.783 525.826 166.783 656q0 42 10.935 79.891 10.934 37.891 30.804 73.326h542.956q23-38 32.37-75.608Q793.217 696 793.217 652q0-31.609-6.804-62.565-6.804-30.956-20.543-60.826-7.566-16.957-3.718-35.196 3.848-18.239 17.674-29.5 21.653-18.522 47.153-10.261t36.761 35.609q16.305 38 25.457 78.217 9.152 40.218 10.021 82.522 0 58.696-14.348 113.522-14.347 54.826-42.478 104.087-14.391 23.087-37.631 35.348-23.239 12.261-48.761 12.261H204ZM480 576Z"/></svg>
|
|
25
|
-
</slot></span>`));class td extends eA{connectedCallback(){super.connectedCallback(),this.hasAttribute(eV.ARIA_LABEL)||this.setAttribute(eV.ARIA_LABEL,"open playback speed menu")}constructor(){super({template:th()})}}e.define("theoplayer-playback-rate-menu-button",td);let tu=i("theoplayer-playback-rate-menu",ey('<span slot="heading"><slot name="heading">Playback speed</slot></span>','<theoplayer-playback-rate-radio-group><theoplayer-radio-button value="0.25">0.25x</theoplayer-radio-button><theoplayer-radio-button value="0.5">0.5x</theoplayer-radio-button><theoplayer-radio-button value="1">Normal</theoplayer-radio-button><theoplayer-radio-button value="1.25">1.25x</theoplayer-radio-button><theoplayer-radio-button value="1.5">1.5x</theoplayer-radio-button><theoplayer-radio-button value="2">2x</theoplayer-radio-button></theoplayer-playback-rate-radio-group>'));class tp extends ev{constructor(){super({template:tu()})}}e.define("theoplayer-playback-rate-menu",tp);class tc extends N(t,["playbackRate"]){connectedCallback(){r(this)}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get playbackRate(){return this._playbackRate}set playbackRate(e){this._playbackRate=e,b(this._spanEl,1===e?"Normal":`${e}x`)}constructor(){super(),this._playbackRate=1;let e=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),e.appendChild(this._spanEl),this._upgradeProperty("playbackRate")}}e.define("theoplayer-playback-rate-display",tc);class ty extends N(t,["activeVideoQuality","targetVideoQualities"]){connectedCallback(){r(this)}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get activeVideoQuality(){return this._activeVideoQuality}set activeVideoQuality(e){this._activeVideoQuality=e,this.update_()}get targetVideoQualities(){return this._targetVideoQualities}set targetVideoQualities(e){this._targetVideoQualities=e,this.update_()}update_(){let e;let t=void 0!==this._targetVideoQualities&&1===this._targetVideoQualities.length,r=t?this._targetVideoQualities[0]:void 0,a=null!=r?r:this._activeVideoQuality,i=eO(a);e=t?null!=i?i:"Unknown":`Automatic${i?` (${i})`:""}`,b(this._spanEl,e)}constructor(){super(),this._activeVideoQuality=void 0,this._targetVideoQualities=void 0;let e=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),e.appendChild(this._spanEl),this._upgradeProperty("activeVideoQuality"),this._upgradeProperty("targetVideoQualities")}}e.define("theoplayer-active-quality-display",ty);let t_=i("theoplayer-quality-radio-button",x("<slot></slot>")),tv=["activequalitychanged","targetqualitychanged"],tg=["update"];class tb extends es{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(tv,this._updateFromTrack),this._track=e,this._updateFromTrack(),e&&e.addEventListener(tv,this._updateFromTrack))}get quality(){return this._quality}set quality(e){this._quality!==e&&(this._quality&&this._quality.removeEventListener(tg,this._updateFromQuality),this._quality=e,this._updateFromTrack(),e&&e.addEventListener(tg,this._updateFromQuality))}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===eV.ARIA_CHECKED&&this._updateTargetQuality(),tb.observedAttributes.indexOf(e)>=0&&a(this))}constructor(){super({template:t_()}),this._track=void 0,this._quality=void 0,this._updateFromTrack=()=>{if(void 0!==this._track){let e=this._track.targetQuality;Array.isArray(e)&&(e=1===e.length?e[0]:void 0),void 0===this._quality?this.checked=void 0===e:this.checked=e===this._quality}this._updateFromQuality()},this._updateFromQuality=()=>{var e;b(this._slotEl,null!=(e=eO(this._quality))?e:"Automatic")},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track"),this._upgradeProperty("quality")}}e.define("theoplayer-quality-radio-button",tb);let tm=i(),tf=["addtrack","removetrack","change"];class tk extends N(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._radioGroup instanceof ed||e.upgrade(this._radioGroup),this._updateTrack(),this.shadowRoot.addEventListener("change",this._onChange)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange)}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._videoTracks)||t.removeEventListener(tf,this._updateTrack),this._player=e,this._videoTracks=null==e?void 0:e.videoTracks,this._updateTrack(),null==(r=this._videoTracks)||r.addEventListener(tf,this._updateTrack))}constructor(){super(),this._onChange=()=>{this.dispatchEvent(er("change",{bubbles:!0}))},this._updateTrack=()=>{var e,t;let r=this._player?y(this._player.videoTracks,e=>e.enabled):void 0;this._track!==r&&(null==(e=this._track)||e.removeEventListener("update",this._update),this._track=r,null==(t=this._track)||t.addEventListener("update",this._update),this._update())},this._update=()=>{let e=c(this._radioGroup.children),t=this._track?this._track.qualities:[],r=1===t.length?[void 0]:[void 0,...t],a=0;for(;a<e.length&&a<r.length;){let t=e[a];t.track=this._track,t.quality=r[a],a++}for(;a<e.length;)this._radioGroup.removeChild(e[a]),a++;for(;a<r.length;){let e=new tb;e.track=this._track,e.quality=r[a],this._radioGroup.appendChild(e),a++}};let e=this.attachShadow({mode:"open"});e.appendChild(tm().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("player")}}e.define("theoplayer-quality-radio-group",tk);let tE=i("theoplayer-text-track-style-reset-button",x("<slot>Reset</slot>"));class tA extends N(S,["player"]){static get observedAttributes(){return[...S.observedAttributes]}get player(){return this._player}set player(e){this._player=e}handleClick(){if(void 0===this._player)return;let{textTrackStyle:e}=this._player;e.fontFamily=void 0,e.fontColor=void 0,e.fontSize=void 0,e.backgroundColor=void 0,e.windowColor=void 0,e.edgeStyle=void 0}constructor(){super({template:tE()})}}e.define("theoplayer-text-track-style-reset-button",tA);let tw=i("theoplayer-settings-menu",eb('<theoplayer-menu><span slot="heading"><slot name="heading">Settings</slot></span><div class="theoplayer-menu-table"><span>Quality</span><theoplayer-menu-button menu="quality-menu"><theoplayer-active-quality-display></theoplayer-active-quality-display></theoplayer-menu-button><span>Playback speed</span><theoplayer-menu-button menu="playback-rate-menu"><theoplayer-playback-rate-display></theoplayer-playback-rate-display></theoplayer-menu-button></div></theoplayer-menu><theoplayer-menu id="quality-menu" menu-close-on-input hidden><span slot="heading">Quality</span><theoplayer-quality-radio-group></theoplayer-quality-radio-group></theoplayer-menu><theoplayer-playback-rate-menu id="playback-rate-menu" menu-close-on-input hidden><span slot="heading">Playback speed</span></theoplayer-playback-rate-menu>',ez));class tC extends ef{constructor(){super({template:tw()})}}e.define("theoplayer-settings-menu",tC);var tT='<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M14 22.475h-4q-.475 0-.863-.337-.387-.338-.437-.813l-.3-2.2q-.2-.075-.4-.2t-.375-.25l-2.05.85q-.475.2-.937.05-.463-.15-.738-.6l-1.975-3.45q-.25-.45-.162-.95.087-.5.487-.775l1.775-1.35Q4 12.325 4 12.225v-.45q0-.1.025-.225L2.25 10.2q-.4-.3-.487-.8-.088-.5.162-.925L3.9 5.025q.25-.45.725-.588.475-.137.95.038l2.075.875q.175-.15.363-.263.187-.112.387-.187l.3-2.225q.05-.5.425-.825.375-.325.875-.325h4q.5 0 .875.325t.425.825l.3 2.225q.2.075.4.187.2.113.375.263l2.05-.875q.475-.175.938-.025.462.15.737.575l2 3.45q.25.45.15.95-.1.5-.5.775l-1.775 1.35v.675q0 .1-.025.225l1.775 1.35q.4.275.487.775.088.5-.162.95l-2 3.45q-.25.425-.725.587-.475.163-.95-.037l-2.025-.85q-.175.125-.362.25-.188.125-.388.2l-.3 2.2q-.05.475-.425.813-.375.337-.875.337ZM12 15.5q1.45 0 2.475-1.025Q15.5 13.45 15.5 12q0-1.45-1.025-2.475Q13.45 8.5 12 8.5q-1.45 0-2.475 1.025Q8.5 10.55 8.5 12q0 1.45 1.025 2.475Q10.55 15.5 12 15.5Z"/></svg>\n';let tx=i("theoplayer-settings-menu-button",x(`<span part="icon"><slot>${tT}</slot></span>`));class tL extends eA{connectedCallback(){super.connectedCallback(),this.hasAttribute(eV.ARIA_LABEL)||this.setAttribute(eV.ARIA_LABEL,"open settings menu")}constructor(){super({template:tx()})}}e.define("theoplayer-settings-menu-button",tL);let tS="theoplayerfullscreenenter",tP="theoplayerfullscreenexit",tR=i("theoplayer-fullscreen-button",x(`<span part="enter-icon"><slot name="enter-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M5.9 19.225q-.475 0-.8-.325-.325-.325-.325-.8V15q0-.475.325-.812.325-.338.8-.338.5 0 .825.338.325.337.325.812v1.95H9q.475 0 .812.325.338.325.338.825 0 .475-.338.8-.337.325-.812.325Zm0-9.075q-.475 0-.8-.338-.325-.337-.325-.812V5.9q0-.475.325-.8.325-.325.8-.325H9q.475 0 .812.325.338.325.338.8 0 .5-.338.825-.337.325-.812.325H7.05V9q0 .475-.325.812-.325.338-.825.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8 0-.5.338-.825.337-.325.812-.325h1.95V15q0-.475.325-.812.325-.338.825-.338.475 0 .8.338.325.337.325.812v3.1q0 .475-.325.8-.325.325-.8.325Zm3.1-9.075q-.5 0-.825-.338-.325-.337-.325-.812V7.05H15q-.475 0-.812-.325-.338-.325-.338-.825 0-.475.338-.8.337-.325.812-.325h3.1q.475 0 .8.325.325.325.325.8V9q0 .475-.325.812-.325.338-.8.338Z"/></svg>
|
|
26
|
-
</slot></span><span part="exit-icon"><slot name="exit-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M9 19.225q-.475 0-.812-.325-.338-.325-.338-.8v-1.95H5.9q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.812.325-.338.8-.338H9q.475 0 .812.338.338.337.338.812v3.1q0 .475-.338.8-.337.325-.812.325ZM5.9 10.15q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.813.325-.337.8-.337h1.95V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .812.325.338.325.338.8V9q0 .475-.338.812-.337.338-.812.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8V15q0-.475.338-.812.337-.338.812-.338h3.1q.475 0 .8.338.325.337.325.812 0 .475-.325.812-.325.338-.8.338h-1.95v1.95q0 .475-.337.8-.338.325-.813.325Zm0-9.075q-.475 0-.812-.338-.338-.337-.338-.812V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .813.325.337.325.337.8v1.95h1.95q.475 0 .8.337.325.338.325.813 0 .475-.325.812-.325.338-.8.338Z"/></svg>
|
|
27
|
-
</slot></span>`,":host(:not([fullscreen])) [part=exit-icon],:host([fullscreen]) [part=enter-icon]{display:none!important}"));class tM extends N(S,["fullscreen"]){static get observedAttributes(){return[...S.observedAttributes,eV.FULLSCREEN]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get fullscreen(){return this.hasAttribute(eV.FULLSCREEN)}set fullscreen(e){m(this,eV.FULLSCREEN,e)}handleClick(){if(this.fullscreen){let e=ea(tP,{bubbles:!0,composed:!0});this.dispatchEvent(e)}else{let e=ea(tS,{bubbles:!0,composed:!0});this.dispatchEvent(e)}}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),tM.observedAttributes.indexOf(e)>=0&&(a(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.fullscreen?"exit fullscreen":"enter fullscreen";this.setAttribute(eV.ARIA_LABEL,e)}constructor(){super({template:tR()}),this._upgradeProperty("fullscreen")}}e.define("theoplayer-fullscreen-button",tM);class tI{add(e,t,r){if((t=Math.max(t,0))>=(r=Math.min(r,100)))return;let a=_(this._stops,e=>{let[,r]=e;return t<=r});if(a<0)return;let[i,s]=this._stops[a],o=[];if(t>0&&o.push([i,t]),o.push([e,r]),r<s)o.push([i,s]),this._stops.splice(a,1,...o);else{let e=a+1;for(;e<this._stops.length&&!(r<this._stops[e][1]);)e++;this._stops.splice(a,e-a,...o)}}toGradientStops(){let e=[],t=0;for(let[r,a]of this._stops)a<t||(e.push(`${r} ${t}%`),e.push(`${r} ${a}%`),t=a);return e.join(", ")}constructor(){this._stops=[["transparent",100]]}}function tO(e,t){return void 0===t&&(t=""),`<style>:host{--thumb-height:var(--theoplayer-range-thumb-height,10px);--track-height:var(--theoplayer-range-track-height,4px);--theoplayer-range-padding:var(--theoplayer-control-padding,10px);background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;display:inline-block;font-size:0;height:44px;height:calc(var(--theoplayer-control-height, 24px) + var(--theoplayer-range-padding)*2);padding-left:10px;padding-left:var(--theoplayer-range-padding-left,var(--theoplayer-range-padding));padding-right:10px;padding-right:var(--theoplayer-range-padding-right,var(--theoplayer-range-padding));pointer-events:auto;position:relative;transition:background .15s linear;vertical-align:middle;width:100px}:host([hidden]){display:none!important}:host(:hover:not([disabled])){background:transparent;background:var(--theoplayer-control-hover-background,var(--theoplayer-control-background,transparent))}[part=container]{height:100%;position:relative}[part=background],[part=pointer]{border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);height:var(--track-height);position:absolute;top:50%;transform:translateY(-50%);transform:translate(var(--theoplayer-range-track-translate-x,0),calc(var(--theoplayer-range-track-translate-y, 0px) - 50%))}[part=background]{background:hsla(0,0%,100%,.2);background:var(--theoplayer-range-track-background,hsla(0,0%,100%,.2));min-width:40px;width:100%;width:var(--theoplayer-range-track-width,100%)}[part=pointer]{background:transparent;background:var(--theoplayer-range-track-pointer-background,transparent);border-right:none;border-right:var(--theoplayer-range-track-pointer-border-right,none);opacity:0;transition:visibility .25s,opacity .25s;visibility:hidden}:host(:hover:not([disabled])) [part=pointer]{opacity:1;transition:visibility .5s,opacity .5s;visibility:visible}input[type=range]{-webkit-appearance:none;background:transparent;box-sizing:border-box;margin:0;min-height:100%;padding:0;position:relative;width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);margin-top:calc(0px - var(--thumb-height)/2 + var(--track-height)/2);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-webkit-transition:none;transition:none;-webkit-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);width:10px;width:var(--theoplayer-range-thumb-width,10px)}input[type=range]::-moz-range-thumb{background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-moz-transition:none;transition:none;-moz-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);translate:0 0;translate:var(--theoplayer-range-track-translate-x,0) var(--theoplayer-range-track-translate-y,0);width:10px;width:var(--theoplayer-range-thumb-width,10px)}input[type=range]::-ms-thumb{background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-ms-transition:none;transition:none;-ms-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);width:10px;width:var(--theoplayer-range-thumb-width,10px)}:host([disabled]) input[type=range]::-webkit-slider-thumb{display:none}:host([disabled]) input[type=range]::-moz-range-thumb{display:none}:host([disabled]) input[type=range]::-ms-thumb{display:none}input[type=range]::-webkit-slider-runnable-track{background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-webkit-transition:none;transition:none;-webkit-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-moz-range-track{background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-moz-transition:none;transition:none;-moz-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-ms-track{background:transparent;background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);color:transparent;cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-ms-transition:none;transition:none;-ms-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper,input[type=range]::-ms-tooltip{display:none}:host([disabled]) input[type=range]::-webkit-slider-runnable-track{cursor:default}:host([disabled]) input[type=range]::-moz-range-track{cursor:default}:host([disabled]) input[type=range]::-ms-track{cursor:default}input[type=range]:focus{box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}input[type=range]:focus:not(:focus-visible){box-shadow:none}input[type=range]:focus::-webkit-slider-runnable-track{outline:0}
|
|
28
|
-
${t}</style><div part="container"><div part="background"></div><div part="pointer"></div>${e}</div>`}class tN extends N(t,["deviceType"]){static get observedAttributes(){return[eV.DISABLED,eV.HIDDEN]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._rangeEl.setAttribute(eV.ARIA_LABEL,this.getAriaLabel()),this.update(),this.addEventListener("pointermove",this._updatePointerBar)}disconnectedCallback(){this.removeEventListener("pointermove",this._updatePointerBar)}get disabled(){return this.hasAttribute(eV.DISABLED)}set disabled(e){m(this,eV.DISABLED,e)}get value(){return this._rangeEl.valueAsNumber}set value(e){this._rangeEl.valueAsNumber=e,this.handleInput()}get min(){return Number(this._rangeEl.min)}set min(e){this._rangeEl.min=String(e),this.update()}get max(){return Number(this._rangeEl.max)}set max(e){this._rangeEl.max=String(e),this.update()}get step(){let e=this._rangeEl.step;return"any"===e?e:Number(e)}set step(e){this._rangeEl.step=String(e)}get deviceType(){return this.getAttribute(eV.DEVICE_TYPE)||"desktop"}set deviceType(e){this.setAttribute(eV.DEVICE_TYPE,e)}attributeChangedCallback(e,t,r){if(r===t)return;let i=null!=r;e===eV.DISABLED?(this.setAttribute("aria-disabled",i?"true":"false"),m(this._rangeEl,eV.DISABLED,i)):e!==eV.HIDDEN||i||this.update(),tN.observedAttributes.indexOf(e)>=0&&a(this)}handleInput(){this.update()}update(e){this.hasAttribute(eV.HIDDEN)||(e||this.updateCachedWidths_(),this._rangeEl.setAttribute("aria-valuetext",this.getAriaValueText()),this.updateBar_())}updateBar_(){let e=this.getBarColors().toGradientStops();a(this,{"--theoplayer-range-track-progress-internal":`linear-gradient(to right, ${e})`})}getBarColors(){let{value:e,min:t,max:r}=this,a=(e-t)/(r-t)*100;isNaN(a)&&(a=0);let i=0;if(t<e&&e<r){let e=this._thumbWidth*(.5-a/100);i=e/this._rangeWidth*100}let s=new tI;return s.add("var(--theoplayer-range-bar-color, #fff)",0,a+i),s}updateCachedWidths_(){let e=this._rangeEl.offsetWidth;e>0&&(this._rangeWidth=e);let t=parseInt(getComputedStyle(this).getPropertyValue("--theoplayer-range-thumb-width")||"10px");t>0&&(this._thumbWidth=t)}getMinimumStepForVisibleChange_(){let{min:e,max:t}=this,r=t-e;return r<=0?NaN:r/this._rangeWidth}updatePointer_(e,t){this._pointerEl.style.width=`${e*t.width}px`}handleKeyDown_(e){"tv"===this.deviceType&&w(e.keyCode)&&(e.keyCode===eH.LEFT||e.keyCode===eH.RIGHT?e.stopPropagation():(e.keyCode===eH.UP||e.keyCode===eH.DOWN)&&e.preventDefault())}constructor(e){super(),this._rangeWidth=0,this._thumbWidth=10,this._onInput=()=>{this.handleInput()},this._updatePointerBar=e=>{if(this.disabled)return;let t=this._rangeEl.getBoundingClientRect(),r=(e.clientX-t.left)/t.width;r=Math.max(0,Math.min(1,r)),this.updatePointer_(r,t)},this._onKeyDown=e=>{this.handleKeyDown_(e)};let t=this.attachShadow({mode:"open"});t.appendChild(e.template.content.cloneNode(!0)),this._rangeEl=t.querySelector('input[type="range"]'),this._rangeEl.addEventListener("input",this._onInput),this._rangeEl.addEventListener("change",this._onInput),this._rangeEl.addEventListener("keydown",this._onKeyDown),this._pointerEl=t.querySelector('[part="pointer"]'),this._upgradeProperty("disabled"),this._upgradeProperty("value"),this._upgradeProperty("min"),this._upgradeProperty("max"),this._upgradeProperty("step"),this._upgradeProperty("deviceType")}}let tD="theoplayerpreviewtimechange";function tB(e){return"linear"===e.type}let tF=i(),tq=["addtrack","removetrack"];class tU extends N(t,["player","previewTime"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this)}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._textTrackList)||t.removeEventListener(tq,this._updateThumbnailTextTrack),this._player=e,this._textTrackList=null==e?void 0:e.textTracks,this._updateThumbnailTextTrack(),null==(r=this._textTrackList)||r.addEventListener(tq,this._updateThumbnailTextTrack))}get previewTime(){return this._previewTime}set previewTime(e){this._previewTime=e,this.updateThumbnail_()}updateThumbnail_(){let e=this._thumbnailTextTrack;if(void 0===e){this.hideThumbnail_();return}"disabled"===e.mode&&(e.mode="hidden");let t=function(e,t){if(0===e.length)return;let r=e[0];for(let a of e)if(a.startTime<=t)r=a;else if(t>=a.endTime)break;return r}(e.cues,this._previewTime);if(void 0===t){this.hideThumbnail_();return}let r=t.content.trim(),a=function(e){let t=e.match(/^(.+)#xywh=(\d+),(\d+),(\d+),(\d+)$/);if(!t)return;let[,r,a,i,s,o]=t;return{url:r,x:+a,y:+i,w:+s,h:+o}}(r),i=a?a.url:r;if(i=new URL(i,e.src||location.href).href,this._lastLoadedThumbnailUrl!==i){this.loadThumbnailImage_(i);return}this.showThumbnail_(a)}loadThumbnailImage_(e){if(this._thumbnailImageSource.src===e)return;let t=()=>{this._lastLoadedThumbnailUrl=e,this.updateThumbnail_()};"function"==typeof this._thumbnailImageSource.decode?(this._thumbnailImageSource.src=e,this._thumbnailImageSource.decode().then(t,h)):(this._thumbnailImageSource.onload=t,this._thumbnailImageSource.src="",this._thumbnailImageSource.src=e)}showThumbnail_(e){e?(this._canvasEl.width=e.w,this._canvasEl.height=e.h,this._canvasContext.drawImage(this._thumbnailImageSource,e.x,e.y,e.w,e.h,0,0,e.w,e.h)):(this._canvasEl.width=this._thumbnailImageSource.naturalWidth,this._canvasEl.height=this._thumbnailImageSource.naturalHeight,this._canvasContext.drawImage(this._thumbnailImageSource,0,0)),this._canvasEl.style.display="block"}hideThumbnail_(){this._canvasEl.style.display="none"}constructor(){super(),this._previewTime=NaN,this._updateThumbnailTextTrack=()=>{let e=this._thumbnailTextTrack,t=this._player?y(this._player.textTracks,tV):void 0;e!==t&&(this._thumbnailTextTrack=t,this.updateThumbnail_())};let e=this.attachShadow({mode:"open"});e.appendChild(tF().content.cloneNode(!0)),this._canvasEl=e.querySelector("canvas"),this._canvasContext=this._canvasEl.getContext("2d"),this._thumbnailImageSource=document.createElement("img"),this._thumbnailImageSource.decoding="async",this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}function tV(e){return"metadata"===e.kind&&"thumbnails"===e.label}e.define("theoplayer-preview-thumbnail",tU);let tH=i(),tG=["timeupdate","seeking","seeked","durationchange"];class tK extends N(t,["player","previewTime","streamType"]){static get observedAttributes(){return[eV.REMAINING,eV.REMAINING_WHEN_LIVE,eV.STREAM_TYPE]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._update()}get previewTime(){return this._previewTime}set previewTime(e){this._previewTime=e,this._update()}get streamType(){return this.getAttribute(eV.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(eV.STREAM_TYPE,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(tG,this._update),this._player=e,this._update(),void 0!==this._player&&this._player.addEventListener(tG,this._update))}attributeChangedCallback(e,t,r){r!==t&&tK.observedAttributes.indexOf(e)>=0&&(this._update(),a(this))}constructor(){super(),this._previewTime=NaN,this._update=()=>{var e;let t=this._previewTime,r=this._player?this._player.duration:NaN,a=null==(e=this._player)?void 0:e.seekable,i=isFinite(r)?r:a&&a.length>0?a.end(0):NaN,s=this.hasAttribute(eV.REMAINING)||this.hasAttribute(eV.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType;s&&(t=-((i||0)-t)),b(this._spanEl,Y(t,i,s))};let e=this.attachShadow({mode:"open"});e.appendChild(tH().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}e.define("theoplayer-preview-time-display",tK);let tQ=i("theoplayer-time-range",tO('<input type="range" min="0" max="1000" step="any" value="0"><div class="theoplayer-time-range-preview-rail"><div part="box preview-box"><slot name="preview"><theoplayer-preview-thumbnail></theoplayer-preview-thumbnail><theoplayer-preview-time-display remaining-when-live></theoplayer-preview-time-display></slot></div></div>',"input[type=range]{direction:ltr}.theoplayer-time-range-preview-rail{bottom:100%;left:0;opacity:0;pointer-events:none;position:absolute;transition:visibility .25s,opacity .25s;visibility:hidden;width:1%}:host(:hover:not([disabled])) .theoplayer-time-range-preview-rail{opacity:1;transition:visibility .5s,opacity .5s;visibility:visible}[part~=box]{align-items:center;bottom:100%;display:flex;flex-direction:column;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);line-height:24px;line-height:var(--theoplayer-text-content-height,var(--theoplayer-control-height,24px));position:absolute;text-shadow:0 0 4px rgba(0,0,0,.75);text-shadow:var(--theoplayer-preview-text-shadow,0 0 4px rgba(0,0,0,.75));transform:translateX(-50%)}")),tY=["timeupdate","durationchange","ratechange","seeking","seeked"],tz=["play","pause","ended","durationchange","readystatechange","error"],t$=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class tW extends N(tN,["player","streamType","deviceType"]){static get observedAttributes(){return[...tN.observedAttributes,eV.SHOW_AD_MARKERS]}connectedCallback(){super.connectedCallback(),this._toggleAutoAdvance()}disconnectedCallback(){super.disconnectedCallback(),this._toggleAutoAdvance()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(tY,this._updateFromPlayer),this._player.removeEventListener(tz,this._toggleAutoAdvance)),null==(t=this._ads)||t.removeEventListener(t$,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),this._toggleAutoAdvance(),void 0!==this._player&&(this._player.addEventListener(tY,this._updateFromPlayer),this._player.addEventListener(tz,this._toggleAutoAdvance)),null==(r=this._ads)||r.addEventListener(t$,this._onAdChange))}get streamType(){return this.getAttribute(eV.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(eV.STREAM_TYPE,e)}updateDisabled_(e){void 0===e&&(e=(()=>{var e;return null==(e=this._player)?void 0:e.seekable})());let t="live"===this.streamType;void 0!==e&&(t||(t=0===e.length)),this.disabled!==t&&(this.disabled=t)}getAriaLabel(){return"seek"}getAriaValueText(){let e=W(this.value),t=W(this.max);return e&&t?`${e} of ${t}`:"video not loaded, unknown time"}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===eV.STREAM_TYPE?this.updateDisabled_():e===eV.SHOW_AD_MARKERS&&this.update(),tW.observedAttributes.indexOf(e)>=0&&a(this))}handleInput(){void 0!==this._player&&this._player.currentTime!==this.value&&(this._player.currentTime=this.value),super.handleInput()}shouldAutoAdvance_(){return this.isConnected&&void 0!==this._player&&!this._player.paused&&!this._player.ended&&!this._player.errorObject&&this._player.readyState>=3&&this.needToUpdateEveryFrame_()}needToUpdateEveryFrame_(){let e=this.getMinimumStepForVisibleChange_(),t=.25*this._lastPlaybackRate;return e<t}updatePointer_(e,t){super.updatePointer_(e,t);let r=t.left+e*t.width,a=this._previewBoxEl.getBoundingClientRect(),i=t.left+a.width/2,s=t.right-a.width/2;r=Math.max(i,Math.min(s,r));let o=(r-t.left)/t.width;if(this._previewRailEl.style.transform=`translateX(${(1e4*o).toFixed(6)}%)`,void 0===this._player)return;let{min:n,max:l}=this,h=n+e*(l-n),d=ea(tD,{bubbles:!0,composed:!0,detail:{previewTime:h}});this.dispatchEvent(d)}getBarColors(){let e=super.getBarColors();if(!this.hasAttribute(eV.SHOW_AD_MARKERS)||!this._player||!this._player.ads||this._player.ads.playing)return e;let{min:t,max:r}=this;for(let a of this._player.ads.scheduledAdBreaks){if(void 0!==a.ads&&a.ads.length>0&&!a.ads.some(tB))continue;let i=a.timeOffset;if(i<0&&(i=this._player.duration),t<=i&&i<=r){let a,s;let o=(i-t)/(r-t)*100;o+1<100?(a=o,s=o+1):(a=99,s=100),e.add("var(--theoplayer-time-range-ad-marker-color, #ffc50f)",a,s)}}return e}handleKeyDown_(e){super.handleKeyDown_(e),"tv"===this.deviceType&&e.keyCode===eH.ENTER&&void 0!==this._player&&(this._player.paused?this._player.play():this._player.pause())}constructor(){super({template:tQ()}),this._pausedWhileScrubbing=!1,this._autoAdvanceId=0,this._lastUpdateTime=0,this._lastCurrentTime=0,this._lastPlaybackRate=0,this._updateFromPlayer=()=>{let e,t;if(void 0===this._player)return;this._lastUpdateTime=performance.now(),this._lastCurrentTime=this._player.currentTime,this._lastPlaybackRate=this._player.playbackRate;let r=this._player.seekable;if(0!==r.length?(e=r.start(0),t=r.end(0)):(e=0,t=this._player.duration),!isFinite(this._lastCurrentTime)){let r=this._player.duration===1/0;this._lastCurrentTime=r?t:e}this._rangeEl.min=String(e),this._rangeEl.max=String(t),this._rangeEl.valueAsNumber=this._lastCurrentTime,this.update(),this.updateDisabled_(r)},this._pauseOnScrubStart=()=>{this._pausedWhileScrubbing||void 0===this._player||this._player.paused||(this._pausedWhileScrubbing=!0,this._player.pause(),document.addEventListener("mouseup",this._playOnScrubEnd),document.addEventListener("touchend",this._playOnScrubEnd))},this._playOnScrubEnd=()=>{this._pausedWhileScrubbing&&(this._pausedWhileScrubbing=!1,document.removeEventListener("mouseup",this._playOnScrubEnd),document.removeEventListener("touchend",this._playOnScrubEnd),void 0!==this._player&&this._player.paused&&this._player.play())},this._toggleAutoAdvance=()=>{this.shouldAutoAdvance_()?0===this._autoAdvanceId&&(this._updateFromPlayer(),this._autoAdvanceId=requestAnimationFrame(this._autoAdvanceWhilePlaying)):0!==this._autoAdvanceId&&(this._updateFromPlayer(),cancelAnimationFrame(this._autoAdvanceId),this._autoAdvanceId=0)},this._autoAdvanceWhilePlaying=()=>{if(!this.shouldAutoAdvance_()){this._autoAdvanceId=0;return}let e=(performance.now()-this._lastUpdateTime)/1e3,t=this._lastCurrentTime+e*this._lastPlaybackRate;Math.abs(t-this.value)>=this.getMinimumStepForVisibleChange_()&&(this._rangeEl.valueAsNumber=t,this.update(!0)),this._autoAdvanceId=requestAnimationFrame(this._autoAdvanceWhilePlaying)},this._onAdChange=()=>{this.update()},this._previewRailEl=this.shadowRoot.querySelector(".theoplayer-time-range-preview-rail"),this._previewBoxEl=this._previewRailEl.querySelector('[part~="preview-box"]'),this._rangeEl.setAttribute(eV.ARIA_LIVE,"off"),this._rangeEl.addEventListener("mousedown",this._pauseOnScrubStart),this._rangeEl.addEventListener("touchstart",this._pauseOnScrubStart),this._upgradeProperty("player")}}e.define("theoplayer-time-range",tW);let tZ=i("theoplayer-volume-range",tO('<input type="range" min="0" max="1" step="any" value="0">'));class tj extends N(tN,["player","deviceType"]){get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener("volumechange",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener("volumechange",this._updateFromPlayer))}getAriaLabel(){return"volume"}getAriaValueText(){var e,t;return e=this.value,t=this.max,`${Math.round(e/t*100)}%`}handleInput(){void 0!==this._player&&this._player.volume!==this.value&&(this._player.volume=this.value),super.handleInput()}constructor(){super({template:tZ()}),this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.volume)},this._upgradeProperty("player")}}e.define("theoplayer-volume-range",tj);let tJ=i();class tX extends N(t,["error","fullscreen"]){static get observedAttributes(){return[eV.FULLSCREEN]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this)}get error(){return this._error}set error(e){this._error=e,b(this._messageSlot,e?e.message:"")}get fullscreen(){return this.hasAttribute(eV.FULLSCREEN)}set fullscreen(e){m(this,eV.FULLSCREEN,e)}attributeChangedCallback(e,t,r){tX.observedAttributes.indexOf(e)>=0&&a(this)}constructor(){super();let e=this.attachShadow({mode:"open",delegatesFocus:!0});e.appendChild(tJ().content.cloneNode(!0)),this._messageSlot=e.querySelector('slot[name="message"]'),this._upgradeProperty("error")}}e.define("theoplayer-error-display",tX);class t0 extends S{static get observedAttributes(){return[...S.observedAttributes,eV.CAST_STATE]}connectedCallback(){super.connectedCallback(),this.hasAttribute(eV.CAST_STATE)||this.setAttribute(eV.CAST_STATE,"unavailable"),this._updateCastState()}get castApi(){return this._castApi}set castApi(e){void 0!==this._castApi&&this._castApi.removeEventListener("statechange",this._updateCastState),this._castApi=e,this._updateCastState(),void 0!==this._castApi&&this._castApi.addEventListener("statechange",this._updateCastState)}get castState(){return this.getAttribute(eV.CAST_STATE)}handleClick(){if(this._castApi){this._updateCastState();let e=this.castState;"available"===e?this._castApi.start():("connecting"===e||"connected"===e)&&this._castApi.stop()}}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),t0.observedAttributes.indexOf(e)>=0&&a(this)}constructor(e){super(e),this._updateCastState=()=>{let e=this._castApi?this._castApi.state:"unavailable";this.setAttribute(eV.CAST_STATE,e)},this._upgradeProperty("castState"),this._upgradeProperty("castApi")}}let t5=i("theoplayer-chromecast-button",x('<span part="icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="24" width="24"><defs><clipPath id="theoplayer-chromecast-rings-mask"><path d="M0-36h44V0H0z"/></clipPath></defs><path class="theoplayer-chromecast-outer" d="M2 10a4 4 0 0 1 4-4h36a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H28v-4h14V10H6v6H2z"/><path class="theoplayer-chromecast-inner" d="M10 14h28v20H26.74A26 26 0 0 0 10 17.26z"/><g class="theoplayer-chromecast-rings" fill="none" stroke="currentColor" stroke-width="4" transform="translate(2 42)" clip-path="url(#theoplayer-chromecast-rings-mask)"><circle stroke="none" cx="0" cy="0" r="30"/><circle class="theoplayer-chromecast-ring theoplayer-chromecast-ring1" stroke-width="6" cx="0" cy="0" r="3"/><circle class="theoplayer-chromecast-ring theoplayer-chromecast-ring2" cx="0" cy="0" r="12"/><circle class="theoplayer-chromecast-ring theoplayer-chromecast-ring3" cx="0" cy="0" r="20"/><path class="theoplayer-chromecast-ring theoplayer-chromecast-ring4" stroke-linecap="round" d="M0-20A20 20 0 0 1 20 0"/></g></svg></span>',":host([cast-state=unavailable]){display:none!important}:host([cast-state=connecting]) .theoplayer-chromecast-ring{animation:.9s linear infinite}:host([cast-state=connecting]) .theoplayer-chromecast-ring1{animation-name:theoplayer-chromecast-connecting-ring1}:host([cast-state=connecting]) .theoplayer-chromecast-ring2{animation-name:theoplayer-chromecast-connecting-ring2}:host([cast-state=connecting]) .theoplayer-chromecast-ring3{animation-name:theoplayer-chromecast-connecting-ring3}:host([cast-state=connecting]) .theoplayer-chromecast-ring4{animation-name:theoplayer-chromecast-connecting-ring4}.theoplayer-chromecast-inner{opacity:0;transition:opacity .5s ease-in-out}:host([cast-state=connected]) .theoplayer-chromecast-inner{opacity:1}.theoplayer-chromecast-rings{-webkit-clip-path:polygon(50% -100%,50% 50%,100% 50%,100% -100%);clip-path:polygon(50% -100%,50% 50%,100% 50%,100% -100%)}@keyframes theoplayer-chromecast-connecting-ring1{0%,37.5%{transform:scale(0)}62.5%,to{transform:scale(1)}}@keyframes theoplayer-chromecast-connecting-ring2{0%,20%{stroke-width:24;transform:scale(.25)}35%{stroke-width:10;transform:scale(.5)}55%,to{stroke-width:4;transform:scale(1)}}@keyframes theoplayer-chromecast-connecting-ring3{0%,15%{stroke-width:6.66667;transform:scale(.6)}45%,to{stroke-width:4;transform:scale(1)}}@keyframes theoplayer-chromecast-connecting-ring4{0%{stroke-width:4;stroke-dashoffset:0;stroke-dasharray:32,99;opacity:1;transform:scale(1)}35%{stroke-width:2.8571;stroke-dashoffset:-18;stroke-dasharray:0,99;opacity:1;transform:scale(1.4)}50%{stroke-width:0;stroke-dashoffset:-18;stroke-dasharray:0,99;opacity:1;transform:scale(1.5)}50.001%,to{opacity:0}}")),t2="theoplayer-chromecast-rings-mask",t1=0;class t3 extends N(t0,["player"]){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get player(){return this._player}set player(e){var t;this._player=e,this.castApi=null==e?void 0:null==(t=e.cast)?void 0:t.chromecast}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),t3.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e="connecting"===this.castState||"connected"===this.castState?"stop casting to Chromecast":"start casting to Chromecast";this.setAttribute(eV.ARIA_LABEL,e)}constructor(){super({template:t5()});let e=++t1,t=this.shadowRoot.querySelector(`svg clipPath#${t2}`),r=this.shadowRoot.querySelector("svg .theoplayer-chromecast-rings"),a=`${t2}-${e}`;null==t||t.setAttribute("id",a),r.setAttribute("clip-path",a),this._upgradeProperty("player")}}e.define("theoplayer-chromecast-button",t3);let t8=i(),t7=["statechange"];class t4 extends N(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this.hasAttribute(eV.HIDDEN)||this.setAttribute(eV.HIDDEN,""),this._updateFromPlayer()}get player(){return this._player}set player(e){var t;this._player!==e&&(void 0!==this._castApi&&this._castApi.removeEventListener(t7,this._updateFromPlayer),this._player=e,this._castApi=null==e?void 0:null==(t=e.cast)?void 0:t.chromecast,this._updateFromPlayer(),void 0!==this._castApi&&this._castApi.addEventListener(t7,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{var e,t;let r=null==(t=this._player)?void 0:null==(e=t.cast)?void 0:e.chromecast;if(void 0===r||"connected"!==r.state){this.setAttribute(eV.HIDDEN,"");return}b(this._receiverNameEl,r.receiverName||""),this.removeAttribute(eV.HIDDEN)};let e=this.attachShadow({mode:"open"});e.appendChild(t8().content.cloneNode(!0)),this._receiverNameEl=e.querySelector('[part="receiver"]'),this._upgradeProperty("player")}}e.define("theoplayer-chromecast-display",t4);let t6=i("theoplayer-airplay-button",x('<span part="icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path class="theoplayer-airplay-inner" d="M5 7h14v8H5z"/><path d="M6 22h12l-6-6zM21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4v-2H3V5h18v12h-4v2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg></span>',":host([cast-state=unavailable]){display:none!important}.theoplayer-airplay-inner{opacity:0;transition:opacity .5s ease-in-out}:host([cast-state=connected]) .theoplayer-airplay-inner{opacity:1}"));class t9 extends N(t0,["player"]){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get player(){return this._player}set player(e){var t;this._player=e,this.castApi=null==e?void 0:null==(t=e.cast)?void 0:t.airplay}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),t9.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e="connecting"===this.castState||"connected"===this.castState?"stop playing on AirPlay":"start playing on AirPlay";this.setAttribute(eV.ARIA_LABEL,e)}constructor(){super({template:t6()}),this._upgradeProperty("player")}}e.define("theoplayer-airplay-button",t9);let re=i(),rt=["readystatechange","play","pause","playing","seeking","seeked"];class rr extends N(t,["player"]){static get observedAttributes(){return[eV.LOADING]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(rt,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(rt,this._updateFromPlayer))}attributeChangedCallback(e,t,r){rr.observedAttributes.indexOf(e)>=0&&a(this)}constructor(){super(),this._updateFromPlayer=()=>{let e=void 0!==this._player&&!this._player.paused&&(this._player.seeking||this._player.readyState<3);m(this,eV.LOADING,e)};let e=this.attachShadow({mode:"open"});e.appendChild(re().content.cloneNode(!0)),this._upgradeProperty("player")}}e.define("theoplayer-loading-indicator",rr);let ra=i();class ri extends N(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this.setAttribute("tabindex","-1"),this.setAttribute("aria-hidden","true")}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._playerElement&&(this._playerElement.removeEventListener("pointerdown",this._onPointerDown),this._playerElement.removeEventListener("click",this._onClick)),this._player=e,this._playerElement=null==e?void 0:e.element,void 0!==this._playerElement&&(this._playerElement.addEventListener("pointerdown",this._onPointerDown),this._playerElement.addEventListener("click",this._onClick)))}handleTap(e){}handleMouseClick(e){if(void 0!==this._player){var t;void 0===this._player.source||null!=(t=this._player.ads)&&t.playing||(this._player.paused?this._player.play():this._player.pause())}}constructor(){super(),this._pointerType="",this._onPointerDown=e=>{this._pointerType=e.pointerType},this._onClick=e=>{var t;let r=null!=(t=e.pointerType)?t:this._pointerType;"touch"===r?this.handleTap(e):"mouse"===r&&this.handleMouseClick(e)};let e=this.attachShadow({mode:"open"});e.appendChild(ra().content.cloneNode(!0)),this._upgradeProperty("player")}}e.define("theoplayer-gesture-receiver",ri);let rs=i("theoplayer-live-button",x(`<span part="icon"><slot name="icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><circle cx="12" cy="12" r="7"/></svg>
|
|
29
|
-
</slot></span><slot name="spacer"> </slot><span part="text"><slot name="text">LIVE</slot></span>`,"[part=icon] ::slotted(svg),[part=icon] svg{fill:#8c8c8c;fill:var(--theoplayer-live-button-color,#8c8c8c)}:host([live]:not([paused])) [part=icon] ::slotted(svg),:host([live]:not([paused])) [part=icon] svg{fill:red;fill:var(--theoplayer-live-button-active-color,red)}")),ro=["play","pause","playing","emptied"],rn=["seeking","seeked","timeupdate","durationchange","emptied"];class rl extends N(S,["player","streamType"]){static get observedAttributes(){return[...S.observedAttributes,eV.STREAM_TYPE,eV.LIVE,eV.PAUSED,eV.LIVE_THRESHOLD]}connectedCallback(){super.connectedCallback(),this.hasAttribute(eV.ARIA_LABEL)||this.setAttribute(eV.ARIA_LABEL,"seek to live")}get paused(){return this.hasAttribute(eV.PAUSED)}set paused(e){m(this,eV.PAUSED,e)}get streamType(){return this.getAttribute(eV.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(eV.STREAM_TYPE,e)}get liveThreshold(){var e;return Number(null!=(e=this.getAttribute(eV.LIVE_THRESHOLD))?e:10)}set liveThreshold(e){e=Number(e),this.setAttribute(eV.LIVE_THRESHOLD,String(isNaN(e)?0:e))}get live(){return this.hasAttribute(eV.LIVE)}set live(e){m(this,eV.LIVE,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(ro,this._updatePaused),this._player.removeEventListener(rn,this._updateLive)),this._player=e,this._updatePaused(),this._updateLive(),void 0!==this._player&&(this._player.addEventListener(ro,this._updatePaused),this._player.addEventListener(rn,this._updateLive)))}handleClick(){void 0!==this._player&&(this._player.hesp&&void 0!==this._player.hesp.manifest?this._player.hesp.goLive():(this._player.currentTime=1/0,this._player.play()))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===eV.LIVE_THRESHOLD&&this._updateLive(),rl.observedAttributes.indexOf(e)>=0&&a(this))}constructor(){super({template:rs()}),this._updatePaused=()=>{this.paused=void 0===this._player||this._player.paused},this._updateLive=()=>{let e=void 0!==this._player&&function(e,t){if(e.duration===1/0){let r=e.seekable;return!(r.length>0)||r.end(r.length-1)-e.currentTime<=t}return!1}(this._player,this.liveThreshold);this.live!==e&&(this.live=e)},this._upgradeProperty("paused"),this._upgradeProperty("streamType"),this._upgradeProperty("liveThreshold"),this._upgradeProperty("live"),this._upgradeProperty("player")}}e.define("theoplayer-live-button",rl);let rh=i(),rd=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class ru extends N(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._updateFromPlayer()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._ads)||t.removeEventListener(rd,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(rd,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{var e,t,r;let a=null==(e=this._player)?void 0:e.ads,i=(null!=(r=null==a?void 0:null==(t=a.currentAdBreak)?void 0:t.ads)?r:[]).filter(tB);if(void 0===a||!a.playing||0===i.length){b(this._spanEl,""),this.style.display="none";return}if(i.length>1){let e=this._player.ads.currentAds||[],t=y(e,tB);if(t){let e=i.indexOf(t);if(e>=0){b(this._spanEl,`Ad ${e+1} of ${i.length}`),this.style.display="";return}}}b(this._spanEl,"Ad"),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(rh().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}e.define("theoplayer-ad-display",ru);let rp=i(),rc=["adbreakbegin","adbreakend","adbreakchange","updateadbreak"];class ry extends N(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._update()}get player(){return this._player}set player(e){var t,r,a;this._player!==e&&(null==(t=this._player)||t.removeEventListener("timeupdate",this._update),null==(r=this._ads)||r.removeEventListener(rc,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(a=this._ads)||a.addEventListener(rc,this._onAdChange))}constructor(){super(),this._onAdChange=()=>{var e,t,r;(null==(t=this._player)?void 0:null==(e=t.ads)?void 0:e.playing)?(this._player.removeEventListener("timeupdate",this._update),this._player.addEventListener("timeupdate",this._update)):null==(r=this._player)||r.removeEventListener("timeupdate",this._update),this._update()},this._update=()=>{var e,t;let r=null==(e=this._player)?void 0:e.ads,a=null==r?void 0:null==(t=r.currentAdBreak)?void 0:t.maxRemainingDuration;if(void 0===r||!r.playing||void 0===a||a<0){b(this._spanEl,""),this.style.display="none";return}a=Math.ceil(a),b(this._spanEl,`Content will resume in ${a}s`),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(rp().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}e.define("theoplayer-ad-countdown",ry);let r_=i("theoplayer-ad-clickthrough-button",P("<slot>Visit Advertiser</slot>")),rv=["adbegin","adend","adloaded","updatead","adskip"];class rg extends N(M,["player"]){static get observedAttributes(){return[...M.observedAttributes,eV.CLICKTHROUGH]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer()}get clickThrough(){return this.getAttribute(eV.CLICKTHROUGH)}set clickThrough(e){null==e?this.removeAttribute(eV.CLICKTHROUGH):this.setAttribute(eV.CLICKTHROUGH,e)}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._ads)||t.removeEventListener(rv,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(rv,this._updateFromPlayer))}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),e===eV.CLICKTHROUGH&&r!==t){let e=null!=r,t=r?String(r).trim():"#";this.setLink(t,"_blank"),this.disabled=!e,e?this.style.display="":this.style.display="none"}rg.observedAttributes.indexOf(e)>=0&&a(this)}handleClick(){var e;null==(e=this._player)||e.pause()}constructor(){super({template:r_()}),this._updateFromPlayer=()=>{var e,t;let r=null==(e=this._player)?void 0:e.ads;if(!r||!r.playing){this.clickThrough=null;return}let a=y(null!=(t=r.currentAds)?t:[],tB);if(void 0===a||"google-ima"===a.integration){this.clickThrough=null;return}let i=a.clickThrough;if(!i){this.clickThrough=null;return}this.clickThrough=i},this.disabled=!0,this.style.display="none",this._upgradeProperty("clickThrough"),this._upgradeProperty("player")}}e.define("theoplayer-ad-clickthrough-button",rg);let rb=i("theoplayer-ad-skip-button",x(`<span part="countdown">Skip in 0 seconds</span><span part="skip"><span part="skip-text"><slot name="skip-text">Skip Ad</slot></span> <span part="skip-icon"><slot name="skip-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M17.5 18q-.425 0-.712-.288-.288-.287-.288-.712V7q0-.425.288-.713Q17.075 6 17.5 6t.712.287q.288.288.288.713v10q0 .425-.288.712-.287.288-.712.288ZM7.05 16.975q-.5.35-1.025.05-.525-.3-.525-.9v-8.25q0-.6.525-.888.525-.287 1.025.038l6.2 4.15q.45.3.45.825 0 .525-.45.825Z"/></svg>
|
|
30
|
-
</slot></span></span>`,":host{background:rgba(0,0,0,.7);background:var(--theoplayer-ad-skip-background,rgba(0,0,0,.7));border:1px solid hsla(0,0%,100%,.5);border:var(--theoplayer-ad-skip-border,1px solid hsla(0,0%,100%,.5));color:#fff;color:var(--theoplayer-ad-skip-color,#fff);display:grid;grid-template-columns:1fr;grid-template-rows:1fr}:host(:hover){background:rgba(0,0,0,.9);background:var(--theoplayer-ad-skip-hover-background,rgba(0,0,0,.9));border:1px solid #fff;border:var(--theoplayer-ad-skip-hover-border,1px solid #fff);color:#fff;color:var(--theoplayer-ad-skip-hover-color,var(--theoplayer-ad-skip-color,#fff))}:host([disabled]){background:transparent;background:var(--theoplayer-ad-skip-countdown-background,transparent);border:1px solid transparent;border:var(--theoplayer-ad-skip-countdown-border,1px solid transparent);color:#fff;color:var(--theoplayer-ad-skip-countdown-color,var(--theoplayer-ad-skip-color,#fff))}[part=countdown],[part=skip]{align-items:center;display:flex;grid-column:1;grid-row:1}[part=skip]{font-size:14px;font-size:var(--theoplayer-ad-skip-font-size,var(--theoplayer-text-font-size,14px));line-height:24px;line-height:var(--theoplayer-ad-skip-line-height,var(--theoplayer-text-content-height,var(--theoplayer-control-height,24px)))}[part=skip-icon]{padding-left:10px;padding-left:var(--theoplayer-control-padding,10px)}[part=skip-icon] ::slotted(svg),[part=skip-icon] svg{height:24px;height:var(--theoplayer-ad-skip-icon-height,var(--theoplayer-control-height,24px));width:24px;width:var(--theoplayer-ad-skip-icon-width,var(--theoplayer-control-height,24px))}")),rm=["adbegin","adend","adloaded","updatead","adskip"];class rf extends N(S,["player"]){static get observedAttributes(){return[...S.observedAttributes]}connectedCallback(){super.connectedCallback(),this._update()}get player(){return this._player}set player(e){var t,r,a;this._player!==e&&(null==(t=this._player)||t.removeEventListener("timeupdate",this._update),null==(r=this._ads)||r.removeEventListener(rm,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(a=this._ads)||a.addEventListener(rm,this._onAdChange))}handleClick(){var e,t;null==(t=this._player)||null==(e=t.ads)||e.skip()}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),rf.observedAttributes.indexOf(e)>=0&&a(this)}constructor(){super({template:rb()}),this._onAdChange=()=>{var e,t,r;(null==(t=this._player)?void 0:null==(e=t.ads)?void 0:e.playing)?(this._player.removeEventListener("timeupdate",this._update),this._player.addEventListener("timeupdate",this._update)):null==(r=this._player)||r.removeEventListener("timeupdate",this._update),this._update()},this._update=()=>{var e,t;let r=null==(e=this._player)?void 0:e.ads;if(!r||!r.playing){this.style.display="none";return}let a=y(null!=(t=r.currentAds)?t:[],tB);if(void 0===a||"google-ima"===a.integration){this.style.display="none";return}let i=a.skipOffset;if(void 0===i||i<0||void 0!==a.duration&&i>=a.duration){this.style.display="none";return}let s=this._player.currentTime;s<i?(b(this._countdownEl,`Skip in ${Math.ceil(i-s)}s`),this._countdownEl.style.visibility="visible",this._skipEl.style.visibility="hidden",this._skipEl.style.pointerEvents="none",this.style.display="",this.setAttribute(eV.DISABLED,""),this.setAttribute(eV.ARIA_LIVE,"off")):(this._countdownEl.style.visibility="hidden",this._skipEl.style.visibility="visible",this._skipEl.style.pointerEvents="",this.style.display="",this.removeAttribute(eV.DISABLED),this.setAttribute(eV.ARIA_LIVE,"polite"))},this._countdownEl=this.shadowRoot.querySelector('[part="countdown"]'),this._skipEl=this.shadowRoot.querySelector('[part="skip"]'),this._upgradeProperty("player")}}e.define("theoplayer-ad-skip-button",rf),(eY=eG||(eG={})).TopControlBar="top-control-bar",eY.BottomControlBar="bottom-control-bar",eY.Menu="menu";let rk=[];function rE(e){rk.push(e)}let rA=void 0,rw=(()=>{if("undefined"!=typeof document){for(let e of[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]])if(e[1]in document)return{requestFullscreen_:e[0],exitFullscreen_:e[1],fullscreenElement_:e[2],fullscreenEnabled_:e[3],fullscreenchange_:e[4],fullscreenerror_:e[5]}}})();function rC(){if("object"!=typeof navigator)return!1;if(navigator.userAgentData)return navigator.userAgentData.mobile;let e=navigator.userAgent;return!!e&&/Android|iPhone|iPad|iPod|Mobile Safari|Windows Phone/i.test(e)}function rT(){if("object"!=typeof navigator)return!1;let e=navigator.userAgent;return!!e&&/\b(tv|smart-tv|smarttv|appletv|crkey|googletv|hbbtv|pov_tv|roku|viera|nettv|philipstv)\b/i.test(e)}let rx="theoplayerstreamtypechange",rL="theoplayerready",rS=i();class rP extends t{static get observedAttributes(){return[eV.CONFIGURATION,eV.SOURCE,eV.MUTED,eV.AUTOPLAY,eV.FULLSCREEN,eV.FLUID,eV.DEVICE_TYPE,eV.PAUSED,eV.ENDED,eV.CASTING,eV.PLAYING_AD,eV.HAS_ERROR,eV.HAS_FIRST_PLAY,eV.STREAM_TYPE,eV.DVR_THRESHOLD,eV.USER_IDLE,eV.USER_IDLE_TIMEOUT]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get player(){return this._player}get configuration(){return this._configuration}set configuration(e){this.removeAttribute(eV.CONFIGURATION),this._setConfiguration(e)}_setConfiguration(e){this._configuration=null!=e?e:{},this.tryInitializePlayer_()}get source(){return this._player?this._player.source:this._source}set source(e){this.removeAttribute(eV.SOURCE),this._setSource(e)}_setSource(e){this._player?this._player.source=e:this._source=e}get fluid(){return this.hasAttribute(eV.FLUID)}set fluid(e){m(this,eV.FLUID,e)}get muted(){return this.hasAttribute(eV.MUTED)}set muted(e){m(this,eV.MUTED,e)}get autoplay(){return this.hasAttribute(eV.AUTOPLAY)}set autoplay(e){m(this,eV.AUTOPLAY,e)}get fullscreen(){return this.hasAttribute(eV.FULLSCREEN)}get paused(){return this.hasAttribute(eV.PAUSED)}get ended(){return this.hasAttribute(eV.ENDED)}get casting(){return this.hasAttribute(eV.CASTING)}get userIdleTimeout(){var e;let t="tv"===this.deviceType?5:2;return Number(null!=(e=this.getAttribute(eV.USER_IDLE_TIMEOUT))?e:t)}set userIdleTimeout(e){e=Number(e),this.setAttribute(eV.USER_IDLE_TIMEOUT,String(isNaN(e)?0:e))}get deviceType(){return this.getAttribute(eV.DEVICE_TYPE)||"desktop"}get streamType(){return this.getAttribute(eV.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(eV.STREAM_TYPE,e)}get dvrThreshold(){var e;return Number(null!=(e=this.getAttribute(eV.DVR_THRESHOLD))?e:60)}set dvrThreshold(e){e=Number(e),this.setAttribute(eV.DVR_THRESHOLD,String(isNaN(e)?0:e))}connectedCallback(){var t;if(r(this),this._menuGroup instanceof ef||e.upgrade(this._menuGroup),!this.hasAttribute(eV.DEVICE_TYPE)){let e=rC()?"mobile":rT()?"tv":"desktop";this.setAttribute(eV.DEVICE_TYPE,e)}for(let e of(this.hasAttribute(eV.PAUSED)||this.setAttribute(eV.PAUSED,""),this.tryInitializePlayer_(),this._stateReceivers))this.propagateStateToReceiver_(e);D(this,this._playerEl,this.registerStateReceiver_),this._mutationObserver.observe(this,{childList:!0,subtree:!0}),this.shadowRoot.addEventListener("slotchange",this._onSlotChange),null==(t=this._resizeObserver)||t.observe(this),this._updateTextTrackMargins(),this._menuGroup.addEventListener(ep,this._onCloseMenu),this._menuGroup.addEventListener(ec,this._onMenuChange),void 0!==rw&&(document.addEventListener(rw.fullscreenchange_,this._onFullscreenChange),document.addEventListener(rw.fullscreenerror_,this._onFullscreenChange),this._onFullscreenChange()),this.setUserIdle_(),"tv"===this.deviceType&&window.addEventListener("keydown",this._onTvKeyDown),this.addEventListener("keyup",this._onKeyUp),this.addEventListener("pointerup",this._onPointerUp),this.addEventListener("pointermove",this._onPointerMove),this.addEventListener("mouseleave",this._onMouseLeave)}tryInitializePlayer_(){void 0===this._player&&(void 0!==this._configuration.license||void 0!==this._configuration.licenseUrl)&&(this._player=new rA(this._playerEl,this._configuration),this._source&&(this._player.source=this._source,this._source=void 0),this._player.muted=this.muted,this._player.autoplay=this.autoplay,this._updateAspectRatio(),this._updateError(),this._updatePausedAndEnded(),this._updateCasting(),this.addPlayerListeners_(this._player),this.propagatePlayerToAllReceivers_(),this.dispatchEvent(ea(rL)))}disconnectedCallback(){var e;null==(e=this._resizeObserver)||e.disconnect(),this._mutationObserver.disconnect(),this.shadowRoot.removeEventListener("slotchange",this._onSlotChange),this._menuGroup.removeEventListener(ep,this._onCloseMenu),this._menuGroup.removeEventListener(ec,this._onMenuChange),void 0!==rw&&(document.removeEventListener(rw.fullscreenchange_,this._onFullscreenChange),document.removeEventListener(rw.fullscreenerror_,this._onFullscreenChange)),window.removeEventListener("keydown",this._onTvKeyDown),this.removeEventListener("keyup",this._onKeyUp),this.removeEventListener("pointerup",this._onPointerUp),this.removeEventListener("click",this._onClickAfterPointerUp,!0),this.removeEventListener("pointermove",this._onPointerMove),this.removeEventListener("mouseleave",this._onMouseLeave),this._player&&(this.removePlayerListeners_(this._player),this._player.destroy(),this._player=void 0,this.propagatePlayerToAllReceivers_()),this._stateReceivers.length=0}attributeChangedCallback(e,t,r){if(r===t)return;let i=null!=r;if(e===eV.CONFIGURATION)this._setConfiguration(r?JSON.parse(r):{});else if(e===eV.SOURCE)this._setSource(r?JSON.parse(r):void 0);else if(e===eV.MUTED)this._player&&(this._player.muted=i);else if(e===eV.AUTOPLAY)this._player&&(this._player.autoplay=i);else if(e===eV.FULLSCREEN)for(let e of this._stateReceivers)e[I].indexOf("fullscreen")>=0&&(e.fullscreen=i);else if(e===eV.DEVICE_TYPE)for(let e of(m(this,eV.MOBILE,"mobile"===r),m(this,eV.TV,"tv"===r),window.removeEventListener("keydown",this._onTvKeyDown),"tv"===r&&window.addEventListener("keydown",this._onTvKeyDown),this._stateReceivers))e[I].indexOf("deviceType")>=0&&(e.deviceType=r);else if(e===eV.STREAM_TYPE){for(let e of this._stateReceivers)e[I].indexOf("streamType")>=0&&(e.streamType=r);let e=ea(rx,{bubbles:!0,composed:!0,detail:{streamType:r}});this.dispatchEvent(e)}else e===eV.FLUID?this._updateAspectRatio():e===eV.USER_IDLE||e===eV.PAUSED||e===eV.CASTING?this._updateTextTrackMargins():e===eV.DVR_THRESHOLD&&this._updateStreamType();rP.observedAttributes.indexOf(e)>=0&&a(this)}propagateStateToReceiver_(e){let t=e[I];if(t.indexOf("player")>=0&&(e.player=this._player),t.indexOf("fullscreen")>=0&&(e.fullscreen=this.fullscreen),t.indexOf("deviceType")>=0&&(e.deviceType=this.deviceType),t.indexOf("streamType")>=0&&(e.streamType=this.streamType),void 0!==this._player){if(t.indexOf("playbackRate")>=0&&(e.playbackRate=this._player.playbackRate),t.indexOf("error")>=0&&(e.error=this._player.errorObject),t.indexOf("activeVideoQuality")>=0){var r;e.activeVideoQuality=null==(r=this._activeVideoTrack)?void 0:r.activeQuality}t.indexOf("targetVideoQualities")>=0&&(e.targetVideoQualities=eI(this._activeVideoTrack))}t.indexOf("previewTime")>=0&&(e.previewTime=this._previewTime)}propagatePlayerToAllReceivers_(){for(let e of this._stateReceivers){let t=e[I];t.indexOf("player")>=0&&(e.player=this._player)}}removeStateFromReceiver_(e){let t=e[I];t.indexOf("player")>=0&&(e.player=void 0)}openMenu_(e,t){let r=eo.fromRect(this._topChromeEl.getBoundingClientRect()),i=eo.fromRect(this._bottomChromeEl.getBoundingClientRect()),s=!0,o=!0;if(void 0!==t){let e=eo.fromRect(this.getBoundingClientRect()),r=eo.fromRect(t.getBoundingClientRect());e.width>0&&e.height>0&&(s=r.top>=e.top+e.height/2,o=r.left>=e.left+e.width/2)}this._menuGroup.openMenu(e,t),this._menuOpener=t;let n={"--theoplayer-menu-offset-top":`${Math.round(r.height)}px`,"--theoplayer-menu-offset-bottom":`${Math.round(i.height)}px`,"--theoplayer-menu-margin-top":s?"auto":"0","--theoplayer-menu-margin-bottom":s?"0":"auto","--theoplayer-menu-margin-left":o?"auto":"0","--theoplayer-menu-margin-right":o?"0":"auto"};a(this,n)}closeMenu_(){var e,t,r;null==(e=(t=this._menuGroup).closeMenu)||e.call(t),null==(r=this._menuOpener)||r.focus(),this._menuOpener=void 0}isUserIdle_(){return this.hasAttribute(eV.USER_IDLE)&&!this.paused&&!this.casting&&!this._menuGroup.hasCurrentMenu()}setUserActive_(){clearTimeout(this._userIdleTimer),this.removeAttribute(eV.USER_IDLE)}isPlayerOrMedia_(e){return e===this||this._playerEl.contains(e)}addPlayerListeners_(e){var t,r,a;e.addEventListener("destroy",this._onDestroy),e.addEventListener("resize",this._updateAspectRatio),e.addEventListener(["error","sourcechange","emptied"],this._updateError),e.addEventListener("volumechange",this._updateMuted),e.addEventListener("play",this._onPlay),e.addEventListener("pause",this._onPause),e.addEventListener(["ended","emptied"],this._updatePausedAndEnded),e.addEventListener(["durationchange","sourcechange","emptied"],this._updateStreamType),e.addEventListener("ratechange",this._updatePlaybackRate),e.addEventListener("sourcechange",this._onSourceChange),e.addEventListener(["durationchange","sourcechange","emptied"],this._updatePlayingAd),null==(t=e.theoLive)||t.addEventListener("publicationloadstart",this._onSourceChange),e.videoTracks.addEventListener(["addtrack","removetrack","change"],this._updateActiveVideoTrack),null==(r=e.cast)||r.addEventListener("castingchange",this._updateCasting),null==(a=e.ads)||a.addEventListener(["adbreakbegin","adbreakend","adbegin","adend","adskip"],this._updatePlayingAd)}removePlayerListeners_(e){e.removeEventListener("destroy",this._onDestroy),e.removeEventListener("resize",this._updateAspectRatio),e.removeEventListener(["error","sourcechange","emptied"],this._updateError),e.removeEventListener("volumechange",this._updateMuted),e.removeEventListener("play",this._onPlay),e.removeEventListener("pause",this._onPause),e.removeEventListener(["ended","emptied"],this._updatePausedAndEnded),e.removeEventListener(["durationchange","sourcechange","emptied"],this._updateStreamType),e.removeEventListener("ratechange",this._updatePlaybackRate),e.removeEventListener("sourcechange",this._onSourceChange),e.removeEventListener(["durationchange","sourcechange","emptied"],this._updatePlayingAd);try{var t,r,a;null==(t=e.theoLive)||t.removeEventListener("publicationloadstart",this._onSourceChange),e.videoTracks.removeEventListener(["addtrack","removetrack","change"],this._updateActiveVideoTrack),null==(r=e.cast)||r.removeEventListener("castingchange",this._updateCasting),null==(a=e.ads)||a.removeEventListener(["adbreakbegin","adbreakend","adbegin","adend","adskip"],this._updatePlayingAd)}catch{}}constructor(e={}){super(),this._configuration={},this._pointerType="",this._lastPointerUpTime=0,this._stateReceivers=[],this._player=void 0,this._source=void 0,this._userIdleTimer=0,this._previewTime=NaN,this._activeVideoTrack=void 0,this._onMutation=e=>{for(let t of e)if("childList"===t.type){let{addedNodes:e,removedNodes:r}=t;for(let t=0;t<e.length;t++){let r=e[t];d(r)&&D(r,this._playerEl,this.registerStateReceiver_)}for(let e=0;e<r.length;e++){let t=r[e];d(t)&&D(t,this._playerEl,this.unregisterStateReceiver_)}}},this._onSlotChange=()=>{D(this,this._playerEl,this.registerStateReceiver_),this._updateTextTrackMargins()},this.registerStateReceiver_=e=>{this._stateReceivers.indexOf(e)>=0||(this._stateReceivers.push(e),this.propagateStateToReceiver_(e))},this.unregisterStateReceiver_=e=>{(function(e,t){let r=e.indexOf(t);return!(r<0)&&(function(e,t){e.splice(t,1)}(e,r),!0)})(this._stateReceivers,e)&&this.removeStateFromReceiver_(e)},this._onToggleMenu=e=>{e.stopPropagation();let t=e.detail.menu;if(!this._menuGroup.getMenuById(t)){console.error(`<theoplayer-ui>: cannot find menu with ID "${t}"`);return}let r=u(e.target)?e.target:void 0;this._menuGroup.isMenuOpen(t)?this.closeMenu_():(this.closeMenu_(),this.openMenu_(t,r))},this._onCloseMenu=e=>{e.stopPropagation(),this.closeMenu_()},this._onMenuChange=()=>{this._menuEl.removeEventListener("pointerdown",this._onMenuPointerDown),this._menuEl.removeEventListener("click",this._onMenuClick),this._menuGroup.hasCurrentMenu()?(this._menuEl.addEventListener("pointerdown",this._onMenuPointerDown),this._menuEl.addEventListener("click",this._onMenuClick),this.setAttribute(eV.MENU_OPENED,"")):this.removeAttribute(eV.MENU_OPENED)},this._onMenuPointerDown=e=>{this._pointerType=e.pointerType},this._onMenuClick=e=>{var t;let r=null!=(t=e.pointerType)?t:this._pointerType;e.target===this._menuEl&&"mouse"===r&&this._menuGroup.closeCurrentMenu()&&e.preventDefault()},this._onEnterFullscreen=e=>{if(e.stopPropagation(),rw&&document[rw.fullscreenEnabled_]&&this[rw.requestFullscreen_]){let e=this[rw.requestFullscreen_]();e&&e.then&&e.then(h,h)}else this._player&&this._player.presentation.supportsMode("fullscreen")&&this._player.presentation.requestMode("fullscreen")},this._onExitFullscreen=e=>{if(e.stopPropagation(),rw){let e=document[rw.exitFullscreen_]();e&&e.then&&e.then(h,h)}this._player&&"fullscreen"===this._player.presentation.currentMode&&this._player.presentation.requestMode("inline")},this._onFullscreenChange=()=>{let e=!1;if(void 0!==rw){let t=document[rw.fullscreenElement_];t&&(e=function e(t,r){if(!t||!r)return!1;if(t.contains(r))return!0;let a=r.getRootNode();return!!a.host&&e(t,a.host)}(t,this))}e||void 0===this._player||"fullscreen"!==this._player.presentation.currentMode||(e=!0),m(this,eV.FULLSCREEN,e)},this._updateAspectRatio=()=>{if(void 0===this._player)return;let{videoWidth:e,videoHeight:t}=this._player;e>0&&t>0?a(this,{"--theoplayer-video-width":`${e}`,"--theoplayer-video-height":`${t}`}):a(this,{"--theoplayer-video-width":"","--theoplayer-video-height":""})},this._updateError=()=>{var e;let t=null==(e=this._player)?void 0:e.errorObject;for(let e of(m(this,eV.HAS_ERROR,void 0!==t),this._stateReceivers))e[I].indexOf("error")>=0&&(e.error=t)},this._onPlay=()=>{this.setAttribute(eV.HAS_FIRST_PLAY,""),this.removeAttribute(eV.PAUSED),this._updateEnded()},this._onPause=()=>{this.setAttribute(eV.PAUSED,""),this._updateEnded()},this._updatePausedAndEnded=()=>{let e=!this._player||this._player.paused;m(this,eV.PAUSED,e),this._updateEnded()},this._updateEnded=()=>{let e=!!this._player&&this._player.ended;m(this,eV.ENDED,e)},this._updateStreamType=()=>{let e;if(void 0===this._player)return;let t=this._player.duration;if(!isNaN(t)){if(t===1/0){e="live";let t=this.dvrThreshold,r=this._player.seekable;(t<=0||r.length>0&&r.end(r.length-1)-r.start(0)>=t)&&(e="dvr")}else e="vod";this.streamType=e}},this._updatePlaybackRate=()=>{if(void 0===this._player)return;let e=this._player.playbackRate;for(let t of this._stateReceivers)t[I].indexOf("playbackRate")>=0&&(t.playbackRate=e)},this._updateMuted=()=>{void 0!==this._player&&(this.muted=this._player.muted)},this._updateActiveVideoTrack=()=>{if(void 0===this._player)return;let e=y(this._player.videoTracks,e=>e.enabled);if(this._activeVideoTrack!==e){var t,r,a,i;null==(t=this._activeVideoTrack)||t.removeEventListener("activequalitychanged",this._updateActiveVideoQuality),null==(r=this._activeVideoTrack)||r.removeEventListener("targetqualitychanged",this._updateTargetVideoQualities),this._activeVideoTrack=e,this._updateActiveVideoQuality(),this._updateTargetVideoQualities(),null==(a=this._activeVideoTrack)||a.addEventListener("activequalitychanged",this._updateActiveVideoQuality),null==(i=this._activeVideoTrack)||i.addEventListener("targetqualitychanged",this._updateTargetVideoQualities)}},this._updateActiveVideoQuality=()=>{var e;let t=null==(e=this._activeVideoTrack)?void 0:e.activeQuality;for(let e of this._stateReceivers)e[I].indexOf("activeVideoQuality")>=0&&(e.activeVideoQuality=t)},this._updateTargetVideoQualities=()=>{let e=eI(this._activeVideoTrack);for(let t of this._stateReceivers)t[I].indexOf("targetVideoQualities")>=0&&(t.targetVideoQualities=e)},this._updateCasting=()=>{var e,t,r;let a=null!=(r=null==(t=this._player)?void 0:null==(e=t.cast)?void 0:e.casting)&&r;m(this,eV.CASTING,a)},this._updatePlayingAd=()=>{var e,t,r;let a=null!=(r=null==(t=this._player)?void 0:null==(e=t.ads)?void 0:e.playing)&&r;m(this,eV.PLAYING_AD,a)},this._onSourceChange=()=>{this.closeMenu_();let e=void 0!==this._player&&!this._player.paused;m(this,eV.HAS_FIRST_PLAY,e)},this.setUserIdle_=()=>{if(clearTimeout(this._userIdleTimer),this._userIdleTimer=0,!(this.userIdleTimeout<0)&&(this.setAttribute(eV.USER_IDLE,""),"tv"==this.deviceType&&this.isUserIdle_())){let e=en();null!==e&&e.blur()}},this.scheduleUserIdle_=()=>{if(this.setUserActive_(),clearTimeout(this._userIdleTimer),this.userIdleTimeout<0){this._userIdleTimer=0;return}this._userIdleTimer=setTimeout(this.setUserIdle_,1e3*this.userIdleTimeout)},this._onTvKeyDown=e=>{if(C(e.keyCode)){this.setUserIdle_();return}let t=function e(t){if(!u(t)||"none"===getComputedStyle(t).display)return;if(null!==t.getAttribute(eV.TV_FOCUS))return E(t);let r=f(t);for(let t=0;t<r.length;t++){let a=e(r[t]);if(a)return a}}(this),r=E(this),a=en();if(!a){let e=null!=t?t:r;e.length>0&&(e[0].focus(),a=e[0])}!this.isUserIdle_()&&(e.keyCode===eH.ENTER?void 0!==this._player&&null!==a&&a.click():w(e.keyCode)&&el(this,r,e.keyCode)&&(e.preventDefault(),e.stopPropagation()))},this._onKeyUp=e=>{C(e.keyCode)||this.scheduleUserIdle_()},this._onPointerUp=e=>{"touch"===e.pointerType&&(this.isPlayerOrMedia_(e.target)&&!this.hasAttribute(eV.USER_IDLE)?this.setUserIdle_():(this.isUserIdle_()&&(this._lastPointerUpTime=performance.now(),this.addEventListener("click",this._onClickAfterPointerUp,!0)),this.scheduleUserIdle_()))},this._onClickAfterPointerUp=e=>{this.removeEventListener("click",this._onClickAfterPointerUp,!0),performance.now()-this._lastPointerUpTime<10&&(e.preventDefault(),e.stopPropagation())},this._onPointerMove=e=>{"mouse"===e.pointerType&&(this.setUserActive_(),this.isPlayerOrMedia_(e.target)&&this.scheduleUserIdle_())},this._onMouseLeave=()=>{this.setUserIdle_()},this._onChromeSlotTransition=e=>{"opacity"===e.propertyName&&this._updateTextTrackMargins()},this._updateTextTrackMargins=()=>{let e=this._player;if(void 0===e)return;let t=rR(this._topChromeSlot),r=rR(this._bottomChromeSlot);e.textTrackStyle.marginTop=null==t?void 0:t.height,e.textTrackStyle.marginBottom=null==r?void 0:r.height},this._onPreviewTimeChange=e=>{for(let t of(this._previewTime=e.detail.previewTime,this._stateReceivers))t[I].indexOf("previewTime")>=0&&(t.previewTime=this._previewTime)},this._onDestroy=()=>{this._player&&(this.removePlayerListeners_(this._player),this._player=void 0,this.propagatePlayerToAllReceivers_())};let t=this.attachShadow({mode:"open",delegatesFocus:!0});t.appendChild(rS().content.cloneNode(!0)),this._configuration=e,this._playerEl=t.querySelector('[part~="media-layer"]'),this._menuEl=t.querySelector('[part~="menu-layer"]'),this._menuGroup=t.querySelector("theoplayer-menu-group"),this._topChromeEl=t.querySelector('[part~="top"]'),this._topChromeSlot=t.querySelector('slot[name="top-chrome"]'),this._bottomChromeEl=t.querySelector('[part~="bottom"]'),this._bottomChromeSlot=t.querySelector("slot:not([name])"),this._mutationObserver=new MutationObserver(this._onMutation),"undefined"!=typeof ResizeObserver&&(this._resizeObserver=new ResizeObserver(this._updateTextTrackMargins)),t.addEventListener(eg,this._onToggleMenu),t.addEventListener(tS,this._onEnterFullscreen),t.addEventListener(tP,this._onExitFullscreen),t.addEventListener(tD,this._onPreviewTimeChange),this._topChromeSlot.addEventListener("transitionstart",this._onChromeSlotTransition),this._topChromeSlot.addEventListener("transitionend",this._onChromeSlotTransition),this._bottomChromeSlot.addEventListener("transitionstart",this._onChromeSlotTransition),this._bottomChromeSlot.addEventListener("transitionend",this._onChromeSlotTransition),this._upgradeProperty("configuration"),this._upgradeProperty("source"),this._upgradeProperty("fluid"),this._upgradeProperty("muted"),this._upgradeProperty("autoplay"),this._upgradeProperty("userIdleTimeout"),this._upgradeProperty("streamType"),this.tryInitializePlayer_()}}function rR(e){let t;let r=k(e).filter(u);for(let e of r)if("0"!==getComputedStyle(e).opacity){let r=eo.fromRect(e.getBoundingClientRect());r.width>0&&r.height>0&&(t=t?t.union(r):r)}return t}rP.READY_EVENT=rL,e.define("theoplayer-ui",rP);let rM=i();class rI extends t{static get observedAttributes(){return[eV.CONFIGURATION,eV.SOURCE,eV.MUTED,eV.AUTOPLAY,eV.FLUID,eV.DEVICE_TYPE,eV.STREAM_TYPE,eV.USER_IDLE_TIMEOUT,eV.DVR_THRESHOLD,eV.HAS_TITLE]}initShadowRoot(){let e=this.attachShadow({mode:"open",delegatesFocus:!0});return e.appendChild(rM().content.cloneNode(!0)),e}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get player(){return this._ui.player}get configuration(){return this._ui.configuration}set configuration(e){this.removeAttribute(eV.CONFIGURATION),this.setConfiguration_(e)}setConfiguration_(e){var t;this._ui.configuration={...e,ads:{...null!=(t=e.ads)?t:{},showCountdown:!1}}}get source(){return this._ui.source}set source(e){this.removeAttribute(eV.SOURCE),this._ui.source=e}get fluid(){return this._ui.fluid}set fluid(e){this._ui.fluid=e}get muted(){return this._ui.muted}set muted(e){this._ui.muted=e}get autoplay(){return this._ui.autoplay}set autoplay(e){this._ui.autoplay=e}get streamType(){return this._ui.streamType}set streamType(e){this._ui.streamType=e}get userIdleTimeout(){return this._ui.userIdleTimeout}set userIdleTimeout(e){this._ui.userIdleTimeout=e}get dvrThreshold(){return this._ui.dvrThreshold}set dvrThreshold(e){this._ui.dvrThreshold=e}connectedCallback(){if(r(this),!this.hasAttribute(eV.DEVICE_TYPE)){let e=rC()?"mobile":rT()?"tv":"desktop";this.setAttribute(eV.DEVICE_TYPE,e)}this._appliedExtensions||(this._appliedExtensions=!0,function(e){for(let t of rk)t(e)}(this),a(this)),this._onTitleSlotChange()}disconnectedCallback(){}attributeChangedCallback(e,t,r){if(r===t)return;let i=null!=r;e===eV.SOURCE?this._ui.source=r?JSON.parse(r):void 0:e===eV.CONFIGURATION?this.setConfiguration_(r?JSON.parse(r):{}):e===eV.MUTED?this.muted=i:e===eV.AUTOPLAY?this.autoplay=i:e===eV.FLUID?this.fluid=i:e===eV.DEVICE_TYPE?(m(this,eV.MOBILE,"mobile"===r),m(this,eV.TV,"tv"===r),this._ui.setAttribute(eV.DEVICE_TYPE,r)):e===eV.STREAM_TYPE?this.streamType=r:e===eV.USER_IDLE_TIMEOUT?this.userIdleTimeout=Number(r):e===eV.DVR_THRESHOLD&&(this.dvrThreshold=Number(r)),rI.observedAttributes.indexOf(e)>=0&&a(this)}constructor(e={}){var t,r,a;super(),this._appliedExtensions=!1,this._updateStreamType=()=>{this.setAttribute(eV.STREAM_TYPE,this.streamType),this._timeRange&&m(this._timeRange,eV.HIDDEN,"live"===this.streamType)},this._dispatchReadyEvent=()=>{this.dispatchEvent(ea(rL))},this._onTitleSlotChange=()=>{this._titleSlot&&m(this,eV.HAS_TITLE,this._titleSlot.assignedNodes().length>0)},this._shadowRoot=this.initShadowRoot(),this._ui=this._shadowRoot.querySelector("theoplayer-ui"),this._ui.addEventListener(rL,this._dispatchReadyEvent),this._ui.addEventListener(rx,this._updateStreamType),this.setConfiguration_(e),this._titleSlot=null!=(r=this._shadowRoot.querySelector('slot[name="title"]'))?r:void 0,null==(t=this._titleSlot)||t.addEventListener("slotchange",this._onTitleSlotChange),this._timeRange=null!=(a=this._shadowRoot.querySelector("theoplayer-time-range"))?a:void 0,this._upgradeProperty("configuration"),this._upgradeProperty("source"),this._upgradeProperty("fluid"),this._upgradeProperty("muted"),this._upgradeProperty("autoplay"),this._upgradeProperty("streamType"),this._upgradeProperty("userIdleTimeout"),this._upgradeProperty("dvrThreshold")}}rI.READY_EVENT=rL,e.define("theoplayer-default-ui",rI);let rO=`<span part="icon">${tT}<span part="warning-icon"><svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48">
|
|
31
|
-
<path d="m40 936 440-760 440 760H40Zm444.175-117q12.825 0 21.325-8.675 8.5-8.676 8.5-21.5 0-12.825-8.675-21.325-8.676-8.5-21.5-8.5-12.825 0-21.325 8.675-8.5 8.676-8.5 21.5 0 12.825 8.675 21.325 8.676 8.5 21.5 8.5ZM454 708h60V484h-60v224Z"/>
|
|
32
|
-
</svg></span></span>`,rN=i("theolive-bad-network-button",x(rO,"[part=icon]{display:inline-block;position:relative}[part=warning-icon]{display:none;height:60%;min-width:60%;position:absolute;right:-10%;top:0;width:60%}[part=warning-icon] svg{fill:red;fill:var(--theolive-bad-network-mode,red)}"));class rD extends N(eA,["player"]){connectedCallback(){var e;super.connectedCallback(),this.hasAttribute(eV.ARIA_LABEL)||this.setAttribute(eV.ARIA_LABEL,"open settings menu"),this._warningIcon=null!=(e=this.shadowRoot.querySelector('[part="warning-icon"]'))?e:void 0}get player(){return this._player}set player(e){this._player!==e&&(this._theoLive&&(this._theoLive.removeEventListener("enterbadnetworkmode",this.handleEnterBadNetworkMode_),this._theoLive.removeEventListener("exitbadnetworkmode",this.handleExitBadNetworkMode_)),this._player=e,this._theoLive=null==e?void 0:e.theoLive,this._theoLive&&(this._theoLive.addEventListener("enterbadnetworkmode",this.handleEnterBadNetworkMode_),this._theoLive.addEventListener("exitbadnetworkmode",this.handleExitBadNetworkMode_)))}constructor(){super({template:rN()}),this.handleEnterBadNetworkMode_=()=>{this._warningIcon&&(this._warningIcon.style.display="block")},this.handleExitBadNetworkMode_=()=>{this._warningIcon&&(this._warningIcon.style.display="none")}}}e.define("theolive-bad-network-button",rD);class rB extends N(es,["player"]){get player(){return this._player}set player(e){var t,r;this._player!==e&&(this._theoLive&&(this._theoLive.removeEventListener("enterbadnetworkmode",this.handleEnterBadNetworkMode_),this._theoLive.removeEventListener("exitbadnetworkmode",this.handleExitBadNetworkMode_)),this._player=e,this._theoLive=null==e?void 0:e.theoLive,this._badNetworkMode=null!=(r=null==(t=this._theoLive)?void 0:t.badNetworkMode)&&r,this._theoLive&&(this._theoLive.addEventListener("enterbadnetworkmode",this.handleEnterBadNetworkMode_),this._theoLive.addEventListener("exitbadnetworkmode",this.handleExitBadNetworkMode_)),this.handlePlayer())}handleEnterBadNetworkMode(){}handleExitBadNetworkMode(){}attributeChangedCallback(e,t,r){r!==t&&e===eV.ARIA_CHECKED&&t!==r&&this.handleChecked(this.checked)}constructor(e){super(e),this._badNetworkMode=!1,this.handleEnterBadNetworkMode_=()=>{this._badNetworkMode=!0,this.handleEnterBadNetworkMode()},this.handleExitBadNetworkMode_=()=>{this._badNetworkMode=!1,this.handleExitBadNetworkMode()},this._slotEl=this.shadowRoot.querySelector("slot")}}let rF=i("theolive-automatic-quality-selector",x("<slot></slot>"));e.define("theolive-automatic-quality-selector",class extends rB{handleEnterBadNetworkMode(){this.update_()}handleExitBadNetworkMode(){this.update_()}handlePlayer(){this.update_()}update_(){var e,t;let r=(null==(t=this.player)?void 0:null==(e=t.theoLive)?void 0:e.badNetworkMode)!==!0;this.checked!==r&&(this.checked=r)}handleChecked(e){e&&this.player&&this.player.theoLive&&(this.player.theoLive.badNetworkMode=!1)}constructor(){super({template:rF()}),b(this._slotEl,"High Quality")}});let rq=i("theolive-bad-network-quality-selector",x("<slot></slot>"));e.define("theolive-bad-network-quality-selector",class extends rB{handleEnterBadNetworkMode(){this.update_()}handleExitBadNetworkMode(){this.update_()}handlePlayer(){this.update_()}update_(){var e,t;let r=(null==(t=this.player)?void 0:null==(e=t.theoLive)?void 0:e.badNetworkMode)===!0;this.checked!==r&&(this.checked=r)}handleChecked(e){e&&this.player&&this.player.theoLive&&(this.player.theoLive.badNetworkMode=!0)}constructor(){super({template:rq()}),b(this._slotEl,"Low Quality")}});let rU=i();e.define("theolive-bad-network-menu",class extends t{_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._radioGroup instanceof ed||e.upgrade(this._radioGroup),this.shadowRoot.addEventListener("change",this._onChange)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange)}constructor(){super(),this._onChange=()=>{this.dispatchEvent(new Event("change",{bubbles:!0}))};let e=this.attachShadow({mode:"open"});e.appendChild(rU().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group")}});let rV=i();class rH extends rI{initShadowRoot(){let e=this.attachShadow({mode:"open",delegatesFocus:!0});return e.appendChild(rV().content.cloneNode(!0)),e}hidePlayerError(){this._root.removeAttribute("has-error"),this._errorDisplay.style.display="none"}stopHidingPlayerError(){this._root.setAttribute("has-error",""),this._errorDisplay.style.display="flex"}hidePlayerPlayButton_(){this._playButton.style.display="none"}stopHidingPlayerPlayButton(){this._playButton.style.display="inline-flex"}showMessage_(e,t){this.hidePlayerError(),this._loading.style.display="none",this._offline.style.display="none",this._announcement.style.display="none","loading"===e?this._loading.style.display="block":"offline"===e?this._offline.style.display="block":(this._announcement.textContent=null!=t?t:"",this._announcement.style.display="block"),this.hidePlayerPlayButton_()}hideMessage_(){this._loading.style.display="none",this._offline.style.display="none",this._announcement.style.display="none",this.stopHidingPlayerPlayButton()}constructor(e={}){super(e),this.onReady=()=>{this._ui.removeEventListener(rL,this.onReady);let e=this.player;if(e){var t,r,a;null==(t=e.theoLive)||t.addEventListener("publicationloadstart",this.onLoadChannelStart),null==(r=e.theoLive)||r.addEventListener("publicationoffline",this.onChannelOffline),null==(a=e.theoLive)||a.addEventListener("publicationloaded",this.onChannelLoaded),e.addEventListener("error",this.onError)}},this.onLoadChannelStart=()=>{this.showMessage_("loading",void 0)},this.onChannelOffline=()=>{this.showMessage_("offline",void 0)},this.onChannelLoaded=()=>{this.hidePlayerError(),this.hideMessage_()},this.onError=e=>{let t=e.errorObject.code;if(t<13e3||t>=14e3){this.showMessage_("offline",void 0);return}this.stopHidingPlayerError(),this.hideMessage_()},this._loading=this._shadowRoot.querySelector("#loading-announcement"),this._offline=this._shadowRoot.querySelector("#offline-announcement"),this._announcement=this._shadowRoot.querySelector("#announcement"),this._errorDisplay=this._shadowRoot.querySelector("theoplayer-error-display"),this._playButton=this._shadowRoot.querySelector("theoplayer-play-button"),this._root=this._shadowRoot.querySelector("theoplayer-ui"),this._ui.addEventListener(rL,this.onReady)}}e.define("theolive-default-ui",rH);let rG="1.9.3";export{ty as ActiveQualityDisplay,rg as AdClickThroughButton,ry as AdCountdown,ru as AdDisplay,rf as AdSkipButton,t9 as AirPlayButton,eV as Attribute,S as Button,t0 as CastButton,t3 as ChromecastButton,t4 as ChromecastDisplay,eC as CloseMenuButton,tI as ColorStops,o as ControlBar,rI as DefaultUI,et as DurationDisplay,tX as ErrorDisplay,eG as ExtensionSlot,tM as FullscreenButton,ri as GestureReceiver,ta as LanguageMenu,to as LanguageMenuButton,M as LinkButton,rl as LiveButton,rr as LoadingIndicator,eL as MediaTrackRadioButton,ev as Menu,eA as MenuButton,ef as MenuGroup,H as MuteButton,q as PlayButton,tc as PlaybackRateDisplay,tp as PlaybackRateMenu,td as PlaybackRateMenuButton,tl as PlaybackRateRadioGroup,tU as PreviewThumbnail,tK as PreviewTimeDisplay,tb as QualityRadioButton,tk as QualityRadioGroup,es as RadioButton,ed as RadioGroup,tN as Range,K as SeekButton,tC as SettingsMenu,tL as SettingsMenuButton,l as SlotContainer,N as StateReceiverMixin,rH as THEOliveDefaultUI,eB as TextTrackOffRadioButton,eR as TextTrackRadioButton,e1 as TextTrackStyleDisplay,te as TextTrackStyleMenu,e7 as TextTrackStyleRadioGroup,tA as TextTrackStyleResetButton,J as TimeDisplay,tW as TimeRange,eU as TrackRadioGroup,rP as UIContainer,tj as VolumeRange,x as buttonTemplate,P as linkButtonTemplate,eb as menuGroupTemplate,ey as menuTemplate,tO as rangeTemplate,rE as registerExtension,rG as version};
|
|
12
|
+
*/function(e,t){let i=e.style;for(let[e,r]of Object.entries(t))i.setProperty(e,r)}(e,t)}function a(){return()=>void 0}let s=a();class n extends t{connectedCallback(){i(this)}constructor(){super(),this.attachShadow({mode:"open",delegatesFocus:!0}).appendChild(s().content.cloneNode(!0))}}e.define("theoplayer-control-bar",n);var o,l,h,d=((o={}).CONFIGURATION="configuration",o.SOURCE="source",o.AUTOPLAY="autoplay",o.MUTED="muted",o.FULLSCREEN="fullscreen",o.FLUID="fluid",o.DEVICE_TYPE="device-type",o.MOBILE="mobile",o.TV="tv",o.TV_FOCUS="tv-focus",o.MOBILE_ONLY="mobile-only",o.MOBILE_HIDDEN="mobile-hidden",o.TV_ONLY="tv-only",o.TV_HIDDEN="tv-hidden",o.USER_IDLE="user-idle",o.USER_IDLE_TIMEOUT="user-idle-timeout",o.NO_AUTO_HIDE="no-auto-hide",o.DISABLED="disabled",o.HIDDEN="hidden",o.PAUSED="paused",o.ENDED="ended",o.VOLUME_LEVEL="volume-level",o.CASTING="casting",o.LOADING="loading",o.STREAM_TYPE="stream-type",o.LIVE="live",o.LIVE_ONLY="live-only",o.LIVE_HIDDEN="live-hidden",o.LIVE_THRESHOLD="live-threshold",o.DVR_THRESHOLD="dvr-threshold",o.REMAINING="remaining",o.REMAINING_WHEN_LIVE="remaining-when-live",o.SHOW_DURATION="show-duration",o.SEEK_OFFSET="seek-offset",o.MENU="menu",o.MENU_OPENED="menu-opened",o.MENU_CLOSE_ON_INPUT="menu-close-on-input",o.ARIA_LABEL="aria-label",o.ARIA_LIVE="aria-live",o.ARIA_CHECKED="aria-checked",o.HAS_AUDIO="has-audio",o.HAS_SUBTITLES="has-subtitles",o.HAS_ERROR="has-error",o.HAS_FIRST_PLAY="has-first-play",o.HAS_TITLE="has-title",o.CAST_STATE="cast-state",o.TRACK_TYPE="track-type",o.SHOW_OFF="show-off",o.PLAYING_AD="playing-ad",o.SHOW_AD_MARKERS="show-ad-markers",o.CLICKTHROUGH="clickthrough",o.PROPERTY="property",o.VALUE="value",o);let u=a();class p extends t{constructor(){super(),this.attachShadow({mode:"open"}).appendChild(u().content.cloneNode(!0))}}function c(){}function _(e){return e.nodeType===Node.ELEMENT_NODE}function y(e){return e instanceof t}e.define("theoplayer-slot-container",p);let v="function"==typeof Array.isArray?Array.isArray:e=>"[object Array]"===Object.prototype.toString.call(e),g="function"==typeof Array.from?e=>Array.from(e):e=>Array.prototype.slice.call(e),b="function"==typeof Array.prototype.find?(e,t)=>e.find(t):(e,t)=>{for(let i=0;i<e.length;i++)if(t(e[i],i,e))return e[i]},m="function"==typeof Array.prototype.findIndex?(e,t)=>e.findIndex(t):(e,t)=>{for(let i=0;i<e.length;i++)if(t(e[i],i,e))return i;return -1},f="function"==typeof String.prototype.startsWith?(e,t)=>e.startsWith(t):(e,t)=>e.substring(0,t.length)===t,E="undefined"!=typeof Intl&&Intl.DisplayNames?e=>{let t=new Intl.DisplayNames([e,"en"],{type:"language",fallback:"none"}).of(e);if(t)return t.slice(0,1).toUpperCase()+t.slice(1)}:e=>void 0;function k(e,t){void 0===e.textContent?e.innerText=t:e.textContent=t}function A(e,t,i){i?e.setAttribute(t,""):e.removeAttribute(t)}function T(e){if(e.shadowRoot)return e.shadowRoot.children;if("slot"===e.localName.toLowerCase()){let t=e.assignedNodes();if(t.length>0)return t.filter(_)}return y(e)?e.children:[]}function C(e){let t=[];for(let i of e.assignedNodes({flatten:!0}))_(i)&&(t.push(i),"theoplayer-slot-container"===i.nodeName.toLowerCase()&&t.push(...g(i.children)));return t}function L(e){let t=[];return function e(t,i){if(y(t)&&"none"!==getComputedStyle(t).display){if(t.hasAttribute("tabindex")&&Number(t.getAttribute("tabindex"))>=0){i.push(t);return}switch(t.tagName.toLowerCase()){case"button":case"input":case"textarea":case"select":case"details":i.push(t);break;case"a":t.href&&i.push(t);break;default:{let r=T(t);for(let t=0;t<r.length;t++)e(r[t],i)}}}}(e,t),t}function w(t){let i=t.nodeName.toLowerCase();if(i.indexOf("-")>=0){if(!e.get(i))return e.whenDefined(i);e.upgrade(t)}}var S=((l={})[l.ENTER=13]="ENTER",l[l.ESCAPE=27]="ESCAPE",l[l.SPACE=32]="SPACE",l[l.END=35]="END",l[l.HOME=36]="HOME",l[l.LEFT=37]="LEFT",l[l.UP=38]="UP",l[l.RIGHT=39]="RIGHT",l[l.DOWN=40]="DOWN",l[l.BACK_SAMSUNG=88]="BACK_SAMSUNG",l[l.BACK_WEBOS=461]="BACK_WEBOS",l[l.BACK_TIZEN=10009]="BACK_TIZEN",l);function x(e){return 37<=e&&e<=40}function P(e){return 10009===e||27===e||88===e||461===e}function R(e){return 13===e||32===e}function I(e,t=""){return`<style>:host{align-items:center;background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;color:#fff;color:var(--theoplayer-button-text-color,var(--theoplayer-text-color,#fff));display:inline-flex;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);justify-content:center;line-height:24px;line-height:var(--theoplayer-text-content-height,var(--theoplayer-control-height,24px));padding:10px;padding:var(--theoplayer-control-padding,10px);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}:host([hidden]){display:none!important}:host(:not([disabled])){cursor:pointer}:host(:focus){box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}:host(:focus:not(:focus-visible)){box-shadow:none}:host(:hover){background:transparent;background:var(--theoplayer-control-hover-background,var(--theoplayer-control-background,transparent))}:host([aria-checked=true]){background:#fff;background:var(--theoplayer-button-checked-background,#fff);color:#000;color:var(--theoplayer-button-checked-color,#000)}:host([disabled]){background:transparent;background:var(--theoplayer-control-background,transparent);color:#ccc;color:var(--theoplayer-button-disabled-text-color,#ccc)}[part$=icon],[part~=icon]{font-size:0}::slotted(img),::slotted(svg),img,svg{fill:currentColor;color:#fff;color:var(--theoplayer-icon-color,#fff);height:24px;height:var(--theoplayer-button-icon-height,var(--theoplayer-control-height,24px));max-height:100%;max-width:100%;min-width:100%;transition:none;transition:var(--theoplayer-button-icon-transition,none);vertical-align:middle;width:24px;width:var(--theoplayer-button-icon-width,var(--theoplayer-control-height,24px))}::slotted(img),img{box-shadow:none;box-shadow:var(--theoplayer-button-icon-shadow,none)}::slotted(svg),svg{filter:drop-shadow(none);filter:drop-shadow(var(--theoplayer-button-icon-shadow,none))}:host(:hover:not([disabled])) ::slotted(img),:host(:hover:not([disabled])) img{box-shadow:0 0 4px hsla(0,0%,100%,.5);box-shadow:var(--theoplayer-button-hover-icon-shadow,0 0 4px hsla(0,0%,100%,.5))}:host(:hover:not([disabled])) ::slotted(svg),:host(:hover:not([disabled])) svg{filter:drop-shadow(0 0 4px rgba(255,255,255,.5));filter:drop-shadow(var(--theoplayer-button-hover-icon-shadow,0 0 4px rgba(255,255,255,.5)))}
|
|
13
|
+
${t}</style>${e}`}let M=a();class O extends t{static get observedAttributes(){return[d.DISABLED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(d.ARIA_LIVE)||this.setAttribute(d.ARIA_LIVE,"polite"),this.hasAttribute(d.DISABLED)||this._enable()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("keyup",this._onKeyUp)}get disabled(){return this.hasAttribute(d.DISABLED)}set disabled(e){A(this,d.DISABLED,e)}attributeChangedCallback(e,t,i){e===d.DISABLED&&i!==t&&(null!=i?this._disable():this._enable()),O.observedAttributes.indexOf(e)>=0&&r(this)}_enable(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("keyup",this._onKeyUp),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this.setAttribute("aria-disabled","false"),this.setAttribute("tabindex","0")}_disable(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("keyup",this._onKeyUp),this.setAttribute("aria-disabled","true"),this.removeAttribute("tabindex"),this.blur()}handleClick(){}constructor(e){var t;super(),this._onClick=()=>{this.handleClick()},this._onKeyDown=e=>{!R(e.keyCode)||e.metaKey||e.altKey?this.removeEventListener("keyup",this._onKeyUp):this.addEventListener("keyup",this._onKeyUp)},this._onKeyUp=e=>{this.removeEventListener("keyup",this._onKeyUp),R(e.keyCode)&&this.handleClick()};let i=null!=(t=null==e?void 0:e.template)?t:M();this.attachShadow({mode:"open"}).appendChild(i.content.cloneNode(!0)),this._upgradeProperty("disabled")}}function N(e,t=""){return I(`<a>${e}</a>`,`:host{padding:0}a{color:#fff;color:var(--theoplayer-button-text-color,var(--theoplayer-text-color,#fff));padding:10px;padding:var(--theoplayer-control-padding,10px);-webkit-text-decoration:none;text-decoration:none}:host(:focus){box-shadow:none;outline:0}a:focus{box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}a:focus:not(:focus-visible){box-shadow:none}:host([aria-checked=true]) a{color:#000;color:var(--theoplayer-button-checked-color,#000)}:host([disabled]) a{color:#ccc;color:var(--theoplayer-button-disabled-text-color,#ccc)}
|
|
14
|
+
${t}`)}e.define("theoplayer-button",O);let D=a();class B extends t{static get observedAttributes(){return[d.DISABLED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(d.ARIA_LIVE)||this.setAttribute(d.ARIA_LIVE,"polite"),this.hasAttribute(d.DISABLED)||this._enable(),this._linkEl.addEventListener("keydown",this._onKeyDown),this._linkEl.addEventListener("click",this._onClick)}disconnectedCallback(){this._linkEl.removeEventListener("keydown",this._onKeyDown),this._linkEl.removeEventListener("click",this._onClick)}get disabled(){return this.hasAttribute(d.DISABLED)}set disabled(e){A(this,d.DISABLED,e)}setLink(e,t){this._linkEl.href=e,this._linkEl.target=t}attributeChangedCallback(e,t,i){e===d.DISABLED&&i!==t&&(null!=i?this._disable():this._enable()),O.observedAttributes.indexOf(e)>=0&&r(this)}_enable(){this.setAttribute("aria-disabled","false"),this.setAttribute("tabindex","0")}_disable(){this.setAttribute("aria-disabled","true"),this.removeAttribute("tabindex"),this.blur()}handleClick(){}constructor(e){var t;super(),this._onKeyDown=e=>{if(!e.metaKey&&!e.altKey){if(e.keyCode===S.SPACE)e.preventDefault(),this._linkEl.click()}},this._onClick=()=>{!this.disabled&&this.handleClick()};let i=null!=(t=null==e?void 0:e.template)?t:D(),r=this.attachShadow({mode:"open",delegatesFocus:!0});r.appendChild(i.content.cloneNode(!0)),this._linkEl=r.querySelector("a"),this._upgradeProperty("disabled")}}e.define("theoplayer-link-button",B);let F="theoplayerUiObservedProperties";function U(e){return F in e&&v(e[F])}function V(e,t){return class extends e{get[F](){return t}}}async function H(t,i,r){if(i.contains(t))return;t.nodeName.indexOf("-")>=0&&!U(t)&&(await Promise.resolve(),await e.whenDefined(t.nodeName.toLowerCase()),e.upgrade(t)),U(t)&&r(t);let a=T(t);a.length>0&&await Promise.all(g(a).map(e=>H(e,i,r)))}let G=a(),q=["seeking","seeked","ended","emptied","sourcechange"];class K extends V(O,["player"]){static get observedAttributes(){return[...O.observedAttributes,d.PAUSED,d.ENDED]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get paused(){return this.hasAttribute(d.PAUSED)}set paused(e){A(this,d.PAUSED,e)}get ended(){return this.hasAttribute(d.ENDED)}set ended(e){A(this,d.ENDED,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener("play",this._onPlay),this._player.removeEventListener("pause",this._onPause),this._player.removeEventListener(q,this._updateFromPlayer)),this._player=e,this._updateFromPlayer(),void 0!==this._player&&(this._player.addEventListener("play",this._onPlay),this._player.addEventListener("pause",this._onPause),this._player.addEventListener(q,this._updateFromPlayer)))}_updateEnded(){var e,t;this.ended=null!=(t=null==(e=this._player)?void 0:e.ended)&&t}handleClick(){void 0!==this._player&&void 0!==this._player.source&&(this._player.paused?this._player.play():this._player.pause())}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),K.observedAttributes.indexOf(e)>=0&&(r(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.ended?"replay":this.paused?"play":"pause";this.setAttribute(d.ARIA_LABEL,e)}constructor(){super({template:G()}),this._onPlay=()=>{this.paused=!1,this._updateEnded()},this._onPause=()=>{this.paused=!0,this._updateEnded()},this._updateFromPlayer=()=>{var e,t;this.paused=null==(t=null==(e=this._player)?void 0:e.paused)||t,this._updateEnded(),this._updateDisabled()},this._updateDisabled=()=>{var e;this.disabled=(null==(e=this._player)?void 0:e.source)===void 0},this._upgradeProperty("paused"),this._upgradeProperty("ended"),this._upgradeProperty("player")}}e.define("theoplayer-play-button",K);let Y=a(),$=["volumechange"];class Q extends V(O,["player"]){static get observedAttributes(){return[...O.observedAttributes,d.VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get volumeLevel(){return this.getAttribute(d.VOLUME_LEVEL)||"off"}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener($,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener($,this._updateFromPlayer))}handleClick(){void 0!==this._player&&(this._player.muted=!this._player.muted,this._updateFromPlayer())}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),Q.observedAttributes.indexOf(e)>=0&&(r(this),this._updateAriaLabel())}_updateAriaLabel(){let e="off"===this.getAttribute(d.VOLUME_LEVEL)?"unmute":"mute";this.setAttribute(d.ARIA_LABEL,e)}constructor(){super({template:Y()}),this._updateFromPlayer=()=>{let e="off";if(void 0!==this._player){let t=this._player.volume;e=this._player.muted?"off":t<.5?"low":"high"}this.setAttribute(d.VOLUME_LEVEL,e)},this._upgradeProperty("player")}}e.define("theoplayer-mute-button",Q);let W=a();class z extends V(O,["player"]){static get observedAttributes(){return[...O.observedAttributes,d.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get seekOffset(){var e;return Number(null!=(e=this.getAttribute(d.SEEK_OFFSET))?e:10)}set seekOffset(e){this.setAttribute(d.SEEK_OFFSET,String(e))}get player(){return this._player}set player(e){this._player=e}handleClick(){if(void 0===this._player)return;let e=this._player.duration;!isNaN(e)&&(this._player.currentTime=Math.max(0,Math.min(e,this._player.currentTime+this.seekOffset)))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),i!==t&&(e===d.SEEK_OFFSET&&k(this._offsetEl,String(Math.abs(this.seekOffset))),z.observedAttributes.indexOf(e)>=0&&(r(this),this._updateAriaLabel()))}_updateAriaLabel(){let e=this.seekOffset,t=e>=0?`seek forward by ${e} seconds`:`seek backward by ${-e} seconds`;this.setAttribute(d.ARIA_LABEL,t)}constructor(){super({template:W()}),this._offsetEl=this.shadowRoot.querySelector('[part="offset"]'),this._upgradeProperty("player"),this._upgradeProperty("seekOffset")}}function j(e){return!isNaN(e)&&isFinite(e)}function J(e,t=0,i){let r,a=e<0||i&&0===e,s=Math.floor(t/60%60),n=Math.floor(t/3600);if(j(e=Math.abs(e))){let t=Math.floor(e%60),i=Math.floor(e/60%60),a=Math.floor(e/3600),o=a>0||n>0;r=[o?`${a}`:"",(o||s>=0)&&i<10?`0${i}`:`${i}`,t<10?`0${t}`:`${t}`]}else r=[n>0?"--":"","--","--"];let o=r.filter(e=>""!==e).join(":");return`${a?"-":""}${o}`}e.define("theoplayer-seek-button",z);let X=[["hour","hours"],["minute","minutes"],["second","seconds"]];function Z(e,t){let i=X[t][+(1!==e)];return`${e} ${i}`}function ee(e,t){if(!j(e))return"";let i=e<0||t&&0===e,r=Math.floor((e=Math.abs(e))%60),a=Math.floor(e/60)%60,s=Math.floor(e/3600),n=[0===s?"":Z(s,0),0===a?"":Z(a,1),0===r&&(s>0||a>0)?"":Z(r,2)].filter(e=>""!==e).join(", ");return`${n}${i?" remaining":""}`}let et=a(),ei=["timeupdate","seeking","seeked","durationchange"];class er extends V(t,["player","streamType"]){static get observedAttributes(){return[d.REMAINING,d.REMAINING_WHEN_LIVE,d.SHOW_DURATION,d.STREAM_TYPE]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this.hasAttribute("role")||this.setAttribute("role","progressbar"),this.hasAttribute(d.ARIA_LABEL)||this.setAttribute(d.ARIA_LABEL,"playback time"),this.hasAttribute(d.ARIA_LIVE)||this.setAttribute(d.ARIA_LIVE,"off"),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(ei,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(ei,this._updateFromPlayer))}get streamType(){return this.getAttribute(d.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(d.STREAM_TYPE,e)}attributeChangedCallback(e,t,i){i!==t&&er.observedAttributes.indexOf(e)>=0&&(this._updateFromPlayer(),r(this))}constructor(){super(),this._updateFromPlayer=()=>{var e;let t,i;let r=this._player?this._player.currentTime:0,a=this._player?this._player.duration:NaN,s=null==(e=this._player)?void 0:e.seekable,n=isFinite(a)?a:s&&s.length>0?s.end(0):NaN,o=this.hasAttribute(d.REMAINING)||this.hasAttribute(d.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType,l=r;o&&(l=-((n||0)-r));let h=this.hasAttribute(d.SHOW_DURATION);t=h&&!o?`${J(l,n,o)} / ${J(n)}`:J(l,n,o),i=isNaN(a)?"video not loaded, unknown time":h?`${ee(l,o)} of ${ee(n)}`:ee(l,o),k(this._spanEl,t),this.setAttribute("aria-valuetext",i)};let e=this.attachShadow({mode:"open"});e.appendChild(et().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}e.define("theoplayer-time-display",er);let ea=a(),es=["durationchange"];class en extends V(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this.hasAttribute(d.ARIA_LIVE)||this.setAttribute(d.ARIA_LIVE,"off"),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(es,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(es,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{let e=J(this._player?this._player.duration:NaN);k(this._spanEl,e)};let e=this.attachShadow({mode:"open"});e.appendChild(ea().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}e.define("theoplayer-duration-display",en);let eo=!function(){try{let e=new Event("change");return"change"===e.type}catch(e){}return!1}()?function(e,t){let i=document.createEvent("Event");return i.initEvent(e,(null==t?void 0:t.bubbles)||!1,(null==t?void 0:t.cancelable)||!1),i}:function(e,t){return new Event(e,t)},el=!function(){try{let e=new CustomEvent("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}()?function(e,t){let i=document.createEvent("CustomEvent");return i.initCustomEvent(e,(null==t?void 0:t.bubbles)||!1,(null==t?void 0:t.cancelable)||!1,null==t?void 0:t.detail),i}:function(e,t){return new CustomEvent(e,t)},eh=a();class ed extends O{static get observedAttributes(){return[...O.observedAttributes,d.ARIA_CHECKED,d.VALUE]}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),super.connectedCallback()}get checked(){return"true"===this.getAttribute(d.ARIA_CHECKED)}set checked(e){this.setAttribute(d.ARIA_CHECKED,e?"true":"false")}get value(){return this._value}set value(e){this._value=e}handleClick(){this.checked=!0,this.dispatchEvent(eo("input",{bubbles:!0,composed:!0}))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),i!==t&&(e===d.ARIA_CHECKED?this.dispatchEvent(eo("change",{bubbles:!0})):e===d.VALUE&&(this.value=i),ed.observedAttributes.indexOf(e)>=0&&r(this))}constructor(e){super({template:eh(),...e}),this._value=void 0,this._upgradeProperty("checked")}}e.define("theoplayer-radio-button",ed);class eu{get left(){return this.x}set left(e){this.x=e}get right(){return this.x+this.width}set right(e){this.x=e-this.width}get top(){return this.y}set top(e){this.y=e}get bottom(){return this.y+this.height}set bottom(e){this.y=e-this.height}static fromRect(e){var t,i,r,a,s,n;return new eu(null!=(i=null!=(t=e.left)?t:e.x)?i:0,null!=(a=null!=(r=e.top)?r:e.y)?a:0,null!=(s=e.width)?s:0,null!=(n=e.height)?n:0)}overlaps(e){return this.x<e.right&&this.right>e.x&&this.y<e.bottom&&this.bottom>e.y}contains(e){return this.x<=e.x&&e.right<=this.right&&this.y<=e.y&&e.bottom<=this.bottom}union(e){let t=Math.min(this.x,e.x),i=Math.min(this.y,e.y),r=Math.max(this.right,e.right)-t,a=Math.max(this.bottom,e.bottom)-i;return new eu(t,i,r,a)}snapToPixels(){return new eu(Math.round(this.x),Math.round(this.y),Math.round(this.width),Math.round(this.height))}clone(){return new eu(this.x,this.y,this.width,this.height)}toJSON(){return{x:this.x,y:this.y,width:this.width,height:this.height,left:this.left,right:this.right,top:this.top,bottom:this.bottom}}constructor(e,t,i,r){this.x=e,this.y=t,this.width=i,this.height=r}}function ep(){let e=function(){var e;let t;let i=document.activeElement;if(null==i)return null;for(;null!=(t=null==(e=i.shadowRoot)?void 0:e.activeElement);)i=t;return i}();return e&&e!==document.body&&y(e)?e:null}function ec(e,t,i){var r,a;let s;let n=ep();if(null===n)return!1;let o=eu.fromRect(e.getBoundingClientRect()).snapToPixels(),l=eu.fromRect(n.getBoundingClientRect()).snapToPixels(),h=t.map(e=>({child:e,rect:eu.fromRect(e.getBoundingClientRect()).snapToPixels()})).filter(e=>e.rect.width>0&&e.rect.height>0);if(i===S.LEFT||i===S.RIGHT){let e=l.clone();i===S.LEFT?(e.left=o.left,e.width=l.left-o.left):(e.left=l.right,e.width=o.right-l.right),0===(s=h.filter(t=>e.overlaps(t.rect))).length&&(e.top=o.top,e.height=o.height,s=h.filter(t=>e.overlaps(t.rect)))}else{let e=l.clone();i===S.UP?(e.top=o.top,e.height=l.top-o.top):(e.top=l.bottom,e.height=o.bottom-l.bottom),0===(s=h.filter(t=>e.overlaps(t.rect))).length&&(e.left=o.left,e.width=o.width,s=h.filter(t=>e.overlaps(t.rect)))}let d=(r=s,a=e=>{var t,i;let r;return t=e.rect,i=l,r=0,t.right<i.left?r+=i.left-t.right:i.right<t.left&&(r+=t.left-i.right),t.bottom<i.top?r+=i.top-t.bottom:i.bottom<t.top&&(r+=t.top-i.bottom),r},function(e,t){if(0!==e.length)return e.reduce((e,i)=>0>=t(e,i)?e:i)}(r,(e,t)=>a(e)-a(t)));return void 0!==d&&(d.child.focus(),!0)}let e_=a();class ey extends V(t,["deviceType"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this.hasAttribute("role")||this.setAttribute("role","radiogroup"),this.addEventListener("keydown",this._onKeyDown),this.shadowRoot.addEventListener("change",this._onButtonChange),this._slot.addEventListener("slotchange",this._onSlotChange),this._onSlotChange()}disconnectedCallback(){this.removeEventListener("keydown",this._onKeyDown),this.shadowRoot.removeEventListener("change",this._onButtonChange),this._slot.removeEventListener("slotchange",this._onSlotChange)}get deviceType(){return this.getAttribute(d.DEVICE_TYPE)||"desktop"}set deviceType(e){this.setAttribute(d.DEVICE_TYPE,e)}get focusedRadioButton(){var e;return null!=(e=b(this._radioButtons,e=>0===e.tabIndex))?e:null}get checkedRadioButton(){var e;return null!=(e=b(this._radioButtons,e=>e.checked))?e:null}get firstRadioButton(){var e;return null!=(e=this._radioButtons[0])?e:null}get lastRadioButton(){let e=this._radioButtons;return e.length>0?e[e.length-1]:null}allRadioButtons(){return this._radioButtons}_prevRadioButton(e){let t=this._radioButtons.indexOf(e);return t>0?this._radioButtons[t-1]:null}_nextRadioButton(e){let t=this._radioButtons.indexOf(e);return t>=0&&t<this._radioButtons.length-1?this._radioButtons[t+1]:null}_focusPrevButton(){let e=this.focusedRadioButton||this.firstRadioButton;return!!e&&(e===this.firstRadioButton?this.setFocusedRadioButton(this.lastRadioButton):this.setFocusedRadioButton(this._prevRadioButton(e)),!0)}_focusNextButton(){let e=this.focusedRadioButton||this.firstRadioButton;return!!e&&(e===this.lastRadioButton?this.setFocusedRadioButton(this.firstRadioButton):this.setFocusedRadioButton(this._nextRadioButton(e)),!0)}setFocusedRadioButton(e){this._unfocusAll(),e&&(e.tabIndex=0,e.focus())}_unfocusAll(){for(let e of this.allRadioButtons())e.tabIndex=-1}setCheckedRadioButton(e){for(let t of this.allRadioButtons())t.checked=t===e;this.dispatchEvent(eo("change",{bubbles:!0}))}constructor(){super(),this._radioButtons=[],this._onSlotChange=()=>{let e=C(this._slot),t=[];for(let i of e)if(!ev(i)){let e=w(i);e&&t.push(e)}if(t.length>0&&Promise.all(t).then(this._onSlotChange,c),this._radioButtons=e.filter(ev),!this.focusedRadioButton){var i;null==(i=this.firstRadioButton)||i.setAttribute("tabindex","0")}},this._onKeyDown=e=>{if("tv"===this.deviceType&&x(e.keyCode)){ec(this,this._radioButtons,e.keyCode)&&(e.preventDefault(),e.stopPropagation());return}switch(e.keyCode){case S.UP:case S.LEFT:this._focusPrevButton()&&e.preventDefault();break;case S.DOWN:case S.RIGHT:this._focusNextButton()&&e.preventDefault();break;case S.HOME:e.preventDefault(),this.setFocusedRadioButton(this.firstRadioButton);break;case S.END:e.preventDefault(),this.setFocusedRadioButton(this.lastRadioButton)}},this._onButtonChange=e=>{let t=e.target;null!==t&&t.checked&&this.setCheckedRadioButton(e.target)};let e=this.attachShadow({mode:"open"});e.appendChild(e_().content.cloneNode(!0)),this._slot=e.querySelector("slot"),this._upgradeProperty("deviceType")}}function ev(e){return e instanceof ed}e.define("theoplayer-radio-group",ey);let eg="theoplayermenuclose",eb="theoplayermenuchange";function em(e,t,i=""){return`<style>:host{box-sizing:border-box;color:#fff;color:var(--theoplayer-menu-color,#fff);display:flex;flex-direction:column;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);pointer-events:none}:host([hidden]){display:none!important}[part=heading]{align-items:center;align-self:stretch;display:flex;pointer-events:auto}[part=heading] ::slotted(span),[part=heading]>span{padding:10px;padding:var(--theoplayer-control-padding,10px);padding-left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=content],[part=heading]>theoplayer-menu-close-button{pointer-events:auto}[part=content]{--theoplayer-control-hover-background:var(--theoplayer-menu-control-hover-background,hsla(0,0%,100%,.3));align-self:center;display:flex;flex-direction:column;margin:10px;margin:var(--theoplayer-menu-margin,10px);max-height:100%;max-width:100%;max-width:var(--theoplayer-menu-max-width,100%);min-height:0;min-width:80%;min-width:var(--theoplayer-menu-min-width,80%);overflow-y:auto}${i}</style><div part="heading"><theoplayer-menu-close-button></theoplayer-menu-close-button>${e}</div><div part="content">${t}</div>`}let ef=a();class eE extends t{static get observedAttributes(){return[d.MENU_OPENED,d.MENU_CLOSE_ON_INPUT]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this.hasAttribute(d.MENU_OPENED)||this.setAttribute("hidden",""),this._contentEl.addEventListener("input",this._onContentInput)}disconnectedCallback(){this._contentEl.removeEventListener("input",this._onContentInput)}get closeOnInput(){return this.hasAttribute(d.MENU_CLOSE_ON_INPUT)}set closeOnInput(e){A(this,d.MENU_CLOSE_ON_INPUT,e)}openMenu(){this.setAttribute(d.MENU_OPENED,"")}closeMenu(){this.removeAttribute(d.MENU_OPENED)}attributeChangedCallback(e,t,i){if(i!==t){if(e===d.MENU_OPENED){A(this,d.HIDDEN,null==i);let e=el(eb,{bubbles:!0});this.dispatchEvent(e)}eE.observedAttributes.indexOf(e)>=0&&r(this)}}constructor(e){var t;super(),this._onContentInput=()=>{if(this.hasAttribute(d.MENU_CLOSE_ON_INPUT)){let e=el(eg,{bubbles:!0,composed:!0});this.dispatchEvent(e)}};let i=null!=(t=null==e?void 0:e.template)?t:ef(),r=this.attachShadow({mode:"open",delegatesFocus:!0});r.appendChild(i.content.cloneNode(!0)),this._contentEl=r.querySelector('[part="content"]')}}e.define("theoplayer-menu",eE);let ek="theoplayermenutoggle";function eA(e,t=""){return`<style>:host{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;pointer-events:none}:host([hidden]){display:none!important}::slotted(*),:host>*{align-self:stretch;flex-grow:1;justify-self:stretch;min-height:0}${t}</style>${e}`}let eT=a();class eC extends t{static get observedAttributes(){return[d.MENU_OPENED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){var e;i(this),this.hasAttribute(d.MENU_OPENED)||this.setAttribute("hidden",""),this._onMenuListChange(),this.shadowRoot.addEventListener(ek,this._onToggleMenu),this.shadowRoot.addEventListener(eg,this._onCloseMenu),this.shadowRoot.addEventListener(eb,this._onMenuChange),null==(e=this._menuSlot)||e.addEventListener("slotchange",this._onMenuListChange)}disconnectedCallback(){var e;this.shadowRoot.removeEventListener(ek,this._onToggleMenu),this.shadowRoot.removeEventListener(eg,this._onCloseMenu),this.shadowRoot.removeEventListener(eb,this._onMenuChange),null==(e=this._menuSlot)||e.removeEventListener("slotchange",this._onMenuListChange)}attributeChangedCallback(e,t,i){if(i!==t){if(e===d.MENU_OPENED){null!=i?(this.removeAttribute("hidden"),this.removeEventListener("keydown",this._onKeyDown),this.addEventListener("keydown",this._onKeyDown)):(this.setAttribute("hidden",""),this.removeEventListener("keydown",this._onKeyDown));let e=el(eb,{bubbles:!0});this.dispatchEvent(e)}eC.observedAttributes.indexOf(e)>=0&&r(this)}}getMenuById(e){return e&&e!==this.id?b(this._menus,t=>t.id===e):this}openMenu(e,t){let i=this.getMenuById(e);if(i===this&&(i=this._menus[0]),!i)return!1;let r=this.getCurrentMenu_(),a=m(this._openMenuStack,e=>e.menu===i);return a>=0?this.closeMenusFromIndex_(a+1):this._openMenuStack.push({menu:i,opener:t}),r&&r.menu.closeMenu(),i.openMenu(),this.setAttribute(d.MENU_OPENED,""),i.focus(),!0}closeMenu(e){var t,i;let r=this.getMenuById(e);if(r===this&&(r=null==(i=this._openMenuStack[0])?void 0:i.menu),!r)return!1;let a=m(this._openMenuStack,e=>e.menu===r);if(a<0)return!1;let s=this._openMenuStack[a];this.closeMenusFromIndex_(a);let n=this.getCurrentMenu_();return void 0!==n?(n.menu.openMenu(),this.setAttribute(d.MENU_OPENED,""),s.opener&&n.menu.contains(s.opener)?s.opener.focus():n.menu.focus()):(this.removeAttribute(d.MENU_OPENED),null==(t=s.opener)||t.focus()),!0}closeMenusFromIndex_(e){let t=this._openMenuStack.length-e;for(let t=this._openMenuStack.length-1;t>=e;t--)this._openMenuStack[t].menu.closeMenu();this._openMenuStack.splice(e,t)}hasCurrentMenu(){return this._openMenuStack.length>0}getCurrentMenu_(){return this._openMenuStack.length>0?this._openMenuStack[this._openMenuStack.length-1]:void 0}closeCurrentMenu(){let e=this.getCurrentMenu_();return void 0!==e&&(this.closeMenu(e.menu.id),!0)}isMenuOpen(e){let t=this.getMenuById(e);return!!t&&this._openMenuStack.some(e=>e.menu===t)}constructor(e){var t;super(),this._menus=[],this._openMenuStack=[],this._onMenuListChange=()=>{let e=[...g(this.shadowRoot.children),...this._menuSlot?C(this._menuSlot):[]],t=[];for(let i of e)if(!eL(i)){let e=w(i);e&&t.push(e)}t.length>0&&Promise.all(t).then(this._onMenuListChange,c);let i=e.filter(eL);for(let e of this._menus)0>i.indexOf(e)&&this.closeMenu(e.id);for(let e of i)0>this._menus.indexOf(e)&&e.closeMenu();this._menus=i},this._onToggleMenu=e=>{let t=e.detail.menu;if(!this.getMenuById(t))return;e.stopPropagation();let i=y(e.target)?e.target:void 0;this.isMenuOpen(t)?this.closeMenu(t):this.openMenu(t,i)},this._onCloseMenu=e=>{this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())},this._onMenuChange=e=>{let t=this.getCurrentMenu_();t&&t.menu===e.target&&t.menu instanceof eC&&!t.menu.hasCurrentMenu()&&this.closeCurrentMenu()},this._onKeyDown=e=>{!e.altKey&&P(e.keyCode)&&this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())};let i=null!=(t=null==e?void 0:e.template)?t:eT(),r=this.attachShadow({mode:"open",delegatesFocus:!0});r.appendChild(i.content.cloneNode(!0)),this._menuSlot=r.querySelector("slot")}}function eL(e){return!!y(e)&&(e instanceof eE||e instanceof eC)}e.define("theoplayer-menu-group",eC);let ew=a();class eS extends O{static get observedAttributes(){return[...O.observedAttributes,d.MENU]}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true")}get menu(){return this.getAttribute(d.MENU)}set menu(e){e?this.setAttribute(d.MENU,e):this.removeAttribute(d.MENU)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e!==d.MENU||this.hasAttribute("aria-controls")&&this.getAttribute("aria-controls")!==t||this.setAttribute("aria-controls",i)}handleClick(){let e=this.menu;if(e){let t=el(ek,{bubbles:!0,composed:!0,detail:{menu:e}});this.dispatchEvent(t)}}constructor(e){super({template:ew(),...e}),this._upgradeProperty("menu")}}e.define("theoplayer-menu-button",eS);let ex=a();class eP extends O{static get observedAttributes(){return[...O.observedAttributes]}connectedCallback(){super.connectedCallback(),this.hasAttribute(d.ARIA_LABEL)||this.setAttribute(d.ARIA_LABEL,"close menu")}handleClick(){let e=el(eg,{bubbles:!0,composed:!0});this.dispatchEvent(e)}constructor(){super({template:ex()})}}e.define("theoplayer-menu-close-button",eP);let eR=a(),eI=["change","update"];class eM extends ed{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(eI,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(eI,this._onTrackChange))}_updateFromTrack(){k(this._slotEl,this._track?function(e){let t=e.label;if(t)return t;let i=e.language;return i&&(E(i)||i)||""}(this._track):""),this.checked=!!this._track&&this._track.enabled}_updateTrack(){this._track&&(this._track.enabled=this.checked)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===d.ARIA_CHECKED&&t!==i&&this._updateTrack()}constructor(){super({template:eR()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}e.define("theoplayer-media-track-radio-button",eM);let eO=a(),eN=["change","update"];class eD extends ed{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(eN,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(eN,this._onTrackChange))}_updateFromTrack(){k(this._slotEl,this._track?function(e){let t=e.label;if(t)return t;let i=e.language;return i&&(E(i)||i)||""}(this._track):""),this.checked=!!this._track&&"showing"===this._track.mode}_updateTrack(){this._track&&(this._track.mode=this.checked?"showing":"disabled")}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===d.ARIA_CHECKED&&t!==i&&this._updateTrack()}constructor(){super({template:eO()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}function eB(e){return"subtitles"===e.kind||"captions"===e.kind}function eF(e){let t=null==e?void 0:e.targetQuality;return void 0===t||Array.isArray(t)||(t=[t]),t}function eU(e){return e?e.label&&""!==e.label?e.label:e.height?`${e.height}p`:e.bandwidth?function(e){if(e.bandwidth)return e.bandwidth>1e7?`${(e.bandwidth/1e6).toFixed(0)}Mbps`:e.bandwidth>1e6?`${(e.bandwidth/1e6).toFixed(1)}Mbps`:`${(e.bandwidth/1e3).toFixed(0)}kbps`}(e):void 0:void 0}e.define("theoplayer-text-track-radio-button",eD);let eV=a(),eH=["change"];class eG extends ed{get trackList(){return this._trackList}set trackList(e){this._trackList&&this._trackList.removeEventListener(eH,this._onTrackChange),this._trackList=e,this._updateFromTrackList(),e&&e.addEventListener(eH,this._onTrackChange)}_updateFromTrackList(){this.checked=!this._trackList||!this._trackList.filter(eB).some(e=>"showing"===e.mode)}_updateTrackList(){this._trackList&&this.checked&&function(e){for(let t of e)eB(t)&&"showing"===t.mode&&(t.mode="disabled")}(this._trackList)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e===d.ARIA_CHECKED&&t!==i&&this._updateTrackList()}constructor(){super({template:eV()}),this._trackList=void 0,this._onTrackChange=()=>{this._updateFromTrackList()},this._upgradeProperty("trackList")}}e.define("theoplayer-text-track-off-radio-button",eG);let eq=a(),eK=["addtrack","removetrack"];class eY extends V(t,["player"]){static get observedAttributes(){return[d.TRACK_TYPE,d.SHOW_OFF]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this._radioGroup instanceof ey||e.upgrade(this._radioGroup),this._updateOffButton(),this._updateTracks(),this.shadowRoot.addEventListener("change",this._onChange)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange)}get trackType(){return this.getAttribute(d.TRACK_TYPE)||"audio"}set trackType(e){this.setAttribute(d.TRACK_TYPE,e||"audio")}get showOffButton(){return this.hasAttribute(d.SHOW_OFF)}set showOffButton(e){A(this,d.SHOW_OFF,e)}get player(){return this._player}set player(e){this._player!==e&&(this._player=e,this._updateTracksList(),this._updateTracks())}_getTracksList(){if(void 0===this._player)return;let e=this.trackType;return"audio"===e?this._player.audioTracks:"video"===e?this._player.videoTracks:"subtitles"===e?this._player.textTracks:void 0}_updateTracksList(){let e=this._tracksList,t=this._getTracksList();e!==t&&(null==e||e.removeEventListener(eK,this._updateTracks),null==t||t.addEventListener(eK,this._updateTracks),this._tracksList=t,this._updateOffButton())}_getTracks(){if(void 0===this._player)return[];let e=this.trackType;return"audio"===e?this._player.audioTracks:"video"===e?this._player.videoTracks:"subtitles"===e?this._player.textTracks.filter(eB):[]}_createTrackButton(e){if("subtitles"===this.trackType){let t=new eD;return t.track=e,t}{let t=new eM;return t.track=e,t}}_updateOffButton(){"subtitles"===this.trackType&&this.showOffButton?(void 0===this._offButton&&(this._offButton=new eG,this._radioGroup.insertBefore(this._offButton,this._radioGroup.firstChild)),this._offButton.trackList=this._tracksList):void 0!==this._offButton&&(this._radioGroup.removeChild(this._offButton),this._offButton=void 0)}attributeChangedCallback(e,t,i){i!==t&&(e===d.TRACK_TYPE?(this._updateTracksList(),this._updateTracks()):e===d.SHOW_OFF&&(this._updateOffButton(),this._updateTracks()),eY.observedAttributes.indexOf(e)>=0&&r(this))}constructor(){super(),this._updateTracks=()=>{let e=g(this._radioGroup.children),t=this._getTracks();for(let i of(void 0!==this._offButton&&(e=e.slice(1)),e))(!i.track||0>t.indexOf(i.track))&&this._radioGroup.removeChild(i);for(let i of t)if(!function(e,t){for(let i=0;i<e.length;i++)if(e[i].track===t)return!0;return!1}(e,i)){let e=this._createTrackButton(i);this._radioGroup.appendChild(e)}},this._onChange=()=>{this.dispatchEvent(eo("change",{bubbles:!0}))};let e=this.attachShadow({mode:"open"});e.appendChild(eq().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("trackType"),this._upgradeProperty("showOffButton"),this._upgradeProperty("player")}}function e$(e){return e?f(e,"rgb")?function(e){let t=e.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)$/i);return t?{r_:parseInt(t[1],10),g_:parseInt(t[2],10),b_:parseInt(t[3],10),a_:t[4]?parseFloat(t[4]):1}:null}(e):f(e,"#")?function(e){let t=e.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);return t?{r_:parseInt(t[1],16),g_:parseInt(t[2],16),b_:parseInt(t[3],16),a_:1}:null}(e):null:null}function eQ(e){return`rgba(${e.r_},${e.g_},${e.b_},${e.a_})`}function eW(e){return`rgb(${e.r_},${e.g_},${e.b_})`}function ez(e,t){return{r_:e.r_,g_:e.g_,b_:e.b_,a_:t}}e.define("theoplayer-track-radio-group",eY);let ej=e$("#ffffff"),eJ=e$("#000000"),eX=[["White","rgb(255,255,255)"],["Yellow","rgb(255,255,0)"],["Green","rgb(0,255,0)"],["Cyan","rgb(0,255,255)"],["Blue","rgb(0,0,255)"],["Magenta","rgb(255,0,255)"],["Red","rgb(255,0,0)"],["Black","rgb(0,0,0)"]],eZ=[["Monospace Serif",'"Courier New", Courier, "Nimbus Mono L", "Cutive Mono", monospace'],["Proportional Serif",'"Times New Roman", Times, Georgia, Cambria, "PT Serif Caption", serif'],["Monospace Sans",'"Deja Vu Sans Mono", "Lucida Console", Monaco, Consolas, "PT Mono", monospace'],["Proportional Sans",'Arial, Helvetica, Verdana, "PT Sans Caption", sans-serif']],e0=[["None","none"],["Drop shadow","dropshadow"],["Raised","raised"],["Depressed","depressed"],["Uniform","uniform"]];class e1 extends V(t,["player"]){static get observedAttributes(){return[d.PROPERTY]}connectedCallback(){i(this),this.hasAttribute(d.PROPERTY)||(this.property="fontColor")}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get property(){return this.getAttribute(d.PROPERTY)}set property(e){this.setAttribute(d.PROPERTY,e)}get player(){return this._player}set player(e){var t,i;this._player!==e&&(null==(t=this._textTrackStyle)||t.removeEventListener("change",this._updateFromPlayer),this._player=e,this._textTrackStyle=null==e?void 0:e.textTrackStyle,this._updateFromPlayer(),null==(i=this._textTrackStyle)||i.addEventListener("change",this._updateFromPlayer))}attributeChangedCallback(e,t,i){i!==t&&(e===d.PROPERTY&&this._updateFromPlayer(),e1.observedAttributes.indexOf(e)>=0&&r(this))}constructor(){super(),this._updateFromPlayer=()=>{if(void 0===this._player)return;let e=this.property;switch(e){case"fontFamily":k(this._spanEl,function(e){if(!e)return"Default";let t=b(eZ,([t,i])=>i===e);return t?t[0]:"Custom"}(this._player.textTrackStyle.fontFamily));break;case"fontColor":case"backgroundColor":case"windowColor":k(this._spanEl,function(e){if(!e)return"Default";let t=e$(e);if(t){let e=eW(t),i=b(eX,([t,i])=>i===e);if(i)return i[0]}return"Custom"}(this._player.textTrackStyle[e]));break;case"fontOpacity":k(this._spanEl,e2(this._player.textTrackStyle.fontColor));break;case"backgroundOpacity":k(this._spanEl,e2(this._player.textTrackStyle.backgroundColor));break;case"windowOpacity":k(this._spanEl,e2(this._player.textTrackStyle.windowColor));break;case"edgeStyle":k(this._spanEl,function(e){if(!e)return"Default";let t=b(e0,([t,i])=>i===e);return t?t[0]:"Custom"}(this._player.textTrackStyle.edgeStyle));break;default:{let t=this._player.textTrackStyle[e];k(this._spanEl,t||"Default")}}};let e=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),e.appendChild(this._spanEl),this._upgradeProperty("property"),this._upgradeProperty("player")}}function e2(e){if(!e)return"Default";let t=e$(e);return t?`${100*t.a_}%`:"Custom"}e.define("theoplayer-text-track-style-display",e1);let e5=a();class e4 extends V(t,["player"]){static get observedAttributes(){return[d.PROPERTY]}connectedCallback(){i(this),this._radioGroup instanceof ey||e.upgrade(this._radioGroup),this._upgradeProperty("property"),this._upgradeProperty("value"),this._upgradeProperty("player"),this.hasAttribute(d.PROPERTY)||(this.property="fontColor"),this._updateChecked(),this.shadowRoot.addEventListener("change",this._onChange),this._optionsSlot.addEventListener("slotchange",this._updateChecked)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange),this._optionsSlot.removeEventListener("slotchange",this._updateChecked)}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get property(){return this.getAttribute(d.PROPERTY)}set property(e){this.setAttribute(d.PROPERTY,e)}get value(){return this._value}set value(e){this._value!==e&&(this._value=e,this._updateToPlayer(),this._updateChecked(),this.dispatchEvent(eo("change",{bubbles:!0})))}get player(){return this._player}set player(e){var t,i;this._player!==e&&(null==(t=this._textTrackStyle)||t.removeEventListener("change",this._updateFromPlayer),this._player=e,this._textTrackStyle=null==e?void 0:e.textTrackStyle,this._updateFromPlayer(),null==(i=this._textTrackStyle)||i.addEventListener("change",this._updateFromPlayer))}_updateToPlayer(){if(void 0!==this._player)switch(this.property){case"fontColor":this._player.textTrackStyle.fontColor=e3(this.value,this._player.textTrackStyle.fontColor,ej);break;case"backgroundColor":this._player.textTrackStyle.backgroundColor=e3(this.value,this._player.textTrackStyle.backgroundColor,eJ);break;case"windowColor":this._player.textTrackStyle.windowColor=e3(this.value,this._player.textTrackStyle.windowColor,eJ);break;case"fontOpacity":this._player.textTrackStyle.fontColor=e6(this.value,this._player.textTrackStyle.fontColor,ej);break;case"backgroundOpacity":this._player.textTrackStyle.backgroundColor=e6(this.value,this._player.textTrackStyle.backgroundColor,eJ);break;case"windowOpacity":this._player.textTrackStyle.windowColor=e6(this.value,this._player.textTrackStyle.windowColor,eJ);break;default:this._player.textTrackStyle[this.property]=""==this.value?void 0:this.value}}attributeChangedCallback(e,t,i){i!==t&&(e===d.PROPERTY&&this._updateFromPlayer(),e4.observedAttributes.indexOf(e)>=0&&r(this))}constructor(){super(),this._updateChecked=()=>{for(let e of this._radioGroup.allRadioButtons())e.checked=e.value===this.value},this._onChange=()=>{let e=this._radioGroup.checkedRadioButton;null!==e&&this.value!==e.value&&(this.value=e.value)},this._updateFromPlayer=()=>{var e,t,i,r,a,s,n,o,l,h;if(void 0!==this._player)switch(this.property){case"fontColor":{let t=this._player.textTrackStyle.fontColor;this.value=t?eW(null!=(e=e$(t))?e:ej):"";break}case"backgroundColor":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?eW(null!=(t=e$(e))?t:eJ):"";break}case"windowColor":{let e=this._player.textTrackStyle.windowColor;this.value=e?eW(null!=(i=e$(e))?i:eJ):"";break}case"fontOpacity":{let e=this._player.textTrackStyle.fontColor;this.value=e?String((null!=(a=null==(r=e$(e))?void 0:r.a_)?a:1)*100):"";break}case"backgroundOpacity":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?String((null!=(n=null==(s=e$(e))?void 0:s.a_)?n:1)*100):"";break}case"windowOpacity":{let e=this._player.textTrackStyle.windowColor;this.value=e?String((null!=(l=null==(o=e$(e))?void 0:o.a_)?l:1)*100):"";break}default:this.value=null!=(h=this._player.textTrackStyle[this.property])?h:""}};let e=this.attachShadow({mode:"open"});e.appendChild(e5().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot")}}function e3(e,t,i){var r,a,s;let n=null!=(a=null==(r=e$(t))?void 0:r.a_)?a:1;if(""!==e||1!==n)return eQ(ez(null!=(s=e$(e))?s:i,n))}function e6(e,t,i){var r;let a=null!=(r=e$(t))?r:i;if(""!==e||a.r_!==i.r_||a.g_!==i.g_||a.b_!==i.b_)return eQ(ez(a,""==e?1:Number(e)/100))}e.define("theoplayer-text-track-style-radio-group",e4);let e7=a();class e9 extends eC{constructor(){super({template:e7()})}}e.define("theoplayer-text-track-style-menu",e9);let e8=a(),te=["addtrack","removetrack"];class tt extends V(eC,["player"]){static get observedAttributes(){return[...eC.observedAttributes,d.HAS_AUDIO,d.HAS_SUBTITLES]}get player(){return this._player}set player(e){var t,i,r,a;this._player!==e&&(null==(t=this._audioTrackList)||t.removeEventListener(te,this._updateAudioTracks),null==(i=this._textTrackList)||i.removeEventListener(te,this._updateTextTracks),this._player=e,this._audioTrackList=null==e?void 0:e.audioTracks,this._textTrackList=null==e?void 0:e.textTracks,this._updateAudioTracks(),this._updateTextTracks(),null==(r=this._audioTrackList)||r.addEventListener(te,this._updateAudioTracks),null==(a=this._textTrackList)||a.addEventListener(te,this._updateTextTracks))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),tt.observedAttributes.indexOf(e)>=0&&r(this)}constructor(){super({template:e8()}),this._updateAudioTracks=()=>{var e,t;let i=null!=(t=null==(e=this._player)?void 0:e.audioTracks)?t:[];A(this,d.HAS_AUDIO,i.length>1)},this._updateTextTracks=()=>{var e,t;let i=null!=(t=null==(e=this._player)?void 0:e.textTracks.filter(eB))?t:[];A(this,d.HAS_SUBTITLES,i.length>0)},this._upgradeProperty("player")}}e.define("theoplayer-language-menu",tt);let ti=a(),tr=["addtrack","removetrack"];class ta extends V(eS,["player"]){connectedCallback(){super.connectedCallback(),this.hasAttribute(d.ARIA_LABEL)||this.setAttribute(d.ARIA_LABEL,"open language menu")}get player(){return this._player}set player(e){var t,i,r,a;this._player!==e&&(null==(t=this._audioTrackList)||t.removeEventListener(tr,this._updateTracks),null==(i=this._textTrackList)||i.removeEventListener(tr,this._updateTracks),this._player=e,this._audioTrackList=null==e?void 0:e.audioTracks,this._textTrackList=null==e?void 0:e.textTracks,this._updateTracks(),null==(r=this._audioTrackList)||r.addEventListener(tr,this._updateTracks),null==(a=this._textTrackList)||a.addEventListener(tr,this._updateTracks))}constructor(){super({template:ti()}),this._updateTracks=()=>{let e=void 0!==this._player&&(this._player.audioTracks.length>=2||this._player.textTracks.some(eB));A(this,d.HIDDEN,!e)},this._upgradeProperty("player")}}e.define("theoplayer-language-menu-button",ta);let ts=a();class tn extends V(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this._radioGroup instanceof ey||e.upgrade(this._radioGroup),this._updateChecked(),this.shadowRoot.addEventListener("change",this._onChange),this._optionsSlot.addEventListener("slotchange",this._updateChecked)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange),this._optionsSlot.removeEventListener("slotchange",this._updateChecked)}get value(){return this._value}set value(e){e=Number(e),this._value!==e&&(this._value=e,void 0!==this._player&&(this._player.playbackRate=e),this._updateChecked(),this.dispatchEvent(eo("change",{bubbles:!0})))}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener("ratechange",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener("ratechange",this._updateFromPlayer))}constructor(){super(),this._value=1,this._updateChecked=()=>{for(let e of this._radioGroup.allRadioButtons())e.checked=Number(e.value)===this.value},this._onChange=()=>{let e=this._radioGroup.checkedRadioButton;null!==e&&this.value!==Number(e.value)&&(this.value=e.value)},this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.playbackRate)};let e=this.attachShadow({mode:"open"});e.appendChild(ts().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot"),this._upgradeProperty("value"),this._upgradeProperty("player")}}e.define("theoplayer-playback-rate-radio-group",tn);let to=a();class tl extends eS{connectedCallback(){super.connectedCallback(),this.hasAttribute(d.ARIA_LABEL)||this.setAttribute(d.ARIA_LABEL,"open playback speed menu")}constructor(){super({template:to()})}}e.define("theoplayer-playback-rate-menu-button",tl);let th=a();class td extends eE{constructor(){super({template:th()})}}e.define("theoplayer-playback-rate-menu",td);class tu extends V(t,["playbackRate"]){connectedCallback(){i(this)}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get playbackRate(){return this._playbackRate}set playbackRate(e){this._playbackRate=e,k(this._spanEl,1===e?"Normal":`${e}x`)}constructor(){super(),this._playbackRate=1;let e=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),e.appendChild(this._spanEl),this._upgradeProperty("playbackRate")}}e.define("theoplayer-playback-rate-display",tu);class tp extends V(t,["activeVideoQuality","targetVideoQualities"]){connectedCallback(){i(this)}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get activeVideoQuality(){return this._activeVideoQuality}set activeVideoQuality(e){this._activeVideoQuality=e,this.update_()}get targetVideoQualities(){return this._targetVideoQualities}set targetVideoQualities(e){this._targetVideoQualities=e,this.update_()}update_(){let e;let t=void 0!==this._targetVideoQualities&&1===this._targetVideoQualities.length,i=t?this._targetVideoQualities[0]:void 0,r=eU(null!=i?i:this._activeVideoQuality);e=t?null!=r?r:"Unknown":`Automatic${r?` (${r})`:""}`,k(this._spanEl,e)}constructor(){super(),this._activeVideoQuality=void 0,this._targetVideoQualities=void 0;let e=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),e.appendChild(this._spanEl),this._upgradeProperty("activeVideoQuality"),this._upgradeProperty("targetVideoQualities")}}e.define("theoplayer-active-quality-display",tp);let tc=a(),t_=["activequalitychanged","targetqualitychanged"],ty=["update"];class tv extends ed{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(t_,this._updateFromTrack),this._track=e,this._updateFromTrack(),e&&e.addEventListener(t_,this._updateFromTrack))}get quality(){return this._quality}set quality(e){this._quality!==e&&(this._quality&&this._quality.removeEventListener(ty,this._updateFromQuality),this._quality=e,this._updateFromTrack(),e&&e.addEventListener(ty,this._updateFromQuality))}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),i!==t&&(e===d.ARIA_CHECKED&&this._updateTargetQuality(),tv.observedAttributes.indexOf(e)>=0&&r(this))}constructor(){super({template:tc()}),this._track=void 0,this._quality=void 0,this._updateFromTrack=()=>{if(void 0!==this._track){let e=this._track.targetQuality;Array.isArray(e)&&(e=1===e.length?e[0]:void 0),void 0===this._quality?this.checked=void 0===e:this.checked=e===this._quality}this._updateFromQuality()},this._updateFromQuality=()=>{var e;k(this._slotEl,null!=(e=eU(this._quality))?e:"Automatic")},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track"),this._upgradeProperty("quality")}}e.define("theoplayer-quality-radio-button",tv);let tg=a(),tb=["addtrack","removetrack","change"];class tm extends V(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this._radioGroup instanceof ey||e.upgrade(this._radioGroup),this._updateTrack(),this.shadowRoot.addEventListener("change",this._onChange)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange)}get player(){return this._player}set player(e){var t,i;this._player!==e&&(null==(t=this._videoTracks)||t.removeEventListener(tb,this._updateTrack),this._player=e,this._videoTracks=null==e?void 0:e.videoTracks,this._updateTrack(),null==(i=this._videoTracks)||i.addEventListener(tb,this._updateTrack))}constructor(){super(),this._onChange=()=>{this.dispatchEvent(eo("change",{bubbles:!0}))},this._updateTrack=()=>{var e,t;let i=this._player?b(this._player.videoTracks,e=>e.enabled):void 0;this._track!==i&&(null==(e=this._track)||e.removeEventListener("update",this._update),this._track=i,null==(t=this._track)||t.addEventListener("update",this._update),this._update())},this._update=()=>{let e=g(this._radioGroup.children),t=this._track?this._track.qualities:[],i=1===t.length?[void 0]:[void 0,...t],r=0;for(;r<e.length&&r<i.length;){let t=e[r];t.track=this._track,t.quality=i[r],r++}for(;r<e.length;)this._radioGroup.removeChild(e[r]),r++;for(;r<i.length;){let e=new tv;e.track=this._track,e.quality=i[r],this._radioGroup.appendChild(e),r++}};let e=this.attachShadow({mode:"open"});e.appendChild(tg().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("player")}}e.define("theoplayer-quality-radio-group",tm);let tf=a();class tE extends V(O,["player"]){static get observedAttributes(){return[...O.observedAttributes]}get player(){return this._player}set player(e){this._player=e}handleClick(){if(void 0===this._player)return;let{textTrackStyle:e}=this._player;e.fontFamily=void 0,e.fontColor=void 0,e.fontSize=void 0,e.backgroundColor=void 0,e.windowColor=void 0,e.edgeStyle=void 0}constructor(){super({template:tf()})}}e.define("theoplayer-text-track-style-reset-button",tE);let tk=a();class tA extends eC{constructor(){super({template:tk()})}}e.define("theoplayer-settings-menu",tA);let tT=a();class tC extends eS{connectedCallback(){super.connectedCallback(),this.hasAttribute(d.ARIA_LABEL)||this.setAttribute(d.ARIA_LABEL,"open settings menu")}constructor(){super({template:tT()})}}e.define("theoplayer-settings-menu-button",tC);let tL="theoplayerfullscreenenter",tw="theoplayerfullscreenexit",tS=a();class tx extends V(O,["fullscreen"]){static get observedAttributes(){return[...O.observedAttributes,d.FULLSCREEN]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get fullscreen(){return this.hasAttribute(d.FULLSCREEN)}set fullscreen(e){A(this,d.FULLSCREEN,e)}handleClick(){if(this.fullscreen){let e=el(tw,{bubbles:!0,composed:!0});this.dispatchEvent(e)}else{let e=el(tL,{bubbles:!0,composed:!0});this.dispatchEvent(e)}}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),tx.observedAttributes.indexOf(e)>=0&&(r(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.fullscreen?"exit fullscreen":"enter fullscreen";this.setAttribute(d.ARIA_LABEL,e)}constructor(){super({template:tS()}),this._upgradeProperty("fullscreen")}}e.define("theoplayer-fullscreen-button",tx);class tP{add(e,t,i){if((t=Math.max(t,0))>=(i=Math.min(i,100)))return;let r=m(this._stops,([,e])=>t<=e);if(r<0)return;let[a,s]=this._stops[r],n=[];if(t>0&&n.push([a,t]),n.push([e,i]),i<s)n.push([a,s]),this._stops.splice(r,1,...n);else{let e=r+1;for(;e<this._stops.length&&!(i<this._stops[e][1]);)e++;this._stops.splice(r,e-r,...n)}}toGradientStops(){let e=[],t=0;for(let[i,r]of this._stops)r<t||(e.push(`${i} ${t}%`),e.push(`${i} ${r}%`),t=r);return e.join(", ")}constructor(){this._stops=[["transparent",100]]}}function tR(e,t=""){return`<style>:host{--thumb-height:var(--theoplayer-range-thumb-height,10px);--track-height:var(--theoplayer-range-track-height,4px);--theoplayer-range-padding:var(--theoplayer-control-padding,10px);background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;display:inline-block;font-size:0;height:44px;height:calc(var(--theoplayer-control-height, 24px) + var(--theoplayer-range-padding)*2);padding-left:10px;padding-left:var(--theoplayer-range-padding-left,var(--theoplayer-range-padding));padding-right:10px;padding-right:var(--theoplayer-range-padding-right,var(--theoplayer-range-padding));pointer-events:auto;position:relative;transition:background .15s linear;vertical-align:middle;width:100px}:host([hidden]){display:none!important}:host(:hover:not([disabled])){background:transparent;background:var(--theoplayer-control-hover-background,var(--theoplayer-control-background,transparent))}[part=container]{height:100%;position:relative}[part=background],[part=pointer]{border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);height:var(--track-height);position:absolute;top:50%;transform:translateY(-50%);transform:translate(var(--theoplayer-range-track-translate-x,0),calc(var(--theoplayer-range-track-translate-y, 0px) - 50%))}[part=background]{background:hsla(0,0%,100%,.2);background:var(--theoplayer-range-track-background,hsla(0,0%,100%,.2));min-width:40px;width:100%;width:var(--theoplayer-range-track-width,100%)}[part=pointer]{background:transparent;background:var(--theoplayer-range-track-pointer-background,transparent);border-right:none;border-right:var(--theoplayer-range-track-pointer-border-right,none);opacity:0;transition:visibility .25s,opacity .25s;visibility:hidden}:host(:hover:not([disabled])) [part=pointer]{opacity:1;transition:visibility .5s,opacity .5s;visibility:visible}input[type=range]{-webkit-appearance:none;background:transparent;box-sizing:border-box;margin:0;min-height:100%;padding:0;position:relative;width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);margin-top:calc(0px - var(--thumb-height)/2 + var(--track-height)/2);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-webkit-transition:none;transition:none;-webkit-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);width:10px;width:var(--theoplayer-range-thumb-width,10px)}input[type=range]::-moz-range-thumb{background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-moz-transition:none;transition:none;-moz-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);translate:0 0;translate:var(--theoplayer-range-track-translate-x,0) var(--theoplayer-range-track-translate-y,0);width:10px;width:var(--theoplayer-range-thumb-width,10px)}input[type=range]::-ms-thumb{background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-ms-transition:none;transition:none;-ms-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);width:10px;width:var(--theoplayer-range-thumb-width,10px)}:host([disabled]) input[type=range]::-webkit-slider-thumb{display:none}:host([disabled]) input[type=range]::-moz-range-thumb{display:none}:host([disabled]) input[type=range]::-ms-thumb{display:none}input[type=range]::-webkit-slider-runnable-track{background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-webkit-transition:none;transition:none;-webkit-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-moz-range-track{background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-moz-transition:none;transition:none;-moz-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-ms-track{background:transparent;background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);color:transparent;cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-ms-transition:none;transition:none;-ms-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper,input[type=range]::-ms-tooltip{display:none}:host([disabled]) input[type=range]::-webkit-slider-runnable-track{cursor:default}:host([disabled]) input[type=range]::-moz-range-track{cursor:default}:host([disabled]) input[type=range]::-ms-track{cursor:default}input[type=range]:focus{box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}input[type=range]:focus:not(:focus-visible){box-shadow:none}input[type=range]:focus::-webkit-slider-runnable-track{outline:0}
|
|
15
|
+
${t}</style><div part="container"><div part="background"></div><div part="pointer"></div>${e}</div>`}class tI extends V(t,["deviceType"]){static get observedAttributes(){return[d.DISABLED,d.HIDDEN]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this._rangeEl.setAttribute(d.ARIA_LABEL,this.getAriaLabel()),this.update(),this.addEventListener("pointermove",this._updatePointerBar)}disconnectedCallback(){this.removeEventListener("pointermove",this._updatePointerBar)}get disabled(){return this.hasAttribute(d.DISABLED)}set disabled(e){A(this,d.DISABLED,e)}get value(){return this._rangeEl.valueAsNumber}set value(e){this._rangeEl.valueAsNumber=e,this.handleInput()}get min(){return Number(this._rangeEl.min)}set min(e){this._rangeEl.min=String(e),this.update()}get max(){return Number(this._rangeEl.max)}set max(e){this._rangeEl.max=String(e),this.update()}get step(){let e=this._rangeEl.step;return"any"===e?e:Number(e)}set step(e){this._rangeEl.step=String(e)}get deviceType(){return this.getAttribute(d.DEVICE_TYPE)||"desktop"}set deviceType(e){this.setAttribute(d.DEVICE_TYPE,e)}attributeChangedCallback(e,t,i){if(i===t)return;let a=null!=i;e===d.DISABLED?(this.setAttribute("aria-disabled",a?"true":"false"),A(this._rangeEl,d.DISABLED,a)):e!==d.HIDDEN||a||this.update(),tI.observedAttributes.indexOf(e)>=0&&r(this)}handleInput(){this.update()}update(e){!this.hasAttribute(d.HIDDEN)&&(e||this.updateCachedWidths_(),this._rangeEl.setAttribute("aria-valuetext",this.getAriaValueText()),this.updateBar_())}updateBar_(){let e=this.getBarColors().toGradientStops();r(this,{"--theoplayer-range-track-progress-internal":`linear-gradient(to right, ${e})`})}getBarColors(){let{value:e,min:t,max:i}=this,r=(e-t)/(i-t)*100;isNaN(r)&&(r=0);let a=0;t<e&&e<i&&(a=this._thumbWidth*(.5-r/100)/this._rangeWidth*100);let s=new tP;return s.add("var(--theoplayer-range-bar-color, #fff)",0,r+a),s}updateCachedWidths_(){let e=this._rangeEl.offsetWidth;e>0&&(this._rangeWidth=e);let t=parseInt(getComputedStyle(this).getPropertyValue("--theoplayer-range-thumb-width")||"10px");t>0&&(this._thumbWidth=t)}getMinimumStepForVisibleChange_(){let{min:e,max:t}=this,i=t-e;return i<=0?NaN:i/this._rangeWidth}updatePointer_(e,t){this._pointerEl.style.width=`${e*t.width}px`}handleKeyDown_(e){"tv"===this.deviceType&&x(e.keyCode)&&(e.keyCode===S.LEFT||e.keyCode===S.RIGHT?e.stopPropagation():(e.keyCode===S.UP||e.keyCode===S.DOWN)&&e.preventDefault())}constructor(e){super(),this._rangeWidth=0,this._thumbWidth=10,this._onInput=()=>{this.handleInput()},this._updatePointerBar=e=>{if(this.disabled)return;let t=this._rangeEl.getBoundingClientRect(),i=(e.clientX-t.left)/t.width;i=Math.max(0,Math.min(1,i)),this.updatePointer_(i,t)},this._onKeyDown=e=>{this.handleKeyDown_(e)};let t=this.attachShadow({mode:"open"});t.appendChild(e.template.content.cloneNode(!0)),this._rangeEl=t.querySelector('input[type="range"]'),this._rangeEl.addEventListener("input",this._onInput),this._rangeEl.addEventListener("change",this._onInput),this._rangeEl.addEventListener("keydown",this._onKeyDown),this._pointerEl=t.querySelector('[part="pointer"]'),this._upgradeProperty("disabled"),this._upgradeProperty("value"),this._upgradeProperty("min"),this._upgradeProperty("max"),this._upgradeProperty("step"),this._upgradeProperty("deviceType")}}let tM="theoplayerpreviewtimechange";function tO(e){return"linear"===e.type}let tN=a(),tD=["addtrack","removetrack"];class tB extends V(t,["player","previewTime"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this)}get player(){return this._player}set player(e){var t,i;this._player!==e&&(null==(t=this._textTrackList)||t.removeEventListener(tD,this._updateThumbnailTextTrack),this._player=e,this._textTrackList=null==e?void 0:e.textTracks,this._updateThumbnailTextTrack(),null==(i=this._textTrackList)||i.addEventListener(tD,this._updateThumbnailTextTrack))}get previewTime(){return this._previewTime}set previewTime(e){this._previewTime=e,this.updateThumbnail_()}updateThumbnail_(){let e=this._thumbnailTextTrack;if(void 0===e){this.hideThumbnail_();return}"disabled"===e.mode&&(e.mode="hidden");let t=function(e,t){if(0===e.length)return;let i=e[0];for(let r of e)if(r.startTime<=t)i=r;else if(t>=r.endTime)break;return i}(e.cues,this._previewTime);if(void 0===t){this.hideThumbnail_();return}let i=t.content.trim(),r=function(e){let t=e.match(/^(.+)#xywh=(\d+),(\d+),(\d+),(\d+)$/);if(!t)return;let[,i,r,a,s,n]=t;return{url:i,x:+r,y:+a,w:+s,h:+n}}(i),a=r?r.url:i;if(a=new URL(a,e.src||location.href).href,this._lastLoadedThumbnailUrl!==a){this.loadThumbnailImage_(a);return}this.showThumbnail_(r)}loadThumbnailImage_(e){if(this._thumbnailImageSource.src===e)return;let t=()=>{this._lastLoadedThumbnailUrl=e,this.updateThumbnail_()};"function"==typeof this._thumbnailImageSource.decode?(this._thumbnailImageSource.src=e,this._thumbnailImageSource.decode().then(t,c)):(this._thumbnailImageSource.onload=t,this._thumbnailImageSource.src="",this._thumbnailImageSource.src=e)}showThumbnail_(e){e?(this._canvasEl.width=e.w,this._canvasEl.height=e.h,this._canvasContext.drawImage(this._thumbnailImageSource,e.x,e.y,e.w,e.h,0,0,e.w,e.h)):(this._canvasEl.width=this._thumbnailImageSource.naturalWidth,this._canvasEl.height=this._thumbnailImageSource.naturalHeight,this._canvasContext.drawImage(this._thumbnailImageSource,0,0)),this._canvasEl.style.display="block"}hideThumbnail_(){this._canvasEl.style.display="none"}constructor(){super(),this._previewTime=NaN,this._updateThumbnailTextTrack=()=>{let e=this._thumbnailTextTrack,t=this._player?b(this._player.textTracks,tF):void 0;e!==t&&(this._thumbnailTextTrack=t,this.updateThumbnail_())};let e=this.attachShadow({mode:"open"});e.appendChild(tN().content.cloneNode(!0)),this._canvasEl=e.querySelector("canvas"),this._canvasContext=this._canvasEl.getContext("2d"),this._thumbnailImageSource=document.createElement("img"),this._thumbnailImageSource.decoding="async",this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}function tF(e){return"metadata"===e.kind&&"thumbnails"===e.label}e.define("theoplayer-preview-thumbnail",tB);let tU=a(),tV=["timeupdate","seeking","seeked","durationchange"];class tH extends V(t,["player","previewTime","streamType"]){static get observedAttributes(){return[d.REMAINING,d.REMAINING_WHEN_LIVE,d.STREAM_TYPE]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this._update()}get previewTime(){return this._previewTime}set previewTime(e){this._previewTime=e,this._update()}get streamType(){return this.getAttribute(d.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(d.STREAM_TYPE,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(tV,this._update),this._player=e,this._update(),void 0!==this._player&&this._player.addEventListener(tV,this._update))}attributeChangedCallback(e,t,i){i!==t&&tH.observedAttributes.indexOf(e)>=0&&(this._update(),r(this))}constructor(){super(),this._previewTime=NaN,this._update=()=>{var e;let t=this._previewTime,i=this._player?this._player.duration:NaN,r=null==(e=this._player)?void 0:e.seekable,a=isFinite(i)?i:r&&r.length>0?r.end(0):NaN,s=this.hasAttribute(d.REMAINING)||this.hasAttribute(d.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType;s&&(t=-((a||0)-t)),k(this._spanEl,J(t,a,s))};let e=this.attachShadow({mode:"open"});e.appendChild(tU().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}e.define("theoplayer-preview-time-display",tH);let tG=a(),tq=["timeupdate","durationchange","ratechange","seeking","seeked"],tK=["play","pause","ended","durationchange","readystatechange","error"],tY=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class t$ extends V(tI,["player","streamType","deviceType"]){static get observedAttributes(){return[...tI.observedAttributes,d.SHOW_AD_MARKERS]}connectedCallback(){super.connectedCallback(),this._toggleAutoAdvance()}disconnectedCallback(){super.disconnectedCallback(),this._toggleAutoAdvance()}get player(){return this._player}set player(e){var t,i;this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(tq,this._updateFromPlayer),this._player.removeEventListener(tK,this._toggleAutoAdvance)),null==(t=this._ads)||t.removeEventListener(tY,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),this._toggleAutoAdvance(),void 0!==this._player&&(this._player.addEventListener(tq,this._updateFromPlayer),this._player.addEventListener(tK,this._toggleAutoAdvance)),null==(i=this._ads)||i.addEventListener(tY,this._onAdChange))}get streamType(){return this.getAttribute(d.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(d.STREAM_TYPE,e)}updateDisabled_(e=(()=>{var e;return null==(e=this._player)?void 0:e.seekable})()){let t="live"===this.streamType;void 0!==e&&(t||(t=0===e.length)),this.disabled!==t&&(this.disabled=t)}getAriaLabel(){return"seek"}getAriaValueText(){let e=ee(this.value),t=ee(this.max);return e&&t?`${e} of ${t}`:"video not loaded, unknown time"}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),i!==t&&(e===d.STREAM_TYPE?this.updateDisabled_():e===d.SHOW_AD_MARKERS&&this.update(),t$.observedAttributes.indexOf(e)>=0&&r(this))}handleInput(){void 0!==this._player&&this._player.currentTime!==this.value&&(this._player.currentTime=this.value),super.handleInput()}shouldAutoAdvance_(){return this.isConnected&&void 0!==this._player&&!this._player.paused&&!this._player.ended&&!this._player.errorObject&&this._player.readyState>=3&&this.needToUpdateEveryFrame_()}needToUpdateEveryFrame_(){return this.getMinimumStepForVisibleChange_()<.25*this._lastPlaybackRate}updatePointer_(e,t){super.updatePointer_(e,t);let i=t.left+e*t.width,r=this._previewBoxEl.getBoundingClientRect(),a=((i=Math.max(t.left+r.width/2,Math.min(t.right-r.width/2,i)))-t.left)/t.width;if(this._previewRailEl.style.transform=`translateX(${(1e4*a).toFixed(6)}%)`,void 0===this._player)return;let{min:s,max:n}=this,o=el(tM,{bubbles:!0,composed:!0,detail:{previewTime:s+e*(n-s)}});this.dispatchEvent(o)}getBarColors(){let e=super.getBarColors();if(!this.hasAttribute(d.SHOW_AD_MARKERS)||!this._player||!this._player.ads||this._player.ads.playing)return e;let{min:t,max:i}=this;for(let r of this._player.ads.scheduledAdBreaks){if(void 0!==r.ads&&r.ads.length>0&&!r.ads.some(tO))continue;let a=r.timeOffset;if(a<0&&(a=this._player.duration),t<=a&&a<=i){let r,s;let n=(a-t)/(i-t)*100;n+1<100?(r=n,s=n+1):(r=99,s=100),e.add("var(--theoplayer-time-range-ad-marker-color, #ffc50f)",r,s)}}return e}handleKeyDown_(e){super.handleKeyDown_(e),"tv"===this.deviceType&&e.keyCode===S.ENTER&&void 0!==this._player&&(this._player.paused?this._player.play():this._player.pause())}constructor(){super({template:tG()}),this._pausedWhileScrubbing=!1,this._autoAdvanceId=0,this._lastUpdateTime=0,this._lastCurrentTime=0,this._lastPlaybackRate=0,this._updateFromPlayer=()=>{let e,t;if(void 0===this._player)return;this._lastUpdateTime=performance.now(),this._lastCurrentTime=this._player.currentTime,this._lastPlaybackRate=this._player.playbackRate;let i=this._player.seekable;if(0!==i.length?(e=i.start(0),t=i.end(0)):(e=0,t=this._player.duration),!isFinite(this._lastCurrentTime)){let i=this._player.duration===1/0;this._lastCurrentTime=i?t:e}this._rangeEl.min=String(e),this._rangeEl.max=String(t),this._rangeEl.valueAsNumber=this._lastCurrentTime,this.update(),this.updateDisabled_(i)},this._pauseOnScrubStart=()=>{!this._pausedWhileScrubbing&&void 0!==this._player&&!this._player.paused&&(this._pausedWhileScrubbing=!0,this._player.pause(),document.addEventListener("mouseup",this._playOnScrubEnd),document.addEventListener("touchend",this._playOnScrubEnd))},this._playOnScrubEnd=()=>{this._pausedWhileScrubbing&&(this._pausedWhileScrubbing=!1,document.removeEventListener("mouseup",this._playOnScrubEnd),document.removeEventListener("touchend",this._playOnScrubEnd),void 0!==this._player&&this._player.paused&&this._player.play())},this._toggleAutoAdvance=()=>{this.shouldAutoAdvance_()?0===this._autoAdvanceId&&(this._updateFromPlayer(),this._autoAdvanceId=requestAnimationFrame(this._autoAdvanceWhilePlaying)):0!==this._autoAdvanceId&&(this._updateFromPlayer(),cancelAnimationFrame(this._autoAdvanceId),this._autoAdvanceId=0)},this._autoAdvanceWhilePlaying=()=>{if(!this.shouldAutoAdvance_()){this._autoAdvanceId=0;return}let e=(performance.now()-this._lastUpdateTime)/1e3,t=this._lastCurrentTime+e*this._lastPlaybackRate;Math.abs(t-this.value)>=this.getMinimumStepForVisibleChange_()&&(this._rangeEl.valueAsNumber=t,this.update(!0)),this._autoAdvanceId=requestAnimationFrame(this._autoAdvanceWhilePlaying)},this._onAdChange=()=>{this.update()},this._previewRailEl=this.shadowRoot.querySelector(".theoplayer-time-range-preview-rail"),this._previewBoxEl=this._previewRailEl.querySelector('[part~="preview-box"]'),this._rangeEl.setAttribute(d.ARIA_LIVE,"off"),this._rangeEl.addEventListener("mousedown",this._pauseOnScrubStart),this._rangeEl.addEventListener("touchstart",this._pauseOnScrubStart),this._upgradeProperty("player")}}e.define("theoplayer-time-range",t$);let tQ=a();class tW extends V(tI,["player","deviceType"]){get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener("volumechange",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener("volumechange",this._updateFromPlayer))}getAriaLabel(){return"volume"}getAriaValueText(){var e,t;return e=this.value,t=this.max,`${Math.round(e/t*100)}%`}handleInput(){void 0!==this._player&&this._player.volume!==this.value&&(this._player.volume=this.value),super.handleInput()}constructor(){super({template:tQ()}),this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.volume)},this._upgradeProperty("player")}}e.define("theoplayer-volume-range",tW);let tz=a();class tj extends V(t,["error","fullscreen"]){static get observedAttributes(){return[d.FULLSCREEN]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this)}get error(){return this._error}set error(e){this._error=e,k(this._messageSlot,e?e.message:"")}get fullscreen(){return this.hasAttribute(d.FULLSCREEN)}set fullscreen(e){A(this,d.FULLSCREEN,e)}attributeChangedCallback(e,t,i){tj.observedAttributes.indexOf(e)>=0&&r(this)}constructor(){super();let e=this.attachShadow({mode:"open",delegatesFocus:!0});e.appendChild(tz().content.cloneNode(!0)),this._messageSlot=e.querySelector('slot[name="message"]'),this._upgradeProperty("error")}}e.define("theoplayer-error-display",tj);class tJ extends O{static get observedAttributes(){return[...O.observedAttributes,d.CAST_STATE]}connectedCallback(){super.connectedCallback(),this.hasAttribute(d.CAST_STATE)||this.setAttribute(d.CAST_STATE,"unavailable"),this._updateCastState()}get castApi(){return this._castApi}set castApi(e){void 0!==this._castApi&&this._castApi.removeEventListener("statechange",this._updateCastState),this._castApi=e,this._updateCastState(),void 0!==this._castApi&&this._castApi.addEventListener("statechange",this._updateCastState)}get castState(){return this.getAttribute(d.CAST_STATE)}handleClick(){if(this._castApi){this._updateCastState();let e=this.castState;"available"===e?this._castApi.start():("connecting"===e||"connected"===e)&&this._castApi.stop()}}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),tJ.observedAttributes.indexOf(e)>=0&&r(this)}constructor(e){super(e),this._updateCastState=()=>{let e=this._castApi?this._castApi.state:"unavailable";this.setAttribute(d.CAST_STATE,e)},this._upgradeProperty("castState"),this._upgradeProperty("castApi")}}let tX=a(),tZ="theoplayer-chromecast-rings-mask",t0=0;class t1 extends V(tJ,["player"]){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get player(){return this._player}set player(e){var t;this._player=e,this.castApi=null==e?void 0:null==(t=e.cast)?void 0:t.chromecast}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),t1.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e="connecting"===this.castState||"connected"===this.castState?"stop casting to Chromecast":"start casting to Chromecast";this.setAttribute(d.ARIA_LABEL,e)}constructor(){super({template:tX()});let e=++t0,t=this.shadowRoot.querySelector(`svg clipPath#${tZ}`),i=this.shadowRoot.querySelector("svg .theoplayer-chromecast-rings"),r=`${tZ}-${e}`;null==t||t.setAttribute("id",r),i.setAttribute("clip-path",r),this._upgradeProperty("player")}}e.define("theoplayer-chromecast-button",t1);let t2=a(),t5=["statechange"];class t4 extends V(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this.hasAttribute(d.HIDDEN)||this.setAttribute(d.HIDDEN,""),this._updateFromPlayer()}get player(){return this._player}set player(e){var t;this._player!==e&&(void 0!==this._castApi&&this._castApi.removeEventListener(t5,this._updateFromPlayer),this._player=e,this._castApi=null==e?void 0:null==(t=e.cast)?void 0:t.chromecast,this._updateFromPlayer(),void 0!==this._castApi&&this._castApi.addEventListener(t5,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{var e,t;let i=null==(t=this._player)?void 0:null==(e=t.cast)?void 0:e.chromecast;if(void 0===i||"connected"!==i.state){this.setAttribute(d.HIDDEN,"");return}k(this._receiverNameEl,i.receiverName||""),this.removeAttribute(d.HIDDEN)};let e=this.attachShadow({mode:"open"});e.appendChild(t2().content.cloneNode(!0)),this._receiverNameEl=e.querySelector('[part="receiver"]'),this._upgradeProperty("player")}}e.define("theoplayer-chromecast-display",t4);let t3=a();class t6 extends V(tJ,["player"]){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get player(){return this._player}set player(e){var t;this._player=e,this.castApi=null==e?void 0:null==(t=e.cast)?void 0:t.airplay}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),t6.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e="connecting"===this.castState||"connected"===this.castState?"stop playing on AirPlay":"start playing on AirPlay";this.setAttribute(d.ARIA_LABEL,e)}constructor(){super({template:t3()}),this._upgradeProperty("player")}}e.define("theoplayer-airplay-button",t6);let t7=a(),t9=["readystatechange","play","pause","playing","seeking","seeked"];class t8 extends V(t,["player"]){static get observedAttributes(){return[d.LOADING]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(t9,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(t9,this._updateFromPlayer))}attributeChangedCallback(e,t,i){t8.observedAttributes.indexOf(e)>=0&&r(this)}constructor(){super(),this._updateFromPlayer=()=>{let e=void 0!==this._player&&!this._player.paused&&(this._player.seeking||this._player.readyState<3);A(this,d.LOADING,e)},this.attachShadow({mode:"open"}).appendChild(t7().content.cloneNode(!0)),this._upgradeProperty("player")}}e.define("theoplayer-loading-indicator",t8);let ie=a();class it extends V(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this.setAttribute("tabindex","-1"),this.setAttribute("aria-hidden","true")}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._playerElement&&(this._playerElement.removeEventListener("pointerdown",this._onPointerDown),this._playerElement.removeEventListener("click",this._onClick)),this._player=e,this._playerElement=null==e?void 0:e.element,void 0!==this._playerElement&&(this._playerElement.addEventListener("pointerdown",this._onPointerDown),this._playerElement.addEventListener("click",this._onClick)))}handleTap(e){}handleMouseClick(e){if(void 0!==this._player){var t;void 0!==this._player.source&&(null==(t=this._player.ads)||!t.playing)&&(this._player.paused?this._player.play():this._player.pause())}}constructor(){super(),this._pointerType="",this._onPointerDown=e=>{this._pointerType=e.pointerType},this._onClick=e=>{var t;let i=null!=(t=e.pointerType)?t:this._pointerType;"touch"===i?this.handleTap(e):"mouse"===i&&this.handleMouseClick(e)},this.attachShadow({mode:"open"}).appendChild(ie().content.cloneNode(!0)),this._upgradeProperty("player")}}e.define("theoplayer-gesture-receiver",it);let ii=a(),ir=["play","pause","playing","emptied"],ia=["seeking","seeked","timeupdate","durationchange","emptied"];class is extends V(O,["player","streamType"]){static get observedAttributes(){return[...O.observedAttributes,d.STREAM_TYPE,d.LIVE,d.PAUSED,d.LIVE_THRESHOLD]}connectedCallback(){super.connectedCallback(),this.hasAttribute(d.ARIA_LABEL)||this.setAttribute(d.ARIA_LABEL,"seek to live")}get paused(){return this.hasAttribute(d.PAUSED)}set paused(e){A(this,d.PAUSED,e)}get streamType(){return this.getAttribute(d.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(d.STREAM_TYPE,e)}get liveThreshold(){var e;return Number(null!=(e=this.getAttribute(d.LIVE_THRESHOLD))?e:10)}set liveThreshold(e){e=Number(e),this.setAttribute(d.LIVE_THRESHOLD,String(isNaN(e)?0:e))}get live(){return this.hasAttribute(d.LIVE)}set live(e){A(this,d.LIVE,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(ir,this._updatePaused),this._player.removeEventListener(ia,this._updateLive)),this._player=e,this._updatePaused(),this._updateLive(),void 0!==this._player&&(this._player.addEventListener(ir,this._updatePaused),this._player.addEventListener(ia,this._updateLive)))}handleClick(){void 0!==this._player&&(this._player.hesp&&void 0!==this._player.hesp.manifest?this._player.hesp.goLive():(this._player.currentTime=1/0,this._player.play()))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),i!==t&&(e===d.LIVE_THRESHOLD&&this._updateLive(),is.observedAttributes.indexOf(e)>=0&&r(this))}constructor(){super({template:ii()}),this._updatePaused=()=>{this.paused=void 0===this._player||this._player.paused},this._updateLive=()=>{let e=void 0!==this._player&&function(e,t){if(e.duration===1/0){let i=e.seekable;return!(i.length>0)||i.end(i.length-1)-e.currentTime<=t}return!1}(this._player,this.liveThreshold);this.live!==e&&(this.live=e)},this._upgradeProperty("paused"),this._upgradeProperty("streamType"),this._upgradeProperty("liveThreshold"),this._upgradeProperty("live"),this._upgradeProperty("player")}}e.define("theoplayer-live-button",is);let io=a(),il=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class ih extends V(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this._updateFromPlayer()}get player(){return this._player}set player(e){var t,i;this._player!==e&&(null==(t=this._ads)||t.removeEventListener(il,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(i=this._ads)||i.addEventListener(il,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{var e,t,i;let r=null==(e=this._player)?void 0:e.ads,a=(null!=(i=null==r?void 0:null==(t=r.currentAdBreak)?void 0:t.ads)?i:[]).filter(tO);if(void 0===r||!r.playing||0===a.length){k(this._spanEl,""),this.style.display="none";return}if(a.length>1){let e=b(this._player.ads.currentAds||[],tO);if(e){let t=a.indexOf(e);if(t>=0){k(this._spanEl,`Ad ${t+1} of ${a.length}`),this.style.display="";return}}}k(this._spanEl,"Ad"),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(io().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}e.define("theoplayer-ad-display",ih);let id=a(),iu=["adbreakbegin","adbreakend","adbreakchange","updateadbreak"];class ip extends V(t,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this._update()}get player(){return this._player}set player(e){var t,i,r;this._player!==e&&(null==(t=this._player)||t.removeEventListener("timeupdate",this._update),null==(i=this._ads)||i.removeEventListener(iu,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(r=this._ads)||r.addEventListener(iu,this._onAdChange))}constructor(){super(),this._onAdChange=()=>{var e,t,i;(null==(t=this._player)?void 0:null==(e=t.ads)?void 0:e.playing)?(this._player.removeEventListener("timeupdate",this._update),this._player.addEventListener("timeupdate",this._update)):null==(i=this._player)||i.removeEventListener("timeupdate",this._update),this._update()},this._update=()=>{var e,t;let i=null==(e=this._player)?void 0:e.ads,r=null==i?void 0:null==(t=i.currentAdBreak)?void 0:t.maxRemainingDuration;if(void 0===i||!i.playing||void 0===r||r<0){k(this._spanEl,""),this.style.display="none";return}r=Math.ceil(r),k(this._spanEl,`Content will resume in ${r}s`),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(id().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}e.define("theoplayer-ad-countdown",ip);let ic=a(),i_=["adbegin","adend","adloaded","updatead","adskip"];class iy extends V(B,["player"]){static get observedAttributes(){return[...B.observedAttributes,d.CLICKTHROUGH]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer()}get clickThrough(){return this.getAttribute(d.CLICKTHROUGH)}set clickThrough(e){null==e?this.removeAttribute(d.CLICKTHROUGH):this.setAttribute(d.CLICKTHROUGH,e)}get player(){return this._player}set player(e){var t,i;this._player!==e&&(null==(t=this._ads)||t.removeEventListener(i_,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(i=this._ads)||i.addEventListener(i_,this._updateFromPlayer))}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),e===d.CLICKTHROUGH&&i!==t){let e=null!=i,t=i?String(i).trim():"#";this.setLink(t,"_blank"),this.disabled=!e,e?this.style.display="":this.style.display="none"}iy.observedAttributes.indexOf(e)>=0&&r(this)}handleClick(){var e;null==(e=this._player)||e.pause()}constructor(){super({template:ic()}),this._updateFromPlayer=()=>{var e,t;let i=null==(e=this._player)?void 0:e.ads;if(!i||!i.playing){this.clickThrough=null;return}let r=b(null!=(t=i.currentAds)?t:[],tO);if(void 0===r||"google-ima"===r.integration){this.clickThrough=null;return}let a=r.clickThrough;if(!a){this.clickThrough=null;return}this.clickThrough=a},this.disabled=!0,this.style.display="none",this._upgradeProperty("clickThrough"),this._upgradeProperty("player")}}e.define("theoplayer-ad-clickthrough-button",iy);let iv=a(),ig=["adbegin","adend","adloaded","updatead","adskip"];class ib extends V(O,["player"]){static get observedAttributes(){return[...O.observedAttributes]}connectedCallback(){super.connectedCallback(),this._update()}get player(){return this._player}set player(e){var t,i,r;this._player!==e&&(null==(t=this._player)||t.removeEventListener("timeupdate",this._update),null==(i=this._ads)||i.removeEventListener(ig,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(r=this._ads)||r.addEventListener(ig,this._onAdChange))}handleClick(){var e,t;null==(t=this._player)||null==(e=t.ads)||e.skip()}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),ib.observedAttributes.indexOf(e)>=0&&r(this)}constructor(){super({template:iv()}),this._onAdChange=()=>{var e,t,i;(null==(t=this._player)?void 0:null==(e=t.ads)?void 0:e.playing)?(this._player.removeEventListener("timeupdate",this._update),this._player.addEventListener("timeupdate",this._update)):null==(i=this._player)||i.removeEventListener("timeupdate",this._update),this._update()},this._update=()=>{var e,t;let i=null==(e=this._player)?void 0:e.ads;if(!i||!i.playing){this.style.display="none";return}let r=b(null!=(t=i.currentAds)?t:[],tO);if(void 0===r||"google-ima"===r.integration){this.style.display="none";return}let a=r.skipOffset;if(void 0===a||a<0||void 0!==r.duration&&a>=r.duration){this.style.display="none";return}let s=this._player.currentTime;if(s<a){let e=Math.ceil(a-s);k(this._countdownEl,`Skip in ${e}s`),this._countdownEl.style.visibility="visible",this._skipEl.style.visibility="hidden",this._skipEl.style.pointerEvents="none",this.style.display="",this.setAttribute(d.DISABLED,""),this.setAttribute(d.ARIA_LIVE,"off")}else this._countdownEl.style.visibility="hidden",this._skipEl.style.visibility="visible",this._skipEl.style.pointerEvents="",this.style.display="",this.removeAttribute(d.DISABLED),this.setAttribute(d.ARIA_LIVE,"polite")},this._countdownEl=this.shadowRoot.querySelector('[part="countdown"]'),this._skipEl=this.shadowRoot.querySelector('[part="skip"]'),this._upgradeProperty("player")}}e.define("theoplayer-ad-skip-button",ib);var im=((h={}).TopControlBar="top-control-bar",h.BottomControlBar="bottom-control-bar",h.Menu="menu",h);let iE=[];function ik(e){iE.push(e)}let iA=void 0,iT=(()=>{if("undefined"!=typeof document){for(let e of[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]])if(e[1]in document)return{requestFullscreen_:e[0],exitFullscreen_:e[1],fullscreenElement_:e[2],fullscreenEnabled_:e[3],fullscreenchange_:e[4],fullscreenerror_:e[5]}}})();function iC(){if("object"!=typeof navigator)return!1;if(navigator.userAgentData)return navigator.userAgentData.mobile;let e=navigator.userAgent;return!!e&&/Android|iPhone|iPad|iPod|Mobile Safari|Windows Phone/i.test(e)}function iL(){if("object"!=typeof navigator)return!1;let e=navigator.userAgent;return!!e&&/\b(tv|smart-tv|smarttv|appletv|crkey|googletv|hbbtv|pov_tv|roku|viera|nettv|philipstv)\b/i.test(e)}let iw="theoplayerstreamtypechange",iS="theoplayerready",ix=a();class iP extends t{static get observedAttributes(){return[d.CONFIGURATION,d.SOURCE,d.MUTED,d.AUTOPLAY,d.FULLSCREEN,d.FLUID,d.DEVICE_TYPE,d.PAUSED,d.ENDED,d.CASTING,d.PLAYING_AD,d.HAS_ERROR,d.HAS_FIRST_PLAY,d.STREAM_TYPE,d.DVR_THRESHOLD,d.USER_IDLE,d.USER_IDLE_TIMEOUT]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get player(){return this._player}get configuration(){return this._configuration}set configuration(e){this.removeAttribute(d.CONFIGURATION),this._setConfiguration(e)}_setConfiguration(e){this._configuration=null!=e?e:{},this.tryInitializePlayer_()}get source(){return this._player?this._player.source:this._source}set source(e){this.removeAttribute(d.SOURCE),this._setSource(e)}_setSource(e){this._player?this._player.source=e:this._source=e}get fluid(){return this.hasAttribute(d.FLUID)}set fluid(e){A(this,d.FLUID,e)}get muted(){return this.hasAttribute(d.MUTED)}set muted(e){A(this,d.MUTED,e)}get autoplay(){return this.hasAttribute(d.AUTOPLAY)}set autoplay(e){A(this,d.AUTOPLAY,e)}get fullscreen(){return this.hasAttribute(d.FULLSCREEN)}get paused(){return this.hasAttribute(d.PAUSED)}get ended(){return this.hasAttribute(d.ENDED)}get casting(){return this.hasAttribute(d.CASTING)}get userIdleTimeout(){var e;let t="tv"===this.deviceType?5:2;return Number(null!=(e=this.getAttribute(d.USER_IDLE_TIMEOUT))?e:t)}set userIdleTimeout(e){e=Number(e),this.setAttribute(d.USER_IDLE_TIMEOUT,String(isNaN(e)?0:e))}get deviceType(){return this.getAttribute(d.DEVICE_TYPE)||"desktop"}get streamType(){return this.getAttribute(d.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(d.STREAM_TYPE,e)}get dvrThreshold(){var e;return Number(null!=(e=this.getAttribute(d.DVR_THRESHOLD))?e:60)}set dvrThreshold(e){e=Number(e),this.setAttribute(d.DVR_THRESHOLD,String(isNaN(e)?0:e))}connectedCallback(){var t;if(i(this),this._menuGroup instanceof eC||e.upgrade(this._menuGroup),!this.hasAttribute(d.DEVICE_TYPE)){let e=iC()?"mobile":iL()?"tv":"desktop";this.setAttribute(d.DEVICE_TYPE,e)}for(let e of(this.hasAttribute(d.PAUSED)||this.setAttribute(d.PAUSED,""),this.tryInitializePlayer_(),this._stateReceivers))this.propagateStateToReceiver_(e);H(this,this._playerEl,this.registerStateReceiver_),this._mutationObserver.observe(this,{childList:!0,subtree:!0}),this.shadowRoot.addEventListener("slotchange",this._onSlotChange),null==(t=this._resizeObserver)||t.observe(this),this._updateTextTrackMargins(),this._menuGroup.addEventListener(eg,this._onCloseMenu),this._menuGroup.addEventListener(eb,this._onMenuChange),void 0!==iT&&(document.addEventListener(iT.fullscreenchange_,this._onFullscreenChange),document.addEventListener(iT.fullscreenerror_,this._onFullscreenChange),this._onFullscreenChange()),this.setUserIdle_(),"tv"===this.deviceType&&window.addEventListener("keydown",this._onTvKeyDown),this.addEventListener("keyup",this._onKeyUp),this.addEventListener("pointerup",this._onPointerUp),this.addEventListener("pointermove",this._onPointerMove),this.addEventListener("mouseleave",this._onMouseLeave)}tryInitializePlayer_(){void 0===this._player&&(void 0!==this._configuration.license||void 0!==this._configuration.licenseUrl)&&(this._player=new iA(this._playerEl,this._configuration),this._source&&(this._player.source=this._source,this._source=void 0),this._player.muted=this.muted,this._player.autoplay=this.autoplay,this._updateAspectRatio(),this._updateError(),this._updatePausedAndEnded(),this._updateCasting(),this.addPlayerListeners_(this._player),this.propagatePlayerToAllReceivers_(),this.dispatchEvent(el(iS)))}disconnectedCallback(){var e;null==(e=this._resizeObserver)||e.disconnect(),this._mutationObserver.disconnect(),this.shadowRoot.removeEventListener("slotchange",this._onSlotChange),this._menuGroup.removeEventListener(eg,this._onCloseMenu),this._menuGroup.removeEventListener(eb,this._onMenuChange),void 0!==iT&&(document.removeEventListener(iT.fullscreenchange_,this._onFullscreenChange),document.removeEventListener(iT.fullscreenerror_,this._onFullscreenChange)),window.removeEventListener("keydown",this._onTvKeyDown),this.removeEventListener("keyup",this._onKeyUp),this.removeEventListener("pointerup",this._onPointerUp),this.removeEventListener("click",this._onClickAfterPointerUp,!0),this.removeEventListener("pointermove",this._onPointerMove),this.removeEventListener("mouseleave",this._onMouseLeave),this._player&&(this.removePlayerListeners_(this._player),this._player.destroy(),this._player=void 0,this.propagatePlayerToAllReceivers_()),this._stateReceivers.length=0}attributeChangedCallback(e,t,i){if(i===t)return;let a=null!=i;if(e===d.CONFIGURATION)this._setConfiguration(i?JSON.parse(i):{});else if(e===d.SOURCE)this._setSource(i?JSON.parse(i):void 0);else if(e===d.MUTED)this._player&&(this._player.muted=a);else if(e===d.AUTOPLAY)this._player&&(this._player.autoplay=a);else if(e===d.FULLSCREEN)for(let e of this._stateReceivers)e[F].indexOf("fullscreen")>=0&&(e.fullscreen=a);else if(e===d.DEVICE_TYPE)for(let e of(A(this,d.MOBILE,"mobile"===i),A(this,d.TV,"tv"===i),window.removeEventListener("keydown",this._onTvKeyDown),"tv"===i&&window.addEventListener("keydown",this._onTvKeyDown),this._stateReceivers))e[F].indexOf("deviceType")>=0&&(e.deviceType=i);else if(e===d.STREAM_TYPE){for(let e of this._stateReceivers)e[F].indexOf("streamType")>=0&&(e.streamType=i);let e=el(iw,{bubbles:!0,composed:!0,detail:{streamType:i}});this.dispatchEvent(e)}else e===d.FLUID?this._updateAspectRatio():e===d.USER_IDLE||e===d.PAUSED||e===d.CASTING?this._updateTextTrackMargins():e===d.DVR_THRESHOLD&&this._updateStreamType();iP.observedAttributes.indexOf(e)>=0&&r(this)}propagateStateToReceiver_(e){let t=e[F];if(t.indexOf("player")>=0&&(e.player=this._player),t.indexOf("fullscreen")>=0&&(e.fullscreen=this.fullscreen),t.indexOf("deviceType")>=0&&(e.deviceType=this.deviceType),t.indexOf("streamType")>=0&&(e.streamType=this.streamType),void 0!==this._player){if(t.indexOf("playbackRate")>=0&&(e.playbackRate=this._player.playbackRate),t.indexOf("error")>=0&&(e.error=this._player.errorObject),t.indexOf("activeVideoQuality")>=0){var i;e.activeVideoQuality=null==(i=this._activeVideoTrack)?void 0:i.activeQuality}t.indexOf("targetVideoQualities")>=0&&(e.targetVideoQualities=eF(this._activeVideoTrack))}t.indexOf("previewTime")>=0&&(e.previewTime=this._previewTime)}propagatePlayerToAllReceivers_(){for(let e of this._stateReceivers)e[F].indexOf("player")>=0&&(e.player=this._player)}removeStateFromReceiver_(e){e[F].indexOf("player")>=0&&(e.player=void 0)}openMenu_(e,t){let i=eu.fromRect(this._topChromeEl.getBoundingClientRect()),a=eu.fromRect(this._bottomChromeEl.getBoundingClientRect()),s=!0,n=!0;if(void 0!==t){let e=eu.fromRect(this.getBoundingClientRect()),i=eu.fromRect(t.getBoundingClientRect());e.width>0&&e.height>0&&(s=i.top>=e.top+e.height/2,n=i.left>=e.left+e.width/2)}this._menuGroup.openMenu(e,t),this._menuOpener=t,r(this,{"--theoplayer-menu-offset-top":`${Math.round(i.height)}px`,"--theoplayer-menu-offset-bottom":`${Math.round(a.height)}px`,"--theoplayer-menu-margin-top":s?"auto":"0","--theoplayer-menu-margin-bottom":s?"0":"auto","--theoplayer-menu-margin-left":n?"auto":"0","--theoplayer-menu-margin-right":n?"0":"auto"})}closeMenu_(){var e;null==this._menuGroup.closeMenu||this._menuGroup.closeMenu.call(this._menuGroup),null==(e=this._menuOpener)||e.focus(),this._menuOpener=void 0}isUserIdle_(){return this.hasAttribute(d.USER_IDLE)&&!this.paused&&!this.casting&&!this._menuGroup.hasCurrentMenu()}setUserActive_(){clearTimeout(this._userIdleTimer),this.removeAttribute(d.USER_IDLE)}isPlayerOrMedia_(e){return e===this||this._playerEl.contains(e)}addPlayerListeners_(e){var t,i,r;e.addEventListener("destroy",this._onDestroy),e.addEventListener("resize",this._updateAspectRatio),e.addEventListener(["error","sourcechange","emptied"],this._updateError),e.addEventListener("volumechange",this._updateMuted),e.addEventListener("play",this._onPlay),e.addEventListener("pause",this._onPause),e.addEventListener(["ended","emptied"],this._updatePausedAndEnded),e.addEventListener(["durationchange","sourcechange","emptied"],this._updateStreamType),e.addEventListener("ratechange",this._updatePlaybackRate),e.addEventListener("sourcechange",this._onSourceChange),e.addEventListener(["durationchange","sourcechange","emptied"],this._updatePlayingAd),null==(t=e.theoLive)||t.addEventListener("publicationloadstart",this._onSourceChange),e.videoTracks.addEventListener(["addtrack","removetrack","change"],this._updateActiveVideoTrack),null==(i=e.cast)||i.addEventListener("castingchange",this._updateCasting),null==(r=e.ads)||r.addEventListener(["adbreakbegin","adbreakend","adbegin","adend","adskip"],this._updatePlayingAd)}removePlayerListeners_(e){e.removeEventListener("destroy",this._onDestroy),e.removeEventListener("resize",this._updateAspectRatio),e.removeEventListener(["error","sourcechange","emptied"],this._updateError),e.removeEventListener("volumechange",this._updateMuted),e.removeEventListener("play",this._onPlay),e.removeEventListener("pause",this._onPause),e.removeEventListener(["ended","emptied"],this._updatePausedAndEnded),e.removeEventListener(["durationchange","sourcechange","emptied"],this._updateStreamType),e.removeEventListener("ratechange",this._updatePlaybackRate),e.removeEventListener("sourcechange",this._onSourceChange),e.removeEventListener(["durationchange","sourcechange","emptied"],this._updatePlayingAd);try{var t,i,r;null==(t=e.theoLive)||t.removeEventListener("publicationloadstart",this._onSourceChange),e.videoTracks.removeEventListener(["addtrack","removetrack","change"],this._updateActiveVideoTrack),null==(i=e.cast)||i.removeEventListener("castingchange",this._updateCasting),null==(r=e.ads)||r.removeEventListener(["adbreakbegin","adbreakend","adbegin","adend","adskip"],this._updatePlayingAd)}catch{}}constructor(e={}){super(),this._configuration={},this._pointerType="",this._lastPointerUpTime=0,this._stateReceivers=[],this._player=void 0,this._source=void 0,this._userIdleTimer=0,this._previewTime=NaN,this._activeVideoTrack=void 0,this._onMutation=e=>{for(let t of e)if("childList"===t.type){let{addedNodes:e,removedNodes:i}=t;for(let t=0;t<e.length;t++){let i=e[t];_(i)&&H(i,this._playerEl,this.registerStateReceiver_)}for(let e=0;e<i.length;e++){let t=i[e];_(t)&&H(t,this._playerEl,this.unregisterStateReceiver_)}}},this._onSlotChange=()=>{H(this,this._playerEl,this.registerStateReceiver_),this._updateTextTrackMargins()},this.registerStateReceiver_=e=>{!(this._stateReceivers.indexOf(e)>=0)&&(this._stateReceivers.push(e),this.propagateStateToReceiver_(e))},this.unregisterStateReceiver_=e=>{(function(e,t){let i=e.indexOf(t);return!(i<0)&&(function(e,t){e.splice(t,1)}(e,i),!0)})(this._stateReceivers,e)&&this.removeStateFromReceiver_(e)},this._onToggleMenu=e=>{e.stopPropagation();let t=e.detail.menu;if(!this._menuGroup.getMenuById(t)){console.error(`<theoplayer-ui>: cannot find menu with ID "${t}"`);return}let i=y(e.target)?e.target:void 0;this._menuGroup.isMenuOpen(t)?this.closeMenu_():(this.closeMenu_(),this.openMenu_(t,i))},this._onCloseMenu=e=>{e.stopPropagation(),this.closeMenu_()},this._onMenuChange=()=>{this._menuEl.removeEventListener("pointerdown",this._onMenuPointerDown),this._menuEl.removeEventListener("click",this._onMenuClick),this._menuGroup.hasCurrentMenu()?(this._menuEl.addEventListener("pointerdown",this._onMenuPointerDown),this._menuEl.addEventListener("click",this._onMenuClick),this.setAttribute(d.MENU_OPENED,"")):this.removeAttribute(d.MENU_OPENED)},this._onMenuPointerDown=e=>{this._pointerType=e.pointerType},this._onMenuClick=e=>{var t;let i=null!=(t=e.pointerType)?t:this._pointerType;e.target===this._menuEl&&"mouse"===i&&this._menuGroup.closeCurrentMenu()&&e.preventDefault()},this._onEnterFullscreen=e=>{if(e.stopPropagation(),iT&&document[iT.fullscreenEnabled_]&&this[iT.requestFullscreen_]){let e=this[iT.requestFullscreen_]();e&&e.then&&e.then(c,c)}else this._player&&this._player.presentation.supportsMode("fullscreen")&&this._player.presentation.requestMode("fullscreen")},this._onExitFullscreen=e=>{if(e.stopPropagation(),iT){let e=document[iT.exitFullscreen_]();e&&e.then&&e.then(c,c)}this._player&&"fullscreen"===this._player.presentation.currentMode&&this._player.presentation.requestMode("inline")},this._onFullscreenChange=()=>{let e=!1;if(void 0!==iT){let t=document[iT.fullscreenElement_];t&&(e=function e(t,i){if(!t||!i)return!1;if(t.contains(i))return!0;let r=i.getRootNode();return!!r.host&&e(t,r.host)}(t,this))}e||void 0===this._player||"fullscreen"!==this._player.presentation.currentMode||(e=!0),A(this,d.FULLSCREEN,e)},this._updateAspectRatio=()=>{if(void 0===this._player)return;let{videoWidth:e,videoHeight:t}=this._player;e>0&&t>0?r(this,{"--theoplayer-video-width":`${e}`,"--theoplayer-video-height":`${t}`}):r(this,{"--theoplayer-video-width":"","--theoplayer-video-height":""})},this._updateError=()=>{var e;let t=null==(e=this._player)?void 0:e.errorObject;for(let e of(A(this,d.HAS_ERROR,void 0!==t),this._stateReceivers))e[F].indexOf("error")>=0&&(e.error=t)},this._onPlay=()=>{this.setAttribute(d.HAS_FIRST_PLAY,""),this.removeAttribute(d.PAUSED),this._updateEnded()},this._onPause=()=>{this.setAttribute(d.PAUSED,""),this._updateEnded()},this._updatePausedAndEnded=()=>{let e=!this._player||this._player.paused;A(this,d.PAUSED,e),this._updateEnded()},this._updateEnded=()=>{let e=!!this._player&&this._player.ended;A(this,d.ENDED,e)},this._updateStreamType=()=>{let e;if(void 0===this._player)return;let t=this._player.duration;if(!isNaN(t)){if(t===1/0){e="live";let t=this.dvrThreshold,i=this._player.seekable;(t<=0||i.length>0&&i.end(i.length-1)-i.start(0)>=t)&&(e="dvr")}else e="vod";this.streamType=e}},this._updatePlaybackRate=()=>{if(void 0===this._player)return;let e=this._player.playbackRate;for(let t of this._stateReceivers)t[F].indexOf("playbackRate")>=0&&(t.playbackRate=e)},this._updateMuted=()=>{void 0!==this._player&&(this.muted=this._player.muted)},this._updateActiveVideoTrack=()=>{if(void 0===this._player)return;let e=b(this._player.videoTracks,e=>e.enabled);if(this._activeVideoTrack!==e){var t,i,r,a;null==(t=this._activeVideoTrack)||t.removeEventListener("activequalitychanged",this._updateActiveVideoQuality),null==(i=this._activeVideoTrack)||i.removeEventListener("targetqualitychanged",this._updateTargetVideoQualities),this._activeVideoTrack=e,this._updateActiveVideoQuality(),this._updateTargetVideoQualities(),null==(r=this._activeVideoTrack)||r.addEventListener("activequalitychanged",this._updateActiveVideoQuality),null==(a=this._activeVideoTrack)||a.addEventListener("targetqualitychanged",this._updateTargetVideoQualities)}},this._updateActiveVideoQuality=()=>{var e;let t=null==(e=this._activeVideoTrack)?void 0:e.activeQuality;for(let e of this._stateReceivers)e[F].indexOf("activeVideoQuality")>=0&&(e.activeVideoQuality=t)},this._updateTargetVideoQualities=()=>{let e=eF(this._activeVideoTrack);for(let t of this._stateReceivers)t[F].indexOf("targetVideoQualities")>=0&&(t.targetVideoQualities=e)},this._updateCasting=()=>{var e,t,i;let r=null!=(i=null==(t=this._player)?void 0:null==(e=t.cast)?void 0:e.casting)&&i;A(this,d.CASTING,r)},this._updatePlayingAd=()=>{var e,t,i;let r=null!=(i=null==(t=this._player)?void 0:null==(e=t.ads)?void 0:e.playing)&&i;A(this,d.PLAYING_AD,r)},this._onSourceChange=()=>{this.closeMenu_();let e=void 0!==this._player&&!this._player.paused;A(this,d.HAS_FIRST_PLAY,e)},this.setUserIdle_=()=>{if(clearTimeout(this._userIdleTimer),this._userIdleTimer=0,!(this.userIdleTimeout<0)&&(this.setAttribute(d.USER_IDLE,""),"tv"==this.deviceType&&this.isUserIdle_())){let e=ep();null!==e&&e.blur()}},this.scheduleUserIdle_=()=>{if(this.setUserActive_(),clearTimeout(this._userIdleTimer),this.userIdleTimeout<0){this._userIdleTimer=0;return}this._userIdleTimer=setTimeout(this.setUserIdle_,1e3*this.userIdleTimeout)},this._onTvKeyDown=e=>{if(P(e.keyCode)){this.setUserIdle_();return}let t=function e(t){if(!y(t)||"none"===getComputedStyle(t).display)return;if(null!==t.getAttribute(d.TV_FOCUS))return L(t);let i=T(t);for(let t=0;t<i.length;t++){let r=e(i[t]);if(r)return r}}(this),i=L(this),r=ep();if(!r){let e=null!=t?t:i;e.length>0&&(e[0].focus(),r=e[0])}!this.isUserIdle_()&&(e.keyCode===S.ENTER?void 0!==this._player&&null!==r&&r.click():x(e.keyCode)&&ec(this,i,e.keyCode)&&(e.preventDefault(),e.stopPropagation()))},this._onKeyUp=e=>{P(e.keyCode)||this.scheduleUserIdle_()},this._onPointerUp=e=>{"touch"===e.pointerType&&(this.isPlayerOrMedia_(e.target)&&!this.hasAttribute(d.USER_IDLE)?this.setUserIdle_():(this.isUserIdle_()&&(this._lastPointerUpTime=performance.now(),this.addEventListener("click",this._onClickAfterPointerUp,!0)),this.scheduleUserIdle_()))},this._onClickAfterPointerUp=e=>{this.removeEventListener("click",this._onClickAfterPointerUp,!0),performance.now()-this._lastPointerUpTime<10&&(e.preventDefault(),e.stopPropagation())},this._onPointerMove=e=>{"mouse"===e.pointerType&&(this.setUserActive_(),this.isPlayerOrMedia_(e.target)&&this.scheduleUserIdle_())},this._onMouseLeave=()=>{this.setUserIdle_()},this._onChromeSlotTransition=e=>{"opacity"===e.propertyName&&this._updateTextTrackMargins()},this._updateTextTrackMargins=()=>{let e=this._player;if(void 0===e)return;let t=iR(this._topChromeSlot),i=iR(this._bottomChromeSlot);e.textTrackStyle.marginTop=null==t?void 0:t.height,e.textTrackStyle.marginBottom=null==i?void 0:i.height},this._onPreviewTimeChange=e=>{for(let t of(this._previewTime=e.detail.previewTime,this._stateReceivers))t[F].indexOf("previewTime")>=0&&(t.previewTime=this._previewTime)},this._onDestroy=()=>{this._player&&(this.removePlayerListeners_(this._player),this._player=void 0,this.propagatePlayerToAllReceivers_())};let t=this.attachShadow({mode:"open",delegatesFocus:!0});t.appendChild(ix().content.cloneNode(!0)),this._configuration=e,this._playerEl=t.querySelector('[part~="media-layer"]'),this._menuEl=t.querySelector('[part~="menu-layer"]'),this._menuGroup=t.querySelector("theoplayer-menu-group"),this._topChromeEl=t.querySelector('[part~="top"]'),this._topChromeSlot=t.querySelector('slot[name="top-chrome"]'),this._bottomChromeEl=t.querySelector('[part~="bottom"]'),this._bottomChromeSlot=t.querySelector("slot:not([name])"),this._mutationObserver=new MutationObserver(this._onMutation),"undefined"!=typeof ResizeObserver&&(this._resizeObserver=new ResizeObserver(this._updateTextTrackMargins)),t.addEventListener(ek,this._onToggleMenu),t.addEventListener(tL,this._onEnterFullscreen),t.addEventListener(tw,this._onExitFullscreen),t.addEventListener(tM,this._onPreviewTimeChange),this._topChromeSlot.addEventListener("transitionstart",this._onChromeSlotTransition),this._topChromeSlot.addEventListener("transitionend",this._onChromeSlotTransition),this._bottomChromeSlot.addEventListener("transitionstart",this._onChromeSlotTransition),this._bottomChromeSlot.addEventListener("transitionend",this._onChromeSlotTransition),this._upgradeProperty("configuration"),this._upgradeProperty("source"),this._upgradeProperty("fluid"),this._upgradeProperty("muted"),this._upgradeProperty("autoplay"),this._upgradeProperty("userIdleTimeout"),this._upgradeProperty("streamType"),this.tryInitializePlayer_()}}function iR(e){let t;for(let i of C(e).filter(y))if("0"!==getComputedStyle(i).opacity){let e=eu.fromRect(i.getBoundingClientRect());e.width>0&&e.height>0&&(t=t?t.union(e):e)}return t}iP.READY_EVENT=iS,e.define("theoplayer-ui",iP);let iI=a();class iM extends t{static get observedAttributes(){return[d.CONFIGURATION,d.SOURCE,d.MUTED,d.AUTOPLAY,d.FLUID,d.DEVICE_TYPE,d.STREAM_TYPE,d.USER_IDLE_TIMEOUT,d.DVR_THRESHOLD,d.HAS_TITLE]}initShadowRoot(){let e=this.attachShadow({mode:"open",delegatesFocus:!0});return e.appendChild(iI().content.cloneNode(!0)),e}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get player(){return this._ui.player}get configuration(){return this._ui.configuration}set configuration(e){this.removeAttribute(d.CONFIGURATION),this.setConfiguration_(e)}setConfiguration_(e){var t;this._ui.configuration={...e,ads:{...null!=(t=e.ads)?t:{},showCountdown:!1}}}get source(){return this._ui.source}set source(e){this.removeAttribute(d.SOURCE),this._ui.source=e}get fluid(){return this._ui.fluid}set fluid(e){this._ui.fluid=e}get muted(){return this._ui.muted}set muted(e){this._ui.muted=e}get autoplay(){return this._ui.autoplay}set autoplay(e){this._ui.autoplay=e}get streamType(){return this._ui.streamType}set streamType(e){this._ui.streamType=e}get userIdleTimeout(){return this._ui.userIdleTimeout}set userIdleTimeout(e){this._ui.userIdleTimeout=e}get dvrThreshold(){return this._ui.dvrThreshold}set dvrThreshold(e){this._ui.dvrThreshold=e}connectedCallback(){if(i(this),!this.hasAttribute(d.DEVICE_TYPE)){let e=iC()?"mobile":iL()?"tv":"desktop";this.setAttribute(d.DEVICE_TYPE,e)}this._appliedExtensions||(this._appliedExtensions=!0,function(e){for(let t of iE)t(e)}(this),r(this)),this._onTitleSlotChange()}disconnectedCallback(){}attributeChangedCallback(e,t,i){if(i===t)return;let a=null!=i;e===d.SOURCE?this._ui.source=i?JSON.parse(i):void 0:e===d.CONFIGURATION?this.setConfiguration_(i?JSON.parse(i):{}):e===d.MUTED?this.muted=a:e===d.AUTOPLAY?this.autoplay=a:e===d.FLUID?this.fluid=a:e===d.DEVICE_TYPE?(A(this,d.MOBILE,"mobile"===i),A(this,d.TV,"tv"===i),this._ui.setAttribute(d.DEVICE_TYPE,i)):e===d.STREAM_TYPE?this.streamType=i:e===d.USER_IDLE_TIMEOUT?this.userIdleTimeout=Number(i):e===d.DVR_THRESHOLD&&(this.dvrThreshold=Number(i)),iM.observedAttributes.indexOf(e)>=0&&r(this)}constructor(e={}){var t,i,r;super(),this._appliedExtensions=!1,this._updateStreamType=()=>{this.setAttribute(d.STREAM_TYPE,this.streamType),this._timeRange&&A(this._timeRange,d.HIDDEN,"live"===this.streamType)},this._dispatchReadyEvent=()=>{this.dispatchEvent(el(iS))},this._onTitleSlotChange=()=>{this._titleSlot&&A(this,d.HAS_TITLE,this._titleSlot.assignedNodes().length>0)},this._shadowRoot=this.initShadowRoot(),this._ui=this._shadowRoot.querySelector("theoplayer-ui"),this._ui.addEventListener(iS,this._dispatchReadyEvent),this._ui.addEventListener(iw,this._updateStreamType),this.setConfiguration_(e),this._titleSlot=null!=(i=this._shadowRoot.querySelector('slot[name="title"]'))?i:void 0,null==(t=this._titleSlot)||t.addEventListener("slotchange",this._onTitleSlotChange),this._timeRange=null!=(r=this._shadowRoot.querySelector("theoplayer-time-range"))?r:void 0,this._upgradeProperty("configuration"),this._upgradeProperty("source"),this._upgradeProperty("fluid"),this._upgradeProperty("muted"),this._upgradeProperty("autoplay"),this._upgradeProperty("streamType"),this._upgradeProperty("userIdleTimeout"),this._upgradeProperty("dvrThreshold")}}iM.READY_EVENT=iS,e.define("theoplayer-default-ui",iM);let iO=a();class iN extends V(eS,["player"]){connectedCallback(){var e;super.connectedCallback(),this.hasAttribute(d.ARIA_LABEL)||this.setAttribute(d.ARIA_LABEL,"open settings menu"),this._warningIcon=null!=(e=this.shadowRoot.querySelector('[part="warning-icon"]'))?e:void 0}get player(){return this._player}set player(e){this._player!==e&&(this._theoLive&&(this._theoLive.removeEventListener("enterbadnetworkmode",this.handleEnterBadNetworkMode_),this._theoLive.removeEventListener("exitbadnetworkmode",this.handleExitBadNetworkMode_)),this._player=e,this._theoLive=null==e?void 0:e.theoLive,this._theoLive&&(this._theoLive.addEventListener("enterbadnetworkmode",this.handleEnterBadNetworkMode_),this._theoLive.addEventListener("exitbadnetworkmode",this.handleExitBadNetworkMode_)))}constructor(){super({template:iO()}),this.handleEnterBadNetworkMode_=()=>{this._warningIcon&&(this._warningIcon.style.display="block")},this.handleExitBadNetworkMode_=()=>{this._warningIcon&&(this._warningIcon.style.display="none")}}}e.define("theolive-bad-network-button",iN);class iD extends V(ed,["player"]){get player(){return this._player}set player(e){var t,i;this._player!==e&&(this._theoLive&&(this._theoLive.removeEventListener("enterbadnetworkmode",this.handleEnterBadNetworkMode_),this._theoLive.removeEventListener("exitbadnetworkmode",this.handleExitBadNetworkMode_)),this._player=e,this._theoLive=null==e?void 0:e.theoLive,this._badNetworkMode=null!=(i=null==(t=this._theoLive)?void 0:t.badNetworkMode)&&i,this._theoLive&&(this._theoLive.addEventListener("enterbadnetworkmode",this.handleEnterBadNetworkMode_),this._theoLive.addEventListener("exitbadnetworkmode",this.handleExitBadNetworkMode_)),this.handlePlayer())}handleEnterBadNetworkMode(){}handleExitBadNetworkMode(){}attributeChangedCallback(e,t,i){i!==t&&e===d.ARIA_CHECKED&&t!==i&&this.handleChecked(this.checked)}constructor(e){super(e),this._badNetworkMode=!1,this.handleEnterBadNetworkMode_=()=>{this._badNetworkMode=!0,this.handleEnterBadNetworkMode()},this.handleExitBadNetworkMode_=()=>{this._badNetworkMode=!1,this.handleExitBadNetworkMode()},this._slotEl=this.shadowRoot.querySelector("slot")}}let iB=a();e.define("theolive-automatic-quality-selector",class extends iD{handleEnterBadNetworkMode(){this.update_()}handleExitBadNetworkMode(){this.update_()}handlePlayer(){this.update_()}update_(){var e,t;let i=(null==(t=this.player)?void 0:null==(e=t.theoLive)?void 0:e.badNetworkMode)!==!0;this.checked!==i&&(this.checked=i)}handleChecked(e){e&&this.player&&this.player.theoLive&&(this.player.theoLive.badNetworkMode=!1)}constructor(){super({template:iB()}),k(this._slotEl,"High Quality")}});let iF=a();e.define("theolive-bad-network-quality-selector",class extends iD{handleEnterBadNetworkMode(){this.update_()}handleExitBadNetworkMode(){this.update_()}handlePlayer(){this.update_()}update_(){var e,t;let i=(null==(t=this.player)?void 0:null==(e=t.theoLive)?void 0:e.badNetworkMode)===!0;this.checked!==i&&(this.checked=i)}handleChecked(e){e&&this.player&&this.player.theoLive&&(this.player.theoLive.badNetworkMode=!0)}constructor(){super({template:iF()}),k(this._slotEl,"Low Quality")}});let iU=a();e.define("theolive-bad-network-menu",class extends t{_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){i(this),this._radioGroup instanceof ey||e.upgrade(this._radioGroup),this.shadowRoot.addEventListener("change",this._onChange)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange)}constructor(){super(),this._onChange=()=>{this.dispatchEvent(new Event("change",{bubbles:!0}))};let e=this.attachShadow({mode:"open"});e.appendChild(iU().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group")}});let iV=a();class iH extends iM{initShadowRoot(){let e=this.attachShadow({mode:"open",delegatesFocus:!0});return e.appendChild(iV().content.cloneNode(!0)),e}hidePlayerError(){this._root.removeAttribute("has-error"),this._errorDisplay.style.display="none"}stopHidingPlayerError(){this._root.setAttribute("has-error",""),this._errorDisplay.style.display="flex"}hidePlayerPlayButton_(){this._playButton.style.display="none"}stopHidingPlayerPlayButton(){this._playButton.style.display="inline-flex"}showMessage_(e,t){this.hidePlayerError(),this._loading.style.display="none",this._offline.style.display="none",this._announcement.style.display="none","loading"===e?this._loading.style.display="block":"offline"===e?this._offline.style.display="block":(this._announcement.textContent=null!=t?t:"",this._announcement.style.display="block"),this.hidePlayerPlayButton_()}hideMessage_(){this._loading.style.display="none",this._offline.style.display="none",this._announcement.style.display="none",this.stopHidingPlayerPlayButton()}constructor(e={}){super(e),this.onReady=()=>{this._ui.removeEventListener(iS,this.onReady);let e=this.player;if(e){var t,i,r;null==(t=e.theoLive)||t.addEventListener("publicationloadstart",this.onLoadChannelStart),null==(i=e.theoLive)||i.addEventListener("publicationoffline",this.onChannelOffline),null==(r=e.theoLive)||r.addEventListener("publicationloaded",this.onChannelLoaded),e.addEventListener("error",this.onError)}},this.onLoadChannelStart=()=>{this.showMessage_("loading",void 0)},this.onChannelOffline=()=>{this.showMessage_("offline",void 0)},this.onChannelLoaded=()=>{this.hidePlayerError(),this.hideMessage_()},this.onError=e=>{let t=e.errorObject.code;if(t<13e3||t>=14e3){this.showMessage_("offline",void 0);return}this.stopHidingPlayerError(),this.hideMessage_()},this._loading=this._shadowRoot.querySelector("#loading-announcement"),this._offline=this._shadowRoot.querySelector("#offline-announcement"),this._announcement=this._shadowRoot.querySelector("#announcement"),this._errorDisplay=this._shadowRoot.querySelector("theoplayer-error-display"),this._playButton=this._shadowRoot.querySelector("theoplayer-play-button"),this._root=this._shadowRoot.querySelector("theoplayer-ui"),this._ui.addEventListener(iS,this.onReady)}}e.define("theolive-default-ui",iH);let iG="1.9.4";export{tp as ActiveQualityDisplay,iy as AdClickThroughButton,ip as AdCountdown,ih as AdDisplay,ib as AdSkipButton,t6 as AirPlayButton,d as Attribute,O as Button,tJ as CastButton,t1 as ChromecastButton,t4 as ChromecastDisplay,eP as CloseMenuButton,tP as ColorStops,n as ControlBar,iM as DefaultUI,en as DurationDisplay,tj as ErrorDisplay,im as ExtensionSlot,tx as FullscreenButton,it as GestureReceiver,tt as LanguageMenu,ta as LanguageMenuButton,B as LinkButton,is as LiveButton,t8 as LoadingIndicator,eM as MediaTrackRadioButton,eE as Menu,eS as MenuButton,eC as MenuGroup,Q as MuteButton,K as PlayButton,tu as PlaybackRateDisplay,td as PlaybackRateMenu,tl as PlaybackRateMenuButton,tn as PlaybackRateRadioGroup,tB as PreviewThumbnail,tH as PreviewTimeDisplay,tv as QualityRadioButton,tm as QualityRadioGroup,ed as RadioButton,ey as RadioGroup,tI as Range,z as SeekButton,tA as SettingsMenu,tC as SettingsMenuButton,p as SlotContainer,V as StateReceiverMixin,iH as THEOliveDefaultUI,eG as TextTrackOffRadioButton,eD as TextTrackRadioButton,e1 as TextTrackStyleDisplay,e9 as TextTrackStyleMenu,e4 as TextTrackStyleRadioGroup,tE as TextTrackStyleResetButton,er as TimeDisplay,t$ as TimeRange,eY as TrackRadioGroup,iP as UIContainer,tW as VolumeRange,I as buttonTemplate,N as linkButtonTemplate,eA as menuGroupTemplate,em as menuTemplate,tR as rangeTemplate,ik as registerExtension,iG as version};
|
|
33
16
|
//# sourceMappingURL=THEOplayerUI.node.mjs.map
|