npm - @theoplayer/web-ui - Versions diffs - 1.2.0 → 1.4.0 - Mend

@theoplayer/web-ui 1.2.0 → 1.4.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.

Files changed (9) hide show

package/dist/THEOplayerUI.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import{ChromelessPlayer as e}from"theoplayer";/**
+import{ChromelessPlayer as e}from"theoplayer/chromeless";function t(){return void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeShadow}function r(e,r){t()&&window.ShadyCSS.prepareTemplate(e,r)}function a(e){t()&&window.ShadyCSS.styleElement(e)}function i(e,t){void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeCss?window.ShadyCSS.styleSubtree(e,t):null!=t&&/**
  * @license
  * Copyright (c) 2020 The Polymer Project Authors. All rights reserved.
  * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
@@ -6,11 +6,28 @@ import{ChromelessPlayer as e}from"theoplayer";/**
  * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  * Code distributed by Google as part of the polymer project is also
  * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
- */function t(e,t){let r=e.style;for(let[e,a]of Object.entries(t))r.setProperty(e,a)}function r(){return void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeShadow}function a(){return void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeCss}function i(e,t){r()&&window.ShadyCSS.prepareTemplate(e,t)}function o(e){r()&&window.ShadyCSS.styleElement(e)}function n(e,r){a()?window.ShadyCSS.styleSubtree(e,r):null!=r&&t(e,r)}var s,l,h,p=":host{box-sizing:border-box;display:inline-flex}:host([hidden]){display:none!important}::slotted(theoplayer-time-range){flex-grow:1}";let d=document.createElement("template");d.innerHTML=`<style>${p}</style><slot></slot>`,i(d,"theoplayer-control-bar");class u extends HTMLElement{connectedCallback(){o(this)}constructor(){super();let e=this.attachShadow({mode:"open",delegatesFocus:!0});e.appendChild(d.content.cloneNode(!0))}}customElements.define("theoplayer-control-bar",u);var c=":host{align-items:center;background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;color:#fff;color:var(--theoplayer-button-text-color,var(--theoplayer-text-color,#fff));display:inline-flex;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);justify-content:center;line-height:24px;line-height:var(--theoplayer-text-content-height,var(--theoplayer-control-height,24px));padding:10px;padding:var(--theoplayer-control-padding,10px);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}:host([hidden]){display:none!important}:host(:not([disabled])){cursor:pointer}:host(:focus){box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}:host(:focus:not(:focus-visible)){box-shadow:none}:host(:hover){background:transparent;background:var(--theoplayer-control-hover-background,var(--theoplayer-control-background,transparent))}:host([aria-checked=true]){background:#fff;background:var(--theoplayer-button-checked-background,#fff);color:#000;color:var(--theoplayer-button-checked-color,#000)}:host([disabled]){background:transparent;background:var(--theoplayer-control-background,transparent);color:#ccc;color:var(--theoplayer-button-disabled-text-color,#ccc)}[part$=icon],[part~=icon]{font-size:0}::slotted(img),::slotted(svg),img,svg{fill:currentColor;color:#fff;color:var(--theoplayer-icon-color,#fff);height:24px;height:var(--theoplayer-button-icon-height,var(--theoplayer-control-height,24px));max-height:100%;max-width:100%;min-width:100%;transition:none;transition:var(--theoplayer-button-icon-transition,none);vertical-align:middle;width:24px;width:var(--theoplayer-button-icon-width,var(--theoplayer-control-height,24px))}::slotted(img),img{box-shadow:none;box-shadow:var(--theoplayer-button-icon-shadow,none)}::slotted(svg),svg{filter:drop-shadow(none);filter:drop-shadow(var(--theoplayer-button-icon-shadow,none))}:host(:hover) ::slotted(img),:host(:hover) 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) ::slotted(svg),:host(:hover) 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)))}";function y(e,t){return void 0===t&&(t=""),`<style>${c}
-${t}</style>${e}`}!function(e){e[e.DOWN=40]="DOWN",e[e.LEFT=37]="LEFT",e[e.RIGHT=39]="RIGHT",e[e.SPACE=32]="SPACE",e[e.ENTER=13]="ENTER",e[e.UP=38]="UP",e[e.HOME=36]="HOME",e[e.END=35]="END",e[e.ESCAPE=27]="ESCAPE"}(s||(s={})),function(e){e.CONFIGURATION="configuration",e.SOURCE="source",e.AUTOPLAY="autoplay",e.MUTED="muted",e.FULLSCREEN="fullscreen",e.FLUID="fluid",e.MOBILE="mobile",e.MOBILE_ONLY="mobile-only",e.MOBILE_HIDDEN="mobile-hidden",e.USER_IDLE="user-idle",e.USER_IDLE_TIMEOUT="user-idle-timeout",e.NO_AUTO_HIDE="no-auto-hide",e.DISABLED="disabled",e.HIDDEN="hidden",e.PAUSED="paused",e.ENDED="ended",e.VOLUME_LEVEL="volume-level",e.CASTING="casting",e.LOADING="loading",e.STREAM_TYPE="stream-type",e.LIVE="live",e.LIVE_ONLY="live-only",e.LIVE_HIDDEN="live-hidden",e.LIVE_THRESHOLD="live-threshold",e.DVR_THRESHOLD="dvr-threshold",e.REMAINING="remaining",e.REMAINING_WHEN_LIVE="remaining-when-live",e.SHOW_DURATION="show-duration",e.SEEK_OFFSET="seek-offset",e.MENU="menu",e.MENU_OPENED="menu-opened",e.MENU_CLOSE_ON_INPUT="menu-close-on-input",e.ARIA_LABEL="aria-label",e.ARIA_LIVE="aria-live",e.ARIA_CHECKED="aria-checked",e.HAS_AUDIO="has-audio",e.HAS_SUBTITLES="has-subtitles",e.HAS_ERROR="has-error",e.HAS_FIRST_PLAY="has-first-play",e.HAS_TITLE="has-title",e.CAST_STATE="cast-state",e.TRACK_TYPE="track-type",e.SHOW_OFF="show-off",e.PLAYING_AD="playing-ad",e.SHOW_AD_MARKERS="show-ad-markers",e.CLICKTHROUGH="clickthrough",e.PROPERTY="property",e.VALUE="value"}(l||(l={}));let m=document.createElement("template");m.innerHTML=y("<slot></slot>"),i(m,"theoplayer-button");class g extends HTMLElement{static get observedAttributes(){return[l.DISABLED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(l.ARIA_LIVE)||this.setAttribute(l.ARIA_LIVE,"polite"),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("click",this._onClick)}disconnectedCallback(){this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("click",this._onClick)}get disabled(){return this.hasAttribute(l.DISABLED)}set disabled(e){e?this.setAttribute(l.DISABLED,""):this.removeAttribute(l.DISABLED)}attributeChangedCallback(e,t,r){if(e===l.DISABLED&&r!==t){let e=null!=r;this.setAttribute("aria-disabled",e?"true":"false"),e?(this.removeAttribute("tabindex"),this.blur()):this.setAttribute("tabindex","0")}g.observedAttributes.indexOf(e)>=0&&n(this)}handleClick(){}constructor(e){var t;super(),this._onKeyDown=e=>{if(!e.altKey)switch(e.keyCode){case s.SPACE:case s.ENTER:e.preventDefault(),this._onClick();break;default:return}},this._onClick=()=>{this.disabled||this.handleClick()};let r=null!=(t=null==e?void 0:e.template)?t:m,a=this.attachShadow({mode:"open"});a.appendChild(r.content.cloneNode(!0)),this._upgradeProperty("disabled")}}customElements.define("theoplayer-button",g);var b=":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);text-decoration:none}:host(:focus){box-shadow:none;outline:0}a:focus{box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}a:focus:not(:focus-visible){box-shadow:none}:host([aria-checked=true]) a{color:#000;color:var(--theoplayer-button-checked-color,#000)}:host([disabled]) a{color:#ccc;color:var(--theoplayer-button-disabled-text-color,#ccc)}";function v(e,t){return void 0===t&&(t=""),y(`<a>${e}</a>`,`${b}
-${t}`)}let _=document.createElement("template");_.innerHTML=v("<slot></slot>"),i(_,"theoplayer-link-button");class f extends HTMLElement{static get observedAttributes(){return[l.DISABLED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.hasAttribute(l.ARIA_LIVE)||this.setAttribute(l.ARIA_LIVE,"polite"),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(l.DISABLED)}set disabled(e){e?this.setAttribute(l.DISABLED,""):this.removeAttribute(l.DISABLED)}setLink(e,t){this._linkEl.href=e,this._linkEl.target=t}attributeChangedCallback(e,t,r){if(e===l.DISABLED&&r!==t){let e=null!=r;this.setAttribute("aria-disabled",e?"true":"false"),e?(this.removeAttribute("tabindex"),this.blur()):this.setAttribute("tabindex","0")}g.observedAttributes.indexOf(e)>=0&&n(this)}handleClick(){}constructor(e){var t;super(),this._onKeyDown=e=>{!e.altKey&&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:_,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",f);var k=":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}",E='<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',x='<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',A='<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';function w(){}function T(e){return e.nodeType===Node.ELEMENT_NODE}function C(e){return e instanceof HTMLElement}function L(e){return"slot"===e.localName.toLowerCase()}let S="function"==typeof Array.isArray?Array.isArray:e=>"[object Array]"===Object.prototype.toString.call(e),P="function"==typeof Array.from?e=>Array.from(e):e=>Array.prototype.slice.call(e),M="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]},R="function"==typeof Array.prototype.findIndex?(e,t)=>e.findIndex(t):(e,t)=>{for(let r=0;r<e.length;r++)if(t(e[r],r,e))return r;return -1};function I(e,t){let r=e.indexOf(t);return!(r<0)&&(O(e,r),!0)}function O(e,t){e.splice(t,1)}let D="function"==typeof String.prototype.startsWith?(e,t)=>e.startsWith(t):(e,t)=>e.substring(0,t.length)===t,N="undefined"!=typeof Intl&&Intl.DisplayNames?e=>{let t=new Intl.DisplayNames([e,"en"],{type:"language",fallback:"none"}),r=t.of(e);if(r)return r.slice(0,1).toUpperCase()+r.slice(1)}:e=>void 0;function q(e,t){void 0===e.textContent?e.innerText=t:e.textContent=t}function F(e,t){if(!e||!t)return!1;if(e.contains(t))return!0;let r=t.getRootNode();return!!r.host&&F(e,r.host)}let B="theoplayerUiObservedProperties";function H(e){return B in e&&S(e[B])}function U(e,t){return class extends e{get[B](){return t}}}async function V(e,t,r){if(t.contains(e))return;e.nodeName.indexOf("-")>=0&&!H(e)&&(await Promise.resolve(),await customElements.whenDefined(e.nodeName.toLowerCase()),customElements.upgrade(e)),H(e)&&r(e);let a=[...C(e)?P(e.children):[],...e.shadowRoot?P(e.shadowRoot.children):[],...L(e)?e.assignedNodes().filter(T):[]];a.length>0&&await Promise.all(a.map(e=>V(e,t,r)))}let $=document.createElement("template");$.innerHTML=y(`<span part="play-icon"><slot name="play-icon">${E}</slot></span><span part="pause-icon"><slot name="pause-icon">${x}</slot></span><span part="replay-icon"><slot name="replay-icon">${A}</slot></span>`,k),i($,"theoplayer-play-button");let z=["seeking","seeked","ended","emptied"];class G extends U(g,["player"]){static get observedAttributes(){return[...g.observedAttributes,l.PAUSED,l.ENDED]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get paused(){return this.hasAttribute(l.PAUSED)}set paused(e){e?this.setAttribute(l.PAUSED,""):this.removeAttribute(l.PAUSED)}get ended(){return this.hasAttribute(l.ENDED)}set ended(e){e?this.setAttribute(l.ENDED,""):this.removeAttribute(l.ENDED)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener("play",this._onPlay),this._player.removeEventListener("pause",this._onPause),this._player.removeEventListener(z,this._updateFromPlayer)),this._player=e,this._updateFromPlayer(),void 0!==this._player&&(this._player.addEventListener("play",this._onPlay),this._player.addEventListener("pause",this._onPause),this._player.addEventListener(z,this._updateFromPlayer)))}_updateEnded(){var e,t;this.ended=null!=(t=null==(e=this._player)?void 0:e.ended)&&t}handleClick(){void 0!==this._player&&(this._player.paused?this._player.play():this._player.pause())}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),G.observedAttributes.indexOf(e)>=0&&(n(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.ended?"replay":this.paused?"play":"pause";this.setAttribute(l.ARIA_LABEL,e)}constructor(){super({template:$}),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._upgradeProperty("paused"),this._upgradeProperty("ended"),this._upgradeProperty("player")}}customElements.define("theoplayer-play-button",G);var Q=":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}",Y='<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',K='<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',W='<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';let Z=document.createElement("template");Z.innerHTML=y(`<span part="off-icon"><slot name="off-icon">${Y}</slot></span><span part="low-icon"><slot name="low-icon">${K}</slot></span><span part="high-icon"><slot name="high-icon">${W}</slot></span>`,Q),i(Z,"theoplayer-mute-button");let j=["volumechange"];class J extends U(g,["player"]){static get observedAttributes(){return[...g.observedAttributes,l.VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get volumeLevel(){return this.getAttribute(l.VOLUME_LEVEL)||"off"}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(j,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(j,this._updateFromPlayer))}handleClick(){void 0!==this._player&&(this._player.muted=!this._player.muted,this._updateFromPlayer())}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),J.observedAttributes.indexOf(e)>=0&&(n(this),this._updateAriaLabel())}_updateAriaLabel(){let e="off"===this.getAttribute(l.VOLUME_LEVEL)?"unmute":"mute";this.setAttribute(l.ARIA_LABEL,e)}constructor(){super({template:Z}),this._updateFromPlayer=()=>{let e="off";if(void 0!==this._player){let t=this._player.volume,r=this._player.muted;e=r?"off":t<.5?"low":"high"}this.setAttribute(l.VOLUME_LEVEL,e)},this._upgradeProperty("player")}}customElements.define("theoplayer-mute-button",J);var X=':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%)}',ee='<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';let et=document.createElement("template");et.innerHTML=y(`<span part="icon"><slot name="icon">${ee}</slot></span><span part="offset"></span>`,X),i(et,"theoplayer-seek-button");let er=10;class ea extends U(g,["player"]){static get observedAttributes(){return[...g.observedAttributes,l.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get seekOffset(){var e;return Number(null!=(e=this.getAttribute(l.SEEK_OFFSET))?e:10)}set seekOffset(e){this.setAttribute(l.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===l.SEEK_OFFSET&&q(this._offsetEl,String(Math.abs(this.seekOffset))),ea.observedAttributes.indexOf(e)>=0&&(n(this),this._updateAriaLabel()))}_updateAriaLabel(){let e=this.seekOffset,t=e>=0?`seek forward by ${e} seconds`:`seek backward by ${-e} seconds`;this.setAttribute(l.ARIA_LABEL,t)}constructor(){super({template:et}),this._offsetEl=this.shadowRoot.querySelector('[part="offset"]'),this._upgradeProperty("player"),this._upgradeProperty("seekOffset")}}customElements.define("theoplayer-seek-button",ea);var ei=":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 eo(e){return!isNaN(e)&&isFinite(e)}function en(e,t,r){let a;void 0===t&&(t=0);let i=e<0||r&&0===e;e=Math.abs(e);let o=Math.floor(t/60%60),n=Math.floor(t/3600);if(eo(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 es=[["hour","hours"],["minute","minutes"],["second","seconds"]];function el(e,t){let r=es[t][1===e?0:1];return`${e} ${r}`}function eh(e,t){if(!eo(e))return"";let r=e<0||t&&0===e;e=Math.abs(e);let a=Math.floor(e%60),i=Math.floor(e/60)%60,o=Math.floor(e/3600),n=[0===o?"":el(o,0),0===i?"":el(i,1),0===a&&(o>0||i>0)?"":el(a,2)].filter(e=>""!==e).join(", ");return`${n}${r?" remaining":""}`}let ep=document.createElement("template");ep.innerHTML=`<style>${ei}</style><span></span>`,i(ep,"theoplayer-time-display");let ed=["timeupdate","seeking","seeked","durationchange"],eu="video not loaded, unknown time";class ec extends U(HTMLElement,["player","streamType"]){static get observedAttributes(){return[l.REMAINING,l.REMAINING_WHEN_LIVE,l.SHOW_DURATION,l.STREAM_TYPE]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this.hasAttribute(l.ARIA_LIVE)||this.setAttribute(l.ARIA_LIVE,"off"),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(ed,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(ed,this._updateFromPlayer))}get streamType(){return this.getAttribute(l.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(l.STREAM_TYPE,e)}attributeChangedCallback(e,t,r){r!==t&&ec.observedAttributes.indexOf(e)>=0&&(this._updateFromPlayer(),n(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(l.REMAINING)||this.hasAttribute(l.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType,h=a;s&&(h=-((n||0)-a));let p=this.hasAttribute(l.SHOW_DURATION);t=p&&!s?`${en(h,n,s)} / ${en(n)}`:en(h,n,s),r=isNaN(i)?"video not loaded, unknown time":p?`${eh(h,s)} of ${eh(n)}`:eh(h,s),q(this._spanEl,t),this.setAttribute("aria-valuetext",r)};let e=this.attachShadow({mode:"open"});e.appendChild(ep.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-time-display",ec);let ey=document.createElement("template");ey.innerHTML=`<style>${ei}</style><span></span>`,i(ey,"theoplayer-duration-display");let em=["durationchange"];class eg extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this.hasAttribute(l.ARIA_LIVE)||this.setAttribute(l.ARIA_LIVE,"off"),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(em,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(em,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{let e=this._player?this._player.duration:NaN,t=en(e);q(this._spanEl,t)};let e=this.attachShadow({mode:"open"});e.appendChild(ey.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}function eb(){try{let e=new Event("change");return"change"===e.type}catch(e){}return!1}function ev(){try{let e=new CustomEvent("cat",{detail:{foo:"bar"}});return"cat"===e.type&&"bar"===e.detail.foo}catch(e){}return!1}function e_(e,t){return new Event(e,t)}function ef(e,t){return new CustomEvent(e,t)}function ek(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 eE(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}customElements.define("theoplayer-duration-display",eg);let ex=eb()?e_:ek,eA=ev()?ef:eE,ew=document.createElement("template");ew.innerHTML=y("<slot></slot>"),i(ew,"theoplayer-radio-button");class eT extends g{static get observedAttributes(){return[...g.observedAttributes,l.ARIA_CHECKED,l.VALUE]}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),super.connectedCallback()}get checked(){return"true"===this.getAttribute(l.ARIA_CHECKED)}set checked(e){this.setAttribute(l.ARIA_CHECKED,e?"true":"false")}get value(){return this._value}set value(e){this._value=e}handleClick(){this.checked=!0,this.dispatchEvent(ex("input",{bubbles:!0,composed:!0}))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===l.ARIA_CHECKED?this.dispatchEvent(ex("change",{bubbles:!0})):e===l.VALUE&&(this.value=r),eT.observedAttributes.indexOf(e)>=0&&n(this))}constructor(e){super({template:ew,...e}),this._value=void 0,this._upgradeProperty("checked")}}customElements.define("theoplayer-radio-button",eT);let eC=document.createElement("template");eC.innerHTML="<slot></slot>",i(eC,"theoplayer-radio-group");class eL extends HTMLElement{connectedCallback(){o(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 focusedRadioButton(){var e;return null!=(e=M(this._radioButtons,e=>0===e.tabIndex))?e:null}get checkedRadioButton(){var e;return null!=(e=M(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;e&&(e===this.firstRadioButton?this.setFocusedRadioButton(this.lastRadioButton):this.setFocusedRadioButton(this._prevRadioButton(e)))}_focusNextButton(){let e=this.focusedRadioButton||this.firstRadioButton;e&&(e===this.lastRadioButton?this.setFocusedRadioButton(this.firstRadioButton):this.setFocusedRadioButton(this._nextRadioButton(e)))}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(ex("change",{bubbles:!0}))}constructor(){super(),this._radioButtons=[],this._onSlotChange=()=>{let e=this._slot.assignedNodes({flatten:!0}).filter(T);for(let t of e)if(!eS(t)){let e=t.nodeName.toLowerCase();e.indexOf("-")>=0&&(customElements.get(e)?customElements.upgrade(t):customElements.whenDefined(e).then(this._onSlotChange,w))}if(this._radioButtons=e.filter(eS),!this.focusedRadioButton){var t;null==(t=this.firstRadioButton)||t.setAttribute("tabindex","0")}},this._onKeyDown=e=>{switch(e.keyCode){case s.UP:case s.LEFT:e.preventDefault(),this._focusPrevButton();break;case s.DOWN:case s.RIGHT:e.preventDefault(),this._focusNextButton();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(eC.content.cloneNode(!0)),this._slot=e.querySelector("slot")}}function eS(e){return e instanceof eT}customElements.define("theoplayer-radio-group",eL);var eP=":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 eM="theoplayermenuclose",eR="theoplayermenuchange";function eI(e,t,r){return void 0===r&&(r=""),`<style>${eP}${r}</style><div part="heading"><theoplayer-menu-close-button></theoplayer-menu-close-button>${e}</div><div part="content">${t}</div>`}let eO=document.createElement("template");eO.innerHTML=eI('<slot name="heading"></slot>',"<slot></slot>"),i(eO,"theoplayer-menu");class eD extends HTMLElement{static get observedAttributes(){return[l.MENU_OPENED,l.MENU_CLOSE_ON_INPUT]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this.hasAttribute(l.MENU_OPENED)||this.setAttribute("hidden",""),this._contentEl.addEventListener("input",this._onContentInput)}disconnectedCallback(){this._contentEl.removeEventListener("input",this._onContentInput)}openMenu(){this.setAttribute(l.MENU_OPENED,"")}closeMenu(){this.removeAttribute(l.MENU_OPENED)}attributeChangedCallback(e,t,r){if(r!==t){if(e===l.MENU_OPENED){null!=r?this.removeAttribute("hidden"):this.setAttribute("hidden","");let e=eA(eR,{bubbles:!0});this.dispatchEvent(e)}eD.observedAttributes.indexOf(e)>=0&&n(this)}}constructor(e){var t;super(),this._onContentInput=()=>{if(this.hasAttribute(l.MENU_CLOSE_ON_INPUT)){let e=eA(eM,{bubbles:!0,composed:!0});this.dispatchEvent(e)}};let r=null!=(t=null==e?void 0:e.template)?t:eO,a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._contentEl=a.querySelector('[part="content"]')}}customElements.define("theoplayer-menu",eD);var eN=":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 eq="theoplayermenutoggle";function eF(e,t){return void 0===t&&(t=""),`<style>${eN}${t}</style>${e}`}let eB=document.createElement("template");eB.innerHTML=eF("<slot></slot>"),i(eB,"theoplayer-menu-group");class eH extends HTMLElement{static get observedAttributes(){return[l.MENU_OPENED]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){var e;o(this),this.hasAttribute(l.MENU_OPENED)||this.setAttribute("hidden",""),this._onMenuListChange(),this.shadowRoot.addEventListener(eq,this._onToggleMenu),this.shadowRoot.addEventListener(eM,this._onCloseMenu),this.shadowRoot.addEventListener(eR,this._onMenuChange),null==(e=this._menuSlot)||e.addEventListener("slotchange",this._onMenuListChange)}disconnectedCallback(){var e;this.shadowRoot.removeEventListener(eq,this._onToggleMenu),this.shadowRoot.removeEventListener(eM,this._onCloseMenu),this.shadowRoot.removeEventListener(eR,this._onMenuChange),null==(e=this._menuSlot)||e.removeEventListener("slotchange",this._onMenuListChange)}attributeChangedCallback(e,t,r){if(r!==t){if(e===l.MENU_OPENED){null!=r?(this.removeAttribute("hidden"),this.removeEventListener("keydown",this._onKeyDown),this.addEventListener("keydown",this._onKeyDown)):(this.setAttribute("hidden",""),this.removeEventListener("keydown",this._onKeyDown));let e=eA(eR,{bubbles:!0});this.dispatchEvent(e)}eH.observedAttributes.indexOf(e)>=0&&n(this)}}getMenuById(e){return e&&e!==this.id?M(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=R(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(l.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=R(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(l.MENU_OPENED,""),o.opener&&n.menu.contains(o.opener)?o.opener.focus():n.menu.focus(),!0):(this.removeAttribute(l.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=[...P(this.shadowRoot.children),...this._menuSlot?this._menuSlot.assignedNodes({flatten:!0}).filter(T):[]];for(let t of e)if(!eU(t)){let e=t.nodeName.toLowerCase();e.indexOf("-")>=0&&(customElements.get(e)?customElements.upgrade(t):customElements.whenDefined(e).then(this._onMenuListChange,w))}let t=e.filter(eU);for(let e of this._menus)0>t.indexOf(e)&&this.closeMenu(e.id);for(let e of t)0>this._menus.indexOf(e)&&e.closeMenu();this._menus=t},this._onToggleMenu=e=>{let t=e.detail.menu;if(!this.getMenuById(t))return;e.stopPropagation();let r=C(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 eH&&!t.menu.hasCurrentMenu()&&this.closeCurrentMenu()},this._onKeyDown=e=>{!e.altKey&&e.keyCode===s.ESCAPE&&this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())};let r=null!=(t=null==e?void 0:e.template)?t:eB,a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._menuSlot=a.querySelector("slot")}}function eU(e){return!!C(e)&&(e instanceof eD||e instanceof eH)}customElements.define("theoplayer-menu-group",eH);let eV=document.createElement("template");eV.innerHTML=y("<slot></slot>"),i(eV,"theoplayer-menu-button");class e$ extends g{static get observedAttributes(){return[...g.observedAttributes,l.MENU]}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true")}get menu(){return this.getAttribute(l.MENU)}set menu(e){e?this.setAttribute(l.MENU,e):this.removeAttribute(l.MENU)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e!==l.MENU||this.hasAttribute("aria-controls")&&this.getAttribute("aria-controls")!==t||this.setAttribute("aria-controls",r)}handleClick(){let e=this.menu;if(e){let t=eA(eq,{bubbles:!0,composed:!0,detail:{menu:e}});this.dispatchEvent(t)}}constructor(e){super({template:eV,...e}),this._upgradeProperty("menu")}}customElements.define("theoplayer-menu-button",e$);var ez='<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';let eG=document.createElement("template");eG.innerHTML=y(`<span part="icon"><slot>${ez}</slot></span>`),i(eG,"theoplayer-menu-close-button");class eQ extends g{static get observedAttributes(){return[...g.observedAttributes]}connectedCallback(){super.connectedCallback(),this.hasAttribute(l.ARIA_LABEL)||this.setAttribute(l.ARIA_LABEL,"close menu")}handleClick(){let e=eA(eM,{bubbles:!0,composed:!0});this.dispatchEvent(e)}constructor(){super({template:eG})}}customElements.define("theoplayer-menu-close-button",eQ);let eY=document.createElement("template");eY.innerHTML=y("<slot></slot>"),i(eY,"theoplayer-media-track-radio-button");let eK=["change","update"];class eW extends eT{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(eK,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(eK,this._onTrackChange))}_updateFromTrack(){q(this._slotEl,this._track?eZ(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===l.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:eY}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}function eZ(e){let t=e.label;if(t)return t;let r=e.language;return r&&(N(r)||r)||""}customElements.define("theoplayer-media-track-radio-button",eW);var ej=":host,theoplayer-radio-group{align-items:stretch;display:flex;flex-direction:column}:host([hidden]){display:none!important}";let eJ=document.createElement("template");eJ.innerHTML=y("<slot></slot>"),i(eJ,"theoplayer-text-track-radio-button");let eX=["change","update"];class e0 extends eT{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(eX,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(eX,this._onTrackChange))}_updateFromTrack(){q(this._slotEl,this._track?e1(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===l.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:eJ}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}function e1(e){let t=e.label;if(t)return t;let r=e.language;return r&&(N(r)||r)||""}function e5(e){return"subtitles"===e.kind||"captions"===e.kind}function e2(e){let t=null==e?void 0:e.targetQuality;return void 0===t||Array.isArray(t)||(t=[t]),t}function e3(e){return e?e.label&&""!==e.label?e.label:e.height?`${e.height}p`:e.bandwidth?e8(e):void 0:void 0}function e8(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`}customElements.define("theoplayer-text-track-radio-button",e0);let e4=document.createElement("template");e4.innerHTML=y("<slot>Off</slot>"),i(e4,"theoplayer-text-track-off-radio-button");let e7=["change"];class e6 extends eT{get trackList(){return this._trackList}set trackList(e){this._trackList&&this._trackList.removeEventListener(e7,this._onTrackChange),this._trackList=e,this._updateFromTrackList(),e&&e.addEventListener(e7,this._onTrackChange)}_updateFromTrackList(){this.checked=!this._trackList||!e9(this._trackList)}_updateTrackList(){this._trackList&&this.checked&&te(this._trackList)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===l.ARIA_CHECKED&&t!==r&&this._updateTrackList()}constructor(){super({template:e4}),this._trackList=void 0,this._onTrackChange=()=>{this._updateFromTrackList()},this._upgradeProperty("trackList")}}function e9(e){return e.filter(e5).some(e=>"showing"===e.mode)}function te(e){for(let t of e)e5(t)&&"showing"===t.mode&&(t.mode="disabled")}customElements.define("theoplayer-text-track-off-radio-button",e6);let tt=document.createElement("template");tt.innerHTML=`<style>${ej}</style><theoplayer-radio-group></theoplayer-radio-group>`,i(tt,"theoplayer-track-radio-group");let tr=["addtrack","removetrack"];class ta extends U(HTMLElement,["player"]){static get observedAttributes(){return[l.TRACK_TYPE,l.SHOW_OFF]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this._radioGroup instanceof eL||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(l.TRACK_TYPE)||"audio"}set trackType(e){this.setAttribute(l.TRACK_TYPE,e||"audio")}get showOffButton(){return this.hasAttribute(l.SHOW_OFF)}set showOffButton(e){e?this.setAttribute(l.SHOW_OFF,""):this.removeAttribute(l.SHOW_OFF)}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(tr,this._updateTracks),null==t||t.addEventListener(tr,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(e5):[]}_createTrackButton(e){if("subtitles"===this.trackType){let t=new e0;return t.track=e,t}{let t=new eW;return t.track=e,t}}_updateOffButton(){"subtitles"===this.trackType&&this.showOffButton?(void 0===this._offButton&&(this._offButton=new e6,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===l.TRACK_TYPE?(this._updateTracksList(),this._updateTracks()):e===l.SHOW_OFF&&(this._updateOffButton(),this._updateTracks()),ta.observedAttributes.indexOf(e)>=0&&n(this))}constructor(){super(),this._updateTracks=()=>{let e=P(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(!ti(e,r)){let e=this._createTrackButton(r);this._radioGroup.appendChild(e)}},this._onChange=()=>{this.dispatchEvent(ex("change",{bubbles:!0}))};let e=this.attachShadow({mode:"open"});e.appendChild(tt.content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("trackType"),this._upgradeProperty("showOffButton"),this._upgradeProperty("player")}}function ti(e,t){for(let r=0;r<e.length;r++)if(e[r].track===t)return!0;return!1}customElements.define("theoplayer-track-radio-group",ta);var to='<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>',tn=".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}",ts='<theoplayer-menu class="theoplayer-text-track-style-menu"><span class="theoplayer-menu-heading" slot="heading"><slot name="heading">Subtitle options</slot></span><theoplayer-text-track-style-reset-button class="theoplayer-menu-heading-button" slot="heading"></theoplayer-text-track-style-reset-button><div class="theoplayer-menu-table"><span>Font family</span><theoplayer-menu-button menu="font-family-menu"><theoplayer-text-track-style-display property="fontFamily"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Font color</span><theoplayer-menu-button menu="font-color-menu"><theoplayer-text-track-style-display property="fontColor"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Font opacity</span><theoplayer-menu-button menu="font-opacity-menu"><theoplayer-text-track-style-display property="fontOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Font size</span><theoplayer-menu-button menu="font-size-menu"><theoplayer-text-track-style-display property="fontSize"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Background color</span><theoplayer-menu-button menu="background-color-menu"><theoplayer-text-track-style-display property="backgroundColor"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Background opacity</span><theoplayer-menu-button menu="background-opacity-menu"><theoplayer-text-track-style-display property="backgroundOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Window color</span><theoplayer-menu-button menu="window-color-menu"><theoplayer-text-track-style-display property="windowColor"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Window opacity</span><theoplayer-menu-button menu="window-opacity-menu"><theoplayer-text-track-style-display property="windowOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Character edge style</span><theoplayer-menu-button menu="edge-style-menu"><theoplayer-text-track-style-display property="edgeStyle"></theoplayer-text-track-style-display></theoplayer-menu-button></div></theoplayer-menu><theoplayer-menu id="font-family-menu" menu-close-on-input hidden><span slot="heading">Font family</span><theoplayer-text-track-style-radio-group property="fontFamily"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value=\'"Courier New", Courier, "Nimbus Mono L", "Cutive Mono", monospace\'>Monospace Serif</theoplayer-radio-button><theoplayer-radio-button value=\'"Times New Roman", Times, Georgia, Cambria, "PT Serif Caption", serif\'>Proportional Serif</theoplayer-radio-button><theoplayer-radio-button value=\'"Deja Vu Sans Mono", "Lucida Console", Monaco, Consolas, "PT Mono", monospace\'>Monospace Sans</theoplayer-radio-button><theoplayer-radio-button value=\'Arial, Helvetica, Verdana, "PT Sans Caption", sans-serif\'>Proportional Sans</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="font-color-menu" menu-close-on-input hidden><span slot="heading">Font color</span><theoplayer-text-track-style-radio-group property="fontColor"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,255)">White</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,0)">Yellow</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,0)">Green</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,255)">Cyan</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,255)">Blue</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,255)">Magenta</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,0)">Red</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,0)">Black</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="font-opacity-menu" menu-close-on-input hidden><span slot="heading">Font opacity</span><theoplayer-text-track-style-radio-group property="fontOpacity"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="25">25%</theoplayer-radio-button><theoplayer-radio-button value="50">50%</theoplayer-radio-button><theoplayer-radio-button value="75">75%</theoplayer-radio-button><theoplayer-radio-button value="100">100%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="font-size-menu" menu-close-on-input hidden><span slot="heading">Font size</span><theoplayer-text-track-style-radio-group property="fontSize"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="50%">50%</theoplayer-radio-button><theoplayer-radio-button value="75%">75%</theoplayer-radio-button><theoplayer-radio-button value="100%">100%</theoplayer-radio-button><theoplayer-radio-button value="150%">150%</theoplayer-radio-button><theoplayer-radio-button value="200%">200%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="background-color-menu" menu-close-on-input hidden><span slot="heading">Background color</span><theoplayer-text-track-style-radio-group property="backgroundColor"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,255)">White</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,0)">Yellow</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,0)">Green</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,255)">Cyan</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,255)">Blue</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,255)">Magenta</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,0)">Red</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,0)">Black</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="background-opacity-menu" menu-close-on-input hidden><span slot="heading">Background opacity</span><theoplayer-text-track-style-radio-group property="backgroundOpacity"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="25">25%</theoplayer-radio-button><theoplayer-radio-button value="50">50%</theoplayer-radio-button><theoplayer-radio-button value="75">75%</theoplayer-radio-button><theoplayer-radio-button value="100">100%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="window-color-menu" menu-close-on-input hidden><span slot="heading">Window color</span><theoplayer-text-track-style-radio-group property="windowColor"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,255)">White</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,0)">Yellow</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,0)">Green</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,255)">Cyan</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,255)">Blue</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,255)">Magenta</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,0)">Red</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,0)">Black</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="window-opacity-menu" menu-close-on-input hidden><span slot="heading">Window opacity</span><theoplayer-text-track-style-radio-group property="windowOpacity"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="25">25%</theoplayer-radio-button><theoplayer-radio-button value="50">50%</theoplayer-radio-button><theoplayer-radio-button value="75">75%</theoplayer-radio-button><theoplayer-radio-button value="100">100%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="edge-style-menu" menu-close-on-input hidden><span slot="heading">Character edge style</span><theoplayer-text-track-style-radio-group property="edgeStyle"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="none">None</theoplayer-radio-button><theoplayer-radio-button value="dropshadow">Drop shadow</theoplayer-radio-button><theoplayer-radio-button value="raised">Raised</theoplayer-radio-button><theoplayer-radio-button value="depressed">Depressed</theoplayer-radio-button><theoplayer-radio-button value="uniform">Uniform</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu>',tl=".theoplayer-menu-heading{flex-grow:1}.theoplayer-menu-heading-button{align-self:flex-end}",th=".theoplayer-menu-table{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto auto}.theoplayer-menu-table>*{align-self:center;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);line-height:24px;line-height:var(--theoplayer-text-content-height,var(--theoplayer-control-height,24px));padding:10px;padding:var(--theoplayer-control-padding,10px)}.theoplayer-menu-table>span{display:block}";function tp(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}function td(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}function tu(e){return e?D(e,"rgb")?td(e):D(e,"#")?tp(e):null:null}function tc(e){return`rgba(${e.r_},${e.g_},${e.b_},${e.a_})`}function ty(e){return`rgb(${e.r_},${e.g_},${e.b_})`}function tm(e,t){return{r_:e.r_,g_:e.g_,b_:e.b_,a_:t}}function tg(e,t){return e.r_===t.r_&&e.g_===t.g_&&e.b_===t.b_}let tb=tu("#ffffff"),tv=tu("#000000"),t_=[["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)"]],tf=[["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']],tk=[["None","none"],["Drop shadow","dropshadow"],["Raised","raised"],["Depressed","depressed"],["Uniform","uniform"]];class tE extends U(HTMLElement,["player"]){static get observedAttributes(){return[l.PROPERTY]}connectedCallback(){o(this),this.hasAttribute(l.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(l.PROPERTY)}set property(e){this.setAttribute(l.PROPERTY,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.textTrackStyle.removeEventListener("change",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.textTrackStyle.addEventListener("change",this._updateFromPlayer))}attributeChangedCallback(e,t,r){r!==t&&(e===l.PROPERTY&&this._updateFromPlayer(),tE.observedAttributes.indexOf(e)>=0&&n(this))}constructor(){super(),this._updateFromPlayer=()=>{if(void 0===this._player)return;let e=this.property;switch(e){case"fontFamily":q(this._spanEl,tx(this._player.textTrackStyle.fontFamily));break;case"fontColor":case"backgroundColor":case"windowColor":q(this._spanEl,tA(this._player.textTrackStyle[e]));break;case"fontOpacity":q(this._spanEl,tw(this._player.textTrackStyle.fontColor));break;case"backgroundOpacity":q(this._spanEl,tw(this._player.textTrackStyle.backgroundColor));break;case"windowOpacity":q(this._spanEl,tw(this._player.textTrackStyle.windowColor));break;case"edgeStyle":q(this._spanEl,tT(this._player.textTrackStyle.edgeStyle));break;default:{let t=this._player.textTrackStyle[e];q(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 tx(e){if(!e)return"Default";let t=M(tf,t=>{let[r,a]=t;return a===e});return t?t[0]:"Custom"}function tA(e){if(!e)return"Default";let t=tu(e);if(t){let e=ty(t),r=M(t_,t=>{let[r,a]=t;return a===e});if(r)return r[0]}return"Custom"}function tw(e){if(!e)return"Default";let t=tu(e);return t?`${100*t.a_}%`:"Custom"}function tT(e){if(!e)return"Default";let t=M(tk,t=>{let[r,a]=t;return a===e});return t?t[0]:"Custom"}customElements.define("theoplayer-text-track-style-display",tE);let tC=document.createElement("template");tC.innerHTML=`<style>${ej}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`,i(tC,"theoplayer-text-track-style-radio-group");class tL extends U(HTMLElement,["player"]){static get observedAttributes(){return[l.PROPERTY]}connectedCallback(){o(this),this._radioGroup instanceof eL||customElements.upgrade(this._radioGroup),this._upgradeProperty("property"),this._upgradeProperty("value"),this._upgradeProperty("player"),this.hasAttribute(l.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(l.PROPERTY)}set property(e){this.setAttribute(l.PROPERTY,e)}get value(){return this._value}set value(e){this._value!==e&&(this._value=e,this._updateToPlayer(),this._updateChecked(),this.dispatchEvent(ex("change",{bubbles:!0})))}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.textTrackStyle.removeEventListener("change",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.textTrackStyle.addEventListener("change",this._updateFromPlayer))}_updateToPlayer(){if(void 0!==this._player)switch(this.property){case"fontColor":this._player.textTrackStyle.fontColor=tS(this.value,this._player.textTrackStyle.fontColor,tb);break;case"backgroundColor":this._player.textTrackStyle.backgroundColor=tS(this.value,this._player.textTrackStyle.backgroundColor,tv);break;case"windowColor":this._player.textTrackStyle.windowColor=tS(this.value,this._player.textTrackStyle.windowColor,tv);break;case"fontOpacity":this._player.textTrackStyle.fontColor=tP(this.value,this._player.textTrackStyle.fontColor,tb);break;case"backgroundOpacity":this._player.textTrackStyle.backgroundColor=tP(this.value,this._player.textTrackStyle.backgroundColor,tv);break;case"windowOpacity":this._player.textTrackStyle.windowColor=tP(this.value,this._player.textTrackStyle.windowColor,tv);break;default:this._player.textTrackStyle[this.property]=""==this.value?void 0:this.value}}attributeChangedCallback(e,t,r){r!==t&&(e===l.PROPERTY&&this._updateFromPlayer(),tL.observedAttributes.indexOf(e)>=0&&n(this))}constructor(){super(),this._updateChecked=()=>{let e=this._radioGroup.allRadioButtons();for(let t of e)t.checked=t.value===this.value},this._onChange=()=>{let e=this._radioGroup.checkedRadioButton;null!==e&&this.value!==e.value&&(this.value=e.value)},this._updateFromPlayer=()=>{var e,t,r,a,i,o,n,s,l,h;if(void 0!==this._player)switch(this.property){case"fontColor":{let t=this._player.textTrackStyle.fontColor;this.value=t?ty(null!=(e=tu(t))?e:tb):"";break}case"backgroundColor":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?ty(null!=(t=tu(e))?t:tv):"";break}case"windowColor":{let e=this._player.textTrackStyle.windowColor;this.value=e?ty(null!=(r=tu(e))?r:tv):"";break}case"fontOpacity":{let e=this._player.textTrackStyle.fontColor;this.value=e?String((null!=(i=null==(a=tu(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=tu(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=tu(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(tC.content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot")}}function tS(e,t,r){var a,i,o;let n=null!=(i=null==(a=tu(t))?void 0:a.a_)?i:1;if(""!==e||1!==n){let t=null!=(o=tu(e))?o:r;return tc(tm(t,n))}}function tP(e,t,r){var a;let i=null!=(a=tu(t))?a:r;if(!(""===e&&tg(i,r))){let t=""==e?1:Number(e)/100;return tc(tm(i,t))}}customElements.define("theoplayer-text-track-style-radio-group",tL);let tM=document.createElement("template");tM.innerHTML=eF(ts,`${th}
-${tl}`),i(tM,"theoplayer-text-track-style-menu");class tR extends eH{constructor(){super({template:tM})}}customElements.define("theoplayer-text-track-style-menu",tR);let tI=document.createElement("template");tI.innerHTML=eF(to,tn),i(tI,"theoplayer-language-menu");let tO=["addtrack","removetrack"];class tD extends U(eH,["player"]){static get observedAttributes(){return[...eH.observedAttributes,l.HAS_AUDIO,l.HAS_SUBTITLES]}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.audioTracks.removeEventListener(tO,this._updateAudioTracks),this._player.textTracks.removeEventListener(tO,this._updateTextTracks)),this._player=e,this._updateAudioTracks(),this._updateTextTracks(),void 0!==this._player&&(this._player.audioTracks.addEventListener(tO,this._updateAudioTracks),this._player.textTracks.addEventListener(tO,this._updateTextTracks)))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),tD.observedAttributes.indexOf(e)>=0&&n(this)}constructor(){super({template:tI}),this._updateAudioTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.audioTracks)?t:[];r.length<2?this.removeAttribute(l.HAS_AUDIO):this.setAttribute(l.HAS_AUDIO,"")},this._updateTextTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.textTracks.filter(e5))?t:[];0===r.length?this.removeAttribute(l.HAS_SUBTITLES):this.setAttribute(l.HAS_SUBTITLES,"")},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu",tD);var tN='<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';let tq=document.createElement("template");tq.innerHTML=y(`<span part="icon"><slot>${tN}</slot></span>`),i(tq,"theoplayer-language-menu-button");let tF=["addtrack","removetrack"];class tB extends U(e$,["player"]){connectedCallback(){super.connectedCallback(),this.hasAttribute(l.ARIA_LABEL)||this.setAttribute(l.ARIA_LABEL,"open language menu")}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.audioTracks.removeEventListener(tF,this._updateTracks),this._player.textTracks.removeEventListener(tF,this._updateTracks)),this._player=e,this._updateTracks(),void 0!==this._player&&(this._player.audioTracks.addEventListener(tF,this._updateTracks),this._player.textTracks.addEventListener(tF,this._updateTracks)))}constructor(){super({template:tq}),this._updateTracks=()=>{let e=void 0!==this._player&&(this._player.audioTracks.length>=2||this._player.textTracks.some(e5));e?this.removeAttribute("hidden"):this.setAttribute("hidden","")},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu-button",tB);let tH=document.createElement("template");tH.innerHTML=`<style>${ej}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`,i(tH,"theoplayer-playback-rate-radio-group");class tU extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this._radioGroup instanceof eL||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(ex("change",{bubbles:!0})))}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener("ratechange",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener("ratechange",this._updateFromPlayer))}constructor(){super(),this._value=1,this._updateChecked=()=>{let e=this._radioGroup.allRadioButtons();for(let t of e)t.checked=Number(t.value)===this.value},this._onChange=()=>{let e=this._radioGroup.checkedRadioButton;null!==e&&this.value!==Number(e.value)&&(this.value=e.value)},this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.playbackRate)};let e=this.attachShadow({mode:"open"});e.appendChild(tH.content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot"),this._upgradeProperty("value"),this._upgradeProperty("player")}}customElements.define("theoplayer-playback-rate-radio-group",tU);var tV='<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';let t$=document.createElement("template");t$.innerHTML=y(`<span part="icon"><slot>${tV}</slot></span>`),i(t$,"theoplayer-playback-rate-button");class tz extends e${connectedCallback(){super.connectedCallback(),this.hasAttribute(l.ARIA_LABEL)||this.setAttribute(l.ARIA_LABEL,"open playback speed menu")}constructor(){super({template:t$})}}customElements.define("theoplayer-playback-rate-menu-button",tz);var tG='<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>';let tQ=document.createElement("template");tQ.innerHTML=eI('<span slot="heading"><slot name="heading">Playback speed</slot></span>',tG),i(tQ,"theoplayer-playback-rate-menu");class tY extends eD{constructor(){super({template:tQ})}}customElements.define("theoplayer-playback-rate-menu",tY);class tK extends U(HTMLElement,["playbackRate"]){connectedCallback(){o(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,q(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",tK);class tW extends U(HTMLElement,["activeVideoQuality","targetVideoQualities"]){connectedCallback(){o(this)}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}get activeVideoQuality(){return this._activeVideoQuality}set activeVideoQuality(e){this._activeVideoQuality=e,this.update_()}get targetVideoQualities(){return this._targetVideoQualities}set targetVideoQualities(e){this._targetVideoQualities=e,this.update_()}update_(){let e;let t=void 0!==this._targetVideoQualities&&1===this._targetVideoQualities.length,r=t?this._targetVideoQualities[0]:void 0,a=null!=r?r:this._activeVideoQuality,i=e3(a);e=t?null!=i?i:"Unknown":`Automatic${i?` (${i})`:""}`,q(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",tW);let tZ=document.createElement("template");tZ.innerHTML=y("<slot></slot>"),i(tZ,"theoplayer-quality-radio-button");let tj=["activequalitychanged","targetqualitychanged"],tJ=["update"];class tX extends eT{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(tj,this._updateFromTrack),this._track=e,this._updateFromTrack(),e&&e.addEventListener(tj,this._updateFromTrack))}get quality(){return this._quality}set quality(e){this._quality!==e&&(this._quality&&this._quality.removeEventListener(tJ,this._updateFromQuality),this._quality=e,this._updateFromTrack(),e&&e.addEventListener(tJ,this._updateFromQuality))}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===l.ARIA_CHECKED&&this._updateTargetQuality(),tX.observedAttributes.indexOf(e)>=0&&n(this))}constructor(){super({template:tZ}),this._track=void 0,this._quality=void 0,this._updateFromTrack=()=>{if(void 0!==this._track){let e=this._track.targetQuality;void 0===this._quality?this.checked=void 0===e:this.checked=Array.isArray(e)?e.indexOf(this._quality)>=0:e===this._quality}this._updateFromQuality()},this._updateFromQuality=()=>{var e;q(this._slotEl,null!=(e=e3(this._quality))?e:"Automatic")},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track"),this._upgradeProperty("quality")}}customElements.define("theoplayer-quality-radio-button",tX);let t0=document.createElement("template");t0.innerHTML=`<style>${ej}</style><theoplayer-radio-group></theoplayer-radio-group>`,i(t0,"theoplayer-quality-radio-group");let t1=["addtrack","removetrack","change"];class t5 extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this._radioGroup instanceof eL||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){this._player!==e&&(void 0!==this._player&&this._player.videoTracks.removeEventListener(t1,this._updateTrack),this._player=e,this._updateTrack(),void 0!==this._player&&this._player.videoTracks.addEventListener(t1,this._updateTrack))}constructor(){super(),this._onChange=()=>{this.dispatchEvent(ex("change",{bubbles:!0}))},this._updateTrack=()=>{let e=this._player?M(this._player.videoTracks,e=>e.enabled):void 0;this._track!==e&&(this._track=e,this._update())},this._update=()=>{let e=P(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 tX;e.track=this._track,e.quality=r[a],this._radioGroup.appendChild(e),a++}};let e=this.attachShadow({mode:"open"});e.appendChild(t0.content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("player")}}customElements.define("theoplayer-quality-radio-group",t5);let t2=document.createElement("template");t2.innerHTML=y("<slot>Reset</slot>"),i(t2,"theoplayer-text-track-style-reset-button");class t3 extends U(g,["player"]){static get observedAttributes(){return[...g.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:t2})}}customElements.define("theoplayer-text-track-style-reset-button",t3);var t8='<theoplayer-menu><span slot="heading"><slot name="heading">Settings</slot></span><div class="theoplayer-menu-table"><span>Quality</span><theoplayer-menu-button menu="quality-menu"><theoplayer-active-quality-display></theoplayer-active-quality-display></theoplayer-menu-button><span>Playback speed</span><theoplayer-menu-button menu="playback-rate-menu"><theoplayer-playback-rate-display></theoplayer-playback-rate-display></theoplayer-menu-button></div></theoplayer-menu><theoplayer-menu id="quality-menu" menu-close-on-input hidden><span slot="heading">Quality</span><theoplayer-quality-radio-group></theoplayer-quality-radio-group></theoplayer-menu><theoplayer-playback-rate-menu id="playback-rate-menu" menu-close-on-input hidden><span slot="heading">Playback speed</span></theoplayer-playback-rate-menu>';let t4=document.createElement("template");t4.innerHTML=eF(t8,th),i(t4,"theoplayer-settings-menu");class t7 extends eH{constructor(){super({template:t4})}}customElements.define("theoplayer-settings-menu",t7);var t6='<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 t9=document.createElement("template");t9.innerHTML=y(`<span part="icon"><slot>${t6}</slot></span>`),i(t9,"theoplayer-settings-menu-button");class re extends e${connectedCallback(){super.connectedCallback(),this.hasAttribute(l.ARIA_LABEL)||this.setAttribute(l.ARIA_LABEL,"open settings menu")}constructor(){super({template:t9})}}customElements.define("theoplayer-settings-menu-button",re);var rt=":host(:not([fullscreen])) [part=exit-icon],:host([fullscreen]) [part=enter-icon]{display:none!important}",rr='<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',ra='<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';let ri="theoplayerfullscreenenter",ro="theoplayerfullscreenexit",rn=document.createElement("template");rn.innerHTML=y(`<span part="enter-icon"><slot name="enter-icon">${rr}</slot></span><span part="exit-icon"><slot name="exit-icon">${ra}</slot></span>`,rt),i(rn,"theoplayer-fullscreen-button");class rs extends U(g,["fullscreen"]){static get observedAttributes(){return[...g.observedAttributes,l.FULLSCREEN]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get fullscreen(){return this.hasAttribute(l.FULLSCREEN)}set fullscreen(e){e?this.setAttribute(l.FULLSCREEN,""):this.removeAttribute(l.FULLSCREEN)}handleClick(){if(this.fullscreen){let e=eA(ro,{bubbles:!0,composed:!0});this.dispatchEvent(e)}else{let e=eA(ri,{bubbles:!0,composed:!0});this.dispatchEvent(e)}}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),rs.observedAttributes.indexOf(e)>=0&&(n(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.fullscreen?"exit fullscreen":"enter fullscreen";this.setAttribute(l.ARIA_LABEL,e)}constructor(){super({template:rn}),this._upgradeProperty("fullscreen")}}customElements.define("theoplayer-fullscreen-button",rs);var rl=":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:calc(24px + var(--theoplayer-range-padding)*2);height:calc(var(--theoplayer-control-height, 24px) + var(--theoplayer-range-padding)*2);padding-left:var(--theoplayer-range-padding-left,var(--theoplayer-range-padding));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 rh{add(e,t,r){if((t=Math.max(t,0))>=(r=Math.min(r,100)))return;let a=R(this._stops,e=>{let[,r]=e;return t<=r});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 rp(e,t){return void 0===t&&(t=""),`<style>${rl}
-${t}</style><div part="container"><div part="background"></div><div part="pointer"></div>${e}</div>`}class rd extends HTMLElement{static get observedAttributes(){return[l.DISABLED,l.HIDDEN]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this._rangeEl.setAttribute(l.ARIA_LABEL,this.getAriaLabel()),this.update(),this.addEventListener("pointermove",this._updatePointerBar)}disconnectedCallback(){this.removeEventListener("pointermove",this._updatePointerBar)}get disabled(){return this.hasAttribute(l.DISABLED)}set disabled(e){e?this.setAttribute(l.DISABLED,""):this.removeAttribute(l.DISABLED)}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)}attributeChangedCallback(e,t,r){if(r===t)return;let a=null!=r;e===l.DISABLED?(this.setAttribute("aria-disabled",a?"true":"false"),a?this._rangeEl.setAttribute(e,r):this._rangeEl.removeAttribute(e)):e!==l.HIDDEN||a||this.update(),rd.observedAttributes.indexOf(e)>=0&&n(this)}handleInput(){this.update()}update(){this.hasAttribute(l.HIDDEN)||(this._rangeEl.setAttribute("aria-valuetext",this.getAriaValueText()),this.updateBar_())}updateBar_(){let e=this.getBarColors().toGradientStops();n(this,{"--theoplayer-range-track-progress-internal":`linear-gradient(to right, ${e})`})}getBarColors(){let e=this.value-this.min,t=this.max-this.min,r=e/t*100;isNaN(r)&&(r=0);let a=this._rangeEl.offsetWidth;a>0&&(this._lastRangeWidth=a);let i=0;if(this.min<this.value&&this.value<this.max){let e=getComputedStyle(this).getPropertyValue("--theoplayer-range-thumb-width")||"10px",t=parseInt(e)*(.5-r/100);i=t/this._lastRangeWidth*100}let o=new rh;return o.add("var(--theoplayer-range-bar-color, #fff)",0,r+i),o}updatePointer_(e,t){this._pointerEl.style.width=`${e*t.width}px`}constructor(e){super(),this._lastRangeWidth=0,this._onInput=()=>{this.handleInput()},this._updatePointerBar=e=>{if(this.disabled)return;let t=this._rangeEl.getBoundingClientRect(),r=(e.clientX-t.left)/t.width;r=Math.max(0,Math.min(1,r)),this.updatePointer_(r,t)};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._pointerEl=t.querySelector('[part="pointer"]'),this._upgradeProperty("disabled"),this._upgradeProperty("value"),this._upgradeProperty("min"),this._upgradeProperty("max"),this._upgradeProperty("step")}}var ru='<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>',rc="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 ry="theoplayerpreviewtimechange";var rm=":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 rg=document.createElement("template");rg.innerHTML=`<style>${rm}</style><canvas></canvas>`,i(rg,"theoplayer-preview-thumbnail");let rb=["addtrack","removetrack"];class rv extends U(HTMLElement,["player","previewTime"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.textTracks.removeEventListener(rb,this._updateThumbnailTextTrack),this._player=e,this._updateThumbnailTextTrack(),void 0!==this._player&&this._player.textTracks.addEventListener(rb,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=rf(e.cues,this._previewTime);if(void 0===t){this.hideThumbnail_();return}let r=t.content.trim(),a=rk(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,w)):(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?M(this._player.textTracks,r_):void 0;e!==t&&(this._thumbnailTextTrack=t,this.updateThumbnail_())};let e=this.attachShadow({mode:"open"});e.appendChild(rg.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 r_(e){return"metadata"===e.kind&&"thumbnails"===e.label}function rf(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}function rk(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}}customElements.define("theoplayer-preview-thumbnail",rv);let rE=document.createElement("template");rE.innerHTML=`<style>${ei}</style><span></span>`,i(rE,"theoplayer-preview-time-display");let rx=["timeupdate","seeking","seeked","durationchange"];class rA extends U(HTMLElement,["player","previewTime","streamType"]){static get observedAttributes(){return[l.REMAINING,l.REMAINING_WHEN_LIVE,l.STREAM_TYPE]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this._update()}get previewTime(){return this._previewTime}set previewTime(e){this._previewTime=e,this._update()}get streamType(){return this.getAttribute(l.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(l.STREAM_TYPE,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(rx,this._update),this._player=e,this._update(),void 0!==this._player&&this._player.addEventListener(rx,this._update))}attributeChangedCallback(e,t,r){r!==t&&rA.observedAttributes.indexOf(e)>=0&&(this._update(),n(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(l.REMAINING)||this.hasAttribute(l.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType;o&&(t=-((i||0)-t)),q(this._spanEl,en(t,i,o))};let e=this.attachShadow({mode:"open"});e.appendChild(rE.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}function rw(e){return"linear"===e.type}customElements.define("theoplayer-preview-time-display",rA);let rT=document.createElement("template");rT.innerHTML=rp(ru,rc),i(rT,"theoplayer-time-range");let rC=["timeupdate","durationchange","ratechange","seeking","seeked"],rL=["play","pause","ended","readystatechange","error"],rS=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"],rP="video not loaded, unknown time",rM=1;class rR extends U(rd,["player","streamType"]){static get observedAttributes(){return[...rd.observedAttributes,l.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(rC,this._updateFromPlayer),this._player.removeEventListener(rL,this._toggleAutoAdvance),null==(t=this._player.ads)||t.removeEventListener(rS,this._onAdChange)),this._player=e,this._updateFromPlayer(),this._toggleAutoAdvance(),void 0!==this._player&&(this._player.addEventListener(rC,this._updateFromPlayer),this._player.addEventListener(rL,this._toggleAutoAdvance),null==(r=this._player.ads)||r.addEventListener(rS,this._onAdChange)))}get streamType(){return this.getAttribute(l.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(l.STREAM_TYPE,e)}getAriaLabel(){return"seek"}getAriaValueText(){let e=eh(this.value),t=eh(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===l.STREAM_TYPE?this._updateDisabled():e===l.SHOW_AD_MARKERS&&this.update(),rR.observedAttributes.indexOf(e)>=0&&n(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}updatePointer_(e,t){super.updatePointer_(e,t);let r=t.left+e*t.width,a=this._previewBoxEl.getBoundingClientRect(),i=t.left+a.width/2,o=t.right-a.width/2;r=Math.max(i,Math.min(o,r));let n=(r-t.left)/t.width;if(this._previewRailEl.style.transform=`translateX(${(1e4*n).toFixed(6)}%)`,void 0===this._player)return;let{min:s,max:l}=this,h=eA(ry,{bubbles:!0,composed:!0,detail:{previewTime:s+e*(l-s)}});this.dispatchEvent(h)}getBarColors(){let e=super.getBarColors();if(!this.hasAttribute(l.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(rw))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}constructor(){super({template:rT}),this._pausedWhileScrubbing=!1,this._autoAdvanceId=0,this._lastUpdateTime=0,this._lastCurrentTime=0,this._lastPlaybackRate=0,this._updateFromPlayer=()=>{if(void 0===this._player)return;this._lastUpdateTime=performance.now(),this._lastCurrentTime=this._player.currentTime,this._lastPlaybackRate=this._player.playbackRate;let e=this._player.seekable;if(0!==e.length?(this.min=e.start(0),this.max=e.end(0)):(this.min=0,this.max=this._player.duration),!isFinite(this._lastCurrentTime)){let e=this._player.duration===1/0;this._lastCurrentTime=e?this.max:this.min}this._rangeEl.valueAsNumber=this._lastCurrentTime,this.update(),this._updateDisabled()},this._updateDisabled=()=>{let e="live"===this.streamType;void 0!==this._player&&(e||(e=0===this._player.seekable.length)),this.disabled=e},this._pauseOnScrubStart=()=>{this._pausedWhileScrubbing||void 0===this._player||this._player.paused||(this._pausedWhileScrubbing=!0,this._player.pause(),document.addEventListener("mouseup",this._playOnScrubEnd),document.addEventListener("touchend",this._playOnScrubEnd))},this._playOnScrubEnd=()=>{this._pausedWhileScrubbing&&(this._pausedWhileScrubbing=!1,document.removeEventListener("mouseup",this._playOnScrubEnd),document.removeEventListener("touchend",this._playOnScrubEnd),void 0!==this._player&&this._player.paused&&this._player.play())},this._toggleAutoAdvance=()=>{this.shouldAutoAdvance_()?0===this._autoAdvanceId&&(this._updateFromPlayer(),this._autoAdvanceId=requestAnimationFrame(this._autoAdvanceWhilePlaying)):0!==this._autoAdvanceId&&(this._updateFromPlayer(),cancelAnimationFrame(this._autoAdvanceId),this._autoAdvanceId=0)},this._autoAdvanceWhilePlaying=()=>{if(!this.shouldAutoAdvance_()){this._autoAdvanceId=0;return}let e=(performance.now()-this._lastUpdateTime)/1e3;this._rangeEl.valueAsNumber=this._lastCurrentTime+e*this._lastPlaybackRate,this.update(),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(l.ARIA_LIVE,"off"),this._rangeEl.addEventListener("mousedown",this._pauseOnScrubStart),this._rangeEl.addEventListener("touchstart",this._pauseOnScrubStart),this._upgradeProperty("player")}}customElements.define("theoplayer-time-range",rR);let rI=document.createElement("template");function rO(e,t){return`${Math.round(e/t*100)}%`}rI.innerHTML=rp('<input type="range" min="0" max="1" step="any" value="0">'),i(rI,"theoplayer-volume-range");class rD extends U(rd,["player"]){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(){return rO(this.value,this.max)}handleInput(){void 0!==this._player&&this._player.volume!==this.value&&(this._player.volume=this.value),super.handleInput()}constructor(){super({template:rI}),this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.volume)},this._upgradeProperty("player")}}customElements.define("theoplayer-volume-range",rD);var rN=":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}",rq='<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';let rF=document.createElement("template");rF.innerHTML=`<style>${rN}</style><div part="icon"><slot name="icon">${rq}</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>`,i(rF,"theoplayer-error-display");class rB extends U(HTMLElement,["error","fullscreen"]){static get observedAttributes(){return[l.FULLSCREEN]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this)}get error(){return this._error}set error(e){this._error=e,q(this._messageSlot,e?e.message:"")}get fullscreen(){return this.hasAttribute(l.FULLSCREEN)}set fullscreen(e){e?this.setAttribute(l.FULLSCREEN,""):this.removeAttribute(l.FULLSCREEN)}attributeChangedCallback(e,t,r){rB.observedAttributes.indexOf(e)>=0&&n(this)}constructor(){super();let e=this.attachShadow({mode:"open",delegatesFocus:!0});e.appendChild(rF.content.cloneNode(!0)),this._messageSlot=e.querySelector('slot[name="message"]'),this._upgradeProperty("error")}}customElements.define("theoplayer-error-display",rB);class rH extends g{static get observedAttributes(){return[...g.observedAttributes,l.CAST_STATE]}connectedCallback(){super.connectedCallback(),this.hasAttribute(l.CAST_STATE)||this.setAttribute(l.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(l.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),rH.observedAttributes.indexOf(e)>=0&&n(this)}constructor(e){super(e),this._updateCastState=()=>{let e=this._castApi?this._castApi.state:"unavailable";this.setAttribute(l.CAST_STATE,e)},this._upgradeProperty("castState"),this._upgradeProperty("castApi")}}var rU='<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>',rV=":host([cast-state=unavailable]){display:none!important}:host([cast-state=connecting]) .theoplayer-chromecast-ring{animation:.9s linear infinite}:host([cast-state=connecting]) .theoplayer-chromecast-ring1{animation-name:theoplayer-chromecast-connecting-ring1}:host([cast-state=connecting]) .theoplayer-chromecast-ring2{animation-name:theoplayer-chromecast-connecting-ring2}:host([cast-state=connecting]) .theoplayer-chromecast-ring3{animation-name:theoplayer-chromecast-connecting-ring3}:host([cast-state=connecting]) .theoplayer-chromecast-ring4{animation-name:theoplayer-chromecast-connecting-ring4}.theoplayer-chromecast-inner{opacity:0;transition:opacity .5s ease-in-out}:host([cast-state=connected]) .theoplayer-chromecast-inner{opacity:1}.theoplayer-chromecast-rings{-webkit-clip-path:polygon(50% -100%,50% 50%,100% 50%,100% -100%);clip-path:polygon(50% -100%,50% 50%,100% 50%,100% -100%)}@keyframes theoplayer-chromecast-connecting-ring1{0%,37.5%{transform:scale(0)}62.5%,to{transform:scale(1)}}@keyframes theoplayer-chromecast-connecting-ring2{0%,20%{stroke-width:24;transform:scale(.25)}35%{stroke-width:10;transform:scale(.5)}55%,to{stroke-width:4;transform:scale(1)}}@keyframes theoplayer-chromecast-connecting-ring3{0%,15%{stroke-width:6.66667;transform:scale(.6)}45%,to{stroke-width:4;transform:scale(1)}}@keyframes theoplayer-chromecast-connecting-ring4{0%{stroke-width:4;stroke-dashoffset:0;stroke-dasharray:32,99;opacity:1;transform:scale(1)}35%{stroke-width:2.8571;stroke-dashoffset:-18;stroke-dasharray:0,99;opacity:1;transform:scale(1.4)}50%{stroke-width:0;stroke-dashoffset:-18;stroke-dasharray:0,99;opacity:1;transform:scale(1.5)}50.001%,to{opacity:0}}";let r$=document.createElement("template");r$.innerHTML=y(rU,rV),i(r$,"theoplayer-chromecast-button");let rz="theoplayer-chromecast-rings-mask",rG=0;class rQ extends U(rH,["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),rQ.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(l.ARIA_LABEL,e)}constructor(){super({template:r$});let e=++rG,t=this.shadowRoot.querySelector(`svg clipPath#${rz}`),r=this.shadowRoot.querySelector("svg .theoplayer-chromecast-rings"),a=`${rz}-${e}`;t.setAttribute("id",a),r.setAttribute("clip-path",a),this._upgradeProperty("player")}}customElements.define("theoplayer-chromecast-button",rQ);var rY=":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}",rK='<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';let rW=document.createElement("template");rW.innerHTML=`<style>${rY}</style><div part="icon"><slot name="icon">${rK}</slot></div><div part="text"><p part="heading"><slot name="heading">Playing on</slot></p><p part="receiver">Chromecast Receiver</p></div>`,i(rW,"theoplayer-chromecast-display");let rZ=["statechange"];class rj extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this.hasAttribute(l.HIDDEN)||this.setAttribute(l.HIDDEN,""),this._updateFromPlayer()}get player(){return this._player}set player(e){var t,r,a,i,o,n;this._player!==e&&(null==(t=this._player)||null==(r=t.cast)||null==(a=r.chromecast)||a.removeEventListener(rZ,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),null==(i=this._player)||null==(o=i.cast)||null==(n=o.chromecast)||n.addEventListener(rZ,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{var e,t;let r=null==(e=this._player)?void 0:null==(t=e.cast)?void 0:t.chromecast;if(void 0===r||"connected"!==r.state){this.setAttribute(l.HIDDEN,"");return}q(this._receiverNameEl,r.receiverName||""),this.removeAttribute(l.HIDDEN)};let e=this.attachShadow({mode:"open"});e.appendChild(rW.content.cloneNode(!0)),this._receiverNameEl=e.querySelector('[part="receiver"]'),this._upgradeProperty("player")}}customElements.define("theoplayer-chromecast-display",rj);var rJ='<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>',rX=":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}";let r0=document.createElement("template");r0.innerHTML=y(rJ,rX),i(r0,"theoplayer-airplay-button");class r1 extends U(rH,["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),r1.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(l.ARIA_LABEL,e)}constructor(){super({template:r0}),this._upgradeProperty("player")}}customElements.define("theoplayer-airplay-button",r1);var r5=":host{pointer-events:none!important}:host{box-sizing:border-box;display:inline-flex;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)}}",r2='<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 r3=document.createElement("template");r3.innerHTML=`<style>${r5}</style>${r2}`,i(r3,"theoplayer-loading-indicator");let r8=["readystatechange","play","pause","playing","seeking","seeked"];class r4 extends U(HTMLElement,["player"]){static get observedAttributes(){return[l.LOADING]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(r8,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(r8,this._updateFromPlayer))}attributeChangedCallback(e,t,r){r4.observedAttributes.indexOf(e)>=0&&n(this)}constructor(){super(),this._updateFromPlayer=()=>{let e=void 0!==this._player&&!this._player.paused&&(this._player.seeking||this._player.readyState<3);e?this.setAttribute(l.LOADING,""):this.removeAttribute(l.LOADING)};let e=this.attachShadow({mode:"open"});e.appendChild(r3.content.cloneNode(!0)),this._upgradeProperty("player")}}customElements.define("theoplayer-loading-indicator",r4);var r7=":host{pointer-events:none!important}:host{box-sizing:border-box;display:inline-block}";let r6=document.createElement("template");r6.innerHTML=`<style>${r7}</style>`,i(r6,"theoplayer-gesture-receiver");class r9 extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this.setAttribute("tabindex","-1"),this.setAttribute("aria-hidden","true")}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.element.removeEventListener("pointerdown",this._onPointerDown),this._player.element.removeEventListener("click",this._onClick)),this._player=e,void 0!==this._player&&(this._player.element.addEventListener("pointerdown",this._onPointerDown),this._player.element.addEventListener("click",this._onClick)))}handleTap(e){}handleMouseClick(e){if(void 0!==this._player){var t,r;null!=(t=this._player)&&null!=(r=t.ads)&&r.playing||(this._player.paused?this._player.play():this._player.pause())}}constructor(){super(),this._pointerType="",this._onPointerDown=e=>{this._pointerType=e.pointerType},this._onClick=e=>{var t;let r=null!=(t=e.pointerType)?t:this._pointerType;"touch"===r?this.handleTap(e):"mouse"===r&&this.handleMouseClick(e)};let e=this.attachShadow({mode:"open"});e.appendChild(r6.content.cloneNode(!0)),this._upgradeProperty("player")}}customElements.define("theoplayer-gesture-receiver",r9);var ae="[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)}",at='<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';let ar=document.createElement("template");ar.innerHTML=y(`<span part="icon"><slot name="icon">${at}</slot></span><slot name="spacer"> </slot><span part="text"><slot name="text">LIVE</slot></span>`,ae),i(ar,"theoplayer-live-button");let aa=["play","pause","playing","emptied"],ai=["seeking","seeked","timeupdate","durationchange","emptied"],ao=10;class an extends U(g,["player","streamType"]){static get observedAttributes(){return[...g.observedAttributes,l.STREAM_TYPE,l.LIVE,l.PAUSED,l.LIVE_THRESHOLD]}connectedCallback(){super.connectedCallback(),this.hasAttribute(l.ARIA_LABEL)||this.setAttribute(l.ARIA_LABEL,"seek to live")}get paused(){return this.hasAttribute(l.PAUSED)}set paused(e){e?this.setAttribute(l.PAUSED,""):this.removeAttribute(l.PAUSED)}get streamType(){return this.getAttribute(l.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(l.STREAM_TYPE,e)}get liveThreshold(){var e;return Number(null!=(e=this.getAttribute(l.LIVE_THRESHOLD))?e:10)}set liveThreshold(e){e=Number(e),this.setAttribute(l.LIVE_THRESHOLD,String(isNaN(e)?0:e))}get live(){return this.hasAttribute(l.LIVE)}set live(e){e?this.setAttribute(l.LIVE,""):this.removeAttribute(l.LIVE)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(aa,this._updatePaused),this._player.removeEventListener(ai,this._updateLive)),this._player=e,this._updatePaused(),this._updateLive(),void 0!==this._player&&(this._player.addEventListener(aa,this._updatePaused),this._player.addEventListener(ai,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===l.LIVE_THRESHOLD&&this._updateLive(),an.observedAttributes.indexOf(e)>=0&&n(this))}constructor(){super({template:ar}),this._updatePaused=()=>{this.paused=void 0===this._player||this._player.paused},this._updateLive=()=>{this.live=void 0!==this._player&&as(this._player,this.liveThreshold)},this._upgradeProperty("paused"),this._upgradeProperty("streamType"),this._upgradeProperty("liveThreshold"),this._upgradeProperty("live"),this._upgradeProperty("player")}}function as(e,t){if(e.duration===1/0){let r=e.seekable;if(r.length>0)return r.end(r.length-1)-e.currentTime<=t}return!1}customElements.define("theoplayer-live-button",an);var al=":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 ah=document.createElement("template");ah.innerHTML=`<style>${ei}
-${al}</style><span></span>`,i(ah,"theoplayer-ad-display");let ap=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class ad extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this._updateFromPlayer()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(void 0!==this._player&&(null==(t=this._player.ads)||t.removeEventListener(ap,this._updateFromPlayer)),this._player=e,this._updateFromPlayer(),void 0!==this._player&&(null==(r=this._player.ads)||r.addEventListener(ap,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(rw);if(void 0===a||!a.playing||0===i.length){q(this._spanEl,""),this.style.display="none";return}if(i.length>1){let e=this._player.ads.currentAds||[],t=M(e,rw);if(t){let e=i.indexOf(t);if(e>=0){q(this._spanEl,`Ad ${e+1} of ${i.length}`),this.style.display="";return}}}q(this._spanEl,"Ad"),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(ah.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-display",ad);var au=":host{pointer-events:none}";let ac=document.createElement("template");ac.innerHTML=`<style>${ei}
-${au}</style><span></span>`,i(ac,"theoplayer-ad-countdown");let ay=["adbreakbegin","adbreakend","adbreakchange","updateadbreak"];class am extends U(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){o(this),this._update()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener("timeupdate",this._update),null==(t=this._player.ads)||t.removeEventListener(ay,this._onAdChange)),this._player=e,this._onAdChange(),void 0!==this._player&&(null==(r=this._player.ads)||r.addEventListener(ay,this._onAdChange)))}constructor(){super(),this._onAdChange=()=>{var e,t,r;(null==(e=this._player)?void 0:null==(t=e.ads)?void 0:t.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){q(this._spanEl,""),this.style.display="none";return}a=Math.ceil(a),q(this._spanEl,`Content will resume in ${a}s`),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(ac.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-countdown",am);let ag=document.createElement("template");ag.innerHTML=v("<slot>Visit Advertiser</slot>"),i(ag,"theoplayer-ad-clickthrough-button");let ab=["adbegin","adend","adloaded","updatead","adskip"];class av extends U(f,["player"]){static get observedAttributes(){return[...f.observedAttributes,l.CLICKTHROUGH]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer()}get clickThrough(){return this.getAttribute(l.CLICKTHROUGH)}set clickThrough(e){null==e?this.removeAttribute(l.CLICKTHROUGH):this.setAttribute(l.CLICKTHROUGH,e)}get player(){return this._player}set player(e){var t,r;this._player!==e&&(void 0!==this._player&&(null==(t=this._player.ads)||t.removeEventListener(ab,this._updateFromPlayer)),this._player=e,this._updateFromPlayer(),void 0!==this._player&&(null==(r=this._player.ads)||r.addEventListener(ab,this._updateFromPlayer)))}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),e===l.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"}av.observedAttributes.indexOf(e)>=0&&n(this)}handleClick(){var e;null==(e=this._player)||e.pause()}constructor(){super({template:ag}),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=M(null!=(t=r.currentAds)?t:[],rw);if(void 0===a||"google-ima"===a.integration){this.clickThrough=null;return}let i=a.clickThrough;if(!i){this.clickThrough=null;return}this.clickThrough=i},this.disabled=!0,this.style.display="none",this._upgradeProperty("clickThrough"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-clickthrough-button",av);var a_=":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)}: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=skip]{align-items:center;display:flex}[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))}",af='<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';let ak=document.createElement("template");ak.innerHTML=y(`<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">${af}</slot></span></span>`,a_),i(ak,"theoplayer-ad-skip-button");let aE=["adbegin","adend","adloaded","updatead","adskip"];class ax extends U(g,["player"]){static get observedAttributes(){return[...g.observedAttributes]}connectedCallback(){super.connectedCallback(),this._update()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener("timeupdate",this._update),null==(t=this._player.ads)||t.removeEventListener(aE,this._onAdChange)),this._player=e,this._onAdChange(),void 0!==this._player&&(null==(r=this._player.ads)||r.addEventListener(aE,this._onAdChange)))}handleClick(){var e,t;null==(e=this._player)||null==(t=e.ads)||t.skip()}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),ax.observedAttributes.indexOf(e)>=0&&n(this)}constructor(){super({template:ak}),this._onAdChange=()=>{var e,t,r;(null==(e=this._player)?void 0:null==(t=e.ads)?void 0:t.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=M(null!=(t=r.currentAds)?t:[],rw);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);q(this._countdownEl,`Skip in ${e}s`),this._countdownEl.style.display="",this._skipEl.style.display="none",this.style.display="",this.setAttribute(l.DISABLED,""),this.setAttribute(l.ARIA_LIVE,"off")}else this._countdownEl.style.display="none",this._skipEl.style.display="",this.style.display="",this.removeAttribute(l.DISABLED),this.setAttribute(l.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",ax),function(e){e.TopControlBar="top-control-bar",e.BottomControlBar="bottom-control-bar",e.Menu="menu"}(h||(h={}));let aA=[];function aw(e){aA.push(e)}function aT(e){for(let t of aA)t(e)}var aC=':host{container-name:theoplayer-ui-container;container-type:size;background:#000;background:var(--theoplayer-background,#000);box-sizing:border-box;display:inline-block;height:0;min-width:300px;padding-bottom:56.25%;position:relative}:host([hidden]){display:none!important}:host([fullscreen]){height:100%!important;padding:0!important;width:100%!important}:host(:-webkit-full-screen){height:100%!important;padding:0!important;width:100%!important}:host(:fullscreen){height:100%!important;padding:0!important;width:100%!important}:host([fluid]){padding-bottom:56.25%;padding-bottom:calc(100%*var(--theoplayer-video-height, 9)/var(--theoplayer-video-width, 16))}[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] .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])) [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(:not([menu-opened])) [part~=menu-layer],:host([menu-opened][mobile]) [part~=vertical-layer]{display:none!important}@container theoplayer-ui-container (max-width: 500px){:host(:not([mobile])) [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([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]:not([paused]):not([casting]):not([menu-opened])){cursor:none}:host([user-idle]:not([paused]):not([casting]):not([menu-opened])) [part~=chrome] ::slotted(:not([no-auto-hide])){opacity:0;transition:opacity 1s}:host([user-idle]:not([paused]):not([casting]):not([menu-opened])) [part~=vertical-layer]:before{opacity:0;transition:opacity 1s}',aL='<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>';let aS=(()=>{if(!document)return;let e=[["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"]];for(let t of e)if(t[1]in document)return{requestFullscreen_:t[0],exitFullscreen_:t[1],fullscreenElement_:t[2],fullscreenEnabled_:t[3],fullscreenchange_:t[4],fullscreenerror_:t[5]}})();function aP(){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)}class aM{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 aM(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 aM(t,r,a,i)}clone(){return new aM(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}}let aR="theoplayerstreamtypechange",aI=document.createElement("template");aI.innerHTML=`<style>${aC}</style>${aL}`,i(aI,"theoplayer-ui");let aO=2,aD=60;class aN extends HTMLElement{static get observedAttributes(){return[l.CONFIGURATION,l.SOURCE,l.MUTED,l.AUTOPLAY,l.FULLSCREEN,l.FLUID,l.MOBILE,l.PAUSED,l.ENDED,l.CASTING,l.PLAYING_AD,l.HAS_ERROR,l.HAS_FIRST_PLAY,l.STREAM_TYPE,l.DVR_THRESHOLD,l.USER_IDLE,l.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(l.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(l.SOURCE),this._setSource(e)}_setSource(e){this._player?this._player.source=e:this._source=e}get muted(){return this.hasAttribute(l.MUTED)}set muted(e){e?this.setAttribute(l.MUTED,""):this.removeAttribute(l.MUTED)}get autoplay(){return this.hasAttribute(l.AUTOPLAY)}set autoplay(e){e?this.setAttribute(l.AUTOPLAY,""):this.removeAttribute(l.AUTOPLAY)}get fullscreen(){return this.hasAttribute(l.FULLSCREEN)}get paused(){return this.hasAttribute(l.PAUSED)}get ended(){return this.hasAttribute(l.ENDED)}get casting(){return this.hasAttribute(l.CASTING)}get userIdleTimeout(){var e;return Number(null!=(e=this.getAttribute(l.USER_IDLE_TIMEOUT))?e:2)}set userIdleTimeout(e){e=Number(e),this.setAttribute(l.USER_IDLE_TIMEOUT,String(isNaN(e)?0:e))}get streamType(){return this.getAttribute(l.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(l.STREAM_TYPE,e)}get dvrThreshold(){var e;return Number(null!=(e=this.getAttribute(l.DVR_THRESHOLD))?e:60)}set dvrThreshold(e){e=Number(e),this.setAttribute(l.DVR_THRESHOLD,String(isNaN(e)?0:e))}connectedCallback(){var e;for(let e of(o(this),!this.hasAttribute(l.MOBILE)&&aP()&&this.setAttribute(l.MOBILE,""),this.hasAttribute(l.PAUSED)||this.setAttribute(l.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(eM,this._onCloseMenu),this._menuGroup.addEventListener(eR,this._onMenuChange),void 0!==aS&&(document.addEventListener(aS.fullscreenchange_,this._onFullscreenChange),document.addEventListener(aS.fullscreenerror_,this._onFullscreenChange),this._onFullscreenChange()),this.setUserIdle_(),this.addEventListener("keyup",this._onKeyUp),this.addEventListener("pointerup",this._onPointerUp),this.addEventListener("pointermove",this._onPointerMove),this.addEventListener("mouseleave",this._onMouseLeave)}tryInitializePlayer_(){var t,r;if(void 0===this._player&&(void 0!==this._configuration.license||void 0!==this._configuration.licenseUrl)){for(let t of(this._player=new e(this._playerEl,this._configuration),this._source&&(this._player.source=this._source,this._source=void 0),this._player.muted=this.muted,this._player.autoplay=this.autoplay,this._stateReceivers))t[B].indexOf("player")>=0&&(t.player=this._player);this._updateAspectRatio(),this._updateError(),this._updatePausedAndEnded(),this._updateCasting(),this._player.addEventListener("resize",this._updateAspectRatio),this._player.addEventListener(["error","emptied"],this._updateError),this._player.addEventListener("volumechange",this._updateMuted),this._player.addEventListener("play",this._onPlay),this._player.addEventListener("pause",this._onPause),this._player.addEventListener(["ended","emptied"],this._updatePausedAndEnded),this._player.addEventListener(["durationchange","sourcechange","emptied"],this._updateStreamType),this._player.addEventListener("ratechange",this._updatePlaybackRate),this._player.addEventListener("sourcechange",this._onSourceChange),this._player.videoTracks.addEventListener(["addtrack","removetrack","change"],this._updateActiveVideoTrack),null==(t=this._player.cast)||t.addEventListener("castingchange",this._updateCasting),this._player.addEventListener(["durationchange","sourcechange","emptied"],this._updatePlayingAd),null==(r=this._player.ads)||r.addEventListener(["adbreakbegin","adbreakend","adbegin","adend","adskip"],this._updatePlayingAd)}}disconnectedCallback(){var e;for(let t of(null==(e=this._resizeObserver)||e.disconnect(),this._mutationObserver.disconnect(),this.shadowRoot.removeEventListener("slotchange",this._onSlotChange),this._stateReceivers))this.removeStateFromReceiver_(t);this._stateReceivers.length=0,this._menuGroup.removeEventListener(eM,this._onCloseMenu),this._menuGroup.removeEventListener(eR,this._onMenuChange),void 0!==aS&&(document.removeEventListener(aS.fullscreenchange_,this._onFullscreenChange),document.removeEventListener(aS.fullscreenerror_,this._onFullscreenChange)),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._player.destroy(),this._player=void 0)}attributeChangedCallback(e,t,r){if(r===t)return;let a=null!=r;if(e===l.CONFIGURATION)this._setConfiguration(r?JSON.parse(r):{});else if(e===l.SOURCE)this._setSource(r?JSON.parse(r):void 0);else if(e===l.MUTED)this._player&&(this._player.muted=a);else if(e===l.AUTOPLAY)this._player&&(this._player.autoplay=a);else if(e===l.FULLSCREEN)for(let e of this._stateReceivers)e[B].indexOf("fullscreen")>=0&&(e.fullscreen=a);else if(e===l.STREAM_TYPE){for(let e of this._stateReceivers)e[B].indexOf("streamType")>=0&&(e.streamType=r);let e=eA(aR,{bubbles:!0,composed:!0,detail:{streamType:r}});this.dispatchEvent(e)}else e===l.FLUID?this._updateAspectRatio():e===l.USER_IDLE||e===l.PAUSED||e===l.CASTING?this._updateTextTrackMargins():e===l.DVR_THRESHOLD&&this._updateStreamType();aN.observedAttributes.indexOf(e)>=0&&n(this)}propagateStateToReceiver_(e){let t=e[B];if(t.indexOf("player")>=0&&(e.player=this._player),t.indexOf("fullscreen")>=0&&(e.fullscreen=this.fullscreen),t.indexOf("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=e2(this._activeVideoTrack))}t.indexOf("previewTime")>=0&&(e.previewTime=this._previewTime)}removeStateFromReceiver_(e){let t=e[B];t.indexOf("player")>=0&&(e.player=void 0)}openMenu_(e,t){let r=aM.fromRect(this._topChromeEl.getBoundingClientRect()),a=aM.fromRect(this._bottomChromeEl.getBoundingClientRect()),i=!0,o=!0;if(void 0!==t){let e=aM.fromRect(this.getBoundingClientRect()),r=aM.fromRect(t.getBoundingClientRect());e.width>0&&e.height>0&&(i=r.top>=e.top+e.height/2,o=r.left>=e.left+e.width/2)}this._menuGroup.openMenu(e,t),this._menuOpener=t;let s={"--theoplayer-menu-offset-top":`${Math.round(r.height)}px`,"--theoplayer-menu-offset-bottom":`${Math.round(a.height)}px`,"--theoplayer-menu-margin-top":i?"auto":"0","--theoplayer-menu-margin-bottom":i?"0":"auto","--theoplayer-menu-margin-left":o?"auto":"0","--theoplayer-menu-margin-right":o?"0":"auto"};n(this,s)}closeMenu_(){var e;this._menuGroup.closeMenu(),null==(e=this._menuOpener)||e.focus(),this._menuOpener=void 0}isUserIdle_(){return this.hasAttribute(l.USER_IDLE)&&!this.paused&&!this.casting&&!this._menuGroup.hasCurrentMenu()}setUserActive_(){clearTimeout(this._userIdleTimer),this.removeAttribute(l.USER_IDLE)}isPlayerOrMedia_(e){return e===this||this._playerEl.contains(e)}constructor(e={}){super(),this._configuration={},this._pointerType="",this._lastPointerUpTime=0,this._stateReceivers=[],this._player=void 0,this._source=void 0,this._userIdleTimer=0,this._previewTime=NaN,this._activeVideoTrack=void 0,this._onMutation=e=>{for(let t of e)if("childList"===t.type){let{addedNodes:e,removedNodes:r}=t;for(let t=0;t<e.length;t++){let r=e[t];T(r)&&V(r,this._playerEl,this.registerStateReceiver_)}for(let e=0;e<r.length;e++){let t=r[e];T(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=>{I(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=C(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(l.MENU_OPENED,"")):this.removeAttribute(l.MENU_OPENED)},this._onMenuPointerDown=e=>{this._pointerType=e.pointerType},this._onMenuClick=e=>{var t;let r=null!=(t=e.pointerType)?t:this._pointerType;e.target===this._menuEl&&"mouse"===r&&this._menuGroup.closeCurrentMenu()&&e.preventDefault()},this._onEnterFullscreen=e=>{if(e.stopPropagation(),aS&&document[aS.fullscreenEnabled_]&&this[aS.requestFullscreen_]){let e=this[aS.requestFullscreen_]();e&&e.then&&e.then(w,w)}else this._player&&this._player.presentation.supportsMode("fullscreen")&&this._player.presentation.requestMode("fullscreen")},this._onExitFullscreen=e=>{if(e.stopPropagation(),aS){let e=document[aS.exitFullscreen_]();e&&e.then&&e.then(w,w)}this._player&&"fullscreen"===this._player.presentation.currentMode&&this._player.presentation.requestMode("inline")},this._onFullscreenChange=()=>{let e=!1;if(void 0!==aS){let t=document[aS.fullscreenElement_];t&&(e=F(t,this))}e||void 0===this._player||"fullscreen"!==this._player.presentation.currentMode||(e=!0),e?this.setAttribute(l.FULLSCREEN,""):this.removeAttribute(l.FULLSCREEN)},this._updateAspectRatio=()=>{if(void 0===this._player)return;let{videoWidth:e,videoHeight:t}=this._player;e>0&&t>0?n(this,{"--theoplayer-video-width":`${e}`,"--theoplayer-video-height":`${t}`}):n(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(t?this.setAttribute(l.HAS_ERROR,""):this.removeAttribute(l.HAS_ERROR),this._stateReceivers))e[B].indexOf("error")>=0&&(e.error=t)},this._onPlay=()=>{this.setAttribute(l.HAS_FIRST_PLAY,""),this.removeAttribute(l.PAUSED),this._updateEnded()},this._onPause=()=>{this.setAttribute(l.PAUSED,""),this._updateEnded()},this._updatePausedAndEnded=()=>{let e=!this._player||this._player.paused;e?this.setAttribute(l.PAUSED,""):this.removeAttribute(l.PAUSED),this._updateEnded()},this._updateEnded=()=>{let e=!!this._player&&this._player.ended;e?this.setAttribute(l.ENDED,""):this.removeAttribute(l.ENDED)},this._updateStreamType=()=>{let e;if(void 0===this._player)return;let t=this._player.duration;if(!isNaN(t)){if(t===1/0){e="live";let t=this.dvrThreshold,r=this._player.seekable;(t<=0||r.length>0&&r.end(r.length-1)-r.start(0)>=t)&&(e="dvr")}else e="vod";this.streamType=e}},this._updatePlaybackRate=()=>{if(void 0===this._player)return;let e=this._player.playbackRate;for(let t of this._stateReceivers)t[B].indexOf("playbackRate")>=0&&(t.playbackRate=e)},this._updateMuted=()=>{void 0!==this._player&&(this.muted=this._player.muted)},this._updateActiveVideoTrack=()=>{if(void 0===this._player)return;let e=M(this._player.videoTracks,e=>e.enabled);if(this._activeVideoTrack!==e){var t,r,a,i;null==(t=this._activeVideoTrack)||t.removeEventListener("activequalitychanged",this._updateActiveVideoQuality),null==(r=this._activeVideoTrack)||r.removeEventListener("targetqualitychanged",this._updateTargetVideoQualities),this._activeVideoTrack=e,this._updateActiveVideoQuality(),this._updateTargetVideoQualities(),null==(a=this._activeVideoTrack)||a.addEventListener("activequalitychanged",this._updateActiveVideoQuality),null==(i=this._activeVideoTrack)||i.addEventListener("targetqualitychanged",this._updateTargetVideoQualities)}},this._updateActiveVideoQuality=()=>{var e;let t=null==(e=this._activeVideoTrack)?void 0:e.activeQuality;for(let e of this._stateReceivers)e[B].indexOf("activeVideoQuality")>=0&&(e.activeVideoQuality=t)},this._updateTargetVideoQualities=()=>{let e=e2(this._activeVideoTrack);for(let t of this._stateReceivers)t[B].indexOf("targetVideoQualities")>=0&&(t.targetVideoQualities=e)},this._updateCasting=()=>{var e,t,r;let a=null!=(r=null==(e=this._player)?void 0:null==(t=e.cast)?void 0:t.casting)&&r;a?this.setAttribute(l.CASTING,""):this.removeAttribute(l.CASTING)},this._updatePlayingAd=()=>{var e,t,r;let a=null!=(r=null==(e=this._player)?void 0:null==(t=e.ads)?void 0:t.playing)&&r;a?this.setAttribute(l.PLAYING_AD,""):this.removeAttribute(l.PLAYING_AD)},this._onSourceChange=()=>{this.closeMenu_(),void 0===this._player||this._player.paused?this.removeAttribute(l.HAS_FIRST_PLAY):this.setAttribute(l.HAS_FIRST_PLAY,"")},this.setUserIdle_=()=>{clearTimeout(this._userIdleTimer),this._userIdleTimer=0,this.userIdleTimeout<0||this.setAttribute(l.USER_IDLE,"")},this.scheduleUserIdle_=()=>{if(this.setUserActive_(),clearTimeout(this._userIdleTimer),this.userIdleTimeout<0){this._userIdleTimer=0;return}this._userIdleTimer=setTimeout(this.setUserIdle_,1e3*this.userIdleTimeout)},this._onKeyUp=()=>{this.scheduleUserIdle_()},this._onPointerUp=e=>{"touch"===e.pointerType&&(this.isPlayerOrMedia_(e.target)&&!this.hasAttribute(l.USER_IDLE)?this.setUserIdle_():(this.isUserIdle_()&&(this._lastPointerUpTime=performance.now(),this.addEventListener("click",this._onClickAfterPointerUp,!0)),this.scheduleUserIdle_()))},this._onClickAfterPointerUp=e=>{this.removeEventListener("click",this._onClickAfterPointerUp,!0),performance.now()-this._lastPointerUpTime<10&&(e.preventDefault(),e.stopPropagation())},this._onPointerMove=e=>{"mouse"===e.pointerType&&(this.setUserActive_(),this.isPlayerOrMedia_(e.target)&&this.scheduleUserIdle_())},this._onMouseLeave=()=>{this.setUserIdle_()},this._onChromeSlotTransition=e=>{"opacity"===e.propertyName&&this._updateTextTrackMargins()},this._updateTextTrackMargins=()=>{let e=this._player;if(void 0===e)return;let t=aq(this._topChromeSlot),r=aq(this._bottomChromeSlot);e.textTrackStyle.marginTop=null==t?void 0:t.height,e.textTrackStyle.marginBottom=null==r?void 0:r.height},this._onPreviewTimeChange=e=>{for(let t of(this._previewTime=e.detail.previewTime,this._stateReceivers))t[B].indexOf("previewTime")>=0&&(t.previewTime=this._previewTime)};let t=this.attachShadow({mode:"open",delegatesFocus:!0});t.appendChild(aI.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(eq,this._onToggleMenu),t.addEventListener(ri,this._onEnterFullscreen),t.addEventListener(ro,this._onExitFullscreen),t.addEventListener(ry,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("muted"),this._upgradeProperty("autoplay"),this._upgradeProperty("userIdleTimeout"),this._upgradeProperty("streamType"),this.tryInitializePlayer_()}}function aq(e){let t;let r=e.assignedNodes().filter(C);for(let e of r)if("0"!==getComputedStyle(e).opacity){let r=aM.fromRect(e.getBoundingClientRect());r.width>0&&r.height>0&&(t=t?t.union(r):r)}return t}customElements.define("theoplayer-ui",aN);var aF=':host{box-sizing:border-box;display:inline-block;position:relative}:host([hidden]){display:none!important}theoplayer-ui{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] *{--theoplayer-control-height:48px}[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: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)}[part=ad-chrome]{--theoplayer-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{border-right:0!important}theoplayer-ad-skip-button:not([disabled]){--theoplayer-ad-skip-icon-width:24px;--theoplayer-ad-skip-icon-height:24px;font-size:17.5px;font-size:calc(var(--theoplayer-text-font-size, 14px)*1.25);line-height:30px;line-height:calc(var(--theoplayer-text-content-height, var(--theoplayer-control-height, 24px))*1.25)}: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([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]) [part=centered-chrome] :not(theoplayer-play-button),theoplayer-ui:not([has-first-play]) theoplayer-control-bar{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: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:16px}',aB='<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-ad-clickthrough-button ad-only mobile-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"><theoplayer-seek-button seek-offset="-10" mobile-only ad-hidden></theoplayer-seek-button><theoplayer-play-button></theoplayer-play-button><theoplayer-seek-button seek-offset="10" mobile-only ad-hidden></theoplayer-seek-button></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 mobile-hidden ad-only class="theoplayer-ad-control"></theoplayer-play-button><theoplayer-mute-button ad-only class="theoplayer-ad-control"></theoplayer-mute-button><theoplayer-time-range show-ad-markers class="theoplayer-ad-control"></theoplayer-time-range></theoplayer-control-bar><theoplayer-control-bar ad-hidden><theoplayer-play-button mobile-hidden></theoplayer-play-button><theoplayer-mute-button></theoplayer-mute-button><theoplayer-volume-range mobile-hidden></theoplayer-volume-range><theoplayer-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 mobile-hidden ad-hidden></theoplayer-airplay-button><theoplayer-chromecast-button mobile-hidden ad-hidden></theoplayer-chromecast-button><slot name="bottom-control-bar"></slot><theoplayer-fullscreen-button></theoplayer-fullscreen-button></theoplayer-control-bar></div><theoplayer-language-menu id="language-menu" slot="menu" hidden></theoplayer-language-menu><theoplayer-error-display slot="error"></theoplayer-error-display><slot name="menu" slot="menu"></slot></theoplayer-ui>';let aH=document.createElement("template");aH.innerHTML=`<style>${aF}</style>${aB}`,i(aH,"theoplayer-default-ui");class aU extends HTMLElement{static get observedAttributes(){return[l.CONFIGURATION,l.SOURCE,l.MUTED,l.AUTOPLAY,l.FLUID,l.MOBILE,l.STREAM_TYPE,l.USER_IDLE_TIMEOUT,l.DVR_THRESHOLD,l.HAS_TITLE]}_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(l.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(l.SOURCE),this._ui.source=e}get muted(){return this._ui.muted}set muted(e){this._ui.muted=e}get autoplay(){return this._ui.autoplay}set autoplay(e){this._ui.autoplay=e}get streamType(){return this._ui.streamType}set streamType(e){this._ui.streamType=e}get userIdleTimeout(){return this._ui.userIdleTimeout}set userIdleTimeout(e){this._ui.userIdleTimeout=e}get dvrThreshold(){return this._ui.dvrThreshold}set dvrThreshold(e){this._ui.dvrThreshold=e}connectedCallback(){o(this),!this.hasAttribute(l.MOBILE)&&aP()&&this.setAttribute(l.MOBILE,""),this._appliedExtensions||(this._appliedExtensions=!0,aT(this),n(this)),this._onTitleSlotChange()}disconnectedCallback(){}attributeChangedCallback(e,t,r){if(r===t)return;let a=null!=r;e===l.SOURCE?this._ui.source=r?JSON.parse(r):void 0:e===l.CONFIGURATION?this.setConfiguration_(r?JSON.parse(r):{}):e===l.MUTED?this.muted=a:e===l.AUTOPLAY?this.autoplay=a:e===l.FLUID?a?this._ui.setAttribute(l.FLUID,r):this._ui.removeAttribute(l.FLUID):e===l.MOBILE?a?this._ui.setAttribute(l.MOBILE,r):this._ui.removeAttribute(l.MOBILE):e===l.STREAM_TYPE?this.streamType=r:e===l.USER_IDLE_TIMEOUT?this.userIdleTimeout=Number(r):e===l.DVR_THRESHOLD&&(this.dvrThreshold=Number(r)),aU.observedAttributes.indexOf(e)>=0&&n(this)}constructor(e={}){super(),this._appliedExtensions=!1,this._updateStreamType=()=>{this.setAttribute(l.STREAM_TYPE,this.streamType),"live"===this.streamType?this._timeRange.setAttribute(l.HIDDEN,""):this._timeRange.removeAttribute(l.HIDDEN)},this._onTitleSlotChange=()=>{this._titleSlot.assignedNodes().length>0?this.setAttribute(l.HAS_TITLE,""):this.removeAttribute(l.HAS_TITLE)};let t=this.attachShadow({mode:"open",delegatesFocus:!0});t.appendChild(aH.content.cloneNode(!0)),this._ui=t.querySelector("theoplayer-ui"),this._ui.addEventListener(aR,this._updateStreamType),this.setConfiguration_(e),this._titleSlot=t.querySelector('slot[name="title"]'),this._titleSlot.addEventListener("slotchange",this._onTitleSlotChange),this._timeRange=t.querySelector("theoplayer-time-range"),this._upgradeProperty("configuration"),this._upgradeProperty("source"),this._upgradeProperty("muted"),this._upgradeProperty("autoplay"),this._upgradeProperty("streamType"),this._upgradeProperty("userIdleTimeout"),this._upgradeProperty("dvrThreshold")}}customElements.define("theoplayer-default-ui",aU);export{tW as ActiveQualityDisplay,av as AdClickThroughButton,am as AdCountdown,ad as AdDisplay,ax as AdSkipButton,r1 as AirPlayButton,l as Attribute,g as Button,rH as CastButton,rQ as ChromecastButton,rj as ChromecastDisplay,eQ as CloseMenuButton,rh as ColorStops,u as ControlBar,aU as DefaultUI,eg as DurationDisplay,rB as ErrorDisplay,h as ExtensionSlot,rs as FullscreenButton,r9 as GestureReceiver,tD as LanguageMenu,tB as LanguageMenuButton,f as LinkButton,an as LiveButton,r4 as LoadingIndicator,eW as MediaTrackRadioButton,eD as Menu,e$ as MenuButton,eH as MenuGroup,J as MuteButton,G as PlayButton,tK as PlaybackRateDisplay,tY as PlaybackRateMenu,tz as PlaybackRateMenuButton,tU as PlaybackRateRadioGroup,rv as PreviewThumbnail,rA as PreviewTimeDisplay,tX as QualityRadioButton,t5 as QualityRadioGroup,eT as RadioButton,eL as RadioGroup,rd as Range,ea as SeekButton,t7 as SettingsMenu,re as SettingsMenuButton,U as StateReceiverMixin,e6 as TextTrackOffRadioButton,e0 as TextTrackRadioButton,tE as TextTrackStyleDisplay,tR as TextTrackStyleMenu,tL as TextTrackStyleRadioGroup,t3 as TextTrackStyleResetButton,ec as TimeDisplay,rR as TimeRange,ta as TrackRadioGroup,aN as UIContainer,rD as VolumeRange,y as buttonTemplate,v as linkButtonTemplate,eF as menuGroupTemplate,eI as menuTemplate,rp as rangeTemplate,aw as registerExtension};
+ */function(e,t){let r=e.style;for(let[e,a]of Object.entries(t))r.setProperty(e,a)}(e,t)}let o=document.createElement("template");o.innerHTML="<style>:host{box-sizing:border-box;display:inline-flex}:host([hidden]){display:none!important}::slotted(theoplayer-time-range){flex-grow:1}</style><slot></slot>",r(o,"theoplayer-control-bar");class n extends HTMLElement{connectedCallback(){a(this)}constructor(){super();let e=this.attachShadow({mode:"open",delegatesFocus:!0});e.appendChild(o.content.cloneNode(!0))}}function s(e,t){return void 0===t&&(t=""),`<style>:host{align-items:center;background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;color:#fff;color:var(--theoplayer-button-text-color,var(--theoplayer-text-color,#fff));display:inline-flex;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);justify-content:center;line-height:24px;line-height:var(--theoplayer-text-content-height,var(--theoplayer-control-height,24px));padding:10px;padding:var(--theoplayer-control-padding,10px);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}:host([hidden]){display:none!important}:host(:not([disabled])){cursor:pointer}:host(:focus){box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}:host(:focus:not(:focus-visible)){box-shadow:none}:host(:hover){background:transparent;background:var(--theoplayer-control-hover-background,var(--theoplayer-control-background,transparent))}:host([aria-checked=true]){background:#fff;background:var(--theoplayer-button-checked-background,#fff);color:#000;color:var(--theoplayer-button-checked-color,#000)}:host([disabled]){background:transparent;background:var(--theoplayer-control-background,transparent);color:#ccc;color:var(--theoplayer-button-disabled-text-color,#ccc)}[part$=icon],[part~=icon]{font-size:0}::slotted(img),::slotted(svg),img,svg{fill:currentColor;color:#fff;color:var(--theoplayer-icon-color,#fff);height:24px;height:var(--theoplayer-button-icon-height,var(--theoplayer-control-height,24px));max-height:100%;max-width:100%;min-width:100%;transition:none;transition:var(--theoplayer-button-icon-transition,none);vertical-align:middle;width:24px;width:var(--theoplayer-button-icon-width,var(--theoplayer-control-height,24px))}::slotted(img),img{box-shadow:none;box-shadow:var(--theoplayer-button-icon-shadow,none)}::slotted(svg),svg{filter:drop-shadow(none);filter:drop-shadow(var(--theoplayer-button-icon-shadow,none))}:host(:hover:not([disabled])) ::slotted(img),:host(:hover:not([disabled])) img{box-shadow:0 0 4px hsla(0,0%,100%,.5);box-shadow:var(--theoplayer-button-hover-icon-shadow,0 0 4px hsla(0,0%,100%,.5))}:host(:hover:not([disabled])) ::slotted(svg),:host(:hover:not([disabled])) svg{filter:drop-shadow(0 0 4px rgba(255,255,255,.5));filter:drop-shadow(var(--theoplayer-button-hover-icon-shadow,0 0 4px rgba(255,255,255,.5)))}
+${t}</style>${e}`}customElements.define("theoplayer-control-bar",n),(F=D||(D={}))[F.DOWN=40]="DOWN",F[F.LEFT=37]="LEFT",F[F.RIGHT=39]="RIGHT",F[F.SPACE=32]="SPACE",F[F.ENTER=13]="ENTER",F[F.UP=38]="UP",F[F.HOME=36]="HOME",F[F.END=35]="END",F[F.ESCAPE=27]="ESCAPE",(B=N||(N={})).CONFIGURATION="configuration",B.SOURCE="source",B.AUTOPLAY="autoplay",B.MUTED="muted",B.FULLSCREEN="fullscreen",B.FLUID="fluid",B.MOBILE="mobile",B.MOBILE_ONLY="mobile-only",B.MOBILE_HIDDEN="mobile-hidden",B.USER_IDLE="user-idle",B.USER_IDLE_TIMEOUT="user-idle-timeout",B.NO_AUTO_HIDE="no-auto-hide",B.DISABLED="disabled",B.HIDDEN="hidden",B.PAUSED="paused",B.ENDED="ended",B.VOLUME_LEVEL="volume-level",B.CASTING="casting",B.LOADING="loading",B.STREAM_TYPE="stream-type",B.LIVE="live",B.LIVE_ONLY="live-only",B.LIVE_HIDDEN="live-hidden",B.LIVE_THRESHOLD="live-threshold",B.DVR_THRESHOLD="dvr-threshold",B.REMAINING="remaining",B.REMAINING_WHEN_LIVE="remaining-when-live",B.SHOW_DURATION="show-duration",B.SEEK_OFFSET="seek-offset",B.MENU="menu",B.MENU_OPENED="menu-opened",B.MENU_CLOSE_ON_INPUT="menu-close-on-input",B.ARIA_LABEL="aria-label",B.ARIA_LIVE="aria-live",B.ARIA_CHECKED="aria-checked",B.HAS_AUDIO="has-audio",B.HAS_SUBTITLES="has-subtitles",B.HAS_ERROR="has-error",B.HAS_FIRST_PLAY="has-first-play",B.HAS_TITLE="has-title",B.CAST_STATE="cast-state",B.TRACK_TYPE="track-type",B.SHOW_OFF="show-off",B.PLAYING_AD="playing-ad",B.SHOW_AD_MARKERS="show-ad-markers",B.CLICKTHROUGH="clickthrough",B.PROPERTY="property",B.VALUE="value";let l=document.createElement("template");l.innerHTML=s("<slot></slot>"),r(l,"theoplayer-button");class h extends HTMLElement{static get observedAttributes(){return[N.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(N.ARIA_LIVE)||this.setAttribute(N.ARIA_LIVE,"polite"),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("click",this._onClick)}disconnectedCallback(){this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("click",this._onClick)}get disabled(){return this.hasAttribute(N.DISABLED)}set disabled(e){e?this.setAttribute(N.DISABLED,""):this.removeAttribute(N.DISABLED)}attributeChangedCallback(e,t,r){if(e===N.DISABLED&&r!==t){let e=null!=r;this.setAttribute("aria-disabled",e?"true":"false"),e?(this.removeAttribute("tabindex"),this.blur()):this.setAttribute("tabindex","0")}h.observedAttributes.indexOf(e)>=0&&i(this)}handleClick(){}constructor(e){var t;super(),this._onKeyDown=e=>{if(!e.altKey)switch(e.keyCode){case D.SPACE:case D.ENTER:e.preventDefault(),this._onClick();break;default:return}},this._onClick=()=>{this.disabled||this.handleClick()};let r=null!=(t=null==e?void 0:e.template)?t:l,a=this.attachShadow({mode:"open"});a.appendChild(r.content.cloneNode(!0)),this._upgradeProperty("disabled")}}function p(e,t){return void 0===t&&(t=""),s(`<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)}
+${t}`)}customElements.define("theoplayer-button",h);let d=document.createElement("template");d.innerHTML=p("<slot></slot>"),r(d,"theoplayer-link-button");class u extends HTMLElement{static get observedAttributes(){return[N.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(N.ARIA_LIVE)||this.setAttribute(N.ARIA_LIVE,"polite"),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(N.DISABLED)}set disabled(e){e?this.setAttribute(N.DISABLED,""):this.removeAttribute(N.DISABLED)}setLink(e,t){this._linkEl.href=e,this._linkEl.target=t}attributeChangedCallback(e,t,r){if(e===N.DISABLED&&r!==t){let e=null!=r;this.setAttribute("aria-disabled",e?"true":"false"),e?(this.removeAttribute("tabindex"),this.blur()):this.setAttribute("tabindex","0")}h.observedAttributes.indexOf(e)>=0&&i(this)}handleClick(){}constructor(e){var t;super(),this._onKeyDown=e=>{!e.altKey&&e.keyCode===D.SPACE&&(e.preventDefault(),this._linkEl.click())},this._onClick=()=>{this.disabled||this.handleClick()};let r=null!=(t=null==e?void 0:e.template)?t:d,a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._linkEl=a.querySelector("a"),this._upgradeProperty("disabled")}}function c(){}function y(e){return e.nodeType===Node.ELEMENT_NODE}function m(e){return e instanceof HTMLElement}customElements.define("theoplayer-link-button",u);let g="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]},v="function"==typeof Array.prototype.findIndex?(e,t)=>e.findIndex(t):(e,t)=>{for(let r=0;r<e.length;r++)if(t(e[r],r,e))return r;return -1},f="function"==typeof String.prototype.startsWith?(e,t)=>e.startsWith(t):(e,t)=>e.substring(0,t.length)===t,k="undefined"!=typeof Intl&&Intl.DisplayNames?e=>{let t=new Intl.DisplayNames([e,"en"],{type:"language",fallback:"none"}),r=t.of(e);if(r)return r.slice(0,1).toUpperCase()+r.slice(1)}:e=>void 0;function E(e,t){void 0===e.textContent?e.innerText=t:e.textContent=t}let x="theoplayerUiObservedProperties";function A(e){return x in e&&g(e[x])}function w(e,t){return class extends e{get[x](){return t}}}async function T(e,t,r){if(t.contains(e))return;e.nodeName.indexOf("-")>=0&&!A(e)&&(await Promise.resolve(),await customElements.whenDefined(e.nodeName.toLowerCase()),customElements.upgrade(e)),A(e)&&r(e);let a=[...m(e)?b(e.children):[],...e.shadowRoot?b(e.shadowRoot.children):[],..."slot"===e.localName.toLowerCase()?e.assignedNodes().filter(y):[]];a.length>0&&await Promise.all(a.map(e=>T(e,t,r)))}let C=document.createElement("template");C.innerHTML=s(`<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>
+</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>
+</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>
+</slot></span>`,":host(:not([ended])) [part=replay-icon],:host(:not([paused])) [part=play-icon],:host([ended]) [part=pause-icon],:host([ended]) [part=play-icon],:host([paused]) [part=pause-icon]{display:none!important}"),r(C,"theoplayer-play-button");let L=["seeking","seeked","ended","emptied","sourcechange"];class S extends w(h,["player"]){static get observedAttributes(){return[...h.observedAttributes,N.PAUSED,N.ENDED]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get paused(){return this.hasAttribute(N.PAUSED)}set paused(e){e?this.setAttribute(N.PAUSED,""):this.removeAttribute(N.PAUSED)}get ended(){return this.hasAttribute(N.ENDED)}set ended(e){e?this.setAttribute(N.ENDED,""):this.removeAttribute(N.ENDED)}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(L,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(L,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),S.observedAttributes.indexOf(e)>=0&&(i(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.ended?"replay":this.paused?"play":"pause";this.setAttribute(N.ARIA_LABEL,e)}constructor(){super({template:C}),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",S);let P=document.createElement("template");P.innerHTML=s(`<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>
+</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>
+</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>
+</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}"),r(P,"theoplayer-mute-button");let M=["volumechange"];class R extends w(h,["player"]){static get observedAttributes(){return[...h.observedAttributes,N.VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer(),this._updateAriaLabel()}get volumeLevel(){return this.getAttribute(N.VOLUME_LEVEL)||"off"}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(M,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(M,this._updateFromPlayer))}handleClick(){void 0!==this._player&&(this._player.muted=!this._player.muted,this._updateFromPlayer())}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),R.observedAttributes.indexOf(e)>=0&&(i(this),this._updateAriaLabel())}_updateAriaLabel(){let e="off"===this.getAttribute(N.VOLUME_LEVEL)?"unmute":"mute";this.setAttribute(N.ARIA_LABEL,e)}constructor(){super({template:P}),this._updateFromPlayer=()=>{let e="off";if(void 0!==this._player){let t=this._player.volume,r=this._player.muted;e=r?"off":t<.5?"low":"high"}this.setAttribute(N.VOLUME_LEVEL,e)},this._upgradeProperty("player")}}customElements.define("theoplayer-mute-button",R);let I=document.createElement("template");I.innerHTML=s(`<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>
+</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%)}'),r(I,"theoplayer-seek-button");class O extends w(h,["player"]){static get observedAttributes(){return[...h.observedAttributes,N.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get seekOffset(){var e;return Number(null!=(e=this.getAttribute(N.SEEK_OFFSET))?e:10)}set seekOffset(e){this.setAttribute(N.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===N.SEEK_OFFSET&&E(this._offsetEl,String(Math.abs(this.seekOffset))),O.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(N.ARIA_LABEL,t)}constructor(){super({template:I}),this._offsetEl=this.shadowRoot.querySelector('[part="offset"]'),this._upgradeProperty("player"),this._upgradeProperty("seekOffset")}}customElements.define("theoplayer-seek-button",O);var D,N,q,F,B,H,U=":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 V(e){return!isNaN(e)&&isFinite(e)}function z(e,t,r){let a;void 0===t&&(t=0);let i=e<0||r&&0===e;e=Math.abs(e);let o=Math.floor(t/60%60),n=Math.floor(t/3600);if(V(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 G=[["hour","hours"],["minute","minutes"],["second","seconds"]];function Q(e,t){let r=G[t][1===e?0:1];return`${e} ${r}`}function $(e,t){if(!V(e))return"";let r=e<0||t&&0===e;e=Math.abs(e);let a=Math.floor(e%60),i=Math.floor(e/60)%60,o=Math.floor(e/3600),n=[0===o?"":Q(o,0),0===i?"":Q(i,1),0===a&&(o>0||i>0)?"":Q(a,2)].filter(e=>""!==e).join(", ");return`${n}${r?" remaining":""}`}let Y=document.createElement("template");Y.innerHTML=`<style>${U}</style><span></span>`,r(Y,"theoplayer-time-display");let K=["timeupdate","seeking","seeked","durationchange"];class W extends w(HTMLElement,["player","streamType"]){static get observedAttributes(){return[N.REMAINING,N.REMAINING_WHEN_LIVE,N.SHOW_DURATION,N.STREAM_TYPE]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this.hasAttribute(N.ARIA_LIVE)||this.setAttribute(N.ARIA_LIVE,"off"),this._updateFromPlayer()}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))}get streamType(){return this.getAttribute(N.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(N.STREAM_TYPE,e)}attributeChangedCallback(e,t,r){r!==t&&W.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(N.REMAINING)||this.hasAttribute(N.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType,l=a;s&&(l=-((n||0)-a));let h=this.hasAttribute(N.SHOW_DURATION);t=h&&!s?`${z(l,n,s)} / ${z(n)}`:z(l,n,s),r=isNaN(i)?"video not loaded, unknown time":h?`${$(l,s)} of ${$(n)}`:$(l,s),E(this._spanEl,t),this.setAttribute("aria-valuetext",r)};let e=this.attachShadow({mode:"open"});e.appendChild(Y.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-time-display",W);let Z=document.createElement("template");Z.innerHTML=`<style>${U}</style><span></span>`,r(Z,"theoplayer-duration-display");let j=["durationchange"];class J extends w(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this.hasAttribute(N.ARIA_LIVE)||this.setAttribute(N.ARIA_LIVE,"off"),this._updateFromPlayer()}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(j,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(j,this._updateFromPlayer))}constructor(){super(),this._updateFromPlayer=()=>{let e=this._player?this._player.duration:NaN,t=z(e);E(this._spanEl,t)};let e=this.attachShadow({mode:"open"});e.appendChild(Z.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-duration-display",J);let X=!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)},ee=!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)},et=document.createElement("template");et.innerHTML=s("<slot></slot>"),r(et,"theoplayer-radio-button");class er extends h{static get observedAttributes(){return[...h.observedAttributes,N.ARIA_CHECKED,N.VALUE]}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","radio"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),super.connectedCallback()}get checked(){return"true"===this.getAttribute(N.ARIA_CHECKED)}set checked(e){this.setAttribute(N.ARIA_CHECKED,e?"true":"false")}get value(){return this._value}set value(e){this._value=e}handleClick(){this.checked=!0,this.dispatchEvent(X("input",{bubbles:!0,composed:!0}))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===N.ARIA_CHECKED?this.dispatchEvent(X("change",{bubbles:!0})):e===N.VALUE&&(this.value=r),er.observedAttributes.indexOf(e)>=0&&i(this))}constructor(e){super({template:et,...e}),this._value=void 0,this._upgradeProperty("checked")}}customElements.define("theoplayer-radio-button",er);let ea=document.createElement("template");ea.innerHTML="<slot></slot>",r(ea,"theoplayer-radio-group");class ei extends HTMLElement{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 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;e&&(e===this.firstRadioButton?this.setFocusedRadioButton(this.lastRadioButton):this.setFocusedRadioButton(this._prevRadioButton(e)))}_focusNextButton(){let e=this.focusedRadioButton||this.firstRadioButton;e&&(e===this.lastRadioButton?this.setFocusedRadioButton(this.firstRadioButton):this.setFocusedRadioButton(this._nextRadioButton(e)))}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(X("change",{bubbles:!0}))}constructor(){super(),this._radioButtons=[],this._onSlotChange=()=>{let e=this._slot.assignedNodes({flatten:!0}).filter(y);for(let t of e)if(!eo(t)){let e=t.nodeName.toLowerCase();e.indexOf("-")>=0&&(customElements.get(e)?customElements.upgrade(t):customElements.whenDefined(e).then(this._onSlotChange,c))}if(this._radioButtons=e.filter(eo),!this.focusedRadioButton){var t;null==(t=this.firstRadioButton)||t.setAttribute("tabindex","0")}},this._onKeyDown=e=>{switch(e.keyCode){case D.UP:case D.LEFT:e.preventDefault(),this._focusPrevButton();break;case D.DOWN:case D.RIGHT:e.preventDefault(),this._focusNextButton();break;case D.HOME:e.preventDefault(),this.setFocusedRadioButton(this.firstRadioButton);break;case D.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(ea.content.cloneNode(!0)),this._slot=e.querySelector("slot")}}function eo(e){return e instanceof er}customElements.define("theoplayer-radio-group",ei);let en="theoplayermenuclose",es="theoplayermenuchange";function el(e,t,r){return void 0===r&&(r=""),`<style>:host{box-sizing:border-box;color:#fff;color:var(--theoplayer-menu-color,#fff);display:flex;flex-direction:column;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);pointer-events:none}:host([hidden]){display:none!important}[part=heading]{align-items:center;align-self:stretch;display:flex;pointer-events:auto}[part=heading] ::slotted(span),[part=heading]>span{padding:10px;padding:var(--theoplayer-control-padding,10px);padding-left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=content],[part=heading]>theoplayer-menu-close-button{pointer-events:auto}[part=content]{--theoplayer-control-hover-background:var(--theoplayer-menu-control-hover-background,hsla(0,0%,100%,.3));align-self:center;display:flex;flex-direction:column;margin:10px;margin:var(--theoplayer-menu-margin,10px);max-height:100%;max-width:100%;max-width:var(--theoplayer-menu-max-width,100%);min-height:0;min-width:80%;min-width:var(--theoplayer-menu-min-width,80%);overflow-y:auto}${r}</style><div part="heading"><theoplayer-menu-close-button></theoplayer-menu-close-button>${e}</div><div part="content">${t}</div>`}let eh=document.createElement("template");eh.innerHTML=el('<slot name="heading"></slot>',"<slot></slot>"),r(eh,"theoplayer-menu");class ep extends HTMLElement{static get observedAttributes(){return[N.MENU_OPENED,N.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(N.MENU_OPENED)||this.setAttribute("hidden",""),this._contentEl.addEventListener("input",this._onContentInput)}disconnectedCallback(){this._contentEl.removeEventListener("input",this._onContentInput)}openMenu(){this.setAttribute(N.MENU_OPENED,"")}closeMenu(){this.removeAttribute(N.MENU_OPENED)}attributeChangedCallback(e,t,r){if(r!==t){if(e===N.MENU_OPENED){null!=r?this.removeAttribute("hidden"):this.setAttribute("hidden","");let e=ee(es,{bubbles:!0});this.dispatchEvent(e)}ep.observedAttributes.indexOf(e)>=0&&i(this)}}constructor(e){var t;super(),this._onContentInput=()=>{if(this.hasAttribute(N.MENU_CLOSE_ON_INPUT)){let e=ee(en,{bubbles:!0,composed:!0});this.dispatchEvent(e)}};let r=null!=(t=null==e?void 0:e.template)?t:eh,a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._contentEl=a.querySelector('[part="content"]')}}customElements.define("theoplayer-menu",ep);let ed="theoplayermenutoggle";function eu(e,t){return void 0===t&&(t=""),`<style>:host{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;pointer-events:none}:host([hidden]){display:none!important}::slotted(*),:host>*{align-self:stretch;flex-grow:1;justify-self:stretch;min-height:0}${t}</style>${e}`}let ec=document.createElement("template");ec.innerHTML=eu("<slot></slot>"),r(ec,"theoplayer-menu-group");class ey extends HTMLElement{static get observedAttributes(){return[N.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(N.MENU_OPENED)||this.setAttribute("hidden",""),this._onMenuListChange(),this.shadowRoot.addEventListener(ed,this._onToggleMenu),this.shadowRoot.addEventListener(en,this._onCloseMenu),this.shadowRoot.addEventListener(es,this._onMenuChange),null==(e=this._menuSlot)||e.addEventListener("slotchange",this._onMenuListChange)}disconnectedCallback(){var e;this.shadowRoot.removeEventListener(ed,this._onToggleMenu),this.shadowRoot.removeEventListener(en,this._onCloseMenu),this.shadowRoot.removeEventListener(es,this._onMenuChange),null==(e=this._menuSlot)||e.removeEventListener("slotchange",this._onMenuListChange)}attributeChangedCallback(e,t,r){if(r!==t){if(e===N.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=ee(es,{bubbles:!0});this.dispatchEvent(e)}ey.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=v(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(N.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=v(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(N.MENU_OPENED,""),o.opener&&n.menu.contains(o.opener)?o.opener.focus():n.menu.focus()):(this.removeAttribute(N.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?this._menuSlot.assignedNodes({flatten:!0}).filter(y):[]];for(let t of e)if(!em(t)){let e=t.nodeName.toLowerCase();e.indexOf("-")>=0&&(customElements.get(e)?customElements.upgrade(t):customElements.whenDefined(e).then(this._onMenuListChange,c))}let t=e.filter(em);for(let e of this._menus)0>t.indexOf(e)&&this.closeMenu(e.id);for(let e of t)0>this._menus.indexOf(e)&&e.closeMenu();this._menus=t},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 ey&&!t.menu.hasCurrentMenu()&&this.closeCurrentMenu()},this._onKeyDown=e=>{!e.altKey&&e.keyCode===D.ESCAPE&&this.closeCurrentMenu()&&(e.preventDefault(),e.stopPropagation())};let r=null!=(t=null==e?void 0:e.template)?t:ec,a=this.attachShadow({mode:"open",delegatesFocus:!0});a.appendChild(r.content.cloneNode(!0)),this._menuSlot=a.querySelector("slot")}}function em(e){return!!m(e)&&(e instanceof ep||e instanceof ey)}customElements.define("theoplayer-menu-group",ey);let eg=document.createElement("template");eg.innerHTML=s("<slot></slot>"),r(eg,"theoplayer-menu-button");class eb extends h{static get observedAttributes(){return[...h.observedAttributes,N.MENU]}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-haspopup")||this.setAttribute("aria-haspopup","true")}get menu(){return this.getAttribute(N.MENU)}set menu(e){e?this.setAttribute(N.MENU,e):this.removeAttribute(N.MENU)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e!==N.MENU||this.hasAttribute("aria-controls")&&this.getAttribute("aria-controls")!==t||this.setAttribute("aria-controls",r)}handleClick(){let e=this.menu;if(e){let t=ee(ed,{bubbles:!0,composed:!0,detail:{menu:e}});this.dispatchEvent(t)}}constructor(e){super({template:eg,...e}),this._upgradeProperty("menu")}}customElements.define("theoplayer-menu-button",eb);let e_=document.createElement("template");e_.innerHTML=s(`<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>
+</slot></span>`),r(e_,"theoplayer-menu-close-button");class ev extends h{static get observedAttributes(){return[...h.observedAttributes]}connectedCallback(){super.connectedCallback(),this.hasAttribute(N.ARIA_LABEL)||this.setAttribute(N.ARIA_LABEL,"close menu")}handleClick(){let e=ee(en,{bubbles:!0,composed:!0});this.dispatchEvent(e)}constructor(){super({template:e_})}}customElements.define("theoplayer-menu-close-button",ev);let ef=document.createElement("template");ef.innerHTML=s("<slot></slot>"),r(ef,"theoplayer-media-track-radio-button");let ek=["change","update"];class eE extends er{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(ek,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(ek,this._onTrackChange))}_updateFromTrack(){E(this._slotEl,this._track?function(e){let t=e.label;if(t)return t;let r=e.language;return r&&(k(r)||r)||""}(this._track):""),this.checked=!!this._track&&this._track.enabled}_updateTrack(){this._track&&(this._track.enabled=this.checked)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===N.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:ef}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}customElements.define("theoplayer-media-track-radio-button",eE);var ex=":host,theoplayer-radio-group{align-items:stretch;display:flex;flex-direction:column}:host([hidden]){display:none!important}";let eA=document.createElement("template");eA.innerHTML=s("<slot></slot>"),r(eA,"theoplayer-text-track-radio-button");let ew=["change","update"];class eT extends er{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(ew,this._onTrackChange),this._track=e,this._updateFromTrack(),e&&e.addEventListener(ew,this._onTrackChange))}_updateFromTrack(){E(this._slotEl,this._track?function(e){let t=e.label;if(t)return t;let r=e.language;return r&&(k(r)||r)||""}(this._track):""),this.checked=!!this._track&&"showing"===this._track.mode}_updateTrack(){this._track&&(this._track.mode=this.checked?"showing":"disabled")}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===N.ARIA_CHECKED&&t!==r&&this._updateTrack()}constructor(){super({template:eA}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}function eC(e){return"subtitles"===e.kind||"captions"===e.kind}function eL(e){let t=null==e?void 0:e.targetQuality;return void 0===t||Array.isArray(t)||(t=[t]),t}function eS(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",eT);let eP=document.createElement("template");eP.innerHTML=s("<slot>Off</slot>"),r(eP,"theoplayer-text-track-off-radio-button");let eM=["change"];class eR extends er{get trackList(){return this._trackList}set trackList(e){this._trackList&&this._trackList.removeEventListener(eM,this._onTrackChange),this._trackList=e,this._updateFromTrackList(),e&&e.addEventListener(eM,this._onTrackChange)}_updateFromTrackList(){this.checked=!this._trackList||!this._trackList.filter(eC).some(e=>"showing"===e.mode)}_updateTrackList(){this._trackList&&this.checked&&function(e){for(let t of e)eC(t)&&"showing"===t.mode&&(t.mode="disabled")}(this._trackList)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e===N.ARIA_CHECKED&&t!==r&&this._updateTrackList()}constructor(){super({template:eP}),this._trackList=void 0,this._onTrackChange=()=>{this._updateFromTrackList()},this._upgradeProperty("trackList")}}customElements.define("theoplayer-text-track-off-radio-button",eR);let eI=document.createElement("template");eI.innerHTML=`<style>${ex}</style><theoplayer-radio-group></theoplayer-radio-group>`,r(eI,"theoplayer-track-radio-group");let eO=["addtrack","removetrack"];class eD extends w(HTMLElement,["player"]){static get observedAttributes(){return[N.TRACK_TYPE,N.SHOW_OFF]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._radioGroup instanceof ei||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(N.TRACK_TYPE)||"audio"}set trackType(e){this.setAttribute(N.TRACK_TYPE,e||"audio")}get showOffButton(){return this.hasAttribute(N.SHOW_OFF)}set showOffButton(e){e?this.setAttribute(N.SHOW_OFF,""):this.removeAttribute(N.SHOW_OFF)}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(eO,this._updateTracks),null==t||t.addEventListener(eO,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(eC):[]}_createTrackButton(e){if("subtitles"===this.trackType){let t=new eT;return t.track=e,t}{let t=new eE;return t.track=e,t}}_updateOffButton(){"subtitles"===this.trackType&&this.showOffButton?(void 0===this._offButton&&(this._offButton=new eR,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===N.TRACK_TYPE?(this._updateTracksList(),this._updateTracks()):e===N.SHOW_OFF&&(this._updateOffButton(),this._updateTracks()),eD.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(X("change",{bubbles:!0}))};let e=this.attachShadow({mode:"open"});e.appendChild(eI.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",eD);var eN=".theoplayer-menu-table{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto auto}.theoplayer-menu-table>*{align-self:center;font-size:14px;font-size:var(--theoplayer-text-font-size,14px);line-height:24px;line-height:var(--theoplayer-text-content-height,var(--theoplayer-control-height,24px));padding:10px;padding:var(--theoplayer-control-padding,10px)}.theoplayer-menu-table>span{display:block}";function eq(e){return e?f(e,"rgb")?function(e){let t=e.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)$/i);return t?{r_:parseInt(t[1],10),g_:parseInt(t[2],10),b_:parseInt(t[3],10),a_:t[4]?parseFloat(t[4]):1}:null}(e):f(e,"#")?function(e){let t=e.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);return t?{r_:parseInt(t[1],16),g_:parseInt(t[2],16),b_:parseInt(t[3],16),a_:1}:null}(e):null:null}function eF(e){return`rgba(${e.r_},${e.g_},${e.b_},${e.a_})`}function eB(e){return`rgb(${e.r_},${e.g_},${e.b_})`}function eH(e,t){return{r_:e.r_,g_:e.g_,b_:e.b_,a_:t}}let eU=eq("#ffffff"),eV=eq("#000000"),ez=[["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)"]],eG=[["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']],eQ=[["None","none"],["Drop shadow","dropshadow"],["Raised","raised"],["Depressed","depressed"],["Uniform","uniform"]];class e$ extends w(HTMLElement,["player"]){static get observedAttributes(){return[N.PROPERTY]}connectedCallback(){a(this),this.hasAttribute(N.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(N.PROPERTY)}set property(e){this.setAttribute(N.PROPERTY,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.textTrackStyle.removeEventListener("change",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.textTrackStyle.addEventListener("change",this._updateFromPlayer))}attributeChangedCallback(e,t,r){r!==t&&(e===N.PROPERTY&&this._updateFromPlayer(),e$.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super(),this._updateFromPlayer=()=>{if(void 0===this._player)return;let e=this.property;switch(e){case"fontFamily":E(this._spanEl,function(e){if(!e)return"Default";let t=_(eG,t=>{let[r,a]=t;return a===e});return t?t[0]:"Custom"}(this._player.textTrackStyle.fontFamily));break;case"fontColor":case"backgroundColor":case"windowColor":E(this._spanEl,function(e){if(!e)return"Default";let t=eq(e);if(t){let e=eB(t),r=_(ez,t=>{let[r,a]=t;return a===e});if(r)return r[0]}return"Custom"}(this._player.textTrackStyle[e]));break;case"fontOpacity":E(this._spanEl,eY(this._player.textTrackStyle.fontColor));break;case"backgroundOpacity":E(this._spanEl,eY(this._player.textTrackStyle.backgroundColor));break;case"windowOpacity":E(this._spanEl,eY(this._player.textTrackStyle.windowColor));break;case"edgeStyle":E(this._spanEl,function(e){if(!e)return"Default";let t=_(eQ,t=>{let[r,a]=t;return a===e});return t?t[0]:"Custom"}(this._player.textTrackStyle.edgeStyle));break;default:{let t=this._player.textTrackStyle[e];E(this._spanEl,t||"Default")}}};let e=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),e.appendChild(this._spanEl),this._upgradeProperty("property"),this._upgradeProperty("player")}}function eY(e){if(!e)return"Default";let t=eq(e);return t?`${100*t.a_}%`:"Custom"}customElements.define("theoplayer-text-track-style-display",e$);let eK=document.createElement("template");eK.innerHTML=`<style>${ex}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`,r(eK,"theoplayer-text-track-style-radio-group");class eW extends w(HTMLElement,["player"]){static get observedAttributes(){return[N.PROPERTY]}connectedCallback(){a(this),this._radioGroup instanceof ei||customElements.upgrade(this._radioGroup),this._upgradeProperty("property"),this._upgradeProperty("value"),this._upgradeProperty("player"),this.hasAttribute(N.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(N.PROPERTY)}set property(e){this.setAttribute(N.PROPERTY,e)}get value(){return this._value}set value(e){this._value!==e&&(this._value=e,this._updateToPlayer(),this._updateChecked(),this.dispatchEvent(X("change",{bubbles:!0})))}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.textTrackStyle.removeEventListener("change",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.textTrackStyle.addEventListener("change",this._updateFromPlayer))}_updateToPlayer(){if(void 0!==this._player)switch(this.property){case"fontColor":this._player.textTrackStyle.fontColor=eZ(this.value,this._player.textTrackStyle.fontColor,eU);break;case"backgroundColor":this._player.textTrackStyle.backgroundColor=eZ(this.value,this._player.textTrackStyle.backgroundColor,eV);break;case"windowColor":this._player.textTrackStyle.windowColor=eZ(this.value,this._player.textTrackStyle.windowColor,eV);break;case"fontOpacity":this._player.textTrackStyle.fontColor=ej(this.value,this._player.textTrackStyle.fontColor,eU);break;case"backgroundOpacity":this._player.textTrackStyle.backgroundColor=ej(this.value,this._player.textTrackStyle.backgroundColor,eV);break;case"windowOpacity":this._player.textTrackStyle.windowColor=ej(this.value,this._player.textTrackStyle.windowColor,eV);break;default:this._player.textTrackStyle[this.property]=""==this.value?void 0:this.value}}attributeChangedCallback(e,t,r){r!==t&&(e===N.PROPERTY&&this._updateFromPlayer(),eW.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super(),this._updateChecked=()=>{let e=this._radioGroup.allRadioButtons();for(let t of e)t.checked=t.value===this.value},this._onChange=()=>{let e=this._radioGroup.checkedRadioButton;null!==e&&this.value!==e.value&&(this.value=e.value)},this._updateFromPlayer=()=>{var e,t,r,a,i,o,n,s,l,h;if(void 0!==this._player)switch(this.property){case"fontColor":{let t=this._player.textTrackStyle.fontColor;this.value=t?eB(null!=(e=eq(t))?e:eU):"";break}case"backgroundColor":{let e=this._player.textTrackStyle.backgroundColor;this.value=e?eB(null!=(t=eq(e))?t:eV):"";break}case"windowColor":{let e=this._player.textTrackStyle.windowColor;this.value=e?eB(null!=(r=eq(e))?r:eV):"";break}case"fontOpacity":{let e=this._player.textTrackStyle.fontColor;this.value=e?String((null!=(i=null==(a=eq(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=eq(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=eq(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(eK.content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._optionsSlot=e.querySelector("slot")}}function eZ(e,t,r){var a,i,o;let n=null!=(i=null==(a=eq(t))?void 0:a.a_)?i:1;if(""!==e||1!==n){let t=null!=(o=eq(e))?o:r;return eF(eH(t,n))}}function ej(e,t,r){var a;let i=null!=(a=eq(t))?a:r;if(""!==e||i.r_!==r.r_||i.g_!==r.g_||i.b_!==r.b_){let t=""==e?1:Number(e)/100;return eF(eH(i,t))}}customElements.define("theoplayer-text-track-style-radio-group",eW);let eJ=document.createElement("template");eJ.innerHTML=eu('<theoplayer-menu class="theoplayer-text-track-style-menu"><span class="theoplayer-menu-heading" slot="heading"><slot name="heading">Subtitle options</slot></span><theoplayer-text-track-style-reset-button class="theoplayer-menu-heading-button" slot="heading"></theoplayer-text-track-style-reset-button><div class="theoplayer-menu-table"><span>Font family</span><theoplayer-menu-button menu="font-family-menu"><theoplayer-text-track-style-display property="fontFamily"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Font color</span><theoplayer-menu-button menu="font-color-menu"><theoplayer-text-track-style-display property="fontColor"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Font opacity</span><theoplayer-menu-button menu="font-opacity-menu"><theoplayer-text-track-style-display property="fontOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Font size</span><theoplayer-menu-button menu="font-size-menu"><theoplayer-text-track-style-display property="fontSize"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Background color</span><theoplayer-menu-button menu="background-color-menu"><theoplayer-text-track-style-display property="backgroundColor"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Background opacity</span><theoplayer-menu-button menu="background-opacity-menu"><theoplayer-text-track-style-display property="backgroundOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Window color</span><theoplayer-menu-button menu="window-color-menu"><theoplayer-text-track-style-display property="windowColor"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Window opacity</span><theoplayer-menu-button menu="window-opacity-menu"><theoplayer-text-track-style-display property="windowOpacity"></theoplayer-text-track-style-display></theoplayer-menu-button><span>Character edge style</span><theoplayer-menu-button menu="edge-style-menu"><theoplayer-text-track-style-display property="edgeStyle"></theoplayer-text-track-style-display></theoplayer-menu-button></div></theoplayer-menu><theoplayer-menu id="font-family-menu" menu-close-on-input hidden><span slot="heading">Font family</span><theoplayer-text-track-style-radio-group property="fontFamily"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value=\'"Courier New", Courier, "Nimbus Mono L", "Cutive Mono", monospace\'>Monospace Serif</theoplayer-radio-button><theoplayer-radio-button value=\'"Times New Roman", Times, Georgia, Cambria, "PT Serif Caption", serif\'>Proportional Serif</theoplayer-radio-button><theoplayer-radio-button value=\'"Deja Vu Sans Mono", "Lucida Console", Monaco, Consolas, "PT Mono", monospace\'>Monospace Sans</theoplayer-radio-button><theoplayer-radio-button value=\'Arial, Helvetica, Verdana, "PT Sans Caption", sans-serif\'>Proportional Sans</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="font-color-menu" menu-close-on-input hidden><span slot="heading">Font color</span><theoplayer-text-track-style-radio-group property="fontColor"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,255)">White</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,0)">Yellow</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,0)">Green</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,255)">Cyan</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,255)">Blue</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,255)">Magenta</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,0)">Red</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,0)">Black</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="font-opacity-menu" menu-close-on-input hidden><span slot="heading">Font opacity</span><theoplayer-text-track-style-radio-group property="fontOpacity"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="25">25%</theoplayer-radio-button><theoplayer-radio-button value="50">50%</theoplayer-radio-button><theoplayer-radio-button value="75">75%</theoplayer-radio-button><theoplayer-radio-button value="100">100%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="font-size-menu" menu-close-on-input hidden><span slot="heading">Font size</span><theoplayer-text-track-style-radio-group property="fontSize"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="50%">50%</theoplayer-radio-button><theoplayer-radio-button value="75%">75%</theoplayer-radio-button><theoplayer-radio-button value="100%">100%</theoplayer-radio-button><theoplayer-radio-button value="150%">150%</theoplayer-radio-button><theoplayer-radio-button value="200%">200%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="background-color-menu" menu-close-on-input hidden><span slot="heading">Background color</span><theoplayer-text-track-style-radio-group property="backgroundColor"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,255)">White</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,0)">Yellow</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,0)">Green</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,255)">Cyan</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,255)">Blue</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,255)">Magenta</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,0)">Red</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,0)">Black</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="background-opacity-menu" menu-close-on-input hidden><span slot="heading">Background opacity</span><theoplayer-text-track-style-radio-group property="backgroundOpacity"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="25">25%</theoplayer-radio-button><theoplayer-radio-button value="50">50%</theoplayer-radio-button><theoplayer-radio-button value="75">75%</theoplayer-radio-button><theoplayer-radio-button value="100">100%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="window-color-menu" menu-close-on-input hidden><span slot="heading">Window color</span><theoplayer-text-track-style-radio-group property="windowColor"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,255)">White</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,255,0)">Yellow</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,0)">Green</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,255,255)">Cyan</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,255)">Blue</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,255)">Magenta</theoplayer-radio-button><theoplayer-radio-button value="rgb(255,0,0)">Red</theoplayer-radio-button><theoplayer-radio-button value="rgb(0,0,0)">Black</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="window-opacity-menu" menu-close-on-input hidden><span slot="heading">Window opacity</span><theoplayer-text-track-style-radio-group property="windowOpacity"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="25">25%</theoplayer-radio-button><theoplayer-radio-button value="50">50%</theoplayer-radio-button><theoplayer-radio-button value="75">75%</theoplayer-radio-button><theoplayer-radio-button value="100">100%</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu><theoplayer-menu id="edge-style-menu" menu-close-on-input hidden><span slot="heading">Character edge style</span><theoplayer-text-track-style-radio-group property="edgeStyle"><theoplayer-radio-button value="">Default</theoplayer-radio-button><theoplayer-radio-button value="none">None</theoplayer-radio-button><theoplayer-radio-button value="dropshadow">Drop shadow</theoplayer-radio-button><theoplayer-radio-button value="raised">Raised</theoplayer-radio-button><theoplayer-radio-button value="depressed">Depressed</theoplayer-radio-button><theoplayer-radio-button value="uniform">Uniform</theoplayer-radio-button></theoplayer-text-track-style-radio-group></theoplayer-menu>',`${eN}
+.theoplayer-menu-heading{flex-grow:1}.theoplayer-menu-heading-button{align-self:flex-end}`),r(eJ,"theoplayer-text-track-style-menu");class eX extends ey{constructor(){super({template:eJ})}}customElements.define("theoplayer-text-track-style-menu",eX);let e0=document.createElement("template");e0.innerHTML=eu('<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}"),r(e0,"theoplayer-language-menu");let e1=["addtrack","removetrack"];class e5 extends w(ey,["player"]){static get observedAttributes(){return[...ey.observedAttributes,N.HAS_AUDIO,N.HAS_SUBTITLES]}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.audioTracks.removeEventListener(e1,this._updateAudioTracks),this._player.textTracks.removeEventListener(e1,this._updateTextTracks)),this._player=e,this._updateAudioTracks(),this._updateTextTracks(),void 0!==this._player&&(this._player.audioTracks.addEventListener(e1,this._updateAudioTracks),this._player.textTracks.addEventListener(e1,this._updateTextTracks)))}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),e5.observedAttributes.indexOf(e)>=0&&i(this)}constructor(){super({template:e0}),this._updateAudioTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.audioTracks)?t:[];r.length<2?this.removeAttribute(N.HAS_AUDIO):this.setAttribute(N.HAS_AUDIO,"")},this._updateTextTracks=()=>{var e,t;let r=null!=(t=null==(e=this._player)?void 0:e.textTracks.filter(eC))?t:[];0===r.length?this.removeAttribute(N.HAS_SUBTITLES):this.setAttribute(N.HAS_SUBTITLES,"")},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu",e5);let e2=document.createElement("template");e2.innerHTML=s(`<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>
+</slot></span>`),r(e2,"theoplayer-language-menu-button");let e3=["addtrack","removetrack"];class e8 extends w(eb,["player"]){connectedCallback(){super.connectedCallback(),this.hasAttribute(N.ARIA_LABEL)||this.setAttribute(N.ARIA_LABEL,"open language menu")}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.audioTracks.removeEventListener(e3,this._updateTracks),this._player.textTracks.removeEventListener(e3,this._updateTracks)),this._player=e,this._updateTracks(),void 0!==this._player&&(this._player.audioTracks.addEventListener(e3,this._updateTracks),this._player.textTracks.addEventListener(e3,this._updateTracks)))}constructor(){super({template:e2}),this._updateTracks=()=>{let e=void 0!==this._player&&(this._player.audioTracks.length>=2||this._player.textTracks.some(eC));e?this.removeAttribute("hidden"):this.setAttribute("hidden","")},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu-button",e8);let e4=document.createElement("template");e4.innerHTML=`<style>${ex}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`,r(e4,"theoplayer-playback-rate-radio-group");class e7 extends w(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._radioGroup instanceof ei||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(X("change",{bubbles:!0})))}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener("ratechange",this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener("ratechange",this._updateFromPlayer))}constructor(){super(),this._value=1,this._updateChecked=()=>{let e=this._radioGroup.allRadioButtons();for(let t of e)t.checked=Number(t.value)===this.value},this._onChange=()=>{let e=this._radioGroup.checkedRadioButton;null!==e&&this.value!==Number(e.value)&&(this.value=e.value)},this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.playbackRate)};let e=this.attachShadow({mode:"open"});e.appendChild(e4.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",e7);let e6=document.createElement("template");e6.innerHTML=s(`<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>
+</slot></span>`),r(e6,"theoplayer-playback-rate-button");class e9 extends eb{connectedCallback(){super.connectedCallback(),this.hasAttribute(N.ARIA_LABEL)||this.setAttribute(N.ARIA_LABEL,"open playback speed menu")}constructor(){super({template:e6})}}customElements.define("theoplayer-playback-rate-menu-button",e9);let te=document.createElement("template");te.innerHTML=el('<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>'),r(te,"theoplayer-playback-rate-menu");class tt extends ep{constructor(){super({template:te})}}customElements.define("theoplayer-playback-rate-menu",tt);class tr extends w(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,E(this._spanEl,1===e?"Normal":`${e}x`)}constructor(){super(),this._playbackRate=1;let e=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),e.appendChild(this._spanEl),this._upgradeProperty("playbackRate")}}customElements.define("theoplayer-playback-rate-display",tr);class ta extends w(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=null!=r?r:this._activeVideoQuality,i=eS(a);e=t?null!=i?i:"Unknown":`Automatic${i?` (${i})`:""}`,E(this._spanEl,e)}constructor(){super(),this._activeVideoQuality=void 0,this._targetVideoQualities=void 0;let e=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),e.appendChild(this._spanEl),this._upgradeProperty("activeVideoQuality"),this._upgradeProperty("targetVideoQualities")}}customElements.define("theoplayer-active-quality-display",ta);let ti=document.createElement("template");ti.innerHTML=s("<slot></slot>"),r(ti,"theoplayer-quality-radio-button");let to=["activequalitychanged","targetqualitychanged"],tn=["update"];class ts extends er{get track(){return this._track}set track(e){this._track!==e&&(this._track&&this._track.removeEventListener(to,this._updateFromTrack),this._track=e,this._updateFromTrack(),e&&e.addEventListener(to,this._updateFromTrack))}get quality(){return this._quality}set quality(e){this._quality!==e&&(this._quality&&this._quality.removeEventListener(tn,this._updateFromQuality),this._quality=e,this._updateFromTrack(),e&&e.addEventListener(tn,this._updateFromQuality))}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),r!==t&&(e===N.ARIA_CHECKED&&this._updateTargetQuality(),ts.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super({template:ti}),this._track=void 0,this._quality=void 0,this._updateFromTrack=()=>{if(void 0!==this._track){let e=this._track.targetQuality;void 0===this._quality?this.checked=void 0===e:this.checked=Array.isArray(e)?e.indexOf(this._quality)>=0:e===this._quality}this._updateFromQuality()},this._updateFromQuality=()=>{var e;E(this._slotEl,null!=(e=eS(this._quality))?e:"Automatic")},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track"),this._upgradeProperty("quality")}}customElements.define("theoplayer-quality-radio-button",ts);let tl=document.createElement("template");tl.innerHTML=`<style>${ex}</style><theoplayer-radio-group></theoplayer-radio-group>`,r(tl,"theoplayer-quality-radio-group");let th=["addtrack","removetrack","change"];class tp extends w(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._radioGroup instanceof ei||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){this._player!==e&&(void 0!==this._player&&this._player.videoTracks.removeEventListener(th,this._updateTrack),this._player=e,this._updateTrack(),void 0!==this._player&&this._player.videoTracks.addEventListener(th,this._updateTrack))}constructor(){super(),this._onChange=()=>{this.dispatchEvent(X("change",{bubbles:!0}))},this._updateTrack=()=>{let e=this._player?_(this._player.videoTracks,e=>e.enabled):void 0;this._track!==e&&(this._track=e,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 ts;e.track=this._track,e.quality=r[a],this._radioGroup.appendChild(e),a++}};let e=this.attachShadow({mode:"open"});e.appendChild(tl.content.cloneNode(!0)),this._radioGroup=e.querySelector("theoplayer-radio-group"),this._upgradeProperty("player")}}customElements.define("theoplayer-quality-radio-group",tp);let td=document.createElement("template");td.innerHTML=s("<slot>Reset</slot>"),r(td,"theoplayer-text-track-style-reset-button");class tu extends w(h,["player"]){static get observedAttributes(){return[...h.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:td})}}customElements.define("theoplayer-text-track-style-reset-button",tu);let tc=document.createElement("template");tc.innerHTML=eu('<theoplayer-menu><span slot="heading"><slot name="heading">Settings</slot></span><div class="theoplayer-menu-table"><span>Quality</span><theoplayer-menu-button menu="quality-menu"><theoplayer-active-quality-display></theoplayer-active-quality-display></theoplayer-menu-button><span>Playback speed</span><theoplayer-menu-button menu="playback-rate-menu"><theoplayer-playback-rate-display></theoplayer-playback-rate-display></theoplayer-menu-button></div></theoplayer-menu><theoplayer-menu id="quality-menu" menu-close-on-input hidden><span slot="heading">Quality</span><theoplayer-quality-radio-group></theoplayer-quality-radio-group></theoplayer-menu><theoplayer-playback-rate-menu id="playback-rate-menu" menu-close-on-input hidden><span slot="heading">Playback speed</span></theoplayer-playback-rate-menu>',eN),r(tc,"theoplayer-settings-menu");class ty extends ey{constructor(){super({template:tc})}}customElements.define("theoplayer-settings-menu",ty);let tm=document.createElement("template");tm.innerHTML=s(`<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="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>
+</slot></span>`),r(tm,"theoplayer-settings-menu-button");class tg extends eb{connectedCallback(){super.connectedCallback(),this.hasAttribute(N.ARIA_LABEL)||this.setAttribute(N.ARIA_LABEL,"open settings menu")}constructor(){super({template:tm})}}customElements.define("theoplayer-settings-menu-button",tg);let tb="theoplayerfullscreenenter",t_="theoplayerfullscreenexit",tv=document.createElement("template");tv.innerHTML=s(`<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>
+</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>
+</slot></span>`,":host(:not([fullscreen])) [part=exit-icon],:host([fullscreen]) [part=enter-icon]{display:none!important}"),r(tv,"theoplayer-fullscreen-button");class tf extends w(h,["fullscreen"]){static get observedAttributes(){return[...h.observedAttributes,N.FULLSCREEN]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get fullscreen(){return this.hasAttribute(N.FULLSCREEN)}set fullscreen(e){e?this.setAttribute(N.FULLSCREEN,""):this.removeAttribute(N.FULLSCREEN)}handleClick(){if(this.fullscreen){let e=ee(t_,{bubbles:!0,composed:!0});this.dispatchEvent(e)}else{let e=ee(tb,{bubbles:!0,composed:!0});this.dispatchEvent(e)}}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),tf.observedAttributes.indexOf(e)>=0&&(i(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.fullscreen?"exit fullscreen":"enter fullscreen";this.setAttribute(N.ARIA_LABEL,e)}constructor(){super({template:tv}),this._upgradeProperty("fullscreen")}}customElements.define("theoplayer-fullscreen-button",tf);class tk{add(e,t,r){if((t=Math.max(t,0))>=(r=Math.min(r,100)))return;let a=v(this._stops,e=>{let[,r]=e;return t<=r});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 tE(e,t){return void 0===t&&(t=""),`<style>:host{--thumb-height:var(--theoplayer-range-thumb-height,10px);--track-height:var(--theoplayer-range-track-height,4px);--theoplayer-range-padding:var(--theoplayer-control-padding,10px);background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;display:inline-block;font-size:0;height:44px;height:calc(var(--theoplayer-control-height, 24px) + var(--theoplayer-range-padding)*2);padding-left:10px;padding-left:var(--theoplayer-range-padding-left,var(--theoplayer-range-padding));padding-right:10px;padding-right:var(--theoplayer-range-padding-right,var(--theoplayer-range-padding));pointer-events:auto;position:relative;transition:background .15s linear;vertical-align:middle;width:100px}:host([hidden]){display:none!important}:host(:hover:not([disabled])){background:transparent;background:var(--theoplayer-control-hover-background,var(--theoplayer-control-background,transparent))}[part=container]{height:100%;position:relative}[part=background],[part=pointer]{border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);height:var(--track-height);position:absolute;top:50%;transform:translateY(-50%);transform:translate(var(--theoplayer-range-track-translate-x,0),calc(var(--theoplayer-range-track-translate-y, 0px) - 50%))}[part=background]{background:hsla(0,0%,100%,.2);background:var(--theoplayer-range-track-background,hsla(0,0%,100%,.2));min-width:40px;width:100%;width:var(--theoplayer-range-track-width,100%)}[part=pointer]{background:transparent;background:var(--theoplayer-range-track-pointer-background,transparent);border-right:none;border-right:var(--theoplayer-range-track-pointer-border-right,none);opacity:0;transition:visibility .25s,opacity .25s;visibility:hidden}:host(:hover:not([disabled])) [part=pointer]{opacity:1;transition:visibility .5s,opacity .5s;visibility:visible}input[type=range]{-webkit-appearance:none;background:transparent;box-sizing:border-box;margin:0;min-height:100%;padding:0;position:relative;width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);margin-top:calc(0px - var(--thumb-height)/2 + var(--track-height)/2);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-webkit-transition:none;transition:none;-webkit-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);width:10px;width:var(--theoplayer-range-thumb-width,10px)}input[type=range]::-moz-range-thumb{background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-moz-transition:none;transition:none;-moz-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);translate:0 0;translate:var(--theoplayer-range-track-translate-x,0) var(--theoplayer-range-track-translate-y,0);width:10px;width:var(--theoplayer-range-thumb-width,10px)}input[type=range]::-ms-thumb{background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-ms-transition:none;transition:none;-ms-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);width:10px;width:var(--theoplayer-range-thumb-width,10px)}:host([disabled]) input[type=range]::-webkit-slider-thumb{display:none}:host([disabled]) input[type=range]::-moz-range-thumb{display:none}:host([disabled]) input[type=range]::-ms-thumb{display:none}input[type=range]::-webkit-slider-runnable-track{background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-webkit-transition:none;transition:none;-webkit-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-moz-range-track{background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-moz-transition:none;transition:none;-moz-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-ms-track{background:transparent;background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);color:transparent;cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-ms-transition:none;transition:none;-ms-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper,input[type=range]::-ms-tooltip{display:none}:host([disabled]) input[type=range]::-webkit-slider-runnable-track{cursor:default}:host([disabled]) input[type=range]::-moz-range-track{cursor:default}:host([disabled]) input[type=range]::-ms-track{cursor:default}input[type=range]:focus{box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}input[type=range]:focus:not(:focus-visible){box-shadow:none}input[type=range]:focus::-webkit-slider-runnable-track{outline:0}
+${t}</style><div part="container"><div part="background"></div><div part="pointer"></div>${e}</div>`}class tx extends HTMLElement{static get observedAttributes(){return[N.DISABLED,N.HIDDEN]}_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this._rangeEl.setAttribute(N.ARIA_LABEL,this.getAriaLabel()),this.update(),this.addEventListener("pointermove",this._updatePointerBar)}disconnectedCallback(){this.removeEventListener("pointermove",this._updatePointerBar)}get disabled(){return this.hasAttribute(N.DISABLED)}set disabled(e){e?this.setAttribute(N.DISABLED,""):this.removeAttribute(N.DISABLED)}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)}attributeChangedCallback(e,t,r){if(r===t)return;let a=null!=r;e===N.DISABLED?(this.setAttribute("aria-disabled",a?"true":"false"),a?this._rangeEl.setAttribute(e,r):this._rangeEl.removeAttribute(e)):e!==N.HIDDEN||a||this.update(),tx.observedAttributes.indexOf(e)>=0&&i(this)}handleInput(){this.update()}update(){this.hasAttribute(N.HIDDEN)||(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 e=this.value-this.min,t=this.max-this.min,r=e/t*100;isNaN(r)&&(r=0);let a=this._rangeEl.offsetWidth;a>0&&(this._lastRangeWidth=a);let i=0;if(this.min<this.value&&this.value<this.max){let e=getComputedStyle(this).getPropertyValue("--theoplayer-range-thumb-width")||"10px",t=parseInt(e)*(.5-r/100);i=t/this._lastRangeWidth*100}let o=new tk;return o.add("var(--theoplayer-range-bar-color, #fff)",0,r+i),o}updatePointer_(e,t){this._pointerEl.style.width=`${e*t.width}px`}constructor(e){super(),this._lastRangeWidth=0,this._onInput=()=>{this.handleInput()},this._updatePointerBar=e=>{if(this.disabled)return;let t=this._rangeEl.getBoundingClientRect(),r=(e.clientX-t.left)/t.width;r=Math.max(0,Math.min(1,r)),this.updatePointer_(r,t)};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._pointerEl=t.querySelector('[part="pointer"]'),this._upgradeProperty("disabled"),this._upgradeProperty("value"),this._upgradeProperty("min"),this._upgradeProperty("max"),this._upgradeProperty("step")}}let tA="theoplayerpreviewtimechange",tw=document.createElement("template");tw.innerHTML="<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>",r(tw,"theoplayer-preview-thumbnail");let tT=["addtrack","removetrack"];class tC extends w(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){this._player!==e&&(void 0!==this._player&&this._player.textTracks.removeEventListener(tT,this._updateThumbnailTextTrack),this._player=e,this._updateThumbnailTextTrack(),void 0!==this._player&&this._player.textTracks.addEventListener(tT,this._updateThumbnailTextTrack))}get previewTime(){return this._previewTime}set previewTime(e){this._previewTime=e,this.updateThumbnail_()}updateThumbnail_(){let e=this._thumbnailTextTrack;if(void 0===e){this.hideThumbnail_();return}"disabled"===e.mode&&(e.mode="hidden");let t=function(e,t){if(0===e.length)return;let r=e[0];for(let a of e)if(a.startTime<=t)r=a;else if(t>=a.endTime)break;return r}(e.cues,this._previewTime);if(void 0===t){this.hideThumbnail_();return}let r=t.content.trim(),a=function(e){let t=e.match(/^(.+)#xywh=(\d+),(\d+),(\d+),(\d+)$/);if(!t)return;let[,r,a,i,o,n]=t;return{url:r,x:+a,y:+i,w:+o,h:+n}}(r),i=a?a.url:r;if(i=new URL(i,e.src||location.href).href,this._lastLoadedThumbnailUrl!==i){this.loadThumbnailImage_(i);return}this.showThumbnail_(a)}loadThumbnailImage_(e){if(this._thumbnailImageSource.src===e)return;let t=()=>{this._lastLoadedThumbnailUrl=e,this.updateThumbnail_()};"function"==typeof this._thumbnailImageSource.decode?(this._thumbnailImageSource.src=e,this._thumbnailImageSource.decode().then(t,c)):(this._thumbnailImageSource.onload=t,this._thumbnailImageSource.src="",this._thumbnailImageSource.src=e)}showThumbnail_(e){e?(this._canvasEl.width=e.w,this._canvasEl.height=e.h,this._canvasContext.drawImage(this._thumbnailImageSource,e.x,e.y,e.w,e.h,0,0,e.w,e.h)):(this._canvasEl.width=this._thumbnailImageSource.naturalWidth,this._canvasEl.height=this._thumbnailImageSource.naturalHeight,this._canvasContext.drawImage(this._thumbnailImageSource,0,0)),this._canvasEl.style.display="block"}hideThumbnail_(){this._canvasEl.style.display="none"}constructor(){super(),this._previewTime=NaN,this._updateThumbnailTextTrack=()=>{let e=this._thumbnailTextTrack,t=this._player?_(this._player.textTracks,tL):void 0;e!==t&&(this._thumbnailTextTrack=t,this.updateThumbnail_())};let e=this.attachShadow({mode:"open"});e.appendChild(tw.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 tL(e){return"metadata"===e.kind&&"thumbnails"===e.label}customElements.define("theoplayer-preview-thumbnail",tC);let tS=document.createElement("template");tS.innerHTML=`<style>${U}</style><span></span>`,r(tS,"theoplayer-preview-time-display");let tP=["timeupdate","seeking","seeked","durationchange"];class tM extends w(HTMLElement,["player","previewTime","streamType"]){static get observedAttributes(){return[N.REMAINING,N.REMAINING_WHEN_LIVE,N.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(N.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(N.STREAM_TYPE,e)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&this._player.removeEventListener(tP,this._update),this._player=e,this._update(),void 0!==this._player&&this._player.addEventListener(tP,this._update))}attributeChangedCallback(e,t,r){r!==t&&tM.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(N.REMAINING)||this.hasAttribute(N.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType;o&&(t=-((i||0)-t)),E(this._spanEl,z(t,i,o))};let e=this.attachShadow({mode:"open"});e.appendChild(tS.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}function tR(e){return"linear"===e.type}customElements.define("theoplayer-preview-time-display",tM);let tI=document.createElement("template");tI.innerHTML=tE('<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%)}"),r(tI,"theoplayer-time-range");let tO=["timeupdate","durationchange","ratechange","seeking","seeked"],tD=["play","pause","ended","readystatechange","error"],tN=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class tq extends w(tx,["player","streamType"]){static get observedAttributes(){return[...tx.observedAttributes,N.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(tO,this._updateFromPlayer),this._player.removeEventListener(tD,this._toggleAutoAdvance),null==(t=this._player.ads)||t.removeEventListener(tN,this._onAdChange)),this._player=e,this._updateFromPlayer(),this._toggleAutoAdvance(),void 0!==this._player&&(this._player.addEventListener(tO,this._updateFromPlayer),this._player.addEventListener(tD,this._toggleAutoAdvance),null==(r=this._player.ads)||r.addEventListener(tN,this._onAdChange)))}get streamType(){return this.getAttribute(N.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(N.STREAM_TYPE,e)}getAriaLabel(){return"seek"}getAriaValueText(){let e=$(this.value),t=$(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===N.STREAM_TYPE?this._updateDisabled():e===N.SHOW_AD_MARKERS&&this.update(),tq.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}updatePointer_(e,t){super.updatePointer_(e,t);let r=t.left+e*t.width,a=this._previewBoxEl.getBoundingClientRect(),i=t.left+a.width/2,o=t.right-a.width/2;r=Math.max(i,Math.min(o,r));let n=(r-t.left)/t.width;if(this._previewRailEl.style.transform=`translateX(${(1e4*n).toFixed(6)}%)`,void 0===this._player)return;let{min:s,max:l}=this,h=s+e*(l-s),p=ee(tA,{bubbles:!0,composed:!0,detail:{previewTime:h}});this.dispatchEvent(p)}getBarColors(){let e=super.getBarColors();if(!this.hasAttribute(N.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(tR))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}constructor(){super({template:tI}),this._pausedWhileScrubbing=!1,this._autoAdvanceId=0,this._lastUpdateTime=0,this._lastCurrentTime=0,this._lastPlaybackRate=0,this._updateFromPlayer=()=>{if(void 0===this._player)return;this._lastUpdateTime=performance.now(),this._lastCurrentTime=this._player.currentTime,this._lastPlaybackRate=this._player.playbackRate;let e=this._player.seekable;if(0!==e.length?(this.min=e.start(0),this.max=e.end(0)):(this.min=0,this.max=this._player.duration),!isFinite(this._lastCurrentTime)){let e=this._player.duration===1/0;this._lastCurrentTime=e?this.max:this.min}this._rangeEl.valueAsNumber=this._lastCurrentTime,this.update(),this._updateDisabled()},this._updateDisabled=()=>{let e="live"===this.streamType;void 0!==this._player&&(e||(e=0===this._player.seekable.length)),this.disabled=e},this._pauseOnScrubStart=()=>{this._pausedWhileScrubbing||void 0===this._player||this._player.paused||(this._pausedWhileScrubbing=!0,this._player.pause(),document.addEventListener("mouseup",this._playOnScrubEnd),document.addEventListener("touchend",this._playOnScrubEnd))},this._playOnScrubEnd=()=>{this._pausedWhileScrubbing&&(this._pausedWhileScrubbing=!1,document.removeEventListener("mouseup",this._playOnScrubEnd),document.removeEventListener("touchend",this._playOnScrubEnd),void 0!==this._player&&this._player.paused&&this._player.play())},this._toggleAutoAdvance=()=>{this.shouldAutoAdvance_()?0===this._autoAdvanceId&&(this._updateFromPlayer(),this._autoAdvanceId=requestAnimationFrame(this._autoAdvanceWhilePlaying)):0!==this._autoAdvanceId&&(this._updateFromPlayer(),cancelAnimationFrame(this._autoAdvanceId),this._autoAdvanceId=0)},this._autoAdvanceWhilePlaying=()=>{if(!this.shouldAutoAdvance_()){this._autoAdvanceId=0;return}let e=(performance.now()-this._lastUpdateTime)/1e3;this._rangeEl.valueAsNumber=this._lastCurrentTime+e*this._lastPlaybackRate,this.update(),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(N.ARIA_LIVE,"off"),this._rangeEl.addEventListener("mousedown",this._pauseOnScrubStart),this._rangeEl.addEventListener("touchstart",this._pauseOnScrubStart),this._upgradeProperty("player")}}customElements.define("theoplayer-time-range",tq);let tF=document.createElement("template");tF.innerHTML=tE('<input type="range" min="0" max="1" step="any" value="0">'),r(tF,"theoplayer-volume-range");class tB extends w(tx,["player"]){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:tF}),this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.volume)},this._upgradeProperty("player")}}customElements.define("theoplayer-volume-range",tB);let tH=document.createElement("template");tH.innerHTML=`<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>
+</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>`,r(tH,"theoplayer-error-display");class tU extends w(HTMLElement,["error","fullscreen"]){static get observedAttributes(){return[N.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,E(this._messageSlot,e?e.message:"")}get fullscreen(){return this.hasAttribute(N.FULLSCREEN)}set fullscreen(e){e?this.setAttribute(N.FULLSCREEN,""):this.removeAttribute(N.FULLSCREEN)}attributeChangedCallback(e,t,r){tU.observedAttributes.indexOf(e)>=0&&i(this)}constructor(){super();let e=this.attachShadow({mode:"open",delegatesFocus:!0});e.appendChild(tH.content.cloneNode(!0)),this._messageSlot=e.querySelector('slot[name="message"]'),this._upgradeProperty("error")}}customElements.define("theoplayer-error-display",tU);class tV extends h{static get observedAttributes(){return[...h.observedAttributes,N.CAST_STATE]}connectedCallback(){super.connectedCallback(),this.hasAttribute(N.CAST_STATE)||this.setAttribute(N.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(N.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),tV.observedAttributes.indexOf(e)>=0&&i(this)}constructor(e){super(e),this._updateCastState=()=>{let e=this._castApi?this._castApi.state:"unavailable";this.setAttribute(N.CAST_STATE,e)},this._upgradeProperty("castState"),this._upgradeProperty("castApi")}}let tz=document.createElement("template");tz.innerHTML=s('<span part="icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="24" width="24"><defs><clipPath id="theoplayer-chromecast-rings-mask"><path d="M0-36h44V0H0z"/></clipPath></defs><path class="theoplayer-chromecast-outer" d="M2 10a4 4 0 0 1 4-4h36a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H28v-4h14V10H6v6H2z"/><path class="theoplayer-chromecast-inner" d="M10 14h28v20H26.74A26 26 0 0 0 10 17.26z"/><g class="theoplayer-chromecast-rings" fill="none" stroke="currentColor" stroke-width="4" transform="translate(2 42)" clip-path="url(#theoplayer-chromecast-rings-mask)"><circle stroke="none" cx="0" cy="0" r="30"/><circle class="theoplayer-chromecast-ring theoplayer-chromecast-ring1" stroke-width="6" cx="0" cy="0" r="3"/><circle class="theoplayer-chromecast-ring theoplayer-chromecast-ring2" cx="0" cy="0" r="12"/><circle class="theoplayer-chromecast-ring theoplayer-chromecast-ring3" cx="0" cy="0" r="20"/><path class="theoplayer-chromecast-ring theoplayer-chromecast-ring4" stroke-linecap="round" d="M0-20A20 20 0 0 1 20 0"/></g></svg></span>',":host([cast-state=unavailable]){display:none!important}:host([cast-state=connecting]) .theoplayer-chromecast-ring{animation:.9s linear infinite}:host([cast-state=connecting]) .theoplayer-chromecast-ring1{animation-name:theoplayer-chromecast-connecting-ring1}:host([cast-state=connecting]) .theoplayer-chromecast-ring2{animation-name:theoplayer-chromecast-connecting-ring2}:host([cast-state=connecting]) .theoplayer-chromecast-ring3{animation-name:theoplayer-chromecast-connecting-ring3}:host([cast-state=connecting]) .theoplayer-chromecast-ring4{animation-name:theoplayer-chromecast-connecting-ring4}.theoplayer-chromecast-inner{opacity:0;transition:opacity .5s ease-in-out}:host([cast-state=connected]) .theoplayer-chromecast-inner{opacity:1}.theoplayer-chromecast-rings{-webkit-clip-path:polygon(50% -100%,50% 50%,100% 50%,100% -100%);clip-path:polygon(50% -100%,50% 50%,100% 50%,100% -100%)}@keyframes theoplayer-chromecast-connecting-ring1{0%,37.5%{transform:scale(0)}62.5%,to{transform:scale(1)}}@keyframes theoplayer-chromecast-connecting-ring2{0%,20%{stroke-width:24;transform:scale(.25)}35%{stroke-width:10;transform:scale(.5)}55%,to{stroke-width:4;transform:scale(1)}}@keyframes theoplayer-chromecast-connecting-ring3{0%,15%{stroke-width:6.66667;transform:scale(.6)}45%,to{stroke-width:4;transform:scale(1)}}@keyframes theoplayer-chromecast-connecting-ring4{0%{stroke-width:4;stroke-dashoffset:0;stroke-dasharray:32,99;opacity:1;transform:scale(1)}35%{stroke-width:2.8571;stroke-dashoffset:-18;stroke-dasharray:0,99;opacity:1;transform:scale(1.4)}50%{stroke-width:0;stroke-dashoffset:-18;stroke-dasharray:0,99;opacity:1;transform:scale(1.5)}50.001%,to{opacity:0}}"),r(tz,"theoplayer-chromecast-button");let tG="theoplayer-chromecast-rings-mask",tQ=0;class t$ extends w(tV,["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),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(N.ARIA_LABEL,e)}constructor(){super({template:tz});let e=++tQ,t=this.shadowRoot.querySelector(`svg clipPath#${tG}`),r=this.shadowRoot.querySelector("svg .theoplayer-chromecast-rings"),a=`${tG}-${e}`;t.setAttribute("id",a),r.setAttribute("clip-path",a),this._upgradeProperty("player")}}customElements.define("theoplayer-chromecast-button",t$);let tY=document.createElement("template");tY.innerHTML=`<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>
+</slot></div><div part="text"><p part="heading"><slot name="heading">Playing on</slot></p><p part="receiver">Chromecast Receiver</p></div>`,r(tY,"theoplayer-chromecast-display");let tK=["statechange"];class tW extends w(HTMLElement,["player"]){_upgradeProperty(e){if(this.hasOwnProperty(e)){let t=this[e];delete this[e],this[e]=t}}connectedCallback(){a(this),this.hasAttribute(N.HIDDEN)||this.setAttribute(N.HIDDEN,""),this._updateFromPlayer()}get player(){return this._player}set player(e){var t,r,a,i,o,n;this._player!==e&&(null==(a=this._player)||null==(r=a.cast)||null==(t=r.chromecast)||t.removeEventListener(tK,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),null==(n=this._player)||null==(o=n.cast)||null==(i=o.chromecast)||i.addEventListener(tK,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(N.HIDDEN,"");return}E(this._receiverNameEl,r.receiverName||""),this.removeAttribute(N.HIDDEN)};let e=this.attachShadow({mode:"open"});e.appendChild(tY.content.cloneNode(!0)),this._receiverNameEl=e.querySelector('[part="receiver"]'),this._upgradeProperty("player")}}customElements.define("theoplayer-chromecast-display",tW);let tZ=document.createElement("template");tZ.innerHTML=s('<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}"),r(tZ,"theoplayer-airplay-button");class tj extends w(tV,["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),tj.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(N.ARIA_LABEL,e)}constructor(){super({template:tZ}),this._upgradeProperty("player")}}customElements.define("theoplayer-airplay-button",tj);let tJ=document.createElement("template");tJ.innerHTML='<style>:host{pointer-events:none!important}:host{box-sizing:border-box;display:inline-flex;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>',r(tJ,"theoplayer-loading-indicator");let tX=["readystatechange","play","pause","playing","seeking","seeked"];class t0 extends w(HTMLElement,["player"]){static get observedAttributes(){return[N.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(tX,this._updateFromPlayer),this._player=e,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener(tX,this._updateFromPlayer))}attributeChangedCallback(e,t,r){t0.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);e?this.setAttribute(N.LOADING,""):this.removeAttribute(N.LOADING)};let e=this.attachShadow({mode:"open"});e.appendChild(tJ.content.cloneNode(!0)),this._upgradeProperty("player")}}customElements.define("theoplayer-loading-indicator",t0);let t1=document.createElement("template");t1.innerHTML="<style>:host{pointer-events:none!important}:host{box-sizing:border-box;display:inline-block}</style>",r(t1,"theoplayer-gesture-receiver");class t5 extends w(HTMLElement,["player"]){_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._player&&(this._player.element.removeEventListener("pointerdown",this._onPointerDown),this._player.element.removeEventListener("click",this._onClick)),this._player=e,void 0!==this._player&&(this._player.element.addEventListener("pointerdown",this._onPointerDown),this._player.element.addEventListener("click",this._onClick)))}handleTap(e){}handleMouseClick(e){if(void 0!==this._player){var t;void 0===this._player.source||null!=(t=this._player.ads)&&t.playing||(this._player.paused?this._player.play():this._player.pause())}}constructor(){super(),this._pointerType="",this._onPointerDown=e=>{this._pointerType=e.pointerType},this._onClick=e=>{var t;let r=null!=(t=e.pointerType)?t:this._pointerType;"touch"===r?this.handleTap(e):"mouse"===r&&this.handleMouseClick(e)};let e=this.attachShadow({mode:"open"});e.appendChild(t1.content.cloneNode(!0)),this._upgradeProperty("player")}}customElements.define("theoplayer-gesture-receiver",t5);let t2=document.createElement("template");t2.innerHTML=s(`<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>
+</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)}"),r(t2,"theoplayer-live-button");let t3=["play","pause","playing","emptied"],t8=["seeking","seeked","timeupdate","durationchange","emptied"];class t4 extends w(h,["player","streamType"]){static get observedAttributes(){return[...h.observedAttributes,N.STREAM_TYPE,N.LIVE,N.PAUSED,N.LIVE_THRESHOLD]}connectedCallback(){super.connectedCallback(),this.hasAttribute(N.ARIA_LABEL)||this.setAttribute(N.ARIA_LABEL,"seek to live")}get paused(){return this.hasAttribute(N.PAUSED)}set paused(e){e?this.setAttribute(N.PAUSED,""):this.removeAttribute(N.PAUSED)}get streamType(){return this.getAttribute(N.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(N.STREAM_TYPE,e)}get liveThreshold(){var e;return Number(null!=(e=this.getAttribute(N.LIVE_THRESHOLD))?e:10)}set liveThreshold(e){e=Number(e),this.setAttribute(N.LIVE_THRESHOLD,String(isNaN(e)?0:e))}get live(){return this.hasAttribute(N.LIVE)}set live(e){e?this.setAttribute(N.LIVE,""):this.removeAttribute(N.LIVE)}get player(){return this._player}set player(e){this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener(t3,this._updatePaused),this._player.removeEventListener(t8,this._updateLive)),this._player=e,this._updatePaused(),this._updateLive(),void 0!==this._player&&(this._player.addEventListener(t3,this._updatePaused),this._player.addEventListener(t8,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===N.LIVE_THRESHOLD&&this._updateLive(),t4.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super({template:t2}),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;if(r.length>0)return r.end(r.length-1)-e.currentTime<=t}return!1}(this._player,this.liveThreshold)},this._upgradeProperty("paused"),this._upgradeProperty("streamType"),this._upgradeProperty("liveThreshold"),this._upgradeProperty("live"),this._upgradeProperty("player")}}customElements.define("theoplayer-live-button",t4);let t7=document.createElement("template");t7.innerHTML=`<style>${U}
+: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>`,r(t7,"theoplayer-ad-display");let t6=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class t9 extends w(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&&(void 0!==this._player&&(null==(t=this._player.ads)||t.removeEventListener(t6,this._updateFromPlayer)),this._player=e,this._updateFromPlayer(),void 0!==this._player&&(null==(r=this._player.ads)||r.addEventListener(t6,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(tR);if(void 0===a||!a.playing||0===i.length){E(this._spanEl,""),this.style.display="none";return}if(i.length>1){let e=this._player.ads.currentAds||[],t=_(e,tR);if(t){let e=i.indexOf(t);if(e>=0){E(this._spanEl,`Ad ${e+1} of ${i.length}`),this.style.display="";return}}}E(this._spanEl,"Ad"),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(t7.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-display",t9);let re=document.createElement("template");re.innerHTML=`<style>${U}
+:host{pointer-events:none}</style><span></span>`,r(re,"theoplayer-ad-countdown");let rt=["adbreakbegin","adbreakend","adbreakchange","updateadbreak"];class rr extends w(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;this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener("timeupdate",this._update),null==(t=this._player.ads)||t.removeEventListener(rt,this._onAdChange)),this._player=e,this._onAdChange(),void 0!==this._player&&(null==(r=this._player.ads)||r.addEventListener(rt,this._onAdChange)))}constructor(){super(),this._onAdChange=()=>{var e,t,r;(null==(t=this._player)?void 0:null==(e=t.ads)?void 0:e.playing)?(this._player.removeEventListener("timeupdate",this._update),this._player.addEventListener("timeupdate",this._update)):null==(r=this._player)||r.removeEventListener("timeupdate",this._update),this._update()},this._update=()=>{var e,t;let r=null==(e=this._player)?void 0:e.ads,a=null==r?void 0:null==(t=r.currentAdBreak)?void 0:t.maxRemainingDuration;if(void 0===r||!r.playing||void 0===a||a<0){E(this._spanEl,""),this.style.display="none";return}a=Math.ceil(a),E(this._spanEl,`Content will resume in ${a}s`),this.style.display=""};let e=this.attachShadow({mode:"open"});e.appendChild(re.content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-countdown",rr);let ra=document.createElement("template");ra.innerHTML=p("<slot>Visit Advertiser</slot>"),r(ra,"theoplayer-ad-clickthrough-button");let ri=["adbegin","adend","adloaded","updatead","adskip"];class ro extends w(u,["player"]){static get observedAttributes(){return[...u.observedAttributes,N.CLICKTHROUGH]}connectedCallback(){super.connectedCallback(),this._updateFromPlayer()}get clickThrough(){return this.getAttribute(N.CLICKTHROUGH)}set clickThrough(e){null==e?this.removeAttribute(N.CLICKTHROUGH):this.setAttribute(N.CLICKTHROUGH,e)}get player(){return this._player}set player(e){var t,r;this._player!==e&&(void 0!==this._player&&(null==(t=this._player.ads)||t.removeEventListener(ri,this._updateFromPlayer)),this._player=e,this._updateFromPlayer(),void 0!==this._player&&(null==(r=this._player.ads)||r.addEventListener(ri,this._updateFromPlayer)))}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),e===N.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"}ro.observedAttributes.indexOf(e)>=0&&i(this)}handleClick(){var e;null==(e=this._player)||e.pause()}constructor(){super({template:ra}),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:[],tR);if(void 0===a||"google-ima"===a.integration){this.clickThrough=null;return}let i=a.clickThrough;if(!i){this.clickThrough=null;return}this.clickThrough=i},this.disabled=!0,this.style.display="none",this._upgradeProperty("clickThrough"),this._upgradeProperty("player")}}customElements.define("theoplayer-ad-clickthrough-button",ro);let rn=document.createElement("template");rn.innerHTML=s(`<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>
+</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)}: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=skip]{align-items:center;display:flex}[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))}"),r(rn,"theoplayer-ad-skip-button");let rs=["adbegin","adend","adloaded","updatead","adskip"];class rl extends w(h,["player"]){static get observedAttributes(){return[...h.observedAttributes]}connectedCallback(){super.connectedCallback(),this._update()}get player(){return this._player}set player(e){var t,r;this._player!==e&&(void 0!==this._player&&(this._player.removeEventListener("timeupdate",this._update),null==(t=this._player.ads)||t.removeEventListener(rs,this._onAdChange)),this._player=e,this._onAdChange(),void 0!==this._player&&(null==(r=this._player.ads)||r.addEventListener(rs,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),rl.observedAttributes.indexOf(e)>=0&&i(this)}constructor(){super({template:rn}),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:[],tR);if(void 0===a||"google-ima"===a.integration){this.style.display="none";return}let i=a.skipOffset;if(void 0===i||i<0||void 0!==a.duration&&i>=a.duration){this.style.display="none";return}let o=this._player.currentTime;o<i?(E(this._countdownEl,`Skip in ${Math.ceil(i-o)}s`),this._countdownEl.style.display="",this._skipEl.style.display="none",this.style.display="",this.setAttribute(N.DISABLED,""),this.setAttribute(N.ARIA_LIVE,"off")):(this._countdownEl.style.display="none",this._skipEl.style.display="",this.style.display="",this.removeAttribute(N.DISABLED),this.setAttribute(N.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",rl),(H=q||(q={})).TopControlBar="top-control-bar",H.BottomControlBar="bottom-control-bar",H.Menu="menu";let rh=[];function rp(e){rh.push(e)}let rd=(()=>{if(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 ru(){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)}class rc{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 rc(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 rc(t,r,a,i)}clone(){return new rc(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}}let ry="theoplayerstreamtypechange",rm=document.createElement("template");rm.innerHTML='<style>:host{background:#000;background:var(--theoplayer-background,#000);box-sizing:border-box;container-name:theoplayer-ui-container;container-type:size;display:inline-block;height:0;min-width:300px;padding-bottom:56.25%;position:relative}:host([hidden]){display:none!important}:host([fullscreen]){height:100%!important;padding:0!important;width:100%!important}:host(:-webkit-full-screen){height:100%!important;padding:0!important;width:100%!important}:host(:fullscreen){height:100%!important;padding:0!important;width:100%!important}:host([fluid]){padding-bottom:56.25%;padding-bottom:calc(100%*var(--theoplayer-video-height, 9)/var(--theoplayer-video-width, 16))}[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] .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])) [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(:not([menu-opened])) [part~=menu-layer],:host([menu-opened][mobile]) [part~=vertical-layer]{display:none!important}@container theoplayer-ui-container (max-width: 500px){:host(:not([mobile])) [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([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]:not([paused]):not([casting]):not([menu-opened])){cursor:none}:host([user-idle]:not([paused]):not([casting]):not([menu-opened])) [part~=chrome] ::slotted(:not([no-auto-hide])){opacity:0;transition:opacity 1s}:host([user-idle]:not([paused]):not([casting]):not([menu-opened])) [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>',r(rm,"theoplayer-ui");class rg extends HTMLElement{static get observedAttributes(){return[N.CONFIGURATION,N.SOURCE,N.MUTED,N.AUTOPLAY,N.FULLSCREEN,N.FLUID,N.MOBILE,N.PAUSED,N.ENDED,N.CASTING,N.PLAYING_AD,N.HAS_ERROR,N.HAS_FIRST_PLAY,N.STREAM_TYPE,N.DVR_THRESHOLD,N.USER_IDLE,N.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(N.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(N.SOURCE),this._setSource(e)}_setSource(e){this._player?this._player.source=e:this._source=e}get muted(){return this.hasAttribute(N.MUTED)}set muted(e){e?this.setAttribute(N.MUTED,""):this.removeAttribute(N.MUTED)}get autoplay(){return this.hasAttribute(N.AUTOPLAY)}set autoplay(e){e?this.setAttribute(N.AUTOPLAY,""):this.removeAttribute(N.AUTOPLAY)}get fullscreen(){return this.hasAttribute(N.FULLSCREEN)}get paused(){return this.hasAttribute(N.PAUSED)}get ended(){return this.hasAttribute(N.ENDED)}get casting(){return this.hasAttribute(N.CASTING)}get userIdleTimeout(){var e;return Number(null!=(e=this.getAttribute(N.USER_IDLE_TIMEOUT))?e:2)}set userIdleTimeout(e){e=Number(e),this.setAttribute(N.USER_IDLE_TIMEOUT,String(isNaN(e)?0:e))}get streamType(){return this.getAttribute(N.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(N.STREAM_TYPE,e)}get dvrThreshold(){var e;return Number(null!=(e=this.getAttribute(N.DVR_THRESHOLD))?e:60)}set dvrThreshold(e){e=Number(e),this.setAttribute(N.DVR_THRESHOLD,String(isNaN(e)?0:e))}connectedCallback(){var e;for(let e of(a(this),!this.hasAttribute(N.MOBILE)&&ru()&&this.setAttribute(N.MOBILE,""),this.hasAttribute(N.PAUSED)||this.setAttribute(N.PAUSED,""),this.tryInitializePlayer_(),this._stateReceivers))this.propagateStateToReceiver_(e);T(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(en,this._onCloseMenu),this._menuGroup.addEventListener(es,this._onMenuChange),void 0!==rd&&(document.addEventListener(rd.fullscreenchange_,this._onFullscreenChange),document.addEventListener(rd.fullscreenerror_,this._onFullscreenChange),this._onFullscreenChange()),this.setUserIdle_(),this.addEventListener("keyup",this._onKeyUp),this.addEventListener("pointerup",this._onPointerUp),this.addEventListener("pointermove",this._onPointerMove),this.addEventListener("mouseleave",this._onMouseLeave)}tryInitializePlayer_(){var t,r;if(void 0===this._player&&(void 0!==this._configuration.license||void 0!==this._configuration.licenseUrl)){for(let t of(this._player=new e(this._playerEl,this._configuration),this._source&&(this._player.source=this._source,this._source=void 0),this._player.muted=this.muted,this._player.autoplay=this.autoplay,this._stateReceivers))t[x].indexOf("player")>=0&&(t.player=this._player);this._updateAspectRatio(),this._updateError(),this._updatePausedAndEnded(),this._updateCasting(),this._player.addEventListener("resize",this._updateAspectRatio),this._player.addEventListener(["error","sourcechange","emptied"],this._updateError),this._player.addEventListener("volumechange",this._updateMuted),this._player.addEventListener("play",this._onPlay),this._player.addEventListener("pause",this._onPause),this._player.addEventListener(["ended","emptied"],this._updatePausedAndEnded),this._player.addEventListener(["durationchange","sourcechange","emptied"],this._updateStreamType),this._player.addEventListener("ratechange",this._updatePlaybackRate),this._player.addEventListener("sourcechange",this._onSourceChange),this._player.videoTracks.addEventListener(["addtrack","removetrack","change"],this._updateActiveVideoTrack),null==(t=this._player.cast)||t.addEventListener("castingchange",this._updateCasting),this._player.addEventListener(["durationchange","sourcechange","emptied"],this._updatePlayingAd),null==(r=this._player.ads)||r.addEventListener(["adbreakbegin","adbreakend","adbegin","adend","adskip"],this._updatePlayingAd)}}disconnectedCallback(){var e;for(let t of(null==(e=this._resizeObserver)||e.disconnect(),this._mutationObserver.disconnect(),this.shadowRoot.removeEventListener("slotchange",this._onSlotChange),this._stateReceivers))this.removeStateFromReceiver_(t);this._stateReceivers.length=0,this._menuGroup.removeEventListener(en,this._onCloseMenu),this._menuGroup.removeEventListener(es,this._onMenuChange),void 0!==rd&&(document.removeEventListener(rd.fullscreenchange_,this._onFullscreenChange),document.removeEventListener(rd.fullscreenerror_,this._onFullscreenChange)),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._player.destroy(),this._player=void 0)}attributeChangedCallback(e,t,r){if(r===t)return;let a=null!=r;if(e===N.CONFIGURATION)this._setConfiguration(r?JSON.parse(r):{});else if(e===N.SOURCE)this._setSource(r?JSON.parse(r):void 0);else if(e===N.MUTED)this._player&&(this._player.muted=a);else if(e===N.AUTOPLAY)this._player&&(this._player.autoplay=a);else if(e===N.FULLSCREEN)for(let e of this._stateReceivers)e[x].indexOf("fullscreen")>=0&&(e.fullscreen=a);else if(e===N.STREAM_TYPE){for(let e of this._stateReceivers)e[x].indexOf("streamType")>=0&&(e.streamType=r);let e=ee(ry,{bubbles:!0,composed:!0,detail:{streamType:r}});this.dispatchEvent(e)}else e===N.FLUID?this._updateAspectRatio():e===N.USER_IDLE||e===N.PAUSED||e===N.CASTING?this._updateTextTrackMargins():e===N.DVR_THRESHOLD&&this._updateStreamType();rg.observedAttributes.indexOf(e)>=0&&i(this)}propagateStateToReceiver_(e){let t=e[x];if(t.indexOf("player")>=0&&(e.player=this._player),t.indexOf("fullscreen")>=0&&(e.fullscreen=this.fullscreen),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=eL(this._activeVideoTrack))}t.indexOf("previewTime")>=0&&(e.previewTime=this._previewTime)}removeStateFromReceiver_(e){let t=e[x];t.indexOf("player")>=0&&(e.player=void 0)}openMenu_(e,t){let r=rc.fromRect(this._topChromeEl.getBoundingClientRect()),a=rc.fromRect(this._bottomChromeEl.getBoundingClientRect()),o=!0,n=!0;if(void 0!==t){let e=rc.fromRect(this.getBoundingClientRect()),r=rc.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;let s={"--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"};i(this,s)}closeMenu_(){var e;this._menuGroup.closeMenu(),null==(e=this._menuOpener)||e.focus(),this._menuOpener=void 0}isUserIdle_(){return this.hasAttribute(N.USER_IDLE)&&!this.paused&&!this.casting&&!this._menuGroup.hasCurrentMenu()}setUserActive_(){clearTimeout(this._userIdleTimer),this.removeAttribute(N.USER_IDLE)}isPlayerOrMedia_(e){return e===this||this._playerEl.contains(e)}constructor(e={}){super(),this._configuration={},this._pointerType="",this._lastPointerUpTime=0,this._stateReceivers=[],this._player=void 0,this._source=void 0,this._userIdleTimer=0,this._previewTime=NaN,this._activeVideoTrack=void 0,this._onMutation=e=>{for(let t of e)if("childList"===t.type){let{addedNodes:e,removedNodes:r}=t;for(let t=0;t<e.length;t++){let r=e[t];y(r)&&T(r,this._playerEl,this.registerStateReceiver_)}for(let e=0;e<r.length;e++){let t=r[e];y(t)&&T(t,this._playerEl,this.unregisterStateReceiver_)}}},this._onSlotChange=()=>{T(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(N.MENU_OPENED,"")):this.removeAttribute(N.MENU_OPENED)},this._onMenuPointerDown=e=>{this._pointerType=e.pointerType},this._onMenuClick=e=>{var t;let r=null!=(t=e.pointerType)?t:this._pointerType;e.target===this._menuEl&&"mouse"===r&&this._menuGroup.closeCurrentMenu()&&e.preventDefault()},this._onEnterFullscreen=e=>{if(e.stopPropagation(),rd&&document[rd.fullscreenEnabled_]&&this[rd.requestFullscreen_]){let e=this[rd.requestFullscreen_]();e&&e.then&&e.then(c,c)}else this._player&&this._player.presentation.supportsMode("fullscreen")&&this._player.presentation.requestMode("fullscreen")},this._onExitFullscreen=e=>{if(e.stopPropagation(),rd){let e=document[rd.exitFullscreen_]();e&&e.then&&e.then(c,c)}this._player&&"fullscreen"===this._player.presentation.currentMode&&this._player.presentation.requestMode("inline")},this._onFullscreenChange=()=>{let e=!1;if(void 0!==rd){let t=document[rd.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),e?this.setAttribute(N.FULLSCREEN,""):this.removeAttribute(N.FULLSCREEN)},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(t?this.setAttribute(N.HAS_ERROR,""):this.removeAttribute(N.HAS_ERROR),this._stateReceivers))e[x].indexOf("error")>=0&&(e.error=t)},this._onPlay=()=>{this.setAttribute(N.HAS_FIRST_PLAY,""),this.removeAttribute(N.PAUSED),this._updateEnded()},this._onPause=()=>{this.setAttribute(N.PAUSED,""),this._updateEnded()},this._updatePausedAndEnded=()=>{let e=!this._player||this._player.paused;e?this.setAttribute(N.PAUSED,""):this.removeAttribute(N.PAUSED),this._updateEnded()},this._updateEnded=()=>{let e=!!this._player&&this._player.ended;e?this.setAttribute(N.ENDED,""):this.removeAttribute(N.ENDED)},this._updateStreamType=()=>{let e;if(void 0===this._player)return;let t=this._player.duration;if(!isNaN(t)){if(t===1/0){e="live";let t=this.dvrThreshold,r=this._player.seekable;(t<=0||r.length>0&&r.end(r.length-1)-r.start(0)>=t)&&(e="dvr")}else e="vod";this.streamType=e}},this._updatePlaybackRate=()=>{if(void 0===this._player)return;let e=this._player.playbackRate;for(let t of this._stateReceivers)t[x].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[x].indexOf("activeVideoQuality")>=0&&(e.activeVideoQuality=t)},this._updateTargetVideoQualities=()=>{let e=eL(this._activeVideoTrack);for(let t of this._stateReceivers)t[x].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;a?this.setAttribute(N.CASTING,""):this.removeAttribute(N.CASTING)},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;a?this.setAttribute(N.PLAYING_AD,""):this.removeAttribute(N.PLAYING_AD)},this._onSourceChange=()=>{this.closeMenu_(),void 0===this._player||this._player.paused?this.removeAttribute(N.HAS_FIRST_PLAY):this.setAttribute(N.HAS_FIRST_PLAY,"")},this.setUserIdle_=()=>{clearTimeout(this._userIdleTimer),this._userIdleTimer=0,this.userIdleTimeout<0||this.setAttribute(N.USER_IDLE,"")},this.scheduleUserIdle_=()=>{if(this.setUserActive_(),clearTimeout(this._userIdleTimer),this.userIdleTimeout<0){this._userIdleTimer=0;return}this._userIdleTimer=setTimeout(this.setUserIdle_,1e3*this.userIdleTimeout)},this._onKeyUp=()=>{this.scheduleUserIdle_()},this._onPointerUp=e=>{"touch"===e.pointerType&&(this.isPlayerOrMedia_(e.target)&&!this.hasAttribute(N.USER_IDLE)?this.setUserIdle_():(this.isUserIdle_()&&(this._lastPointerUpTime=performance.now(),this.addEventListener("click",this._onClickAfterPointerUp,!0)),this.scheduleUserIdle_()))},this._onClickAfterPointerUp=e=>{this.removeEventListener("click",this._onClickAfterPointerUp,!0),performance.now()-this._lastPointerUpTime<10&&(e.preventDefault(),e.stopPropagation())},this._onPointerMove=e=>{"mouse"===e.pointerType&&(this.setUserActive_(),this.isPlayerOrMedia_(e.target)&&this.scheduleUserIdle_())},this._onMouseLeave=()=>{this.setUserIdle_()},this._onChromeSlotTransition=e=>{"opacity"===e.propertyName&&this._updateTextTrackMargins()},this._updateTextTrackMargins=()=>{let e=this._player;if(void 0===e)return;let t=rb(this._topChromeSlot),r=rb(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[x].indexOf("previewTime")>=0&&(t.previewTime=this._previewTime)};let t=this.attachShadow({mode:"open",delegatesFocus:!0});t.appendChild(rm.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(ed,this._onToggleMenu),t.addEventListener(tb,this._onEnterFullscreen),t.addEventListener(t_,this._onExitFullscreen),t.addEventListener(tA,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("muted"),this._upgradeProperty("autoplay"),this._upgradeProperty("userIdleTimeout"),this._upgradeProperty("streamType"),this.tryInitializePlayer_()}}function rb(e){let t;let r=e.assignedNodes().filter(m);for(let e of r)if("0"!==getComputedStyle(e).opacity){let r=rc.fromRect(e.getBoundingClientRect());r.width>0&&r.height>0&&(t=t?t.union(r):r)}return t}customElements.define("theoplayer-ui",rg);let r_=document.createElement("template");r_.innerHTML='<style>:host{box-sizing:border-box;display:inline-block;position:relative}:host([hidden]){display:none!important}theoplayer-ui{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] *{--theoplayer-control-height:48px}[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: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)}[part=ad-chrome]{--theoplayer-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{border-right:0!important}theoplayer-ad-skip-button:not([disabled]){--theoplayer-ad-skip-icon-width:24px;--theoplayer-ad-skip-icon-height:24px;font-size:17.5px;font-size:calc(var(--theoplayer-text-font-size, 14px)*1.25);line-height:30px;line-height:calc(var(--theoplayer-text-content-height, var(--theoplayer-control-height, 24px))*1.25)}: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([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]) [part=centered-chrome] :not(theoplayer-play-button),theoplayer-ui:not([has-first-play]) theoplayer-control-bar{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: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: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-ad-clickthrough-button ad-only mobile-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"><theoplayer-seek-button seek-offset="-10" mobile-only ad-hidden></theoplayer-seek-button><theoplayer-play-button></theoplayer-play-button><theoplayer-seek-button seek-offset="10" mobile-only ad-hidden></theoplayer-seek-button></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 mobile-hidden ad-only class="theoplayer-ad-control"></theoplayer-play-button><theoplayer-mute-button ad-only class="theoplayer-ad-control"></theoplayer-mute-button><theoplayer-time-range show-ad-markers class="theoplayer-ad-control"></theoplayer-time-range></theoplayer-control-bar><theoplayer-control-bar ad-hidden><theoplayer-play-button mobile-hidden></theoplayer-play-button><theoplayer-mute-button></theoplayer-mute-button><theoplayer-volume-range mobile-hidden></theoplayer-volume-range><theoplayer-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 mobile-hidden ad-hidden></theoplayer-airplay-button><theoplayer-chromecast-button mobile-hidden ad-hidden></theoplayer-chromecast-button><slot name="bottom-control-bar"></slot><theoplayer-fullscreen-button></theoplayer-fullscreen-button></theoplayer-control-bar></div><theoplayer-language-menu id="language-menu" slot="menu" hidden></theoplayer-language-menu><theoplayer-error-display slot="error"></theoplayer-error-display><slot name="menu" slot="menu"></slot></theoplayer-ui>',r(r_,"theoplayer-default-ui");class rv extends HTMLElement{static get observedAttributes(){return[N.CONFIGURATION,N.SOURCE,N.MUTED,N.AUTOPLAY,N.FLUID,N.MOBILE,N.STREAM_TYPE,N.USER_IDLE_TIMEOUT,N.DVR_THRESHOLD,N.HAS_TITLE]}_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(N.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(N.SOURCE),this._ui.source=e}get muted(){return this._ui.muted}set muted(e){this._ui.muted=e}get autoplay(){return this._ui.autoplay}set autoplay(e){this._ui.autoplay=e}get streamType(){return this._ui.streamType}set streamType(e){this._ui.streamType=e}get userIdleTimeout(){return this._ui.userIdleTimeout}set userIdleTimeout(e){this._ui.userIdleTimeout=e}get dvrThreshold(){return this._ui.dvrThreshold}set dvrThreshold(e){this._ui.dvrThreshold=e}connectedCallback(){a(this),!this.hasAttribute(N.MOBILE)&&ru()&&this.setAttribute(N.MOBILE,""),this._appliedExtensions||(this._appliedExtensions=!0,function(e){for(let t of rh)t(e)}(this),i(this)),this._onTitleSlotChange()}disconnectedCallback(){}attributeChangedCallback(e,t,r){if(r===t)return;let a=null!=r;e===N.SOURCE?this._ui.source=r?JSON.parse(r):void 0:e===N.CONFIGURATION?this.setConfiguration_(r?JSON.parse(r):{}):e===N.MUTED?this.muted=a:e===N.AUTOPLAY?this.autoplay=a:e===N.FLUID?a?this._ui.setAttribute(N.FLUID,r):this._ui.removeAttribute(N.FLUID):e===N.MOBILE?a?this._ui.setAttribute(N.MOBILE,r):this._ui.removeAttribute(N.MOBILE):e===N.STREAM_TYPE?this.streamType=r:e===N.USER_IDLE_TIMEOUT?this.userIdleTimeout=Number(r):e===N.DVR_THRESHOLD&&(this.dvrThreshold=Number(r)),rv.observedAttributes.indexOf(e)>=0&&i(this)}constructor(e={}){super(),this._appliedExtensions=!1,this._updateStreamType=()=>{this.setAttribute(N.STREAM_TYPE,this.streamType),"live"===this.streamType?this._timeRange.setAttribute(N.HIDDEN,""):this._timeRange.removeAttribute(N.HIDDEN)},this._onTitleSlotChange=()=>{this._titleSlot.assignedNodes().length>0?this.setAttribute(N.HAS_TITLE,""):this.removeAttribute(N.HAS_TITLE)};let t=this.attachShadow({mode:"open",delegatesFocus:!0});t.appendChild(r_.content.cloneNode(!0)),this._ui=t.querySelector("theoplayer-ui"),this._ui.addEventListener(ry,this._updateStreamType),this.setConfiguration_(e),this._titleSlot=t.querySelector('slot[name="title"]'),this._titleSlot.addEventListener("slotchange",this._onTitleSlotChange),this._timeRange=t.querySelector("theoplayer-time-range"),this._upgradeProperty("configuration"),this._upgradeProperty("source"),this._upgradeProperty("muted"),this._upgradeProperty("autoplay"),this._upgradeProperty("streamType"),this._upgradeProperty("userIdleTimeout"),this._upgradeProperty("dvrThreshold")}}customElements.define("theoplayer-default-ui",rv);export{ta as ActiveQualityDisplay,ro as AdClickThroughButton,rr as AdCountdown,t9 as AdDisplay,rl as AdSkipButton,tj as AirPlayButton,N as Attribute,h as Button,tV as CastButton,t$ as ChromecastButton,tW as ChromecastDisplay,ev as CloseMenuButton,tk as ColorStops,n as ControlBar,rv as DefaultUI,J as DurationDisplay,tU as ErrorDisplay,q as ExtensionSlot,tf as FullscreenButton,t5 as GestureReceiver,e5 as LanguageMenu,e8 as LanguageMenuButton,u as LinkButton,t4 as LiveButton,t0 as LoadingIndicator,eE as MediaTrackRadioButton,ep as Menu,eb as MenuButton,ey as MenuGroup,R as MuteButton,S as PlayButton,tr as PlaybackRateDisplay,tt as PlaybackRateMenu,e9 as PlaybackRateMenuButton,e7 as PlaybackRateRadioGroup,tC as PreviewThumbnail,tM as PreviewTimeDisplay,ts as QualityRadioButton,tp as QualityRadioGroup,er as RadioButton,ei as RadioGroup,tx as Range,O as SeekButton,ty as SettingsMenu,tg as SettingsMenuButton,w as StateReceiverMixin,eR as TextTrackOffRadioButton,eT as TextTrackRadioButton,e$ as TextTrackStyleDisplay,eX as TextTrackStyleMenu,eW as TextTrackStyleRadioGroup,tu as TextTrackStyleResetButton,W as TimeDisplay,tq as TimeRange,eD as TrackRadioGroup,rg as UIContainer,tB as VolumeRange,s as buttonTemplate,p as linkButtonTemplate,eu as menuGroupTemplate,el as menuTemplate,tE as rangeTemplate,rp as registerExtension};
 //# sourceMappingURL=THEOplayerUI.mjs.map