@theoplayer/web-ui 1.16.3 → 2.0.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 +12 -0
- package/README.md +21 -14
- package/dist/THEOplayerUI.d.ts +550 -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.js
CHANGED
|
@@ -1,42 +1,3 @@
|
|
|
1
|
-
!/*!
|
|
2
|
-
* THEOplayer Open Video UI for Web (v1.16.3)
|
|
3
|
-
* License: MIT
|
|
4
|
-
*/function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("theoplayer/chromeless")):"function"==typeof define&&define.amd?define(["exports","theoplayer/chromeless"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).THEOplayerUI={},e.THEOplayer)}(this,function(e,t){"use strict";function r(){return void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeShadow}function a(e){r()&&window.ShadyCSS.styleElement(e)}function i(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 o(e,t){let a;return()=>{if(void 0===a){var i;(a=document.createElement("template")).innerHTML=t,t=void 0,i=a,r()&&window.ShadyCSS.prepareTemplate(i,e)}return a}}let n=o("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 s extends HTMLElement{connectedCallback(){a(this)}constructor(){super(),this.attachShadow({mode:"open",delegatesFocus:!0}).appendChild(n().content.cloneNode(!0))}}customElements.define("theoplayer-control-bar",s);var l,h,d,p=((l={}).CONFIGURATION="configuration",l.SOURCE="source",l.AUTOPLAY="autoplay",l.MUTED="muted",l.FULLSCREEN="fullscreen",l.FULLWINDOW="fullwindow",l.FLUID="fluid",l.DEVICE_TYPE="device-type",l.MOBILE="mobile",l.TV="tv",l.TV_FOCUS="tv-focus",l.MOBILE_ONLY="mobile-only",l.MOBILE_HIDDEN="mobile-hidden",l.TV_ONLY="tv-only",l.TV_HIDDEN="tv-hidden",l.USER_IDLE="user-idle",l.USER_IDLE_TIMEOUT="user-idle-timeout",l.NO_AUTO_HIDE="no-auto-hide",l.DISABLED="disabled",l.INERT="inert",l.HIDDEN="hidden",l.PAUSED="paused",l.ENDED="ended",l.VOLUME_LEVEL="volume-level",l.CASTING="casting",l.LOADING="loading",l.STREAM_TYPE="stream-type",l.LIVE="live",l.LIVE_ONLY="live-only",l.LIVE_HIDDEN="live-hidden",l.LIVE_THRESHOLD="live-threshold",l.DVR_THRESHOLD="dvr-threshold",l.REMAINING="remaining",l.REMAINING_WHEN_LIVE="remaining-when-live",l.SHOW_DURATION="show-duration",l.SEEK_OFFSET="seek-offset",l.MENU="menu",l.MENU_OPENED="menu-opened",l.MENU_CLOSE_ON_INPUT="menu-close-on-input",l.ARIA_LABEL="aria-label",l.ARIA_LIVE="aria-live",l.ARIA_CHECKED="aria-checked",l.HAS_AUDIO="has-audio",l.HAS_SUBTITLES="has-subtitles",l.HAS_ERROR="has-error",l.HAS_FIRST_PLAY="has-first-play",l.HAS_TITLE="has-title",l.CAST_STATE="cast-state",l.TRACK_TYPE="track-type",l.SHOW_OFF="show-off",l.PLAYING_AD="playing-ad",l.SHOW_AD_MARKERS="show-ad-markers",l.CLICKTHROUGH="clickthrough",l.PROPERTY="property",l.VALUE="value",l);let u=o("theoplayer-slot-container","<style>:host{display:contents}::slotted(:not([no-auto-hide])),slot{opacity:inherit}</style><slot></slot>");class c extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}).appendChild(u().content.cloneNode(!0))}}function y(){}function g(e){return e.nodeType===Node.ELEMENT_NODE}function m(e){return e instanceof HTMLElement}customElements.define("theoplayer-slot-container",c);let v="function"==typeof Array.isArray?Array.isArray:e=>"[object Array]"===Object.prototype.toString.call(e),b="function"==typeof Array.from?e=>Array.from(e):e=>Array.prototype.slice.call(e),_="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]},f="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},k="function"==typeof String.prototype.startsWith?(e,t)=>e.startsWith(t):(e,t)=>e.substring(0,t.length)===t,E="undefined"!=typeof Intl&&Intl.DisplayNames?e=>{let t=new Intl.DisplayNames([e,"en"],{type:"language",fallback:"none"}),r=t.of(e);if(r){let e=t.resolvedOptions().locale,[a]=r;return a.toLocaleUpperCase(e)+r.slice(a.length)}}:e=>void 0;function w(e,t){void 0===e.textContent?e.innerText=t:e.textContent=t}function x(e,t,r){r?e.setAttribute(t,""):e.removeAttribute(t)}function T(e){if(e.shadowRoot)return e.shadowRoot.children;if("slot"===e.localName.toLowerCase()){let t=e.assignedNodes();if(t.length>0)return t.filter(g)}return m(e)?e.children:[]}function A(e){let t=[];for(let r of e.assignedNodes({flatten:!0}))g(r)&&(t.push(r),"theoplayer-slot-container"===r.nodeName.toLowerCase()&&t.push(...b(r.children)));return t}function C(e){let t=[];return function e(t,r){if(m(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=T(t);for(let t=0;t<a.length;t++)e(a[t],r)}}}}(e,t),t}function L(e){let t=e.nodeName.toLowerCase();if(t.indexOf("-")>=0){if(!customElements.get(t))return customElements.whenDefined(t);customElements.upgrade(e)}}var S=((h={})[h.ENTER=13]="ENTER",h[h.ESCAPE=27]="ESCAPE",h[h.SPACE=32]="SPACE",h[h.END=35]="END",h[h.HOME=36]="HOME",h[h.LEFT=37]="LEFT",h[h.UP=38]="UP",h[h.RIGHT=39]="RIGHT",h[h.DOWN=40]="DOWN",h[h.BACK_SAMSUNG=88]="BACK_SAMSUNG",h[h.BACK_WEBOS=461]="BACK_WEBOS",h[h.BACK_TIZEN=10009]="BACK_TIZEN",h);function P(e){return 37<=e&&e<=40}function R(e){return 10009===e||27===e||88===e||461===e}function M(e){return 13===e||32===e}function I(e,t=""){return`<style>:host{align-items:center;background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;color:#fff;color:var(--theoplayer-button-text-color,var(--theoplayer-text-color,#fff));display:inline-flex;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 O=o("theoplayer-button",I("<slot></slot>"));class N extends HTMLElement{static get observedAttributes(){return[p.DISABLED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(p.ARIA_LIVE)||this.setAttribute(p.ARIA_LIVE,"polite"),this.hasAttribute(p.DISABLED)||this._enable()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("keyup",this._onKeyUp)}get disabled(){return this.hasAttribute(p.DISABLED)}set disabled(e){x(this,p.DISABLED,e)}attributeChangedCallback(e,t,r){e===p.DISABLED&&r!==t&&(null!=r?this._disable():this._enable()),N.observedAttributes.indexOf(e)>=0&&i(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=>{!M(e.keyCode)||e.metaKey||e.altKey?this.removeEventListener("keyup",this._onKeyUp):this.addEventListener("keyup",this._onKeyUp)},this._onKeyUp=e=>{this.removeEventListener("keyup",this._onKeyUp),M(e.keyCode)&&this.handleClick()};let r=null!=(t=null==e?void 0:e.template)?t:O();this.attachShadow({mode:"open"}).appendChild(r.content.cloneNode(!0)),this._upgradeProperty("disabled")}}function D(e,t=""){return I(`<a>${e}</a>`,`:host{padding:0}a{color:#fff;color:var(--theoplayer-button-text-color,var(--theoplayer-text-color,#fff));padding:10px;padding:var(--theoplayer-control-padding,10px);-webkit-text-decoration:none;text-decoration:none}:host(:focus){box-shadow:none;outline:0}a:focus{box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}a:focus:not(:focus-visible){box-shadow:none}:host([aria-checked=true]) a{color:#000;color:var(--theoplayer-button-checked-color,#000)}:host([disabled]) a{color:#ccc;color:var(--theoplayer-button-disabled-text-color,#ccc)}
|
|
14
|
-
${t}`)}customElements.define("theoplayer-button",N);let q=o("theoplayer-link-button",D("<slot></slot>"));class B extends HTMLElement{static get observedAttributes(){return[p.DISABLED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(p.ARIA_LIVE)||this.setAttribute(p.ARIA_LIVE,"polite"),this.hasAttribute(p.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(p.DISABLED)}set disabled(e){x(this,p.DISABLED,e)}setLink(e,t){this._linkEl.href=e,this._linkEl.target=t}attributeChangedCallback(e,t,r){e===p.DISABLED&&r!==t&&(null!=r?this._disable():this._enable()),N.observedAttributes.indexOf(e)>=0&&i(this)}_enable(){this.setAttribute("aria-disabled","false"),this.setAttribute("tabindex","0")}_disable(){this.setAttribute("aria-disabled","true"),this.removeAttribute("tabindex"),this.blur()}handleClick(){}constructor(e){var t;super(),this._onKeyDown=e=>{if(!e.metaKey&&!e.altKey){if(e.keyCode===S.SPACE)e.preventDefault(),this._linkEl.click()}},this._onClick=()=>{!this.disabled&&this.handleClick()};let r=null!=(t=null==e?void 0:e.template)?t:q(),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",B);let F="theoplayerUiObservedProperties";function U(e){return F in e&&v(e[F])}function H(e,t){return class extends e{get[F](){return t}}}async function V(e,t,r){if(t.contains(e))return;e.nodeName.indexOf("-")>=0&&!U(e)&&(await Promise.resolve(),await customElements.whenDefined(e.nodeName.toLowerCase()),customElements.upgrade(e)),U(e)&&r(e);let a=T(e);a.length>0&&await Promise.all(b(a).map(e=>V(e,t,r)))}let z=o("theoplayer-play-button",I(`<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}")),G=["seeking","seeked","ended","emptied","sourcechange"];class Q extends H(N,["player"]){static get observedAttributes(){return[...N.observedAttributes,p.PAUSED,p.ENDED]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get paused(){return this.hasAttribute(p.PAUSED)}set paused(e){x(this,p.PAUSED,e)}get ended(){return this.hasAttribute(p.ENDED)}set ended(e){x(this,p.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(G,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(G,this._updateFromPlayer)))}_updateEnded(){var e,t;this.ended=null!=(t=null==(e=this._player)?void 0:e.ended)&&t}handleClick(){void 0!==this._player&&void 0!==this._player.source&&(this._player.paused?this._player.play():this._player.pause())}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),Q.observedAttributes.indexOf(e)>=0&&(i(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.ended?"replay":this.paused?"play":"pause";this.setAttribute(p.ARIA_LABEL,e)}constructor(){super({template:z()}),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",Q);let $=o("theoplayer-mute-button",I(`<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}")),K=["volumechange"];class Y extends H(N,["player"]){static get observedAttributes(){return[...N.observedAttributes,p.VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get volumeLevel(){return this.getAttribute(p.VOLUME_LEVEL)||"off"}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(K,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(K,this._updateFromPlayer))}handleClick(){void 0!==this._player&&(this._player.muted=!this._player.muted,this._updateFromPlayer())}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),Y.observedAttributes.indexOf(e)>=0&&(i(this),this._updateAriaLabel())}_updateAriaLabel(){let e="off"===this.getAttribute(p.VOLUME_LEVEL)?"unmute":"mute";this.setAttribute(p.ARIA_LABEL,e)}constructor(){super({template:$()}),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(p.VOLUME_LEVEL,e)},this._upgradeProperty("player")}}customElements.define("theoplayer-mute-button",Y);let W=o("theoplayer-seek-button",I(`<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 Z extends H(N,["player"]){static get observedAttributes(){return[...N.observedAttributes,p.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get seekOffset(){var e;return Number(null!=(e=this.getAttribute(p.SEEK_OFFSET))?e:10)}set seekOffset(e){this.setAttribute(p.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===p.SEEK_OFFSET&&w(this._offsetEl,String(Math.abs(this.seekOffset))),Z.observedAttributes.indexOf(e)>=0&&(i(this),this._updateAriaLabel()))}_updateAriaLabel(){let e=this.seekOffset,t=e>=0?`seek forward by ${e} seconds`:`seek backward by ${-e} seconds`;this.setAttribute(p.ARIA_LABEL,t)}constructor(){super({template:W()}),this._offsetEl=this.shadowRoot.querySelector('[part="offset"]'),this._upgradeProperty("player"),this._upgradeProperty("seekOffset")}}customElements.define("theoplayer-seek-button",Z);var j=":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 X(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 ee=[["hour","hours"],["minute","minutes"],["second","seconds"]];function et(e,t){let r=ee[t][+(1!==e)];return`${e} ${r}`}function er(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?"":et(o,0),0===i?"":et(i,1),0===a&&(o>0||i>0)?"":et(a,2)].filter(e=>""!==e).join(", ");return`${n}${r?" remaining":""}`}let ea=o("theoplayer-time-display",`<style>${j}</style><span></span>`),ei=["timeupdate","seeking","seeked","durationchange"];class eo extends H(HTMLElement,["player","streamType"]){static get observedAttributes(){return[p.REMAINING,p.REMAINING_WHEN_LIVE,p.SHOW_DURATION,p.STREAM_TYPE]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this.hasAttribute("role")||this.setAttribute("role","progressbar"),this.hasAttribute(p.ARIA_LABEL)||this.setAttribute(p.ARIA_LABEL,"playback time"),this.hasAttribute(p.ARIA_LIVE)||this.setAttribute(p.ARIA_LIVE,"off"),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(ei,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(ei,this._updateFromPlayer))}get streamType(){return this.getAttribute(p.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(p.STREAM_TYPE,e)}attributeChangedCallback(e,t,r){r!==t&&eo.observedAttributes.indexOf(e)>=0&&(this._updateFromPlayer(),i(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(p.REMAINING)||this.hasAttribute(p.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType,l=a;s&&(l=-((n||0)-a));let h=this.hasAttribute(p.SHOW_DURATION);t=h&&!s?`${X(l,n,s)} / ${X(n)}`:X(l,n,s),r=isNaN(i)?"video not loaded, unknown time":h?`${er(l,s)} of ${er(n)}`:er(l,s),w(this._spanEl,t),this.setAttribute("aria-valuetext",r)};let e=this.attachShadow({mode:"open"});e.appendChild(ea().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-time-display",eo);let en=o("theoplayer-duration-display",`<style>${j}</style><span></span>`),es=["durationchange"];class el extends H(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this.hasAttribute(p.ARIA_LIVE)||this.setAttribute(p.ARIA_LIVE,"off"),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(es,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(es,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{let e=X(this._player?this._player.duration:NaN);w(this._spanEl,e)};let e=this.attachShadow({mode:"open"});e.appendChild(en().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-duration-display",el);let eh=!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)},ed=!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)},ep=o("theoplayer-radio-button",I("<slot></slot>"));class eu extends N{static get observedAttributes(){return[...N.observedAttributes,p.ARIA_CHECKED,p.VALUE]}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),super.connectedCallback()}get checked(){return"true"===this.getAttribute(p.ARIA_CHECKED)}set checked(e){this.setAttribute(p.ARIA_CHECKED,e?"true":"false")}get value(){return this._value}set value(e){this._value=e}handleClick(){this.checked=!0,this.dispatchEvent(eh("input",{bubbles:!0,composed:!0}))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===p.ARIA_CHECKED?this.dispatchEvent(eh("change",{bubbles:!0})):e===p.VALUE&&(this.value=r),eu.observedAttributes.indexOf(e)>=0&&i(this))}constructor(e){super({template:ep(),...e}),this._value=void 0,this._upgradeProperty("checked")}}customElements.define("theoplayer-radio-button",eu);class ec{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 ec(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 ec(t,r,a,i)}snapToPixels(){return new ec(Math.round(this.x),Math.round(this.y),Math.round(this.width),Math.round(this.height))}clone(){return new ec(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 ey(){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&&m(e)?e:null}function eg(e,t,r){var a,i;let o;let n=ey();if(null===n)return!1;let s=ec.fromRect(e.getBoundingClientRect()).snapToPixels(),l=ec.fromRect(n.getBoundingClientRect()).snapToPixels(),h=t.map(e=>({child:e,rect:ec.fromRect(e.getBoundingClientRect()).snapToPixels()})).filter(e=>e.rect.width>0&&e.rect.height>0);if(r===S.LEFT||r===S.RIGHT){let e=l.clone();r===S.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===S.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 em=o("theoplayer-radio-group","<slot></slot>");class ev extends H(HTMLElement,["deviceType"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(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(p.DEVICE_TYPE)||"desktop"}set deviceType(e){this.setAttribute(p.DEVICE_TYPE,e)}get focusedRadioButton(){var e;return null!=(e=_(this._radioButtons,e=>0===e.tabIndex))?e:null}get checkedRadioButton(){var e;return null!=(e=_(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(eh("change",{bubbles:!0}))}constructor(){super(),this._radioButtons=[],this._onSlotChange=()=>{let e=A(this._slot),t=[];for(let r of e)if(!eb(r)){let e=L(r);e&&t.push(e)}if(t.length>0&&Promise.all(t).then(this._onSlotChange,y),this._radioButtons=e.filter(eb),!this.focusedRadioButton){var r;null==(r=this.firstRadioButton)||r.setAttribute("tabindex","0")}},this._onKeyDown=e=>{if("tv"===this.deviceType&&P(e.keyCode)){eg(this,this._radioButtons,e.keyCode)&&(e.preventDefault(),e.stopPropagation());return}switch(e.keyCode){case S.UP:case S.LEFT:this._focusPrevButton()&&e.preventDefault();break;case S.DOWN:case S.RIGHT:this._focusNextButton()&&e.preventDefault();break;case S.HOME:e.preventDefault(),this.setFocusedRadioButton(this.firstRadioButton);break;case S.END:e.preventDefault(),this.setFocusedRadioButton(this.lastRadioButton)}},this._onButtonChange=e=>{let t=e.target;null!==t&&t.checked&&this.setCheckedRadioButton(e.target)};let e=this.attachShadow({mode:"open"});e.appendChild(em().content.cloneNode(!0)),this._slot=e.querySelector("slot"),this._upgradeProperty("deviceType")}}function eb(e){return e instanceof eu}customElements.define("theoplayer-radio-group",ev);let e_="theoplayermenuclose",ef="theoplayermenuchange";function ek(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 eE=o("theoplayer-menu",ek('<slot name="heading"></slot>',"<slot></slot>"));class ew extends HTMLElement{static get observedAttributes(){return[p.MENU_OPENED,p.MENU_CLOSE_ON_INPUT]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this.hasAttribute(p.MENU_OPENED)||this.setAttribute("hidden",""),this._contentEl.addEventListener("input",this._onContentInput)}disconnectedCallback(){this._contentEl.removeEventListener("input",this._onContentInput)}get closeOnInput(){return this.hasAttribute(p.MENU_CLOSE_ON_INPUT)}set closeOnInput(e){x(this,p.MENU_CLOSE_ON_INPUT,e)}openMenu(){this.setAttribute(p.MENU_OPENED,"")}closeMenu(){this.removeAttribute(p.MENU_OPENED)}attributeChangedCallback(e,t,r){if(r!==t){if(e===p.MENU_OPENED){x(this,p.HIDDEN,null==r);let e=ed(ef,{bubbles:!0});this.dispatchEvent(e)}ew.observedAttributes.indexOf(e)>=0&&i(this)}}constructor(e){var t;super(),this._onContentInput=()=>{if(this.hasAttribute(p.MENU_CLOSE_ON_INPUT)){let e=ed(e_,{bubbles:!0,composed:!0});this.dispatchEvent(e)}};let r=null!=(t=null==e?void 0:e.template)?t:eE(),a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._contentEl=a.querySelector('[part="content"]')}}customElements.define("theoplayer-menu",ew);let ex="theoplayermenutoggle";function eT(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 eA=o("theoplayer-menu-group",eT("<slot></slot>"));class eC extends HTMLElement{static get observedAttributes(){return[p.MENU_OPENED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){var e;a(this),this.hasAttribute(p.MENU_OPENED)||this.setAttribute("hidden",""),this._onMenuListChange(),this.shadowRoot.addEventListener(ex,this._onToggleMenu),this.shadowRoot.addEventListener(e_,this._onCloseMenu),this.shadowRoot.addEventListener(ef,this._onMenuChange),null==(e=this._menuSlot)||e.addEventListener("slotchange",this._onMenuListChange)}disconnectedCallback(){var e;this.shadowRoot.removeEventListener(ex,this._onToggleMenu),this.shadowRoot.removeEventListener(e_,this._onCloseMenu),this.shadowRoot.removeEventListener(ef,this._onMenuChange),null==(e=this._menuSlot)||e.removeEventListener("slotchange",this._onMenuListChange)}attributeChangedCallback(e,t,r){if(r!==t){if(e===p.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=ed(ef,{bubbles:!0});this.dispatchEvent(e)}eC.observedAttributes.indexOf(e)>=0&&i(this)}}getMenuById(e){return e&&e!==this.id?_(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=f(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(p.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=f(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(p.MENU_OPENED,""),o.opener&&n.menu.contains(o.opener)?o.opener.focus():n.menu.focus()):(this.removeAttribute(p.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=[...b(this.shadowRoot.children),...this._menuSlot?A(this._menuSlot):[]],t=[];for(let r of e)if(!eL(r)){let e=L(r);e&&t.push(e)}t.length>0&&Promise.all(t).then(this._onMenuListChange,y);let r=e.filter(eL);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=m(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 eC&&!t.menu.hasCurrentMenu()&&this.closeCurrentMenu()},this._onKeyDown=e=>{!e.altKey&&R(e.keyCode)&&this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())};let r=null!=(t=null==e?void 0:e.template)?t:eA(),a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._menuSlot=a.querySelector("slot")}}function eL(e){return!!m(e)&&(e instanceof ew||e instanceof eC)}customElements.define("theoplayer-menu-group",eC);let eS=o("theoplayer-menu-button",I("<slot></slot>"));class eP extends N{static get observedAttributes(){return[...N.observedAttributes,p.MENU]}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true")}get menu(){return this.getAttribute(p.MENU)}set menu(e){e?this.setAttribute(p.MENU,e):this.removeAttribute(p.MENU)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e!==p.MENU||this.hasAttribute("aria-controls")&&this.getAttribute("aria-controls")!==t||this.setAttribute("aria-controls",r)}handleClick(){let e=this.menu;if(e){let t=ed(ex,{bubbles:!0,composed:!0,detail:{menu:e}});this.dispatchEvent(t)}}constructor(e){super({template:eS(),...e}),this._upgradeProperty("menu")}}customElements.define("theoplayer-menu-button",eP);let eR=o("theoplayer-menu-close-button",I(`<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 eM extends N{static get observedAttributes(){return[...N.observedAttributes]}connectedCallback(){super.connectedCallback(),this.hasAttribute(p.ARIA_LABEL)||this.setAttribute(p.ARIA_LABEL,"close menu")}handleClick(){let e=ed(e_,{bubbles:!0,composed:!0});this.dispatchEvent(e)}constructor(){super({template:eR()})}}customElements.define("theoplayer-menu-close-button",eM);let eI=o("theoplayer-media-track-radio-button",I("<slot></slot>")),eO=["change","update"];class eN extends eu{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(eO,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(eO,this._onTrackChange))}_updateFromTrack(){w(this._slotEl,this._track?function(e){let t=e.label,r=e.language;if(t&&t!==r)return t;let a=r&&E(r);return a||r||t||""}(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===p.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:eI()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}customElements.define("theoplayer-media-track-radio-button",eN);var eD=":host,theoplayer-radio-group{align-items:stretch;display:flex;flex-direction:column}:host([hidden]){display:none!important}";let eq=o("theoplayer-text-track-radio-button",I("<slot></slot>")),eB=["change","update"];class eF extends eu{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(eB,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(eB,this._onTrackChange))}_updateFromTrack(){w(this._slotEl,this._track?function(e){let t=e.label,r=e.language;if(t){if(t===r);else if(!("cea608"===e.type&&/^CC\d+$/.test(e.label)))return t}let a=r&&E(r);return a||("cea608"===e.type&&"number"==typeof e.captionChannel?`CC${e.captionChannel}`:r||t||"")}(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===p.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:eq()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}function eU(e){return"subtitles"===e.kind||"captions"===e.kind}function eH(e){return eU(e)&&!e.forced}function eV(e){let t=null==e?void 0:e.targetQuality;return void 0===t||Array.isArray(t)||(t=[t]),t}function ez(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",eF);let eG=o("theoplayer-text-track-off-radio-button",I("<slot>Off</slot>")),eQ=["change"];class e$ extends eu{get trackList(){return this._trackList}set trackList(e){this._trackList&&this._trackList.removeEventListener(eQ,this._onTrackChange),this._trackList=e,this._updateFromTrackList(),e&&e.addEventListener(eQ,this._onTrackChange)}_updateFromTrackList(){this.checked=!this._trackList||!this._trackList.some(e=>eH(e)&&"showing"===e.mode)}_updateTrackList(){this._trackList&&this.checked&&function(e){for(let t of e)eU(t)&&"showing"===t.mode&&(t.mode="disabled")}(this._trackList)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===p.ARIA_CHECKED&&t!==r&&this._updateTrackList()}constructor(){super({template:eG()}),this._trackList=void 0,this._onTrackChange=()=>{this._updateFromTrackList()},this._upgradeProperty("trackList")}}customElements.define("theoplayer-text-track-off-radio-button",e$);let eK=o("theoplayer-track-radio-group",`<style>${eD}</style><theoplayer-radio-group></theoplayer-radio-group>`),eY=["addtrack","removetrack"];class eW extends H(HTMLElement,["player"]){static get observedAttributes(){return[p.TRACK_TYPE,p.SHOW_OFF]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._radioGroup instanceof ev||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(p.TRACK_TYPE)||"audio"}set trackType(e){this.setAttribute(p.TRACK_TYPE,e||"audio")}get showOffButton(){return this.hasAttribute(p.SHOW_OFF)}set showOffButton(e){x(this,p.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(eY,this._updateTracks),null==t||t.addEventListener(eY,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(eH):[]}_createTrackButton(e){if("subtitles"===this.trackType){let t=new eF;return t.track=e,t}{let t=new eN;return t.track=e,t}}_updateOffButton(){"subtitles"===this.trackType&&this.showOffButton?(void 0===this._offButton&&(this._offButton=new e$,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===p.TRACK_TYPE?(this._updateTracksList(),this._updateTracks()):e===p.SHOW_OFF&&(this._updateOffButton(),this._updateTracks()),eW.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super(),this._updateTracks=()=>{let e=b(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(eh("change",{bubbles:!0}))};let e=this.attachShadow({mode:"open"});e.appendChild(eK().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",eW);var eZ=".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 ej(e){return e?k(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):k(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 eX(e){return`rgb(${e.r_},${e.g_},${e.b_})`}function e0(e,t){return{r_:e.r_,g_:e.g_,b_:e.b_,a_:t}}let e1=ej("#ffffff"),e5=ej("#000000"),e2=[["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)"]],e3=[["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']],e8=[["None","none"],["Drop shadow","dropshadow"],["Raised","raised"],["Depressed","depressed"],["Uniform","uniform"]];class e4 extends H(HTMLElement,["player"]){static get observedAttributes(){return[p.PROPERTY]}connectedCallback(){a(this),this.hasAttribute(p.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(p.PROPERTY)}set property(e){this.setAttribute(p.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===p.PROPERTY&&this._updateFromPlayer(),e4.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super(),this._updateFromPlayer=()=>{if(void 0===this._player)return;let e=this.property;switch(e){case"fontFamily":w(this._spanEl,function(e){if(!e)return"Default";let t=_(e3,([t,r])=>r===e);return t?t[0]:"Custom"}(this._player.textTrackStyle.fontFamily));break;case"fontColor":case"backgroundColor":case"windowColor":w(this._spanEl,function(e){if(!e)return"Default";let t=ej(e);if(t){let e=eX(t),r=_(e2,([t,r])=>r===e);if(r)return r[0]}return"Custom"}(this._player.textTrackStyle[e]));break;case"fontOpacity":w(this._spanEl,e7(this._player.textTrackStyle.fontColor));break;case"backgroundOpacity":w(this._spanEl,e7(this._player.textTrackStyle.backgroundColor));break;case"windowOpacity":w(this._spanEl,e7(this._player.textTrackStyle.windowColor));break;case"edgeStyle":w(this._spanEl,function(e){if(!e)return"Default";let t=_(e8,([t,r])=>r===e);return t?t[0]:"Custom"}(this._player.textTrackStyle.edgeStyle));break;default:{let t=this._player.textTrackStyle[e];w(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 e7(e){if(!e)return"Default";let t=ej(e);return t?`${100*t.a_}%`:"Custom"}customElements.define("theoplayer-text-track-style-display",e4);let e6=o("theoplayer-text-track-style-radio-group",`<style>${eD}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`);class e9 extends H(HTMLElement,["player"]){static get observedAttributes(){return[p.PROPERTY]}connectedCallback(){a(this),this._radioGroup instanceof ev||customElements.upgrade(this._radioGroup),this._upgradeProperty("property"),this._upgradeProperty("value"),this._upgradeProperty("player"),this.hasAttribute(p.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(p.PROPERTY)}set property(e){this.setAttribute(p.PROPERTY,e)}get value(){return this._value}set value(e){this._value!==e&&(this._value=e,this._updateToPlayer(),this._updateChecked(),this.dispatchEvent(eh("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=te(this.value,this._player.textTrackStyle.fontColor,e1);break;case"backgroundColor":this._player.textTrackStyle.backgroundColor=te(this.value,this._player.textTrackStyle.backgroundColor,e5);break;case"windowColor":this._player.textTrackStyle.windowColor=te(this.value,this._player.textTrackStyle.windowColor,e5);break;case"fontOpacity":this._player.textTrackStyle.fontColor=tt(this.value,this._player.textTrackStyle.fontColor,e1);break;case"backgroundOpacity":this._player.textTrackStyle.backgroundColor=tt(this.value,this._player.textTrackStyle.backgroundColor,e5);break;case"windowOpacity":this._player.textTrackStyle.windowColor=tt(this.value,this._player.textTrackStyle.windowColor,e5);break;default:this._player.textTrackStyle[this.property]=""==this.value?void 0:this.value}}attributeChangedCallback(e,t,r){r!==t&&(e===p.PROPERTY&&this._updateFromPlayer(),e9.observedAttributes.indexOf(e)>=0&&i(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?eX(null!=(e=ej(t))?e:e1):"";break}case"backgroundColor":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?eX(null!=(t=ej(e))?t:e5):"";break}case"windowColor":{let e=this._player.textTrackStyle.windowColor;this.value=e?eX(null!=(r=ej(e))?r:e5):"";break}case"fontOpacity":{let e=this._player.textTrackStyle.fontColor;this.value=e?String((null!=(i=null==(a=ej(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=ej(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=ej(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(e6().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot")}}function te(e,t,r){var a,i,o;let n=null!=(i=null==(a=ej(t))?void 0:a.a_)?i:1;if(""!==e||1!==n)return eJ(e0(null!=(o=ej(e))?o:r,n))}function tt(e,t,r){var a;let i=null!=(a=ej(t))?a:r;if(""!==e||i.r_!==r.r_||i.g_!==r.g_||i.b_!==r.b_)return eJ(e0(i,""==e?1:Number(e)/100))}customElements.define("theoplayer-text-track-style-radio-group",e9);let tr=o("theoplayer-text-track-style-menu",eT('<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>',`${eZ}
|
|
23
|
-
.theoplayer-menu-heading{flex-grow:1}.theoplayer-menu-heading-button{align-self:flex-end}`));class ta extends eC{constructor(){super({template:tr()})}}customElements.define("theoplayer-text-track-style-menu",ta);let ti=o("theoplayer-language-menu",eT('<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}")),to=["addtrack","removetrack"];class tn extends H(eC,["player"]){static get observedAttributes(){return[...eC.observedAttributes,p.HAS_AUDIO,p.HAS_SUBTITLES]}get player(){return this._player}set player(e){var t,r,a,i;this._player!==e&&(null==(t=this._audioTrackList)||t.removeEventListener(to,this._updateAudioTracks),null==(r=this._textTrackList)||r.removeEventListener(to,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(to,this._updateAudioTracks),null==(i=this._textTrackList)||i.addEventListener(to,this._updateTextTracks))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),tn.observedAttributes.indexOf(e)>=0&&i(this)}constructor(){super({template:ti()}),this._updateAudioTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.audioTracks)?t:[];x(this,p.HAS_AUDIO,r.length>1)},this._updateTextTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.textTracks.filter(eH))?t:[];x(this,p.HAS_SUBTITLES,r.length>0)},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu",tn);let ts=o("theoplayer-language-menu-button",I(`<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>`)),tl=["addtrack","removetrack"];class th extends H(eP,["player"]){connectedCallback(){super.connectedCallback(),this.hasAttribute(p.ARIA_LABEL)||this.setAttribute(p.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(tl,this._updateTracks),null==(r=this._textTrackList)||r.removeEventListener(tl,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(tl,this._updateTracks),null==(i=this._textTrackList)||i.addEventListener(tl,this._updateTracks))}constructor(){super({template:ts()}),this._updateTracks=()=>{let e=void 0!==this._player&&(this._player.audioTracks.length>=2||this._player.textTracks.some(eH));x(this,p.HIDDEN,!e)},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu-button",th);let td=o("theoplayer-playback-rate-radio-group",`<style>${eD}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`);class tp extends H(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._radioGroup instanceof ev||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(eh("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(td().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",tp);let tu=o("theoplayer-playback-rate-button",I(`<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 tc extends eP{connectedCallback(){super.connectedCallback(),this.hasAttribute(p.ARIA_LABEL)||this.setAttribute(p.ARIA_LABEL,"open playback speed menu")}constructor(){super({template:tu()})}}customElements.define("theoplayer-playback-rate-menu-button",tc);let ty=o("theoplayer-playback-rate-menu",ek('<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 tg extends ew{constructor(){super({template:ty()})}}customElements.define("theoplayer-playback-rate-menu",tg);class tm extends H(HTMLElement,["playbackRate"]){connectedCallback(){a(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,w(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",tm);class tv extends H(HTMLElement,["activeVideoQuality","targetVideoQualities"]){connectedCallback(){a(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=ez(null!=r?r:this._activeVideoQuality);e=t?null!=a?a:"Unknown":`Automatic${a?` (${a})`:""}`,w(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",tv);let tb=o("theoplayer-quality-radio-button",I("<slot></slot>")),t_=["activequalitychanged","targetqualitychanged"],tf=["update"];class tk extends eu{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(t_,this._updateFromTrack),this._track=e,this._updateFromTrack(),e&&e.addEventListener(t_,this._updateFromTrack))}get quality(){return this._quality}set quality(e){this._quality!==e&&(this._quality&&this._quality.removeEventListener(tf,this._updateFromQuality),this._quality=e,this._updateFromTrack(),e&&e.addEventListener(tf,this._updateFromQuality))}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===p.ARIA_CHECKED&&this._updateTargetQuality(),tk.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super({template:tb()}),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;w(this._slotEl,null!=(e=ez(this._quality))?e:"Automatic")},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track"),this._upgradeProperty("quality")}}customElements.define("theoplayer-quality-radio-button",tk);let tE=o("theoplayer-quality-radio-group",`<style>${eD}</style><theoplayer-radio-group></theoplayer-radio-group>`),tw=["addtrack","removetrack","change"];class tx extends H(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._radioGroup instanceof ev||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(tw,this._updateTrack),this._player=e,this._videoTracks=null==e?void 0:e.videoTracks,this._updateTrack(),null==(r=this._videoTracks)||r.addEventListener(tw,this._updateTrack))}constructor(){super(),this._onChange=()=>{this.dispatchEvent(eh("change",{bubbles:!0}))},this._updateTrack=()=>{var e,t;let r=this._player?_(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=b(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 tk;e.track=this._track,e.quality=r[a],this._radioGroup.appendChild(e),a++}};let e=this.attachShadow({mode:"open"});e.appendChild(tE().content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("player")}}customElements.define("theoplayer-quality-radio-group",tx);let tT=o("theoplayer-text-track-style-reset-button",I("<slot>Reset</slot>"));class tA extends H(N,["player"]){static get observedAttributes(){return[...N.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:tT()})}}customElements.define("theoplayer-text-track-style-reset-button",tA);let tC=o("theoplayer-settings-menu",eT('<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>',eZ));class tL extends eC{constructor(){super({template:tC()})}}customElements.define("theoplayer-settings-menu",tL);var tS='<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 tP=o("theoplayer-settings-menu-button",I(`<span part="icon"><slot>${tS}</slot></span>`));class tR extends eP{connectedCallback(){super.connectedCallback(),this.hasAttribute(p.ARIA_LABEL)||this.setAttribute(p.ARIA_LABEL,"open settings menu")}constructor(){super({template:tP()})}}customElements.define("theoplayer-settings-menu-button",tR);let tM="theoplayerfullscreenenter",tI="theoplayerfullscreenexit",tO=o("theoplayer-fullscreen-button",I(`<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 tN extends H(N,["fullscreen"]){static get observedAttributes(){return[...N.observedAttributes,p.FULLSCREEN]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get fullscreen(){return this.hasAttribute(p.FULLSCREEN)}set fullscreen(e){x(this,p.FULLSCREEN,e)}handleClick(){if(this.fullscreen){let e=ed(tI,{bubbles:!0,composed:!0});this.dispatchEvent(e)}else{let e=ed(tM,{bubbles:!0,composed:!0});this.dispatchEvent(e)}}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),tN.observedAttributes.indexOf(e)>=0&&(i(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.fullscreen?"exit fullscreen":"enter fullscreen";this.setAttribute(p.ARIA_LABEL,e)}constructor(){super({template:tO()}),this._upgradeProperty("fullscreen")}}customElements.define("theoplayer-fullscreen-button",tN);class tD{add(e,t,r){if((t=Math.max(t,0))>=(r=Math.min(r,100)))return;let a=f(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 tq(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 tB extends H(HTMLElement,["deviceType"]){static get observedAttributes(){return[p.DISABLED,p.HIDDEN,p.INERT]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._rangeEl.setAttribute(p.ARIA_LABEL,this.getAriaLabel()),this.update(),this.addEventListener("pointermove",this._updatePointerBar)}disconnectedCallback(){this.removeEventListener("pointermove",this._updatePointerBar)}get disabled(){return this.hasAttribute(p.DISABLED)}set disabled(e){x(this,p.DISABLED,e)}get inert(){return this.hasAttribute(p.INERT)}set inert(e){x(this,p.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(p.DEVICE_TYPE)||"desktop"}set deviceType(e){this.setAttribute(p.DEVICE_TYPE,e)}attributeChangedCallback(e,t,r){r!==t&&(e===p.DISABLED||e===p.INERT?(this.setAttribute("aria-disabled",this.disabled?"true":"false"),x(this._rangeEl,p.DISABLED,this.disabled||this.inert)):e===p.HIDDEN&&null==r&&this.update(),tB.observedAttributes.indexOf(e)>=0&&i(this))}handleInput(){this.update()}update(e){!this.hasAttribute(p.HIDDEN)&&(e||this.updateCachedWidths_(),this._rangeEl.setAttribute("aria-valuetext",this.getAriaValueText()),this.updateBar_())}updateBar_(){let e=this.getBarColors().toGradientStops();i(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 tD;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&&P(e.keyCode)&&(e.keyCode===S.LEFT||e.keyCode===S.RIGHT?e.stopPropagation():(e.keyCode===S.UP||e.keyCode===S.DOWN)&&e.preventDefault())}constructor(e){super(),this._rangeWidth=0,this._thumbWidth=10,this._onInput=()=>{this.handleInput()},this._updatePointerBar=e=>{if(this.disabled||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 tF="theoplayerpreviewtimechange";function tU(e){return"linear"===e.type}let tH=o("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>"),tV=["addtrack","removetrack"];class tz extends H(HTMLElement,["player","previewTime"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this)}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._textTrackList)||t.removeEventListener(tV,this._updateThumbnailTextTrack),this._player=e,this._textTrackList=null==e?void 0:e.textTracks,this._updateThumbnailTextTrack(),null==(r=this._textTrackList)||r.addEventListener(tV,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,y)):(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?_(this._player.textTracks,tG):void 0;e!==t&&(this._thumbnailTextTrack=t,this.updateThumbnail_())};let e=this.attachShadow({mode:"open"});e.appendChild(tH().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 tG(e){return"metadata"===e.kind&&"thumbnails"===e.label}customElements.define("theoplayer-preview-thumbnail",tz);let tQ=o("theoplayer-preview-time-display",`<style>${j}</style><span></span>`),t$=["timeupdate","seeking","seeked","durationchange"];class tK extends H(HTMLElement,["player","previewTime","streamType"]){static get observedAttributes(){return[p.REMAINING,p.REMAINING_WHEN_LIVE,p.STREAM_TYPE]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._update()}get previewTime(){return this._previewTime}set previewTime(e){this._previewTime=e,this._update()}get streamType(){return this.getAttribute(p.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(p.STREAM_TYPE,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(t$,this._update),this._player=e,this._update(),void 0!==this._player&&this._player.addEventListener(t$,this._update))}attributeChangedCallback(e,t,r){r!==t&&tK.observedAttributes.indexOf(e)>=0&&(this._update(),i(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(p.REMAINING)||this.hasAttribute(p.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType;o&&(t=-((i||0)-t)),w(this._spanEl,X(t,i,o))};let e=this.attachShadow({mode:"open"});e.appendChild(tQ().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}customElements.define("theoplayer-preview-time-display",tK);let tY=o("theoplayer-time-range",tq('<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%)}")),tW=["timeupdate","durationchange","ratechange","seeking","seeked"],tZ=["play","pause","ended","durationchange","readystatechange","error"],tj=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class tJ extends H(tB,["player","streamType","deviceType"]){static get observedAttributes(){return[...tB.observedAttributes,p.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(tW,this._updateFromPlayer),this._player.removeEventListener(tZ,this._toggleAutoAdvance)),null==(t=this._ads)||t.removeEventListener(tj,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),this._toggleAutoAdvance(),void 0!==this._player&&(this._player.addEventListener(tW,this._updateFromPlayer),this._player.addEventListener(tZ,this._toggleAutoAdvance)),null==(r=this._ads)||r.addEventListener(tj,this._onAdChange))}get streamType(){return this.getAttribute(p.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(p.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=er(this.value),t=er(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===p.STREAM_TYPE?this.updateDisabled_():e===p.SHOW_AD_MARKERS&&this.update(),tJ.observedAttributes.indexOf(e)>=0&&i(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=ed(tF,{bubbles:!0,composed:!0,detail:{previewTime:o+e*(n-o)}});this.dispatchEvent(s)}getBarColors(){let e=super.getBarColors();if(!this.hasAttribute(p.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(tU))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===S.ENTER&&void 0!==this._player&&(this._player.paused?this._player.play():this._player.pause())}constructor(){super({template:tY()}),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(p.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 tX=o("theoplayer-volume-range",tq('<input type="range" min="0" max="1" step="any" value="0">'));class t0 extends H(tB,["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:tX()}),this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.volume)},this._upgradeProperty("player")}}customElements.define("theoplayer-volume-range",t0);let t1=o("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 t5 extends H(HTMLElement,["error","fullscreen"]){static get observedAttributes(){return[p.FULLSCREEN]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this)}get error(){return this._error}set error(e){this._error=e,w(this._messageSlot,e?e.message:"")}get fullscreen(){return this.hasAttribute(p.FULLSCREEN)}set fullscreen(e){x(this,p.FULLSCREEN,e)}attributeChangedCallback(e,t,r){t5.observedAttributes.indexOf(e)>=0&&i(this)}constructor(){super();let e=this.attachShadow({mode:"open",delegatesFocus:!0});e.appendChild(t1().content.cloneNode(!0)),this._messageSlot=e.querySelector('slot[name="message"]'),this._upgradeProperty("error")}}customElements.define("theoplayer-error-display",t5);class t2 extends N{static get observedAttributes(){return[...N.observedAttributes,p.CAST_STATE]}connectedCallback(){super.connectedCallback(),this.hasAttribute(p.CAST_STATE)||this.setAttribute(p.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(p.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),t2.observedAttributes.indexOf(e)>=0&&i(this)}constructor(e){super(e),this._updateCastState=()=>{let e=this._castApi?this._castApi.state:"unavailable";this.setAttribute(p.CAST_STATE,e)},this._upgradeProperty("castState"),this._upgradeProperty("castApi")}}let t3=o("theoplayer-chromecast-button",I('<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}}")),t8="theoplayer-chromecast-rings-mask",t4=0;class t7 extends H(t2,["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),t7.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(p.ARIA_LABEL,e)}constructor(){super({template:t3()});let e=++t4,t=this.shadowRoot.querySelector(`svg clipPath#${t8}`),r=this.shadowRoot.querySelector("svg .theoplayer-chromecast-rings"),a=`${t8}-${e}`;null==t||t.setAttribute("id",a),r.setAttribute("clip-path",a),this._upgradeProperty("player")}}customElements.define("theoplayer-chromecast-button",t7);let t6=o("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>`),t9=["statechange"];class re extends H(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this.hasAttribute(p.HIDDEN)||this.setAttribute(p.HIDDEN,""),this._updateFromPlayer()}get player(){return this._player}set player(e){var t;this._player!==e&&(void 0!==this._castApi&&this._castApi.removeEventListener(t9,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(t9,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(p.HIDDEN,"");return}w(this._receiverNameEl,r.receiverName||""),this.removeAttribute(p.HIDDEN)};let e=this.attachShadow({mode:"open"});e.appendChild(t6().content.cloneNode(!0)),this._receiverNameEl=e.querySelector('[part="receiver"]'),this._upgradeProperty("player")}}customElements.define("theoplayer-chromecast-display",re);let rt=o("theoplayer-airplay-button",I('<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 rr extends H(t2,["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),rr.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(p.ARIA_LABEL,e)}constructor(){super({template:rt()}),this._upgradeProperty("player")}}customElements.define("theoplayer-airplay-button",rr);let ra=o("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>'),ri=["readystatechange","play","pause","playing","seeking","seeked"];class ro extends H(HTMLElement,["player"]){static get observedAttributes(){return[p.LOADING]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(ri,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(ri,this._updateFromPlayer))}attributeChangedCallback(e,t,r){ro.observedAttributes.indexOf(e)>=0&&i(this)}constructor(){super(),this._updateFromPlayer=()=>{let e=void 0!==this._player&&!this._player.paused&&(this._player.seeking||this._player.readyState<3);x(this,p.LOADING,e)},this.attachShadow({mode:"open"}).appendChild(ra().content.cloneNode(!0)),this._upgradeProperty("player")}}customElements.define("theoplayer-loading-indicator",ro);let rn=o("theoplayer-gesture-receiver","<style>:host{box-sizing:border-box;display:inline-block;pointer-events:none!important}</style>");class rs extends H(HTMLElement,["player","deviceType"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(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(rn().content.cloneNode(!0)),this._upgradeProperty("player")}}customElements.define("theoplayer-gesture-receiver",rs);let rl=o("theoplayer-live-button",I(`<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)}")),rh=["play","pause","playing","emptied"],rd=["seeking","seeked","timeupdate","durationchange","emptied"];class rp extends H(N,["player","streamType"]){static get observedAttributes(){return[...N.observedAttributes,p.STREAM_TYPE,p.LIVE,p.PAUSED,p.LIVE_THRESHOLD]}connectedCallback(){super.connectedCallback(),this.hasAttribute(p.ARIA_LABEL)||this.setAttribute(p.ARIA_LABEL,"seek to live")}get paused(){return this.hasAttribute(p.PAUSED)}set paused(e){x(this,p.PAUSED,e)}get streamType(){return this.getAttribute(p.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(p.STREAM_TYPE,e)}get liveThreshold(){var e;return Number(null!=(e=this.getAttribute(p.LIVE_THRESHOLD))?e:10)}set liveThreshold(e){e=Number(e),this.setAttribute(p.LIVE_THRESHOLD,String(isNaN(e)?0:e))}get live(){return this.hasAttribute(p.LIVE)}set live(e){x(this,p.LIVE,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(rh,this._updatePaused),this._player.removeEventListener(rd,this._updateLive)),this._player=e,this._updatePaused(),this._updateLive(),void 0!==this._player&&(this._player.addEventListener(rh,this._updatePaused),this._player.addEventListener(rd,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===p.LIVE_THRESHOLD&&this._updateLive(),rp.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super({template:rl()}),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",rp);let ru=o("theoplayer-ad-display",`<style>${j}
|
|
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>`),rc=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class ry extends H(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._updateFromPlayer()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._ads)||t.removeEventListener(rc,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(rc,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(tU);if(void 0===a||!a.playing||0===i.length){w(this._spanEl,""),this.style.display="none";return}if(i.length>1){let e=_(this._player.ads.currentAds||[],tU);if(e){let t=i.indexOf(e);if(t>=0){w(this._spanEl,`Ad ${t+1} of ${i.length}`),this.style.display="";return}}}w(this._spanEl,"Ad"),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(ru().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-display",ry);let rg=o("theoplayer-ad-countdown",`<style>${j}
|
|
33
|
-
:host{pointer-events:none}</style><span></span>`),rm=["adbreakbegin","adbreakend","adbreakchange","updateadbreak"];class rv extends H(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(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(rm,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(a=this._ads)||a.addEventListener(rm,this._onAdChange))}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){w(this._spanEl,""),this.style.display="none";return}a=Math.ceil(a),w(this._spanEl,`Content will resume in ${a}s`),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(rg().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-countdown",rv);let rb=o("theoplayer-ad-clickthrough-button",D("<slot>Visit Advertiser</slot>")),r_=["adbegin","adend","adloaded","updatead","adskip"];class rf extends H(B,["player"]){static get observedAttributes(){return[...B.observedAttributes,p.CLICKTHROUGH]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),null==this.clickThrough&&(this.disabled=!0,this.style.display="none")}get clickThrough(){return this.getAttribute(p.CLICKTHROUGH)}set clickThrough(e){null==e?this.removeAttribute(p.CLICKTHROUGH):this.setAttribute(p.CLICKTHROUGH,e)}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._ads)||t.removeEventListener(r_,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(r_,this._updateFromPlayer))}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),e===p.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"}rf.observedAttributes.indexOf(e)>=0&&i(this)}handleClick(){var e;null==(e=this._player)||e.pause()}constructor(){super({template:rb()}),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=_(null!=(t=r.currentAds)?t:[],tU);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",rf);let rk=o("theoplayer-ad-skip-button",I(`<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))}")),rE=["adbegin","adend","adloaded","updatead","adskip"];class rw extends H(N,["player"]){static get observedAttributes(){return[...N.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(rE,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(a=this._ads)||a.addEventListener(rE,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),rw.observedAttributes.indexOf(e)>=0&&i(this)}constructor(){super({template:rk()}),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=_(null!=(t=r.currentAds)?t:[],tU);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);w(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(p.DISABLED,""),this.setAttribute(p.ARIA_LIVE,"off")}else this._countdownEl.style.visibility="hidden",this._skipEl.style.visibility="visible",this._skipEl.style.pointerEvents="",this.style.display="",this.removeAttribute(p.DISABLED),this.setAttribute(p.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",rw);var rx=((d={}).TopControlBar="top-control-bar",d.BottomControlBar="bottom-control-bar",d.Menu="menu",d);let rT=[],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=o("theoplayer-ui",'<style>:host{aspect-ratio:16/9;aspect-ratio:var(--theoplayer-aspect-ratio,16/9);background:#000;background:var(--theoplayer-background,#000);box-sizing:border-box;container-name:theoplayer-ui-container;container-type:size;display:inline-block;height:var(--theoplayer-height);min-width:300px;min-width:var(--theoplayer-min-width,300px);position:relative}@supports not (aspect-ratio:1){:host{height:0;height:var(--theoplayer-height,calc((var(--theoplayer-aspect-ratio, 16 / 9))*0));padding-bottom:56.25%;padding-bottom:calc(100%/(var(--theoplayer-aspect-ratio, 16 / 9)))}}: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[p.CONFIGURATION,p.SOURCE,p.MUTED,p.AUTOPLAY,p.FULLSCREEN,p.FLUID,p.DEVICE_TYPE,p.PAUSED,p.ENDED,p.CASTING,p.PLAYING_AD,p.HAS_ERROR,p.HAS_FIRST_PLAY,p.STREAM_TYPE,p.DVR_THRESHOLD,p.USER_IDLE,p.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(p.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(p.SOURCE),this._setSource(e)}_setSource(e){this._player?this._player.source=e:this._source=e}get fluid(){return this.hasAttribute(p.FLUID)}set fluid(e){x(this,p.FLUID,e)}get muted(){return this.hasAttribute(p.MUTED)}set muted(e){x(this,p.MUTED,e)}get autoplay(){return this.hasAttribute(p.AUTOPLAY)}set autoplay(e){x(this,p.AUTOPLAY,e)}get fullscreen(){return this.hasAttribute(p.FULLSCREEN)}get paused(){return this.hasAttribute(p.PAUSED)}get ended(){return this.hasAttribute(p.ENDED)}get casting(){return this.hasAttribute(p.CASTING)}get userIdle(){return this.hasAttribute(p.USER_IDLE)}set userIdle(e){this.userIdle!==e&&(x(this,p.USER_IDLE,e),this.dispatchEvent(ed(rP)))}get userIdleTimeout(){var e;let t="tv"===this.deviceType?5:2;return Number(null!=(e=this.getAttribute(p.USER_IDLE_TIMEOUT))?e:t)}set userIdleTimeout(e){e=Number(e),this.setAttribute(p.USER_IDLE_TIMEOUT,String(isNaN(e)?0:e))}get deviceType(){return this.getAttribute(p.DEVICE_TYPE)||"desktop"}get streamType(){return this.getAttribute(p.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(p.STREAM_TYPE,e)}get dvrThreshold(){var e;return Number(null!=(e=this.getAttribute(p.DVR_THRESHOLD))?e:60)}set dvrThreshold(e){e=Number(e),this.setAttribute(p.DVR_THRESHOLD,String(isNaN(e)?0:e))}connectedCallback(){var e;if(a(this),!function(){if(rI)return;if(document.getElementById(rM)){rI=!0;return}let e=document.createElement("style");e.id=rM,w(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 eC||customElements.upgrade(this._menuGroup),!this.hasAttribute(p.DEVICE_TYPE)){let e=rC()?"mobile":rL()?"tv":"desktop";this.setAttribute(p.DEVICE_TYPE,e)}for(let e of(this.hasAttribute(p.PAUSED)||this.setAttribute(p.PAUSED,""),this.tryInitializePlayer_(),this._stateReceivers))this.propagateStateToReceiver_(e);V(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(e_,this._onCloseMenu),this._menuGroup.addEventListener(ef,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(p.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 t.ChromelessPlayer(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(ed(rR)))}disconnectedCallback(){var e;null==(e=this._resizeObserver)||e.disconnect(),this._mutationObserver.disconnect(),this.shadowRoot.removeEventListener("slotchange",this._onSlotChange),this._menuGroup.removeEventListener(e_,this._onCloseMenu),this._menuGroup.removeEventListener(ef,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 a=null!=r;if(e===p.CONFIGURATION)this._setConfiguration(r?JSON.parse(r):{});else if(e===p.SOURCE)this._setSource(r?JSON.parse(r):void 0);else if(e===p.MUTED)this._player&&(this._player.muted=a);else if(e===p.AUTOPLAY)this._player&&(this._player.autoplay=a);else if(e===p.FULLSCREEN)for(let e of this._stateReceivers)e[F].indexOf("fullscreen")>=0&&(e.fullscreen=a);else if(e===p.DEVICE_TYPE)for(let e of(x(this,p.MOBILE,"mobile"===r),x(this,p.TV,"tv"===r),window.removeEventListener("keydown",this._onTvKeyDown),"tv"===r&&window.addEventListener("keydown",this._onTvKeyDown),this._stateReceivers))e[F].indexOf("deviceType")>=0&&(e.deviceType=r);else if(e===p.STREAM_TYPE){for(let e of this._stateReceivers)e[F].indexOf("streamType")>=0&&(e.streamType=r);let e=ed(rS,{bubbles:!0,composed:!0,detail:{streamType:r}});this.dispatchEvent(e)}else e===p.FLUID?this._updateAspectRatio():e===p.USER_IDLE?this._updateTextTrackMargins():e===p.PAUSED||e===p.CASTING?(this._updateTextTrackMargins(),this.updateUserIdle_()):e===p.DVR_THRESHOLD&&this._updateStreamType();rD.observedAttributes.indexOf(e)>=0&&i(this)}propagateStateToReceiver_(e){let t=e[F];if(t.indexOf("player")>=0&&(e.player=this._player),t.indexOf("fullscreen")>=0&&(e.fullscreen=this.fullscreen),t.indexOf("deviceType")>=0&&(e.deviceType=this.deviceType),t.indexOf("streamType")>=0&&(e.streamType=this.streamType),void 0!==this._player){if(t.indexOf("playbackRate")>=0&&(e.playbackRate=this._player.playbackRate),t.indexOf("error")>=0&&(e.error=this._player.errorObject),t.indexOf("activeVideoQuality")>=0){var r;e.activeVideoQuality=null==(r=this._activeVideoTrack)?void 0:r.activeQuality}t.indexOf("targetVideoQualities")>=0&&(e.targetVideoQualities=eV(this._activeVideoTrack))}t.indexOf("previewTime")>=0&&(e.previewTime=this._previewTime)}propagatePlayerToAllReceivers_(){for(let e of this._stateReceivers)e[F].indexOf("player")>=0&&(e.player=this._player)}removeStateFromReceiver_(e){e[F].indexOf("player")>=0&&(e.player=void 0)}openMenu_(e,t){let r=ec.fromRect(this._topChromeEl.getBoundingClientRect()),a=ec.fromRect(this._bottomChromeEl.getBoundingClientRect()),o=!0,n=!0;if(void 0!==t){let e=ec.fromRect(this.getBoundingClientRect()),r=ec.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,i(this,{"--theoplayer-menu-offset-top":`${Math.round(r.height)}px`,"--theoplayer-menu-offset-bottom":`${Math.round(a.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(p.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];g(r)&&V(r,this._playerEl,this.registerStateReceiver_)}for(let e=0;e<r.length;e++){let t=r[e];g(t)&&V(t,this._playerEl,this.unregisterStateReceiver_)}}},this._onSlotChange=()=>{V(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=m(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(p.MENU_OPENED,"")):this.removeAttribute(p.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(y,y)}else this._player&&this._player.presentation.supportsMode("fullscreen")?this._player.presentation.requestMode("fullscreen"):this.hasAttribute(p.FULLWINDOW)||(x(this,p.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(y,y)}this._player&&"fullscreen"===this._player.presentation.currentMode&&this._player.presentation.requestMode("inline"),this.hasAttribute(p.FULLWINDOW)&&(x(this,p.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(p.FULLWINDOW)&&(e=!0),x(this,p.FULLSCREEN,e)},this._exitFullscreenOnEsc=e=>{e.keyCode==S.ESCAPE&&this._onExitFullscreen(e)},this._updateAspectRatio=()=>{if(void 0===this._player)return;let{videoWidth:e,videoHeight:t}=this._player;e>0&&t>0?i(this,{"--theoplayer-video-width":`${e}`,"--theoplayer-video-height":`${t}`}):i(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(x(this,p.HAS_ERROR,void 0!==t),this._stateReceivers))e[F].indexOf("error")>=0&&(e.error=t)},this._onPlay=()=>{this.setAttribute(p.HAS_FIRST_PLAY,""),this.removeAttribute(p.PAUSED),this._updateEnded()},this._onPause=()=>{this.setAttribute(p.PAUSED,""),this._updateEnded()},this._updatePausedAndEnded=()=>{let e=!this._player||this._player.paused;x(this,p.PAUSED,e),this._updateEnded()},this._updateEnded=()=>{let e=!!this._player&&this._player.ended;x(this,p.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[F].indexOf("playbackRate")>=0&&(t.playbackRate=e)},this._updateMuted=()=>{void 0!==this._player&&(this.muted=this._player.muted)},this._updateActiveVideoTrack=()=>{if(void 0===this._player)return;let e=_(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[F].indexOf("activeVideoQuality")>=0&&(e.activeVideoQuality=t)},this._updateTargetVideoQualities=()=>{let e=eV(this._activeVideoTrack);for(let t of this._stateReceivers)t[F].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;x(this,p.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;x(this,p.PLAYING_AD,a)},this._onSourceChange=()=>{this.closeMenu_();let e=void 0!==this._player&&!this._player.paused;x(this,p.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=ey();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(R(e.keyCode)){this.setUserIdle_();return}let t=function e(t){if(!m(t)||"none"===getComputedStyle(t).display)return;if(null!==t.getAttribute(p.TV_FOCUS))return C(t);let r=T(t);for(let t=0;t<r.length;t++){let a=e(r[t]);if(a)return a}}(this),r=C(this),a=ey();if(!a){let e=null!=t?t:r;e.length>0&&(e[0].focus(),a=e[0])}!this.isUserIdle_()&&(e.keyCode===S.ENTER?null!==a&&(e.preventDefault(),a.click()):P(e.keyCode)&&eg(this,r,e.keyCode)&&(e.preventDefault(),e.stopPropagation()))},this._onKeyUp=e=>{R(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[F].indexOf("previewTime")>=0&&(t.previewTime=this._previewTime)},this._onDestroy=()=>{this._player&&(this.removePlayerListeners_(this._player),this._player=void 0,this.propagatePlayerToAllReceivers_())};let t=this.attachShadow({mode:"open",delegatesFocus:!0});t.appendChild(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(ex,this._onToggleMenu),t.addEventListener(tM,this._onEnterFullscreen),t.addEventListener(tI,this._onExitFullscreen),t.addEventListener(tF,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 A(e).filter(m))if("0"!==getComputedStyle(r).opacity){let e=ec.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=o("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[p.CONFIGURATION,p.SOURCE,p.MUTED,p.AUTOPLAY,p.FLUID,p.DEVICE_TYPE,p.STREAM_TYPE,p.USER_IDLE_TIMEOUT,p.DVR_THRESHOLD,p.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(p.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(p.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(a(this),!this.hasAttribute(p.DEVICE_TYPE)){let e=rC()?"mobile":rL()?"tv":"desktop";this.setAttribute(p.DEVICE_TYPE,e)}this._appliedExtensions||(this._appliedExtensions=!0,function(e){for(let t of rT)t(e)}(this),i(this)),this._onTitleSlotChange()}disconnectedCallback(){clearTimeout(this._timeRangeInertTimeout)}attributeChangedCallback(e,t,r){if(r===t)return;let a=null!=r;e===p.SOURCE?this._ui.source=r?JSON.parse(r):void 0:e===p.CONFIGURATION?this.setConfiguration_(r?JSON.parse(r):{}):e===p.MUTED?this.muted=a:e===p.AUTOPLAY?this.autoplay=a:e===p.FLUID?this.fluid=a:e===p.DEVICE_TYPE?(x(this,p.MOBILE,"mobile"===r),x(this,p.TV,"tv"===r),this._ui.setAttribute(p.DEVICE_TYPE,r)):e===p.STREAM_TYPE?this.streamType=r:e===p.USER_IDLE_TIMEOUT?this.userIdleTimeout=Number(r):e===p.DVR_THRESHOLD&&(this.dvrThreshold=Number(r)),rF.observedAttributes.indexOf(e)>=0&&i(this)}constructor(e={}){var t,r,a;super(),this._timeRangeInertTimeout=0,this._appliedExtensions=!1,this._updateStreamType=()=>{this.setAttribute(p.STREAM_TYPE,this.streamType),this._timeRange&&x(this._timeRange,p.HIDDEN,"live"===this.streamType)},this._dispatchReadyEvent=()=>{this.dispatchEvent(ed(rR))},this._updateUserIdle=()=>{this._timeRange&&(clearTimeout(this._timeRangeInertTimeout),this.userIdle?this._timeRange.inert=!0:this._timeRangeInertTimeout=setTimeout(()=>{this._timeRange.inert=!1},50)),this.dispatchEvent(ed(rP))},this._onTitleSlotChange=()=>{this._titleSlot&&x(this,p.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=o("theolive-bad-network-button",I(`<span part="icon">${tS}<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 H(eP,["player"]){connectedCallback(){var e;super.connectedCallback(),this.hasAttribute(p.ARIA_LABEL)||this.setAttribute(p.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 H(eu,["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===p.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=o("theolive-automatic-quality-selector",I("<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()}),w(this._slotEl,"High Quality")}});let rG=o("theolive-bad-network-quality-selector",I("<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()}),w(this._slotEl,"Low Quality")}});let rQ=o("theolive-bad-network-menu",`<style>${eD}</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(){a(this),this._radioGroup instanceof ev||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=o("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),e.ActiveQualityDisplay=tv,e.AdClickThroughButton=rf,e.AdCountdown=rv,e.AdDisplay=ry,e.AdSkipButton=rw,e.AirPlayButton=rr,e.Attribute=p,e.Button=N,e.CastButton=t2,e.ChromecastButton=t7,e.ChromecastDisplay=re,e.CloseMenuButton=eM,e.ColorStops=tD,e.ControlBar=s,e.DefaultUI=rF,e.DurationDisplay=el,e.ErrorDisplay=t5,e.ExtensionSlot=rx,e.FullscreenButton=tN,e.GestureReceiver=rs,e.LanguageMenu=tn,e.LanguageMenuButton=th,e.LinkButton=B,e.LiveButton=rp,e.LoadingIndicator=ro,e.MediaTrackRadioButton=eN,e.Menu=ew,e.MenuButton=eP,e.MenuGroup=eC,e.MuteButton=Y,e.PlayButton=Q,e.PlaybackRateDisplay=tm,e.PlaybackRateMenu=tg,e.PlaybackRateMenuButton=tc,e.PlaybackRateRadioGroup=tp,e.PreviewThumbnail=tz,e.PreviewTimeDisplay=tK,e.QualityRadioButton=tk,e.QualityRadioGroup=tx,e.RadioButton=eu,e.RadioGroup=ev,e.Range=tB,e.SeekButton=Z,e.SettingsMenu=tL,e.SettingsMenuButton=tR,e.SlotContainer=c,e.StateReceiverMixin=H,e.THEOliveDefaultUI=rY,e.TextTrackOffRadioButton=e$,e.TextTrackRadioButton=eF,e.TextTrackStyleDisplay=e4,e.TextTrackStyleMenu=ta,e.TextTrackStyleRadioGroup=e9,e.TextTrackStyleResetButton=tA,e.TimeDisplay=eo,e.TimeRange=tJ,e.TrackRadioGroup=eW,e.UIContainer=rD,e.VolumeRange=t0,e.buttonTemplate=I,e.linkButtonTemplate=D,e.menuGroupTemplate=eT,e.menuTemplate=ek,e.rangeTemplate=tq,e.registerExtension=function(e){rT.push(e)},e.version="1.16.3"});
|
|
1
|
+
var e,t;e=this,t=function(e,t){"use strict";let r,i,a,o,n;function s(e,t,r,i){function a(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,i,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,u,p,c={kind:d,name:s?"#"+t:t,static:n,private:s,metadata:l},y={v:!1};c.addInitializer=a(i,y),0===o?s?(u=r.get,p=r.set):(u=function(){return this[t]},p=function(e){this[t]=e}):2===o?u=function(){return r.value}:((1===o||3===o)&&(u=function(){return r.get.call(this)}),(1===o||4===o)&&(p=function(e){r.set.call(this,e)})),c.access=u&&p?{get:u,set:p}:u?{get:u}:{set:p};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 l(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 h(e,t){t&&e.push(function(e){for(var r=0;r<t.length;r++)t[r].call(e);return e})}function d(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}return(s=function(e,t,r,i){if(void 0!==i)var n=i[Symbol.metadata||Symbol.for("Symbol.metadata")];var s=Object.create(void 0===n?null:n),u=function(e,t,r){for(var i=[],a=new Map,n=new Map,s=0;s<t.length;s++){var d,u,p,c,y=t[s];if(Array.isArray(y)){var v=y[1],_=y[2],m=y.length>3,g=v>=5;if(g?(p=e,v-=5,c=u=u||[]):(p=e.prototype,c=d=d||[]),0!==v&&!m){var b=g?n:a,f=b.get(_)||0;if(!0===f||3===f&&4!==v||4===f&&3!==v)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: "+_);!f&&v>2?b.set(_,v):b.set(_,!0)}!function(e,t,r,i,a,n,s,h,d){var u,p,c,y,v,_,m=r[0];if(s?u=0===a||1===a?{get:r[3],set:r[4]}:3===a?{get:r[3]}:4===a?{set:r[3]}:{value:r[3]}:0!==a&&(u=Object.getOwnPropertyDescriptor(t,i)),1===a?c={get:u.get,set:u.set}:2===a?c=u.value:3===a?c=u.get:4===a&&(c=u.set),"function"==typeof m)void 0!==(y=o(m,i,u,h,a,n,s,d,c))&&(l(a,y),0===a?p=y:1===a?(p=y.init,c={get:v=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],i,u,h,a,n,s,d,c))&&(l(a,y),0===a?_=y:1===a?(_=y.init,c={get:v=y.get||c.get,set:y.set||c.set}):c=y,void 0!==_&&(void 0===p?p=_:"function"==typeof p?p=[p,_]:p.push(_)));if(0===a||1===a){if(void 0===p)p=function(e,t){return t};else if("function"!=typeof p){var b=p;p=function(e,t){for(var r=t,i=0;i<b.length;i++)r=b[i].call(e,r);return r}}else{var f=p;p=function(e,t){return f.call(e,t)}}e.push(p)}0!==a&&(1===a?(u.get=c.get,u.set=c.set):2===a?u.value=c:3===a?u.get=c:4===a&&(u.set=c),s?1===a?(e.push(function(e,t){return c.get.call(e,t)}),e.push(function(e,t){return c.set.call(e,t)})):2===a?e.push(c):e.push(function(e,t){return c.call(e,t)}):Object.defineProperty(t,i,u))}(i,p,y,_,v,g,m,c,r)}}return h(i,d),h(i,u),i}(e,t,s);return r.length||d(e,s),{e:u,get c(){return function(e,t,r){if(t.length>0){for(var i=[],o=e,n=e.name,s=t.length-1;s>=0;s--){var h={v:!1};try{var u=t[s](o,{kind:"class",name:n,addInitializer:a(i,h),metadata:r})}finally{h.v=!0}void 0!==u&&(l(10,u),o=u)}return[d(o,r),function(){for(var e=0;e<i.length;e++)i[e].call(o)}]}}(e,r,s)}}})(e,t,r,i)}function l(e){return e}let h=globalThis,d=h.ShadowRoot&&(void 0===h.ShadyCSS||h.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,u=Symbol(),p=new WeakMap,c=class{get styleSheet(){let e=this.o,t=this.t;if(d&&void 0===e){let r=void 0!==t&&1===t.length;r&&(e=p.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&p.set(t,e))}return e}toString(){return this.cssText}constructor(e,t,r){if(this._$cssResult$=!0,r!==u)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}},y=(e,...t)=>new c(1===e.length?e[0]:t.reduce((t,r,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+e[i+1],e[0]),e,u),v=d?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t,r="";for(let t of e.cssRules)r+=t.cssText;return new c("string"==typeof(t=r)?t:t+"",void 0,u)})(e):e,{is:_,defineProperty:m,getOwnPropertyDescriptor:g,getOwnPropertyNames:b,getOwnPropertySymbols:f,getPrototypeOf:k}=Object,w=globalThis,x=w.trustedTypes,T=x?x.emptyScript:"",E=w.reactiveElementPolyfillSupport,A={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let r=e;switch(t){case Boolean:r=null!==e;break;case Number:r=null===e?null:Number(e);break;case Object:case Array:try{r=JSON.parse(e)}catch(e){r=null}}return r}},C=(e,t)=>!_(e,t),L={attribute:!0,type:String,converter:A,reflect:!1,useDefault:!1,hasChanged:C};null!=(ex=Symbol).metadata||(ex.metadata=Symbol("metadata")),null!=w.litPropertyMetadata||(w.litPropertyMetadata=new WeakMap);let R=class extends HTMLElement{static addInitializer(e){var t;this._$Ei(),(null!=(t=this.l)?t:this.l=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=L){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let r=Symbol(),i=this.getPropertyDescriptor(e,r,t);void 0!==i&&m(this.prototype,e,i)}}static getPropertyDescriptor(e,t,r){var i;let{get:a,set:o}=null!=(i=g(this.prototype,e))?i:{get(){return this[t]},set(e){this[t]=e}};return{get:a,set(t){let i=null==a?void 0:a.call(this);null==o||o.call(this,t),this.requestUpdate(e,i,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){var t;return null!=(t=this.elementProperties.get(e))?t:L}static _$Ei(){if(this.hasOwnProperty("elementProperties"))return;let e=k(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty("finalized"))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty("properties")){let e=this.properties;for(let t of[...b(e),...f(e)])this.createProperty(t,e[t])}let e=this[Symbol.metadata];if(null!==e){let t=litPropertyMetadata.get(e);if(void 0!==t)for(let[e,r]of t)this.elementProperties.set(e,r)}for(let[e,t]of(this._$Eh=new Map,this.elementProperties)){let r=this._$Eu(e,t);void 0!==r&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e))for(let r of new Set(e.flat(1/0).reverse()))t.unshift(v(r));else void 0!==e&&t.push(v(e));return t}static _$Eu(e,t){let r=t.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof e?e.toLowerCase():void 0}_$Ev(){var e;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),null==(e=this.constructor.l)||e.forEach(e=>e(this))}addController(e){var t,r;(null!=(r=this._$EO)?r:this._$EO=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&(null==(t=e.hostConnected)||t.call(e))}removeController(e){var t;null==(t=this._$EO)||t.delete(e)}_$E_(){let e=new Map;for(let t of this.constructor.elementProperties.keys())this.hasOwnProperty(t)&&(e.set(t,this[t]),delete this[t]);e.size>0&&(this._$Ep=e)}createRenderRoot(){var e;let t=null!=(e=this.shadowRoot)?e:this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(d)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let r of t){let t=document.createElement("style"),i=h.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=r.cssText,e.appendChild(t)}})(t,this.constructor.elementStyles),t}connectedCallback(){var e;null!=this.renderRoot||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null==(e=this._$EO)||e.forEach(e=>{var t;return null==(t=e.hostConnected)?void 0:t.call(e)})}enableUpdating(e){}disconnectedCallback(){var e;null==(e=this._$EO)||e.forEach(e=>{var t;return null==(t=e.hostDisconnected)?void 0:t.call(e)})}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$ET(e,t){let r=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,r);if(void 0!==i&&!0===r.reflect){var a;let o=(void 0!==(null==(a=r.converter)?void 0:a.toAttribute)?r.converter:A).toAttribute(t,r.type);this._$Em=e,null==o?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(e,t){let r=this.constructor,i=r._$Eh.get(e);if(void 0!==i&&this._$Em!==i){var a,o,n;let e=r.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==(null==(a=e.converter)?void 0:a.fromAttribute)?e.converter:A;this._$Em=i;let l=s.fromAttribute(t,e.type);this[i]=null!=(n=null!=l?l:null==(o=this._$Ej)?void 0:o.get(i))?n:l,this._$Em=null}}requestUpdate(e,t,r){if(void 0!==e){var i,a;let o=this.constructor,n=this[e];if(null!=r||(r=o.getPropertyOptions(e)),!((null!=(a=r.hasChanged)?a:C)(n,t)||r.useDefault&&r.reflect&&n===(null==(i=this._$Ej)?void 0:i.get(e))&&!this.hasAttribute(o._$Eu(e,r))))return;this.C(e,t,r)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:r,reflect:i,wrapped:a},o){var n,s,l;r&&!(null!=(n=this._$Ej)?n:this._$Ej=new Map).has(e)&&(this._$Ej.set(e,null!=(s=null!=o?o:t)?s:this[e]),!0!==a||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||r||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(null!=(l=this._$Eq)?l:this._$Eq=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(null!=this.renderRoot||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,r]of e){let{wrapped:e}=r,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,r,i)}}let t=!1,r=this._$AL;try{(t=this.shouldUpdate(r))?(this.willUpdate(r),null==(e=this._$EO)||e.forEach(e=>{var t;return null==(t=e.hostUpdate)?void 0:t.call(e)}),this.update(r)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(r)}willUpdate(e){}_$AE(e){var t;null==(t=this._$EO)||t.forEach(e=>{var t;return null==(t=e.hostUpdated)?void 0:t.call(e)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(e){}firstUpdated(e){}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}};R.elementStyles=[],R.shadowRootOptions={mode:"open"},R.elementProperties=new Map,R.finalized=new Map,null==E||E({ReactiveElement:R}),(null!=(eT=w.reactiveElementVersions)?eT:w.reactiveElementVersions=[]).push("2.1.1");let $=globalThis,S=$.trustedTypes,P=S?S.createPolicy("lit-html",{createHTML:e=>e}):void 0,M="$lit$",O=`lit$${Math.random().toFixed(9).slice(2)}$`,B="?"+O,I=`<${B}>`,N=document,D=()=>N.createComment(""),q=e=>null===e||"object"!=typeof e&&"function"!=typeof e,F=Array.isArray,U="[ \n\f\r]",V=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,z=/>/g,j=RegExp(`>|${U}(?:([^\\s"'>=/]+)(${U}*=${U}*(?:[^
|
|
2
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),G=/'/g,Q=/"/g,W=/^(?:script|style|textarea|title)$/i,K=(e,...t)=>({_$litType$:1,strings:e,values:t}),Z=Symbol.for("lit-noChange"),Y=Symbol.for("lit-nothing"),J=new WeakMap,X=N.createTreeWalker(N,129);function ee(e,t){if(!F(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==P?P.createHTML(t):t}class et{static createElement(e,t){let r=N.createElement("template");return r.innerHTML=e,r}constructor({strings:e,_$litType$:t},r){let i;this.parts=[];let a=0,o=0,n=e.length-1,s=this.parts,[l,h]=((e,t)=>{let r=e.length-1,i=[],a,o=2===t?"<svg>":3===t?"<math>":"",n=V;for(let t=0;t<r;t++){let r=e[t],s,l,h=-1,d=0;for(;d<r.length&&(n.lastIndex=d,null!==(l=n.exec(r)));)d=n.lastIndex,n===V?"!--"===l[1]?n=H:void 0!==l[1]?n=z:void 0!==l[2]?(W.test(l[2])&&(a=RegExp("</"+l[2],"g")),n=j):void 0!==l[3]&&(n=j):n===j?">"===l[0]?(n=null!=a?a:V,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,s=l[1],n=void 0===l[3]?j:'"'===l[3]?Q:G):n===Q||n===G?n=j:n===H||n===z?n=V:(n=j,a=void 0);let u=n===j&&e[t+1].startsWith("/>")?" ":"";o+=n===V?r+I:h>=0?(i.push(s),r.slice(0,h)+M+r.slice(h)+O+u):r+O+(-2===h?t:u)}return[ee(e,o+(e[r]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]})(e,t);if(this.el=et.createElement(l,r),X.currentNode=this.el.content,2===t||3===t){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=X.nextNode())&&s.length<n;){if(1===i.nodeType){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(M)){let t=h[o++],r=i.getAttribute(e).split(O),n=/([.?@])?(.*)/.exec(t);s.push({type:1,index:a,name:n[2],strings:r,ctor:"."===n[1]?en:"?"===n[1]?es:"@"===n[1]?el:eo}),i.removeAttribute(e)}else e.startsWith(O)&&(s.push({type:6,index:a}),i.removeAttribute(e));if(W.test(i.tagName)){let e=i.textContent.split(O),t=e.length-1;if(t>0){i.textContent=S?S.emptyScript:"";for(let r=0;r<t;r++)i.append(e[r],D()),X.nextNode(),s.push({type:2,index:++a});i.append(e[t],D())}}}else if(8===i.nodeType)if(i.data===B)s.push({type:2,index:a});else{let e=-1;for(;-1!==(e=i.data.indexOf(O,e+1));)s.push({type:7,index:a}),e+=O.length-1}a++}}}function er(e,t,r=e,i){var a,o,n;if(t===Z)return t;let s=void 0!==i?null==(a=r._$Co)?void 0:a[i]:r._$Cl,l=q(t)?void 0:t._$litDirective$;return(null==s?void 0:s.constructor)!==l&&(null==s||null==(o=s._$AO)||o.call(s,!1),void 0===l?s=void 0:(s=new l(e))._$AT(e,r,i),void 0!==i?(null!=(n=r._$Co)?n:r._$Co=[])[i]=s:r._$Cl=s),void 0!==s&&(t=er(e,s._$AS(e,t.values),s,i)),t}let ei=class{get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;let{el:{content:r},parts:i}=this._$AD,a=(null!=(t=null==e?void 0:e.creationScope)?t:N).importNode(r,!0);X.currentNode=a;let o=X.nextNode(),n=0,s=0,l=i[0];for(;void 0!==l;){if(n===l.index){let t;2===l.type?t=new ea(o,o.nextSibling,this,e):1===l.type?t=new l.ctor(o,l.name,l.strings,this,e):6===l.type&&(t=new eh(o,this,e)),this._$AV.push(t),l=i[++s]}n!==(null==l?void 0:l.index)&&(o=X.nextNode(),n++)}return X.currentNode=N,a}p(e){let t=0;for(let r of this._$AV)void 0!==r&&(void 0!==r.strings?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}};class ea{get _$AU(){var e,t;return null!=(t=null==(e=this._$AM)?void 0:e._$AU)?t:this._$Cv}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return void 0!==t&&11===(null==e?void 0:e.nodeType)&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){let r;q(e=er(this,e,t))?e===Y||null==e||""===e?(this._$AH!==Y&&this._$AR(),this._$AH=Y):e!==this._$AH&&e!==Z&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):F(r=e)||"function"==typeof(null==r?void 0:r[Symbol.iterator])?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==Y&&q(this._$AH)?this._$AA.nextSibling.data=e:this.T(N.createTextNode(e)),this._$AH=e}$(e){var t;let{values:r,_$litType$:i}=e,a="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=et.createElement(ee(i.h,i.h[0]),this.options)),i);if((null==(t=this._$AH)?void 0:t._$AD)===a)this._$AH.p(r);else{let e=new ei(a,this),t=e.u(this.options);e.p(r),this.T(t),this._$AH=e}}_$AC(e){let t=J.get(e.strings);return void 0===t&&J.set(e.strings,t=new et(e)),t}k(e){F(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,r,i=0;for(let a of e)i===t.length?t.push(r=new ea(this.O(D()),this.O(D()),this,this.options)):r=t[i],r._$AI(a),i++;i<t.length&&(this._$AR(r&&r._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){var r;for(null==(r=this._$AP)||r.call(this,!1,!0,t);e&&e!==this._$AB;){let t=e.nextSibling;e.remove(),e=t}}setConnected(e){var t;void 0===this._$AM&&(this._$Cv=e,null==(t=this._$AP)||t.call(this,e))}constructor(e,t,r,i){var a;this.type=2,this._$AH=Y,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=i,this._$Cv=null==(a=null==i?void 0:i.isConnected)||a}}class eo{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,r,i){let a=this.strings,o=!1;if(void 0===a)(o=!q(e=er(this,e,t,0))||e!==this._$AH&&e!==Z)&&(this._$AH=e);else{let i,n,s=e;for(e=a[0],i=0;i<a.length-1;i++)(n=er(this,s[r+i],t,i))===Z&&(n=this._$AH[i]),o||(o=!q(n)||n!==this._$AH[i]),n===Y?e=Y:e!==Y&&(e+=(null!=n?n:"")+a[i+1]),this._$AH[i]=n}o&&!i&&this.j(e)}j(e){e===Y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=e?e:"")}constructor(e,t,r,i,a){this.type=1,this._$AH=Y,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=a,r.length>2||""!==r[0]||""!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=Y}}class en extends eo{j(e){this.element[this.name]=e===Y?void 0:e}constructor(){super(...arguments),this.type=3}}class es extends eo{j(e){this.element.toggleAttribute(this.name,!!e&&e!==Y)}constructor(){super(...arguments),this.type=4}}class el extends eo{_$AI(e,t=this){var r;if((e=null!=(r=er(this,e,t,0))?r:Y)===Z)return;let i=this._$AH,a=e===Y&&i!==Y||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,o=e!==Y&&(i===Y||a);a&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;"function"==typeof this._$AH?this._$AH.call(null!=(r=null==(t=this.options)?void 0:t.host)?r:this.element,e):this._$AH.handleEvent(e)}constructor(e,t,r,i,a){super(e,t,r,i,a),this.type=5}}class eh{get _$AU(){return this._$AM._$AU}_$AI(e){er(this,e)}constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}}let ed=$.litHtmlPolyfillSupport;null==ed||ed(et,ea),(null!=(eE=$.litHtmlVersions)?eE:$.litHtmlVersions=[]).push("3.3.0");let eu=globalThis,ep=class extends R{createRenderRoot(){var e;let t=super.createRenderRoot();return null!=(e=this.renderOptions).renderBefore||(e.renderBefore=t.firstChild),t}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,r)=>{var i,a;let o=null!=(i=null==r?void 0:r.renderBefore)?i:t,n=o._$litPart$;if(void 0===n){let e=null!=(a=null==r?void 0:r.renderBefore)?a:null;o._$litPart$=n=new ea(t.insertBefore(D(),e),e,void 0,null!=r?r:{})}return n._$AI(e),n})(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),null==(e=this._$Do)||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),null==(e=this._$Do)||e.setConnected(!1)}render(){return Z}constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}};ep._$litElement$=!0,ep.finalized=!0,null==(eA=eu.litElementHydrateSupport)||eA.call(eu,{LitElement:ep});let ec=eu.litElementPolyfillSupport;null==ec||ec({LitElement:ep}),(null!=(eC=eu.litElementVersions)?eC:eu.litElementVersions=[]).push("4.2.1");let ey=e=>(t,r)=>{void 0!==r?r.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ev={attribute:!0,type:String,converter:A,reflect:!1,hasChanged:C};function e_(e){return(t,r)=>"object"==typeof r?((e=ev,t,r)=>{let{kind:i,metadata:a}=r,o=globalThis.litPropertyMetadata.get(a);if(void 0===o&&globalThis.litPropertyMetadata.set(a,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(r.name,e),"accessor"===i){let{name:i}=r;return{set(r){let a=t.get.call(this);t.set.call(this,r),this.requestUpdate(i,a,e)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){let{name:i}=r;return function(r){let a=this[i];t.call(this,r),this.requestUpdate(i,a,e)}}throw Error("Unsupported decorator location: "+i)})(e,t,r):((e,t,r)=>{let i=t.hasOwnProperty(r);return t.constructor.createProperty(r,e),i?Object.getOwnPropertyDescriptor(t,r):void 0})(e,t,r)}function em(e){return e_({...e,state:!0,attribute:!1})}let eg=(e,t,r)=>(r.configurable=!0,r.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,r),r);var eb,ef,ek,ew,ex,eT,eE,eA,eC,eL,eR,e$,eS,eP,eM,eO,eB,eI,eN,eD,eq,eF,eU,eV,eH,ez,ej,eG,eQ,eW,eK,eZ,eY,eJ,eX,e0,e1,e2,e5,e3,e4,e8,e7,e6,e9,te,tt,tr,ti,ta,to,tn,ts,tl,th,td,tu,tp,tc,ty,tv,t_,tm,tg,tb,tf,tk,tw,tx,tT,tE,tA,tC,tL,tR,t$,tS,tP,tM,tO,tB,tI,tN,tD,tq,tF,tU,tV,tH,tz,tj,tG,tQ,tW,tK,tZ,tY,tJ,tX,t0,t1,t2,t5,t3,t4,t8,t7,t6,t9,re,rt,rr,ri,ra,ro,rn,rs,rl,rh,rd,ru,rp,rc,ry,rv,r_,rm,rg,rb,rf,rk,rw,rx,rT,rE,rA,rC,rL,rR,r$,rS,rP,rM,rO,rB,rI,rN,rD,rq,rF,rU,rV,rH,rz,rj,rG,rQ,rW,rK,rZ,rY,rJ,rX,r0,r1,r2,r5,r3,r4,r8,r7,r6,r9,ie,it,ir,ii,ia,io,is,il,ih,id,iu,ip,ic,iy,iv,i_,im,ig,ib,ik,iw,ix,iT,iE,iA,iC,iL,iR,i$,iS,iP,iM,iO,iB,iI,iN,iD,iq,iF,iU,iV,iH,iz,ij,iG,iQ,iW,iK,iZ,iY,iJ,iX,i0,i1,i2,i5,i3,i4,i8,i7,i6,i9,ae,at,ar,ai,aa,ao,an,as,al,ah,ad,au,ap,ac,ay,av,a_,am,ag,ab,af,ak,aw,ax,aT,aE,aA,aC,aL,aR,a$,aS,aP,aM,aO,aB,aI,aN,aD,aq,aF,aU,aV,aH,az,aj,aG,aQ,aW,aK,aZ,aY,aJ,aX,a0,a1,a2,a5,a3,a4,a8,a7,a6,a9,oe,ot,or,oi,oa,oo,on,os,ol,oh,od,ou,op,oc,oy,ov,o_,om,og,ob,of,ok,ow,ox,oT,oE,oA,oC,oL,oR,o$,oS,oP,oM,oO,oB,oI,oN,oD,oq,oF,oU,oV,oH,oz,oj,oG,oQ,oW,oK,oZ,oY,oJ,oX,o0,o1,o2,o5,o3,o4,o8,o7,o6,o9,ne,nt,nr,ni,na,no,nn,ns,nl,nh,nd,nu,np,nc,ny,nv,n_,nm,ng,nb,nf,nk,nw,nx,nT,nE,nA,nC,nL,nR,n$,nS,nP,nM,nO,nB,nI,nN,nD,nq,nF,nU,nV,nH,nz,nj,nG,nQ,nW,nK,nZ,nY,nJ,nX,n0,n1,n2,n5,n3,n4,n8,n7,n6,n9,se,st,sr,si,sa,so,sn,ss,sl,sh,sd,su,sp,sc,sy,sv,s_,sm,sg,sb,sf,sk,sw,sx,sT,sE,sA,sC,sL,sR,s$,sS,sP,sM,sO,sB,sI,sN,sD,sq,sF,sU,sV,sH,sz,sj,sG,sQ,sW,sK,sZ,sY,sJ,sX,s0,s1,s2,s5,s3,s4,s8,s7,s6,s9,le,lt,lr,li,la,lo,ln,ls,ll,lh,ld,lu,lp,lc,ly,lv,l_,lm,lg,lb,lf,lk,lw,lx=y`:host{box-sizing:border-box;display:inline-flex}:host([hidden]){display:none!important}::slotted(theoplayer-time-range){flex-grow:1}`;e.ControlBar=void 0,eR=ey("theoplayer-control-bar"),new(eL=class extends l{constructor(){super(e.ControlBar),e$()}},(()=>{class t extends(eS=ep){render(){return K`<slot></slot>`}}({c:[e.ControlBar,e$]}=s(t,[],[eR],eS)),t.styles=[lx],t.shadowRootOptions={...ep.shadowRootOptions,delegatesFocus:!0}})(),eL);let lT=e=>(...t)=>({_$litDirective$:e,values:t}),lE=class{get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}constructor(e){}},lA=lT(class extends lE{render(e){return this.vt===e?Z:(this.vt=e,document.importNode(e.content,!0))}constructor(e){if(super(e),2!==e.type)throw Error("templateContent can only be used in child bindings")}});var lC=y`: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)))}`,lL=((eb={}).CONFIGURATION="configuration",eb.SOURCE="source",eb.AUTOPLAY="autoplay",eb.MUTED="muted",eb.FULLSCREEN="fullscreen",eb.FULLWINDOW="fullwindow",eb.FLUID="fluid",eb.DEVICE_TYPE="device-type",eb.MOBILE="mobile",eb.TV="tv",eb.TV_FOCUS="tv-focus",eb.MOBILE_ONLY="mobile-only",eb.MOBILE_HIDDEN="mobile-hidden",eb.TV_ONLY="tv-only",eb.TV_HIDDEN="tv-hidden",eb.USER_IDLE="user-idle",eb.USER_IDLE_TIMEOUT="user-idle-timeout",eb.NO_AUTO_HIDE="no-auto-hide",eb.DISABLED="disabled",eb.INERT="inert",eb.HIDDEN="hidden",eb.PAUSED="paused",eb.ENDED="ended",eb.VOLUME_LEVEL="volume-level",eb.CASTING="casting",eb.LOADING="loading",eb.STREAM_TYPE="stream-type",eb.LIVE="live",eb.LIVE_ONLY="live-only",eb.LIVE_HIDDEN="live-hidden",eb.LIVE_THRESHOLD="live-threshold",eb.DVR_THRESHOLD="dvr-threshold",eb.REMAINING="remaining",eb.REMAINING_WHEN_LIVE="remaining-when-live",eb.SHOW_DURATION="show-duration",eb.SEEK_OFFSET="seek-offset",eb.MENU="menu",eb.MENU_OPENED="menu-opened",eb.MENU_CLOSE_ON_INPUT="menu-close-on-input",eb.ARIA_LABEL="aria-label",eb.ARIA_LIVE="aria-live",eb.ARIA_CHECKED="aria-checked",eb.HAS_AUDIO="has-audio",eb.HAS_SUBTITLES="has-subtitles",eb.HAS_ERROR="has-error",eb.HAS_FIRST_PLAY="has-first-play",eb.CAST_STATE="cast-state",eb.TRACK_TYPE="track-type",eb.SHOW_OFF="show-off",eb.PLAYING_AD="playing-ad",eb.SHOW_AD_MARKERS="show-ad-markers",eb.CLICKTHROUGH="clickthrough",eb.PROPERTY="property",eb.VALUE="value",eb),lR=((ef={})[ef.ENTER=13]="ENTER",ef[ef.ESCAPE=27]="ESCAPE",ef[ef.SPACE=32]="SPACE",ef[ef.END=35]="END",ef[ef.HOME=36]="HOME",ef[ef.LEFT=37]="LEFT",ef[ef.UP=38]="UP",ef[ef.RIGHT=39]="RIGHT",ef[ef.DOWN=40]="DOWN",ef[ef.BACK_SAMSUNG=88]="BACK_SAMSUNG",ef[ef.BACK_WEBOS=461]="BACK_WEBOS",ef[ef.BACK_TIZEN=10009]="BACK_TIZEN",ef);function l$(e){return 37<=e&&e<=40}function lS(e){return 10009===e||27===e||88===e||461===e}function lP(e){return 13===e||32===e}function lM(e,t=""){return`<style>${t}</style>${e}`}function lO(e,t){if(!Object.prototype.hasOwnProperty.call(e,t))throw TypeError("attempted to use private field on non-instance");return e}e.Button=void 0,eM=ey("theoplayer-button"),eI=e_({reflect:!0,type:Boolean,attribute:lL.DISABLED}),new(eP=class extends l{constructor(){super(e.Button),eO()}},(()=>{class t extends(eB=ep){connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(lL.ARIA_LIVE)||this.setAttribute(lL.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?K`${lA(this._template)}`:K`<slot></slot>`}handleClick(){}constructor(e){super(),this._disabled=(eN(this),!1),this._onClick=()=>{this.handleClick()},this._onKeyDown=e=>{!lP(e.keyCode)||e.metaKey||e.altKey?this.removeEventListener("keyup",this._onKeyUp):this.addEventListener("keyup",this._onKeyUp)},this._onKeyUp=e=>{this.removeEventListener("keyup",this._onKeyUp),lP(e.keyCode)&&this.handleClick()},this._template=null==e?void 0:e.template,this._template&&this.performUpdate()}}({e:[eN],c:[e.Button,eO]}=s(t,[[eI,4,"disabled"]],[eM],eB)),t.styles=[lC]})(),eP);var lB=0;function lI(e){return"__private_"+lB+++"_"+e}var lN=y`: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)}`;let{I:lD}={I:ea},lq=()=>document.createComment(""),lF=(e,t,r)=>{let i=e._$AA.parentNode,a=void 0===t?e._$AB:t._$AA;if(void 0===r)r=new lD(i.insertBefore(lq(),a),i.insertBefore(lq(),a),e,e.options);else{let t=r._$AB.nextSibling,n=r._$AM,s=n!==e;if(s){var o;let t;null==(o=r._$AQ)||o.call(r,e),r._$AM=e,void 0!==r._$AP&&(t=e._$AU)!==n._$AU&&r._$AP(t)}if(t!==a||s){let e=r._$AA;for(;e!==t;){let t=e.nextSibling;i.insertBefore(e,a),e=t}}}return r},lU=(e,t,r=e)=>(e._$AI(t,r),e),lV={},lH=e=>{var t;null==(t=e._$AP)||t.call(e,!1,!0);let r=e._$AA,i=e._$AB.nextSibling;for(;r!==i;){let e=r.nextSibling;r.remove(),r=e}},lz=(e,t)=>{var r;let i=e._$AN;if(void 0===i)return!1;for(let e of i)null==(r=e._$AO)||r.call(e,t,!1),lz(e,t);return!0},lj=e=>{let t,r;do{if(void 0===(t=e._$AM))break;(r=t._$AN).delete(e),e=t}while(0===(null==r?void 0:r.size))},lG=e=>{for(let t;t=e._$AM;e=t){let r=t._$AN;if(void 0===r)t._$AN=r=new Set;else if(r.has(e))break;r.add(e),lK(t)}};function lQ(e){void 0!==this._$AN?(lj(this),this._$AM=e,lG(this)):this._$AM=e}function lW(e,t=!1,r=0){let i=this._$AH,a=this._$AN;if(void 0!==a&&0!==a.size)if(t)if(Array.isArray(i))for(let e=r;e<i.length;e++)lz(i[e],!1),lj(i[e]);else null!=i&&(lz(i,!1),lj(i));else lz(this,e)}let lK=e=>{2==e.type&&(null!=e._$AP||(e._$AP=lW),null!=e._$AQ||(e._$AQ=lQ))};class lZ extends lE{_$AT(e,t,r){super._$AT(e,t,r),lG(this),this.isConnected=e._$AU}_$AO(e,t=!0){var r,i;e!==this.isConnected&&(this.isConnected=e,e?null==(r=this.reconnected)||r.call(this):null==(i=this.disconnected)||i.call(this)),t&&(lz(this,e),lj(this))}setValue(e){if(void 0===this._$Ct.strings)this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}constructor(){super(...arguments),this._$AN=void 0}}let lY=()=>new lJ;class lJ{}let lX=new WeakMap,l0=lT(class extends lZ{render(e){return Y}update(e,[t]){var r;let i=t!==this.G;return i&&void 0!==this.G&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=t,this.ht=null==(r=e.options)?void 0:r.host,this.rt(this.ct=e.element)),Y}rt(e){if(this.isConnected||(e=void 0),"function"==typeof this.G){var t;let r=null!=(t=this.ht)?t:globalThis,i=lX.get(r);void 0===i&&(i=new WeakMap,lX.set(r,i)),void 0!==i.get(this.G)&&this.G.call(this.ht,void 0),i.set(this.G,e),void 0!==e&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){var e,t,r;return"function"==typeof this.G?null==(e=lX.get(null!=(r=this.ht)?r:globalThis))?void 0:e.get(this.G):null==(t=this.G)?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});e.LinkButton=void 0,eq=ey("theoplayer-link-button"),eV=e_({reflect:!0,type:Boolean,attribute:lL.DISABLED}),eH=em(),ez=em(),new(eD=class extends l{constructor(){super(e.LinkButton),eF()}},(()=>{var t=lI("____private_href_1"),r=lI("____private_target_2");class i extends(eU=ep){connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(lL.ARIA_LIVE)||this.setAttribute(lL.ARIA_LIVE,"polite"),this.hasAttribute(lL.DISABLED)||this._enable()}get disabled(){return this._disabled}set disabled(e){this._disabled=e,e?this._disable():this._enable()}get href(){return lO(this,t)[t]}set href(e){lO(this,t)[t]=e}get target(){return lO(this,r)[r]}set target(e){lO(this,r)[r]=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?K`${lA(this._template)}`:K`<a ${l0(this._linkRef)} href="${this.href}" target="${this.target}" @keydown="${this._onKeyDown}" @click="${this._onClick}">${this.renderLinkContent()}</a>`}renderLinkContent(){return K`<slot></slot>`}handleClick(){}constructor(e){super(),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),this._disabled=(eQ(this),!1),this._linkRef=lY(),lO(this,t)[t]=ej(this,""),lO(this,r)[r]=eG(this,""),this._onKeyDown=e=>{if(!e.metaKey&&!e.altKey)if(e.keyCode!==lR.SPACE)return;else{var t;e.preventDefault(),null==(t=this._linkRef.value)||t.click()}},this._onClick=()=>{this.disabled||this.handleClick()},this._template=null==e?void 0:e.template,this._template&&this.performUpdate()}}({e:[ej,eG,eQ],c:[e.LinkButton,eF]}=s(i,[[eV,4,"disabled"],[eH,1,"href"],[ez,1,"target"]],[eq],eU)),i.styles=[lN]})(),eD);class l1 extends lE{render(e){if(e===Y||null==e)return this._t=void 0,this.it=e;if(e===Z)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;let t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}constructor(e){if(super(e),this.it=Y,2!==e.type)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}}l1.directiveName="unsafeHTML",l1.resultType=1;class l2 extends l1{}l2.directiveName="unsafeSVG",l2.resultType=2;let l5=lT(l2);var l3=y`: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}`,l4=y`:host{display:contents}::slotted(:not([no-auto-hide])),slot{opacity:inherit}`;function l8(){}function l7(e){return e.nodeType===Node.ELEMENT_NODE}function l6(e){return e instanceof HTMLElement}e.SlotContainer=void 0,eK=ey("theoplayer-slot-container"),new(eW=class extends l{constructor(){super(e.SlotContainer),eZ()}},(()=>{class t extends(eY=ep){render(){return K`<slot></slot>`}}({c:[e.SlotContainer,eZ]}=s(t,[],[eK],eY)),t.styles=[l4]})(),eW);let l9="function"==typeof Array.isArray?Array.isArray:e=>"[object Array]"===Object.prototype.toString.call(e),he="function"==typeof Array.from?e=>Array.from(e):e=>Array.prototype.slice.call(e),ht="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]},hr="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},hi="function"==typeof String.prototype.startsWith?(e,t)=>e.startsWith(t):(e,t)=>e.substring(0,t.length)===t,ha="undefined"!=typeof Intl&&Intl.DisplayNames?e=>{let t=new Intl.DisplayNames([e,"en"],{type:"language",fallback:"none"}),r=t.of(e);if(r){let e=t.resolvedOptions().locale,[i]=r;return i.toLocaleUpperCase(e)+r.slice(i.length)}}:e=>void 0;function ho(e,t,r){r?e.setAttribute(t,""):e.removeAttribute(t)}function hn(e){if(e.shadowRoot)return e.shadowRoot.children;if("slot"===e.localName.toLowerCase()){let t=e.assignedNodes();if(t.length>0)return t.filter(l7)}return l6(e)?e.children:[]}function hs(e){let t=[];for(let r of e.assignedNodes({flatten:!0}))l7(r)&&(t.push(r),"theoplayer-slot-container"===r.nodeName.toLowerCase()&&t.push(...he(r.children)));return t}function hl(e){let t=[];return function e(t,r){if(l6(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 i=hn(t);for(let t=0;t<i.length;t++)e(i[t],r)}}}}(e,t),t}function hh(e){let t=e.nodeName.toLowerCase();if(t.indexOf("-")>=0)if(!customElements.get(t))return customElements.whenDefined(t);else customElements.upgrade(e)}let hd="theoplayerUiObservedProperties";function hu(e){return hd in e&&l9(e[hd])}let hp=e=>(t,r)=>{Object.defineProperty(t.prototype,hd,{value:e})};async function hc(e,t,r){if(t.contains(e))return;e.nodeName.indexOf("-")>=0&&!hu(e)&&(await Promise.resolve(),await customElements.whenDefined(e.nodeName.toLowerCase()),customElements.upgrade(e)),hu(e)&&r(e);let i=hn(e);i.length>0&&await Promise.all(he(i).map(e=>hc(e,t,r)))}let hy=["seeking","seeked","ended","emptied","sourcechange"];e.PlayButton=void 0,eX=ey("theoplayer-play-button"),e0=hp(["player"]),e5=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.PAUSED}),e3=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.ENDED}),new(eJ=class extends l{constructor(){super(e.PlayButton),e1()}},(()=>{var t=lI("____private_paused_1"),r=lI("____private_ended_2");class i extends(e2=e.Button){connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get paused(){return lO(this,t)[t]}set paused(e){lO(this,t)[t]=e}get ended(){return lO(this,r)[r]}set ended(e){lO(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(hy,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(hy,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),i.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e=this.ended?"replay":this.paused?"play":"pause";this.setAttribute(lL.ARIA_LABEL,e)}render(){return K`<span part="play-icon"><slot name="play-icon">${l5('<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">${l5('<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">${l5('<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),lO(this,t)[t]=(e7(this),e4(this,!1)),lO(this,r)[r]=e8(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:[e4,e8,e7],c:[e.PlayButton,e1]}=s(i,[[e5,1,"paused"],[e3,1,"ended"]],[eX,e0],e2)),i.styles=[...e.Button.styles,l3]})(),eJ);var hv=y`: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 h_=["volumechange"];e.MuteButton=void 0,e9=ey("theoplayer-mute-button"),te=hp(["player"]),ti=e_({reflect:!0,state:!0,type:String,attribute:lL.VOLUME_LEVEL}),ta=e_({reflect:!1,attribute:!1}),new(e6=class extends l{constructor(){super(e.MuteButton),tt()}},(()=>{var t=lI("____private_volumeLevel_1");class r extends(tr=e.Button){connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get volumeLevel(){return lO(this,t)[t]}set volumeLevel(e){lO(this,t)[t]=e}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(h_,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(h_,this._updateFromPlayer))}handleClick(){void 0!==this._player&&(this._player.muted=!this._player.muted,this._updateFromPlayer())}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),r.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e="off"===this.volumeLevel?"unmute":"mute";this.setAttribute(lL.ARIA_LABEL,e)}render(){return K`<span part="off-icon"><slot name="off-icon">${l5('<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">${l5('<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">${l5('<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(tn(this),to(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:[to,tn],c:[e.MuteButton,tt]}=s(r,[[ti,1,"volumeLevel"],[ta,4,"player"]],[e9,te],tr)),r.styles=[...e.Button.styles,hv]})(),e6);var hm=y`: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%)}`;e.SeekButton=void 0,tl=ey("theoplayer-seek-button"),th=hp(["player"]),tp=e_({reflect:!0,type:Number,attribute:lL.SEEK_OFFSET}),tc=e_({reflect:!1,attribute:!1}),new(ts=class extends l{constructor(){super(e.SeekButton),td()}},(()=>{var t=lI("____private_seekOffset_1");class r extends(tu=e.Button){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get seekOffset(){return lO(this,t)[t]}set seekOffset(e){lO(this,t)[t]=e}get player(){return this._player}set player(e){this._player=e}handleClick(){if(void 0===this._player)return;let e=this._player.duration;isNaN(e)||(this._player.currentTime=Math.max(0,Math.min(e,this._player.currentTime+this.seekOffset)))}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),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(lL.ARIA_LABEL,t)}render(){return K`<span part="icon"><slot name="icon">${l5('<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(tv(this),ty(this,10))}}({e:[ty,tv],c:[e.SeekButton,td]}=s(r,[[tp,1,"seekOffset"],[tc,4,"player"]],[tl,th],tu)),r.styles=[...e.Button.styles,hm]})(),ts);var hg=y`: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 hb(e){return!isNaN(e)&&isFinite(e)}function hf(e,t=0,r){let i,a=e<0||r&&0===e,o=Math.floor(t/60%60),n=Math.floor(t/3600);if(hb(e=Math.abs(e))){let t=Math.floor(e%60),r=Math.floor(e/60%60),a=Math.floor(e/3600),s=a>0||n>0;i=[s?`${a}`:"",(s||o>=0)&&r<10?`0${r}`:`${r}`,t<10?`0${t}`:`${t}`]}else i=[n>0?"--":"","--","--"];let s=i.filter(e=>""!==e).join(":");return`${a?"-":""}${s}`}let hk=[["hour","hours"],["minute","minutes"],["second","seconds"]];function hw(e,t){let r=hk[t][+(1!==e)];return`${e} ${r}`}function hx(e,t){if(!hb(e))return"";let r=e<0||t&&0===e,i=Math.floor((e=Math.abs(e))%60),a=Math.floor(e/60)%60,o=Math.floor(e/3600),n=[0===o?"":hw(o,0),0===a?"":hw(a,1),0===i&&(o>0||a>0)?"":hw(i,2)].filter(e=>""!==e).join(", ");return`${n}${r?" remaining":""}`}let hT=["timeupdate","seeking","seeked","durationchange"];e.TimeDisplay=void 0,tm=ey("theoplayer-time-display"),tg=hp(["player","streamType"]),tk=e_({reflect:!1,attribute:!1}),tw=e_({reflect:!0,type:Boolean,attribute:lL.REMAINING}),tx=e_({reflect:!0,type:Boolean,attribute:lL.REMAINING_WHEN_LIVE}),tT=e_({reflect:!0,type:Boolean,attribute:lL.SHOW_DURATION}),tE=e_({reflect:!0,type:String,attribute:lL.STREAM_TYPE}),tA=em(),tC=em(),tL=em(),new(t_=class extends l{constructor(){super(e.TimeDisplay),tb()}},(()=>{var t=lI("____private_remaining_1"),r=lI("____private_remainingWhenLive_2"),i=lI("____private_showDuration_3"),a=lI("____private_streamType_4"),o=lI("____private__currentTime_5"),n=lI("____private__duration_6"),l=lI("____private__endTime_7");class h extends(tf=ep){connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","progressbar"),this.hasAttribute(lL.ARIA_LABEL)||this.setAttribute(lL.ARIA_LABEL,"playback time"),this.hasAttribute(lL.ARIA_LIVE)||this.setAttribute(lL.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 lO(this,t)[t]}set remaining(e){lO(this,t)[t]=e}get remainingWhenLive(){return lO(this,r)[r]}set remainingWhenLive(e){lO(this,r)[r]=e}get showDuration(){return lO(this,i)[i]}set showDuration(e){lO(this,i)[i]=e}get streamType(){return lO(this,a)[a]}set streamType(e){lO(this,a)[a]=e}get _currentTime(){return lO(this,o)[o]}set _currentTime(e){lO(this,o)[o]=e}get _duration(){return lO(this,n)[n]}set _duration(e){lO(this,n)[n]=e}get _endTime(){return lO(this,l)[l]}set _endTime(e){lO(this,l)[l]=e}render(){let e,t,r=this.remaining||this.remainingWhenLive&&"vod"!==this.streamType,i=this._currentTime,a=this._endTime;return r&&(i=-((this._endTime||0)-i)),e=this.showDuration&&!r?`${hf(i,a,r)} / ${hf(a)}`:hf(i,a,r),t=isNaN(this._duration)?"video not loaded, unknown time":this.showDuration?`${hx(i,r)} of ${hx(a)}`:hx(i,r),this.setAttribute("aria-valuetext",t),K`<span>${e}</span>`}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),Object.defineProperty(this,o,{writable:!0,value:void 0}),Object.defineProperty(this,n,{writable:!0,value:void 0}),Object.defineProperty(this,l,{writable:!0,value:void 0}),lO(this,t)[t]=(tI(this),tR(this,!1)),lO(this,r)[r]=t$(this,!1),lO(this,i)[i]=tS(this,!1),lO(this,a)[a]=tP(this,"vod"),lO(this,o)[o]=tM(this,0),lO(this,n)[n]=tO(this,NaN),lO(this,l)[l]=tB(this,0),this._updateFromPlayer=()=>{var e;let t=this._player?this._player.currentTime:0,r=this._player?this._player.duration:NaN,i=null==(e=this._player)?void 0:e.seekable,a=isFinite(r)?r:i&&i.length>0?i.end(0):NaN;this._currentTime=t,this._duration=r,this._endTime=a}}}({e:[tR,t$,tS,tP,tM,tO,tB,tI],c:[e.TimeDisplay,tb]}=s(h,[[tk,4,"player"],[tw,1,"remaining"],[tx,1,"remainingWhenLive"],[tT,1,"showDuration"],[tE,1,"streamType"],[tA,1,"_currentTime"],[tC,1,"_duration"],[tL,1,"_endTime"]],[tm,tg],tf)),h.styles=[hg]})(),t_);let hE=["durationchange"];e.DurationDisplay=void 0,tD=ey("theoplayer-duration-display"),tq=hp(["player"]),tV=e_({reflect:!1,attribute:!1}),tH=em(),new(tN=class extends l{constructor(){super(e.DurationDisplay),tF()}},(()=>{var t=lI("____private_duration_1");class r extends(tU=ep){connectedCallback(){super.connectedCallback(),this.hasAttribute(lL.ARIA_LIVE)||this.setAttribute(lL.ARIA_LIVE,"off")}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(hE,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(hE,this._updateFromPlayer))}get duration(){return lO(this,t)[t]}set duration(e){lO(this,t)[t]=e}render(){return K`<span>${hf(this.duration)}</span>`}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(tj(this),tz(this,NaN)),this._updateFromPlayer=()=>{this.duration=this._player?this._player.duration:NaN}}}({e:[tz,tj],c:[e.DurationDisplay,tF]}=s(r,[[tV,4,"player"],[tH,1,"duration"]],[tD,tq],tU)),r.styles=[hg]})(),tN);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)},hC=!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)};e.RadioButton=void 0,tG=ey("theoplayer-radio-button"),tK=e_({reflect:!0,type:Boolean,attribute:lL.ARIA_CHECKED,converter:{fromAttribute:e=>null!=e&&"false"!==e,toAttribute:e=>String(e)}}),tZ=e_({attribute:lL.VALUE});var hL=lI("____private_value_1");class hR extends(tW=e.Button){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 lO(this,hL)[hL]}set value(e){lO(this,hL)[hL]=e}handleClick(){this.checked=!0,this.dispatchEvent(hA("input",{bubbles:!0,composed:!0}))}handleChange(){}constructor(...e){super(...e),Object.defineProperty(this,hL,{writable:!0,value:void 0}),this._checked=(tJ(this),!1),lO(this,hL)[hL]=tY(this,void 0)}}({e:[tY,tJ],c:[e.RadioButton,tQ]}=s(hR,[[tK,4,"checked"],[tZ,1,"value"]],[tG],tW)),tQ();class h${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,i,a,o,n;return new h$(null!=(r=null!=(t=e.left)?t:e.x)?r:0,null!=(a=null!=(i=e.top)?i:e.y)?a: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),i=Math.max(this.right,e.right)-t,a=Math.max(this.bottom,e.bottom)-r;return new h$(t,r,i,a)}snapToPixels(){return new h$(Math.round(this.x),Math.round(this.y),Math.round(this.width),Math.round(this.height))}clone(){return new h$(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,i){this.x=e,this.y=t,this.width=r,this.height=i}}function hS(){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&&l6(e)?e:null}function hP(e,t,r){var i,a;let o,n=hS();if(null===n)return!1;let s=h$.fromRect(e.getBoundingClientRect()).snapToPixels(),l=h$.fromRect(n.getBoundingClientRect()).snapToPixels(),h=t.map(e=>({child:e,rect:h$.fromRect(e.getBoundingClientRect()).snapToPixels()})).filter(e=>e.rect.width>0&&e.rect.height>0);if(r===lR.LEFT||r===lR.RIGHT){let e=l.clone();r===lR.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===lR.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=(i=o,a=e=>{var t,r;let i;return t=e.rect,r=l,i=0,t.right<r.left?i+=r.left-t.right:r.right<t.left&&(i+=t.left-r.right),t.bottom<r.top?i+=r.top-t.bottom:r.bottom<t.top&&(i+=t.top-r.bottom),i},function(e,t){if(0!==e.length)return e.reduce((e,r)=>0>=t(e,r)?e:r)}(i,(e,t)=>a(e)-a(t)));return void 0!==d&&(d.child.focus(),!0)}e.RadioGroup=void 0,tX=ey("theoplayer-radio-group"),t0=hp(["deviceType"]),t5=e_({reflect:!0,type:String,attribute:lL.DEVICE_TYPE}),t3=e_({attribute:lL.VALUE});var hM=lI("____private_deviceType_1");class hO extends(t2=ep){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 lO(this,hM)[hM]}set deviceType(e){lO(this,hM)[hM]=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=ht(this._radioButtons,e=>0===e.tabIndex))?e:null}get checkedRadioButton(){var e;return null!=(e=ht(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 K`<slot ${l0(this._slotRef)} @slotchange="${this._onSlotChange}"></slot>`}constructor(){super(),Object.defineProperty(this,hM,{writable:!0,value:void 0}),this._slotRef=(t8(this),lY()),this._radioButtons=[],this._value=void 0,lO(this,hM)[hM]=t4(this,"desktop"),this._onSlotChange=()=>{let e=this._slotRef.value;if(!e)return;let t=hs(e),r=[];for(let e of t)if(!hB(e)){let t=hh(e);t&&r.push(t)}if(r.length>0&&Promise.all(r).then(this._onSlotChange,l8),this._radioButtons=t.filter(hB),!this.focusedRadioButton){var i;null==(i=this.firstRadioButton)||i.setAttribute("tabindex","0")}this.updateCheckedButton()},this._onKeyDown=e=>{if("tv"===this.deviceType&&l$(e.keyCode)){hP(this,this._radioButtons,e.keyCode)&&(e.preventDefault(),e.stopPropagation());return}switch(e.keyCode){case lR.UP:case lR.LEFT:this._focusPrevButton()&&e.preventDefault();break;case lR.DOWN:case lR.RIGHT:this._focusNextButton()&&e.preventDefault();break;case lR.HOME:e.preventDefault(),this.setFocusedRadioButton(this.firstRadioButton);break;case lR.END:e.preventDefault(),this.setFocusedRadioButton(this.lastRadioButton)}},this._onButtonChange=e=>{let t=e.target;null!==t&&t.checked&&(this.value=t.value)}}}function hB(t){return t instanceof e.RadioButton}({e:[t4,t8],c:[e.RadioGroup,t1]}=s(hO,[[t5,1,"deviceType"],[t3,4,"value"]],[tX,t0],t2)),t1();var hI=y`: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 hN="theoplayermenuclose",hD="theoplayermenuchange";e.Menu=void 0,t6=ey("theoplayer-menu"),rt=e_({reflect:!0,type:Boolean,attribute:lL.MENU_CLOSE_ON_INPUT}),rr=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.MENU_OPENED}),new(t7=class extends l{constructor(){super(e.Menu),t9()}},(()=>{var t=lI("____private_closeOnInput_1");class r extends(re=ep){connectedCallback(){super.connectedCallback(),this.menuOpened_||this.setAttribute(lL.HIDDEN,"")}get closeOnInput(){return lO(this,t)[t]}set closeOnInput(e){lO(this,t)[t]=e}get menuOpened_(){return this._menuOpened}set menuOpened_(e){if(this._menuOpened===e)return;this._menuOpened=e,ho(this,lL.HIDDEN,!e);let t=hC(hD,{bubbles:!0});this.dispatchEvent(t)}openMenu(){this.menuOpened_=!0}closeMenu(){this.menuOpened_=!1}render(){return this._template?K`${lA(this._template)}`:K`<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 K`<slot name="heading"></slot>`}renderMenuContent(){return K`<slot></slot>`}constructor(e){super(),Object.defineProperty(this,t,{writable:!0,value:void 0}),this._menuOpened=(ra(this),!1),lO(this,t)[t]=ri(this,!1),this._onContentInput=()=>{if(this.closeOnInput){let e=hC(hN,{bubbles:!0,composed:!0});this.dispatchEvent(e)}},this._template=null==e?void 0:e.template,this._template&&this.performUpdate()}}({e:[ri,ra],c:[e.Menu,t9]}=s(r,[[rt,1,"closeOnInput"],[rr,4,"menuOpened_"]],[t6],re)),r.styles=[hI],r.shadowRootOptions={...ep.shadowRootOptions,delegatesFocus:!0}})(),t7);var hq=y`: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 hF="theoplayermenutoggle";function hU(t){return!!l6(t)&&(t instanceof e.Menu||t instanceof e.MenuGroup)}e.MenuGroup=void 0,rn=ey("theoplayer-menu-group"),rh=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.MENU_OPENED}),rd=(e,t,r)=>eg(e,t,{get(){var e,t;return null!=(t=null==(e=this.renderRoot)?void 0:e.querySelector("slot"))?t:null}}),new(ro=class extends l{constructor(){super(e.MenuGroup),rs()}},(()=>{var t=lI("____private__menuSlot_1");class r extends(rl=ep){get menuOpened_(){return this._menuOpened}set menuOpened_(e){if(this._menuOpened===e)return;this._menuOpened=e,ho(this,lL.MENU_OPENED,e),e?(this.removeAttribute(lL.HIDDEN),this.removeEventListener("keydown",this._onKeyDown),this.addEventListener("keydown",this._onKeyDown)):(this.setAttribute(lL.HIDDEN,""),this.removeEventListener("keydown",this._onKeyDown));let t=hC(hD,{bubbles:!0});this.dispatchEvent(t)}get _menuSlot(){return lO(this,t)[t]}set _menuSlot(e){lO(this,t)[t]=e}connectedCallback(){super.connectedCallback(),this.menuOpened_||this.setAttribute(lL.HIDDEN,"")}createRenderRoot(){let e=super.createRenderRoot();return e.addEventListener(hF,this._onToggleMenu),e.addEventListener(hN,this._onCloseMenu),e.addEventListener(hD,this._onMenuChange),e}render(){return this._template?K`${lA(this._template)}`:K`<slot @slotchange="${this._onMenuListChange}"></slot>`}firstUpdated(){this._onMenuListChange()}getMenuById(e){return e&&e!==this.id?ht(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 i=this.getCurrentMenu_(),a=hr(this._openMenuStack,e=>e.menu===r);return a>=0?this.closeMenusFromIndex_(a+1):this._openMenuStack.push({menu:r,opener:t}),i&&i.menu.closeMenu(),r.openMenu(),this.menuOpened_=!0,r.focus(),!0}closeMenu(e){var t,r;let i=this.getMenuById(e);if(i===this&&(i=null==(r=this._openMenuStack[0])?void 0:r.menu),!i)return!1;let a=hr(this._openMenuStack,e=>e.menu===i);if(a<0)return!1;let o=this._openMenuStack[a];this.closeMenusFromIndex_(a);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(r){super(),Object.defineProperty(this,t,{writable:!0,value:void 0}),this._menuOpened=(rp(this),!1),lO(this,t)[t]=ru(this,null),this._menus=[],this._openMenuStack=[],this._onMenuListChange=()=>{let e=[...he(this.shadowRoot.children),...this._menuSlot?hs(this._menuSlot):[]],t=[];for(let r of e)if(!hU(r)){let e=hh(r);e&&t.push(e)}t.length>0&&Promise.all(t).then(this._onMenuListChange,l8);let r=e.filter(hU);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=l6(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=t=>{let r=this.getCurrentMenu_();r&&r.menu===t.target&&r.menu instanceof e.MenuGroup&&!r.menu.hasCurrentMenu()&&this.closeCurrentMenu()},this._onKeyDown=e=>{!e.altKey&&lS(e.keyCode)&&this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())},this._template=null==r?void 0:r.template,this._template&&this.performUpdate()}}({e:[ru,rp],c:[e.MenuGroup,rs]}=s(r,[[rh,4,"menuOpened_"],[rd,1,"_menuSlot"]],[rn],rl)),r.styles=[hq],r.shadowRootOptions={...ep.shadowRootOptions,delegatesFocus:!0}})(),ro),e.MenuButton=void 0,rc=ey("theoplayer-menu-button"),r_=e_({reflect:!0,type:String,attribute:lL.MENU}),rm=e_({reflect:!0,state:!0,type:String,attribute:"aria-controls"});var hV=lI("____private__ariaControls_1");class hH extends(rv=e.Button){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 lO(this,hV)[hV]}set _ariaControls(e){lO(this,hV)[hV]=e}handleClick(){let e=this.menu;if(e){let t=hC(hF,{bubbles:!0,composed:!0,detail:{menu:e}});this.dispatchEvent(t)}}constructor(...e){super(...e),Object.defineProperty(this,hV,{writable:!0,value:void 0}),this._menuId=(rb(this),null),lO(this,hV)[hV]=rg(this,null)}}({e:[rg,rb],c:[e.MenuButton,ry]}=s(hH,[[r_,4,"menu"],[rm,1,"_ariaControls"]],[rc],rv)),ry(),e.CloseMenuButton=void 0,rf=ey("theoplayer-menu-close-button");class hz extends(rw=e.Button){connectedCallback(){super.connectedCallback(),this.hasAttribute(lL.ARIA_LABEL)||this.setAttribute(lL.ARIA_LABEL,"close menu")}handleClick(){let e=hC(hN,{bubbles:!0,composed:!0});this.dispatchEvent(e)}render(){return K`<span part="icon"><slot>${l5('<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:[e.CloseMenuButton,rk]}=s(hz,[],[rf],rw)),rk();let hj=["change","update"];e.MediaTrackRadioButton=void 0,rx=ey("theoplayer-media-track-radio-button"),rA=em(),rC=e_({reflect:!1,attribute:!1});var hG=lI("____private__trackLabel_1");class hQ extends(rE=e.RadioButton){get _trackLabel(){return lO(this,hG)[hG]}set _trackLabel(e){lO(this,hG)[hG]=e}get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(hj,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(hj,this._onTrackChange))}_updateFromTrack(){this._trackLabel=this._track?function(e){let t=e.label,r=e.language;if(t&&t!==r)return t;let i=r&&ha(r);return i||r||t||""}(this._track):"",this.checked=!!this._track&&this._track.enabled}_updateTrack(){this._track&&(this._track.enabled=this.checked)}handleChange(){this._updateTrack()}render(){return K`<slot>${this._trackLabel}</slot>`}constructor(...e){super(...e),Object.defineProperty(this,hG,{writable:!0,value:void 0}),this._track=void rR(this),lO(this,hG)[hG]=rL(this,""),this._onTrackChange=()=>{this._updateFromTrack()}}}({e:[rL,rR],c:[e.MediaTrackRadioButton,rT]}=s(hQ,[[rA,1,"_trackLabel"],[rC,4,"track"]],[rx],rE)),rT();var hW=y`:host,theoplayer-radio-group{align-items:stretch;display:flex;flex-direction:column}:host([hidden]){display:none!important}`;function hK(e){return"subtitles"===e.kind||"captions"===e.kind}function hZ(e){return hK(e)&&!e.forced}function hY(e){let t=null==e?void 0:e.targetQuality;return void 0===t||Array.isArray(t)||(t=[t]),t}function hJ(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 hX=(e,t,r)=>{let i=new Map;for(let a=t;a<=r;a++)i.set(e[a],a);return i},h0=lT(class extends lE{dt(e,t,r){let i;void 0===r?r=t:void 0!==t&&(i=t);let a=[],o=[],n=0;for(let t of e)a[n]=i?i(t,n):n,o[n]=r(t,n),n++;return{values:o,keys:a}}render(e,t,r){return this.dt(e,t,r).values}update(e,[t,r,i]){var a;let o=e._$AH,{values:n,keys:s}=this.dt(t,r,i);if(!Array.isArray(o))return this.ut=s,n;let l=null!=(a=this.ut)?a:this.ut=[],h=[],d,u,p=0,c=o.length-1,y=0,v=n.length-1;for(;p<=c&&y<=v;)if(null===o[p])p++;else if(null===o[c])c--;else if(l[p]===s[y])h[y]=lU(o[p],n[y]),p++,y++;else if(l[c]===s[v])h[v]=lU(o[c],n[v]),c--,v--;else if(l[p]===s[v])h[v]=lU(o[p],n[v]),lF(e,h[v+1],o[p]),p++,v--;else if(l[c]===s[y])h[y]=lU(o[c],n[y]),lF(e,o[p],o[c]),c--,y++;else if(void 0===d&&(d=hX(s,y,v),u=hX(l,p,c)),d.has(l[p]))if(d.has(l[c])){let t=u.get(s[y]),r=void 0!==t?o[t]:null;if(null===r){let t=lF(e,o[p]);lU(t,n[y]),h[y]=t}else h[y]=lU(r,n[y]),lF(e,o[p],r),o[t]=null;y++}else lH(o[c]),c--;else lH(o[p]),p++;for(;y<=v;){let t=lF(e,h[v+1]);lU(t,n[y]),h[y++]=t}for(;p<=c;){let e=o[p++];null!==e&&lH(e)}return this.ut=s,((e,t=lV)=>e._$AH=t)(e,h),Z}constructor(e){if(super(e),2!==e.type)throw Error("repeat() can only be used in text expressions")}}),h1=["addtrack","removetrack"];e.TrackRadioGroup=void 0,rS=ey("theoplayer-track-radio-group"),rP=hp(["player"]),rB=em(),rI=e_({reflect:!0,type:String,attribute:lL.TRACK_TYPE}),rN=e_({reflect:!0,type:Boolean,attribute:lL.SHOW_OFF}),new(r$=class extends l{constructor(){super(e.TrackRadioGroup),rM()}},(()=>{var t=lI("____private__tracksList_1"),r=lI("____private_showOffButton_2");class i extends(rO=ep){get _tracksList(){return lO(this,t)[t]}set _tracksList(e){lO(this,t)[t]=e}get trackType(){return this._trackType}set trackType(e){this._trackType=e,this._updateTracksList()}get showOffButton(){return lO(this,r)[r]}set showOffButton(e){lO(this,r)[r]=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(h1,this._updateTracks),null==t||t.addEventListener(h1,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(hZ):[]}render(){let e=this._getTracks(),t="subtitles"===this.trackType;return K`<theoplayer-radio-group @change="${this._onChange}">${this.showOffButton&&t?K`<theoplayer-text-track-off-radio-button .trackList="${this._tracksList}"></theoplayer-text-track-off-radio-button>`:void 0} ${h0(e,e=>e.uid,e=>t?K`<theoplayer-text-track-radio-button .track="${e}"></theoplayer-text-track-radio-button>`:K`<theoplayer-media-track-radio-button .track="${e}"></theoplayer-media-track-radio-button>`)}</theoplayer-radio-group>`}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),this._trackType=(rF(this),"audio"),lO(this,t)[t]=rD(this),lO(this,r)[r]=rq(this,!1),this._updateTracks=()=>this.requestUpdate(),this._onChange=()=>{this.dispatchEvent(hA("change",{bubbles:!0}))}}}({e:[rD,rq,rF],c:[e.TrackRadioGroup,rM]}=s(i,[[rB,1,"_tracksList"],[rI,4,"trackType"],[rN,1,"showOffButton"]],[rS,rP],rO)),i.styles=[hW]})(),r$);let h2=["change","update"];e.TextTrackRadioButton=void 0,rU=ey("theoplayer-text-track-radio-button"),rz=em(),rj=e_({reflect:!1,attribute:!1});var h5=lI("____private__trackLabel_1");class h3 extends(rH=e.RadioButton){get _trackLabel(){return lO(this,h5)[h5]}set _trackLabel(e){lO(this,h5)[h5]=e}get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(h2,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(h2,this._onTrackChange))}_updateFromTrack(){this._trackLabel=this._track?function(e){let t=e.label,r=e.language;if(t){if(t===r);else if(!("cea608"===e.type&&/^CC\d+$/.test(e.label)))return t}let i=r&&ha(r);return i||("cea608"===e.type&&"number"==typeof e.captionChannel?`CC${e.captionChannel}`:r||t||"")}(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 K`<slot>${this._trackLabel}</slot>`}constructor(...e){super(...e),Object.defineProperty(this,h5,{writable:!0,value:void 0}),this._track=void rQ(this),lO(this,h5)[h5]=rG(this,""),this._onTrackChange=()=>{this._updateFromTrack()}}}({e:[rG,rQ],c:[e.TextTrackRadioButton,rV]}=s(h3,[[rz,1,"_trackLabel"],[rj,4,"track"]],[rU],rH)),rV();let h4=["change"];e.TextTrackOffRadioButton=void 0,rW=ey("theoplayer-text-track-off-radio-button"),rY=e_({reflect:!1,attribute:!1});class h8 extends(rZ=e.RadioButton){get trackList(){return this._trackList}set trackList(e){this._trackList&&this._trackList.removeEventListener(h4,this._onTrackChange),this._trackList=e,this._updateFromTrackList(),e&&e.addEventListener(h4,this._onTrackChange)}_updateFromTrackList(){this.checked=!this._trackList||!this._trackList.some(e=>hZ(e)&&"showing"===e.mode)}_updateTrackList(){this._trackList&&this.checked&&function(e){for(let t of e)hK(t)&&"showing"===t.mode&&(t.mode="disabled")}(this._trackList)}handleChange(){this._updateTrackList()}render(){return K`<slot>Off</slot>`}constructor(...e){super(...e),this._trackList=void rJ(this),this._onTrackChange=()=>{this._updateFromTrackList()}}}({e:[rJ],c:[e.TextTrackOffRadioButton,rK]}=s(h8,[[rY,4,"trackList"]],[rW],rZ)),rK();var h7=y`.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}`,h6=y`.theoplayer-menu-heading{flex-grow:1}.theoplayer-menu-heading-button{align-self:flex-end}`,h9=y`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 de(e){if(!e)return null;if(hi(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(!hi(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 dt(e){return`rgba(${e.r_},${e.g_},${e.b_},${e.a_})`}function dr(e){return`rgb(${e.r_},${e.g_},${e.b_})`}function di(e,t){return{r_:e.r_,g_:e.g_,b_:e.b_,a_:t}}let da=de("#ffffff"),dn=de("#000000"),ds=[["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)"]],dl=[["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']],dh=[["None","none"],["Drop shadow","dropshadow"],["Raised","raised"],["Depressed","depressed"],["Uniform","uniform"]];e.TextTrackStyleDisplay=void 0,rX=ey("theoplayer-text-track-style-display"),r0=hp(["player"]),r5=e_({reflect:!0,type:String,attribute:lL.PROPERTY}),r3=e_({reflect:!1,attribute:!1});class dd extends(r2=ep){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 K`<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=ht(dl,([e,r])=>r===t);return r?r[0]:"Custom";case"fontColor":case"backgroundColor":case"windowColor":return function(e){if(!e)return"Default";let t=de(e);if(t){let e=dr(t),r=ht(ds,([t,r])=>r===e);if(r)return r[0]}return"Custom"}(this._player.textTrackStyle[e]);case"fontOpacity":return du(this._player.textTrackStyle.fontColor);case"backgroundOpacity":return du(this._player.textTrackStyle.backgroundColor);case"windowOpacity":return du(this._player.textTrackStyle.windowColor);case"edgeStyle":var i=this._player.textTrackStyle.edgeStyle;if(!i)return"Default";let a=ht(dh,([e,t])=>t===i);return a?a[0]:"Custom";default:return this._player.textTrackStyle[e]||"Default"}}constructor(...e){super(...e),this._property=(r4(this),"fontColor"),this._updateFromPlayer=()=>this.requestUpdate()}}function du(e){if(!e)return"Default";let t=de(e);return t?`${100*t.a_}%`:"Custom"}function dp(e,t,r){var i,a,o;let n=null!=(a=null==(i=de(t))?void 0:i.a_)?a:1;if(""!==e||1!==n)return dt(di(null!=(o=de(e))?o:r,n))}function dc(e,t,r){var i;let a=null!=(i=de(t))?i:r;if(""!==e||a.r_!==r.r_||a.g_!==r.g_||a.b_!==r.b_)return dt(di(a,""==e?1:Number(e)/100))}({e:[r4],c:[e.TextTrackStyleDisplay,r1]}=s(dd,[[r5,4,"property"],[r3,4,"player"]],[rX,r0],r2)),r1(),e.TextTrackStyleRadioGroup=void 0,r7=ey("theoplayer-text-track-style-radio-group"),r6=hp(["player"]),it=e_({reflect:!0,type:String,attribute:lL.PROPERTY}),ir=e_({reflect:!1,attribute:!1}),ii=e_({reflect:!1,attribute:!1}),new(r8=class extends l{constructor(){super(e.TextTrackStyleRadioGroup),r9()}},(()=>{class t extends(ie=ep){firstUpdated(){let t=this._radioGroupRef.value;t instanceof e.RadioGroup||customElements.upgrade(t),t.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=dp(this.value,this._player.textTrackStyle.fontColor,da);break;case"backgroundColor":this._player.textTrackStyle.backgroundColor=dp(this.value,this._player.textTrackStyle.backgroundColor,dn);break;case"windowColor":this._player.textTrackStyle.windowColor=dp(this.value,this._player.textTrackStyle.windowColor,dn);break;case"fontOpacity":this._player.textTrackStyle.fontColor=dc(this.value,this._player.textTrackStyle.fontColor,da);break;case"backgroundOpacity":this._player.textTrackStyle.backgroundColor=dc(this.value,this._player.textTrackStyle.backgroundColor,dn);break;case"windowOpacity":this._player.textTrackStyle.windowColor=dc(this.value,this._player.textTrackStyle.windowColor,dn);break;default:this._player.textTrackStyle[this.property]=""==this.value?void 0:this.value}}render(){return K`<theoplayer-radio-group ${l0(this._radioGroupRef)} @change="${this._onChange}"><slot></slot></theoplayer-radio-group>`}constructor(...e){super(...e),this._radioGroupRef=(ia(this),lY()),this._property="fontColor",this._onChange=()=>{let e=this._radioGroupRef.value;e&&(this.value=e.value)},this._updateFromPlayer=()=>{var e,t,r,i,a,o,n,s,l,h;if(void 0!==this._player)switch(this.property){case"fontColor":{let t=this._player.textTrackStyle.fontColor;this.value=t?dr(null!=(e=de(t))?e:da):"";break}case"backgroundColor":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?dr(null!=(t=de(e))?t:dn):"";break}case"windowColor":{let e=this._player.textTrackStyle.windowColor;this.value=e?dr(null!=(r=de(e))?r:dn):"";break}case"fontOpacity":{let e=this._player.textTrackStyle.fontColor;this.value=e?String((null!=(a=null==(i=de(e))?void 0:i.a_)?a:1)*100):"";break}case"backgroundOpacity":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?String((null!=(n=null==(o=de(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=de(e))?void 0:s.a_)?l:1)*100):"";break}default:this.value=null!=(h=this._player.textTrackStyle[this.property])?h:""}}}}({e:[ia],c:[e.TextTrackStyleRadioGroup,r9]}=s(t,[[it,4,"property"],[ir,4,"value"],[ii,4,"player"]],[r7,r6],ie)),t.styles=[hW]})(),r8);let dy=[{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)"}],dv=[{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'}],d_=[{label:"Default",value:""},{label:"50%",value:"50%"},{label:"75%",value:"75%"},{label:"100%",value:"100%"},{label:"150%",value:"150%"},{label:"200%",value:"200%"}],dm=[{label:"Default",value:""},{label:"25%",value:"25"},{label:"50%",value:"50"},{label:"75%",value:"75"},{label:"100%",value:"100"}],dg=[{label:"Default",value:""},{label:"None",value:"none"},{label:"Drop shadow",value:"dropshadow"},{label:"Raised",value:"raised"},{label:"Depressed",value:"depressed"},{label:"Uniform",value:"uniform"}];e.TextTrackStyleMenu=void 0,is=ey("theoplayer-text-track-style-menu"),new(io=class extends l{constructor(){super(e.TextTrackStyleMenu),il()}},(()=>{class t extends(ih=e.MenuGroup){render(){return K`<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">${dv.map(({label:e,value:t})=>K`<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">${dy.map(({label:e,value:t})=>K`<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">${dm.map(({label:e,value:t})=>K`<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">${d_.map(({label:e,value:t})=>K`<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">${dy.map(({label:e,value:t})=>K`<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">${dm.map(({label:e,value:t})=>K`<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">${dy.map(({label:e,value:t})=>K`<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">${dm.map(({label:e,value:t})=>K`<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">${dg.map(({label:e,value:t})=>K`<theoplayer-radio-button value="${t}">${e}</theoplayer-radio-button>`)}</theoplayer-text-track-style-radio-group></theoplayer-menu>`}}({c:[e.TextTrackStyleMenu,il]}=s(t,[],[is],ih)),t.styles=[...e.MenuGroup.styles,h9,h6]})(),io);let db=["addtrack","removetrack"];e.LanguageMenu=void 0,iu=ey("theoplayer-language-menu"),ip=hp(["player"]),iv=e_({state:!0}),i_=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.HAS_AUDIO}),im=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.HAS_SUBTITLES}),new(id=class extends l{constructor(){super(e.LanguageMenu),ic()}},(()=>{var t=lI("____private__hasAudioTracks_1"),r=lI("____private__hasSubtitles_2");class i extends(iy=e.MenuGroup){get player(){return this._player}set player(e){var t,r,i,a;this._player!==e&&(null==(t=this._audioTrackList)||t.removeEventListener(db,this._updateAudioTracks),null==(r=this._textTrackList)||r.removeEventListener(db,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==(i=this._audioTrackList)||i.addEventListener(db,this._updateAudioTracks),null==(a=this._textTrackList)||a.addEventListener(db,this._updateTextTracks))}get _hasAudioTracks(){return lO(this,t)[t]}set _hasAudioTracks(e){lO(this,t)[t]=e}get _hasSubtitles(){return lO(this,r)[r]}set _hasSubtitles(e){lO(this,r)[r]=e}render(){return K`<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),lO(this,t)[t]=(ik(this),ig(this,!1)),lO(this,r)[r]=ib(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(hZ))?t:[];this._hasSubtitles=r.length>0}}}({e:[ig,ib,ik],c:[e.LanguageMenu,ic]}=s(i,[[iv,4,"player"],[i_,1,"_hasAudioTracks"],[im,1,"_hasSubtitles"]],[iu,ip],iy)),i.styles=[...e.MenuGroup.styles,h7]})(),id);let df=["addtrack","removetrack"];e.LanguageMenuButton=void 0,iw=ey("theoplayer-language-menu-button"),ix=hp(["player"]),iA=e_({reflect:!1,attribute:!1});class dk extends(iE=e.MenuButton){connectedCallback(){super.connectedCallback(),this.hasAttribute(lL.ARIA_LABEL)||this.setAttribute(lL.ARIA_LABEL,"open language menu")}get player(){return this._player}set player(e){var t,r,i,a;this._player!==e&&(null==(t=this._audioTrackList)||t.removeEventListener(df,this._updateTracks),null==(r=this._textTrackList)||r.removeEventListener(df,this._updateTracks),this._player=e,this._audioTrackList=null==e?void 0:e.audioTracks,this._textTrackList=null==e?void 0:e.textTracks,this._updateTracks(),null==(i=this._audioTrackList)||i.addEventListener(df,this._updateTracks),null==(a=this._textTrackList)||a.addEventListener(df,this._updateTracks))}render(){return K`<span part="icon"><slot>${l5('<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=(iC(this),()=>{let e=void 0!==this._player&&(this._player.audioTracks.length>=2||this._player.textTracks.some(hZ));ho(this,lL.HIDDEN,!e)})}}({e:[iC],c:[e.LanguageMenuButton,iT]}=s(dk,[[iA,4,"player"]],[iw,ix],iE)),iT(),e.PlaybackRateRadioGroup=void 0,iR=ey("theoplayer-playback-rate-radio-group"),i$=hp(["player"]),iM=em(),iO=em(),new(iL=class extends l{constructor(){super(e.PlaybackRateRadioGroup),iS()}},(()=>{class t extends(iP=ep){firstUpdated(){let t=this._radioGroupRef.value;t instanceof e.RadioGroup||customElements.upgrade(t),t.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 K`<theoplayer-radio-group ${l0(this._radioGroupRef)} @change="${this._onChange}"><slot></slot></theoplayer-radio-group>`}constructor(...e){super(...e),this._radioGroupRef=(iB(this),lY()),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:[iB],c:[e.PlaybackRateRadioGroup,iS]}=s(t,[[iM,4,"value"],[iO,4,"player"]],[iR,i$],iP)),t.styles=[hW]})(),iL),e.PlaybackRateMenuButton=void 0,iI=ey("theoplayer-playback-rate-menu-button");class dw extends(iD=e.MenuButton){connectedCallback(){super.connectedCallback(),this.hasAttribute(lL.ARIA_LABEL)||this.setAttribute(lL.ARIA_LABEL,"open playback speed menu")}render(){return K`<span part="icon"><slot>${l5('<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.PlaybackRateMenuButton,iN]}=s(dw,[],[iI],iD)),iN();let dx=[.25,.5,1,1.25,1.5,2];e.PlaybackRateMenu=void 0,iq=ey("theoplayer-playback-rate-menu");class dT extends(iU=e.Menu){renderMenuHeading(){return K`<span slot="heading"><slot name="heading">Playback speed</slot></span>`}renderMenuContent(){return K`<theoplayer-playback-rate-radio-group>${dx.map(e=>K`<theoplayer-radio-button value="${e}">${1===e?"Normal":`${e}x`}</theoplayer-radio-button>`)}</theoplayer-playback-rate-radio-group>`}}({c:[e.PlaybackRateMenu,iF]}=s(dT,[],[iq],iU)),iF(),e.PlaybackRateDisplay=void 0,iV=ey("theoplayer-playback-rate-display"),iH=hp(["playbackRate"]),iG=em();var dE=lI("____private_playbackRate_1");class dA extends(ij=ep){get playbackRate(){return lO(this,dE)[dE]}set playbackRate(e){lO(this,dE)[dE]=e}render(){return K`<span>${1===this.playbackRate?"Normal":`${this.playbackRate}x`}</span>`}constructor(...e){super(...e),Object.defineProperty(this,dE,{writable:!0,value:void 0}),lO(this,dE)[dE]=(iW(this),iQ(this,1))}}({e:[iQ,iW],c:[e.PlaybackRateDisplay,iz]}=s(dA,[[iG,1,"playbackRate"]],[iV,iH],ij)),iz(),e.ActiveQualityDisplay=void 0,iK=ey("theoplayer-active-quality-display"),iZ=hp(["activeVideoQuality","targetVideoQualities"]),iX=e_({reflect:!1,attribute:!1}),i0=e_({reflect:!1,attribute:!1});var dC=lI("____private_activeVideoQuality_1"),dL=lI("____private_targetVideoQualities_2");class dR extends(iJ=ep){get activeVideoQuality(){return lO(this,dC)[dC]}set activeVideoQuality(e){lO(this,dC)[dC]=e}get targetVideoQualities(){return lO(this,dL)[dL]}set targetVideoQualities(e){lO(this,dL)[dL]=e}render(){let e,t=void 0!==this.targetVideoQualities&&1===this.targetVideoQualities.length,r=t?this.targetVideoQualities[0]:void 0,i=hJ(null!=r?r:this.activeVideoQuality);return e=t?null!=i?i:"Unknown":`Automatic${i?` (${i})`:""}`,K`<span>${e}</span>`}constructor(...e){super(...e),Object.defineProperty(this,dC,{writable:!0,value:void 0}),Object.defineProperty(this,dL,{writable:!0,value:void 0}),lO(this,dC)[dC]=(i5(this),i1(this,void 0)),lO(this,dL)[dL]=i2(this,void 0)}}({e:[i1,i2,i5],c:[e.ActiveQualityDisplay,iY]}=s(dR,[[iX,1,"activeVideoQuality"],[i0,1,"targetVideoQualities"]],[iK,iZ],iJ)),iY();let d$=["activequalitychanged","targetqualitychanged"],dS=["update"];e.QualityRadioButton=void 0,i3=ey("theoplayer-quality-radio-button"),i7=em(),i6=e_({reflect:!1,attribute:!1}),i9=e_({reflect:!1,attribute:!1});var dP=lI("____private__qualityLabel_1");class dM extends(i8=e.RadioButton){get _qualityLabel(){return lO(this,dP)[dP]}set _qualityLabel(e){lO(this,dP)[dP]=e}get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(d$,this._updateFromTrack),this._track=e,this._updateFromTrack(),e&&e.addEventListener(d$,this._updateFromTrack))}get quality(){return this._quality}set quality(e){this._quality!==e&&(this._quality&&this._quality.removeEventListener(dS,this._updateFromQuality),this._quality=e,this._updateFromTrack(),e&&e.addEventListener(dS,this._updateFromQuality))}handleChange(){this._updateTargetQuality()}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}render(){return K`<slot>${this._qualityLabel}</slot>`}constructor(...e){super(...e),Object.defineProperty(this,dP,{writable:!0,value:void 0}),this._track=void at(this),this._quality=void 0,lO(this,dP)[dP]=ae(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=hJ(this._quality))?e:"Automatic"}}}({e:[ae,at],c:[e.QualityRadioButton,i4]}=s(dM,[[i7,1,"_qualityLabel"],[i6,4,"track"],[i9,4,"quality"]],[i3],i8)),i4();let dO=["addtrack","removetrack","change"];e.QualityRadioGroup=void 0,ai=ey("theoplayer-quality-radio-group"),aa=hp(["player"]),as=em(),al=em(),new(ar=class extends l{constructor(){super(e.QualityRadioGroup),ao()}},(()=>{var t=lI("____private__track_1");class r extends(an=ep){get _track(){return lO(this,t)[t]}set _track(e){lO(this,t)[t]=e}firstUpdated(){this._updateTrack()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._videoTracks)||t.removeEventListener(dO,this._updateTrack),this._player=e,this._videoTracks=null==e?void 0:e.videoTracks,this._updateTrack(),null==(r=this._videoTracks)||r.addEventListener(dO,this._updateTrack))}render(){let e=this._track?this._track.qualities:[];return K`<theoplayer-radio-group @change="${this._onChange}"><theoplayer-quality-radio-button .track="${this._track}" .quality="${void 0}"></theoplayer-quality-radio-button>${1!==e.length&&h0(e,e=>e.uid,e=>K`<theoplayer-quality-radio-button .track="${this._track}" .quality="${e}"></theoplayer-quality-radio-button>`)}</theoplayer-radio-group>`}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(ad(this),ah(this)),this._onChange=()=>{this.dispatchEvent(hA("change",{bubbles:!0}))},this._updateTrack=()=>{var e,t;let r=this._player?ht(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:[ah,ad],c:[e.QualityRadioGroup,ao]}=s(r,[[as,1,"_track"],[al,4,"player"]],[ai,aa],an)),r.styles=[hW]})(),ar),e.TextTrackStyleResetButton=void 0,au=ey("theoplayer-text-track-style-reset-button"),ap=hp(["player"]);class dB extends(ay=e.Button){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 K`<slot>Reset</slot>`}}({c:[e.TextTrackStyleResetButton,ac]}=s(dB,[],[au,ap],ay)),ac(),e.SettingsMenu=void 0,a_=ey("theoplayer-settings-menu"),new(av=class extends l{constructor(){super(e.SettingsMenu),am()}},(()=>{class t extends(ag=e.MenuGroup){render(){return K`<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:[e.SettingsMenu,am]}=s(t,[],[a_],ag)),t.styles=[...e.MenuGroup.styles,h9]})(),av);var dI='<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';e.SettingsMenuButton=void 0,ab=ey("theoplayer-settings-menu-button");class dN extends(ak=e.MenuButton){connectedCallback(){super.connectedCallback(),this.hasAttribute(lL.ARIA_LABEL)||this.setAttribute(lL.ARIA_LABEL,"open settings menu")}render(){return K`<span part="icon"><slot>${l5(dI)}</slot></span>`}}({c:[e.SettingsMenuButton,af]}=s(dN,[],[ab],ak)),af();var dD=y`:host(:not([fullscreen])) [part=exit-icon],:host([fullscreen]) [part=enter-icon]{display:none!important}`;let dq="theoplayerfullscreenenter",dF="theoplayerfullscreenexit";function dU(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,i]of Object.entries(t))r.setProperty(e,i)}(e,t)}e.FullscreenButton=void 0,ax=ey("theoplayer-fullscreen-button"),aT=hp(["fullscreen"]),aC=e_({reflect:!0,type:Boolean,attribute:lL.FULLSCREEN}),new(aw=class extends l{constructor(){super(e.FullscreenButton),aE()}},(()=>{var t=lI("____private_fullscreen_1");class r extends(aA=e.Button){connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get fullscreen(){return lO(this,t)[t]}set fullscreen(e){lO(this,t)[t]=e}handleClick(){if(this.fullscreen){let e=hC(dF,{bubbles:!0,composed:!0});this.dispatchEvent(e)}else{let e=hC(dq,{bubbles:!0,composed:!0});this.dispatchEvent(e)}}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),r.observedAttributes.indexOf(e)>=0&&this._updateAriaLabel()}_updateAriaLabel(){let e=this.fullscreen?"exit fullscreen":"enter fullscreen";this.setAttribute(lL.ARIA_LABEL,e)}render(){return K`<span part="enter-icon"><slot name="enter-icon">${l5('<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">${l5('<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(aR(this),aL(this,!1))}}({e:[aL,aR],c:[e.FullscreenButton,aE]}=s(r,[[aC,1,"fullscreen"]],[ax,aT],aA)),r.styles=[...e.Button.styles,dD]})(),aw);var dV=y`: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 dH{add(e,t,r){if((t=Math.max(t,0))>=(r=Math.min(r,100)))return;let i=hr(this._stops,([,e])=>t<=e);if(i<0)return;let[a,o]=this._stops[i],n=[];if(t>0&&n.push([a,t]),n.push([e,r]),r<o)n.push([a,o]),this._stops.splice(i,1,...n);else{let e=i+1;for(;e<this._stops.length&&!(r<this._stops[e][1]);)e++;this._stops.splice(i,e-i,...n)}}toGradientStops(){let e=[],t=0;for(let[r,i]of this._stops)i<t||(e.push(`${r} ${t}%`),e.push(`${r} ${i}%`),t=i);return e.join(", ")}constructor(){this._stops=[["transparent",100]]}}let dz="important",dj=" !"+dz,dG=lT(class extends lE{render(e){return Object.keys(e).reduce((t,r)=>{let i=e[r];return null==i?t:t+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(e,[t]){let{style:r}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(t)),this.render(t);for(let e of this.ft)null==t[e]&&(this.ft.delete(e),e.includes("-")?r.removeProperty(e):r[e]=null);for(let e in t){let i=t[e];if(null!=i){this.ft.add(e);let t="string"==typeof i&&i.endsWith(dj);e.includes("-")||t?r.setProperty(e,t?i.slice(0,-11):i,t?dz:""):r[e]=i}}return Z}constructor(e){var t;if(super(e),1!==e.type||"style"!==e.name||(null==(t=e.strings)?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}});e.Range=void 0,aS=hp(["deviceType"]),aO=em(),aB=e_({reflect:!0,type:Boolean,attribute:lL.DISABLED}),aI=e_({reflect:!0,type:Boolean,attribute:lL.HIDDEN}),aN=e_({reflect:!0,type:Boolean,attribute:lL.INERT}),aD=e_({reflect:!1,attribute:!1}),aq=e_({reflect:!0,type:Number,attribute:"min"}),aF=e_({reflect:!0,type:Number,attribute:"max"}),aU=e_({reflect:!0,attribute:"step",converter:{fromAttribute:e=>null==e||"any"===e?"any":Number(e)}}),aV=e_({reflect:!0,type:String,attribute:lL.DEVICE_TYPE}),aH=e_({reflect:!0,type:String,attribute:"aria-live"}),new(a$=class extends l{constructor(){super(e.Range),aP()}},(()=>{var t=lI("____private__pointerWidth_1"),r=lI("____private_step_2"),i=lI("____private_deviceType_3"),a=lI("____private_ariaLive_4");class o extends(aM=ep){get _pointerWidth(){return lO(this,t)[t]}set _pointerWidth(e){lO(this,t)[t]=e}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 lO(this,r)[r]}set step(e){lO(this,r)[r]=e}get deviceType(){return lO(this,i)[i]}set deviceType(e){lO(this,i)[i]=e}get ariaLive(){return lO(this,a)[a]}set ariaLive(e){lO(this,a)[a]=e}handleInput(){this._updateRange()}_updateRange(e){this.hidden||(e||this.updateCachedWidths_(),this.updateBar_())}updateBar_(){let e=this.getBarColors().toGradientStops();dU(this,{"--theoplayer-range-track-progress-internal":`linear-gradient(to right, ${e})`})}getBarColors(){let{value:e,min:t,max:r}=this,i=(e-t)/(r-t)*100;isNaN(i)&&(i=0);let a=0;t<e&&e<r&&(a=this._thumbWidth*(.5-i/100)/this._rangeWidth*100);let o=new dH;return o.add("var(--theoplayer-range-bar-color, #fff)",0,i+a),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 i=parseInt(getComputedStyle(this).getPropertyValue("--theoplayer-range-thumb-width")||"10px");i>0&&(this._thumbWidth=i)}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&&l$(e.keyCode)&&(e.keyCode===lR.LEFT||e.keyCode===lR.RIGHT?e.stopPropagation():(e.keyCode===lR.UP||e.keyCode===lR.DOWN)&&e.preventDefault())}render(){return K`<div part="container"><div part="background"></div><div part="pointer" style="${dG({width:`${this._pointerWidth}px`})}"></div><input type="range" ${l0(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 K``}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),this._rangeRef=(aW(this),lY()),this._min=0,this._max=100,this._value=0,this._disabled=!1,this._hidden=!1,this._inert=!1,this._rangeWidth=0,this._thumbWidth=10,lO(this,t)[t]=az(this,0),lO(this,r)[r]=aj(this,"any"),lO(this,i)[i]=aG(this,"desktop"),lO(this,a)[a]=aQ(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(),i=(e.clientX-r.left)/r.width;i=Math.max(0,Math.min(1,i)),this.updatePointer_(i,r)},this._onKeyDown=e=>{this.handleKeyDown_(e)}}}({e:[az,aj,aG,aQ,aW],c:[e.Range,aP]}=s(o,[[aO,1,"_pointerWidth"],[aB,4,"disabled"],[aI,4,"hidden"],[aN,4,"inert"],[aD,4,"value"],[aq,4,"min"],[aF,4,"max"],[aU,1,"step"],[aV,1,"deviceType"],[aH,1,"ariaLive"]],[aS],aM)),o.styles=[dV]})(),a$);var dQ=y`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 dK(e){return"linear"===e.type}var dZ=y`: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 dY=["addtrack","removetrack"];function dJ(e){return"metadata"===e.kind&&"thumbnails"===e.label}e.PreviewThumbnail=void 0,aZ=ey("theoplayer-preview-thumbnail"),aY=hp(["player","previewTime"]),a0=em(),a1=e_({reflect:!1,attribute:!1}),a2=em(),new(aK=class extends l{constructor(){super(e.PreviewThumbnail),aJ()}},(()=>{var t=lI("____private__thumbnailVisible_1");class r extends(aX=ep){get _thumbnailVisible(){return lO(this,t)[t]}set _thumbnailVisible(e){lO(this,t)[t]=e}get player(){return this._player}set player(e){var t,r;this._player!==e&&(null==(t=this._textTrackList)||t.removeEventListener(dY,this._updateThumbnailTextTrack),this._player=e,this._textTrackList=null==e?void 0:e.textTracks,this._updateThumbnailTextTrack(),null==(r=this._textTrackList)||r.addEventListener(dY,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 i of e)if(i.startTime<=t)r=i;else if(t>=i.endTime)break;return r}(e.cues,this._previewTime);if(void 0===t)return void this.hideThumbnail_();let r=t.content.trim(),i=function(e){let t=e.match(/^(.+)#xywh=(\d+),(\d+),(\d+),(\d+)$/);if(!t)return;let[,r,i,a,o,n]=t;return{url:r,x:+i,y:+a,w:+o,h:+n}}(r),a=i?i.url:r;if(a=new URL(a,e.src||location.href).href,this._lastLoadedThumbnailUrl!==a)return void this.loadThumbnailImage_(a);this.showThumbnail_(i)}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,l8)):(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 K`<canvas ${l0(this._canvasRef)} style="${dG(e)}"></canvas>`}constructor(){super(),Object.defineProperty(this,t,{writable:!0,value:void 0}),this._canvasRef=(a3(this),lY()),this._previewTime=NaN,lO(this,t)[t]=a5(this,!1),this._updateThumbnailTextTrack=()=>{let e=this._thumbnailTextTrack,t=this._player?ht(this._player.textTracks,dJ):void 0;e!==t&&(this._thumbnailTextTrack=t,this.updateThumbnail_())},this._thumbnailImageSource=document.createElement("img"),this._thumbnailImageSource.decoding="async"}}({e:[a5,a3],c:[e.PreviewThumbnail,aJ]}=s(r,[[a0,1,"_thumbnailVisible"],[a1,4,"player"],[a2,4,"previewTime"]],[aZ,aY],aX)),r.styles=[dZ]})(),aK);let dX=["timeupdate","seeking","seeked","durationchange"];e.PreviewTimeDisplay=void 0,a8=ey("theoplayer-preview-time-display"),a7=hp(["player","previewTime","streamType"]),oe=em(),ot=e_({reflect:!0,type:Boolean,attribute:lL.REMAINING}),or=e_({reflect:!0,type:Boolean,attribute:lL.REMAINING_WHEN_LIVE}),oi=e_({reflect:!0,type:String,attribute:lL.STREAM_TYPE}),oa=e_({reflect:!1,attribute:!1}),oo=em(),new(a4=class extends l{constructor(){super(e.PreviewTimeDisplay),a6()}},(()=>{var t=lI("____private_previewTime_1"),r=lI("____private_remaining_2"),i=lI("____private_remainingWhenLive_3"),a=lI("____private_streamType_4"),o=lI("____private__endTime_5");class n extends(a9=ep){connectedCallback(){super.connectedCallback(),this._updateFromPlayer()}get previewTime(){return lO(this,t)[t]}set previewTime(e){lO(this,t)[t]=e}get remaining(){return lO(this,r)[r]}set remaining(e){lO(this,r)[r]=e}get remainingWhenLive(){return lO(this,i)[i]}set remainingWhenLive(e){lO(this,i)[i]=e}get streamType(){return lO(this,a)[a]}set streamType(e){lO(this,a)[a]=e}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(dX,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(dX,this._updateFromPlayer))}get _endTime(){return lO(this,o)[o]}set _endTime(e){lO(this,o)[o]=e}render(){let e=this.previewTime,t=this._endTime,r=this.remaining||this.remainingWhenLive&&"vod"!==this.streamType;return r&&(e=-((t||0)-e)),K`<span>${hf(e,t,r)}</span>`}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),Object.defineProperty(this,o,{writable:!0,value:void 0}),lO(this,t)[t]=(ou(this),on(this,NaN)),lO(this,r)[r]=os(this,!1),lO(this,i)[i]=ol(this,!1),lO(this,a)[a]=oh(this,"vod"),lO(this,o)[o]=od(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:[on,os,ol,oh,od,ou],c:[e.PreviewTimeDisplay,a6]}=s(n,[[oe,1,"previewTime"],[ot,1,"remaining"],[or,1,"remainingWhenLive"],[oi,1,"streamType"],[oa,4,"player"],[oo,1,"_endTime"]],[a8,a7],a9)),n.styles=[hg]})(),a4);let d0=["timeupdate","durationchange","ratechange","seeking","seeked"],d1=["play","pause","ended","durationchange","readystatechange","error"],d2=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];e.TimeRange=void 0,oc=ey("theoplayer-time-range"),oy=hp(["player","streamType","deviceType"]),om=e_({reflect:!1,attribute:!1}),og=e_({reflect:!0,type:String,attribute:lL.STREAM_TYPE}),ob=e_({reflect:!0,type:Boolean,attribute:lL.SHOW_AD_MARKERS}),of=em(),new(op=class extends l{constructor(){super(e.TimeRange),ov()}},(()=>{var t,r=lI("____private__previewRailTransform_1");class i extends(o_=e.Range){connectedCallback(){super.connectedCallback(),this.hasAttribute("min")||(this.min=0),this.hasAttribute("max")||(this.max=1e3),this.hasAttribute(lL.ARIA_LIVE)||(this.ariaLive="off"),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(d0,this._updateFromPlayer),this._player.removeEventListener(d1,this._toggleAutoAdvance)),null==(t=this._ads)||t.removeEventListener(d2,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),this._toggleAutoAdvance(),void 0!==this._player&&(this._player.addEventListener(d0,this._updateFromPlayer),this._player.addEventListener(d1,this._toggleAutoAdvance)),null==(r=this._ads)||r.addEventListener(d2,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_(e=null==(t=this._player)?void 0:t.seekable){let r="live"===this.streamType;void 0!==e&&(r||(r=0===e.length)),this.disabled=r}getAriaLabel(){return"seek"}getAriaValueText(){let e=hx(this.value),t=hx(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 lO(this,r)[r]}set _previewRailTransform(e){lO(this,r)[r]=e}updatePointer_(e,t){super.updatePointer_(e,t);let r=t.left+e*t.width,i=this._previewBoxEl.value;if(i){let e=i.getBoundingClientRect(),a=((r=Math.max(t.left+e.width/2,Math.min(t.right-e.width/2,r)))-t.left)/t.width;this._previewRailTransform=`translateX(${(100*a*100).toFixed(6)}%)`}if(void 0===this._player)return;let{min:a,max:o}=this,n=hC(dW,{bubbles:!0,composed:!0,detail:{previewTime:a+e*(o-a)}});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 i of this._player.ads.scheduledAdBreaks){if(void 0!==i.ads&&i.ads.length>0&&!i.ads.some(dK))continue;let a=i.timeOffset;if(a<0&&(a=this._player.duration),t<=a&&a<=r){let i,o,n=(a-t)/(r-t)*100;n+1<100?(i=n,o=n+1):(i=99,o=100),e.add("var(--theoplayer-time-range-ad-marker-color, #ffc50f)",i,o)}}return e}handleKeyDown_(e){super.handleKeyDown_(e),"tv"===this.deviceType&&e.keyCode===lR.ENTER&&void 0!==this._player&&(this._player.paused?this._player.play():this._player.pause())}renderRangeExtras(){return K`<div class="theoplayer-time-range-preview-rail" style="${dG({transform:this._previewRailTransform})}"><div part="box preview-box" ${l0(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,r,{writable:!0,value:void 0}),this._previewBoxEl=(ow(this),lY()),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,i=this._lastCurrentTime;0!==r.length?(e=r.start(0),t=r.end(0)):(e=0,t=this._player.duration),isFinite(this._lastCurrentTime)||(i=this._player.duration===1/0?t:e),this.min=e,this.max=t,this.value=i,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)},lO(this,r)[r]=ok(this,""),this._onAdChange=()=>{this._updateRange()}}}({e:[ok,ow],c:[e.TimeRange,ov]}=s(i,[[om,4,"player"],[og,4,"streamType"],[ob,4,"showAdMarkers"],[of,1,"_previewRailTransform"]],[oc,oy],o_)),i.styles=[...e.Range.styles,dQ]})(),op),e.VolumeRange=void 0,ox=ey("theoplayer-volume-range"),oT=hp(["player","deviceType"]),oC=e_({reflect:!1,attribute:!1});class d5 extends(oA=e.Range){connectedCallback(){super.connectedCallback(),this.hasAttribute("min")||(this.min=0),this.hasAttribute("max")||(this.max=1)}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)})}}({e:[oL],c:[e.VolumeRange,oE]}=s(d5,[[oC,4,"player"]],[ox,oT],oA)),oE();var d3=y`: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}`;e.ErrorDisplay=void 0,o$=ey("theoplayer-error-display"),oS=hp(["error","fullscreen"]),oO=e_({reflect:!1,attribute:!1}),oB=e_({reflect:!0,type:Boolean,attribute:lL.FULLSCREEN}),new(oR=class extends l{constructor(){super(e.ErrorDisplay),oP()}},(()=>{var t=lI("____private_error_1"),r=lI("____private_fullscreen_2");class i extends(oM=ep){get error(){return lO(this,t)[t]}set error(e){lO(this,t)[t]=e}get fullscreen(){return lO(this,r)[r]}set fullscreen(e){lO(this,r)[r]=e}render(){var e,t;return K`<div part="icon"><slot name="icon">${l5('<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),lO(this,t)[t]=(oD(this),oI(this)),lO(this,r)[r]=oN(this,!1)}}({e:[oI,oN,oD],c:[e.ErrorDisplay,oP]}=s(i,[[oO,1,"error"],[oB,1,"fullscreen"]],[o$,oS],oM)),i.styles=[d3],i.shadowRootOptions={...ep.shadowRootOptions,delegatesFocus:!0}})(),oR),oq=em(),oF=e_({reflect:!0,state:!0,type:String,attribute:lL.CAST_STATE});class d4 extends e.Button{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=(oU(this),"unavailable"),this._updateCastState=()=>{this.castState=this._castApi?this._castApi.state:"unavailable"}}}({e:[oU]}=s(d4,[[oq,4,"castApi"],[oF,4,"castState"]],[]));var d8=y`: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 d7=0;e.ChromecastButton=void 0,oH=ey("theoplayer-chromecast-button"),oz=hp(["player"]),new(oV=class extends l{constructor(){super(e.ChromecastButton),oj()}},(()=>{class t extends(oG=d4){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(e,r,i){super.attributeChangedCallback(e,r,i),t.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(lL.ARIA_LABEL,e)}render(){let e;return e=this._buttonId,K`<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=++d7}}({c:[e.ChromecastButton,oj]}=s(t,[],[oH,oz],oG)),t.styles=[...d4.styles,d8]})(),oV);var d6=y`: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 d9=["statechange"];e.ChromecastDisplay=void 0,oW=ey("theoplayer-chromecast-display"),oK=hp(["player"]),oJ=em(),new(oQ=class extends l{constructor(){super(e.ChromecastDisplay),oZ()}},(()=>{var t=lI("____private__receiverName_1");class r extends(oY=ep){get _receiverName(){return lO(this,t)[t]}set _receiverName(e){lO(this,t)[t]=e}connectedCallback(){super.connectedCallback(),this.hasAttribute(lL.HIDDEN)||this.setAttribute(lL.HIDDEN,""),this._updateFromPlayer()}get player(){return this._player}set player(e){var t;this._player!==e&&(void 0!==this._castApi&&this._castApi.removeEventListener(d9,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(d9,this._updateFromPlayer))}render(){return K`<div part="icon"><slot name="icon">${l5('<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(o0(this),oX(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(lL.HIDDEN,""):(this._receiverName=r.receiverName||"Chromecast",this.removeAttribute(lL.HIDDEN))}}}({e:[oX,o0],c:[e.ChromecastDisplay,oZ]}=s(r,[[oJ,1,"_receiverName"]],[oW,oK],oY)),r.styles=[d6]})(),oQ);var ue=K`<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>`,ut=y`: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}`;e.AirPlayButton=void 0,o2=ey("theoplayer-airplay-button"),o5=hp(["player"]),new(o1=class extends l{constructor(){super(e.AirPlayButton),o3()}},(()=>{class t extends(o4=d4){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(e,r,i){super.attributeChangedCallback(e,r,i),t.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(lL.ARIA_LABEL,e)}render(){return ue}}({c:[e.AirPlayButton,o3]}=s(t,[],[o2,o5],o4)),t.styles=[...d4.styles,ut]})(),o1);var ur=y`: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)}}`,ui=K`<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 ua=["readystatechange","play","pause","playing","seeking","seeked"];e.LoadingIndicator=void 0,o7=ey("theoplayer-loading-indicator"),o6=hp(["player"]),nt=e_({reflect:!1,attribute:!1}),nr=e_({reflect:!0,type:Boolean,attribute:lL.LOADING}),new(o8=class extends l{constructor(){super(e.LoadingIndicator),o9()}},(()=>{var t=lI("____private_loading_1");class r extends(ne=ep){get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(ua,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(ua,this._updateFromPlayer))}get loading(){return lO(this,t)[t]}set loading(e){lO(this,t)[t]=e}render(){return ui}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(na(this),ni(this,!1)),this._updateFromPlayer=()=>{this.loading=void 0!==this._player&&!this._player.paused&&(this._player.seeking||this._player.readyState<3)}}}({e:[ni,na],c:[e.LoadingIndicator,o9]}=s(r,[[nt,4,"player"],[nr,1,"loading"]],[o7,o6],ne)),r.styles=[ur]})(),o8);var uo=y`:host{box-sizing:border-box;display:inline-block;pointer-events:none!important}`;e.GestureReceiver=void 0,nn=ey("theoplayer-gesture-receiver"),ns=hp(["player","deviceType"]),nd=e_({reflect:!1,attribute:!1}),nu=e_({reflect:!1,attribute:!1}),new(no=class extends l{constructor(){super(e.GestureReceiver),nl()}},(()=>{var t=lI("____private_deviceType_1");class r extends(nh=ep){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 lO(this,t)[t]}set deviceType(e){lO(this,t)[t]=e}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 K``}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),this._pointerType=(nc(this),""),lO(this,t)[t]=np(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:[np,nc],c:[e.GestureReceiver,nl]}=s(r,[[nd,4,"player"],[nu,1,"deviceType"]],[nn,ns],nh)),r.styles=[uo]})(),no);var un=y`[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 us=["play","pause","playing","emptied"],ul=["seeking","seeked","timeupdate","durationchange","emptied"];e.LiveButton=void 0,nv=ey("theoplayer-live-button"),n_=hp(["player","streamType"]),nb=e_({reflect:!0,type:Boolean,attribute:lL.PAUSED}),nf=e_({reflect:!0,type:String,attribute:lL.STREAM_TYPE}),nk=e_({reflect:!0,type:Number,attribute:lL.LIVE_THRESHOLD,useDefault:!0}),nw=e_({reflect:!0,type:Boolean,attribute:lL.LIVE}),nx=e_({reflect:!1,attribute:!1}),new(ny=class extends l{constructor(){super(e.LiveButton),nm()}},(()=>{var t=lI("____private_paused_1"),r=lI("____private_streamType_2"),i=lI("____private_live_3");class a extends(ng=e.Button){connectedCallback(){super.connectedCallback(),this.hasAttribute(lL.ARIA_LABEL)||this.setAttribute(lL.ARIA_LABEL,"seek to live")}get paused(){return lO(this,t)[t]}set paused(e){lO(this,t)[t]=e}get streamType(){return lO(this,r)[r]}set streamType(e){lO(this,r)[r]=e}get liveThreshold(){return this._liveThreshold}set liveThreshold(e){this._liveThreshold=isNaN(e)?0:e,this._updateLive()}get live(){return lO(this,i)[i]}set live(e){lO(this,i)[i]=e}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(us,this._updatePaused),this._player.removeEventListener(ul,this._updateLive)),this._player=e,this._updatePaused(),this._updateLive(),void 0!==this._player&&(this._player.addEventListener(us,this._updatePaused),this._player.addEventListener(ul,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 K`<span part="icon"><slot name="icon">${l5('<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),this._liveThreshold=(nC(this),10),lO(this,t)[t]=nT(this,!1),lO(this,r)[r]=nE(this,"vod"),lO(this,i)[i]=nA(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:[nT,nE,nA,nC],c:[e.LiveButton,nm]}=s(a,[[nb,1,"paused"],[nf,1,"streamType"],[nk,4,"liveThreshold"],[nw,1,"live"],[nx,4,"player"]],[nv,n_],ng)),a.styles=[...e.Button.styles,un]})(),ny);var uh=y`: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 ud=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];e.AdDisplay=void 0,nR=ey("theoplayer-ad-display"),n$=hp(["player"]),nM=em(),nO=e_({reflect:!1,attribute:!1}),new(nL=class extends l{constructor(){super(e.AdDisplay),nS()}},(()=>{var t=lI("____private__text_1");class r extends(nP=ep){get _text(){return lO(this,t)[t]}set _text(e){lO(this,t)[t]=e}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(ud,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(ud,this._updateFromPlayer))}render(){return K`<span>${this._text}</span>`}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(nI(this),nB(this,"")),this._updateFromPlayer=()=>{var e,t,r;let i=null==(e=this._player)?void 0:e.ads,a=(null!=(r=null==i||null==(t=i.currentAdBreak)?void 0:t.ads)?r:[]).filter(dK);if(void 0===i||!i.playing||0===a.length){this._text="",this.style.display="none";return}if(a.length>1){let e=ht(this._player.ads.currentAds||[],dK);if(e){let t=a.indexOf(e);if(t>=0){this._text=`Ad ${t+1} of ${a.length}`,this.style.display="";return}}}this._text="Ad",this.style.display=""}}}({e:[nB,nI],c:[e.AdDisplay,nS]}=s(r,[[nM,1,"_text"],[nO,4,"player"]],[nR,n$],nP)),r.styles=[hg,uh]})(),nL);var uu=y`:host{pointer-events:none}`;let up=["adbreakbegin","adbreakend","adbreakchange","updateadbreak"];e.AdCountdown=void 0,nD=ey("theoplayer-ad-countdown"),nq=hp(["player"]),nV=em(),nH=e_({reflect:!1,attribute:!1}),new(nN=class extends l{constructor(){super(e.AdCountdown),nF()}},(()=>{var t=lI("____private__maxRemainingDuration_1");class r extends(nU=ep){get _maxRemainingDuration(){return lO(this,t)[t]}set _maxRemainingDuration(e){lO(this,t)[t]=e}get player(){return this._player}set player(e){var t,r,i;this._player!==e&&(null==(t=this._player)||t.removeEventListener("timeupdate",this._update),null==(r=this._ads)||r.removeEventListener(up,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(i=this._ads)||i.addEventListener(up,this._onAdChange))}render(){return K`<span>Content will resume in ${this._maxRemainingDuration}s</span>`}constructor(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(nj(this),nz(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,i=null==r||null==(t=r.currentAdBreak)?void 0:t.maxRemainingDuration;void 0===r||!r.playing||void 0===i||i<0?(this._maxRemainingDuration=0,this.style.display="none"):(this._maxRemainingDuration=Math.ceil(i),this.style.display="")}}}({e:[nz,nj],c:[e.AdCountdown,nF]}=s(r,[[nV,1,"_maxRemainingDuration"],[nH,4,"player"]],[nD,nq],nU)),r.styles=[hg,uu]})(),nN);let uc=["adbegin","adend","adloaded","updatead","adskip"];e.AdClickThroughButton=void 0,nG=ey("theoplayer-ad-clickthrough-button"),nQ=hp(["player"]),nZ=e_({reflect:!0,type:String,attribute:lL.CLICKTHROUGH}),nY=e_({reflect:!1,attribute:!1});class uy extends(nK=e.LinkButton){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(uc,this._updateFromPlayer),this._player=e,this._ads=null==e?void 0:e.ads,this._updateFromPlayer(),null==(r=this._ads)||r.addEventListener(uc,this._updateFromPlayer))}handleClick(){var e;null==(e=this._player)||e.pause()}renderLinkContent(){return K`<slot>Visit Advertiser</slot>`}constructor(){super(),this._clickThrough=(nJ(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 i=ht(null!=(t=r.currentAds)?t:[],dK);if(void 0===i||"google-ima"===i.integration){this.clickThrough=null;return}let a=i.clickThrough;if(!a){this.clickThrough=null;return}this.clickThrough=a}}}({e:[nJ],c:[e.AdClickThroughButton,nW]}=s(uy,[[nZ,4,"clickThrough"],[nY,4,"player"]],[nG,nQ],nK)),nW();var uv=y`: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 u_=["adbegin","adend","adloaded","updatead","adskip"];e.AdSkipButton=void 0,n0=ey("theoplayer-ad-skip-button"),n1=hp(["player"]),n3=em(),n4=em(),n8=e_({reflect:!1,attribute:!1}),new(nX=class extends l{constructor(){super(e.AdSkipButton),n2()}},(()=>{var t=lI("____private__showCountdown_1"),r=lI("____private__timeToSkip_2");class i extends(n5=e.Button){get _showCountdown(){return lO(this,t)[t]}set _showCountdown(e){lO(this,t)[t]=e}get _timeToSkip(){return lO(this,r)[r]}set _timeToSkip(e){lO(this,r)[r]=e}connectedCallback(){super.connectedCallback(),this._update()}get player(){return this._player}set player(e){var t,r,i;this._player!==e&&(null==(t=this._player)||t.removeEventListener("timeupdate",this._update),null==(r=this._ads)||r.removeEventListener(u_,this._onAdChange),this._player=e,this._ads=null==e?void 0:e.ads,this._onAdChange(),null==(i=this._ads)||i.addEventListener(u_,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 K`<span part="countdown" style="${dG(e)}">Skip in ${this._timeToSkip} seconds</span> <span part="skip" style="${dG(t)}"><span part="skip-text"><slot name="skip-text">Skip Ad</slot></span><span part="skip-icon"><slot name="skip-icon">${l5('<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),lO(this,t)[t]=(n9(this),n7(this,!1)),lO(this,r)[r]=n6(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 i=ht(null!=(t=r.currentAds)?t:[],dK);if(void 0===i||"google-ima"===i.integration){this.style.display="none";return}let a=i.skipOffset;if(void 0===a||a<0||void 0!==i.duration&&a>=i.duration){this.style.display="none";return}let o=this._player.currentTime;o<a?(this._showCountdown=!0,this._timeToSkip=Math.ceil(a-o),this.style.display="",this.setAttribute(lL.DISABLED,""),this.setAttribute(lL.ARIA_LIVE,"off")):(this._showCountdown=!1,this.style.display="",this.removeAttribute(lL.DISABLED),this.setAttribute(lL.ARIA_LIVE,"polite"))}}}({e:[n7,n6,n9],c:[e.AdSkipButton,n2]}=s(i,[[n3,1,"_showCountdown"],[n4,1,"_timeToSkip"],[n8,4,"player"]],[n0,n1],n5)),i.styles=[...e.Button.styles,uv]})(),nX);var um=((ek={}).TopControlBar="top-control-bar",ek.BottomControlBar="bottom-control-bar",ek.Menu="menu",ek);let ug=[];var ub=y`:host{aspect-ratio:16/9;aspect-ratio:var(--theoplayer-aspect-ratio,16/9);background:#000;background:var(--theoplayer-background,#000);box-sizing:border-box;container-name:theoplayer-ui-container;container-type:size;display:inline-block;height:var(--theoplayer-height);min-width:300px;min-width:var(--theoplayer-min-width,300px);position:relative}@supports not (aspect-ratio:1){:host{height:0;height:var(--theoplayer-height,calc((var(--theoplayer-aspect-ratio, 16 / 9))*0));padding-bottom:56.25%;padding-bottom:calc(100%/(var(--theoplayer-aspect-ratio, 16 / 9)))}}: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 uf=(()=>{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 uk(){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 uw(){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 ux="theoplayeruseridlechange",uT="theoplayerready";var uE=y`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 uA="theoplayer-ui-global-styles",uC=!1,uL="theoplayer-ui-full-window";function uR(e){let t;for(let r of hs(e).filter(l6))if("0"!==getComputedStyle(r).opacity){let e=h$.fromRect(r.getBoundingClientRect());e.width>0&&e.height>0&&(t=t?t.union(e):e)}return t}e.UIContainer=void 0,st=ey("theoplayer-ui"),sa=e_({reflect:!1,attribute:lL.CONFIGURATION,converter:{fromAttribute:e=>e?JSON.parse(e):{}}}),so=e_({reflect:!1,attribute:lL.SOURCE,converter:{fromAttribute:e=>e?JSON.parse(e):void 0}}),sn=e_({reflect:!0,type:Boolean,attribute:lL.FLUID}),ss=e_({reflect:!0,type:Boolean,attribute:lL.MUTED}),sl=e_({reflect:!0,type:Boolean,attribute:lL.AUTOPLAY}),sh=e_({reflect:!0,type:Boolean,attribute:lL.FULLSCREEN}),sd=e_({reflect:!0,type:Boolean,attribute:lL.PAUSED}),su=e_({reflect:!0,type:Boolean,attribute:lL.ENDED}),sp=e_({reflect:!0,type:Boolean,attribute:lL.CASTING}),sc=e_({reflect:!0,type:Boolean,attribute:lL.USER_IDLE}),sy=e_({reflect:!0,type:Number,attribute:lL.USER_IDLE_TIMEOUT,useDefault:!0}),sv=e_({reflect:!0,type:String,attribute:lL.DEVICE_TYPE}),s_=e_({reflect:!0,type:String,attribute:lL.STREAM_TYPE}),sm=e_({reflect:!0,type:Number,attribute:lL.DVR_THRESHOLD,useDefault:!0}),sg=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.HAS_FIRST_PLAY}),sb=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.PLAYING_AD}),sf=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.HAS_ERROR}),sk=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.FULLWINDOW}),sw=e_({reflect:!0,state:!0,type:Boolean,attribute:lL.MENU_OPENED}),new(se=class extends l{constructor(){super(e.UIContainer),sr()}},(()=>{var r=lI("____private__hasFirstPlay_1"),i=lI("____private__isPlayingAd_2"),a=lI("____private__hasError_3"),o=lI("____private__isFullWindow_4");class n extends(si=ep){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[hd].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(hC(ux)))}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,ho(this,lL.MOBILE,"mobile"===e),ho(this,lL.TV,"tv"===e),window.removeEventListener("keydown",this._onTvKeyDown),"tv"===e&&window.addEventListener("keydown",this._onTvKeyDown),this._stateReceivers))t[hd].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[hd].indexOf("streamType")>=0&&(t.streamType=e);let t=hC("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 lO(this,r)[r]}set _hasFirstPlay(e){lO(this,r)[r]=e}get _isPlayingAd(){return lO(this,i)[i]}set _isPlayingAd(e){lO(this,i)[i]=e}get _hasError(){return lO(this,a)[a]}set _hasError(e){lO(this,a)[a]=e}get _isFullWindow(){return lO(this,o)[o]}set _isFullWindow(e){lO(this,o)[o]=e}connectedCallback(){var e,t;if(super.connectedCallback(),!uC){if(d)document.adoptedStyleSheets.push(uE.styleSheet);else if(!document.getElementById(uA)){let e=document.createElement("style");e.id=uA;let r=window.litNonce;void 0!==r&&e.setAttribute("nonce",r),t=uE.cssText,void 0===e.textContent?e.innerText=t:e.textContent=t,document.head.appendChild(e)}uC=!0}for(let e of(this.hasAttribute(lL.DEVICE_TYPE)||(this.deviceType=uk()?"mobile":uw()?"tv":"desktop"),this.hasAttribute(lL.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!==uf&&(document.addEventListener(uf.fullscreenchange_,this._onFullscreenChange),document.addEventListener(uf.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 t.ChromelessPlayer(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(hC(uT)))}createRenderRoot(){let e=super.createRenderRoot();return e.addEventListener(hF,this._onToggleMenu),e.addEventListener(dq,this._onEnterFullscreen),e.addEventListener(dF,this._onExitFullscreen),e.addEventListener(dW,this._onPreviewTimeChange),e}firstUpdated(){!this._menuGroupRef.value||this._menuGroupRef instanceof e.MenuGroup||customElements.upgrade(this._menuGroupRef.value),this.tryInitializePlayer_(),this._playerRef.value&&hc(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!==uf&&(document.removeEventListener(uf.fullscreenchange_,this._onFullscreenChange),document.removeEventListener(uf.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[hd];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=hY(this._activeVideoTrack))}t.indexOf("previewTime")>=0&&(e.previewTime=this._previewTime)}propagatePlayerToAllReceivers_(){for(let e of this._stateReceivers)e[hd].indexOf("player")>=0&&(e.player=this._player)}removeStateFromReceiver_(e){e[hd].indexOf("player")>=0&&(e.player=void 0)}get menuOpened_(){return this._menuOpened}set menuOpened_(e){this._menuOpened!==e&&(this._menuOpened=e,ho(this,lL.MENU_OPENED,e))}openMenu_(e,t){let r=h$.fromRect(this._topChromeRef.value.getBoundingClientRect()),i=h$.fromRect(this._bottomChromeRef.value.getBoundingClientRect()),a=!0,o=!0;if(void 0!==t){let e=h$.fromRect(this.getBoundingClientRect()),r=h$.fromRect(t.getBoundingClientRect());e.width>0&&e.height>0&&(a=r.top>=e.top+e.height/2,o=r.left>=e.left+e.width/2)}this._menuGroupRef.value.openMenu(e,t),this._menuOpener=t,dU(this,{"--theoplayer-menu-offset-top":`${Math.round(r.height)}px`,"--theoplayer-menu-offset-bottom":`${Math.round(i.height)}px`,"--theoplayer-menu-margin-top":a?"auto":"0","--theoplayer-menu-margin-bottom":a?"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 i=this.source,a=null!=(t=null==i?void 0:i.streamType)?t:this.getAttribute(lL.STREAM_TYPE),o=null==(e=this._player)?void 0:e.duration;if(void 0===o||isNaN(o))return a||((null==i?void 0:i.dvr)?"dvr":"vod");if(o!==1/0)return"vod";if("live"===a||"dvr"===a)return a;{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,i;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==(i=e.ads)||i.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,i;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==(i=e.ads)||i.removeEventListener(["adbreakbegin","adbreakend","adbegin","adend","adskip"],this._updatePlayingAd)}catch{}}render(){return K`<div part="layer media-layer" ${l0(this._playerRef)}></div><div part="layer gesture-layer"><theoplayer-gesture-receiver></theoplayer-gesture-receiver></div><div part="layer vertical-layer"><div part="top chrome" ${l0(this._topChromeRef)}><slot name="top-chrome" ${l0(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" ${l0(this._bottomChromeRef)}><slot ${l0(this._bottomChromeSlotRef)} @transitionstart="${this._onChromeSlotTransition}" @transitionend="${this._onChromeSlotTransition}"></slot></div></div><div part="layer menu-layer" ${l0(this._menuRef)}><theoplayer-menu-group ${l0(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(e={}){super(),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),Object.defineProperty(this,o,{writable:!0,value:void 0}),this._configuration=(sC(this),{}),this._playerRef=lY(),this._menuRef=lY(),this._menuGroupRef=lY(),this._menuOpened=!1,this._topChromeRef=lY(),this._topChromeSlotRef=lY(),this._bottomChromeRef=lY(),this._bottomChromeSlotRef=lY(),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,lO(this,r)[r]=sx(this,!1),lO(this,i)[i]=sT(this,!1),lO(this,a)[a]=sE(this,!1),lO(this,o)[o]=sA(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:i}=r;for(let r=0;r<e.length;r++){let i=e[r];l7(i)&&hc(i,t,this.registerStateReceiver_)}for(let e=0;e<i.length;e++){let r=i[e];l7(r)&&hc(r,t,this.unregisterStateReceiver_)}}}},this._onSlotChange=()=>{this._playerRef.value&&hc(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,i;let a=e.indexOf(t);return!(a<0)&&(r=e,i=a,r.splice(i,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 i=l6(e.target)?e.target:void 0;r.isMenuOpen(t)?this.closeMenu_():(this.closeMenu_(),this.openMenu_(t,i))},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(),uf&&document[uf.fullscreenEnabled_]&&this[uf.requestFullscreen_]){var t,r;let e=this[uf.requestFullscreen_]({navigationUI:"hide",...null==(r=this._configuration)||null==(t=r.ui)?void 0:t.fullscreenOptions});e&&e.then&&e.then(l8,l8)}else this._player&&this._player.presentation.supportsMode("fullscreen")?this._player.presentation.requestMode("fullscreen"):this._isFullWindow||(this._isFullWindow=!0,document.documentElement.classList.add(uL),window.addEventListener("keydown",this._exitFullscreenOnEsc),this._onFullscreenChange())},this._onExitFullscreen=e=>{if(e.stopPropagation(),uf){let e=document[uf.exitFullscreen_]();e&&e.then&&e.then(l8,l8)}this._player&&"fullscreen"===this._player.presentation.currentMode&&this._player.presentation.requestMode("inline"),this._isFullWindow&&(this._isFullWindow=!1,document.documentElement.classList.remove(uL),window.removeEventListener("keydown",this._exitFullscreenOnEsc),this._onFullscreenChange())},this._onFullscreenChange=()=>{let e=!1;if(void 0!==uf){let t=document[uf.fullscreenElement_];t&&(e=function e(t,r){if(!t||!r)return!1;if(t.contains(r))return!0;let i=r.getRootNode();return!!i.host&&e(t,i.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==lR.ESCAPE&&this._onExitFullscreen(e)},this._updateAspectRatio=()=>{if(void 0===this._player)return;let{videoWidth:e,videoHeight:t}=this._player;e>0&&t>0?dU(this,{"--theoplayer-video-width":`${e}`,"--theoplayer-video-height":`${t}`}):dU(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[hd].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[hd].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=ht(this._player.videoTracks,e=>e.enabled);if(this._activeVideoTrack!==e){var t,r,i,a;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==(i=this._activeVideoTrack)||i.addEventListener("activequalitychanged",this._updateActiveVideoQuality),null==(a=this._activeVideoTrack)||a.addEventListener("targetqualitychanged",this._updateTargetVideoQualities)}},this._updateActiveVideoQuality=()=>{var e;let t=null==(e=this._activeVideoTrack)?void 0:e.activeQuality;for(let e of this._stateReceivers)e[hd].indexOf("activeVideoQuality")>=0&&(e.activeVideoQuality=t)},this._updateTargetVideoQualities=()=>{let e=hY(this._activeVideoTrack);for(let t of this._stateReceivers)t[hd].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=hS();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(lS(e.keyCode))return void this.setUserIdle_();let t=function e(t){if(!l6(t)||"none"===getComputedStyle(t).display)return;if(null!==t.getAttribute(lL.TV_FOCUS))return hl(t);let r=hn(t);for(let t=0;t<r.length;t++){let i=e(r[t]);if(i)return i}}(this),r=hl(this),i=hS();if(!i){let e=null!=t?t:r;e.length>0&&(e[0].focus(),i=e[0])}!this.isUserIdle_()&&(e.keyCode===lR.ENTER?null!==i&&(e.preventDefault(),i.click()):l$(e.keyCode)&&hP(this,r,e.keyCode)&&(e.preventDefault(),e.stopPropagation()))},this._onKeyUp=e=>{lS(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&&uR(this._topChromeSlotRef.value),r=this._bottomChromeSlotRef.value&&uR(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[hd].indexOf("previewTime")>=0&&(t.previewTime=this._previewTime)},this._onDestroy=()=>{this._player&&(this.removePlayerListeners_(this._player),this._player=void 0,this.propagatePlayerToAllReceivers_())},this._configuration=e,this._mutationObserver=new MutationObserver(this._onMutation),"undefined"!=typeof ResizeObserver&&(this._resizeObserver=new ResizeObserver(this._updateTextTrackMargins)),this.tryInitializePlayer_()}}({e:[sx,sT,sE,sA,sC],c:[e.UIContainer,sr]}=s(n,[[sa,4,"configuration"],[so,4,"source"],[sn,4,"fluid"],[ss,4,"muted"],[sl,4,"autoplay"],[sh,4,"fullscreen"],[sd,4,"paused"],[su,4,"ended"],[sp,4,"casting"],[sc,4,"userIdle"],[sy,4,"userIdleTimeout"],[sv,4,"deviceType"],[s_,4,"streamType"],[sm,4,"dvrThreshold"],[sg,1,"_hasFirstPlay"],[sb,1,"_isPlayingAd"],[sf,1,"_hasError"],[sk,1,"_isFullWindow"],[sw,4,"menuOpened_"]],[st],si)),n.styles=[ub],n.shadowRootOptions={...ep.shadowRootOptions,delegatesFocus:!0},n.READY_EVENT=uT})(),se);var u$=y`: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)}`;e.DefaultUI=void 0,sR=ey("theoplayer-default-ui"),sP=em(),ew={slot:"title",flatten:!0},sM=(e,t)=>{let{slot:r}=null!=ew?ew:{},i="slot"+(r?`[name=${r}]`:":not([name])");return eg(e,t,{get(){var e,t;let r=null==(e=this.renderRoot)?void 0:e.querySelector(i);return null!=(t=null==r?void 0:r.assignedNodes(ew))?t:[]}})},sO=e_({reflect:!1,attribute:lL.CONFIGURATION,converter:{fromAttribute:e=>e?JSON.parse(e):{}}}),sB=e_({reflect:!1,attribute:lL.SOURCE,converter:{fromAttribute:e=>e?JSON.parse(e):void 0}}),sI=e_({reflect:!0,type:Boolean,attribute:lL.FLUID}),sN=e_({reflect:!0,type:Boolean,attribute:lL.MUTED}),sD=e_({reflect:!0,type:Boolean,attribute:lL.AUTOPLAY}),sq=e_({reflect:!0,type:String,attribute:lL.STREAM_TYPE}),sF=e_({reflect:!0,type:Number,attribute:lL.USER_IDLE_TIMEOUT,useDefault:!0}),sU=e_({reflect:!0,type:String,attribute:lL.DEVICE_TYPE}),sV=e_({reflect:!0,type:Number,attribute:lL.DVR_THRESHOLD,useDefault:!0}),sH=em(),new(sL=class extends l{constructor(){super(e.DefaultUI),s$()}},(()=>{var t=lI("____private__timeRangeInert_1"),r=lI("____private_titleSlotNodes_2"),i=lI("____private_fluid_3"),a=lI("____private_muted_4"),o=lI("____private_autoplay_5"),n=lI("____private_streamType_6"),l=lI("____private__hasTitle_7");class h extends(sS=ep){get _timeRangeInert(){return lO(this,t)[t]}set _timeRangeInert(e){lO(this,t)[t]=e}get titleSlotNodes(){return lO(this,r)[r]}set titleSlotNodes(e){lO(this,r)[r]=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 lO(this,i)[i]}set fluid(e){lO(this,i)[i]=e}get muted(){return lO(this,a)[a]}set muted(e){lO(this,a)[a]=e}get autoplay(){return lO(this,o)[o]}set autoplay(e){lO(this,o)[o]=e}get streamType(){return lO(this,n)[n]}set streamType(e){lO(this,n)[n]=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,ho(this,lL.MOBILE,"mobile"===e),ho(this,lL.TV,"tv"===e))}get dvrThreshold(){return this._dvrThreshold}set dvrThreshold(e){this._dvrThreshold=isNaN(e)?0:e}get _hasTitle(){return lO(this,l)[l]}set _hasTitle(e){lO(this,l)[l]=e}connectedCallback(){if(super.connectedCallback(),this.hasAttribute(lL.DEVICE_TYPE)||(this.deviceType=uk()?"mobile":uw()?"tv":"desktop"),!this._appliedExtensions){this._appliedExtensions=!0;for(let e of ug)e(this)}this._onTitleSlotChange()}disconnectedCallback(){clearTimeout(this._timeRangeInertTimeout)}firstUpdated(){this._source&&(this._uiRef.value.source=this._source,this._source=void 0)}_onUiReady(){this.dispatchEvent(hC(uT))}render(){return K`<theoplayer-ui ${l0(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 K`<theoplayer-control-bar slot="top-chrome" part="top-chrome"><div part="title" ad-hidden style="${dG({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="${dG({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(e={}){super(),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),Object.defineProperty(this,o,{writable:!0,value:void 0}),Object.defineProperty(this,n,{writable:!0,value:void 0}),Object.defineProperty(this,l,{writable:!0,value:void 0}),this._uiRef=(sY(this),lY()),lO(this,t)[t]=sz(this,!1),this._timeRangeInertTimeout=0,this._appliedExtensions=!1,this._configuration={},this._source=void 0,this._userIdleTimeout=void 0,this._deviceType="desktop",this._dvrThreshold=60,lO(this,r)[r]=sj(this),lO(this,i)[i]=sG(this,!1),lO(this,a)[a]=sQ(this,!1),lO(this,o)[o]=sW(this,!1),lO(this,n)[n]=sK(this,"vod"),lO(this,l)[l]=sZ(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(hC(ux))},this._onTitleSlotChange=()=>{this._hasTitle=this.titleSlotNodes.length>0},this.configuration=e}}({e:[sz,sj,sG,sQ,sW,sK,sZ,sY],c:[e.DefaultUI,s$]}=s(h,[[sP,1,"_timeRangeInert"],[sM,1,"titleSlotNodes"],[sO,4,"configuration"],[sB,4,"source"],[sI,1,"fluid"],[sN,1,"muted"],[sD,1,"autoplay"],[sq,1,"streamType"],[sF,4,"userIdleTimeout"],[sU,4,"deviceType"],[sV,4,"dvrThreshold"],[sH,1,"_hasTitle"]],[sR],sS)),h.styles=[u$],h.shadowRootOptions={...ep.shadowRootOptions,delegatesFocus:!0},h.READY_EVENT=uT})(),sL);var uS=y`[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)}`;sX=ey("theolive-bad-network-button"),s0=hp(["player"]),s5=em(),s3=e_({reflect:!1,attribute:!1}),new(sJ=class extends l{constructor(){super(r),s1()}},(()=>{var t=lI("____private__inBadNetworkMode_1");class i extends(s2=e.MenuButton){get _inBadNetworkMode(){return lO(this,t)[t]}set _inBadNetworkMode(e){lO(this,t)[t]=e}connectedCallback(){super.connectedCallback(),this.hasAttribute(lL.ARIA_LABEL)||this.setAttribute(lL.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 K`<span part="icon">${l5(dI)}<span part="warning-icon" style="${dG(e)}">${l5('<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(...e){super(...e),Object.defineProperty(this,t,{writable:!0,value:void 0}),lO(this,t)[t]=(s8(this),s4(this,!1)),this.handleEnterBadNetworkMode_=()=>{this._inBadNetworkMode=!0},this.handleExitBadNetworkMode_=()=>{this._inBadNetworkMode=!1}}}({e:[s4,s8],c:[r,s1]}=s(i,[[s5,1,"_inBadNetworkMode"],[s3,4,"player"]],[sX,s0],s2)),i.styles=[...e.MenuButton.styles,uS]})(),sJ),s7=hp(["player"]);class uP extends(s9=e.RadioButton){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:[i,s6]}=s(uP,[],[s7],s9)),s6(),le=ey("theolive-automatic-quality-selector");class uM extends(lr=i){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 K`<slot>High Quality</slot>`}}({c:[a,lt]}=s(uM,[],[le],lr)),lt(),li=ey("theolive-bad-network-quality-selector");class uO extends(lo=i){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 K`<slot>Low Quality</slot>`}}({c:[o,la]}=s(uO,[],[li],lo)),la(),ls=ey("theolive-bad-network-menu"),new(ln=class extends l{constructor(){super(n),ll()}},(()=>{class t extends(lh=ep){firstUpdated(){!this._radioGroupRef.value||this._radioGroupRef.value instanceof e.RadioGroup||customElements.upgrade(this._radioGroupRef.value)}render(){return K`<theoplayer-radio-group ${l0(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=lY(),this._onChange=()=>{this.dispatchEvent(new Event("change",{bubbles:!0}))}}}({c:[n,ll]}=s(t,[],[ls],lh)),t.styles=[hW]})(),ln);var uB=y`: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)}`;e.THEOliveDefaultUI=void 0,lu=ey("theolive-default-ui"),ly=em(),lv=em(),l_=em(),lm=em(),new(ld=class extends l{constructor(){super(e.THEOliveDefaultUI),lp()}},(()=>{var t=lI("____private__announcementType_1"),r=lI("____private__announcementMessage_2"),i=lI("____private__hidePlayButton_3"),a=lI("____private__hideErrorDisplay_4");class o extends(lc=e.DefaultUI){get _announcementType(){return lO(this,t)[t]}set _announcementType(e){lO(this,t)[t]=e}get _announcementMessage(){return lO(this,r)[r]}set _announcementMessage(e){lO(this,r)[r]=e}get _hidePlayButton(){return lO(this,i)[i]}set _hidePlayButton(e){lO(this,i)[i]=e}get _hideErrorDisplay(){return lO(this,a)[a]}set _hideErrorDisplay(e){lO(this,a)[a]=e}_onUiReady(){super._onUiReady();let e=this.player;if(e){var t,r,i;null==(t=e.theoLive)||t.addEventListener(["distributionloadstart","publicationloadstart"],this.onLoadChannelStart),null==(r=e.theoLive)||r.addEventListener(["distributionoffline","publicationoffline"],this.onChannelOffline),null==(i=e.theoLive)||i.addEventListener(["endpointloaded","publicationloaded"],this.onChannelLoaded),e.addEventListener("error",this.onError)}}hidePlayerError(){var e;null==(e=this._uiRef.value)||e.removeAttribute(lL.HAS_ERROR),this._hideErrorDisplay=!0}stopHidingPlayerError(){var e;null==(e=this._uiRef.value)||e.setAttribute(lL.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"},i={display:this._hidePlayButton?"none":""},a={display:this._hideErrorDisplay?"none":""};return K`<p id="loading-announcement" no-auto-hide slot="centered-chrome" style="${dG(e)}"><slot name="loading-announcement">Loading...</slot></p><p id="offline-announcement" no-auto-hide slot="centered-chrome" style="${dG(t)}"><slot name="offline-announcement">The live stream hasn't started yet</slot></p><p id="announcement" no-auto-hide slot="centered-chrome" style="${dG(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="${dG(i)}"></theoplayer-play-button></div><div part="bottom-chrome"><theoplayer-control-bar><theoplayer-play-button mobile-hidden part="play-button" style="${dG(i)}"></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="${dG(a)}"></theoplayer-error-display>`}constructor(e={}){super(e),Object.defineProperty(this,t,{writable:!0,value:void 0}),Object.defineProperty(this,r,{writable:!0,value:void 0}),Object.defineProperty(this,i,{writable:!0,value:void 0}),Object.defineProperty(this,a,{writable:!0,value:void 0}),lO(this,t)[t]=(lw(this),lg(this,"")),lO(this,r)[r]=lb(this,""),lO(this,i)[i]=lf(this,!1),lO(this,a)[a]=lk(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:[lg,lb,lf,lk,lw],c:[e.THEOliveDefaultUI,lp]}=s(o,[[ly,1,"_announcementType"],[lv,1,"_announcementMessage"],[l_,1,"_hidePlayButton"],[lm,1,"_hideErrorDisplay"]],[lu],lc)),o.styles=[uB]})(),ld),e.Attribute=lL,e.CastButton=d4,e.ColorStops=dH,e.ExtensionSlot=um,e.StateReceiverMixin=function(e,t){var r,i,a;let o;r=hp(t);class n extends(a=e){}return{c:[o,i]}=s(n,[],[r],a),i(),o},e.buttonTemplate=lM,e.linkButtonTemplate=function(e,t=""){return lM(`<a>${e}</a>`,t)},e.menuGroupTemplate=function(e,t=""){return`<style>${t}</style>${e}`},e.menuTemplate=function(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>`},e.registerExtension=function(e){ug.push(e)},e.stateReceiver=hp,e.version="2.0.0"},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("theoplayer/chromeless")):"function"==typeof define&&define.amd?define(["exports","theoplayer/chromeless"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).THEOplayerUI={},e.THEOplayer);
|
|
42
3
|
//# sourceMappingURL=THEOplayerUI.js.map
|