@theoplayer/web-ui 1.16.0 → 2.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/README.md +21 -14
- package/dist/THEOplayerUI.d.ts +549 -670
- package/dist/THEOplayerUI.es5.js +1 -4
- package/dist/THEOplayerUI.es5.mjs +1 -4
- package/dist/THEOplayerUI.js +2 -41
- package/dist/THEOplayerUI.js.map +1 -1
- package/dist/THEOplayerUI.mjs +1 -41
- package/dist/THEOplayerUI.mjs.map +1 -1
- package/dist/THEOplayerUI.node.mjs +1 -15
- package/dist/THEOplayerUI.node.mjs.map +1 -1
- package/dist/THEOplayerUI.polyfills.js +1 -0
- package/package.json +15 -11
package/dist/THEOplayerUI.mjs
CHANGED
|
@@ -1,42 +1,2 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* THEOplayer Open Video UI for Web (v1.16.0)
|
|
3
|
-
* License: MIT
|
|
4
|
-
*/import{ChromelessPlayer as e}from"theoplayer/chromeless";function t(){return void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeShadow}function r(e){t()&&window.ShadyCSS.styleElement(e)}function a(e,t){void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeCss?window.ShadyCSS.styleSubtree(e,t):null!=t&&/**
|
|
5
|
-
* @license
|
|
6
|
-
* Copyright (c) 2020 The Polymer Project Authors. All rights reserved.
|
|
7
|
-
* This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
8
|
-
* The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
9
|
-
* The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
10
|
-
* Code distributed by Google as part of the polymer project is also
|
|
11
|
-
* subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
12
|
-
*/function(e,t){let r=e.style;for(let[e,a]of Object.entries(t))r.setProperty(e,a)}(e,t)}function i(e,r){let a;return()=>{if(void 0===a){var i;(a=document.createElement("template")).innerHTML=r,r=void 0,i=a,t()&&window.ShadyCSS.prepareTemplate(i,e)}return a}}let o=i("theoplayer-control-bar","<style>:host{box-sizing:border-box;display:inline-flex}:host([hidden]){display:none!important}::slotted(theoplayer-time-range){flex-grow:1}</style><slot></slot>");class n extends HTMLElement{connectedCallback(){r(this)}constructor(){super(),this.attachShadow({mode:"open",delegatesFocus:!0}).appendChild(o().content.cloneNode(!0))}}customElements.define("theoplayer-control-bar",n);var s,l,h,d=((s={}).CONFIGURATION="configuration",s.SOURCE="source",s.AUTOPLAY="autoplay",s.MUTED="muted",s.FULLSCREEN="fullscreen",s.FULLWINDOW="fullwindow",s.FLUID="fluid",s.DEVICE_TYPE="device-type",s.MOBILE="mobile",s.TV="tv",s.TV_FOCUS="tv-focus",s.MOBILE_ONLY="mobile-only",s.MOBILE_HIDDEN="mobile-hidden",s.TV_ONLY="tv-only",s.TV_HIDDEN="tv-hidden",s.USER_IDLE="user-idle",s.USER_IDLE_TIMEOUT="user-idle-timeout",s.NO_AUTO_HIDE="no-auto-hide",s.DISABLED="disabled",s.INERT="inert",s.HIDDEN="hidden",s.PAUSED="paused",s.ENDED="ended",s.VOLUME_LEVEL="volume-level",s.CASTING="casting",s.LOADING="loading",s.STREAM_TYPE="stream-type",s.LIVE="live",s.LIVE_ONLY="live-only",s.LIVE_HIDDEN="live-hidden",s.LIVE_THRESHOLD="live-threshold",s.DVR_THRESHOLD="dvr-threshold",s.REMAINING="remaining",s.REMAINING_WHEN_LIVE="remaining-when-live",s.SHOW_DURATION="show-duration",s.SEEK_OFFSET="seek-offset",s.MENU="menu",s.MENU_OPENED="menu-opened",s.MENU_CLOSE_ON_INPUT="menu-close-on-input",s.ARIA_LABEL="aria-label",s.ARIA_LIVE="aria-live",s.ARIA_CHECKED="aria-checked",s.HAS_AUDIO="has-audio",s.HAS_SUBTITLES="has-subtitles",s.HAS_ERROR="has-error",s.HAS_FIRST_PLAY="has-first-play",s.HAS_TITLE="has-title",s.CAST_STATE="cast-state",s.TRACK_TYPE="track-type",s.SHOW_OFF="show-off",s.PLAYING_AD="playing-ad",s.SHOW_AD_MARKERS="show-ad-markers",s.CLICKTHROUGH="clickthrough",s.PROPERTY="property",s.VALUE="value",s);let p=i("theoplayer-slot-container","<style>:host{display:contents}::slotted(:not([no-auto-hide])),slot{opacity:inherit}</style><slot></slot>");class u extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}).appendChild(p().content.cloneNode(!0))}}function c(){}function y(e){return e.nodeType===Node.ELEMENT_NODE}function g(e){return e instanceof HTMLElement}customElements.define("theoplayer-slot-container",u);let m="function"==typeof Array.isArray?Array.isArray:e=>"[object Array]"===Object.prototype.toString.call(e),v="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 r=0;r<e.length;r++)if(t(e[r],r,e))return e[r]},_="function"==typeof Array.prototype.findIndex?(e,t)=>e.findIndex(t):(e,t)=>{for(let r=0;r<e.length;r++)if(t(e[r],r,e))return r;return -1},f="function"==typeof String.prototype.startsWith?(e,t)=>e.startsWith(t):(e,t)=>e.substring(0,t.length)===t,k="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 E(e,t){void 0===e.textContent?e.innerText=t:e.textContent=t}function w(e,t,r){r?e.setAttribute(t,""):e.removeAttribute(t)}function x(e){if(e.shadowRoot)return e.shadowRoot.children;if("slot"===e.localName.toLowerCase()){let t=e.assignedNodes();if(t.length>0)return t.filter(y)}return g(e)?e.children:[]}function T(e){let t=[];for(let r of e.assignedNodes({flatten:!0}))y(r)&&(t.push(r),"theoplayer-slot-container"===r.nodeName.toLowerCase()&&t.push(...v(r.children)));return t}function A(e){let t=[];return function e(t,r){if(g(t)&&"none"!==getComputedStyle(t).display){if(t.hasAttribute("tabindex")&&Number(t.getAttribute("tabindex"))>=0){r.push(t);return}switch(t.tagName.toLowerCase()){case"button":case"input":case"textarea":case"select":case"details":r.push(t);break;case"a":t.href&&r.push(t);break;default:{let a=x(t);for(let t=0;t<a.length;t++)e(a[t],r)}}}}(e,t),t}function C(e){let t=e.nodeName.toLowerCase();if(t.indexOf("-")>=0){if(!customElements.get(t))return customElements.whenDefined(t);customElements.upgrade(e)}}var L=((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 S(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 M(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;display:var(--theoplayer-before-first-play-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 I=i("theoplayer-button",M("<slot></slot>"));class O extends HTMLElement{static get observedAttributes(){return[d.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(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){w(this,d.DISABLED,e)}attributeChangedCallback(e,t,r){e===d.DISABLED&&r!==t&&(null!=r?this._disable():this._enable()),O.observedAttributes.indexOf(e)>=0&&a(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 r=null!=(t=null==e?void 0:e.template)?t:I();this.attachShadow({mode:"open"}).appendChild(r.content.cloneNode(!0)),this._upgradeProperty("disabled")}}function N(e,t=""){return M(`<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}`)}customElements.define("theoplayer-button",O);let D=i("theoplayer-link-button",N("<slot></slot>"));class q extends HTMLElement{static get observedAttributes(){return[d.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(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){w(this,d.DISABLED,e)}setLink(e,t){this._linkEl.href=e,this._linkEl.target=t}attributeChangedCallback(e,t,r){e===d.DISABLED&&r!==t&&(null!=r?this._disable():this._enable()),O.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=>{if(!e.metaKey&&!e.altKey){if(e.keyCode===L.SPACE)e.preventDefault(),this._linkEl.click()}},this._onClick=()=>{!this.disabled&&this.handleClick()};let r=null!=(t=null==e?void 0:e.template)?t:D(),a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._linkEl=a.querySelector("a"),this._upgradeProperty("disabled")}}customElements.define("theoplayer-link-button",q);let B="theoplayerUiObservedProperties";function F(e){return B in e&&m(e[B])}function U(e,t){return class extends e{get[B](){return t}}}async function H(e,t,r){if(t.contains(e))return;e.nodeName.indexOf("-")>=0&&!F(e)&&(await Promise.resolve(),await customElements.whenDefined(e.nodeName.toLowerCase()),customElements.upgrade(e)),F(e)&&r(e);let a=x(e);a.length>0&&await Promise.all(v(a).map(e=>H(e,t,r)))}let V=i("theoplayer-play-button",M(`<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{--theoplayer-icon-color:var(--theoplayer-play-button-icon-color,unset);display:inline-flex}: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}")),z=["seeking","seeked","ended","emptied","sourcechange"];class G extends U(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){w(this,d.PAUSED,e)}get ended(){return this.hasAttribute(d.ENDED)}set ended(e){w(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(z,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(z,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),G.observedAttributes.indexOf(e)>=0&&(a(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.ended?"replay":this.paused?"play":"pause";this.setAttribute(d.ARIA_LABEL,e)}constructor(){super({template:V()}),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")}}customElements.define("theoplayer-play-button",G);let Q=i("theoplayer-mute-button",M(`<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}")),$=["volumechange"];class K extends U(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,r){super.attributeChangedCallback(e,t,r),K.observedAttributes.indexOf(e)>=0&&(a(this),this._updateAriaLabel())}_updateAriaLabel(){let e="off"===this.getAttribute(d.VOLUME_LEVEL)?"unmute":"mute";this.setAttribute(d.ARIA_LABEL,e)}constructor(){super({template:Q()}),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")}}customElements.define("theoplayer-mute-button",K);let Y=i("theoplayer-seek-button",M(`<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 W extends U(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,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===d.SEEK_OFFSET&&E(this._offsetEl,String(Math.abs(this.seekOffset))),W.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(d.ARIA_LABEL,t)}constructor(){super({template:Y()}),this._offsetEl=this.shadowRoot.querySelector('[part="offset"]'),this._upgradeProperty("player"),this._upgradeProperty("seekOffset")}}customElements.define("theoplayer-seek-button",W);var Z=":host{background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;color:#fff;color:var(--theoplayer-text-color,#fff);display:inline-block;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));overflow:hidden;padding:10px;padding:var(--theoplayer-control-padding,10px);pointer-events:auto;text-align:center;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}";function j(e){return!isNaN(e)&&isFinite(e)}function J(e,t=0,r){let a,i=e<0||r&&0===e,o=Math.floor(t/60%60),n=Math.floor(t/3600);if(j(e=Math.abs(e))){let t=Math.floor(e%60),r=Math.floor(e/60%60),i=Math.floor(e/3600),s=i>0||n>0;a=[s?`${i}`:"",(s||o>=0)&&r<10?`0${r}`:`${r}`,t<10?`0${t}`:`${t}`]}else a=[n>0?"--":"","--","--"];let s=a.filter(e=>""!==e).join(":");return`${i?"-":""}${s}`}let X=[["hour","hours"],["minute","minutes"],["second","seconds"]];function ee(e,t){let r=X[t][+(1!==e)];return`${e} ${r}`}function et(e,t){if(!j(e))return"";let r=e<0||t&&0===e,a=Math.floor((e=Math.abs(e))%60),i=Math.floor(e/60)%60,o=Math.floor(e/3600),n=[0===o?"":ee(o,0),0===i?"":ee(i,1),0===a&&(o>0||i>0)?"":ee(a,2)].filter(e=>""!==e).join(", ");return`${n}${r?" remaining":""}`}let er=i("theoplayer-time-display",`<style>${Z}</style><span></span>`),ea=["timeupdate","seeking","seeked","durationchange"];class ei extends U(HTMLElement,["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(){r(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(ea,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(ea,this._updateFromPlayer))}get streamType(){return this.getAttribute(d.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(d.STREAM_TYPE,e)}attributeChangedCallback(e,t,r){r!==t&&ei.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,o=null==(e=this._player)?void 0:e.seekable,n=isFinite(i)?i:o&&o.length>0?o.end(0):NaN,s=this.hasAttribute(d.REMAINING)||this.hasAttribute(d.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType,l=a;s&&(l=-((n||0)-a));let h=this.hasAttribute(d.SHOW_DURATION);t=h&&!s?`${J(l,n,s)} / ${J(n)}`:J(l,n,s),r=isNaN(i)?"video not loaded, unknown time":h?`${et(l,s)} of ${et(n)}`:et(l,s),E(this._spanEl,t),this.setAttribute("aria-valuetext",r)};let e=this.attachShadow({mode:"open"});e.appendChild(er().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-time-display",ei);let eo=i("theoplayer-duration-display",`<style>${Z}</style><span></span>`),en=["durationchange"];class es extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(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(en,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(en,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{let e=J(this._player?this._player.duration:NaN);E(this._spanEl,e)};let e=this.attachShadow({mode:"open"});e.appendChild(eo().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-duration-display",es);let el=!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)},eh=!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)},ed=i("theoplayer-radio-button",M("<slot></slot>"));class ep 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(el("input",{bubbles:!0,composed:!0}))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===d.ARIA_CHECKED?this.dispatchEvent(el("change",{bubbles:!0})):e===d.VALUE&&(this.value=r),ep.observedAttributes.indexOf(e)>=0&&a(this))}constructor(e){super({template:ed(),...e}),this._value=void 0,this._upgradeProperty("checked")}}customElements.define("theoplayer-radio-button",ep);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,r,a,i,o,n;return new eu(null!=(r=null!=(t=e.left)?t:e.x)?r:0,null!=(i=null!=(a=e.top)?a:e.y)?i:0,null!=(o=e.width)?o: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),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 eu(t,r,a,i)}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,r,a){this.x=e,this.y=t,this.width=r,this.height=a}}function ec(){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&&g(e)?e:null}function ey(e,t,r){var a,i;let o;let n=ec();if(null===n)return!1;let s=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(r===L.LEFT||r===L.RIGHT){let e=l.clone();r===L.LEFT?(e.left=s.left,e.width=l.left-s.left):(e.left=l.right,e.width=s.right-l.right),0===(o=h.filter(t=>e.overlaps(t.rect))).length&&(e.top=s.top,e.height=s.height,o=h.filter(t=>e.overlaps(t.rect)))}else{let e=l.clone();r===L.UP?(e.top=s.top,e.height=l.top-s.top):(e.top=l.bottom,e.height=s.bottom-l.bottom),0===(o=h.filter(t=>e.overlaps(t.rect))).length&&(e.left=s.left,e.width=s.width,o=h.filter(t=>e.overlaps(t.rect)))}let d=(a=o,i=e=>{var t,r;let a;return t=e.rect,r=l,a=0,t.right<r.left?a+=r.left-t.right:r.right<t.left&&(a+=t.left-r.right),t.bottom<r.top?a+=r.top-t.bottom:r.bottom<t.top&&(a+=t.top-r.bottom),a},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 eg=i("theoplayer-radio-group","<slot></slot>");class em extends U(HTMLElement,["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(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(el("change",{bubbles:!0}))}constructor(){super(),this._radioButtons=[],this._onSlotChange=()=>{let e=T(this._slot),t=[];for(let r of e)if(!ev(r)){let e=C(r);e&&t.push(e)}if(t.length>0&&Promise.all(t).then(this._onSlotChange,c),this._radioButtons=e.filter(ev),!this.focusedRadioButton){var r;null==(r=this.firstRadioButton)||r.setAttribute("tabindex","0")}},this._onKeyDown=e=>{if("tv"===this.deviceType&&S(e.keyCode)){ey(this,this._radioButtons,e.keyCode)&&(e.preventDefault(),e.stopPropagation());return}switch(e.keyCode){case L.UP:case L.LEFT:this._focusPrevButton()&&e.preventDefault();break;case L.DOWN:case L.RIGHT:this._focusNextButton()&&e.preventDefault();break;case L.HOME:e.preventDefault(),this.setFocusedRadioButton(this.firstRadioButton);break;case L.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(eg().content.cloneNode(!0)),this._slot=e.querySelector("slot"),this._upgradeProperty("deviceType")}}function ev(e){return e instanceof ep}customElements.define("theoplayer-radio-group",em);let eb="theoplayermenuclose",e_="theoplayermenuchange";function ef(e,t,r=""){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}${r}</style><div part="heading"><theoplayer-menu-close-button></theoplayer-menu-close-button>${e}</div><div part="content">${t}</div>`}let ek=i("theoplayer-menu",ef('<slot name="heading"></slot>',"<slot></slot>"));class eE extends HTMLElement{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(){r(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){w(this,d.MENU_CLOSE_ON_INPUT,e)}openMenu(){this.setAttribute(d.MENU_OPENED,"")}closeMenu(){this.removeAttribute(d.MENU_OPENED)}attributeChangedCallback(e,t,r){if(r!==t){if(e===d.MENU_OPENED){w(this,d.HIDDEN,null==r);let e=eh(e_,{bubbles:!0});this.dispatchEvent(e)}eE.observedAttributes.indexOf(e)>=0&&a(this)}}constructor(e){var t;super(),this._onContentInput=()=>{if(this.hasAttribute(d.MENU_CLOSE_ON_INPUT)){let e=eh(eb,{bubbles:!0,composed:!0});this.dispatchEvent(e)}};let r=null!=(t=null==e?void 0:e.template)?t:ek(),a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._contentEl=a.querySelector('[part="content"]')}}customElements.define("theoplayer-menu",eE);let ew="theoplayermenutoggle";function ex(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=i("theoplayer-menu-group",ex("<slot></slot>"));class eA extends HTMLElement{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;r(this),this.hasAttribute(d.MENU_OPENED)||this.setAttribute("hidden",""),this._onMenuListChange(),this.shadowRoot.addEventListener(ew,this._onToggleMenu),this.shadowRoot.addEventListener(eb,this._onCloseMenu),this.shadowRoot.addEventListener(e_,this._onMenuChange),null==(e=this._menuSlot)||e.addEventListener("slotchange",this._onMenuListChange)}disconnectedCallback(){var e;this.shadowRoot.removeEventListener(ew,this._onToggleMenu),this.shadowRoot.removeEventListener(eb,this._onCloseMenu),this.shadowRoot.removeEventListener(e_,this._onMenuChange),null==(e=this._menuSlot)||e.removeEventListener("slotchange",this._onMenuListChange)}attributeChangedCallback(e,t,r){if(r!==t){if(e===d.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=eh(e_,{bubbles:!0});this.dispatchEvent(e)}eA.observedAttributes.indexOf(e)>=0&&a(this)}}getMenuById(e){return e&&e!==this.id?b(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(d.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 o=this._openMenuStack[i];this.closeMenusFromIndex_(i);let n=this.getCurrentMenu_();return void 0!==n?(n.menu.openMenu(),this.setAttribute(d.MENU_OPENED,""),o.opener&&n.menu.contains(o.opener)?o.opener.focus():n.menu.focus()):(this.removeAttribute(d.MENU_OPENED),null==(t=o.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=[...v(this.shadowRoot.children),...this._menuSlot?T(this._menuSlot):[]],t=[];for(let r of e)if(!eC(r)){let e=C(r);e&&t.push(e)}t.length>0&&Promise.all(t).then(this._onMenuListChange,c);let r=e.filter(eC);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=g(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 eA&&!t.menu.hasCurrentMenu()&&this.closeCurrentMenu()},this._onKeyDown=e=>{!e.altKey&&P(e.keyCode)&&this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())};let r=null!=(t=null==e?void 0:e.template)?t:eT(),a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._menuSlot=a.querySelector("slot")}}function eC(e){return!!g(e)&&(e instanceof eE||e instanceof eA)}customElements.define("theoplayer-menu-group",eA);let eL=i("theoplayer-menu-button",M("<slot></slot>"));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,r){super.attributeChangedCallback(e,t,r),e!==d.MENU||this.hasAttribute("aria-controls")&&this.getAttribute("aria-controls")!==t||this.setAttribute("aria-controls",r)}handleClick(){let e=this.menu;if(e){let t=eh(ew,{bubbles:!0,composed:!0,detail:{menu:e}});this.dispatchEvent(t)}}constructor(e){super({template:eL(),...e}),this._upgradeProperty("menu")}}customElements.define("theoplayer-menu-button",eS);let eP=i("theoplayer-menu-close-button",M(`<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 eR 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=eh(eb,{bubbles:!0,composed:!0});this.dispatchEvent(e)}constructor(){super({template:eP()})}}customElements.define("theoplayer-menu-close-button",eR);let eM=i("theoplayer-media-track-radio-button",M("<slot></slot>")),eI=["change","update"];class eO extends ep{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(){E(this._slotEl,this._track?function(e){let t=e.label;if(t)return t;let r=e.language;return r&&(k(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===d.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:eM()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}customElements.define("theoplayer-media-track-radio-button",eO);var eN=":host,theoplayer-radio-group{align-items:stretch;display:flex;flex-direction:column}:host([hidden]){display:none!important}";let eD=i("theoplayer-text-track-radio-button",M("<slot></slot>")),eq=["change","update"];class eB extends ep{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(eq,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(eq,this._onTrackChange))}_updateFromTrack(){E(this._slotEl,this._track?function(e){let t=e.label;if(t)return t;let r=e.language;return r&&(k(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===d.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:eD()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}function eF(e){return"subtitles"===e.kind||"captions"===e.kind}function eU(e){return eF(e)&&!e.forced}function eH(e){let t=null==e?void 0:e.targetQuality;return void 0===t||Array.isArray(t)||(t=[t]),t}function eV(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}customElements.define("theoplayer-text-track-radio-button",eB);let ez=i("theoplayer-text-track-off-radio-button",M("<slot>Off</slot>")),eG=["change"];class eQ extends ep{get trackList(){return this._trackList}set trackList(e){this._trackList&&this._trackList.removeEventListener(eG,this._onTrackChange),this._trackList=e,this._updateFromTrackList(),e&&e.addEventListener(eG,this._onTrackChange)}_updateFromTrackList(){this.checked=!this._trackList||!this._trackList.some(e=>eU(e)&&"showing"===e.mode)}_updateTrackList(){this._trackList&&this.checked&&function(e){for(let t of e)eF(t)&&"showing"===t.mode&&(t.mode="disabled")}(this._trackList)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===d.ARIA_CHECKED&&t!==r&&this._updateTrackList()}constructor(){super({template:ez()}),this._trackList=void 0,this._onTrackChange=()=>{this._updateFromTrackList()},this._upgradeProperty("trackList")}}customElements.define("theoplayer-text-track-off-radio-button",eQ);let e$=i("theoplayer-track-radio-group",`<style>${eN}</style><theoplayer-radio-group></theoplayer-radio-group>`),eK=["addtrack","removetrack"];class eY extends U(HTMLElement,["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(){r(this),this._radioGroup instanceof em||customElements.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){w(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(eU):[]}_createTrackButton(e){if("subtitles"===this.trackType){let t=new eB;return t.track=e,t}{let t=new eO;return t.track=e,t}}_updateOffButton(){"subtitles"===this.trackType&&this.showOffButton?(void 0===this._offButton&&(this._offButton=new eQ,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===d.TRACK_TYPE?(this._updateTracksList(),this._updateTracks()):e===d.SHOW_OFF&&(this._updateOffButton(),this._updateTracks()),eY.observedAttributes.indexOf(e)>=0&&a(this))}constructor(){super(),this._updateTracks=()=>{let e=v(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(el("change",{bubbles:!0}))};let e=this.attachShadow({mode:"open"});e.appendChild(e$().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("trackType"),this._upgradeProperty("showOffButton"),this._upgradeProperty("player")}}customElements.define("theoplayer-track-radio-group",eY);var eW=".theoplayer-menu-table{border-collapse:collapse;table-layout:auto}.theoplayer-menu-table,.theoplayer-menu-table td,.theoplayer-menu-table tr{margin:0;padding:0}.theoplayer-menu-table td>*{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 td:first-child{white-space:nowrap;width:0}.theoplayer-menu-table td:last-child{text-align:center}.theoplayer-menu-table td>theoplayer-menu-button{display:flex}";function eZ(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 ej(e){return`rgba(${e.r_},${e.g_},${e.b_},${e.a_})`}function eJ(e){return`rgb(${e.r_},${e.g_},${e.b_})`}function eX(e,t){return{r_:e.r_,g_:e.g_,b_:e.b_,a_:t}}let e0=eZ("#ffffff"),e1=eZ("#000000"),e5=[["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)"]],e2=[["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']],e3=[["None","none"],["Drop shadow","dropshadow"],["Raised","raised"],["Depressed","depressed"],["Uniform","uniform"]];class e8 extends U(HTMLElement,["player"]){static get observedAttributes(){return[d.PROPERTY]}connectedCallback(){r(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,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===d.PROPERTY&&this._updateFromPlayer(),e8.observedAttributes.indexOf(e)>=0&&a(this))}constructor(){super(),this._updateFromPlayer=()=>{if(void 0===this._player)return;let e=this.property;switch(e){case"fontFamily":E(this._spanEl,function(e){if(!e)return"Default";let t=b(e2,([t,r])=>r===e);return t?t[0]:"Custom"}(this._player.textTrackStyle.fontFamily));break;case"fontColor":case"backgroundColor":case"windowColor":E(this._spanEl,function(e){if(!e)return"Default";let t=eZ(e);if(t){let e=eJ(t),r=b(e5,([t,r])=>r===e);if(r)return r[0]}return"Custom"}(this._player.textTrackStyle[e]));break;case"fontOpacity":E(this._spanEl,e4(this._player.textTrackStyle.fontColor));break;case"backgroundOpacity":E(this._spanEl,e4(this._player.textTrackStyle.backgroundColor));break;case"windowOpacity":E(this._spanEl,e4(this._player.textTrackStyle.windowColor));break;case"edgeStyle":E(this._spanEl,function(e){if(!e)return"Default";let t=b(e3,([t,r])=>r===e);return t?t[0]:"Custom"}(this._player.textTrackStyle.edgeStyle));break;default:{let t=this._player.textTrackStyle[e];E(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 e4(e){if(!e)return"Default";let t=eZ(e);return t?`${100*t.a_}%`:"Custom"}customElements.define("theoplayer-text-track-style-display",e8);let e7=i("theoplayer-text-track-style-radio-group",`<style>${eN}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`);class e6 extends U(HTMLElement,["player"]){static get observedAttributes(){return[d.PROPERTY]}connectedCallback(){r(this),this._radioGroup instanceof em||customElements.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(el("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=e9(this.value,this._player.textTrackStyle.fontColor,e0);break;case"backgroundColor":this._player.textTrackStyle.backgroundColor=e9(this.value,this._player.textTrackStyle.backgroundColor,e1);break;case"windowColor":this._player.textTrackStyle.windowColor=e9(this.value,this._player.textTrackStyle.windowColor,e1);break;case"fontOpacity":this._player.textTrackStyle.fontColor=te(this.value,this._player.textTrackStyle.fontColor,e0);break;case"backgroundOpacity":this._player.textTrackStyle.backgroundColor=te(this.value,this._player.textTrackStyle.backgroundColor,e1);break;case"windowOpacity":this._player.textTrackStyle.windowColor=te(this.value,this._player.textTrackStyle.windowColor,e1);break;default:this._player.textTrackStyle[this.property]=""==this.value?void 0:this.value}}attributeChangedCallback(e,t,r){r!==t&&(e===d.PROPERTY&&this._updateFromPlayer(),e6.observedAttributes.indexOf(e)>=0&&a(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,r,a,i,o,n,s,l,h;if(void 0!==this._player)switch(this.property){case"fontColor":{let t=this._player.textTrackStyle.fontColor;this.value=t?eJ(null!=(e=eZ(t))?e:e0):"";break}case"backgroundColor":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?eJ(null!=(t=eZ(e))?t:e1):"";break}case"windowColor":{let e=this._player.textTrackStyle.windowColor;this.value=e?eJ(null!=(r=eZ(e))?r:e1):"";break}case"fontOpacity":{let e=this._player.textTrackStyle.fontColor;this.value=e?String((null!=(i=null==(a=eZ(e))?void 0:a.a_)?i:1)*100):"";break}case"backgroundOpacity":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?String((null!=(n=null==(o=eZ(e))?void 0:o.a_)?n:1)*100):"";break}case"windowOpacity":{let e=this._player.textTrackStyle.windowColor;this.value=e?String((null!=(l=null==(s=eZ(e))?void 0:s.a_)?l:1)*100):"";break}default:this.value=null!=(h=this._player.textTrackStyle[this.property])?h:""}};let e=this.attachShadow({mode:"open"});e.appendChild(e7().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot")}}function e9(e,t,r){var a,i,o;let n=null!=(i=null==(a=eZ(t))?void 0:a.a_)?i:1;if(""!==e||1!==n)return ej(eX(null!=(o=eZ(e))?o:r,n))}function te(e,t,r){var a;let i=null!=(a=eZ(t))?a:r;if(""!==e||i.r_!==r.r_||i.g_!==r.g_||i.b_!==r.b_)return ej(eX(i,""==e?1:Number(e)/100))}customElements.define("theoplayer-text-track-style-radio-group",e6);let tt=i("theoplayer-text-track-style-menu",ex('<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><table class="theoplayer-menu-table"><tr><td><span>Font family</span></td><td><theoplayer-menu-button menu="font-family-menu"><theoplayer-text-track-style-display property="fontFamily"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Font color</span></td><td><theoplayer-menu-button menu="font-color-menu"><theoplayer-text-track-style-display property="fontColor"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Font opacity</span></td><td><theoplayer-menu-button menu="font-opacity-menu"><theoplayer-text-track-style-display property="fontOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Font size</span></td><td><theoplayer-menu-button menu="font-size-menu"><theoplayer-text-track-style-display property="fontSize"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Background color</span></td><td><theoplayer-menu-button menu="background-color-menu"><theoplayer-text-track-style-display property="backgroundColor"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Background opacity</span></td><td><theoplayer-menu-button menu="background-opacity-menu"><theoplayer-text-track-style-display property="backgroundOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Window color</span></td><td><theoplayer-menu-button menu="window-color-menu"><theoplayer-text-track-style-display property="windowColor"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Window opacity</span></td><td><theoplayer-menu-button menu="window-opacity-menu"><theoplayer-text-track-style-display property="windowOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Character edge style</span></td><td><theoplayer-menu-button menu="edge-style-menu"><theoplayer-text-track-style-display property="edgeStyle"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr></table></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>',`${eW}
|
|
23
|
-
.theoplayer-menu-heading{flex-grow:1}.theoplayer-menu-heading-button{align-self:flex-end}`));class tr extends eA{constructor(){super({template:tt()})}}customElements.define("theoplayer-text-track-style-menu",tr);let ta=i("theoplayer-language-menu",ex('<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}")),ti=["addtrack","removetrack"];class to extends U(eA,["player"]){static get observedAttributes(){return[...eA.observedAttributes,d.HAS_AUDIO,d.HAS_SUBTITLES]}get player(){return this._player}set player(e){var t,r,a,i;this._player!==e&&(null==(t=this._audioTrackList)||t.removeEventListener(ti,this._updateAudioTracks),null==(r=this._textTrackList)||r.removeEventListener(ti,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(ti,this._updateAudioTracks),null==(i=this._textTrackList)||i.addEventListener(ti,this._updateTextTracks))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),to.observedAttributes.indexOf(e)>=0&&a(this)}constructor(){super({template:ta()}),this._updateAudioTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.audioTracks)?t:[];w(this,d.HAS_AUDIO,r.length>1)},this._updateTextTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.textTracks.filter(eU))?t:[];w(this,d.HAS_SUBTITLES,r.length>0)},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu",to);let tn=i("theoplayer-language-menu-button",M(`<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 tl extends U(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,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:tn()}),this._updateTracks=()=>{let e=void 0!==this._player&&(this._player.audioTracks.length>=2||this._player.textTracks.some(eU));w(this,d.HIDDEN,!e)},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu-button",tl);let th=i("theoplayer-playback-rate-radio-group",`<style>${eN}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`);class td extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._radioGroup instanceof em||customElements.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(el("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(th().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot"),this._upgradeProperty("value"),this._upgradeProperty("player")}}customElements.define("theoplayer-playback-rate-radio-group",td);let tp=i("theoplayer-playback-rate-button",M(`<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 tu extends eS{connectedCallback(){super.connectedCallback(),this.hasAttribute(d.ARIA_LABEL)||this.setAttribute(d.ARIA_LABEL,"open playback speed menu")}constructor(){super({template:tp()})}}customElements.define("theoplayer-playback-rate-menu-button",tu);let tc=i("theoplayer-playback-rate-menu",ef('<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 ty extends eE{constructor(){super({template:tc()})}}customElements.define("theoplayer-playback-rate-menu",ty);class tg extends U(HTMLElement,["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,E(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")}}customElements.define("theoplayer-playback-rate-display",tg);class tm extends U(HTMLElement,["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=eV(null!=r?r:this._activeVideoQuality);e=t?null!=a?a:"Unknown":`Automatic${a?` (${a})`:""}`,E(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")}}customElements.define("theoplayer-active-quality-display",tm);let tv=i("theoplayer-quality-radio-button",M("<slot></slot>")),tb=["activequalitychanged","targetqualitychanged"],t_=["update"];class tf extends ep{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(tb,this._updateFromTrack),this._track=e,this._updateFromTrack(),e&&e.addEventListener(tb,this._updateFromTrack))}get quality(){return this._quality}set quality(e){this._quality!==e&&(this._quality&&this._quality.removeEventListener(t_,this._updateFromQuality),this._quality=e,this._updateFromTrack(),e&&e.addEventListener(t_,this._updateFromQuality))}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===d.ARIA_CHECKED&&this._updateTargetQuality(),tf.observedAttributes.indexOf(e)>=0&&a(this))}constructor(){super({template:tv()}),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;E(this._slotEl,null!=(e=eV(this._quality))?e:"Automatic")},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track"),this._upgradeProperty("quality")}}customElements.define("theoplayer-quality-radio-button",tf);let tk=i("theoplayer-quality-radio-group",`<style>${eN}</style><theoplayer-radio-group></theoplayer-radio-group>`),tE=["addtrack","removetrack","change"];class tw extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._radioGroup instanceof em||customElements.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(tE,this._updateTrack),this._player=e,this._videoTracks=null==e?void 0:e.videoTracks,this._updateTrack(),null==(r=this._videoTracks)||r.addEventListener(tE,this._updateTrack))}constructor(){super(),this._onChange=()=>{this.dispatchEvent(el("change",{bubbles:!0}))},this._updateTrack=()=>{var e,t;let r=this._player?b(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=v(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 tf;e.track=this._track,e.quality=r[a],this._radioGroup.appendChild(e),a++}};let e=this.attachShadow({mode:"open"});e.appendChild(tk().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("player")}}customElements.define("theoplayer-quality-radio-group",tw);let tx=i("theoplayer-text-track-style-reset-button",M("<slot>Reset</slot>"));class tT extends U(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:tx()})}}customElements.define("theoplayer-text-track-style-reset-button",tT);let tA=i("theoplayer-settings-menu",ex('<theoplayer-menu><span slot="heading"><slot name="heading">Settings</slot></span><table class="theoplayer-menu-table"><tr><td><span>Quality</span></td><td><theoplayer-menu-button menu="quality-menu"><theoplayer-active-quality-display></theoplayer-active-quality-display></theoplayer-menu-button></td></tr><tr><td><span>Playback speed</span></td><td><theoplayer-menu-button menu="playback-rate-menu"><theoplayer-playback-rate-display></theoplayer-playback-rate-display></theoplayer-menu-button></td></tr></table></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>',eW));class tC extends eA{constructor(){super({template:tA()})}}customElements.define("theoplayer-settings-menu",tC);var tL='<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 tS=i("theoplayer-settings-menu-button",M(`<span part="icon"><slot>${tL}</slot></span>`));class tP extends eS{connectedCallback(){super.connectedCallback(),this.hasAttribute(d.ARIA_LABEL)||this.setAttribute(d.ARIA_LABEL,"open settings menu")}constructor(){super({template:tS()})}}customElements.define("theoplayer-settings-menu-button",tP);let tR="theoplayerfullscreenenter",tM="theoplayerfullscreenexit",tI=i("theoplayer-fullscreen-button",M(`<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 tO extends U(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){w(this,d.FULLSCREEN,e)}handleClick(){if(this.fullscreen){let e=eh(tM,{bubbles:!0,composed:!0});this.dispatchEvent(e)}else{let e=eh(tR,{bubbles:!0,composed:!0});this.dispatchEvent(e)}}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),tO.observedAttributes.indexOf(e)>=0&&(a(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.fullscreen?"exit fullscreen":"enter fullscreen";this.setAttribute(d.ARIA_LABEL,e)}constructor(){super({template:tI()}),this._upgradeProperty("fullscreen")}}customElements.define("theoplayer-fullscreen-button",tO);class tN{add(e,t,r){if((t=Math.max(t,0))>=(r=Math.min(r,100)))return;let a=_(this._stops,([,e])=>t<=e);if(a<0)return;let[i,o]=this._stops[a],n=[];if(t>0&&n.push([i,t]),n.push([e,r]),r<o)n.push([i,o]),this._stops.splice(a,1,...n);else{let e=a+1;for(;e<this._stops.length&&!(r<this._stops[e][1]);)e++;this._stops.splice(a,e-a,...n)}}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 tD(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}
|
|
28
|
-
${t}</style><div part="container"><div part="background"></div><div part="pointer"></div>${e}</div>`}class tq extends U(HTMLElement,["deviceType"]){static get observedAttributes(){return[d.DISABLED,d.HIDDEN,d.INERT]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(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){w(this,d.DISABLED,e)}get inert(){return this.hasAttribute(d.INERT)}set inert(e){w(this,d.INERT,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,r){r!==t&&(e===d.DISABLED||e===d.INERT?(this.setAttribute("aria-disabled",this.disabled?"true":"false"),w(this._rangeEl,d.DISABLED,this.disabled||this.inert)):e===d.HIDDEN&&null==r&&this.update(),tq.observedAttributes.indexOf(e)>=0&&a(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();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;t<e&&e<r&&(i=this._thumbWidth*(.5-a/100)/this._rangeWidth*100);let o=new tN;return o.add("var(--theoplayer-range-bar-color, #fff)",0,a+i),o}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&&S(e.keyCode)&&(e.keyCode===L.LEFT||e.keyCode===L.RIGHT?e.stopPropagation():(e.keyCode===L.UP||e.keyCode===L.DOWN)&&e.preventDefault())}constructor(e){super(),this._rangeWidth=0,this._thumbWidth=10,this._onInput=()=>{this.handleInput()},this._updatePointerBar=e=>{if(this.disabled||this.inert)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("inert"),this._upgradeProperty("value"),this._upgradeProperty("min"),this._upgradeProperty("max"),this._upgradeProperty("step"),this._upgradeProperty("deviceType")}}let tB="theoplayerpreviewtimechange";function tF(e){return"linear"===e.type}let tU=i("theoplayer-preview-thumbnail","<style>:host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none!important}canvas{background:#fff;background:var(--theoplayer-preview-thumbnail-background,#fff);border-radius:2px;border-radius:var(--theoplayer-preview-thumbnail-padding,2px);display:none;padding:2px;padding:var(--theoplayer-preview-thumbnail-padding,2px)}</style><canvas></canvas>"),tH=["addtrack","removetrack"];class tV extends U(HTMLElement,["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(tH,this._updateThumbnailTextTrack),this._player=e,this._textTrackList=null==e?void 0:e.textTracks,this._updateThumbnailTextTrack(),null==(r=this._textTrackList)||r.addEventListener(tH,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,o,n]=t;return{url:r,x:+a,y:+i,w:+o,h:+n}}(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,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,tz):void 0;e!==t&&(this._thumbnailTextTrack=t,this.updateThumbnail_())};let e=this.attachShadow({mode:"open"});e.appendChild(tU().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 tz(e){return"metadata"===e.kind&&"thumbnails"===e.label}customElements.define("theoplayer-preview-thumbnail",tV);let tG=i("theoplayer-preview-time-display",`<style>${Z}</style><span></span>`),tQ=["timeupdate","seeking","seeked","durationchange"];class t$ extends U(HTMLElement,["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(){r(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(tQ,this._update),this._player=e,this._update(),void 0!==this._player&&this._player.addEventListener(tQ,this._update))}attributeChangedCallback(e,t,r){r!==t&&t$.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,o=this.hasAttribute(d.REMAINING)||this.hasAttribute(d.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType;o&&(t=-((i||0)-t)),E(this._spanEl,J(t,i,o))};let e=this.attachShadow({mode:"open"});e.appendChild(tG().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}customElements.define("theoplayer-preview-time-display",t$);let tK=i("theoplayer-time-range",tD('<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"],tW=["play","pause","ended","durationchange","readystatechange","error"],tZ=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class tj extends U(tq,["player","streamType","deviceType"]){static get observedAttributes(){return[...tq.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,r;this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(tY,this._updateFromPlayer),this._player.removeEventListener(tW,this._toggleAutoAdvance)),null==(t=this._ads)||t.removeEventListener(tZ,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(tW,this._toggleAutoAdvance)),null==(r=this._ads)||r.addEventListener(tZ,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=et(this.value),t=et(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===d.STREAM_TYPE?this.updateDisabled_():e===d.SHOW_AD_MARKERS&&this.update(),tj.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_(){return this.getMinimumStepForVisibleChange_()<.25*this._lastPlaybackRate}updatePointer_(e,t){super.updatePointer_(e,t);let r=t.left+e*t.width,a=this._previewBoxEl.getBoundingClientRect(),i=((r=Math.max(t.left+a.width/2,Math.min(t.right-a.width/2,r)))-t.left)/t.width;if(this._previewRailEl.style.transform=`translateX(${(1e4*i).toFixed(6)}%)`,void 0===this._player)return;let{min:o,max:n}=this,s=eh(tB,{bubbles:!0,composed:!0,detail:{previewTime:o+e*(n-o)}});this.dispatchEvent(s)}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:r}=this;for(let a of this._player.ads.scheduledAdBreaks){if(void 0!==a.ads&&a.ads.length>0&&!a.ads.some(tF))continue;let i=a.timeOffset;if(i<0&&(i=this._player.duration),t<=i&&i<=r){let a,o;let n=(i-t)/(r-t)*100;n+1<100?(a=n,o=n+1):(a=99,o=100),e.add("var(--theoplayer-time-range-ad-marker-color, #ffc50f)",a,o)}}return e}handleKeyDown_(e){super.handleKeyDown_(e),"tv"===this.deviceType&&e.keyCode===L.ENTER&&void 0!==this._player&&(this._player.paused?this._player.play():this._player.pause())}constructor(){super({template:tK()}),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&&!this.disabled&&!this.inert&&void 0!==this._player&&!this._player.paused&&(this._pausedWhileScrubbing=!0,this._player.pause(),document.addEventListener("mouseup",this._playOnScrubEnd),document.addEventListener("pointerup",this._playOnScrubEnd),document.addEventListener("pointercancel",this._playOnScrubEnd))},this._playOnScrubEnd=()=>{this._pausedWhileScrubbing&&(this._pausedWhileScrubbing=!1,document.removeEventListener("mouseup",this._playOnScrubEnd),document.removeEventListener("pointerup",this._playOnScrubEnd),document.removeEventListener("pointercancel",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("pointerdown",this._pauseOnScrubStart),this._upgradeProperty("player")}}customElements.define("theoplayer-time-range",tj);let tJ=i("theoplayer-volume-range",tD('<input type="range" min="0" max="1" step="any" value="0">'));class tX extends U(tq,["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:tJ()}),this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.volume)},this._upgradeProperty("player")}}customElements.define("theoplayer-volume-range",tX);let t0=i("theoplayer-error-display",`<style>:host{box-sizing:border-box;display:flex;gap:10px;gap:var(--theoplayer-error-icon-gap,10px);max-width:80%;max-width:var(--theoplayer-error-max-width,80%);min-width:0;min-width:var(--theoplayer-error-min-width,0)}:host([hidden]){display:none!important}[part~=icon]{flex:0 0 auto;font-size:0}::slotted(img),::slotted(svg),img,svg{fill:#fff;fill:var(--theoplayer-error-icon-color,var(--theoplayer-icon-color,#fff));height:48px;height:var(--theoplayer-error-icon-height,48px);max-height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:48px;width:var(--theoplayer-error-icon-width,48px)}[part~=heading]{color:#fff;color:var(--theoplayer-error-heading-color,#fff);line-height:48px;line-height:var(--theoplayer-error-icon-height,48px);margin:0 0 10px;margin:var(--theoplayer-error-heading-margin,0 0 10px);padding:0}[part~=message]{color:#fff;color:var(--theoplayer-error-message-color,#fff);margin:0;margin:var(--theoplayer-error-message-margin,0);padding:0}[part~=fullscreen-controls]{bottom:0;display:flex;justify-content:flex-end;left:0;position:absolute;right:0}:host(:not([fullscreen])) [part~=fullscreen-controls]{display:none!important}</style><div part="icon"><slot name="icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="48" width="48"><path d="M24.15 26.4q.85 0 1.425-.575.575-.575.575-1.425v-9.2q0-.8-.6-1.375t-1.4-.575q-.85 0-1.425.575-.575.575-.575 1.425v9.2q0 .8.6 1.375t1.4.575ZM24 34.7q1 0 1.625-.625t.625-1.625q0-.95-.625-1.625T24 30.15q-1 0-1.625.675t-.625 1.625q0 1 .625 1.625T24 34.7Zm0 10q-4.4 0-8.175-1.575Q12.05 41.55 9.25 38.75q-2.8-2.8-4.375-6.575Q3.3 28.4 3.3 24q0-4.35 1.575-8.125Q6.45 12.1 9.25 9.3q2.8-2.8 6.575-4.425Q19.6 3.25 24 3.25q4.35 0 8.125 1.625Q35.9 6.5 38.7 9.3q2.8 2.8 4.425 6.575Q44.75 19.65 44.75 24q0 4.4-1.625 8.175Q41.5 35.95 38.7 38.75q-2.8 2.8-6.575 4.375Q28.35 44.7 24 44.7Z"/></svg>
|
|
29
|
-
</slot></div><div part="text"><h1 part="heading"><slot name="heading">An error occurred</slot></h1><p part="message"><slot name="message"></slot></p></div><div part="fullscreen-controls"><slot name="fullscreen-controls"><theoplayer-fullscreen-button></theoplayer-fullscreen-button></slot></div>`);class t1 extends U(HTMLElement,["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(){r(this)}get error(){return this._error}set error(e){this._error=e,E(this._messageSlot,e?e.message:"")}get fullscreen(){return this.hasAttribute(d.FULLSCREEN)}set fullscreen(e){w(this,d.FULLSCREEN,e)}attributeChangedCallback(e,t,r){t1.observedAttributes.indexOf(e)>=0&&a(this)}constructor(){super();let e=this.attachShadow({mode:"open",delegatesFocus:!0});e.appendChild(t0().content.cloneNode(!0)),this._messageSlot=e.querySelector('slot[name="message"]'),this._upgradeProperty("error")}}customElements.define("theoplayer-error-display",t1);class t5 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,r){super.attributeChangedCallback(e,t,r),t5.observedAttributes.indexOf(e)>=0&&a(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 t2=i("theoplayer-chromecast-button",M('<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{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}}")),t3="theoplayer-chromecast-rings-mask",t8=0;class t4 extends U(t5,["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),t4.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:t2()});let e=++t8,t=this.shadowRoot.querySelector(`svg clipPath#${t3}`),r=this.shadowRoot.querySelector("svg .theoplayer-chromecast-rings"),a=`${t3}-${e}`;null==t||t.setAttribute("id",a),r.setAttribute("clip-path",a),this._upgradeProperty("player")}}customElements.define("theoplayer-chromecast-button",t4);let t7=i("theoplayer-chromecast-display",`<style>:host{align-items:center;box-sizing:border-box;display:flex;gap:10px;gap:var(--theoplayer-chromecast-display-icon-gap,10px);padding:10px;padding:var(--theoplayer-control-padding,10px);pointer-events:none}:host([hidden]){display:none!important}[part~=icon]{flex:0 0 auto;font-size:0}::slotted(img),::slotted(svg),img,svg{fill:#fff;fill:var(--theoplayer-chromecast-display-icon-color,var(--theoplayer-icon-color,#fff));height:48px;height:var(--theoplayer-chromecast-display-icon-height,48px);max-height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:48px;width:var(--theoplayer-chromecast-display-icon-width,48px)}[part=text]{display:flex;flex-flow:column nowrap}[part=heading]{color:#fff;color:var(--theoplayer-chromecast-display-heading-color,#fff);font-size:14px;font-size:var(--theoplayer-chromecast-display-heading-font-size,var(--theoplayer-text-font-size,14px));margin:0;margin:var(--theoplayer-chromecast-display-heading-margin,0);padding:0}[part=receiver]{color:#fff;color:var(--theoplayer-chromecast-display-receiver-color,#fff);font-size:17.5px;font-size:var(--theoplayer-chromecast-display-receiver-font-size,calc(var(--theoplayer-text-font-size, 14px)*1.25));margin:0;margin:var(--theoplayer-chromecast-display-receiver-margin,0);padding:0}</style><div part="icon"><slot name="icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="M86.956 910.131h65.699q9.171 0 14.801-6.413 5.631-6.413 4.076-14.067-6.099-32.801-29.132-57.242-23.033-24.442-55.051-30.941-7.654-1.555-14.067 4.076-6.413 5.63-6.413 15.164v69.336q0 8.487 5.8 14.287 5.8 5.8 14.287 5.8Zm179.365 0q14.288 0 23.635-9.565 9.348-9.565 7.348-23.261-10.944-78.191-65.681-134.428-54.737-56.237-131.928-67.181-13.696-2-23.26 7.415-9.566 9.416-9.566 23.411 0 12.13 9.311 23.059 9.312 10.929 24.08 13.332 49.566 9.566 84.913 46.696 35.348 37.131 44.914 87.131 2.403 14.768 12.595 24.08 10.192 9.311 23.639 9.311Zm127.147 0q13.904 0 23.261-9.563 9.358-9.563 8.358-23.444-5.819-64.393-33.105-122.128-27.286-57.735-70.589-101.784-43.303-44.049-100.088-71.892-56.784-27.842-121.43-33.407-13.88-1-23.443 8.53-9.563 9.531-9.563 23.377 0 13.615 9.072 23.615 9.072 10 23.62 12.19 103.526 11.636 174.956 85.018 71.43 73.382 82.858 176.796 1.801 14.298 11.995 23.495 10.195 9.197 24.098 9.197ZM123.477 241.304h692.436q31.74 0 55.762 24.021 24.021 24.022 24.021 55.762v509.826q0 31.507-24.021 55.362-24.022 23.856-55.762 23.856H525.696q-16.706 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108 11.452-11.326 28.158-11.326h290.217V321.087H146.087v146q-6.783 6.348-16.595 11.674-9.813 5.326-23.514 5.326-16.457 0-27.783-11.452-11.326-11.451-11.326-28.158v-146q0-21.834 16.838-39.504 16.837-17.669 39.77-17.669Zm317.914 363Z"/></svg>
|
|
30
|
-
</slot></div><div part="text"><p part="heading"><slot name="heading">Playing on</slot></p><p part="receiver">Chromecast Receiver</p></div>`),t6=["statechange"];class t9 extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(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(t6,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(t6,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(d.HIDDEN,"");return}E(this._receiverNameEl,r.receiverName||""),this.removeAttribute(d.HIDDEN)};let e=this.attachShadow({mode:"open"});e.appendChild(t7().content.cloneNode(!0)),this._receiverNameEl=e.querySelector('[part="receiver"]'),this._upgradeProperty("player")}}customElements.define("theoplayer-chromecast-display",t9);let re=i("theoplayer-airplay-button",M('<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 rt extends U(t5,["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),rt.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:re()}),this._upgradeProperty("player")}}customElements.define("theoplayer-airplay-button",rt);let rr=i("theoplayer-loading-indicator",'<style>:host{box-sizing:border-box;display:inline-flex;pointer-events:none!important;vertical-align:middle}[part=icon]{opacity:0;transition:visibility .15s,opacity .15s;visibility:hidden}:host([loading]) [part=icon]{opacity:1;transition:visibility 0s,opacity 0s;transition-delay:.5s;transition-delay:var(--theoplayer-loading-delay,.5s);visibility:visible}[part=icon] ::slotted(img),[part=icon] ::slotted(svg){fill:#fff;fill:var(--theoplayer-loading-icon-color,var(--theoplayer-icon-color,#fff));height:48px;height:var(--theoplayer-loading-icon-height,var(--theoplayer-loading-icon-width,48px));vertical-align:middle;width:48px;width:var(--theoplayer-loading-icon-width,48px)}.theoplayer-loading-progress{direction:ltr;display:inline-flex;font-size:0;height:48px;height:var(--theoplayer-loading-icon-height,var(--theoplayer-loading-icon-width,48px));letter-spacing:0;line-height:0;position:relative;white-space:nowrap;width:48px;width:var(--theoplayer-loading-icon-width,48px)}.theoplayer-loading-progress svg,.theoplayer-loading-spinner{height:100%;position:absolute;width:100%}.theoplayer-loading-progress svg{stroke:#fff;stroke:var(--theoplayer-loading-icon-color,var(--theoplayer-icon-color,#fff))}.theoplayer-loading-gap-patch{box-sizing:border-box;height:100%;left:47.5%;overflow:hidden;position:absolute;top:0;width:5%}.theoplayer-loading-gap-patch svg{left:-900%;transform:rotate(180deg);width:2000%}.theoplayer-loading-circle-clipper{display:inline-flex;height:100%;overflow:hidden;position:relative;width:50%}.theoplayer-loading-circle-clipper svg{width:200%}.theoplayer-loading-circle-right svg{left:-100%}.theoplayer-loading-progress{animation:theoplayer-circular-progress-container-rotate 1568ms linear infinite}.theoplayer-loading-spinner{animation:theoplayer-circular-progress-spinner-layer-rotate 5333ms cubic-bezier(.4,0,.2,1) infinite both}.theoplayer-loading-circle-left svg{animation:theoplayer-circular-progress-left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.theoplayer-loading-circle-right svg{animation:theoplayer-circular-progress-right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}@keyframes theoplayer-circular-progress-container-rotate{to{transform:rotate(1turn)}}@keyframes theoplayer-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(3turn)}}@keyframes theoplayer-circular-progress-left-spin{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes theoplayer-circular-progress-right-spin{0%{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}</style><div part="icon"><slot name="icon"><div aria-hidden="true" class="theoplayer-loading-progress"><div class="theoplayer-loading-spinner"><div class="theoplayer-loading-circle-clipper theoplayer-loading-circle-left"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="18" fill="none" stroke-dasharray="113.097" stroke-dashoffset="56.549" stroke-width="4"/></svg></div><div class="theoplayer-loading-gap-patch"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="18" fill="none" stroke-dasharray="113.097" stroke-dashoffset="56.549" stroke-width="3.2"/></svg></div><div class="theoplayer-loading-circle-clipper theoplayer-loading-circle-right"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="18" fill="none" stroke-dasharray="113.097" stroke-dashoffset="56.549" stroke-width="4"/></svg></div></div></div></slot></div>'),ra=["readystatechange","play","pause","playing","seeking","seeked"];class ri extends U(HTMLElement,["player"]){static get observedAttributes(){return[d.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(ra,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(ra,this._updateFromPlayer))}attributeChangedCallback(e,t,r){ri.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);w(this,d.LOADING,e)},this.attachShadow({mode:"open"}).appendChild(rr().content.cloneNode(!0)),this._upgradeProperty("player")}}customElements.define("theoplayer-loading-indicator",ri);let ro=i("theoplayer-gesture-receiver","<style>:host{box-sizing:border-box;display:inline-block;pointer-events:none!important}</style>");class rn extends U(HTMLElement,["player","deviceType"]){_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("desktop"===this.deviceType&&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)},this.attachShadow({mode:"open"}).appendChild(ro().content.cloneNode(!0)),this._upgradeProperty("player")}}customElements.define("theoplayer-gesture-receiver",rn);let rs=i("theoplayer-live-button",M(`<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>
|
|
31
|
-
</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)}")),rl=["play","pause","playing","emptied"],rh=["seeking","seeked","timeupdate","durationchange","emptied"];class rd extends U(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){w(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){w(this,d.LIVE,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(rl,this._updatePaused),this._player.removeEventListener(rh,this._updateLive)),this._player=e,this._updatePaused(),this._updateLive(),void 0!==this._player&&(this._player.addEventListener(rl,this._updatePaused),this._player.addEventListener(rh,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===d.LIVE_THRESHOLD&&this._updateLive(),rd.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")}}customElements.define("theoplayer-live-button",rd);let rp=i("theoplayer-ad-display",`<style>${Z}
|
|
32
|
-
:host{padding:5px 10px;padding:calc(var(--theoplayer-control-padding, 10px) - var(--theoplayer-ad-display-padding, 5px)) var(--theoplayer-control-padding,10px);pointer-events:none}span{background:#ffc50f;background:var(--theoplayer-ad-display-background,#ffc50f);border-radius:2px;border-radius:var(--theoplayer-ad-display-border-radius,2px);color:#000;color:var(--theoplayer-ad-display-text-color,#000);display:inline-block;padding:5px;padding:var(--theoplayer-ad-display-padding,5px)}</style><span></span>`),ru=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class rc extends U(HTMLElement,["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(ru,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(ru,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(tF);if(void 0===a||!a.playing||0===i.length){E(this._spanEl,""),this.style.display="none";return}if(i.length>1){let e=b(this._player.ads.currentAds||[],tF);if(e){let t=i.indexOf(e);if(t>=0){E(this._spanEl,`Ad ${t+1} of ${i.length}`),this.style.display="";return}}}E(this._spanEl,"Ad"),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(rp().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-display",rc);let ry=i("theoplayer-ad-countdown",`<style>${Z}
|
|
33
|
-
:host{pointer-events:none}</style><span></span>`),rg=["adbreakbegin","adbreakend","adbreakchange","updateadbreak"];class rm extends U(HTMLElement,["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(rg,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(a=this._ads)||a.addEventListener(rg,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){E(this._spanEl,""),this.style.display="none";return}a=Math.ceil(a),E(this._spanEl,`Content will resume in ${a}s`),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(ry().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-countdown",rm);let rv=i("theoplayer-ad-clickthrough-button",N("<slot>Visit Advertiser</slot>")),rb=["adbegin","adend","adloaded","updatead","adskip"];class r_ extends U(q,["player"]){static get observedAttributes(){return[...q.observedAttributes,d.CLICKTHROUGH]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),null==this.clickThrough&&(this.disabled=!0,this.style.display="none")}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,r;this._player!==e&&(null==(t=this._ads)||t.removeEventListener(rb,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(rb,this._updateFromPlayer))}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),e===d.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"}r_.observedAttributes.indexOf(e)>=0&&a(this)}handleClick(){var e;null==(e=this._player)||e.pause()}constructor(){super({template:rv()}),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=b(null!=(t=r.currentAds)?t:[],tF);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._upgradeProperty("clickThrough"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-clickthrough-button",r_);let rf=i("theoplayer-ad-skip-button",M(`<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>
|
|
34
|
-
</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))}")),rk=["adbegin","adend","adloaded","updatead","adskip"];class rE extends U(O,["player"]){static get observedAttributes(){return[...O.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(rk,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(a=this._ads)||a.addEventListener(rk,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),rE.observedAttributes.indexOf(e)>=0&&a(this)}constructor(){super({template:rf()}),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=b(null!=(t=r.currentAds)?t:[],tF);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 o=this._player.currentTime;if(o<i){let e=Math.ceil(i-o);E(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")}}customElements.define("theoplayer-ad-skip-button",rE);var rw=((h={}).TopControlBar="top-control-bar",h.BottomControlBar="bottom-control-bar",h.Menu="menu",h);let rx=[];function rT(e){rx.push(e)}let rA=(()=>{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 rL(){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 rS="theoplayerstreamtypechange",rP="theoplayeruseridlechange",rR="theoplayerready",rM="theoplayer-ui-global-styles",rI=!1,rO=i("theoplayer-ui",'<style>:host{background:#000;background:var(--theoplayer-background,#000);box-sizing:border-box;container-name:theoplayer-ui-container;container-type:size;display:inline-block;height:0;height:var(--theoplayer-height,calc((var(--theoplayer-aspect-ratio, 16 / 9))*0));min-width:300px;min-width:var(--theoplayer-min-width,300px);padding-bottom:56.25%;padding-bottom:calc(100%/(var(--theoplayer-aspect-ratio, 16 / 9)));position:relative}:host([hidden]){display:none!important}:host([fullscreen]){height:100%!important;padding:0!important;width:100%!important}:host(:-webkit-full-screen){height:100%!important;padding:0!important;width:100%!important}:host(:fullscreen){height:100%!important;padding:0!important;width:100%!important}:host([fullwindow]){bottom:0!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}:host([fluid]){--theoplayer-aspect-ratio:var(--theoplayer-video-width,16) /var(--theoplayer-video-height,9)}[part~=chrome]{position:relative}[part~=layer]{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}[part~=chrome],[part~=layer]:not([part~=media-layer]){display:flex}[part~=chrome],[part~=gesture-layer],[part~=vertical-layer]{pointer-events:none}[part~=chrome] ::slotted(*){pointer-events:auto}[part~=media-layer] video{border-radius:0;border-radius:var(--theoplayer-video-border-radius,0);-o-object-fit:contain;object-fit:contain;-o-object-fit:var(--theoplayer-video-object-fit,contain);object-fit:var(--theoplayer-video-object-fit,contain)}[part~=media-layer] .theoplayer-ad-linear{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}[part~=media-layer] .theo-ad-remaining-container,[part~=media-layer] .theoplayer-ad-skip,[part~=media-layer] .theoplayer-ad-touch-clickthrough{display:none!important}[part~=chrome],[part~=vertical-layer]{align-items:stretch;flex-flow:column nowrap}[part~=centered]{align-items:center;justify-content:center}[part~=middle]{flex-grow:1}[part~=vertical-layer]:before{background:transparent;background:var(--theoplayer-control-backdrop-background,transparent);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:host(:not([mobile]):not([tv])) [part~=menu-layer]{bottom:0;bottom:var(--theoplayer-menu-offset-bottom,0);padding:10px;padding:var(--theoplayer-menu-layer-padding,10px);top:0;top:var(--theoplayer-menu-offset-top,0)}[part=menu]{background:rgba(0,0,0,.5);background:var(--theoplayer-menu-backdrop-background,rgba(0,0,0,.5));display:flex;justify-self:stretch}[part=menu] ::slotted(*){align-self:stretch;flex-grow:1;justify-self:stretch}:host(:not([mobile])) [part=menu]{margin:auto 0 0 auto;margin:var(--theoplayer-menu-margin-top,auto) var(--theoplayer-menu-margin-right,0) var(--theoplayer-menu-margin-bottom,0) var(--theoplayer-menu-margin-left,auto);max-height:100%;min-width:200px;min-width:var(--theoplayer-menu-min-width,200px)}:host([mobile]) [part=menu]{align-self:stretch;flex-grow:1;margin:0;min-width:auto;pointer-events:none}:host([tv]) [part~=menu-layer]{left:auto}:host([tv]) [part=menu]{align-self:stretch;flex-grow:1;margin:0;min-width:auto;pointer-events:none}:host(:not([menu-opened])) [part~=menu-layer],:host([menu-opened][mobile]) [part~=vertical-layer],:host([menu-opened][tv]) [part~=vertical-layer]{display:none!important}@container theoplayer-ui-container (max-width: 500px) or (max-height: 300px){:host(:not([mobile]):not([tv])) [part~=menu-layer]{bottom:0;left:0;padding:0;right:0;top:0}:host(:not([mobile])) [part=menu]{align-self:stretch;flex-grow:1;margin:0;min-width:auto;pointer-events:none}:host([menu-opened]) [part~=vertical-layer]{display:none!important}}[part~=error-layer]{align-items:center;background:rgba(0,0,0,.5);background:var(--theoplayer-error-background,rgba(0,0,0,.5));justify-content:center}:host(:not([has-error])) [part~=error-layer],:host([has-error]) [part~=layer]:not([part~=media-layer]):not([part~=error-layer]){display:none!important}[part~=chrome] ::slotted(theoplayer-control-bar){align-self:stretch}theoplayer-gesture-receiver{flex-grow:1}:host(:not([mobile])) [part~=chrome] ::slotted([mobile-only]),:host([mobile]) [part~=chrome] ::slotted([mobile-hidden]){display:none!important}:host(:not([tv])) [part~=chrome] ::slotted([tv-only]),:host([tv]) [part~=chrome] ::slotted([tv-hidden]){display:none!important}:host(:not([stream-type=vod])) [part~=chrome] ::slotted([live-hidden]),:host([stream-type=vod]) [part~=chrome] ::slotted([live-only]){display:none!important}:host(:not([playing-ad])) [part~=chrome] ::slotted([ad-only]),:host([playing-ad]) [part~=chrome] ::slotted([ad-hidden]){display:none!important}:host([user-idle]){cursor:none}:host([user-idle]) [part~=chrome] ::slotted(:not([no-auto-hide])){opacity:0;transition:opacity 1s}:host([user-idle]) [part~=vertical-layer]:before{opacity:0;transition:opacity 1s}</style><div part="layer media-layer"></div><div part="layer gesture-layer"><theoplayer-gesture-receiver></theoplayer-gesture-receiver></div><div part="layer vertical-layer"><div part="top chrome"><slot name="top-chrome"></slot></div><div part="middle chrome"><slot name="middle-chrome"></slot></div><div part="layer centered-layer centered loading"><slot name="centered-loading"></slot></div><div part="layer centered-layer centered chrome"><slot name="centered-chrome"></slot></div><div part="bottom chrome"><slot></slot></div></div><div part="layer menu-layer"><theoplayer-menu-group part="menu"><slot name="menu"></slot></theoplayer-menu-group></div><div part="layer error-layer"><slot name="error"></slot></div>'),rN="theoplayer-ui-full-window";class rD extends HTMLElement{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){w(this,d.FLUID,e)}get muted(){return this.hasAttribute(d.MUTED)}set muted(e){w(this,d.MUTED,e)}get autoplay(){return this.hasAttribute(d.AUTOPLAY)}set autoplay(e){w(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 userIdle(){return this.hasAttribute(d.USER_IDLE)}set userIdle(e){this.userIdle!==e&&(w(this,d.USER_IDLE,e),this.dispatchEvent(eh(rP)))}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 e;if(r(this),!function(){if(rI)return;if(document.getElementById(rM)){rI=!0;return}let e=document.createElement("style");e.id=rM,E(e,"html.theoplayer-ui-full-window{overflow:hidden!important}html.theoplayer-ui-full-window>body{height:100%!important;margin:0!important;padding:0!important;width:100%!important}"),document.head.appendChild(e),rI=!0}(),this._menuGroup instanceof eA||customElements.upgrade(this._menuGroup),!this.hasAttribute(d.DEVICE_TYPE)){let e=rC()?"mobile":rL()?"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==(e=this._resizeObserver)||e.observe(this),this._updateTextTrackMargins(),this._menuGroup.addEventListener(eb,this._onCloseMenu),this._menuGroup.addEventListener(e_,this._onMenuChange),void 0!==rA&&(document.addEventListener(rA.fullscreenchange_,this._onFullscreenChange),document.addEventListener(rA.fullscreenerror_,this._onFullscreenChange),this._onFullscreenChange()),this.setUserIdle_(),"tv"===this.deviceType&&window.addEventListener("keydown",this._onTvKeyDown),this.hasAttribute(d.FULLWINDOW)&&window.addEventListener("keydown",this._exitFullscreenOnEsc),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 e(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(eh(rR)))}disconnectedCallback(){var e;null==(e=this._resizeObserver)||e.disconnect(),this._mutationObserver.disconnect(),this.shadowRoot.removeEventListener("slotchange",this._onSlotChange),this._menuGroup.removeEventListener(eb,this._onCloseMenu),this._menuGroup.removeEventListener(e_,this._onMenuChange),void 0!==rA&&(document.removeEventListener(rA.fullscreenchange_,this._onFullscreenChange),document.removeEventListener(rA.fullscreenerror_,this._onFullscreenChange)),window.removeEventListener("keydown",this._onTvKeyDown),window.removeEventListener("keydown",this._exitFullscreenOnEsc),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===d.CONFIGURATION)this._setConfiguration(r?JSON.parse(r):{});else if(e===d.SOURCE)this._setSource(r?JSON.parse(r):void 0);else if(e===d.MUTED)this._player&&(this._player.muted=i);else if(e===d.AUTOPLAY)this._player&&(this._player.autoplay=i);else if(e===d.FULLSCREEN)for(let e of this._stateReceivers)e[B].indexOf("fullscreen")>=0&&(e.fullscreen=i);else if(e===d.DEVICE_TYPE)for(let e of(w(this,d.MOBILE,"mobile"===r),w(this,d.TV,"tv"===r),window.removeEventListener("keydown",this._onTvKeyDown),"tv"===r&&window.addEventListener("keydown",this._onTvKeyDown),this._stateReceivers))e[B].indexOf("deviceType")>=0&&(e.deviceType=r);else if(e===d.STREAM_TYPE){for(let e of this._stateReceivers)e[B].indexOf("streamType")>=0&&(e.streamType=r);let e=eh(rS,{bubbles:!0,composed:!0,detail:{streamType:r}});this.dispatchEvent(e)}else e===d.FLUID?this._updateAspectRatio():e===d.USER_IDLE?this._updateTextTrackMargins():e===d.PAUSED||e===d.CASTING?(this._updateTextTrackMargins(),this.updateUserIdle_()):e===d.DVR_THRESHOLD&&this._updateStreamType();rD.observedAttributes.indexOf(e)>=0&&a(this)}propagateStateToReceiver_(e){let t=e[B];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=eH(this._activeVideoTrack))}t.indexOf("previewTime")>=0&&(e.previewTime=this._previewTime)}propagatePlayerToAllReceivers_(){for(let e of this._stateReceivers)e[B].indexOf("player")>=0&&(e.player=this._player)}removeStateFromReceiver_(e){e[B].indexOf("player")>=0&&(e.player=void 0)}openMenu_(e,t){let r=eu.fromRect(this._topChromeEl.getBoundingClientRect()),i=eu.fromRect(this._bottomChromeEl.getBoundingClientRect()),o=!0,n=!0;if(void 0!==t){let e=eu.fromRect(this.getBoundingClientRect()),r=eu.fromRect(t.getBoundingClientRect());e.width>0&&e.height>0&&(o=r.top>=e.top+e.height/2,n=r.left>=e.left+e.width/2)}this._menuGroup.openMenu(e,t),this._menuOpener=t,a(this,{"--theoplayer-menu-offset-top":`${Math.round(r.height)}px`,"--theoplayer-menu-offset-bottom":`${Math.round(i.height)}px`,"--theoplayer-menu-margin-top":o?"auto":"0","--theoplayer-menu-margin-bottom":o?"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}computeStreamType_(){var e,t,r;let a=this.source,i=null!=(t=null==a?void 0:a.streamType)?t:this.getAttribute(d.STREAM_TYPE),o=null==(e=this._player)?void 0:e.duration;if(void 0===o||isNaN(o))return i||((null==a?void 0:a.dvr)?"dvr":"vod");if(o!==1/0)return"vod";if("live"===i||"dvr"===i)return i;{let e=this.dvrThreshold;if(e<=0)return"dvr";let t=null==(r=this._player)?void 0:r.seekable;if(t&&t.length>0&&t.end(t.length-1)-t.start(0)>=e)return"dvr"}return"live"}isUserIdle_(){return!this._isUserActive&&!this.paused&&!this.casting&&!this._menuGroup.hasCurrentMenu()}setUserActive_(){clearTimeout(this._userIdleTimer),this._isUserActive=!0,this.updateUserIdle_()}updateUserIdle_(){this.userIdle=this.isUserIdle_()}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(["distributionloadstart","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(["distributionloadstart","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._isUserActive=!1,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];y(r)&&H(r,this._playerEl,this.registerStateReceiver_)}for(let e=0;e<r.length;e++){let t=r[e];y(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 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=g(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(d.MENU_OPENED,"")):this.removeAttribute(d.MENU_OPENED),this.updateUserIdle_()},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(),rA&&document[rA.fullscreenEnabled_]&&this[rA.requestFullscreen_]){var t,r;let e=this[rA.requestFullscreen_]({navigationUI:"hide",...null==(r=this._configuration)?void 0:null==(t=r.ui)?void 0:t.fullscreenOptions});e&&e.then&&e.then(c,c)}else this._player&&this._player.presentation.supportsMode("fullscreen")?this._player.presentation.requestMode("fullscreen"):this.hasAttribute(d.FULLWINDOW)||(w(this,d.FULLWINDOW,!0),document.documentElement.classList.add(rN),window.addEventListener("keydown",this._exitFullscreenOnEsc),this._onFullscreenChange())},this._onExitFullscreen=e=>{if(e.stopPropagation(),rA){let e=document[rA.exitFullscreen_]();e&&e.then&&e.then(c,c)}this._player&&"fullscreen"===this._player.presentation.currentMode&&this._player.presentation.requestMode("inline"),this.hasAttribute(d.FULLWINDOW)&&(w(this,d.FULLWINDOW,!1),document.documentElement.classList.remove(rN),window.removeEventListener("keydown",this._exitFullscreenOnEsc),this._onFullscreenChange())},this._onFullscreenChange=()=>{let e=!1;if(void 0!==rA){let t=document[rA.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),this.hasAttribute(d.FULLWINDOW)&&(e=!0),w(this,d.FULLSCREEN,e)},this._exitFullscreenOnEsc=e=>{e.keyCode==L.ESCAPE&&this._onExitFullscreen(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(w(this,d.HAS_ERROR,void 0!==t),this._stateReceivers))e[B].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;w(this,d.PAUSED,e),this._updateEnded()},this._updateEnded=()=>{let e=!!this._player&&this._player.ended;w(this,d.ENDED,e)},this._updateStreamType=()=>{void 0!==this._player&&(this.streamType=this.computeStreamType_())},this._updatePlaybackRate=()=>{if(void 0===this._player)return;let e=this._player.playbackRate;for(let t of this._stateReceivers)t[B].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,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[B].indexOf("activeVideoQuality")>=0&&(e.activeVideoQuality=t)},this._updateTargetVideoQualities=()=>{let e=eH(this._activeVideoTrack);for(let t of this._stateReceivers)t[B].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;w(this,d.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;w(this,d.PLAYING_AD,a)},this._onSourceChange=()=>{this.closeMenu_();let e=void 0!==this._player&&!this._player.paused;w(this,d.HAS_FIRST_PLAY,e)},this.setUserIdle_=()=>{if(clearTimeout(this._userIdleTimer),this._userIdleTimer=0,!(this.userIdleTimeout<0)&&(this._isUserActive=!1,this.updateUserIdle_(),"tv"==this.deviceType&&this.isUserIdle_())){let e=ec();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(!g(t)||"none"===getComputedStyle(t).display)return;if(null!==t.getAttribute(d.TV_FOCUS))return A(t);let r=x(t);for(let t=0;t<r.length;t++){let a=e(r[t]);if(a)return a}}(this),r=A(this),a=ec();if(!a){let e=null!=t?t:r;e.length>0&&(e[0].focus(),a=e[0])}!this.isUserIdle_()&&(e.keyCode===L.ENTER?null!==a&&(e.preventDefault(),a.click()):S(e.keyCode)&&ey(this,r,e.keyCode)&&(e.preventDefault(),e.stopPropagation()))},this._onKeyUp=e=>{P(e.keyCode)||this.scheduleUserIdle_()},this._onPointerUp=e=>{"mouse"===e.pointerType?this.scheduleUserIdle_():"touch"===e.pointerType&&(this.isPlayerOrMedia_(e.target)&&this._isUserActive?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<50&&(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=rq(this._topChromeSlot),r=rq(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[B].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(rO().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(ew,this._onToggleMenu),t.addEventListener(tR,this._onEnterFullscreen),t.addEventListener(tM,this._onExitFullscreen),t.addEventListener(tB,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 rq(e){let t;for(let r of T(e).filter(g))if("0"!==getComputedStyle(r).opacity){let e=eu.fromRect(r.getBoundingClientRect());e.width>0&&e.height>0&&(t=t?t.union(e):e)}return t}rD.READY_EVENT=rR,customElements.define("theoplayer-ui",rD);let rB=i("theoplayer-default-ui",'<style>:host{box-sizing:border-box;container-name:theoplayer-default-ui-container;container-type:inline-size;display:inline-block;min-width:300px;min-width:var(--theoplayer-min-width,300px);position:relative}:host([hidden]){display:none!important}theoplayer-ui{display:block;width:100%}:host(:-webkit-full-screen),:host(:-webkit-full-screen) theoplayer-ui{height:100%!important;width:100%!important}:host(:fullscreen),:host(:fullscreen) theoplayer-ui{height:100%!important;width:100%!important}[part=title]{color:#fff;color:var(--theoplayer-text-color,#fff);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);text-shadow:0 0 4px rgba(0,0,0,.75);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([has-title])) [part=title]{display:none}[part=centered-chrome]{display:flex}[part=centered-chrome] *,[part=centered-chrome] ::slotted(*){--theoplayer-button-icon-width:var(--theoplayer-centered-chrome-button-icon-width,48px);--theoplayer-control-height:var(--theoplayer-centered-chrome-control-height,48px);--theoplayer-play-button-icon-color:var(--theoplayer-center-play-button-icon-color,unset)}[part=middle-chrome]{flex-grow:1;justify-content:flex-end}[part=bottom-chrome],[part=middle-chrome]{display:flex;flex-flow:column nowrap;pointer-events:none;position:relative}[part=bottom-chrome]{align-items:stretch}:host([mobile]) theoplayer-ui{--theoplayer-control-backdrop-background:var(--theoplayer-mobile-control-backdrop-background,rgba(0,0,0,.5))}:host{--theoplayer-control-background-gradient-stops:transparent 0%,rgba(0,0,0,.01) 8.1%,rgba(0,0,0,.037) 15.5%,rgba(0,0,0,.078) 22.5%,rgba(0,0,0,.131) 29%,rgba(0,0,0,.195) 35.3%,rgba(0,0,0,.264) 41.2%,rgba(0,0,0,.337) 47.1%,rgba(0,0,0,.413) 52.9%,rgba(0,0,0,.486) 58.8%,rgba(0,0,0,.555) 64.7%,rgba(0,0,0,.619) 71%,rgba(0,0,0,.672) 77.5%,rgba(0,0,0,.713) 84.5%,rgba(0,0,0,.74) 91.9%,rgba(0,0,0,.75) 100%}:host(:not([mobile])) [part=bottom-chrome]:before,:host(:not([mobile])) [part=top-chrome]:before{bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}:host(:not([mobile])) [part=top-chrome]:before{background:linear-gradient(to top,var(--theoplayer-control-background-gradient-stops))}:host(:not([mobile])) [part=bottom-chrome]:before{background:linear-gradient(to bottom,var(--theoplayer-control-background-gradient-stops))}.theoplayer-spacer{flex-grow:1}theoplayer-time-range{--theoplayer-control-height:var(--theoplayer-time-range-control-height,12px);--theoplayer-range-track-pointer-background:var(--theoplayer-time-range-track-pointer-background,hsla(0,0%,100%,.5))}[part=ad-chrome]{--theoplayer-control-height:var(--theoplayer-ad-chrome-control-height,12px);align-items:flex-end;pointer-events:none}theoplayer-ad-display,theoplayer-ad-skip-button{flex-shrink:0}theoplayer-ad-countdown,theoplayer-ad-skip-button[disabled]{text-shadow:0 0 4px rgba(0,0,0,.75)}theoplayer-ad-countdown{min-width:0}theoplayer-ad-skip-button{--theoplayer-ad-skip-font-size:calc(var(--theoplayer-text-font-size, 14px)*1.25);--theoplayer-ad-skip-line-height:calc(var(--theoplayer-text-content-height, var(--theoplayer-control-height, 24px))*1.25);--theoplayer-ad-skip-icon-width:24px;--theoplayer-ad-skip-icon-height:24px;align-items:end;border-right:0!important;justify-items:end}:host(:not([mobile])) [mobile-only],:host(:not([mobile])) theoplayer-control-bar ::slotted([mobile-only]),:host([mobile]) [mobile-hidden],:host([mobile]) theoplayer-control-bar ::slotted([mobile-hidden]){display:none!important}:host(:not([tv])) [tv-only],:host(:not([tv])) theoplayer-control-bar ::slotted([tv-only]),:host([tv]) [tv-hidden],:host([tv]) theoplayer-control-bar ::slotted([tv-hidden]){display:none!important}:host(:not([stream-type=vod])) [live-hidden],:host(:not([stream-type=vod])) theoplayer-control-bar ::slotted([live-hidden]),:host([stream-type=vod]) [live-only],:host([stream-type=vod]) theoplayer-control-bar ::slotted([live-only]){display:none!important}theoplayer-ui:not([playing-ad]) [ad-only],theoplayer-ui:not([playing-ad]) theoplayer-control-bar ::slotted([ad-only]),theoplayer-ui[playing-ad] [ad-hidden],theoplayer-ui[playing-ad] theoplayer-control-bar ::slotted([ad-hidden]){display:none!important}theoplayer-ui:not([has-first-play]) theoplayer-control-bar{display:none!important}theoplayer-ui:not([has-first-play]),theoplayer-ui:not([has-first-play]) ::slotted(*){--theoplayer-before-first-play-display:none}:host(:not([mobile])) theoplayer-ui[has-first-play] [part~=center-play-button]{display:none!important}@container theoplayer-default-ui-container (max-width: 200px){:host(:not([mobile])) theoplayer-control-bar{display:none!important}:host(:not([mobile])) theoplayer-ui[has-first-play] [part~=center-play-button]{display:inline-flex!important}}theoplayer-ui:not([mobile]):not([casting]) theoplayer-ad-clickthrough-button{display:none!important}theoplayer-volume-range{--theoplayer-range-padding-left:0}theoplayer-mute-button+theoplayer-volume-range{--theoplayer-range-padding-right:0;--theoplayer-range-track-width:var(--theoplayer-volume-range-track-width,70px);overflow:hidden;transition:width .2s ease-in;width:0}theoplayer-mute-button+theoplayer-volume-range:focus,theoplayer-mute-button+theoplayer-volume-range:hover,theoplayer-mute-button:focus+theoplayer-volume-range,theoplayer-mute-button:hover+theoplayer-volume-range{width:70px}theoplayer-mute-button+theoplayer-volume-range:focus-within,theoplayer-mute-button:focus-within+theoplayer-volume-range{width:70px}theoplayer-live-button+theoplayer-time-display:not([stream-type=vod]){padding-left:0}theoplayer-live-button[live]+theoplayer-time-display{display:none!important}theoplayer-ui[playing-ad] .theoplayer-ad-control{--theoplayer-control-height:var(--theoplayer-ad-control-height,16px)}</style><theoplayer-ui><theoplayer-control-bar slot="top-chrome" part="top-chrome"><div part="title" ad-hidden><slot name="title"></slot></div><span class="theoplayer-spacer"></span><theoplayer-language-menu-button menu="language-menu" mobile-only ad-hidden></theoplayer-language-menu-button><theoplayer-airplay-button mobile-only ad-hidden></theoplayer-airplay-button><theoplayer-chromecast-button mobile-only ad-hidden></theoplayer-chromecast-button><slot name="top-control-bar"></slot><theoplayer-settings-menu-button menu="settings-menu" mobile-only ad-hidden></theoplayer-settings-menu-button><theoplayer-ad-clickthrough-button ad-only></theoplayer-ad-clickthrough-button></theoplayer-control-bar><theoplayer-loading-indicator slot="centered-loading" no-auto-hide></theoplayer-loading-indicator><div slot="centered-chrome" part="centered-chrome"><slot name="centered-chrome"><theoplayer-seek-button part="seek-back-button seek-button center-button" seek-offset="-10" mobile-only ad-hidden></theoplayer-seek-button><theoplayer-play-button part="center-play-button play-button center-button"></theoplayer-play-button><theoplayer-seek-button part="seek-forward-button seek-button center-button" seek-offset="10" mobile-only ad-hidden></theoplayer-seek-button></slot></div><div slot="middle-chrome" part="middle-chrome"><theoplayer-chromecast-display></theoplayer-chromecast-display></div><div part="bottom-chrome"><theoplayer-control-bar part="ad-chrome" ad-only><theoplayer-ad-display></theoplayer-ad-display><theoplayer-ad-countdown></theoplayer-ad-countdown><span class="theoplayer-spacer"></span><theoplayer-ad-skip-button></theoplayer-ad-skip-button></theoplayer-control-bar><theoplayer-control-bar><theoplayer-play-button part="play-button" mobile-hidden ad-only class="theoplayer-ad-control"></theoplayer-play-button><theoplayer-mute-button part="mute-button" ad-only class="theoplayer-ad-control"></theoplayer-mute-button><theoplayer-time-range part="time-range" show-ad-markers tv-focus class="theoplayer-ad-control"></theoplayer-time-range><theoplayer-chromecast-button tv-hidden ad-only class="theoplayer-ad-control"></theoplayer-chromecast-button><theoplayer-fullscreen-button ad-only class="theoplayer-ad-control"></theoplayer-fullscreen-button></theoplayer-control-bar><theoplayer-control-bar ad-hidden><theoplayer-play-button part="play-button" mobile-hidden></theoplayer-play-button><theoplayer-mute-button part="mute-button" tv-hidden></theoplayer-mute-button><theoplayer-volume-range part="volume-range" mobile-hidden tv-hidden></theoplayer-volume-range><theoplayer-live-button part="live-button" live-only ad-hidden></theoplayer-live-button><theoplayer-time-display show-duration remaining-when-live></theoplayer-time-display><span class="theoplayer-spacer" style="pointer-events: auto"></span><theoplayer-language-menu-button menu="language-menu" mobile-hidden ad-hidden></theoplayer-language-menu-button><theoplayer-airplay-button tv-hidden mobile-hidden ad-hidden></theoplayer-airplay-button><theoplayer-chromecast-button tv-hidden mobile-hidden ad-hidden></theoplayer-chromecast-button><slot name="bottom-control-bar"></slot><theoplayer-settings-menu-button menu="settings-menu" mobile-hidden ad-hidden></theoplayer-settings-menu-button><theoplayer-fullscreen-button part="fullscreen-button" tv-hidden></theoplayer-fullscreen-button></theoplayer-control-bar></div><theoplayer-language-menu id="language-menu" slot="menu" hidden></theoplayer-language-menu><theoplayer-settings-menu id="settings-menu" slot="menu" hidden></theoplayer-settings-menu><slot name="error" slot="error"><theoplayer-error-display></theoplayer-error-display></slot><slot name="menu" slot="menu"></slot></theoplayer-ui>');class rF extends HTMLElement{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(rB().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 userIdle(){return this._ui.userIdle}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(d.DEVICE_TYPE)){let e=rC()?"mobile":rL()?"tv":"desktop";this.setAttribute(d.DEVICE_TYPE,e)}this._appliedExtensions||(this._appliedExtensions=!0,function(e){for(let t of rx)t(e)}(this),a(this)),this._onTitleSlotChange()}disconnectedCallback(){clearTimeout(this._timeRangeInertTimeout)}attributeChangedCallback(e,t,r){if(r===t)return;let i=null!=r;e===d.SOURCE?this._ui.source=r?JSON.parse(r):void 0:e===d.CONFIGURATION?this.setConfiguration_(r?JSON.parse(r):{}):e===d.MUTED?this.muted=i:e===d.AUTOPLAY?this.autoplay=i:e===d.FLUID?this.fluid=i:e===d.DEVICE_TYPE?(w(this,d.MOBILE,"mobile"===r),w(this,d.TV,"tv"===r),this._ui.setAttribute(d.DEVICE_TYPE,r)):e===d.STREAM_TYPE?this.streamType=r:e===d.USER_IDLE_TIMEOUT?this.userIdleTimeout=Number(r):e===d.DVR_THRESHOLD&&(this.dvrThreshold=Number(r)),rF.observedAttributes.indexOf(e)>=0&&a(this)}constructor(e={}){var t,r,a;super(),this._timeRangeInertTimeout=0,this._appliedExtensions=!1,this._updateStreamType=()=>{this.setAttribute(d.STREAM_TYPE,this.streamType),this._timeRange&&w(this._timeRange,d.HIDDEN,"live"===this.streamType)},this._dispatchReadyEvent=()=>{this.dispatchEvent(eh(rR))},this._updateUserIdle=()=>{this._timeRange&&(clearTimeout(this._timeRangeInertTimeout),this.userIdle?this._timeRange.inert=!0:this._timeRangeInertTimeout=setTimeout(()=>{this._timeRange.inert=!1},50)),this.dispatchEvent(eh(rP))},this._onTitleSlotChange=()=>{this._titleSlot&&w(this,d.HAS_TITLE,this._titleSlot.assignedNodes().length>0)},this._shadowRoot=this.initShadowRoot(),this._ui=this._shadowRoot.querySelector("theoplayer-ui"),this._ui.addEventListener(rR,this._dispatchReadyEvent),this._ui.addEventListener(rP,this._updateUserIdle),this._ui.addEventListener(rS,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")}}rF.READY_EVENT=rR,customElements.define("theoplayer-default-ui",rF);let rU=i("theolive-bad-network-button",M(`<span part="icon">${tL}<span part="warning-icon"><svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48">
|
|
35
|
-
<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"/>
|
|
36
|
-
</svg></span></span>`,"[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 rH extends U(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:rU()}),this.handleEnterBadNetworkMode_=()=>{this._warningIcon&&(this._warningIcon.style.display="block")},this.handleExitBadNetworkMode_=()=>{this._warningIcon&&(this._warningIcon.style.display="none")}}}customElements.define("theolive-bad-network-button",rH);class rV extends U(ep,["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===d.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 rz=i("theolive-automatic-quality-selector",M("<slot></slot>"));customElements.define("theolive-automatic-quality-selector",class extends rV{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:rz()}),E(this._slotEl,"High Quality")}});let rG=i("theolive-bad-network-quality-selector",M("<slot></slot>"));customElements.define("theolive-bad-network-quality-selector",class extends rV{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:rG()}),E(this._slotEl,"Low Quality")}});let rQ=i("theolive-bad-network-menu",`<style>${eN}</style>
|
|
37
|
-
<theoplayer-radio-group>
|
|
38
|
-
<theolive-automatic-quality-selector></theolive-automatic-quality-selector>
|
|
39
|
-
<theolive-bad-network-quality-selector></theolive-bad-network-quality-selector>
|
|
40
|
-
</theoplayer-radio-group>
|
|
41
|
-
`);class r$ extends HTMLElement{_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){r(this),this._radioGroup instanceof em||customElements.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(rQ().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group")}}customElements.define("theolive-bad-network-menu",r$);let rK=i("theolive-default-ui",'<style>:host{box-sizing:border-box;display:inline-block;font-family:Helvetica,Arial,sans-serif;position:relative;width:100%}:host([hidden]){display:none!important}theoplayer-ui{--theoplayer-loading-delay:0.1s;display:block;font-family:Helvetica,Arial,sans-serif;width:100%}:host(:-webkit-full-screen),:host(:-webkit-full-screen) theoplayer-ui{height:100%!important;width:100%!important}:host(:fullscreen),:host(:fullscreen) theoplayer-ui{height:100%!important;width:100%!important}theoplayer-menu::part(heading){display:none!important}[part=centered-chrome]{display:flex}[part=centered-chrome] *{--theoplayer-control-height:48px}[part=middle-chrome]{flex-grow:1;justify-content:flex-end;pointer-events:none}[part=bottom-chrome],[part=middle-chrome]{display:flex;flex-flow:column nowrap;position:relative}[part=bottom-chrome]{align-items:stretch}:host([mobile]) theoplayer-ui{--theoplayer-control-backdrop-background:rgba(0,0,0,.5)}:host{--theoplayer-control-background-gradient-stops:transparent 0%,rgba(0,0,0,.01) 8.1%,rgba(0,0,0,.037) 15.5%,rgba(0,0,0,.078) 22.5%,rgba(0,0,0,.131) 29%,rgba(0,0,0,.195) 35.3%,rgba(0,0,0,.264) 41.2%,rgba(0,0,0,.337) 47.1%,rgba(0,0,0,.413) 52.9%,rgba(0,0,0,.486) 58.8%,rgba(0,0,0,.555) 64.7%,rgba(0,0,0,.619) 71%,rgba(0,0,0,.672) 77.5%,rgba(0,0,0,.713) 84.5%,rgba(0,0,0,.74) 91.9%,rgba(0,0,0,.75) 100%}:host(:not([mobile])) [part=bottom-chrome]:before,:host(:not([mobile])) [part=top-chrome]:before{bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}:host(:not([mobile])) [part=top-chrome]:before{background:linear-gradient(to top,var(--theoplayer-control-background-gradient-stops))}:host(:not([mobile])) [part=bottom-chrome]:before{background:linear-gradient(to bottom,var(--theoplayer-control-background-gradient-stops))}.theoplayer-spacer{flex-grow:1}theoplayer-time-range{--theoplayer-control-height:12px;--theoplayer-range-track-pointer-background:hsla(0,0%,100%,.5)}:host(:not([mobile])) [mobile-only],:host([mobile]) [mobile-hidden]{display:none!important}:host(:not([stream-type=vod])) [live-hidden],:host(:not([stream-type=vod])) theoplayer-control-bar ::slotted([live-hidden]),:host([stream-type=vod]) [live-only],:host([stream-type=vod]) theoplayer-control-bar ::slotted([live-only]){display:none!important}theoplayer-ui:not([has-first-play]) [part=centered-chrome] :not(theoplayer-play-button),theoplayer-ui:not([has-first-play]) theoplayer-control-bar,theoplayer-ui:not([playing-ad]) [ad-only],theoplayer-ui[playing-ad] [ad-hidden]{display:none!important}:host(:not([mobile])) theoplayer-ui[has-first-play] [part=centered-chrome] theoplayer-play-button{display:none!important}theoplayer-volume-range{--theoplayer-range-padding-left:0}theoplayer-mute-button+theoplayer-volume-range{--theoplayer-range-padding-right:0;--theoplayer-range-track-width:70px;overflow:hidden;transition:width .2s ease-in;width:0}theoplayer-mute-button+theoplayer-volume-range:focus,theoplayer-mute-button+theoplayer-volume-range:hover,theoplayer-mute-button:focus+theoplayer-volume-range,theoplayer-mute-button:hover+theoplayer-volume-range{width:70px}theoplayer-mute-button+theoplayer-volume-range:focus-within,theoplayer-mute-button:focus-within+theoplayer-volume-range{width:70px}theoplayer-live-button+theoplayer-time-display{padding-left:0}theoplayer-live-button[live]+theoplayer-time-display{display:none!important}p{color:#fff;color:var(--theoplayer-text-color,#fff);font-size:20px;font-size:var(--theoplayer-text-font-size,20px)}#announcement,#loading-announcement,#offline-announcement{display:none}theolive-bad-network-button{display:none;display:var(--theolive-bad-network-button-display,none)}theoplayer-settings-menu-button{display:inline-flex;display:var(--theolive-quality-button-display,inline-flex)}</style><theoplayer-ui><p id="loading-announcement" no-auto-hide slot="centered-chrome"><slot name="loading-announcement">Loading...</slot></p><p id="offline-announcement" no-auto-hide slot="centered-chrome"><slot name="offline-announcement">The live stream hasn\'t started yet</slot></p><p id="announcement" no-auto-hide slot="centered-chrome"></p><theoplayer-loading-indicator slot="centered-loading" no-auto-hide part="loading-indicator"></theoplayer-loading-indicator><div slot="centered-chrome" part="centered-chrome"><theoplayer-play-button part="center-play-button play-button center-button"></theoplayer-play-button></div><div part="bottom-chrome"><theoplayer-control-bar><theoplayer-play-button mobile-hidden part="play-button"></theoplayer-play-button><theoplayer-mute-button part="mute-button"></theoplayer-mute-button><theoplayer-volume-range mobile-hidden part="volume-range"></theoplayer-volume-range><theoplayer-live-button ad-hidden live-only part="live-button"></theoplayer-live-button><span class="theoplayer-spacer"></span><theoplayer-settings-menu-button ad-hidden menu="all-quality-menu" part="quality-button"></theoplayer-settings-menu-button><theolive-bad-network-button ad-hidden menu="quality-menu" part="theolive-bad-network-button"></theolive-bad-network-button><theoplayer-fullscreen-button part="fullscreen-button"></theoplayer-fullscreen-button></theoplayer-control-bar></div><theoplayer-menu id="quality-menu" slot="menu" menu-close-on-input hidden><theolive-bad-network-menu></theolive-bad-network-menu></theoplayer-menu><theoplayer-menu id="all-quality-menu" slot="menu" menu-close-on-input hidden><theoplayer-quality-radio-group></theoplayer-quality-radio-group></theoplayer-menu><theoplayer-error-display slot="error" part="error-display"></theoplayer-error-display></theoplayer-ui>');class rY extends rF{initShadowRoot(){let e=this.attachShadow({mode:"open",delegatesFocus:!0});return e.appendChild(rK().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(rR,this.onReady);let e=this.player;if(e){var t,r,a;null==(t=e.theoLive)||t.addEventListener(["distributionloadstart","publicationloadstart"],this.onLoadChannelStart),null==(r=e.theoLive)||r.addEventListener(["distributionoffline","publicationoffline"],this.onChannelOffline),null==(a=e.theoLive)||a.addEventListener(["endpointloaded","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(rR,this.onReady)}}customElements.define("theolive-default-ui",rY);let rW="1.16.0";export{tm as ActiveQualityDisplay,r_ as AdClickThroughButton,rm as AdCountdown,rc as AdDisplay,rE as AdSkipButton,rt as AirPlayButton,d as Attribute,O as Button,t5 as CastButton,t4 as ChromecastButton,t9 as ChromecastDisplay,eR as CloseMenuButton,tN as ColorStops,n as ControlBar,rF as DefaultUI,es as DurationDisplay,t1 as ErrorDisplay,rw as ExtensionSlot,tO as FullscreenButton,rn as GestureReceiver,to as LanguageMenu,tl as LanguageMenuButton,q as LinkButton,rd as LiveButton,ri as LoadingIndicator,eO as MediaTrackRadioButton,eE as Menu,eS as MenuButton,eA as MenuGroup,K as MuteButton,G as PlayButton,tg as PlaybackRateDisplay,ty as PlaybackRateMenu,tu as PlaybackRateMenuButton,td as PlaybackRateRadioGroup,tV as PreviewThumbnail,t$ as PreviewTimeDisplay,tf as QualityRadioButton,tw as QualityRadioGroup,ep as RadioButton,em as RadioGroup,tq as Range,W as SeekButton,tC as SettingsMenu,tP as SettingsMenuButton,u as SlotContainer,U as StateReceiverMixin,rY as THEOliveDefaultUI,eQ as TextTrackOffRadioButton,eB as TextTrackRadioButton,e8 as TextTrackStyleDisplay,tr as TextTrackStyleMenu,e6 as TextTrackStyleRadioGroup,tT as TextTrackStyleResetButton,ei as TimeDisplay,tj as TimeRange,eY as TrackRadioGroup,rD as UIContainer,tX as VolumeRange,M as buttonTemplate,N as linkButtonTemplate,ex as menuGroupTemplate,ef as menuTemplate,tD as rangeTemplate,rT as registerExtension,rW as version};
|
|
1
|
+
let e,t,r,a,i,o,n,s,l,h,d,p,u,c,y,_,v,m,g,b,f,k,w,x,T,E,L,C,A,R,S,P,M,O,I,B,D,N,$,F,q,U,V,z,j,H,Q,W,G,K,Z,Y,J,X,ee,et,er,ea,ei;import{css as eo,LitElement as en,html as es,supportsAdoptingStyleSheets as el}from"lit";import{customElement as eh,property as ed,state as ep,query as eu,queryAssignedNodes as ec}from"lit/decorators.js";import{templateContent as ey}from"lit/directives/template-content.js";import{ref as e_,createRef as ev}from"lit/directives/ref.js";import{unsafeSVG as em}from"lit/directives/unsafe-svg.js";import{repeat as eg}from"lit/directives/repeat.js";import{styleMap as eb}from"lit/directives/style-map.js";import{ChromelessPlayer as ef}from"theoplayer/chromeless";function ek(e,t,r,a){function i(e,t){return function(r){(function(e,t){if(e.v)throw Error("attempted to call "+t+" after decoration was finished")})(t,"addInitializer"),n(r,"An initializer"),e.push(r)}}function o(e,t,r,a,o,n,s,l,h){switch(o){case 1:d="accessor";break;case 2:d="method";break;case 3:d="getter";break;case 4:d="setter";break;default:d="field"}var d,p,u,c={kind:d,name:s?"#"+t:t,static:n,private:s,metadata:l},y={v:!1};c.addInitializer=i(a,y),0===o?s?(p=r.get,u=r.set):(p=function(){return this[t]},u=function(e){this[t]=e}):2===o?p=function(){return r.value}:((1===o||3===o)&&(p=function(){return r.get.call(this)}),(1===o||4===o)&&(u=function(e){r.set.call(this,e)})),c.access=p&&u?{get:p,set:u}:p?{get:p}:{set:u};try{return e(h,c)}finally{y.v=!0}}function n(e,t){if("function"!=typeof e)throw TypeError(t+" must be a function")}function s(e,t){var r=typeof t;if(1===e){if("object"!==r||null===t)throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");void 0!==t.get&&n(t.get,"accessor.get"),void 0!==t.set&&n(t.set,"accessor.set"),void 0!==t.init&&n(t.init,"accessor.init")}else if("function"!==r)throw TypeError((0===e?"field":10===e?"class":"method")+" decorators must return a function or void 0")}function l(e,t){t&&e.push(function(e){for(var r=0;r<t.length;r++)t[r].call(e);return e})}function h(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}return(ek=function(e,t,r,a){if(void 0!==a)var n=a[Symbol.metadata||Symbol.for("Symbol.metadata")];var d=Object.create(void 0===n?null:n),p=function(e,t,r){for(var a=[],i=new Map,n=new Map,h=0;h<t.length;h++){var d,p,u,c,y=t[h];if(Array.isArray(y)){var _=y[1],v=y[2],m=y.length>3,g=_>=5;if(g?(u=e,_-=5,c=p=p||[]):(u=e.prototype,c=d=d||[]),0!==_&&!m){var b=g?n:i,f=b.get(v)||0;if(!0===f||3===f&&4!==_||4===f&&3!==_)throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+v);!f&&_>2?b.set(v,_):b.set(v,!0)}!function(e,t,r,a,i,n,l,h,d){var p,u,c,y,_,v,m=r[0];if(l?p=0===i||1===i?{get:r[3],set:r[4]}:3===i?{get:r[3]}:4===i?{set:r[3]}:{value:r[3]}:0!==i&&(p=Object.getOwnPropertyDescriptor(t,a)),1===i?c={get:p.get,set:p.set}:2===i?c=p.value:3===i?c=p.get:4===i&&(c=p.set),"function"==typeof m)void 0!==(y=o(m,a,p,h,i,n,l,d,c))&&(s(i,y),0===i?u=y:1===i?(u=y.init,c={get:_=y.get||c.get,set:y.set||c.set}):c=y);else for(var g=m.length-1;g>=0;g--)void 0!==(y=o(m[g],a,p,h,i,n,l,d,c))&&(s(i,y),0===i?v=y:1===i?(v=y.init,c={get:_=y.get||c.get,set:y.set||c.set}):c=y,void 0!==v&&(void 0===u?u=v:"function"==typeof u?u=[u,v]:u.push(v)));if(0===i||1===i){if(void 0===u)u=function(e,t){return t};else if("function"!=typeof u){var b=u;u=function(e,t){for(var r=t,a=0;a<b.length;a++)r=b[a].call(e,r);return r}}else{var f=u;u=function(e,t){return f.call(e,t)}}e.push(u)}0!==i&&(1===i?(p.get=c.get,p.set=c.set):2===i?p.value=c:3===i?p.get=c:4===i&&(p.set=c),l?1===i?(e.push(function(e,t){return c.get.call(e,t)}),e.push(function(e,t){return c.set.call(e,t)})):2===i?e.push(c):e.push(function(e,t){return c.call(e,t)}):Object.defineProperty(t,a,p))}(a,u,y,v,_,g,m,c,r)}}return l(a,d),l(a,p),a}(e,t,d);return r.length||h(e,d),{e:p,get c(){return function(e,t,r){if(t.length>0){for(var a=[],o=e,n=e.name,l=t.length-1;l>=0;l--){var d={v:!1};try{var p=t[l](o,{kind:"class",name:n,addInitializer:i(a,d),metadata:r})}finally{d.v=!0}void 0!==p&&(s(10,p),o=p)}return[h(o,r),function(){for(var e=0;e<a.length;e++)a[e].call(o)}]}}(e,r,d)}}})(e,t,r,a)}function ew(e){return e}var ex,eT,eE,eL,eC,eA,eR,eS,eP,eM,eO,eI,eB,eD,eN,e$,eF,eq,eU,eV,ez,ej,eH,eQ,eW,eG,eK,eZ,eY,eJ,eX,e0,e1,e5,e2,e3,e4,e8,e7,e6,e9,te,tt,tr,ta,ti,to,tn,ts,tl,th,td,tp,tu,tc,ty,t_,tv,tm,tg,tb,tf,tk,tw,tx,tT,tE,tL,tC,tA,tR,tS,tP,tM,tO,tI,tB,tD,tN,t$,tF,tq,tU,tV,tz,tj,tH,tQ,tW,tG,tK,tZ,tY,tJ,tX,t0,t1,t5,t2,t3,t4,t8,t7,t6,t9,re,rt,rr,ra,ri,ro,rn,rs,rl,rh,rd,rp,ru,rc,ry,r_,rv,rm,rg,rb,rf,rk,rw,rx,rT,rE,rL,rC,rA,rR,rS,rP,rM,rO,rI,rB,rD,rN,r$,rF,rq,rU,rV,rz,rj,rH,rQ,rW,rG,rK,rZ,rY,rJ,rX,r0,r1,r5,r2,r3,r4,r8,r7,r6,r9,ae,at,ar,aa,ai,ao,an,as,al,ah,ad,ap,au,ac,ay,a_,av,am,ag,ab,af,ak,aw,ax,aT,aE,aL,aC,aA,aR,aS,aP,aM,aO,aI,aB,aD,aN,a$,aF,aq,aU,aV,az,aj,aH,aQ,aW,aG,aK,aZ,aY,aJ,aX,a0,a1,a5,a2,a3,a4,a8,a7,a6,a9,ie,it,ir,ia,ii,io,is,il,ih,id,ip,iu,ic,iy,i_,iv,im,ig,ib,ik,iw,ix,iT,iE,iL,iC,iA,iR,iS,iP,iM,iO,iI,iB,iD,iN,i$,iF,iq,iU,iV,iz,ij,iH,iQ,iW,iG,iK,iZ,iY,iJ,iX,i0,i1,i5,i2,i3,i4,i8,i7,i6,i9,oe,ot,or,oa,oi,oo,on,os,ol,oh,od,op,ou,oc,oy,o_,ov,om,og,ob,of,ok,ow,ox,oT,oE,oL,oC,oA,oR,oS,oP,oM,oO,oI,oB,oD,oN,o$,oF,oq,oU,oV,oz,oj,oH,oQ,oW,oG,oK,oZ,oY,oJ,oX,o0,o1,o5,o2,o3,o4,o8,o7,o6,o9,ne,nt,nr,na,ni,no,nn,ns,nl,nh,nd,np,nu,nc,ny,n_,nv,nm,ng,nb,nf,nk,nw,nx,nT,nE,nL,nC,nA,nR,nS,nP,nM,nO,nI,nB,nD,nN,n$,nF,nq,nU,nV,nz,nj,nH,nQ,nW,nG,nK,nZ,nY,nJ,nX,n0,n1,n5,n2,n3,n4,n8,n7,n6,n9,se,st,sr,sa,si,so,sn,ss,sl,sh,sd,sp,su,sc,sy,s_,sv,sm,sg,sb,sf,sk,sw,sx,sT,sE,sL,sC,sA,sR,sS,sP,sM,sO,sI,sB,sD,sN,s$,sF,sq,sU,sV,sz,sj,sH,sQ,sW,sG,sK,sZ,sY,sJ,sX,s0,s1,s5,s2,s3,s4,s8,s7,s6,s9,le,lt,lr,la,li,lo,ln,ls,ll,lh,ld,lp,lu,lc,ly,l_,lv,lm,lg,lb,lf,lk=eo`:host{box-sizing:border-box;display:inline-flex}:host([hidden]){display:none!important}::slotted(theoplayer-time-range){flex-grow:1}`;eC=eh("theoplayer-control-bar"),new(eL=class extends ew{constructor(){super(e),eA()}},(()=>{class t extends(eR=en){render(){return es`<slot></slot>`}}({c:[e,eA]}=ek(t,[],[eC],eR)),t.styles=[lk],t.shadowRootOptions={...en.shadowRootOptions,delegatesFocus:!0}})(),eL);var lw=eo`: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;display:var(--theoplayer-before-first-play-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)))}`,lx=((ex={}).CONFIGURATION="configuration",ex.SOURCE="source",ex.AUTOPLAY="autoplay",ex.MUTED="muted",ex.FULLSCREEN="fullscreen",ex.FULLWINDOW="fullwindow",ex.FLUID="fluid",ex.DEVICE_TYPE="device-type",ex.MOBILE="mobile",ex.TV="tv",ex.TV_FOCUS="tv-focus",ex.MOBILE_ONLY="mobile-only",ex.MOBILE_HIDDEN="mobile-hidden",ex.TV_ONLY="tv-only",ex.TV_HIDDEN="tv-hidden",ex.USER_IDLE="user-idle",ex.USER_IDLE_TIMEOUT="user-idle-timeout",ex.NO_AUTO_HIDE="no-auto-hide",ex.DISABLED="disabled",ex.INERT="inert",ex.HIDDEN="hidden",ex.PAUSED="paused",ex.ENDED="ended",ex.VOLUME_LEVEL="volume-level",ex.CASTING="casting",ex.LOADING="loading",ex.STREAM_TYPE="stream-type",ex.LIVE="live",ex.LIVE_ONLY="live-only",ex.LIVE_HIDDEN="live-hidden",ex.LIVE_THRESHOLD="live-threshold",ex.DVR_THRESHOLD="dvr-threshold",ex.REMAINING="remaining",ex.REMAINING_WHEN_LIVE="remaining-when-live",ex.SHOW_DURATION="show-duration",ex.SEEK_OFFSET="seek-offset",ex.MENU="menu",ex.MENU_OPENED="menu-opened",ex.MENU_CLOSE_ON_INPUT="menu-close-on-input",ex.ARIA_LABEL="aria-label",ex.ARIA_LIVE="aria-live",ex.ARIA_CHECKED="aria-checked",ex.HAS_AUDIO="has-audio",ex.HAS_SUBTITLES="has-subtitles",ex.HAS_ERROR="has-error",ex.HAS_FIRST_PLAY="has-first-play",ex.CAST_STATE="cast-state",ex.TRACK_TYPE="track-type",ex.SHOW_OFF="show-off",ex.PLAYING_AD="playing-ad",ex.SHOW_AD_MARKERS="show-ad-markers",ex.CLICKTHROUGH="clickthrough",ex.PROPERTY="property",ex.VALUE="value",ex),lT=((eT={})[eT.ENTER=13]="ENTER",eT[eT.ESCAPE=27]="ESCAPE",eT[eT.SPACE=32]="SPACE",eT[eT.END=35]="END",eT[eT.HOME=36]="HOME",eT[eT.LEFT=37]="LEFT",eT[eT.UP=38]="UP",eT[eT.RIGHT=39]="RIGHT",eT[eT.DOWN=40]="DOWN",eT[eT.BACK_SAMSUNG=88]="BACK_SAMSUNG",eT[eT.BACK_WEBOS=461]="BACK_WEBOS",eT[eT.BACK_TIZEN=10009]="BACK_TIZEN",eT);function lE(e){return 37<=e&&e<=40}function lL(e){return 10009===e||27===e||88===e||461===e}function lC(e){return 13===e||32===e}function lA(e,t=""){return`<style>${t}</style>${e}`}function lR(e,t){if(!Object.prototype.hasOwnProperty.call(e,t))throw TypeError("attempted to use private field on non-instance");return e}eP=eh("theoplayer-button"),eI=ed({reflect:!0,type:Boolean,attribute:lx.DISABLED}),new(eS=class extends ew{constructor(){super(t),eM()}},(()=>{class e extends(eO=en){connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(lx.ARIA_LIVE)||this.setAttribute(lx.ARIA_LIVE,"polite"),this._disabled||this._enable()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("keyup",this._onKeyUp)}get disabled(){return this._disabled}set disabled(e){this._disabled=e,e?this._disable():this._enable()}_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()}render(){return this._template?es`${ey(this._template)}`:es`<slot></slot>`}handleClick(){}constructor(e){super(),this._disabled=(eB(this),!1),this._onClick=()=>{this.handleClick()},this._onKeyDown=e=>{!lC(e.keyCode)||e.metaKey||e.altKey?this.removeEventListener("keyup",this._onKeyUp):this.addEventListener("keyup",this._onKeyUp)},this._onKeyUp=e=>{this.removeEventListener("keyup",this._onKeyUp),lC(e.keyCode)&&this.handleClick()},this._template=null==e?void 0:e.template,this._template&&this.performUpdate()}}({e:[eB],c:[t,eM]}=ek(e,[[eI,4,"disabled"]],[eP],eO)),e.styles=[lw]})(),eS);var lS=0;function lP(e){return"__private_"+lS+++"_"+e}var lM=eo`: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)}`;function lO(e,t=""){return lA(`<a>${e}</a>`,t)}eN=eh("theoplayer-link-button"),eq=ed({reflect:!0,type:Boolean,attribute:lx.DISABLED}),eU=ep(),eV=ep(),new(eD=class extends ew{constructor(){super(r),e$()}},(()=>{var e=lP("____private_href_1"),t=lP("____private_target_2");class a extends(eF=en){connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(lx.ARIA_LIVE)||this.setAttribute(lx.ARIA_LIVE,"polite"),this.hasAttribute(lx.DISABLED)||this._enable()}get disabled(){return this._disabled}set disabled(e){this._disabled=e,e?this._disable():this._enable()}get href(){return lR(this,e)[e]}set href(t){lR(this,e)[e]=t}get target(){return lR(this,t)[t]}set target(e){lR(this,t)[t]=e}_enable(){this.setAttribute("aria-disabled","false"),this.setAttribute("tabindex","0")}_disable(){this.setAttribute("aria-disabled","true"),this.removeAttribute("tabindex"),this.blur()}render(){return this._template?es`${ey(this._template)}`:es`<a ${e_(this._linkRef)} href="${this.href}" target="${this.target}" @keydown="${this._onKeyDown}" @click="${this._onClick}">${this.renderLinkContent()}</a>`}renderLinkContent(){return es`<slot></slot>`}handleClick(){}constructor(r){super(),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),this._disabled=(eH(this),!1),this._linkRef=ev(),lR(this,e)[e]=ez(this,""),lR(this,t)[t]=ej(this,""),this._onKeyDown=e=>{if(!e.metaKey&&!e.altKey)if(e.keyCode!==lT.SPACE)return;else{var t;e.preventDefault(),null==(t=this._linkRef.value)||t.click()}},this._onClick=()=>{this.disabled||this.handleClick()},this._template=null==r?void 0:r.template,this._template&&this.performUpdate()}}({e:[ez,ej,eH],c:[r,e$]}=ek(a,[[eq,4,"disabled"],[eU,1,"href"],[eV,1,"target"]],[eN],eF)),a.styles=[lM]})(),eD);var lI=eo`:host{--theoplayer-icon-color:var(--theoplayer-play-button-icon-color,unset);display:inline-flex}: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}`,lB=eo`:host{display:contents}::slotted(:not([no-auto-hide])),slot{opacity:inherit}`;function lD(){}function lN(e){return e.nodeType===Node.ELEMENT_NODE}function l$(e){return e instanceof HTMLElement}eW=eh("theoplayer-slot-container"),new(eQ=class extends ew{constructor(){super(a),eG()}},(()=>{class e extends(eK=en){render(){return es`<slot></slot>`}}({c:[a,eG]}=ek(e,[],[eW],eK)),e.styles=[lB]})(),eQ);let lF="function"==typeof Array.isArray?Array.isArray:e=>"[object Array]"===Object.prototype.toString.call(e),lq="function"==typeof Array.from?e=>Array.from(e):e=>Array.prototype.slice.call(e),lU="function"==typeof Array.prototype.find?(e,t)=>e.find(t):(e,t)=>{for(let r=0;r<e.length;r++)if(t(e[r],r,e))return e[r]},lV="function"==typeof Array.prototype.findIndex?(e,t)=>e.findIndex(t):(e,t)=>{for(let r=0;r<e.length;r++)if(t(e[r],r,e))return r;return -1},lz="function"==typeof String.prototype.startsWith?(e,t)=>e.startsWith(t):(e,t)=>e.substring(0,t.length)===t,lj="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 lH(e,t,r){r?e.setAttribute(t,""):e.removeAttribute(t)}function lQ(e){if(e.shadowRoot)return e.shadowRoot.children;if("slot"===e.localName.toLowerCase()){let t=e.assignedNodes();if(t.length>0)return t.filter(lN)}return l$(e)?e.children:[]}function lW(e){let t=[];for(let r of e.assignedNodes({flatten:!0}))lN(r)&&(t.push(r),"theoplayer-slot-container"===r.nodeName.toLowerCase()&&t.push(...lq(r.children)));return t}function lG(e){let t=[];return function e(t,r){if(l$(t)&&"none"!==getComputedStyle(t).display){if(t.hasAttribute("tabindex")&&Number(t.getAttribute("tabindex"))>=0)return void r.push(t);switch(t.tagName.toLowerCase()){case"button":case"input":case"textarea":case"select":case"details":r.push(t);break;case"a":t.href&&r.push(t);break;default:{let a=lQ(t);for(let t=0;t<a.length;t++)e(a[t],r)}}}}(e,t),t}function lK(e){let t=e.nodeName.toLowerCase();if(t.indexOf("-")>=0)if(!customElements.get(t))return customElements.whenDefined(t);else customElements.upgrade(e)}let lZ="theoplayerUiObservedProperties";function lY(e){return lZ in e&&lF(e[lZ])}let lJ=e=>(t,r)=>{Object.defineProperty(t.prototype,lZ,{value:e})};function lX(e,t){var r,a,i;let o;r=lJ(t);class n extends(i=e){}return{c:[o,a]}=ek(n,[],[r],i),a(),o}async function l0(e,t,r){if(t.contains(e))return;e.nodeName.indexOf("-")>=0&&!lY(e)&&(await Promise.resolve(),await customElements.whenDefined(e.nodeName.toLowerCase()),customElements.upgrade(e)),lY(e)&&r(e);let a=lQ(e);a.length>0&&await Promise.all(lq(a).map(e=>l0(e,t,r)))}let l1=["seeking","seeked","ended","emptied","sourcechange"];eY=eh("theoplayer-play-button"),eJ=lJ(["player"]),e1=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.PAUSED}),e5=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.ENDED}),new(eZ=class extends ew{constructor(){super(i),eX()}},(()=>{var e=lP("____private_paused_1"),r=lP("____private_ended_2");class a extends(e0=t){connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get paused(){return lR(this,e)[e]}set paused(t){lR(this,e)[e]=t}get ended(){return lR(this,r)[r]}set ended(e){lR(this,r)[r]=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(l1,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(l1,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),a.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e=this.ended?"replay":this.paused?"play":"pause";this.setAttribute(lx.ARIA_LABEL,e)}render(){return es`<span part="play-icon"><slot name="play-icon">${em('<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>\n')}</slot></span><span part="pause-icon"><slot name="pause-icon">${em('<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>\n')}</slot></span><span part="replay-icon"><slot name="replay-icon">${em('<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>\n')}</slot></span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),lR(this,e)[e]=(e4(this),e2(this,!1)),lR(this,r)[r]=e3(this,!1),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}}}({e:[e2,e3,e4],c:[i,eX]}=ek(a,[[e1,1,"paused"],[e5,1,"ended"]],[eY,eJ],e0)),a.styles=[...t.styles,lI]})(),eZ);var l5=eo`: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}`;let l2=["volumechange"];e7=eh("theoplayer-mute-button"),e6=lJ(["player"]),tt=ed({reflect:!0,state:!0,type:String,attribute:lx.VOLUME_LEVEL}),tr=ed({reflect:!1,attribute:!1}),new(e8=class extends ew{constructor(){super(o),e9()}},(()=>{var e=lP("____private_volumeLevel_1");class r extends(te=t){connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get volumeLevel(){return lR(this,e)[e]}set volumeLevel(t){lR(this,e)[e]=t}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(l2,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(l2,this._updateFromPlayer))}handleClick(){void 0!==this._player&&(this._player.muted=!this._player.muted,this._updateFromPlayer())}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),r.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e="off"===this.volumeLevel?"unmute":"mute";this.setAttribute(lx.ARIA_LABEL,e)}render(){return es`<span part="off-icon"><slot name="off-icon">${em('<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>\n')}</slot></span><span part="low-icon"><slot name="low-icon">${em('<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>\n')}</slot></span><span part="high-icon"><slot name="high-icon">${em('<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>\n')}</slot></span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(ti(this),ta(this,"off")),this._updateFromPlayer=()=>{if(void 0!==this._player){let e=this._player.volume;this._player.muted?this.volumeLevel="off":e<.5?this.volumeLevel="low":this.volumeLevel="high"}else this.volumeLevel="off"}}}({e:[ta,ti],c:[o,e9]}=ek(r,[[tt,1,"volumeLevel"],[tr,4,"player"]],[e7,e6],te)),r.styles=[...t.styles,l5]})(),e8);var l3=eo`: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%)}`;tn=eh("theoplayer-seek-button"),ts=lJ(["player"]),td=ed({reflect:!0,type:Number,attribute:lx.SEEK_OFFSET}),tp=ed({reflect:!1,attribute:!1}),new(to=class extends ew{constructor(){super(n),tl()}},(()=>{var e=lP("____private_seekOffset_1");class r extends(th=t){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get seekOffset(){return lR(this,e)[e]}set seekOffset(t){lR(this,e)[e]=t}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,a){super.attributeChangedCallback(e,t,a),r.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e=this.seekOffset,t=e>=0?`seek forward by ${e} seconds`:`seek backward by ${-e} seconds`;this.setAttribute(lx.ARIA_LABEL,t)}render(){return es`<span part="icon"><slot name="icon">${em('<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>\n')}</slot></span><span part="offset">${String(Math.abs(this.seekOffset))}</span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(tc(this),tu(this,10))}}({e:[tu,tc],c:[n,tl]}=ek(r,[[td,1,"seekOffset"],[tp,4,"player"]],[tn,ts],th)),r.styles=[...t.styles,l3]})(),to);var l4=eo`:host{background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;color:#fff;color:var(--theoplayer-text-color,#fff);display:inline-block;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));overflow:hidden;padding:10px;padding:var(--theoplayer-control-padding,10px);pointer-events:auto;text-align:center;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}`;function l8(e){return!isNaN(e)&&isFinite(e)}function l7(e,t=0,r){let a,i=e<0||r&&0===e,o=Math.floor(t/60%60),n=Math.floor(t/3600);if(l8(e=Math.abs(e))){let t=Math.floor(e%60),r=Math.floor(e/60%60),i=Math.floor(e/3600),s=i>0||n>0;a=[s?`${i}`:"",(s||o>=0)&&r<10?`0${r}`:`${r}`,t<10?`0${t}`:`${t}`]}else a=[n>0?"--":"","--","--"];let s=a.filter(e=>""!==e).join(":");return`${i?"-":""}${s}`}let l6=[["hour","hours"],["minute","minutes"],["second","seconds"]];function l9(e,t){let r=l6[t][+(1!==e)];return`${e} ${r}`}function he(e,t){if(!l8(e))return"";let r=e<0||t&&0===e,a=Math.floor((e=Math.abs(e))%60),i=Math.floor(e/60)%60,o=Math.floor(e/3600),n=[0===o?"":l9(o,0),0===i?"":l9(i,1),0===a&&(o>0||i>0)?"":l9(a,2)].filter(e=>""!==e).join(", ");return`${n}${r?" remaining":""}`}let ht=["timeupdate","seeking","seeked","durationchange"];t_=eh("theoplayer-time-display"),tv=lJ(["player","streamType"]),tb=ed({reflect:!1,attribute:!1}),tf=ed({reflect:!0,type:Boolean,attribute:lx.REMAINING}),tk=ed({reflect:!0,type:Boolean,attribute:lx.REMAINING_WHEN_LIVE}),tw=ed({reflect:!0,type:Boolean,attribute:lx.SHOW_DURATION}),tx=ed({reflect:!0,type:String,attribute:lx.STREAM_TYPE}),tT=ep(),tE=ep(),tL=ep(),new(ty=class extends ew{constructor(){super(s),tm()}},(()=>{var e=lP("____private_remaining_1"),t=lP("____private_remainingWhenLive_2"),r=lP("____private_showDuration_3"),a=lP("____private_streamType_4"),i=lP("____private__currentTime_5"),o=lP("____private__duration_6"),n=lP("____private__endTime_7");class l extends(tg=en){connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","progressbar"),this.hasAttribute(lx.ARIA_LABEL)||this.setAttribute(lx.ARIA_LABEL,"playback time"),this.hasAttribute(lx.ARIA_LIVE)||this.setAttribute(lx.ARIA_LIVE,"off")}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(ht,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(ht,this._updateFromPlayer))}get remaining(){return lR(this,e)[e]}set remaining(t){lR(this,e)[e]=t}get remainingWhenLive(){return lR(this,t)[t]}set remainingWhenLive(e){lR(this,t)[t]=e}get showDuration(){return lR(this,r)[r]}set showDuration(e){lR(this,r)[r]=e}get streamType(){return lR(this,a)[a]}set streamType(e){lR(this,a)[a]=e}get _currentTime(){return lR(this,i)[i]}set _currentTime(e){lR(this,i)[i]=e}get _duration(){return lR(this,o)[o]}set _duration(e){lR(this,o)[o]=e}get _endTime(){return lR(this,n)[n]}set _endTime(e){lR(this,n)[n]=e}render(){let e,t,r=this.remaining||this.remainingWhenLive&&"vod"!==this.streamType,a=this._currentTime,i=this._endTime;return r&&(a=-((this._endTime||0)-a)),e=this.showDuration&&!r?`${l7(a,i,r)} / ${l7(i)}`:l7(a,i,r),t=isNaN(this._duration)?"video not loaded, unknown time":this.showDuration?`${he(a,r)} of ${he(i)}`:he(a,r),this.setAttribute("aria-valuetext",t),es`<span>${e}</span>`}constructor(...s){super(...s),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),Object.defineProperty(this,o,{writable:!0,value:void 0}),Object.defineProperty(this,n,{writable:!0,value:void 0}),lR(this,e)[e]=(tI(this),tC(this,!1)),lR(this,t)[t]=tA(this,!1),lR(this,r)[r]=tR(this,!1),lR(this,a)[a]=tS(this,"vod"),lR(this,i)[i]=tP(this,0),lR(this,o)[o]=tM(this,NaN),lR(this,n)[n]=tO(this,0),this._updateFromPlayer=()=>{var e;let t=this._player?this._player.currentTime:0,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;this._currentTime=t,this._duration=r,this._endTime=i}}}({e:[tC,tA,tR,tS,tP,tM,tO,tI],c:[s,tm]}=ek(l,[[tb,4,"player"],[tf,1,"remaining"],[tk,1,"remainingWhenLive"],[tw,1,"showDuration"],[tx,1,"streamType"],[tT,1,"_currentTime"],[tE,1,"_duration"],[tL,1,"_endTime"]],[t_,tv],tg)),l.styles=[l4]})(),ty);let hr=["durationchange"];tD=eh("theoplayer-duration-display"),tN=lJ(["player"]),tq=ed({reflect:!1,attribute:!1}),tU=ep(),new(tB=class extends ew{constructor(){super(l),t$()}},(()=>{var e=lP("____private_duration_1");class t extends(tF=en){connectedCallback(){super.connectedCallback(),this.hasAttribute(lx.ARIA_LIVE)||this.setAttribute(lx.ARIA_LIVE,"off")}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(hr,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(hr,this._updateFromPlayer))}get duration(){return lR(this,e)[e]}set duration(t){lR(this,e)[e]=t}render(){return es`<span>${l7(this.duration)}</span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(tz(this),tV(this,NaN)),this._updateFromPlayer=()=>{this.duration=this._player?this._player.duration:NaN}}}({e:[tV,tz],c:[l,t$]}=ek(t,[[tq,4,"player"],[tU,1,"duration"]],[tD,tN],tF)),t.styles=[l4]})(),tB);let ha=!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)},hi=!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)};tj=eh("theoplayer-radio-button"),tW=ed({reflect:!0,type:Boolean,attribute:lx.ARIA_CHECKED,converter:{fromAttribute:e=>null!=e&&"false"!==e,toAttribute:e=>String(e)}}),tG=ed({attribute:lx.VALUE});var ho=lP("____private_value_1");class hn extends(tQ=t){connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),super.connectedCallback()}get checked(){return this._checked}set checked(e){this._checked!==e&&(this._checked=e,this.handleChange(),this.dispatchEvent(ha("change",{bubbles:!0})))}get value(){return lR(this,ho)[ho]}set value(e){lR(this,ho)[ho]=e}handleClick(){this.checked=!0,this.dispatchEvent(ha("input",{bubbles:!0,composed:!0}))}handleChange(){}constructor(...e){super(...e),Object.defineProperty(this,ho,{writable:!0,value:void 0}),this._checked=(tZ(this),!1),lR(this,ho)[ho]=tK(this,void 0)}}({e:[tK,tZ],c:[h,tH]}=ek(hn,[[tW,4,"checked"],[tG,1,"value"]],[tj],tQ)),tH();class hs{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,o,n;return new hs(null!=(r=null!=(t=e.left)?t:e.x)?r:0,null!=(i=null!=(a=e.top)?a:e.y)?i:0,null!=(o=e.width)?o: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),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 hs(t,r,a,i)}snapToPixels(){return new hs(Math.round(this.x),Math.round(this.y),Math.round(this.width),Math.round(this.height))}clone(){return new hs(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 hl(){let e=function(){var e;let t,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&&l$(e)?e:null}function hh(e,t,r){var a,i;let o,n=hl();if(null===n)return!1;let s=hs.fromRect(e.getBoundingClientRect()).snapToPixels(),l=hs.fromRect(n.getBoundingClientRect()).snapToPixels(),h=t.map(e=>({child:e,rect:hs.fromRect(e.getBoundingClientRect()).snapToPixels()})).filter(e=>e.rect.width>0&&e.rect.height>0);if(r===lT.LEFT||r===lT.RIGHT){let e=l.clone();r===lT.LEFT?(e.left=s.left,e.width=l.left-s.left):(e.left=l.right,e.width=s.right-l.right),0===(o=h.filter(t=>e.overlaps(t.rect))).length&&(e.top=s.top,e.height=s.height,o=h.filter(t=>e.overlaps(t.rect)))}else{let e=l.clone();r===lT.UP?(e.top=s.top,e.height=l.top-s.top):(e.top=l.bottom,e.height=s.bottom-l.bottom),0===(o=h.filter(t=>e.overlaps(t.rect))).length&&(e.left=s.left,e.width=s.width,o=h.filter(t=>e.overlaps(t.rect)))}let d=(a=o,i=e=>{var t,r;let a;return t=e.rect,r=l,a=0,t.right<r.left?a+=r.left-t.right:r.right<t.left&&(a+=t.left-r.right),t.bottom<r.top?a+=r.top-t.bottom:r.bottom<t.top&&(a+=t.top-r.bottom),a},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)}tY=eh("theoplayer-radio-group"),tJ=lJ(["deviceType"]),t1=ed({reflect:!0,type:String,attribute:lx.DEVICE_TYPE}),t5=ed({attribute:lx.VALUE});var hd=lP("____private_deviceType_1");class hp extends(t0=en){connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup"),this.addEventListener("keydown",this._onKeyDown),this._onSlotChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onKeyDown)}firstUpdated(){this._onSlotChange()}createRenderRoot(){let e=super.createRenderRoot();return e.addEventListener("change",this._onButtonChange),e}get deviceType(){return lR(this,hd)[hd]}set deviceType(e){lR(this,hd)[hd]=e}get value(){return this._value}set value(e){this._value!==e&&(this._value=e,this.updateCheckedButton(),this.dispatchEvent(ha("change",{bubbles:!0})))}get focusedRadioButton(){var e;return null!=(e=lU(this._radioButtons,e=>0===e.tabIndex))?e:null}get checkedRadioButton(){var e;return null!=(e=lU(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}updateCheckedButton(){let e=this.allRadioButtons().find(e=>e.value==this.value);this.setCheckedRadioButton(null!=e?e:null)}render(){return es`<slot ${e_(this._slotRef)} @slotchange="${this._onSlotChange}"></slot>`}constructor(){super(),Object.defineProperty(this,hd,{writable:!0,value:void 0}),this._slotRef=(t3(this),ev()),this._radioButtons=[],this._value=void 0,lR(this,hd)[hd]=t2(this,"desktop"),this._onSlotChange=()=>{let e=this._slotRef.value;if(!e)return;let t=lW(e),r=[];for(let e of t)if(!hu(e)){let t=lK(e);t&&r.push(t)}if(r.length>0&&Promise.all(r).then(this._onSlotChange,lD),this._radioButtons=t.filter(hu),!this.focusedRadioButton){var a;null==(a=this.firstRadioButton)||a.setAttribute("tabindex","0")}this.updateCheckedButton()},this._onKeyDown=e=>{if("tv"===this.deviceType&&lE(e.keyCode)){hh(this,this._radioButtons,e.keyCode)&&(e.preventDefault(),e.stopPropagation());return}switch(e.keyCode){case lT.UP:case lT.LEFT:this._focusPrevButton()&&e.preventDefault();break;case lT.DOWN:case lT.RIGHT:this._focusNextButton()&&e.preventDefault();break;case lT.HOME:e.preventDefault(),this.setFocusedRadioButton(this.firstRadioButton);break;case lT.END:e.preventDefault(),this.setFocusedRadioButton(this.lastRadioButton)}},this._onButtonChange=e=>{let t=e.target;null!==t&&t.checked&&(this.value=t.value)}}}function hu(e){return e instanceof h}({e:[t2,t3],c:[d,tX]}=ek(hp,[[t1,1,"deviceType"],[t5,4,"value"]],[tY,tJ],t0)),tX();var hc=eo`: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}`;let hy="theoplayermenuclose",h_="theoplayermenuchange";function hv(e,t,r=""){return`<style>${r}</style><div part="heading"><theoplayer-menu-close-button></theoplayer-menu-close-button>${e}</div><div part="content">${t}</div>`}t8=eh("theoplayer-menu"),t9=ed({reflect:!0,type:Boolean,attribute:lx.MENU_CLOSE_ON_INPUT}),re=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.MENU_OPENED}),new(t4=class extends ew{constructor(){super(p),t7()}},(()=>{var e=lP("____private_closeOnInput_1");class t extends(t6=en){connectedCallback(){super.connectedCallback(),this.menuOpened_||this.setAttribute(lx.HIDDEN,"")}get closeOnInput(){return lR(this,e)[e]}set closeOnInput(t){lR(this,e)[e]=t}get menuOpened_(){return this._menuOpened}set menuOpened_(e){if(this._menuOpened===e)return;this._menuOpened=e,lH(this,lx.HIDDEN,!e);let t=hi(h_,{bubbles:!0});this.dispatchEvent(t)}openMenu(){this.menuOpened_=!0}closeMenu(){this.menuOpened_=!1}render(){return this._template?es`${ey(this._template)}`:es`<div part="heading"><theoplayer-menu-close-button></theoplayer-menu-close-button>${this.renderMenuHeading()}</div><div part="content" @input="${this._onContentInput}">${this.renderMenuContent()}</div>`}renderMenuHeading(){return es`<slot name="heading"></slot>`}renderMenuContent(){return es`<slot></slot>`}constructor(t){super(),Object.defineProperty(this,e,{writable:!0,value:void 0}),this._menuOpened=(rr(this),!1),lR(this,e)[e]=rt(this,!1),this._onContentInput=()=>{if(this.closeOnInput){let e=hi(hy,{bubbles:!0,composed:!0});this.dispatchEvent(e)}},this._template=null==t?void 0:t.template,this._template&&this.performUpdate()}}({e:[rt,rr],c:[p,t7]}=ek(t,[[t9,1,"closeOnInput"],[re,4,"menuOpened_"]],[t8],t6)),t.styles=[hc],t.shadowRootOptions={...en.shadowRootOptions,delegatesFocus:!0}})(),t4);var hm=eo`: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}`;let hg="theoplayermenutoggle";function hb(e,t=""){return`<style>${t}</style>${e}`}function hf(e){return!!l$(e)&&(e instanceof p||e instanceof u)}ri=eh("theoplayer-menu-group"),rs=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.MENU_OPENED}),rl=eu("slot"),new(ra=class extends ew{constructor(){super(u),ro()}},(()=>{var e=lP("____private__menuSlot_1");class t extends(rn=en){get menuOpened_(){return this._menuOpened}set menuOpened_(e){if(this._menuOpened===e)return;this._menuOpened=e,lH(this,lx.MENU_OPENED,e),e?(this.removeAttribute(lx.HIDDEN),this.removeEventListener("keydown",this._onKeyDown),this.addEventListener("keydown",this._onKeyDown)):(this.setAttribute(lx.HIDDEN,""),this.removeEventListener("keydown",this._onKeyDown));let t=hi(h_,{bubbles:!0});this.dispatchEvent(t)}get _menuSlot(){return lR(this,e)[e]}set _menuSlot(t){lR(this,e)[e]=t}connectedCallback(){super.connectedCallback(),this.menuOpened_||this.setAttribute(lx.HIDDEN,"")}createRenderRoot(){let e=super.createRenderRoot();return e.addEventListener(hg,this._onToggleMenu),e.addEventListener(hy,this._onCloseMenu),e.addEventListener(h_,this._onMenuChange),e}render(){return this._template?es`${ey(this._template)}`:es`<slot @slotchange="${this._onMenuListChange}"></slot>`}firstUpdated(){this._onMenuListChange()}getMenuById(e){return e&&e!==this.id?lU(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=lV(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.menuOpened_=!0,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=lV(this._openMenuStack,e=>e.menu===a);if(i<0)return!1;let o=this._openMenuStack[i];this.closeMenusFromIndex_(i);let n=this.getCurrentMenu_();return void 0!==n?(n.menu.openMenu(),this.menuOpened_=!0,o.opener&&n.menu.contains(o.opener)?o.opener.focus():n.menu.focus()):(this.menuOpened_=!1,null==(t=o.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(t){super(),Object.defineProperty(this,e,{writable:!0,value:void 0}),this._menuOpened=(rd(this),!1),lR(this,e)[e]=rh(this,null),this._menus=[],this._openMenuStack=[],this._onMenuListChange=()=>{let e=[...lq(this.shadowRoot.children),...this._menuSlot?lW(this._menuSlot):[]],t=[];for(let r of e)if(!hf(r)){let e=lK(r);e&&t.push(e)}t.length>0&&Promise.all(t).then(this._onMenuListChange,lD);let r=e.filter(hf);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=l$(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 u&&!t.menu.hasCurrentMenu()&&this.closeCurrentMenu()},this._onKeyDown=e=>{!e.altKey&&lL(e.keyCode)&&this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())},this._template=null==t?void 0:t.template,this._template&&this.performUpdate()}}({e:[rh,rd],c:[u,ro]}=ek(t,[[rs,4,"menuOpened_"],[rl,1,"_menuSlot"]],[ri],rn)),t.styles=[hm],t.shadowRootOptions={...en.shadowRootOptions,delegatesFocus:!0}})(),ra),rp=eh("theoplayer-menu-button"),ry=ed({reflect:!0,type:String,attribute:lx.MENU}),r_=ed({reflect:!0,state:!0,type:String,attribute:"aria-controls"});var hk=lP("____private__ariaControls_1");class hw extends(rc=t){connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true")}get menu(){return this._menuId}set menu(e){e?(null==this._ariaControls||this._ariaControls===this._menuId)&&(this._ariaControls=e):this._ariaControls===this._menuId&&(this._ariaControls=null),this._menuId=e}get _ariaControls(){return lR(this,hk)[hk]}set _ariaControls(e){lR(this,hk)[hk]=e}handleClick(){let e=this.menu;if(e){let t=hi(hg,{bubbles:!0,composed:!0,detail:{menu:e}});this.dispatchEvent(t)}}constructor(...e){super(...e),Object.defineProperty(this,hk,{writable:!0,value:void 0}),this._menuId=(rm(this),null),lR(this,hk)[hk]=rv(this,null)}}({e:[rv,rm],c:[c,ru]}=ek(hw,[[ry,4,"menu"],[r_,1,"_ariaControls"]],[rp],rc)),ru(),rg=eh("theoplayer-menu-close-button");class hx extends(rf=t){connectedCallback(){super.connectedCallback(),this.hasAttribute(lx.ARIA_LABEL)||this.setAttribute(lx.ARIA_LABEL,"close menu")}handleClick(){let e=hi(hy,{bubbles:!0,composed:!0});this.dispatchEvent(e)}render(){return es`<span part="icon"><slot>${em('<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>\n')}</slot></span>`}}({c:[y,rb]}=ek(hx,[],[rg],rf)),rb();let hT=["change","update"];rk=eh("theoplayer-media-track-radio-button"),rT=ep(),rE=ed({reflect:!1,attribute:!1});var hE=lP("____private__trackLabel_1");class hL extends(rx=h){get _trackLabel(){return lR(this,hE)[hE]}set _trackLabel(e){lR(this,hE)[hE]=e}get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(hT,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(hT,this._onTrackChange))}_updateFromTrack(){this._trackLabel=this._track?function(e){let t=e.label;if(t)return t;let r=e.language;return r&&(lj(r)||r)||""}(this._track):"",this.checked=!!this._track&&this._track.enabled}_updateTrack(){this._track&&(this._track.enabled=this.checked)}handleChange(){this._updateTrack()}render(){return es`<slot>${this._trackLabel}</slot>`}constructor(...e){super(...e),Object.defineProperty(this,hE,{writable:!0,value:void 0}),this._track=void rC(this),lR(this,hE)[hE]=rL(this,""),this._onTrackChange=()=>{this._updateFromTrack()}}}({e:[rL,rC],c:[_,rw]}=ek(hL,[[rT,1,"_trackLabel"],[rE,4,"track"]],[rk],rx)),rw();var hC=eo`:host,theoplayer-radio-group{align-items:stretch;display:flex;flex-direction:column}:host([hidden]){display:none!important}`;function hA(e){return"subtitles"===e.kind||"captions"===e.kind}function hR(e){return hA(e)&&!e.forced}function hS(e){let t=null==e?void 0:e.targetQuality;return void 0===t||Array.isArray(t)||(t=[t]),t}function hP(e){if(e){if(e.label&&""!==e.label)return e.label;if(e.height)return`${e.height}p`;if(e.bandwidth){var t=e;if(t.bandwidth)return t.bandwidth>1e7?`${(t.bandwidth/1e6).toFixed(0)}Mbps`:t.bandwidth>1e6?`${(t.bandwidth/1e6).toFixed(1)}Mbps`:`${(t.bandwidth/1e3).toFixed(0)}kbps`;return}}}let hM=["addtrack","removetrack"];rR=eh("theoplayer-track-radio-group"),rS=lJ(["player"]),rO=ep(),rI=ed({reflect:!0,type:String,attribute:lx.TRACK_TYPE}),rB=ed({reflect:!0,type:Boolean,attribute:lx.SHOW_OFF}),new(rA=class extends ew{constructor(){super(v),rP()}},(()=>{var e=lP("____private__tracksList_1"),t=lP("____private_showOffButton_2");class r extends(rM=en){get _tracksList(){return lR(this,e)[e]}set _tracksList(t){lR(this,e)[e]=t}get trackType(){return this._trackType}set trackType(e){this._trackType=e,this._updateTracksList()}get showOffButton(){return lR(this,t)[t]}set showOffButton(e){lR(this,t)[t]=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(hM,this._updateTracks),null==t||t.addEventListener(hM,this._updateTracks),this._tracksList=t)}_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(hR):[]}render(){let e=this._getTracks(),t="subtitles"===this.trackType;return es`<theoplayer-radio-group @change="${this._onChange}">${this.showOffButton&&t?es`<theoplayer-text-track-off-radio-button .trackList="${this._tracksList}"></theoplayer-text-track-off-radio-button>`:void 0} ${eg(e,e=>e.uid,e=>t?es`<theoplayer-text-track-radio-button .track="${e}"></theoplayer-text-track-radio-button>`:es`<theoplayer-media-track-radio-button .track="${e}"></theoplayer-media-track-radio-button>`)}</theoplayer-radio-group>`}constructor(...r){super(...r),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),this._trackType=(r$(this),"audio"),lR(this,e)[e]=rD(this),lR(this,t)[t]=rN(this,!1),this._updateTracks=()=>this.requestUpdate(),this._onChange=()=>{this.dispatchEvent(ha("change",{bubbles:!0}))}}}({e:[rD,rN,r$],c:[v,rP]}=ek(r,[[rO,1,"_tracksList"],[rI,4,"trackType"],[rB,1,"showOffButton"]],[rR,rS],rM)),r.styles=[hC]})(),rA);let hO=["change","update"];rF=eh("theoplayer-text-track-radio-button"),rV=ep(),rz=ed({reflect:!1,attribute:!1});var hI=lP("____private__trackLabel_1");class hB extends(rU=h){get _trackLabel(){return lR(this,hI)[hI]}set _trackLabel(e){lR(this,hI)[hI]=e}get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(hO,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(hO,this._onTrackChange))}_updateFromTrack(){this._trackLabel=this._track?function(e){let t=e.label;if(t)return t;let r=e.language;return r&&(lj(r)||r)||""}(this._track):"",this.checked=!!this._track&&"showing"===this._track.mode}_updateTrack(){this._track&&(this._track.mode=this.checked?"showing":"disabled")}handleChange(){this._updateTrack()}render(){return es`<slot>${this._trackLabel}</slot>`}constructor(...e){super(...e),Object.defineProperty(this,hI,{writable:!0,value:void 0}),this._track=void rH(this),lR(this,hI)[hI]=rj(this,""),this._onTrackChange=()=>{this._updateFromTrack()}}}({e:[rj,rH],c:[m,rq]}=ek(hB,[[rV,1,"_trackLabel"],[rz,4,"track"]],[rF],rU)),rq();let hD=["change"];rQ=eh("theoplayer-text-track-off-radio-button"),rK=ed({reflect:!1,attribute:!1});class hN extends(rG=h){get trackList(){return this._trackList}set trackList(e){this._trackList&&this._trackList.removeEventListener(hD,this._onTrackChange),this._trackList=e,this._updateFromTrackList(),e&&e.addEventListener(hD,this._onTrackChange)}_updateFromTrackList(){this.checked=!this._trackList||!this._trackList.some(e=>hR(e)&&"showing"===e.mode)}_updateTrackList(){this._trackList&&this.checked&&function(e){for(let t of e)hA(t)&&"showing"===t.mode&&(t.mode="disabled")}(this._trackList)}handleChange(){this._updateTrackList()}render(){return es`<slot>Off</slot>`}constructor(...e){super(...e),this._trackList=void rZ(this),this._onTrackChange=()=>{this._updateFromTrackList()}}}({e:[rZ],c:[g,rW]}=ek(hN,[[rK,4,"trackList"]],[rQ],rG)),rW();var h$=eo`.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}`,hF=eo`.theoplayer-menu-heading{flex-grow:1}.theoplayer-menu-heading-button{align-self:flex-end}`,hq=eo`table{border-collapse:collapse;table-layout:auto}table,table td,table tr{margin:0;padding:0}table td>*{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)}table td:first-child{white-space:nowrap;width:0}table td:last-child{text-align:center}table td>theoplayer-menu-button{display:flex}`;function hU(e){if(!e)return null;if(lz(e,"rgb")){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}if(!lz(e,"#"))return null;{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}}function hV(e){return`rgba(${e.r_},${e.g_},${e.b_},${e.a_})`}function hz(e){return`rgb(${e.r_},${e.g_},${e.b_})`}function hj(e,t){return{r_:e.r_,g_:e.g_,b_:e.b_,a_:t}}let hH=hU("#ffffff"),hQ=hU("#000000"),hW=[["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)"]],hG=[["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']],hK=[["None","none"],["Drop shadow","dropshadow"],["Raised","raised"],["Depressed","depressed"],["Uniform","uniform"]];rY=eh("theoplayer-text-track-style-display"),rJ=lJ(["player"]),r1=ed({reflect:!0,type:String,attribute:lx.PROPERTY}),r5=ed({reflect:!1,attribute:!1});class hZ extends(r0=en){get property(){return this._property}set property(e){this._property=e,this._updateFromPlayer()}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))}render(){return es`<span>${this.renderValue()}</span>`}renderValue(){if(void 0===this._player)return"";let e=this.property;switch(e){case"fontFamily":var t=this._player.textTrackStyle.fontFamily;if(!t)return"Default";let r=lU(hG,([e,r])=>r===t);return r?r[0]:"Custom";case"fontColor":case"backgroundColor":case"windowColor":return function(e){if(!e)return"Default";let t=hU(e);if(t){let e=hz(t),r=lU(hW,([t,r])=>r===e);if(r)return r[0]}return"Custom"}(this._player.textTrackStyle[e]);case"fontOpacity":return hY(this._player.textTrackStyle.fontColor);case"backgroundOpacity":return hY(this._player.textTrackStyle.backgroundColor);case"windowOpacity":return hY(this._player.textTrackStyle.windowColor);case"edgeStyle":var a=this._player.textTrackStyle.edgeStyle;if(!a)return"Default";let i=lU(hK,([e,t])=>t===a);return i?i[0]:"Custom";default:return this._player.textTrackStyle[e]||"Default"}}constructor(...e){super(...e),this._property=(r2(this),"fontColor"),this._updateFromPlayer=()=>this.requestUpdate()}}function hY(e){if(!e)return"Default";let t=hU(e);return t?`${100*t.a_}%`:"Custom"}function hJ(e,t,r){var a,i,o;let n=null!=(i=null==(a=hU(t))?void 0:a.a_)?i:1;if(""!==e||1!==n)return hV(hj(null!=(o=hU(e))?o:r,n))}function hX(e,t,r){var a;let i=null!=(a=hU(t))?a:r;if(""!==e||i.r_!==r.r_||i.g_!==r.g_||i.b_!==r.b_)return hV(hj(i,""==e?1:Number(e)/100))}({e:[r2],c:[b,rX]}=ek(hZ,[[r1,4,"property"],[r5,4,"player"]],[rY,rJ],r0)),rX(),r4=eh("theoplayer-text-track-style-radio-group"),r8=lJ(["player"]),r9=ed({reflect:!0,type:String,attribute:lx.PROPERTY}),ae=ed({reflect:!1,attribute:!1}),at=ed({reflect:!1,attribute:!1}),new(r3=class extends ew{constructor(){super(f),r7()}},(()=>{class e extends(r6=en){firstUpdated(){let e=this._radioGroupRef.value;e instanceof d||customElements.upgrade(e),e.value=this.value}get property(){return this._property}set property(e){this._property!==e&&(this._property=e,this._updateFromPlayer())}get value(){return this._value}set value(e){if(this._value===e)return;this._value=e,this._updateToPlayer();let t=this._radioGroupRef.value;t&&(t.value=e),this.dispatchEvent(ha("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=hJ(this.value,this._player.textTrackStyle.fontColor,hH);break;case"backgroundColor":this._player.textTrackStyle.backgroundColor=hJ(this.value,this._player.textTrackStyle.backgroundColor,hQ);break;case"windowColor":this._player.textTrackStyle.windowColor=hJ(this.value,this._player.textTrackStyle.windowColor,hQ);break;case"fontOpacity":this._player.textTrackStyle.fontColor=hX(this.value,this._player.textTrackStyle.fontColor,hH);break;case"backgroundOpacity":this._player.textTrackStyle.backgroundColor=hX(this.value,this._player.textTrackStyle.backgroundColor,hQ);break;case"windowOpacity":this._player.textTrackStyle.windowColor=hX(this.value,this._player.textTrackStyle.windowColor,hQ);break;default:this._player.textTrackStyle[this.property]=""==this.value?void 0:this.value}}render(){return es`<theoplayer-radio-group ${e_(this._radioGroupRef)} @change="${this._onChange}"><slot></slot></theoplayer-radio-group>`}constructor(...e){super(...e),this._radioGroupRef=(ar(this),ev()),this._property="fontColor",this._onChange=()=>{let e=this._radioGroupRef.value;e&&(this.value=e.value)},this._updateFromPlayer=()=>{var e,t,r,a,i,o,n,s,l,h;if(void 0!==this._player)switch(this.property){case"fontColor":{let t=this._player.textTrackStyle.fontColor;this.value=t?hz(null!=(e=hU(t))?e:hH):"";break}case"backgroundColor":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?hz(null!=(t=hU(e))?t:hQ):"";break}case"windowColor":{let e=this._player.textTrackStyle.windowColor;this.value=e?hz(null!=(r=hU(e))?r:hQ):"";break}case"fontOpacity":{let e=this._player.textTrackStyle.fontColor;this.value=e?String((null!=(i=null==(a=hU(e))?void 0:a.a_)?i:1)*100):"";break}case"backgroundOpacity":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?String((null!=(n=null==(o=hU(e))?void 0:o.a_)?n:1)*100):"";break}case"windowOpacity":{let e=this._player.textTrackStyle.windowColor;this.value=e?String((null!=(l=null==(s=hU(e))?void 0:s.a_)?l:1)*100):"";break}default:this.value=null!=(h=this._player.textTrackStyle[this.property])?h:""}}}}({e:[ar],c:[f,r7]}=ek(e,[[r9,4,"property"],[ae,4,"value"],[at,4,"player"]],[r4,r8],r6)),e.styles=[hC]})(),r3);let h0=[{label:"Default",value:""},{label:"White",value:"rgb(255,255,255)"},{label:"Yellow",value:"rgb(255,255,0)"},{label:"Green",value:"rgb(0,255,0)"},{label:"Cyan",value:"rgb(0,255,255)"},{label:"Blue",value:"rgb(0,0,255)"},{label:"Magenta",value:"rgb(255,0,255)"},{label:"Red",value:"rgb(255,0,0)"},{label:"Black",value:"rgb(0,0,0)"}],h1=[{label:"Default",value:""},{label:"Monospace Serif",value:'"Courier New", Courier, "Nimbus Mono L", "Cutive Mono", monospace'},{label:"Proportional Serif",value:'"Times New Roman", Times, Georgia, Cambria, "PT Serif Caption", serif'},{label:"Monospace Sans",value:'"Deja Vu Sans Mono", "Lucida Console", Monaco, Consolas, "PT Mono", monospace'},{label:"Proportional Sans",value:'Arial, Helvetica, Verdana, "PT Sans Caption", sans-serif'}],h5=[{label:"Default",value:""},{label:"50%",value:"50%"},{label:"75%",value:"75%"},{label:"100%",value:"100%"},{label:"150%",value:"150%"},{label:"200%",value:"200%"}],h2=[{label:"Default",value:""},{label:"25%",value:"25"},{label:"50%",value:"50"},{label:"75%",value:"75"},{label:"100%",value:"100"}],h3=[{label:"Default",value:""},{label:"None",value:"none"},{label:"Drop shadow",value:"dropshadow"},{label:"Raised",value:"raised"},{label:"Depressed",value:"depressed"},{label:"Uniform",value:"uniform"}];ai=eh("theoplayer-text-track-style-menu"),new(aa=class extends ew{constructor(){super(k),ao()}},(()=>{class e extends(an=u){render(){return es`<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><table><tr><td><span>Font family</span></td><td><theoplayer-menu-button menu="font-family-menu"><theoplayer-text-track-style-display property="fontFamily"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Font color</span></td><td><theoplayer-menu-button menu="font-color-menu"><theoplayer-text-track-style-display property="fontColor"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Font opacity</span></td><td><theoplayer-menu-button menu="font-opacity-menu"><theoplayer-text-track-style-display property="fontOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Font size</span></td><td><theoplayer-menu-button menu="font-size-menu"><theoplayer-text-track-style-display property="fontSize"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Background color</span></td><td><theoplayer-menu-button menu="background-color-menu"><theoplayer-text-track-style-display property="backgroundColor"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Background opacity</span></td><td><theoplayer-menu-button menu="background-opacity-menu"><theoplayer-text-track-style-display property="backgroundOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Window color</span></td><td><theoplayer-menu-button menu="window-color-menu"><theoplayer-text-track-style-display property="windowColor"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Window opacity</span></td><td><theoplayer-menu-button menu="window-opacity-menu"><theoplayer-text-track-style-display property="windowOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr><tr><td><span>Character edge style</span></td><td><theoplayer-menu-button menu="edge-style-menu"><theoplayer-text-track-style-display property="edgeStyle"></theoplayer-text-track-style-display></theoplayer-menu-button></td></tr></table></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">${h1.map(({label:e,value:t})=>es`<theoplayer-radio-button value="${t}">${e}</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">${h0.map(({label:e,value:t})=>es`<theoplayer-radio-button value="${t}">${e}</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">${h2.map(({label:e,value:t})=>es`<theoplayer-radio-button value="${t}">${e}</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">${h5.map(({label:e,value:t})=>es`<theoplayer-radio-button value="${t}">${e}</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">${h0.map(({label:e,value:t})=>es`<theoplayer-radio-button value="${t}">${e}</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">${h2.map(({label:e,value:t})=>es`<theoplayer-radio-button value="${t}">${e}</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">${h0.map(({label:e,value:t})=>es`<theoplayer-radio-button value="${t}">${e}</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">${h2.map(({label:e,value:t})=>es`<theoplayer-radio-button value="${t}">${e}</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">${h3.map(({label:e,value:t})=>es`<theoplayer-radio-button value="${t}">${e}</theoplayer-radio-button>`)}</theoplayer-text-track-style-radio-group></theoplayer-menu>`}}({c:[k,ao]}=ek(e,[],[ai],an)),e.styles=[...u.styles,hq,hF]})(),aa);let h4=["addtrack","removetrack"];al=eh("theoplayer-language-menu"),ah=lJ(["player"]),au=ed({state:!0}),ac=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.HAS_AUDIO}),ay=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.HAS_SUBTITLES}),new(as=class extends ew{constructor(){super(w),ad()}},(()=>{var e=lP("____private__hasAudioTracks_1"),t=lP("____private__hasSubtitles_2");class r extends(ap=u){get player(){return this._player}set player(e){var t,r,a,i;this._player!==e&&(null==(t=this._audioTrackList)||t.removeEventListener(h4,this._updateAudioTracks),null==(r=this._textTrackList)||r.removeEventListener(h4,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(h4,this._updateAudioTracks),null==(i=this._textTrackList)||i.addEventListener(h4,this._updateTextTracks))}get _hasAudioTracks(){return lR(this,e)[e]}set _hasAudioTracks(t){lR(this,e)[e]=t}get _hasSubtitles(){return lR(this,t)[t]}set _hasSubtitles(e){lR(this,t)[t]=e}render(){return es`<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>`}constructor(...r){super(...r),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),lR(this,e)[e]=(am(this),a_(this,!1)),lR(this,t)[t]=av(this,!1),this._updateAudioTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.audioTracks)?t:[];this._hasAudioTracks=r.length>1},this._updateTextTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.textTracks.filter(hR))?t:[];this._hasSubtitles=r.length>0}}}({e:[a_,av,am],c:[w,ad]}=ek(r,[[au,4,"player"],[ac,1,"_hasAudioTracks"],[ay,1,"_hasSubtitles"]],[al,ah],ap)),r.styles=[...u.styles,h$]})(),as);let h8=["addtrack","removetrack"];ag=eh("theoplayer-language-menu-button"),ab=lJ(["player"]),aw=ed({reflect:!1,attribute:!1});class h7 extends(ak=c){connectedCallback(){super.connectedCallback(),this.hasAttribute(lx.ARIA_LABEL)||this.setAttribute(lx.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(h8,this._updateTracks),null==(r=this._textTrackList)||r.removeEventListener(h8,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(h8,this._updateTracks),null==(i=this._textTrackList)||i.addEventListener(h8,this._updateTracks))}render(){return es`<span part="icon"><slot>${em('<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>\n')}</slot></span>`}constructor(...e){super(...e),this._updateTracks=(ax(this),()=>{let e=void 0!==this._player&&(this._player.audioTracks.length>=2||this._player.textTracks.some(hR));lH(this,lx.HIDDEN,!e)})}}({e:[ax],c:[x,af]}=ek(h7,[[aw,4,"player"]],[ag,ab],ak)),af(),aE=eh("theoplayer-playback-rate-radio-group"),aL=lJ(["player"]),aR=ep(),aS=ep(),new(aT=class extends ew{constructor(){super(T),aC()}},(()=>{class e extends(aA=en){firstUpdated(){let e=this._radioGroupRef.value;e instanceof d||customElements.upgrade(e),e.value=String(this.value)}get value(){return this._value}set value(e){if(e=Number(e),this._value===e)return;this._value=e,void 0!==this._player&&(this._player.playbackRate=e);let t=this._radioGroupRef.value;t&&(t.value=String(e)),this.dispatchEvent(ha("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))}render(){return es`<theoplayer-radio-group ${e_(this._radioGroupRef)} @change="${this._onChange}"><slot></slot></theoplayer-radio-group>`}constructor(...e){super(...e),this._radioGroupRef=(aP(this),ev()),this._value=1,this._onChange=()=>{let e=this._radioGroupRef.value;e&&(this.value=Number(e.value))},this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.playbackRate)}}}({e:[aP],c:[T,aC]}=ek(e,[[aR,4,"value"],[aS,4,"player"]],[aE,aL],aA)),e.styles=[hC]})(),aT),aM=eh("theoplayer-playback-rate-menu-button");class h6 extends(aI=c){connectedCallback(){super.connectedCallback(),this.hasAttribute(lx.ARIA_LABEL)||this.setAttribute(lx.ARIA_LABEL,"open playback speed menu")}render(){return es`<span part="icon"><slot>${em('<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>\n')}</slot></span>`}}({c:[E,aO]}=ek(h6,[],[aM],aI)),aO();let h9=[.25,.5,1,1.25,1.5,2];aB=eh("theoplayer-playback-rate-menu");class de extends(aN=p){renderMenuHeading(){return es`<span slot="heading"><slot name="heading">Playback speed</slot></span>`}renderMenuContent(){return es`<theoplayer-playback-rate-radio-group>${h9.map(e=>es`<theoplayer-radio-button value="${e}">${1===e?"Normal":`${e}x`}</theoplayer-radio-button>`)}</theoplayer-playback-rate-radio-group>`}}({c:[L,aD]}=ek(de,[],[aB],aN)),aD(),a$=eh("theoplayer-playback-rate-display"),aF=lJ(["playbackRate"]),aV=ep();var dt=lP("____private_playbackRate_1");class dr extends(aU=en){get playbackRate(){return lR(this,dt)[dt]}set playbackRate(e){lR(this,dt)[dt]=e}render(){return es`<span>${1===this.playbackRate?"Normal":`${this.playbackRate}x`}</span>`}constructor(...e){super(...e),Object.defineProperty(this,dt,{writable:!0,value:void 0}),lR(this,dt)[dt]=(aj(this),az(this,1))}}({e:[az,aj],c:[C,aq]}=ek(dr,[[aV,1,"playbackRate"]],[a$,aF],aU)),aq(),aH=eh("theoplayer-active-quality-display"),aQ=lJ(["activeVideoQuality","targetVideoQualities"]),aK=ed({reflect:!1,attribute:!1}),aZ=ed({reflect:!1,attribute:!1});var da=lP("____private_activeVideoQuality_1"),di=lP("____private_targetVideoQualities_2");class dn extends(aG=en){get activeVideoQuality(){return lR(this,da)[da]}set activeVideoQuality(e){lR(this,da)[da]=e}get targetVideoQualities(){return lR(this,di)[di]}set targetVideoQualities(e){lR(this,di)[di]=e}render(){let e,t=void 0!==this.targetVideoQualities&&1===this.targetVideoQualities.length,r=t?this.targetVideoQualities[0]:void 0,a=hP(null!=r?r:this.activeVideoQuality);return e=t?null!=a?a:"Unknown":`Automatic${a?` (${a})`:""}`,es`<span>${e}</span>`}constructor(...e){super(...e),Object.defineProperty(this,da,{writable:!0,value:void 0}),Object.defineProperty(this,di,{writable:!0,value:void 0}),lR(this,da)[da]=(aX(this),aY(this,void 0)),lR(this,di)[di]=aJ(this,void 0)}}({e:[aY,aJ,aX],c:[A,aW]}=ek(dn,[[aK,1,"activeVideoQuality"],[aZ,1,"targetVideoQualities"]],[aH,aQ],aG)),aW();let ds=["activequalitychanged","targetqualitychanged"],dl=["update"];a0=eh("theoplayer-quality-radio-button"),a2=ep(),a3=ed({reflect:!1,attribute:!1}),a4=ed({reflect:!1,attribute:!1});var dh=lP("____private__qualityLabel_1");class dd extends(a5=h){get _qualityLabel(){return lR(this,dh)[dh]}set _qualityLabel(e){lR(this,dh)[dh]=e}get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(ds,this._updateFromTrack),this._track=e,this._updateFromTrack(),e&&e.addEventListener(ds,this._updateFromTrack))}get quality(){return this._quality}set quality(e){this._quality!==e&&(this._quality&&this._quality.removeEventListener(dl,this._updateFromQuality),this._quality=e,this._updateFromTrack(),e&&e.addEventListener(dl,this._updateFromQuality))}handleChange(){this._updateTargetQuality()}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}render(){return es`<slot>${this._qualityLabel}</slot>`}constructor(...e){super(...e),Object.defineProperty(this,dh,{writable:!0,value:void 0}),this._track=void a7(this),this._quality=void 0,lR(this,dh)[dh]=a8(this,""),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;this._qualityLabel=null!=(e=hP(this._quality))?e:"Automatic"}}}({e:[a8,a7],c:[R,a1]}=ek(dd,[[a2,1,"_qualityLabel"],[a3,4,"track"],[a4,4,"quality"]],[a0],a5)),a1();let dp=["addtrack","removetrack","change"];a9=eh("theoplayer-quality-radio-group"),ie=lJ(["player"]),ia=ep(),ii=ep(),new(a6=class extends ew{constructor(){super(S),it()}},(()=>{var e=lP("____private__track_1");class t extends(ir=en){get _track(){return lR(this,e)[e]}set _track(t){lR(this,e)[e]=t}firstUpdated(){this._updateTrack()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._videoTracks)||t.removeEventListener(dp,this._updateTrack),this._player=e,this._videoTracks=null==e?void 0:e.videoTracks,this._updateTrack(),null==(r=this._videoTracks)||r.addEventListener(dp,this._updateTrack))}render(){let e=this._track?this._track.qualities:[];return es`<theoplayer-radio-group @change="${this._onChange}"><theoplayer-quality-radio-button .track="${this._track}" .quality="${void 0}"></theoplayer-quality-radio-button>${1!==e.length&&eg(e,e=>e.uid,e=>es`<theoplayer-quality-radio-button .track="${this._track}" .quality="${e}"></theoplayer-quality-radio-button>`)}</theoplayer-radio-group>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(is(this),io(this)),this._onChange=()=>{this.dispatchEvent(ha("change",{bubbles:!0}))},this._updateTrack=()=>{var e,t;let r=this._player?lU(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=()=>this.requestUpdate()}}({e:[io,is],c:[S,it]}=ek(t,[[ia,1,"_track"],[ii,4,"player"]],[a9,ie],ir)),t.styles=[hC]})(),a6),il=eh("theoplayer-text-track-style-reset-button"),ih=lJ(["player"]);class du extends(ip=t){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}render(){return es`<slot>Reset</slot>`}}({c:[P,id]}=ek(du,[],[il,ih],ip)),id(),ic=eh("theoplayer-settings-menu"),new(iu=class extends ew{constructor(){super(M),iy()}},(()=>{class e extends(i_=u){render(){return es`<theoplayer-menu><span slot="heading"><slot name="heading">Settings</slot></span><table><tr><td><span>Quality</span></td><td><theoplayer-menu-button menu="quality-menu"><theoplayer-active-quality-display></theoplayer-active-quality-display></theoplayer-menu-button></td></tr><tr><td><span>Playback speed</span></td><td><theoplayer-menu-button menu="playback-rate-menu"><theoplayer-playback-rate-display></theoplayer-playback-rate-display></theoplayer-menu-button></td></tr></table></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>`}}({c:[M,iy]}=ek(e,[],[ic],i_)),e.styles=[...u.styles,hq]})(),iu);var dc='<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';iv=eh("theoplayer-settings-menu-button");class dy extends(ig=c){connectedCallback(){super.connectedCallback(),this.hasAttribute(lx.ARIA_LABEL)||this.setAttribute(lx.ARIA_LABEL,"open settings menu")}render(){return es`<span part="icon"><slot>${em(dc)}</slot></span>`}}({c:[O,im]}=ek(dy,[],[iv],ig)),im();var d_=eo`:host(:not([fullscreen])) [part=exit-icon],:host([fullscreen]) [part=enter-icon]{display:none!important}`;let dv="theoplayerfullscreenenter",dm="theoplayerfullscreenexit";function dg(e,t){void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeCss?window.ShadyCSS.styleSubtree(e,t):null!=t&&function(e,t){let r=e.style;for(let[e,a]of Object.entries(t))r.setProperty(e,a)}(e,t)}ik=eh("theoplayer-fullscreen-button"),iw=lJ(["fullscreen"]),iE=ed({reflect:!0,type:Boolean,attribute:lx.FULLSCREEN}),new(ib=class extends ew{constructor(){super(I),ix()}},(()=>{var e=lP("____private_fullscreen_1");class r extends(iT=t){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get fullscreen(){return lR(this,e)[e]}set fullscreen(t){lR(this,e)[e]=t}handleClick(){if(this.fullscreen){let e=hi(dm,{bubbles:!0,composed:!0});this.dispatchEvent(e)}else{let e=hi(dv,{bubbles:!0,composed:!0});this.dispatchEvent(e)}}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),r.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e=this.fullscreen?"exit fullscreen":"enter fullscreen";this.setAttribute(lx.ARIA_LABEL,e)}render(){return es`<span part="enter-icon"><slot name="enter-icon">${em('<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>\n')}</slot></span><span part="exit-icon"><slot name="exit-icon">${em('<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>\n')}</slot></span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(iC(this),iL(this,!1))}}({e:[iL,iC],c:[I,ix]}=ek(r,[[iE,1,"fullscreen"]],[ik,iw],iT)),r.styles=[...t.styles,d_]})(),ib);var db=eo`: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}`;class df{add(e,t,r){if((t=Math.max(t,0))>=(r=Math.min(r,100)))return;let a=lV(this._stops,([,e])=>t<=e);if(a<0)return;let[i,o]=this._stops[a],n=[];if(t>0&&n.push([i,t]),n.push([e,r]),r<o)n.push([i,o]),this._stops.splice(a,1,...n);else{let e=a+1;for(;e<this._stops.length&&!(r<this._stops[e][1]);)e++;this._stops.splice(a,e-a,...n)}}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]]}}iR=lJ(["deviceType"]),iM=ep(),iO=ed({reflect:!0,type:Boolean,attribute:lx.DISABLED}),iI=ed({reflect:!0,type:Boolean,attribute:lx.HIDDEN}),iB=ed({reflect:!0,type:Boolean,attribute:lx.INERT}),iD=ed({reflect:!1,attribute:!1}),iN=ed({reflect:!0,type:Number,attribute:"min"}),i$=ed({reflect:!0,type:Number,attribute:"max"}),iF=ed({reflect:!0,attribute:"step",converter:{fromAttribute:e=>null==e||"any"===e?"any":Number(e)}}),iq=ed({reflect:!0,type:String,attribute:lx.DEVICE_TYPE}),iU=ed({reflect:!0,type:String,attribute:"aria-live"}),new(iA=class extends ew{constructor(){super(B),iS()}},(()=>{var e=lP("____private__pointerWidth_1"),t=lP("____private_step_2"),r=lP("____private_deviceType_3"),a=lP("____private_ariaLive_4");class i extends(iP=en){get _pointerWidth(){return lR(this,e)[e]}set _pointerWidth(t){lR(this,e)[e]=t}connectedCallback(){super.connectedCallback(),this._updateRange(),this.addEventListener("pointermove",this._updatePointerBar)}disconnectedCallback(){this.removeEventListener("pointermove",this._updatePointerBar)}get disabled(){return this._disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this.setAttribute("aria-disabled",this._disabled?"true":"false"))}get hidden(){return this._hidden}set hidden(e){this._hidden!==e&&(this._hidden=e,this._updateRange())}get inert(){return this._inert}set inert(e){this._inert=e}get value(){return this._value}set value(e){let t=e;isNaN(this.min)||(t=Math.max(this.min,t)),isNaN(this.max)||(t=Math.min(this.max,t)),this._value!==t&&(this._value=t,this.handleInput())}get min(){return this._min}set min(e){this._min=e,this._updateRange()}get max(){return this._max}set max(e){this._max=e,this._updateRange()}get step(){return lR(this,t)[t]}set step(e){lR(this,t)[t]=e}get deviceType(){return lR(this,r)[r]}set deviceType(e){lR(this,r)[r]=e}get ariaLive(){return lR(this,a)[a]}set ariaLive(e){lR(this,a)[a]=e}handleInput(){this._updateRange()}_updateRange(e){this.hidden||(e||this.updateCachedWidths_(),this.updateBar_())}updateBar_(){let e=this.getBarColors().toGradientStops();dg(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;t<e&&e<r&&(i=this._thumbWidth*(.5-a/100)/this._rangeWidth*100);let o=new df;return o.add("var(--theoplayer-range-bar-color, #fff)",0,a+i),o}updateCachedWidths_(){var e,t;let r=null!=(t=null==(e=this._rangeRef.value)?void 0:e.offsetWidth)?t:0;r>0&&(this._rangeWidth=r);let a=parseInt(getComputedStyle(this).getPropertyValue("--theoplayer-range-thumb-width")||"10px");a>0&&(this._thumbWidth=a)}getMinimumStepForVisibleChange_(){let{min:e,max:t}=this,r=t-e;return r<=0?NaN:r/this._rangeWidth}updatePointer_(e,t){this._pointerWidth=e*t.width}handleKeyDown_(e){"tv"===this.deviceType&&lE(e.keyCode)&&(e.keyCode===lT.LEFT||e.keyCode===lT.RIGHT?e.stopPropagation():(e.keyCode===lT.UP||e.keyCode===lT.DOWN)&&e.preventDefault())}render(){return es`<div part="container"><div part="background"></div><div part="pointer" style="${eb({width:`${this._pointerWidth}px`})}"></div><input type="range" ${e_(this._rangeRef)} .min="${this.min}" .max="${this.max}" .step="${this.step}" .value="${this.value}" .disabled="${this.disabled||this.inert}" aria-label="${this.getAriaLabel()}" aria-valuetext="${this.getAriaValueText()}" aria-live="${this.ariaLive}" @input="${this._onInput}" @change="${this._onInput}" @keydown="${this._onKeyDown}"> ${this.renderRangeExtras()}</div>`}renderRangeExtras(){return es``}constructor(...i){super(...i),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),this._rangeRef=(iQ(this),ev()),this._min=0,this._max=100,this._value=0,this._disabled=!1,this._hidden=!1,this._inert=!1,this._rangeWidth=0,this._thumbWidth=10,lR(this,e)[e]=iV(this,0),lR(this,t)[t]=iz(this,"any"),lR(this,r)[r]=ij(this,"desktop"),lR(this,a)[a]=iH(this,null),this._onInput=e=>{this.value=e.target.valueAsNumber},this._updatePointerBar=e=>{let t=this._rangeRef.value;if(this.disabled||this.inert||!t)return;let r=t.getBoundingClientRect(),a=(e.clientX-r.left)/r.width;a=Math.max(0,Math.min(1,a)),this.updatePointer_(a,r)},this._onKeyDown=e=>{this.handleKeyDown_(e)}}}({e:[iV,iz,ij,iH,iQ],c:[B,iS]}=ek(i,[[iM,1,"_pointerWidth"],[iO,4,"disabled"],[iI,4,"hidden"],[iB,4,"inert"],[iD,4,"value"],[iN,4,"min"],[i$,4,"max"],[iF,1,"step"],[iq,1,"deviceType"],[iU,1,"ariaLive"]],[iR],iP)),i.styles=[db]})(),iA);var dk=eo`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%)}`;let dw="theoplayerpreviewtimechange";function dx(e){return"linear"===e.type}var dT=eo`:host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none!important}canvas{background:#fff;background:var(--theoplayer-preview-thumbnail-background,#fff);border-radius:2px;border-radius:var(--theoplayer-preview-thumbnail-padding,2px);display:none;padding:2px;padding:var(--theoplayer-preview-thumbnail-padding,2px)}`;let dE=["addtrack","removetrack"];function dL(e){return"metadata"===e.kind&&"thumbnails"===e.label}iG=eh("theoplayer-preview-thumbnail"),iK=lJ(["player","previewTime"]),iJ=ep(),iX=ed({reflect:!1,attribute:!1}),i0=ep(),new(iW=class extends ew{constructor(){super(D),iZ()}},(()=>{var e=lP("____private__thumbnailVisible_1");class t extends(iY=en){get _thumbnailVisible(){return lR(this,e)[e]}set _thumbnailVisible(t){lR(this,e)[e]=t}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._textTrackList)||t.removeEventListener(dE,this._updateThumbnailTextTrack),this._player=e,this._textTrackList=null==e?void 0:e.textTracks,this._updateThumbnailTextTrack(),null==(r=this._textTrackList)||r.addEventListener(dE,this._updateThumbnailTextTrack))}get previewTime(){return this._previewTime}set previewTime(e){this._previewTime=e,this.updateThumbnail_()}updateThumbnail_(){let e=this._thumbnailTextTrack;if(void 0===e)return void this.hideThumbnail_();"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)return void this.hideThumbnail_();let r=t.content.trim(),a=function(e){let t=e.match(/^(.+)#xywh=(\d+),(\d+),(\d+),(\d+)$/);if(!t)return;let[,r,a,i,o,n]=t;return{url:r,x:+a,y:+i,w:+o,h:+n}}(r),i=a?a.url:r;if(i=new URL(i,e.src||location.href).href,this._lastLoadedThumbnailUrl!==i)return void this.loadThumbnailImage_(i);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,lD)):(this._thumbnailImageSource.onload=t,this._thumbnailImageSource.src="",this._thumbnailImageSource.src=e)}showThumbnail_(e){var t;let r=this._canvasRef.value;r&&(null!=this._canvasContext||(this._canvasContext=null!=(t=r.getContext("2d"))?t:void 0),this._canvasContext&&(e?(r.width=e.w,r.height=e.h,this._canvasContext.drawImage(this._thumbnailImageSource,e.x,e.y,e.w,e.h,0,0,e.w,e.h)):(r.width=this._thumbnailImageSource.naturalWidth,r.height=this._thumbnailImageSource.naturalHeight,this._canvasContext.drawImage(this._thumbnailImageSource,0,0)),this._thumbnailVisible=!0))}hideThumbnail_(){this._thumbnailVisible=!1}render(){let e={display:this._thumbnailVisible?"block":"none"};return es`<canvas ${e_(this._canvasRef)} style="${eb(e)}"></canvas>`}constructor(){super(),Object.defineProperty(this,e,{writable:!0,value:void 0}),this._canvasRef=(i5(this),ev()),this._previewTime=NaN,lR(this,e)[e]=i1(this,!1),this._updateThumbnailTextTrack=()=>{let e=this._thumbnailTextTrack,t=this._player?lU(this._player.textTracks,dL):void 0;e!==t&&(this._thumbnailTextTrack=t,this.updateThumbnail_())},this._thumbnailImageSource=document.createElement("img"),this._thumbnailImageSource.decoding="async"}}({e:[i1,i5],c:[D,iZ]}=ek(t,[[iJ,1,"_thumbnailVisible"],[iX,4,"player"],[i0,4,"previewTime"]],[iG,iK],iY)),t.styles=[dT]})(),iW);let dC=["timeupdate","seeking","seeked","durationchange"];i3=eh("theoplayer-preview-time-display"),i4=lJ(["player","previewTime","streamType"]),i6=ep(),i9=ed({reflect:!0,type:Boolean,attribute:lx.REMAINING}),oe=ed({reflect:!0,type:Boolean,attribute:lx.REMAINING_WHEN_LIVE}),ot=ed({reflect:!0,type:String,attribute:lx.STREAM_TYPE}),or=ed({reflect:!1,attribute:!1}),oa=ep(),new(i2=class extends ew{constructor(){super(N),i8()}},(()=>{var e=lP("____private_previewTime_1"),t=lP("____private_remaining_2"),r=lP("____private_remainingWhenLive_3"),a=lP("____private_streamType_4"),i=lP("____private__endTime_5");class o extends(i7=en){connectedCallback(){super.connectedCallback(),this._updateFromPlayer()}get previewTime(){return lR(this,e)[e]}set previewTime(t){lR(this,e)[e]=t}get remaining(){return lR(this,t)[t]}set remaining(e){lR(this,t)[t]=e}get remainingWhenLive(){return lR(this,r)[r]}set remainingWhenLive(e){lR(this,r)[r]=e}get streamType(){return lR(this,a)[a]}set streamType(e){lR(this,a)[a]=e}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(dC,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(dC,this._updateFromPlayer))}get _endTime(){return lR(this,i)[i]}set _endTime(e){lR(this,i)[i]=e}render(){let e=this.previewTime,t=this._endTime,r=this.remaining||this.remainingWhenLive&&"vod"!==this.streamType;return r&&(e=-((t||0)-e)),es`<span>${l7(e,t,r)}</span>`}constructor(...o){super(...o),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),lR(this,e)[e]=(oh(this),oi(this,NaN)),lR(this,t)[t]=oo(this,!1),lR(this,r)[r]=on(this,!1),lR(this,a)[a]=os(this,"vod"),lR(this,i)[i]=ol(this,0),this._updateFromPlayer=()=>{var e;let t=this._player?this._player.duration:NaN,r=null==(e=this._player)?void 0:e.seekable;this._endTime=isFinite(t)?t:r&&r.length>0?r.end(0):NaN}}}({e:[oi,oo,on,os,ol,oh],c:[N,i8]}=ek(o,[[i6,1,"previewTime"],[i9,1,"remaining"],[oe,1,"remainingWhenLive"],[ot,1,"streamType"],[or,4,"player"],[oa,1,"_endTime"]],[i3,i4],i7)),o.styles=[l4]})(),i2);let dA=["timeupdate","durationchange","ratechange","seeking","seeked"],dR=["play","pause","ended","durationchange","readystatechange","error"],dS=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];op=eh("theoplayer-time-range"),ou=lJ(["player","streamType","deviceType"]),o_=ed({reflect:!1,attribute:!1}),ov=ed({reflect:!0,type:String,attribute:lx.STREAM_TYPE}),om=ed({reflect:!0,type:Boolean,attribute:lx.SHOW_AD_MARKERS}),og=ep(),new(od=class extends ew{constructor(){super($),oc()}},(()=>{var e,t=lP("____private__previewRailTransform_1");class r extends(oy=B){connectedCallback(){super.connectedCallback(),this._toggleAutoAdvance()}firstUpdated(e){var t,r;null==(t=this._rangeRef.value)||t.addEventListener("mousedown",this._pauseOnScrubStart),null==(r=this._rangeRef.value)||r.addEventListener("pointerdown",this._pauseOnScrubStart)}disconnectedCallback(){var e,t;super.disconnectedCallback(),null==(e=this._rangeRef.value)||e.removeEventListener("mousedown",this._pauseOnScrubStart),null==(t=this._rangeRef.value)||t.removeEventListener("pointerdown",this._pauseOnScrubStart),this._toggleAutoAdvance()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(dA,this._updateFromPlayer),this._player.removeEventListener(dR,this._toggleAutoAdvance)),null==(t=this._ads)||t.removeEventListener(dS,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),this._toggleAutoAdvance(),void 0!==this._player&&(this._player.addEventListener(dA,this._updateFromPlayer),this._player.addEventListener(dR,this._toggleAutoAdvance)),null==(r=this._ads)||r.addEventListener(dS,this._onAdChange))}get streamType(){return this._streamType}set streamType(e){this._streamType=e,this.updateDisabled_()}get showAdMarkers(){return this._showAdMarkers}set showAdMarkers(e){this._showAdMarkers=e,this._updateRange()}updateDisabled_(t=null==(e=this._player)?void 0:e.seekable){let r="live"===this.streamType;void 0!==t&&(r||(r=0===t.length)),this.disabled=r}getAriaLabel(){return"seek"}getAriaValueText(){let e=he(this.value),t=he(this.max);return e&&t?`${e} of ${t}`:"video not loaded, unknown time"}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&&isFinite(this._lastCurrentTime)&&this.needToUpdateEveryFrame_()}needToUpdateEveryFrame_(){return this.getMinimumStepForVisibleChange_()<.25*this._lastPlaybackRate}get _previewRailTransform(){return lR(this,t)[t]}set _previewRailTransform(e){lR(this,t)[t]=e}updatePointer_(e,t){super.updatePointer_(e,t);let r=t.left+e*t.width,a=this._previewBoxEl.value;if(a){let e=a.getBoundingClientRect(),i=((r=Math.max(t.left+e.width/2,Math.min(t.right-e.width/2,r)))-t.left)/t.width;this._previewRailTransform=`translateX(${(100*i*100).toFixed(6)}%)`}if(void 0===this._player)return;let{min:i,max:o}=this,n=hi(dw,{bubbles:!0,composed:!0,detail:{previewTime:i+e*(o-i)}});this.dispatchEvent(n)}getBarColors(){let e=super.getBarColors();if(!this.showAdMarkers||!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(dx))continue;let i=a.timeOffset;if(i<0&&(i=this._player.duration),t<=i&&i<=r){let a,o,n=(i-t)/(r-t)*100;n+1<100?(a=n,o=n+1):(a=99,o=100),e.add("var(--theoplayer-time-range-ad-marker-color, #ffc50f)",a,o)}}return e}handleKeyDown_(e){super.handleKeyDown_(e),"tv"===this.deviceType&&e.keyCode===lT.ENTER&&void 0!==this._player&&(this._player.paused?this._player.play():this._player.pause())}renderRangeExtras(){return es`<div class="theoplayer-time-range-preview-rail" style="${eb({transform:this._previewRailTransform})}"><div part="box preview-box" ${e_(this._previewBoxEl)}><slot name="preview"><theoplayer-preview-thumbnail></theoplayer-preview-thumbnail><theoplayer-preview-time-display remaining-when-live></theoplayer-preview-time-display></slot></div></div>`}constructor(){super(),Object.defineProperty(this,t,{writable:!0,value:void 0}),this._previewBoxEl=(of(this),ev()),this._streamType="vod",this._showAdMarkers=!1,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,a=this._lastCurrentTime;0!==r.length?(e=r.start(0),t=r.end(0)):(e=0,t=this._player.duration),isFinite(this._lastCurrentTime)||(a=this._player.duration===1/0?t:e),this.min=e,this.max=t,this.value=a,this.updateDisabled_(r)},this._pauseOnScrubStart=()=>{this._pausedWhileScrubbing||this.disabled||this.inert||void 0===this._player||this._player.paused||(this._pausedWhileScrubbing=!0,this._player.pause(),document.addEventListener("mouseup",this._playOnScrubEnd),document.addEventListener("pointerup",this._playOnScrubEnd),document.addEventListener("pointercancel",this._playOnScrubEnd))},this._playOnScrubEnd=()=>{this._pausedWhileScrubbing&&(this._pausedWhileScrubbing=!1,document.removeEventListener("mouseup",this._playOnScrubEnd),document.removeEventListener("pointerup",this._playOnScrubEnd),document.removeEventListener("pointercancel",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.value=t,this._updateRange(!0)),this._autoAdvanceId=requestAnimationFrame(this._autoAdvanceWhilePlaying)},lR(this,t)[t]=ob(this,""),this._onAdChange=()=>{this._updateRange()},this.min=0,this.max=1e3,this.ariaLive="off"}}({e:[ob,of],c:[$,oc]}=ek(r,[[o_,4,"player"],[ov,4,"streamType"],[om,4,"showAdMarkers"],[og,1,"_previewRailTransform"]],[op,ou],oy)),r.styles=[...B.styles,dk]})(),od),ok=eh("theoplayer-volume-range"),ow=lJ(["player","deviceType"]),oE=ed({reflect:!1,attribute:!1});class dP extends(oT=B){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(),this._updateFromPlayer=(oL(this),()=>{void 0!==this._player&&(this.value=this._player.volume)}),this.min=0,this.max=1}}({e:[oL],c:[F,ox]}=ek(dP,[[oE,4,"player"]],[ok,ow],oT)),ox();var dM=eo`:host{box-sizing:border-box;display:flex;gap:10px;gap:var(--theoplayer-error-icon-gap,10px);max-width:80%;max-width:var(--theoplayer-error-max-width,80%);min-width:0;min-width:var(--theoplayer-error-min-width,0)}:host([hidden]){display:none!important}[part~=icon]{flex:0 0 auto;font-size:0}::slotted(img),::slotted(svg),img,svg{fill:#fff;fill:var(--theoplayer-error-icon-color,var(--theoplayer-icon-color,#fff));height:48px;height:var(--theoplayer-error-icon-height,48px);max-height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:48px;width:var(--theoplayer-error-icon-width,48px)}[part~=heading]{color:#fff;color:var(--theoplayer-error-heading-color,#fff);line-height:48px;line-height:var(--theoplayer-error-icon-height,48px);margin:0 0 10px;margin:var(--theoplayer-error-heading-margin,0 0 10px);padding:0}[part~=message]{color:#fff;color:var(--theoplayer-error-message-color,#fff);margin:0;margin:var(--theoplayer-error-message-margin,0);padding:0}[part~=fullscreen-controls]{bottom:0;display:flex;justify-content:flex-end;left:0;position:absolute;right:0}:host(:not([fullscreen])) [part~=fullscreen-controls]{display:none!important}`;oA=eh("theoplayer-error-display"),oR=lJ(["error","fullscreen"]),oM=ed({reflect:!1,attribute:!1}),oO=ed({reflect:!0,type:Boolean,attribute:lx.FULLSCREEN}),new(oC=class extends ew{constructor(){super(q),oS()}},(()=>{var e=lP("____private_error_1"),t=lP("____private_fullscreen_2");class r extends(oP=en){get error(){return lR(this,e)[e]}set error(t){lR(this,e)[e]=t}get fullscreen(){return lR(this,t)[t]}set fullscreen(e){lR(this,t)[t]=e}render(){var e,t;return es`<div part="icon"><slot name="icon">${em('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="48" width="48"><path d="M24.15 26.4q.85 0 1.425-.575.575-.575.575-1.425v-9.2q0-.8-.6-1.375t-1.4-.575q-.85 0-1.425.575-.575.575-.575 1.425v9.2q0 .8.6 1.375t1.4.575ZM24 34.7q1 0 1.625-.625t.625-1.625q0-.95-.625-1.625T24 30.15q-1 0-1.625.675t-.625 1.625q0 1 .625 1.625T24 34.7Zm0 10q-4.4 0-8.175-1.575Q12.05 41.55 9.25 38.75q-2.8-2.8-4.375-6.575Q3.3 28.4 3.3 24q0-4.35 1.575-8.125Q6.45 12.1 9.25 9.3q2.8-2.8 6.575-4.425Q19.6 3.25 24 3.25q4.35 0 8.125 1.625Q35.9 6.5 38.7 9.3q2.8 2.8 4.425 6.575Q44.75 19.65 44.75 24q0 4.4-1.625 8.175Q41.5 35.95 38.7 38.75q-2.8 2.8-6.575 4.375Q28.35 44.7 24 44.7Z"/></svg>\n')}</slot></div><div part="text"><h1 part="heading"><slot name="heading">An error occurred</slot></h1><p part="message"><slot name="message">${null!=(t=null==(e=this.error)?void 0:e.message)?t:""}</slot></p></div><div part="fullscreen-controls"><slot name="fullscreen-controls"><theoplayer-fullscreen-button></theoplayer-fullscreen-button></slot></div>`}constructor(...r){super(...r),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),lR(this,e)[e]=(oD(this),oI(this)),lR(this,t)[t]=oB(this,!1)}}({e:[oI,oB,oD],c:[q,oS]}=ek(r,[[oM,1,"error"],[oO,1,"fullscreen"]],[oA,oR],oP)),r.styles=[dM],r.shadowRootOptions={...en.shadowRootOptions,delegatesFocus:!0}})(),oC),oN=ep(),o$=ed({reflect:!0,state:!0,type:String,attribute:lx.CAST_STATE});class dO extends t{connectedCallback(){super.connectedCallback(),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._castState}set castState(e){this._castState=e}handleClick(){if(this._castApi){this._updateCastState();let e=this.castState;"available"===e?this._castApi.start():("connecting"===e||"connected"===e)&&this._castApi.stop()}}constructor(e){super(e),this._castState=(oF(this),"unavailable"),this._updateCastState=()=>{this.castState=this._castApi?this._castApi.state:"unavailable"}}}({e:[oF]}=ek(dO,[[oN,4,"castApi"],[o$,4,"castState"]],[]));var dI=eo`: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{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}}`;let dB=0;oU=eh("theoplayer-chromecast-button"),oV=lJ(["player"]),new(oq=class extends ew{constructor(){super(U),oz()}},(()=>{class e extends(oj=dO){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get player(){return this._player}set player(e){var t;this._player=e,this.castApi=null==e||null==(t=e.cast)?void 0:t.chromecast}attributeChangedCallback(t,r,a){super.attributeChangedCallback(t,r,a),e.observedAttributes.indexOf(t)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e="connecting"===this.castState||"connected"===this.castState?"stop casting to Chromecast":"start casting to Chromecast";this.setAttribute(lx.ARIA_LABEL,e)}render(){let e;return e=this._buttonId,es`<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-${e}"><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-${e})"><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>`}constructor(){super(),this._buttonId=++dB}}({c:[U,oz]}=ek(e,[],[oU,oV],oj)),e.styles=[...dO.styles,dI]})(),oq);var dD=eo`:host{align-items:center;box-sizing:border-box;display:flex;gap:10px;gap:var(--theoplayer-chromecast-display-icon-gap,10px);padding:10px;padding:var(--theoplayer-control-padding,10px);pointer-events:none}:host([hidden]){display:none!important}[part~=icon]{flex:0 0 auto;font-size:0}::slotted(img),::slotted(svg),img,svg{fill:#fff;fill:var(--theoplayer-chromecast-display-icon-color,var(--theoplayer-icon-color,#fff));height:48px;height:var(--theoplayer-chromecast-display-icon-height,48px);max-height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:48px;width:var(--theoplayer-chromecast-display-icon-width,48px)}[part=text]{display:flex;flex-flow:column nowrap}[part=heading]{color:#fff;color:var(--theoplayer-chromecast-display-heading-color,#fff);font-size:14px;font-size:var(--theoplayer-chromecast-display-heading-font-size,var(--theoplayer-text-font-size,14px));margin:0;margin:var(--theoplayer-chromecast-display-heading-margin,0);padding:0}[part=receiver]{color:#fff;color:var(--theoplayer-chromecast-display-receiver-color,#fff);font-size:17.5px;font-size:var(--theoplayer-chromecast-display-receiver-font-size,calc(var(--theoplayer-text-font-size, 14px)*1.25));margin:0;margin:var(--theoplayer-chromecast-display-receiver-margin,0);padding:0}`;let dN=["statechange"];oQ=eh("theoplayer-chromecast-display"),oW=lJ(["player"]),oZ=ep(),new(oH=class extends ew{constructor(){super(V),oG()}},(()=>{var e=lP("____private__receiverName_1");class t extends(oK=en){get _receiverName(){return lR(this,e)[e]}set _receiverName(t){lR(this,e)[e]=t}connectedCallback(){super.connectedCallback(),this.hasAttribute(lx.HIDDEN)||this.setAttribute(lx.HIDDEN,""),this._updateFromPlayer()}get player(){return this._player}set player(e){var t;this._player!==e&&(void 0!==this._castApi&&this._castApi.removeEventListener(dN,this._updateFromPlayer),this._player=e,this._castApi=null==e||null==(t=e.cast)?void 0:t.chromecast,this._updateFromPlayer(),void 0!==this._castApi&&this._castApi.addEventListener(dN,this._updateFromPlayer))}render(){return es`<div part="icon"><slot name="icon">${em('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="M86.956 910.131h65.699q9.171 0 14.801-6.413 5.631-6.413 4.076-14.067-6.099-32.801-29.132-57.242-23.033-24.442-55.051-30.941-7.654-1.555-14.067 4.076-6.413 5.63-6.413 15.164v69.336q0 8.487 5.8 14.287 5.8 5.8 14.287 5.8Zm179.365 0q14.288 0 23.635-9.565 9.348-9.565 7.348-23.261-10.944-78.191-65.681-134.428-54.737-56.237-131.928-67.181-13.696-2-23.26 7.415-9.566 9.416-9.566 23.411 0 12.13 9.311 23.059 9.312 10.929 24.08 13.332 49.566 9.566 84.913 46.696 35.348 37.131 44.914 87.131 2.403 14.768 12.595 24.08 10.192 9.311 23.639 9.311Zm127.147 0q13.904 0 23.261-9.563 9.358-9.563 8.358-23.444-5.819-64.393-33.105-122.128-27.286-57.735-70.589-101.784-43.303-44.049-100.088-71.892-56.784-27.842-121.43-33.407-13.88-1-23.443 8.53-9.563 9.531-9.563 23.377 0 13.615 9.072 23.615 9.072 10 23.62 12.19 103.526 11.636 174.956 85.018 71.43 73.382 82.858 176.796 1.801 14.298 11.995 23.495 10.195 9.197 24.098 9.197ZM123.477 241.304h692.436q31.74 0 55.762 24.021 24.021 24.022 24.021 55.762v509.826q0 31.507-24.021 55.362-24.022 23.856-55.762 23.856H525.696q-16.706 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108 11.452-11.326 28.158-11.326h290.217V321.087H146.087v146q-6.783 6.348-16.595 11.674-9.813 5.326-23.514 5.326-16.457 0-27.783-11.452-11.326-11.451-11.326-28.158v-146q0-21.834 16.838-39.504 16.837-17.669 39.77-17.669Zm317.914 363Z"/></svg>\n')}</slot></div><div part="text"><p part="heading"><slot name="heading">Playing on</slot></p><p part="receiver">${this._receiverName}</p></div>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(oJ(this),oY(this,"Chromecast")),this._updateFromPlayer=()=>{var e,t;let r=null==(t=this._player)||null==(e=t.cast)?void 0:e.chromecast;void 0===r||"connected"!==r.state?this.setAttribute(lx.HIDDEN,""):(this._receiverName=r.receiverName||"Chromecast",this.removeAttribute(lx.HIDDEN))}}}({e:[oY,oJ],c:[V,oG]}=ek(t,[[oZ,1,"_receiverName"]],[oQ,oW],oK)),t.styles=[dD]})(),oH);var d$=es`<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>`,dF=eo`: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}`;o0=eh("theoplayer-airplay-button"),o1=lJ(["player"]),new(oX=class extends ew{constructor(){super(z),o5()}},(()=>{class e extends(o2=dO){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get player(){return this._player}set player(e){var t;this._player=e,this.castApi=null==e||null==(t=e.cast)?void 0:t.airplay}attributeChangedCallback(t,r,a){super.attributeChangedCallback(t,r,a),e.observedAttributes.indexOf(t)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e="connecting"===this.castState||"connected"===this.castState?"stop playing on AirPlay":"start playing on AirPlay";this.setAttribute(lx.ARIA_LABEL,e)}render(){return d$}}({c:[z,o5]}=ek(e,[],[o0,o1],o2)),e.styles=[...dO.styles,dF]})(),oX);var dq=eo`:host{box-sizing:border-box;display:inline-flex;pointer-events:none!important;vertical-align:middle}[part=icon]{opacity:0;transition:visibility .15s,opacity .15s;visibility:hidden}:host([loading]) [part=icon]{opacity:1;transition:visibility 0s,opacity 0s;transition-delay:.5s;transition-delay:var(--theoplayer-loading-delay,.5s);visibility:visible}[part=icon] ::slotted(img),[part=icon] ::slotted(svg){fill:#fff;fill:var(--theoplayer-loading-icon-color,var(--theoplayer-icon-color,#fff));height:48px;height:var(--theoplayer-loading-icon-height,var(--theoplayer-loading-icon-width,48px));vertical-align:middle;width:48px;width:var(--theoplayer-loading-icon-width,48px)}.theoplayer-loading-progress{direction:ltr;display:inline-flex;font-size:0;height:48px;height:var(--theoplayer-loading-icon-height,var(--theoplayer-loading-icon-width,48px));letter-spacing:0;line-height:0;position:relative;white-space:nowrap;width:48px;width:var(--theoplayer-loading-icon-width,48px)}.theoplayer-loading-progress svg,.theoplayer-loading-spinner{height:100%;position:absolute;width:100%}.theoplayer-loading-progress svg{stroke:#fff;stroke:var(--theoplayer-loading-icon-color,var(--theoplayer-icon-color,#fff))}.theoplayer-loading-gap-patch{box-sizing:border-box;height:100%;left:47.5%;overflow:hidden;position:absolute;top:0;width:5%}.theoplayer-loading-gap-patch svg{left:-900%;transform:rotate(180deg);width:2000%}.theoplayer-loading-circle-clipper{display:inline-flex;height:100%;overflow:hidden;position:relative;width:50%}.theoplayer-loading-circle-clipper svg{width:200%}.theoplayer-loading-circle-right svg{left:-100%}.theoplayer-loading-progress{animation:theoplayer-circular-progress-container-rotate 1568ms linear infinite}.theoplayer-loading-spinner{animation:theoplayer-circular-progress-spinner-layer-rotate 5333ms cubic-bezier(.4,0,.2,1) infinite both}.theoplayer-loading-circle-left svg{animation:theoplayer-circular-progress-left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.theoplayer-loading-circle-right svg{animation:theoplayer-circular-progress-right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}@keyframes theoplayer-circular-progress-container-rotate{to{transform:rotate(1turn)}}@keyframes theoplayer-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(3turn)}}@keyframes theoplayer-circular-progress-left-spin{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes theoplayer-circular-progress-right-spin{0%{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}`,dU=es`<div part="icon"><slot name="icon"><div aria-hidden="true" class="theoplayer-loading-progress"><div class="theoplayer-loading-spinner"><div class="theoplayer-loading-circle-clipper theoplayer-loading-circle-left"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="18" fill="none" stroke-dasharray="113.097" stroke-dashoffset="56.549" stroke-width="4"/></svg></div><div class="theoplayer-loading-gap-patch"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="18" fill="none" stroke-dasharray="113.097" stroke-dashoffset="56.549" stroke-width="3.2"/></svg></div><div class="theoplayer-loading-circle-clipper theoplayer-loading-circle-right"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="18" fill="none" stroke-dasharray="113.097" stroke-dashoffset="56.549" stroke-width="4"/></svg></div></div></div></slot></div>`;let dV=["readystatechange","play","pause","playing","seeking","seeked"];o4=eh("theoplayer-loading-indicator"),o8=lJ(["player"]),o9=ed({reflect:!1,attribute:!1}),ne=ed({reflect:!0,type:Boolean,attribute:lx.LOADING}),new(o3=class extends ew{constructor(){super(j),o7()}},(()=>{var e=lP("____private_loading_1");class t extends(o6=en){get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(dV,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(dV,this._updateFromPlayer))}get loading(){return lR(this,e)[e]}set loading(t){lR(this,e)[e]=t}render(){return dU}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(nr(this),nt(this,!1)),this._updateFromPlayer=()=>{this.loading=void 0!==this._player&&!this._player.paused&&(this._player.seeking||this._player.readyState<3)}}}({e:[nt,nr],c:[j,o7]}=ek(t,[[o9,4,"player"],[ne,1,"loading"]],[o4,o8],o6)),t.styles=[dq]})(),o3);var dz=eo`:host{box-sizing:border-box;display:inline-block;pointer-events:none!important}`;ni=eh("theoplayer-gesture-receiver"),no=lJ(["player","deviceType"]),nl=ed({reflect:!1,attribute:!1}),nh=ed({reflect:!1,attribute:!1}),new(na=class extends ew{constructor(){super(H),nn()}},(()=>{var e=lP("____private_deviceType_1");class t extends(ns=en){connectedCallback(){super.connectedCallback(),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)))}get deviceType(){return lR(this,e)[e]}set deviceType(t){lR(this,e)[e]=t}handleTap(e){}handleMouseClick(e){if("desktop"===this.deviceType&&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())}}render(){return es``}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),this._pointerType=(np(this),""),lR(this,e)[e]=nd(this,"desktop"),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)}}}({e:[nd,np],c:[H,nn]}=ek(t,[[nl,4,"player"],[nh,1,"deviceType"]],[ni,no],ns)),t.styles=[dz]})(),na);var dj=eo`[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)}`;let dH=["play","pause","playing","emptied"],dQ=["seeking","seeked","timeupdate","durationchange","emptied"];nc=eh("theoplayer-live-button"),ny=lJ(["player","streamType"]),nm=ed({reflect:!0,type:Boolean,attribute:lx.PAUSED}),ng=ed({reflect:!0,type:String,attribute:lx.STREAM_TYPE}),nb=ed({reflect:!0,type:Number,attribute:lx.LIVE_THRESHOLD,useDefault:!0}),nf=ed({reflect:!0,type:Boolean,attribute:lx.LIVE}),nk=ed({reflect:!1,attribute:!1}),new(nu=class extends ew{constructor(){super(Q),n_()}},(()=>{var e=lP("____private_paused_1"),r=lP("____private_streamType_2"),a=lP("____private_live_3");class i extends(nv=t){connectedCallback(){super.connectedCallback(),this.hasAttribute(lx.ARIA_LABEL)||this.setAttribute(lx.ARIA_LABEL,"seek to live")}get paused(){return lR(this,e)[e]}set paused(t){lR(this,e)[e]=t}get streamType(){return lR(this,r)[r]}set streamType(e){lR(this,r)[r]=e}get liveThreshold(){return this._liveThreshold}set liveThreshold(e){this._liveThreshold=isNaN(e)?0:e,this._updateLive()}get live(){return lR(this,a)[a]}set live(e){lR(this,a)[a]=e}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(dH,this._updatePaused),this._player.removeEventListener(dQ,this._updateLive)),this._player=e,this._updatePaused(),this._updateLive(),void 0!==this._player&&(this._player.addEventListener(dH,this._updatePaused),this._player.addEventListener(dQ,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()))}render(){return es`<span part="icon"><slot name="icon">${em('<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>\n')}</slot></span><slot name="spacer"></slot><span part="text"><slot name="text">LIVE</slot></span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),this._liveThreshold=(nE(this),10),lR(this,e)[e]=nw(this,!1),lR(this,r)[r]=nx(this,"vod"),lR(this,a)[a]=nT(this,!1),this._updatePaused=()=>{this.paused=void 0===this._player||this._player.paused},this._updateLive=()=>{this.live=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)}}}({e:[nw,nx,nT,nE],c:[Q,n_]}=ek(i,[[nm,1,"paused"],[ng,1,"streamType"],[nb,4,"liveThreshold"],[nf,1,"live"],[nk,4,"player"]],[nc,ny],nv)),i.styles=[...t.styles,dj]})(),nu);var dW=eo`:host{padding:5px 10px;padding:calc(var(--theoplayer-control-padding, 10px) - var(--theoplayer-ad-display-padding, 5px)) var(--theoplayer-control-padding,10px);pointer-events:none}span{background:#ffc50f;background:var(--theoplayer-ad-display-background,#ffc50f);border-radius:2px;border-radius:var(--theoplayer-ad-display-border-radius,2px);color:#000;color:var(--theoplayer-ad-display-text-color,#000);display:inline-block;padding:5px;padding:var(--theoplayer-ad-display-padding,5px)}`;let dG=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];nC=eh("theoplayer-ad-display"),nA=lJ(["player"]),nP=ep(),nM=ed({reflect:!1,attribute:!1}),new(nL=class extends ew{constructor(){super(W),nR()}},(()=>{var e=lP("____private__text_1");class t extends(nS=en){get _text(){return lR(this,e)[e]}set _text(t){lR(this,e)[e]=t}connectedCallback(){super.connectedCallback(),this._updateFromPlayer()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._ads)||t.removeEventListener(dG,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(dG,this._updateFromPlayer))}render(){return es`<span>${this._text}</span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(nI(this),nO(this,"")),this._updateFromPlayer=()=>{var e,t,r;let a=null==(e=this._player)?void 0:e.ads,i=(null!=(r=null==a||null==(t=a.currentAdBreak)?void 0:t.ads)?r:[]).filter(dx);if(void 0===a||!a.playing||0===i.length){this._text="",this.style.display="none";return}if(i.length>1){let e=lU(this._player.ads.currentAds||[],dx);if(e){let t=i.indexOf(e);if(t>=0){this._text=`Ad ${t+1} of ${i.length}`,this.style.display="";return}}}this._text="Ad",this.style.display=""}}}({e:[nO,nI],c:[W,nR]}=ek(t,[[nP,1,"_text"],[nM,4,"player"]],[nC,nA],nS)),t.styles=[l4,dW]})(),nL);var dK=eo`:host{pointer-events:none}`;let dZ=["adbreakbegin","adbreakend","adbreakchange","updateadbreak"];nD=eh("theoplayer-ad-countdown"),nN=lJ(["player"]),nq=ep(),nU=ed({reflect:!1,attribute:!1}),new(nB=class extends ew{constructor(){super(G),n$()}},(()=>{var e=lP("____private__maxRemainingDuration_1");class t extends(nF=en){get _maxRemainingDuration(){return lR(this,e)[e]}set _maxRemainingDuration(t){lR(this,e)[e]=t}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(dZ,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(a=this._ads)||a.addEventListener(dZ,this._onAdChange))}render(){return es`<span>Content will resume in ${this._maxRemainingDuration}s</span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(nz(this),nV(this,0)),this._onAdChange=()=>{var e,t,r;(null==(t=this._player)||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||null==(t=r.currentAdBreak)?void 0:t.maxRemainingDuration;void 0===r||!r.playing||void 0===a||a<0?(this._maxRemainingDuration=0,this.style.display="none"):(this._maxRemainingDuration=Math.ceil(a),this.style.display="")}}}({e:[nV,nz],c:[G,n$]}=ek(t,[[nq,1,"_maxRemainingDuration"],[nU,4,"player"]],[nD,nN],nF)),t.styles=[l4,dK]})(),nB);let dY=["adbegin","adend","adloaded","updatead","adskip"];nj=eh("theoplayer-ad-clickthrough-button"),nH=lJ(["player"]),nG=ed({reflect:!0,type:String,attribute:lx.CLICKTHROUGH}),nK=ed({reflect:!1,attribute:!1});class dJ extends(nW=r){connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),null==this.clickThrough&&(this.disabled=!0,this.style.display="none")}get clickThrough(){return this._clickThrough}set clickThrough(e){this._clickThrough!==e&&(this._clickThrough=e,this.href=e?String(e).trim():"#",this.target="_blank",this.disabled=null==e,this.style.display=null!=e?"":"none")}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._ads)||t.removeEventListener(dY,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(dY,this._updateFromPlayer))}handleClick(){var e;null==(e=this._player)||e.pause()}renderLinkContent(){return es`<slot>Visit Advertiser</slot>`}constructor(){super(),this._clickThrough=(nZ(this),null),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=lU(null!=(t=r.currentAds)?t:[],dx);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}}}({e:[nZ],c:[K,nQ]}=ek(dJ,[[nG,4,"clickThrough"],[nK,4,"player"]],[nj,nH],nW)),nQ();var dX=eo`: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))}`;let d0=["adbegin","adend","adloaded","updatead","adskip"];nJ=eh("theoplayer-ad-skip-button"),nX=lJ(["player"]),n5=ep(),n2=ep(),n3=ed({reflect:!1,attribute:!1}),new(nY=class extends ew{constructor(){super(Z),n0()}},(()=>{var e=lP("____private__showCountdown_1"),r=lP("____private__timeToSkip_2");class a extends(n1=t){get _showCountdown(){return lR(this,e)[e]}set _showCountdown(t){lR(this,e)[e]=t}get _timeToSkip(){return lR(this,r)[r]}set _timeToSkip(e){lR(this,r)[r]=e}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(d0,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(a=this._ads)||a.addEventListener(d0,this._onAdChange))}handleClick(){var e,t;null==(t=this._player)||null==(e=t.ads)||e.skip()}render(){let e={visibility:this._showCountdown?"visible":"hidden"},t={visibility:this._showCountdown?"hidden":"visible",pointerEvents:this._showCountdown?"none":""};return es`<span part="countdown" style="${eb(e)}">Skip in ${this._timeToSkip} seconds</span> <span part="skip" style="${eb(t)}"><span part="skip-text"><slot name="skip-text">Skip Ad</slot></span><span part="skip-icon"><slot name="skip-icon">${em('<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>\n')}</slot></span></span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),lR(this,e)[e]=(n7(this),n4(this,!1)),lR(this,r)[r]=n8(this,0),this._onAdChange=()=>{var e,t,r;(null==(t=this._player)||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=lU(null!=(t=r.currentAds)?t:[],dx);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 o=this._player.currentTime;o<i?(this._showCountdown=!0,this._timeToSkip=Math.ceil(i-o),this.style.display="",this.setAttribute(lx.DISABLED,""),this.setAttribute(lx.ARIA_LIVE,"off")):(this._showCountdown=!1,this.style.display="",this.removeAttribute(lx.DISABLED),this.setAttribute(lx.ARIA_LIVE,"polite"))}}}({e:[n4,n8,n7],c:[Z,n0]}=ek(a,[[n5,1,"_showCountdown"],[n2,1,"_timeToSkip"],[n3,4,"player"]],[nJ,nX],n1)),a.styles=[...t.styles,dX]})(),nY);var d1=((eE={}).TopControlBar="top-control-bar",eE.BottomControlBar="bottom-control-bar",eE.Menu="menu",eE);let d5=[];function d2(e){d5.push(e)}var d3=eo`:host{background:#000;background:var(--theoplayer-background,#000);box-sizing:border-box;container-name:theoplayer-ui-container;container-type:size;display:inline-block;height:0;height:var(--theoplayer-height,calc((var(--theoplayer-aspect-ratio, 16 / 9))*0));min-width:300px;min-width:var(--theoplayer-min-width,300px);padding-bottom:56.25%;padding-bottom:calc(100%/(var(--theoplayer-aspect-ratio, 16 / 9)));position:relative}:host([hidden]){display:none!important}:host([fullscreen]){height:100%!important;padding:0!important;width:100%!important}:host(:-webkit-full-screen){height:100%!important;padding:0!important;width:100%!important}:host(:fullscreen){height:100%!important;padding:0!important;width:100%!important}:host([fullwindow]){bottom:0!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}:host([fluid]){--theoplayer-aspect-ratio:var(--theoplayer-video-width,16) /var(--theoplayer-video-height,9)}[part~=chrome]{position:relative}[part~=layer]{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}[part~=chrome],[part~=layer]:not([part~=media-layer]){display:flex}[part~=chrome],[part~=gesture-layer],[part~=vertical-layer]{pointer-events:none}[part~=chrome] ::slotted(*){pointer-events:auto}[part~=media-layer] video{border-radius:0;border-radius:var(--theoplayer-video-border-radius,0);-o-object-fit:contain;object-fit:contain;-o-object-fit:var(--theoplayer-video-object-fit,contain);object-fit:var(--theoplayer-video-object-fit,contain)}[part~=media-layer] .theoplayer-ad-linear{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}[part~=media-layer] .theo-ad-remaining-container,[part~=media-layer] .theoplayer-ad-skip,[part~=media-layer] .theoplayer-ad-touch-clickthrough{display:none!important}[part~=chrome],[part~=vertical-layer]{align-items:stretch;flex-flow:column nowrap}[part~=centered]{align-items:center;justify-content:center}[part~=middle]{flex-grow:1}[part~=vertical-layer]:before{background:transparent;background:var(--theoplayer-control-backdrop-background,transparent);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:host(:not([mobile]):not([tv])) [part~=menu-layer]{bottom:0;bottom:var(--theoplayer-menu-offset-bottom,0);padding:10px;padding:var(--theoplayer-menu-layer-padding,10px);top:0;top:var(--theoplayer-menu-offset-top,0)}[part=menu]{background:rgba(0,0,0,.5);background:var(--theoplayer-menu-backdrop-background,rgba(0,0,0,.5));display:flex;justify-self:stretch}[part=menu] ::slotted(*){align-self:stretch;flex-grow:1;justify-self:stretch}:host(:not([mobile])) [part=menu]{margin:auto 0 0 auto;margin:var(--theoplayer-menu-margin-top,auto) var(--theoplayer-menu-margin-right,0) var(--theoplayer-menu-margin-bottom,0) var(--theoplayer-menu-margin-left,auto);max-height:100%;min-width:200px;min-width:var(--theoplayer-menu-min-width,200px)}:host([mobile]) [part=menu]{align-self:stretch;flex-grow:1;margin:0;min-width:auto;pointer-events:none}:host([tv]) [part~=menu-layer]{left:auto}:host([tv]) [part=menu]{align-self:stretch;flex-grow:1;margin:0;min-width:auto;pointer-events:none}:host(:not([menu-opened])) [part~=menu-layer],:host([menu-opened][mobile]) [part~=vertical-layer],:host([menu-opened][tv]) [part~=vertical-layer]{display:none!important}@container theoplayer-ui-container (max-width: 500px) or (max-height: 300px){:host(:not([mobile]):not([tv])) [part~=menu-layer]{bottom:0;left:0;padding:0;right:0;top:0}:host(:not([mobile])) [part=menu]{align-self:stretch;flex-grow:1;margin:0;min-width:auto;pointer-events:none}:host([menu-opened]) [part~=vertical-layer]{display:none!important}}[part~=error-layer]{align-items:center;background:rgba(0,0,0,.5);background:var(--theoplayer-error-background,rgba(0,0,0,.5));justify-content:center}:host(:not([has-error])) [part~=error-layer],:host([has-error]) [part~=layer]:not([part~=media-layer]):not([part~=error-layer]){display:none!important}[part~=chrome] ::slotted(theoplayer-control-bar){align-self:stretch}theoplayer-gesture-receiver{flex-grow:1}:host(:not([mobile])) [part~=chrome] ::slotted([mobile-only]),:host([mobile]) [part~=chrome] ::slotted([mobile-hidden]){display:none!important}:host(:not([tv])) [part~=chrome] ::slotted([tv-only]),:host([tv]) [part~=chrome] ::slotted([tv-hidden]){display:none!important}:host(:not([stream-type=vod])) [part~=chrome] ::slotted([live-hidden]),:host([stream-type=vod]) [part~=chrome] ::slotted([live-only]){display:none!important}:host(:not([playing-ad])) [part~=chrome] ::slotted([ad-only]),:host([playing-ad]) [part~=chrome] ::slotted([ad-hidden]){display:none!important}:host([user-idle]){cursor:none}:host([user-idle]) [part~=chrome] ::slotted(:not([no-auto-hide])){opacity:0;transition:opacity 1s}:host([user-idle]) [part~=vertical-layer]:before{opacity:0;transition:opacity 1s}`;let d4=(()=>{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 d8(){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 d7(){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 d6="theoplayeruseridlechange",d9="theoplayerready";var pe=eo`html.theoplayer-ui-full-window{overflow:hidden!important}html.theoplayer-ui-full-window>body{height:100%!important;margin:0!important;padding:0!important;width:100%!important}`;let pt="theoplayer-ui-global-styles",pr=!1,pa="theoplayer-ui-full-window";function pi(e){let t;for(let r of lW(e).filter(l$))if("0"!==getComputedStyle(r).opacity){let e=hs.fromRect(r.getBoundingClientRect());e.width>0&&e.height>0&&(t=t?t.union(e):e)}return t}n9=eh("theoplayer-ui"),sr=ed({reflect:!1,attribute:lx.CONFIGURATION,converter:{fromAttribute:e=>e?JSON.parse(e):{}}}),sa=ed({reflect:!1,attribute:lx.SOURCE,converter:{fromAttribute:e=>e?JSON.parse(e):void 0}}),si=ed({reflect:!0,type:Boolean,attribute:lx.FLUID}),so=ed({reflect:!0,type:Boolean,attribute:lx.MUTED}),sn=ed({reflect:!0,type:Boolean,attribute:lx.AUTOPLAY}),ss=ed({reflect:!0,type:Boolean,attribute:lx.FULLSCREEN}),sl=ed({reflect:!0,type:Boolean,attribute:lx.PAUSED}),sh=ed({reflect:!0,type:Boolean,attribute:lx.ENDED}),sd=ed({reflect:!0,type:Boolean,attribute:lx.CASTING}),sp=ed({reflect:!0,type:Boolean,attribute:lx.USER_IDLE}),su=ed({reflect:!0,type:Number,attribute:lx.USER_IDLE_TIMEOUT,useDefault:!0}),sc=ed({reflect:!0,type:String,attribute:lx.DEVICE_TYPE}),sy=ed({reflect:!0,type:String,attribute:lx.STREAM_TYPE}),s_=ed({reflect:!0,type:Number,attribute:lx.DVR_THRESHOLD,useDefault:!0}),sv=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.HAS_FIRST_PLAY}),sm=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.PLAYING_AD}),sg=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.HAS_ERROR}),sb=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.FULLWINDOW}),sf=ed({reflect:!0,state:!0,type:Boolean,attribute:lx.MENU_OPENED}),new(n6=class extends ew{constructor(){super(Y),se()}},(()=>{var e=lP("____private__hasFirstPlay_1"),t=lP("____private__isPlayingAd_2"),r=lP("____private__hasError_3"),a=lP("____private__isFullWindow_4");class i extends(st=en){get player(){return this._player}get configuration(){return this._configuration}set configuration(e){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._setSource(e)}_setSource(e){this._player?this._player.source=e:this._source=e}get fluid(){return this._fluid}set fluid(e){this._fluid=e,this._updateAspectRatio()}get muted(){return this._muted}set muted(e){this._muted=e,this._player&&(this._player.muted=e)}get autoplay(){return this._autoplay}set autoplay(e){this._autoplay=e,this._player&&(this._player.autoplay=e)}get fullscreen(){return this._fullscreen}set fullscreen(e){if(this._fullscreen!==e)for(let t of(this._fullscreen=e,this._stateReceivers))t[lZ].indexOf("fullscreen")>=0&&(t.fullscreen=e)}get paused(){return this._paused}set paused(e){this._paused=e,this._updateTextTrackMargins(),this.updateUserIdle_()}get ended(){return this._ended}set ended(e){this._ended=e}get casting(){return this._casting}set casting(e){this._casting=e,this._updateTextTrackMargins(),this.updateUserIdle_()}get userIdle(){return this._userIdle}set userIdle(e){this._userIdle!==e&&(this._userIdle=e,this._updateTextTrackMargins(),this.dispatchEvent(hi(d6)))}get userIdleTimeout(){var e;return null!=(e=this._userIdleTimeout)?e:"tv"===this.deviceType?5:2}set userIdleTimeout(e){this._userIdleTimeout=void 0===e||isNaN(e)?void 0:e}get deviceType(){return this._deviceType}set deviceType(e){if(this._deviceType!==e)for(let t of(this._deviceType=e,lH(this,lx.MOBILE,"mobile"===e),lH(this,lx.TV,"tv"===e),window.removeEventListener("keydown",this._onTvKeyDown),"tv"===e&&window.addEventListener("keydown",this._onTvKeyDown),this._stateReceivers))t[lZ].indexOf("deviceType")>=0&&(t.deviceType=e)}get streamType(){return this._streamType}set streamType(e){if(this._streamType===e)return;for(let t of(this._streamType=e,this._stateReceivers))t[lZ].indexOf("streamType")>=0&&(t.streamType=e);let t=hi("theoplayerstreamtypechange",{bubbles:!0,composed:!0,detail:{streamType:e}});this.dispatchEvent(t)}get dvrThreshold(){return this._dvrThreshold}set dvrThreshold(e){this._dvrThreshold=isNaN(e)?0:e,this._updateStreamType()}get _hasFirstPlay(){return lR(this,e)[e]}set _hasFirstPlay(t){lR(this,e)[e]=t}get _isPlayingAd(){return lR(this,t)[t]}set _isPlayingAd(e){lR(this,t)[t]=e}get _hasError(){return lR(this,r)[r]}set _hasError(e){lR(this,r)[r]=e}get _isFullWindow(){return lR(this,a)[a]}set _isFullWindow(e){lR(this,a)[a]=e}connectedCallback(){var e,t;if(super.connectedCallback(),!pr){if(el)document.adoptedStyleSheets.push(pe.styleSheet);else if(!document.getElementById(pt)){let e=document.createElement("style");e.id=pt;let r=window.litNonce;void 0!==r&&e.setAttribute("nonce",r),t=pe.cssText,void 0===e.textContent?e.innerText=t:e.textContent=t,document.head.appendChild(e)}pr=!0}for(let e of(this.hasAttribute(lx.DEVICE_TYPE)||(this.deviceType=d8()?"mobile":d7()?"tv":"desktop"),this.hasAttribute(lx.PAUSED)||(this.paused=!0),this.tryInitializePlayer_(),this._stateReceivers))this.propagateStateToReceiver_(e);this._mutationObserver.observe(this,{childList:!0,subtree:!0}),this.shadowRoot.addEventListener("slotchange",this._onSlotChange),null==(e=this._resizeObserver)||e.observe(this),this._updateTextTrackMargins(),void 0!==d4&&(document.addEventListener(d4.fullscreenchange_,this._onFullscreenChange),document.addEventListener(d4.fullscreenerror_,this._onFullscreenChange),this._onFullscreenChange()),this.setUserIdle_(),"tv"===this.deviceType&&window.addEventListener("keydown",this._onTvKeyDown),this._isFullWindow&&window.addEventListener("keydown",this._exitFullscreenOnEsc),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._playerRef.value&&(void 0!==this._configuration.license||void 0!==this._configuration.licenseUrl)&&(this._player=new ef(this._playerRef.value,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(hi(d9)))}createRenderRoot(){let e=super.createRenderRoot();return e.addEventListener(hg,this._onToggleMenu),e.addEventListener(dv,this._onEnterFullscreen),e.addEventListener(dm,this._onExitFullscreen),e.addEventListener(dw,this._onPreviewTimeChange),e}firstUpdated(){!this._menuGroupRef.value||this._menuGroupRef instanceof u||customElements.upgrade(this._menuGroupRef.value),this.tryInitializePlayer_(),this._playerRef.value&&l0(this,this._playerRef.value,this.registerStateReceiver_)}disconnectedCallback(){var e;super.disconnectedCallback(),null==(e=this._resizeObserver)||e.disconnect(),this._mutationObserver.disconnect(),this.shadowRoot.removeEventListener("slotchange",this._onSlotChange),void 0!==d4&&(document.removeEventListener(d4.fullscreenchange_,this._onFullscreenChange),document.removeEventListener(d4.fullscreenerror_,this._onFullscreenChange)),window.removeEventListener("keydown",this._onTvKeyDown),window.removeEventListener("keydown",this._exitFullscreenOnEsc),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}propagateStateToReceiver_(e){let t=e[lZ];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=hS(this._activeVideoTrack))}t.indexOf("previewTime")>=0&&(e.previewTime=this._previewTime)}propagatePlayerToAllReceivers_(){for(let e of this._stateReceivers)e[lZ].indexOf("player")>=0&&(e.player=this._player)}removeStateFromReceiver_(e){e[lZ].indexOf("player")>=0&&(e.player=void 0)}get menuOpened_(){return this._menuOpened}set menuOpened_(e){this._menuOpened!==e&&(this._menuOpened=e,lH(this,lx.MENU_OPENED,e))}openMenu_(e,t){let r=hs.fromRect(this._topChromeRef.value.getBoundingClientRect()),a=hs.fromRect(this._bottomChromeRef.value.getBoundingClientRect()),i=!0,o=!0;if(void 0!==t){let e=hs.fromRect(this.getBoundingClientRect()),r=hs.fromRect(t.getBoundingClientRect());e.width>0&&e.height>0&&(i=r.top>=e.top+e.height/2,o=r.left>=e.left+e.width/2)}this._menuGroupRef.value.openMenu(e,t),this._menuOpener=t,dg(this,{"--theoplayer-menu-offset-top":`${Math.round(r.height)}px`,"--theoplayer-menu-offset-bottom":`${Math.round(a.height)}px`,"--theoplayer-menu-margin-top":i?"auto":"0","--theoplayer-menu-margin-bottom":i?"0":"auto","--theoplayer-menu-margin-left":o?"auto":"0","--theoplayer-menu-margin-right":o?"0":"auto"})}closeMenu_(){var e,t,r;null==(t=this._menuGroupRef.value)||null==(e=t.closeMenu)||e.call(t),null==(r=this._menuOpener)||r.focus(),this._menuOpener=void 0}computeStreamType_(){var e,t,r;let a=this.source,i=null!=(t=null==a?void 0:a.streamType)?t:this.getAttribute(lx.STREAM_TYPE),o=null==(e=this._player)?void 0:e.duration;if(void 0===o||isNaN(o))return i||((null==a?void 0:a.dvr)?"dvr":"vod");if(o!==1/0)return"vod";if("live"===i||"dvr"===i)return i;{let e=this.dvrThreshold;if(e<=0)return"dvr";let t=null==(r=this._player)?void 0:r.seekable;if(t&&t.length>0&&t.end(t.length-1)-t.start(0)>=e)return"dvr"}return"live"}isUserIdle_(){return!this._isUserActive&&!this.paused&&!this.casting&&!!this._menuGroupRef.value&&!this._menuGroupRef.value.hasCurrentMenu()}setUserActive_(){clearTimeout(this._userIdleTimer),this._isUserActive=!0,this.updateUserIdle_()}updateUserIdle_(){this.userIdle=this.isUserIdle_()}isPlayerOrMedia_(e){return e===this||this._playerRef.value.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(["distributionloadstart","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(["distributionloadstart","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{}}render(){return es`<div part="layer media-layer" ${e_(this._playerRef)}></div><div part="layer gesture-layer"><theoplayer-gesture-receiver></theoplayer-gesture-receiver></div><div part="layer vertical-layer"><div part="top chrome" ${e_(this._topChromeRef)}><slot name="top-chrome" ${e_(this._topChromeSlotRef)} @transitionstart="${this._onChromeSlotTransition}" @transitionend="${this._onChromeSlotTransition}"></slot></div><div part="middle chrome"><slot name="middle-chrome"></slot></div><div part="layer centered-layer centered loading"><slot name="centered-loading"></slot></div><div part="layer centered-layer centered chrome"><slot name="centered-chrome"></slot></div><div part="bottom chrome" ${e_(this._bottomChromeRef)}><slot ${e_(this._bottomChromeSlotRef)} @transitionstart="${this._onChromeSlotTransition}" @transitionend="${this._onChromeSlotTransition}"></slot></div></div><div part="layer menu-layer" ${e_(this._menuRef)}><theoplayer-menu-group ${e_(this._menuGroupRef)} part="menu" @theoplayermenuclose="${this._onCloseMenu}" @theoplayermenuchange="${this._onMenuChange}"><slot name="menu"></slot></theoplayer-menu-group></div><div part="layer error-layer"><slot name="error"></slot></div>`}constructor(i={}){super(),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),this._configuration=(sE(this),{}),this._playerRef=ev(),this._menuRef=ev(),this._menuGroupRef=ev(),this._menuOpened=!1,this._topChromeRef=ev(),this._topChromeSlotRef=ev(),this._bottomChromeRef=ev(),this._bottomChromeSlotRef=ev(),this._pointerType="",this._lastPointerUpTime=0,this._stateReceivers=[],this._player=void 0,this._source=void 0,this._muted=!1,this._autoplay=!1,this._fullscreen=!1,this._deviceType="desktop",this._streamType="vod",this._fluid=!1,this._userIdle=!1,this._userIdleTimeout=void 0,this._isUserActive=!1,this._userIdleTimer=0,this._paused=!1,this._ended=!1,this._casting=!1,this._dvrThreshold=60,this._previewTime=NaN,this._activeVideoTrack=void 0,lR(this,e)[e]=sk(this,!1),lR(this,t)[t]=sw(this,!1),lR(this,r)[r]=sx(this,!1),lR(this,a)[a]=sT(this,!1),this._onMutation=e=>{let t=this._playerRef.value;if(t){for(let r of e)if("childList"===r.type){let{addedNodes:e,removedNodes:a}=r;for(let r=0;r<e.length;r++){let a=e[r];lN(a)&&l0(a,t,this.registerStateReceiver_)}for(let e=0;e<a.length;e++){let r=a[e];lN(r)&&l0(r,t,this.unregisterStateReceiver_)}}}},this._onSlotChange=()=>{this._playerRef.value&&l0(this,this._playerRef.value,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){var r,a;let i=e.indexOf(t);return!(i<0)&&(r=e,a=i,r.splice(a,1),!0)})(this._stateReceivers,e)&&this.removeStateFromReceiver_(e)},this._onToggleMenu=e=>{e.stopPropagation();let t=e.detail.menu,r=this._menuGroupRef.value;if(!r)return;if(!r.getMenuById(t))return void console.error(`<theoplayer-ui>: cannot find menu with ID "${t}"`);let a=l$(e.target)?e.target:void 0;r.isMenuOpen(t)?this.closeMenu_():(this.closeMenu_(),this.openMenu_(t,a))},this._onCloseMenu=e=>{e.stopPropagation(),this.closeMenu_()},this._onMenuChange=()=>{let e=this._menuRef.value;e.removeEventListener("pointerdown",this._onMenuPointerDown),e.removeEventListener("click",this._onMenuClick),this._menuGroupRef.value.hasCurrentMenu()?(e.addEventListener("pointerdown",this._onMenuPointerDown),e.addEventListener("click",this._onMenuClick),this.menuOpened_=!0):this.menuOpened_=!1,this.updateUserIdle_()},this._onMenuPointerDown=e=>{this._pointerType=e.pointerType},this._onMenuClick=e=>{var t;let r=null!=(t=e.pointerType)?t:this._pointerType;e.target===this._menuRef.value&&"mouse"===r&&this._menuGroupRef.value.closeCurrentMenu()&&e.preventDefault()},this._onEnterFullscreen=e=>{if(e.stopPropagation(),d4&&document[d4.fullscreenEnabled_]&&this[d4.requestFullscreen_]){var t,r;let e=this[d4.requestFullscreen_]({navigationUI:"hide",...null==(r=this._configuration)||null==(t=r.ui)?void 0:t.fullscreenOptions});e&&e.then&&e.then(lD,lD)}else this._player&&this._player.presentation.supportsMode("fullscreen")?this._player.presentation.requestMode("fullscreen"):this._isFullWindow||(this._isFullWindow=!0,document.documentElement.classList.add(pa),window.addEventListener("keydown",this._exitFullscreenOnEsc),this._onFullscreenChange())},this._onExitFullscreen=e=>{if(e.stopPropagation(),d4){let e=document[d4.exitFullscreen_]();e&&e.then&&e.then(lD,lD)}this._player&&"fullscreen"===this._player.presentation.currentMode&&this._player.presentation.requestMode("inline"),this._isFullWindow&&(this._isFullWindow=!1,document.documentElement.classList.remove(pa),window.removeEventListener("keydown",this._exitFullscreenOnEsc),this._onFullscreenChange())},this._onFullscreenChange=()=>{let e=!1;if(void 0!==d4){let t=document[d4.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),this._isFullWindow&&(e=!0),this.fullscreen=e},this._exitFullscreenOnEsc=e=>{e.keyCode==lT.ESCAPE&&this._onExitFullscreen(e)},this._updateAspectRatio=()=>{if(void 0===this._player)return;let{videoWidth:e,videoHeight:t}=this._player;e>0&&t>0?dg(this,{"--theoplayer-video-width":`${e}`,"--theoplayer-video-height":`${t}`}):dg(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(this._hasError=void 0!==t,this._stateReceivers))e[lZ].indexOf("error")>=0&&(e.error=t)},this._onPlay=()=>{this._hasFirstPlay=!0,this.paused=!1,this._updateEnded()},this._onPause=()=>{this.paused=!0,this._updateEnded()},this._updatePausedAndEnded=()=>{this.paused=!this._player||this._player.paused,this._updateEnded()},this._updateEnded=()=>{this.ended=!!this._player&&this._player.ended},this._updateStreamType=()=>{void 0!==this._player&&(this.streamType=this.computeStreamType_())},this._updatePlaybackRate=()=>{if(void 0===this._player)return;let e=this._player.playbackRate;for(let t of this._stateReceivers)t[lZ].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=lU(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[lZ].indexOf("activeVideoQuality")>=0&&(e.activeVideoQuality=t)},this._updateTargetVideoQualities=()=>{let e=hS(this._activeVideoTrack);for(let t of this._stateReceivers)t[lZ].indexOf("targetVideoQualities")>=0&&(t.targetVideoQualities=e)},this._updateCasting=()=>{var e,t,r;this.casting=null!=(r=null==(t=this._player)||null==(e=t.cast)?void 0:e.casting)&&r},this._updatePlayingAd=()=>{var e,t,r;this._isPlayingAd=null!=(r=null==(t=this._player)||null==(e=t.ads)?void 0:e.playing)&&r},this._onSourceChange=()=>{this.closeMenu_(),this._hasFirstPlay=void 0!==this._player&&!this._player.paused},this.setUserIdle_=()=>{if(clearTimeout(this._userIdleTimer),this._userIdleTimer=0,!(this.userIdleTimeout<0)&&(this._isUserActive=!1,this.updateUserIdle_(),"tv"==this.deviceType&&this.isUserIdle_())){let e=hl();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(lL(e.keyCode))return void this.setUserIdle_();let t=function e(t){if(!l$(t)||"none"===getComputedStyle(t).display)return;if(null!==t.getAttribute(lx.TV_FOCUS))return lG(t);let r=lQ(t);for(let t=0;t<r.length;t++){let a=e(r[t]);if(a)return a}}(this),r=lG(this),a=hl();if(!a){let e=null!=t?t:r;e.length>0&&(e[0].focus(),a=e[0])}!this.isUserIdle_()&&(e.keyCode===lT.ENTER?null!==a&&(e.preventDefault(),a.click()):lE(e.keyCode)&&hh(this,r,e.keyCode)&&(e.preventDefault(),e.stopPropagation()))},this._onKeyUp=e=>{lL(e.keyCode)||this.scheduleUserIdle_()},this._onPointerUp=e=>{"mouse"===e.pointerType?this.scheduleUserIdle_():"touch"===e.pointerType&&(this.isPlayerOrMedia_(e.target)&&this._isUserActive?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<50&&(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=this._topChromeSlotRef.value&&pi(this._topChromeSlotRef.value),r=this._bottomChromeSlotRef.value&&pi(this._bottomChromeSlotRef.value);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[lZ].indexOf("previewTime")>=0&&(t.previewTime=this._previewTime)},this._onDestroy=()=>{this._player&&(this.removePlayerListeners_(this._player),this._player=void 0,this.propagatePlayerToAllReceivers_())},this._configuration=i,this._mutationObserver=new MutationObserver(this._onMutation),"undefined"!=typeof ResizeObserver&&(this._resizeObserver=new ResizeObserver(this._updateTextTrackMargins)),this.tryInitializePlayer_()}}({e:[sk,sw,sx,sT,sE],c:[Y,se]}=ek(i,[[sr,4,"configuration"],[sa,4,"source"],[si,4,"fluid"],[so,4,"muted"],[sn,4,"autoplay"],[ss,4,"fullscreen"],[sl,4,"paused"],[sh,4,"ended"],[sd,4,"casting"],[sp,4,"userIdle"],[su,4,"userIdleTimeout"],[sc,4,"deviceType"],[sy,4,"streamType"],[s_,4,"dvrThreshold"],[sv,1,"_hasFirstPlay"],[sm,1,"_isPlayingAd"],[sg,1,"_hasError"],[sb,1,"_isFullWindow"],[sf,4,"menuOpened_"]],[n9],st)),i.styles=[d3],i.shadowRootOptions={...en.shadowRootOptions,delegatesFocus:!0},i.READY_EVENT=d9})(),n6);var po=eo`:host{box-sizing:border-box;container-name:theoplayer-default-ui-container;container-type:inline-size;display:inline-block;min-width:300px;min-width:var(--theoplayer-min-width,300px);position:relative}:host([hidden]){display:none!important}theoplayer-ui{display:block;width:100%}:host(:-webkit-full-screen),:host(:-webkit-full-screen) theoplayer-ui{height:100%!important;width:100%!important}:host(:fullscreen),:host(:fullscreen) theoplayer-ui{height:100%!important;width:100%!important}[part=title]{color:#fff;color:var(--theoplayer-text-color,#fff);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);text-shadow:0 0 4px rgba(0,0,0,.75);-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=centered-chrome]{display:flex}[part=centered-chrome] *,[part=centered-chrome] ::slotted(*){--theoplayer-button-icon-width:var(--theoplayer-centered-chrome-button-icon-width,48px);--theoplayer-control-height:var(--theoplayer-centered-chrome-control-height,48px);--theoplayer-play-button-icon-color:var(--theoplayer-center-play-button-icon-color,unset)}[part=middle-chrome]{flex-grow:1;justify-content:flex-end}[part=bottom-chrome],[part=middle-chrome]{display:flex;flex-flow:column nowrap;pointer-events:none;position:relative}[part=bottom-chrome]{align-items:stretch}:host([mobile]) theoplayer-ui{--theoplayer-control-backdrop-background:var(--theoplayer-mobile-control-backdrop-background,rgba(0,0,0,.5))}:host{--theoplayer-control-background-gradient-stops:transparent 0%,rgba(0,0,0,.01) 8.1%,rgba(0,0,0,.037) 15.5%,rgba(0,0,0,.078) 22.5%,rgba(0,0,0,.131) 29%,rgba(0,0,0,.195) 35.3%,rgba(0,0,0,.264) 41.2%,rgba(0,0,0,.337) 47.1%,rgba(0,0,0,.413) 52.9%,rgba(0,0,0,.486) 58.8%,rgba(0,0,0,.555) 64.7%,rgba(0,0,0,.619) 71%,rgba(0,0,0,.672) 77.5%,rgba(0,0,0,.713) 84.5%,rgba(0,0,0,.74) 91.9%,rgba(0,0,0,.75) 100%}:host(:not([mobile])) [part=bottom-chrome]:before,:host(:not([mobile])) [part=top-chrome]:before{bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}:host(:not([mobile])) [part=top-chrome]:before{background:linear-gradient(to top,var(--theoplayer-control-background-gradient-stops))}:host(:not([mobile])) [part=bottom-chrome]:before{background:linear-gradient(to bottom,var(--theoplayer-control-background-gradient-stops))}.theoplayer-spacer{flex-grow:1}theoplayer-time-range{--theoplayer-control-height:var(--theoplayer-time-range-control-height,12px);--theoplayer-range-track-pointer-background:var(--theoplayer-time-range-track-pointer-background,hsla(0,0%,100%,.5))}[part=ad-chrome]{--theoplayer-control-height:var(--theoplayer-ad-chrome-control-height,12px);align-items:flex-end;pointer-events:none}theoplayer-ad-display,theoplayer-ad-skip-button{flex-shrink:0}theoplayer-ad-countdown,theoplayer-ad-skip-button[disabled]{text-shadow:0 0 4px rgba(0,0,0,.75)}theoplayer-ad-countdown{min-width:0}theoplayer-ad-skip-button{--theoplayer-ad-skip-font-size:calc(var(--theoplayer-text-font-size, 14px)*1.25);--theoplayer-ad-skip-line-height:calc(var(--theoplayer-text-content-height, var(--theoplayer-control-height, 24px))*1.25);--theoplayer-ad-skip-icon-width:24px;--theoplayer-ad-skip-icon-height:24px;align-items:end;border-right:0!important;justify-items:end}:host(:not([mobile])) [mobile-only],:host(:not([mobile])) theoplayer-control-bar ::slotted([mobile-only]),:host([mobile]) [mobile-hidden],:host([mobile]) theoplayer-control-bar ::slotted([mobile-hidden]){display:none!important}:host(:not([tv])) [tv-only],:host(:not([tv])) theoplayer-control-bar ::slotted([tv-only]),:host([tv]) [tv-hidden],:host([tv]) theoplayer-control-bar ::slotted([tv-hidden]){display:none!important}:host(:not([stream-type=vod])) [live-hidden],:host(:not([stream-type=vod])) theoplayer-control-bar ::slotted([live-hidden]),:host([stream-type=vod]) [live-only],:host([stream-type=vod]) theoplayer-control-bar ::slotted([live-only]){display:none!important}theoplayer-ui:not([playing-ad]) [ad-only],theoplayer-ui:not([playing-ad]) theoplayer-control-bar ::slotted([ad-only]),theoplayer-ui[playing-ad] [ad-hidden],theoplayer-ui[playing-ad] theoplayer-control-bar ::slotted([ad-hidden]){display:none!important}theoplayer-ui:not([has-first-play]) theoplayer-control-bar{display:none!important}theoplayer-ui:not([has-first-play]),theoplayer-ui:not([has-first-play]) ::slotted(*){--theoplayer-before-first-play-display:none}:host(:not([mobile])) theoplayer-ui[has-first-play] [part~=center-play-button]{display:none!important}@container theoplayer-default-ui-container (max-width: 200px){:host(:not([mobile])) theoplayer-control-bar{display:none!important}:host(:not([mobile])) theoplayer-ui[has-first-play] [part~=center-play-button]{display:inline-flex!important}}theoplayer-ui:not([mobile]):not([casting]) theoplayer-ad-clickthrough-button{display:none!important}theoplayer-volume-range{--theoplayer-range-padding-left:0}theoplayer-mute-button+theoplayer-volume-range{--theoplayer-range-padding-right:0;--theoplayer-range-track-width:var(--theoplayer-volume-range-track-width,70px);overflow:hidden;transition:width .2s ease-in;width:0}theoplayer-mute-button+theoplayer-volume-range:focus,theoplayer-mute-button+theoplayer-volume-range:hover,theoplayer-mute-button:focus+theoplayer-volume-range,theoplayer-mute-button:hover+theoplayer-volume-range{width:70px}theoplayer-mute-button+theoplayer-volume-range:focus-within,theoplayer-mute-button:focus-within+theoplayer-volume-range{width:70px}theoplayer-live-button+theoplayer-time-display:not([stream-type=vod]){padding-left:0}theoplayer-live-button[live]+theoplayer-time-display{display:none!important}theoplayer-ui[playing-ad] .theoplayer-ad-control{--theoplayer-control-height:var(--theoplayer-ad-control-height,16px)}`;sC=eh("theoplayer-default-ui"),sS=ep(),sP=ec({slot:"title",flatten:!0}),sM=ed({reflect:!1,attribute:lx.CONFIGURATION,converter:{fromAttribute:e=>e?JSON.parse(e):{}}}),sO=ed({reflect:!1,attribute:lx.SOURCE,converter:{fromAttribute:e=>e?JSON.parse(e):void 0}}),sI=ed({reflect:!0,type:Boolean,attribute:lx.FLUID}),sB=ed({reflect:!0,type:Boolean,attribute:lx.MUTED}),sD=ed({reflect:!0,type:Boolean,attribute:lx.AUTOPLAY}),sN=ed({reflect:!0,type:String,attribute:lx.STREAM_TYPE}),s$=ed({reflect:!0,type:Number,attribute:lx.USER_IDLE_TIMEOUT,useDefault:!0}),sF=ed({reflect:!0,type:String,attribute:lx.DEVICE_TYPE}),sq=ed({reflect:!0,type:Number,attribute:lx.DVR_THRESHOLD,useDefault:!0}),sU=ep(),new(sL=class extends ew{constructor(){super(J),sA()}},(()=>{var e=lP("____private__timeRangeInert_1"),t=lP("____private_titleSlotNodes_2"),r=lP("____private_fluid_3"),a=lP("____private_muted_4"),i=lP("____private_autoplay_5"),o=lP("____private_streamType_6"),n=lP("____private__hasTitle_7");class s extends(sR=en){get _timeRangeInert(){return lR(this,e)[e]}set _timeRangeInert(t){lR(this,e)[e]=t}get titleSlotNodes(){return lR(this,t)[t]}set titleSlotNodes(e){lR(this,t)[t]=e}get player(){var e;return null==(e=this._uiRef.value)?void 0:e.player}get configuration(){return this._configuration}set configuration(e){var t;this._configuration={...e,ads:{...null!=(t=e.ads)?t:{},showCountdown:!1}}}get source(){return this._uiRef.value?this._uiRef.value.source:this._source}set source(e){this._uiRef.value?(this._source=void 0,this._uiRef.value.source=e):this._source=e}get fluid(){return lR(this,r)[r]}set fluid(e){lR(this,r)[r]=e}get muted(){return lR(this,a)[a]}set muted(e){lR(this,a)[a]=e}get autoplay(){return lR(this,i)[i]}set autoplay(e){lR(this,i)[i]=e}get streamType(){return lR(this,o)[o]}set streamType(e){lR(this,o)[o]=e}get userIdle(){return!!this._uiRef.value&&this._uiRef.value.userIdle}get userIdleTimeout(){var e;return null!=(e=this._userIdleTimeout)?e:"tv"===this.deviceType?5:2}set userIdleTimeout(e){this._userIdleTimeout=void 0===e||isNaN(e)?void 0:e}get deviceType(){return this._deviceType}set deviceType(e){this._deviceType!==e&&(this._deviceType=e,lH(this,lx.MOBILE,"mobile"===e),lH(this,lx.TV,"tv"===e))}get dvrThreshold(){return this._dvrThreshold}set dvrThreshold(e){this._dvrThreshold=isNaN(e)?0:e}get _hasTitle(){return lR(this,n)[n]}set _hasTitle(e){lR(this,n)[n]=e}connectedCallback(){if(super.connectedCallback(),this.hasAttribute(lx.DEVICE_TYPE)||(this.deviceType=d8()?"mobile":d7()?"tv":"desktop"),!this._appliedExtensions){this._appliedExtensions=!0;for(let e of d5)e(this)}this._onTitleSlotChange()}disconnectedCallback(){clearTimeout(this._timeRangeInertTimeout)}firstUpdated(){this._source&&(this._uiRef.value.source=this._source,this._source=void 0)}_onUiReady(){this.dispatchEvent(hi(d9))}render(){return es`<theoplayer-ui ${e_(this._uiRef)} .configuration="${this.configuration}" .fluid="${this.fluid}" .muted="${this.muted}" .autoplay="${this.autoplay}" .deviceType="${this.deviceType}" .streamType="${this.streamType}" .userIdleTimeout="${this.userIdleTimeout}" .dvrThreshold="${this.dvrThreshold}" @theoplayerready="${this._onUiReady}" @theoplayeruseridlechange="${this._updateUserIdle}" @theoplayerstreamtypechange="${this._updateStreamType}">${this.renderUiContent()}</theoplayer-ui>`}renderUiContent(){return es`<theoplayer-control-bar slot="top-chrome" part="top-chrome"><div part="title" ad-hidden style="${eb({display:this._hasTitle?"":"none"})}"><slot name="title" @slotchange="${this._onTitleSlotChange}"></slot></div><span class="theoplayer-spacer"></span><theoplayer-language-menu-button menu="language-menu" mobile-only ad-hidden></theoplayer-language-menu-button><theoplayer-airplay-button mobile-only ad-hidden></theoplayer-airplay-button><theoplayer-chromecast-button mobile-only ad-hidden></theoplayer-chromecast-button><slot name="top-control-bar"></slot><theoplayer-settings-menu-button menu="settings-menu" mobile-only ad-hidden></theoplayer-settings-menu-button><theoplayer-ad-clickthrough-button ad-only></theoplayer-ad-clickthrough-button></theoplayer-control-bar><theoplayer-loading-indicator slot="centered-loading" no-auto-hide></theoplayer-loading-indicator><div slot="centered-chrome" part="centered-chrome"><slot name="centered-chrome"><theoplayer-seek-button part="seek-back-button seek-button center-button" seek-offset="-10" mobile-only ad-hidden></theoplayer-seek-button><theoplayer-play-button part="center-play-button play-button center-button"></theoplayer-play-button><theoplayer-seek-button part="seek-forward-button seek-button center-button" seek-offset="10" mobile-only ad-hidden></theoplayer-seek-button></slot></div><div slot="middle-chrome" part="middle-chrome"><theoplayer-chromecast-display></theoplayer-chromecast-display></div><div part="bottom-chrome"><theoplayer-control-bar part="ad-chrome" ad-only><theoplayer-ad-display></theoplayer-ad-display><theoplayer-ad-countdown></theoplayer-ad-countdown><span class="theoplayer-spacer"></span><theoplayer-ad-skip-button></theoplayer-ad-skip-button></theoplayer-control-bar><theoplayer-control-bar><theoplayer-play-button part="play-button" mobile-hidden ad-only class="theoplayer-ad-control"></theoplayer-play-button><theoplayer-mute-button part="mute-button" ad-only class="theoplayer-ad-control"></theoplayer-mute-button><theoplayer-time-range part="time-range" show-ad-markers tv-focus .inert="${this._timeRangeInert}" class="theoplayer-ad-control" style="${eb({display:"live"===this.streamType?"none":""})}"></theoplayer-time-range><theoplayer-chromecast-button tv-hidden ad-only class="theoplayer-ad-control"></theoplayer-chromecast-button><theoplayer-fullscreen-button ad-only class="theoplayer-ad-control"></theoplayer-fullscreen-button></theoplayer-control-bar><theoplayer-control-bar ad-hidden><theoplayer-play-button part="play-button" mobile-hidden></theoplayer-play-button><theoplayer-mute-button part="mute-button" tv-hidden></theoplayer-mute-button><theoplayer-volume-range part="volume-range" mobile-hidden tv-hidden></theoplayer-volume-range><theoplayer-live-button part="live-button" live-only ad-hidden></theoplayer-live-button><theoplayer-time-display show-duration remaining-when-live></theoplayer-time-display><span class="theoplayer-spacer" style="pointer-events:auto"></span><theoplayer-language-menu-button menu="language-menu" mobile-hidden ad-hidden></theoplayer-language-menu-button><theoplayer-airplay-button tv-hidden mobile-hidden ad-hidden></theoplayer-airplay-button><theoplayer-chromecast-button tv-hidden mobile-hidden ad-hidden></theoplayer-chromecast-button><slot name="bottom-control-bar"></slot><theoplayer-settings-menu-button menu="settings-menu" mobile-hidden ad-hidden></theoplayer-settings-menu-button><theoplayer-fullscreen-button part="fullscreen-button" tv-hidden></theoplayer-fullscreen-button></theoplayer-control-bar></div><theoplayer-language-menu id="language-menu" slot="menu" hidden></theoplayer-language-menu><theoplayer-settings-menu id="settings-menu" slot="menu" hidden></theoplayer-settings-menu><slot name="error" slot="error"><theoplayer-error-display></theoplayer-error-display></slot><slot name="menu" slot="menu"></slot>`}constructor(s={}){super(),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),Object.defineProperty(this,o,{writable:!0,value:void 0}),Object.defineProperty(this,n,{writable:!0,value:void 0}),this._uiRef=(sK(this),ev()),lR(this,e)[e]=sV(this,!1),this._timeRangeInertTimeout=0,this._appliedExtensions=!1,this._configuration={},this._source=void 0,this._userIdleTimeout=void 0,this._deviceType="desktop",this._dvrThreshold=60,lR(this,t)[t]=sz(this),lR(this,r)[r]=sj(this,!1),lR(this,a)[a]=sH(this,!1),lR(this,i)[i]=sQ(this,!1),lR(this,o)[o]=sW(this,"vod"),lR(this,n)[n]=sG(this,!1),this._updateStreamType=()=>{this._uiRef.value&&(this.streamType=this._uiRef.value.streamType)},this._updateUserIdle=()=>{clearTimeout(this._timeRangeInertTimeout),this.userIdle?this._timeRangeInert=!0:this._timeRangeInertTimeout=setTimeout(()=>{this._timeRangeInert=!1},50),this.dispatchEvent(hi(d6))},this._onTitleSlotChange=()=>{this._hasTitle=this.titleSlotNodes.length>0},this.configuration=s}}({e:[sV,sz,sj,sH,sQ,sW,sG,sK],c:[J,sA]}=ek(s,[[sS,1,"_timeRangeInert"],[sP,1,"titleSlotNodes"],[sM,4,"configuration"],[sO,4,"source"],[sI,1,"fluid"],[sB,1,"muted"],[sD,1,"autoplay"],[sN,1,"streamType"],[s$,4,"userIdleTimeout"],[sF,4,"deviceType"],[sq,4,"dvrThreshold"],[sU,1,"_hasTitle"]],[sC],sR)),s.styles=[po],s.shadowRootOptions={...en.shadowRootOptions,delegatesFocus:!0},s.READY_EVENT=d9})(),sL);var pn=eo`[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)}`;sY=eh("theolive-bad-network-button"),sJ=lJ(["player"]),s1=ep(),s5=ed({reflect:!1,attribute:!1}),new(sZ=class extends ew{constructor(){super(X),sX()}},(()=>{var e=lP("____private__inBadNetworkMode_1");class t extends(s0=c){get _inBadNetworkMode(){return lR(this,e)[e]}set _inBadNetworkMode(t){lR(this,e)[e]=t}connectedCallback(){super.connectedCallback(),this.hasAttribute(lx.ARIA_LABEL)||this.setAttribute(lx.ARIA_LABEL,"open settings menu")}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_)))}render(){let e={display:this._inBadNetworkMode?"":"none"};return es`<span part="icon">${em(dc)}<span part="warning-icon" style="${eb(e)}">${em('<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48">\n <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"/>\n</svg>')}</span></span>`}constructor(...t){super(...t),Object.defineProperty(this,e,{writable:!0,value:void 0}),lR(this,e)[e]=(s3(this),s2(this,!1)),this.handleEnterBadNetworkMode_=()=>{this._inBadNetworkMode=!0},this.handleExitBadNetworkMode_=()=>{this._inBadNetworkMode=!1}}}({e:[s2,s3],c:[X,sX]}=ek(t,[[s1,1,"_inBadNetworkMode"],[s5,4,"player"]],[sY,sJ],s0)),t.styles=[...c.styles,pn]})(),sZ),s4=lJ(["player"]);class ps extends(s7=h){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(){}constructor(...e){super(...e),this._badNetworkMode=!1,this.handleEnterBadNetworkMode_=()=>{this._badNetworkMode=!0,this.handleEnterBadNetworkMode()},this.handleExitBadNetworkMode_=()=>{this._badNetworkMode=!1,this.handleExitBadNetworkMode()}}}({c:[ee,s8]}=ek(ps,[],[s4],s7)),s8(),s6=eh("theolive-automatic-quality-selector");class pl extends(le=ee){handleEnterBadNetworkMode(){this.update_()}handleExitBadNetworkMode(){this.update_()}handlePlayer(){this.update_()}update_(){var e,t;let r=(null==(t=this.player)||null==(e=t.theoLive)?void 0:e.badNetworkMode)!==!0;this.checked!==r&&(this.checked=r)}handleChange(){this.checked&&this.player&&this.player.theoLive&&(this.player.theoLive.badNetworkMode=!1)}render(){return es`<slot>High Quality</slot>`}}({c:[et,s9]}=ek(pl,[],[s6],le)),s9(),lt=eh("theolive-bad-network-quality-selector");class ph extends(la=ee){handleEnterBadNetworkMode(){this.update_()}handleExitBadNetworkMode(){this.update_()}handlePlayer(){this.update_()}update_(){var e,t;let r=(null==(t=this.player)||null==(e=t.theoLive)?void 0:e.badNetworkMode)===!0;this.checked!==r&&(this.checked=r)}handleChange(){this.checked&&this.player&&this.player.theoLive&&(this.player.theoLive.badNetworkMode=!0)}render(){return es`<slot>Low Quality</slot>`}}({c:[er,lr]}=ek(ph,[],[lt],la)),lr(),lo=eh("theolive-bad-network-menu"),new(li=class extends ew{constructor(){super(ea),ln()}},(()=>{class e extends(ls=en){firstUpdated(){!this._radioGroupRef.value||this._radioGroupRef.value instanceof d||customElements.upgrade(this._radioGroupRef.value)}render(){return es`<theoplayer-radio-group ${e_(this._radioGroupRef)} @change="${this._onChange}"><theolive-automatic-quality-selector></theolive-automatic-quality-selector><theolive-bad-network-quality-selector></theolive-bad-network-quality-selector></theoplayer-radio-group>`}constructor(...e){super(...e),this._radioGroupRef=ev(),this._onChange=()=>{this.dispatchEvent(new Event("change",{bubbles:!0}))}}}({c:[ea,ln]}=ek(e,[],[lo],ls)),e.styles=[hC]})(),li);var pd=eo`:host{box-sizing:border-box;display:inline-block;font-family:Helvetica,Arial,sans-serif;position:relative;width:100%}:host([hidden]){display:none!important}theoplayer-ui{--theoplayer-loading-delay:0.1s;display:block;font-family:Helvetica,Arial,sans-serif;width:100%}:host(:-webkit-full-screen),:host(:-webkit-full-screen) theoplayer-ui{height:100%!important;width:100%!important}:host(:fullscreen),:host(:fullscreen) theoplayer-ui{height:100%!important;width:100%!important}theoplayer-menu::part(heading){display:none!important}[part=centered-chrome]{display:flex}[part=centered-chrome] *{--theoplayer-control-height:48px}[part=middle-chrome]{flex-grow:1;justify-content:flex-end;pointer-events:none}[part=bottom-chrome],[part=middle-chrome]{display:flex;flex-flow:column nowrap;position:relative}[part=bottom-chrome]{align-items:stretch}:host([mobile]) theoplayer-ui{--theoplayer-control-backdrop-background:rgba(0,0,0,.5)}:host{--theoplayer-control-background-gradient-stops:transparent 0%,rgba(0,0,0,.01) 8.1%,rgba(0,0,0,.037) 15.5%,rgba(0,0,0,.078) 22.5%,rgba(0,0,0,.131) 29%,rgba(0,0,0,.195) 35.3%,rgba(0,0,0,.264) 41.2%,rgba(0,0,0,.337) 47.1%,rgba(0,0,0,.413) 52.9%,rgba(0,0,0,.486) 58.8%,rgba(0,0,0,.555) 64.7%,rgba(0,0,0,.619) 71%,rgba(0,0,0,.672) 77.5%,rgba(0,0,0,.713) 84.5%,rgba(0,0,0,.74) 91.9%,rgba(0,0,0,.75) 100%}:host(:not([mobile])) [part=bottom-chrome]:before,:host(:not([mobile])) [part=top-chrome]:before{bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}:host(:not([mobile])) [part=top-chrome]:before{background:linear-gradient(to top,var(--theoplayer-control-background-gradient-stops))}:host(:not([mobile])) [part=bottom-chrome]:before{background:linear-gradient(to bottom,var(--theoplayer-control-background-gradient-stops))}.theoplayer-spacer{flex-grow:1}theoplayer-time-range{--theoplayer-control-height:12px;--theoplayer-range-track-pointer-background:hsla(0,0%,100%,.5)}:host(:not([mobile])) [mobile-only],:host([mobile]) [mobile-hidden]{display:none!important}:host(:not([stream-type=vod])) [live-hidden],:host(:not([stream-type=vod])) theoplayer-control-bar ::slotted([live-hidden]),:host([stream-type=vod]) [live-only],:host([stream-type=vod]) theoplayer-control-bar ::slotted([live-only]){display:none!important}theoplayer-ui:not([has-first-play]) [part=centered-chrome] :not(theoplayer-play-button),theoplayer-ui:not([has-first-play]) theoplayer-control-bar,theoplayer-ui:not([playing-ad]) [ad-only],theoplayer-ui[playing-ad] [ad-hidden]{display:none!important}:host(:not([mobile])) theoplayer-ui[has-first-play] [part=centered-chrome] theoplayer-play-button{display:none!important}theoplayer-volume-range{--theoplayer-range-padding-left:0}theoplayer-mute-button+theoplayer-volume-range{--theoplayer-range-padding-right:0;--theoplayer-range-track-width:70px;overflow:hidden;transition:width .2s ease-in;width:0}theoplayer-mute-button+theoplayer-volume-range:focus,theoplayer-mute-button+theoplayer-volume-range:hover,theoplayer-mute-button:focus+theoplayer-volume-range,theoplayer-mute-button:hover+theoplayer-volume-range{width:70px}theoplayer-mute-button+theoplayer-volume-range:focus-within,theoplayer-mute-button:focus-within+theoplayer-volume-range{width:70px}theoplayer-live-button+theoplayer-time-display{padding-left:0}theoplayer-live-button[live]+theoplayer-time-display{display:none!important}p{color:#fff;color:var(--theoplayer-text-color,#fff);font-size:20px;font-size:var(--theoplayer-text-font-size,20px)}theolive-bad-network-button{display:none;display:var(--theolive-bad-network-button-display,none)}theoplayer-settings-menu-button{display:inline-flex;display:var(--theolive-quality-button-display,inline-flex)}`;lh=eh("theolive-default-ui"),lu=ep(),lc=ep(),ly=ep(),l_=ep(),new(ll=class extends ew{constructor(){super(ei),ld()}},(()=>{var e=lP("____private__announcementType_1"),t=lP("____private__announcementMessage_2"),r=lP("____private__hidePlayButton_3"),a=lP("____private__hideErrorDisplay_4");class i extends(lp=J){get _announcementType(){return lR(this,e)[e]}set _announcementType(t){lR(this,e)[e]=t}get _announcementMessage(){return lR(this,t)[t]}set _announcementMessage(e){lR(this,t)[t]=e}get _hidePlayButton(){return lR(this,r)[r]}set _hidePlayButton(e){lR(this,r)[r]=e}get _hideErrorDisplay(){return lR(this,a)[a]}set _hideErrorDisplay(e){lR(this,a)[a]=e}_onUiReady(){super._onUiReady();let e=this.player;if(e){var t,r,a;null==(t=e.theoLive)||t.addEventListener(["distributionloadstart","publicationloadstart"],this.onLoadChannelStart),null==(r=e.theoLive)||r.addEventListener(["distributionoffline","publicationoffline"],this.onChannelOffline),null==(a=e.theoLive)||a.addEventListener(["endpointloaded","publicationloaded"],this.onChannelLoaded),e.addEventListener("error",this.onError)}}hidePlayerError(){var e;null==(e=this._uiRef.value)||e.removeAttribute(lx.HAS_ERROR),this._hideErrorDisplay=!0}stopHidingPlayerError(){var e;null==(e=this._uiRef.value)||e.setAttribute(lx.HAS_ERROR,""),this._hideErrorDisplay=!1}showMessage_(e,t){this.hidePlayerError(),this._announcementType=e,this._announcementMessage=null!=t?t:"",this._hidePlayButton=!0}hideMessage_(){this._announcementType="",this._announcementMessage="",this._hidePlayButton=!1}renderUiContent(){let e={display:"loading"===this._announcementType?"":"none"},t={display:"offline"===this._announcementType?"":"none"},r={display:"announcement"===this._announcementType?"":"none"},a={display:this._hidePlayButton?"none":""},i={display:this._hideErrorDisplay?"none":""};return es`<p id="loading-announcement" no-auto-hide slot="centered-chrome" style="${eb(e)}"><slot name="loading-announcement">Loading...</slot></p><p id="offline-announcement" no-auto-hide slot="centered-chrome" style="${eb(t)}"><slot name="offline-announcement">The live stream hasn't started yet</slot></p><p id="announcement" no-auto-hide slot="centered-chrome" style="${eb(r)}">${this._announcementMessage}</p><theoplayer-loading-indicator slot="centered-loading" no-auto-hide part="loading-indicator"></theoplayer-loading-indicator><div slot="centered-chrome" part="centered-chrome"><theoplayer-play-button part="center-play-button play-button center-button" style="${eb(a)}"></theoplayer-play-button></div><div part="bottom-chrome"><theoplayer-control-bar><theoplayer-play-button mobile-hidden part="play-button" style="${eb(a)}"></theoplayer-play-button><theoplayer-mute-button part="mute-button"></theoplayer-mute-button><theoplayer-volume-range mobile-hidden part="volume-range"></theoplayer-volume-range><theoplayer-live-button ad-hidden live-only part="live-button"></theoplayer-live-button><span class="theoplayer-spacer"></span><theoplayer-settings-menu-button ad-hidden menu="all-quality-menu" part="quality-button"></theoplayer-settings-menu-button><theolive-bad-network-button ad-hidden menu="quality-menu" part="theolive-bad-network-button"></theolive-bad-network-button><theoplayer-fullscreen-button part="fullscreen-button"></theoplayer-fullscreen-button></theoplayer-control-bar></div><theoplayer-menu id="quality-menu" slot="menu" menu-close-on-input hidden><theolive-bad-network-menu></theolive-bad-network-menu></theoplayer-menu><theoplayer-menu id="all-quality-menu" slot="menu" menu-close-on-input hidden><theoplayer-quality-radio-group></theoplayer-quality-radio-group></theoplayer-menu><theoplayer-error-display slot="error" part="error-display" style="${eb(i)}"></theoplayer-error-display>`}constructor(i={}){super(i),Object.defineProperty(this,e,{writable:!0,value:void 0}),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),lR(this,e)[e]=(lf(this),lv(this,"")),lR(this,t)[t]=lm(this,""),lR(this,r)[r]=lg(this,!1),lR(this,a)[a]=lb(this,!1),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)return void this.showMessage_("offline",void 0);this.stopHidingPlayerError(),this.hideMessage_()}}}({e:[lv,lm,lg,lb,lf],c:[ei,ld]}=ek(i,[[lu,1,"_announcementType"],[lc,1,"_announcementMessage"],[ly,1,"_hidePlayButton"],[l_,1,"_hideErrorDisplay"]],[lh],lp)),i.styles=[pd]})(),ll);let pp="2.0.0-beta.0";export{A as ActiveQualityDisplay,K as AdClickThroughButton,G as AdCountdown,W as AdDisplay,Z as AdSkipButton,z as AirPlayButton,lx as Attribute,t as Button,dO as CastButton,U as ChromecastButton,V as ChromecastDisplay,y as CloseMenuButton,df as ColorStops,e as ControlBar,J as DefaultUI,l as DurationDisplay,q as ErrorDisplay,d1 as ExtensionSlot,I as FullscreenButton,H as GestureReceiver,w as LanguageMenu,x as LanguageMenuButton,r as LinkButton,Q as LiveButton,j as LoadingIndicator,_ as MediaTrackRadioButton,p as Menu,c as MenuButton,u as MenuGroup,o as MuteButton,i as PlayButton,C as PlaybackRateDisplay,L as PlaybackRateMenu,E as PlaybackRateMenuButton,T as PlaybackRateRadioGroup,D as PreviewThumbnail,N as PreviewTimeDisplay,R as QualityRadioButton,S as QualityRadioGroup,h as RadioButton,d as RadioGroup,B as Range,n as SeekButton,M as SettingsMenu,O as SettingsMenuButton,a as SlotContainer,lX as StateReceiverMixin,ei as THEOliveDefaultUI,g as TextTrackOffRadioButton,m as TextTrackRadioButton,b as TextTrackStyleDisplay,k as TextTrackStyleMenu,f as TextTrackStyleRadioGroup,P as TextTrackStyleResetButton,s as TimeDisplay,$ as TimeRange,v as TrackRadioGroup,Y as UIContainer,F as VolumeRange,lA as buttonTemplate,lO as linkButtonTemplate,hb as menuGroupTemplate,hv as menuTemplate,d2 as registerExtension,lJ as stateReceiver,pp as version};
|
|
42
2
|
//# sourceMappingURL=THEOplayerUI.mjs.map
|