@theoplayer/web-ui 1.9.2 → 1.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/dist/THEOplayerUI.d.ts +1 -1
- package/dist/THEOplayerUI.es5.js +2 -2
- package/dist/THEOplayerUI.es5.mjs +2 -2
- package/dist/THEOplayerUI.js +3 -3
- package/dist/THEOplayerUI.js.map +1 -1
- package/dist/THEOplayerUI.mjs +3 -3
- package/dist/THEOplayerUI.mjs.map +1 -1
- package/dist/THEOplayerUI.node.mjs +3 -3
- package/dist/THEOplayerUI.node.mjs.map +1 -1
- package/package.json +1 -1
package/dist/THEOplayerUI.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* THEOplayer Open Video UI for Web (v1.9.
|
|
2
|
+
* THEOplayer Open Video UI for Web (v1.9.3)
|
|
3
3
|
* License: MIT
|
|
4
4
|
*/!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("theoplayer/chromeless")):"function"==typeof define&&define.amd?define(["exports","theoplayer/chromeless"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).THEOplayerUI={},t.THEOplayer)}(this,function(t,e){"use strict";function r(){return void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeShadow}function a(t){r()&&window.ShadyCSS.styleElement(t)}function i(t,e){void 0!==window.ShadyCSS&&!1===window.ShadyCSS.nativeCss?window.ShadyCSS.styleSubtree(t,e):null!=e&&/**
|
|
5
5
|
* @license
|
|
@@ -22,7 +22,7 @@ ${e}`)}customElements.define("theoplayer-button",P);let M=o("theoplayer-link-but
|
|
|
22
22
|
</slot></span>`));class tR extends P{static get observedAttributes(){return[...P.observedAttributes]}connectedCallback(){super.connectedCallback(),this.hasAttribute(t.Attribute.ARIA_LABEL)||this.setAttribute(t.Attribute.ARIA_LABEL,"close menu")}handleClick(){let t=th(tv,{bubbles:!0,composed:!0});this.dispatchEvent(t)}constructor(){super({template:tP()})}}customElements.define("theoplayer-menu-close-button",tR);let tM=o("theoplayer-media-track-radio-button",L("<slot></slot>")),tI=["change","update"];class tO extends tp{get track(){return this._track}set track(t){this._track!==t&&(this._track&&this._track.removeEventListener(tI,this._onTrackChange),this._track=t,this._updateFromTrack(),t&&t.addEventListener(tI,this._onTrackChange))}_updateFromTrack(){_(this._slotEl,this._track?function(t){let e=t.label;if(e)return e;let r=t.language;return r&&(v(r)||r)||""}(this._track):""),this.checked=!!this._track&&this._track.enabled}_updateTrack(){this._track&&(this._track.enabled=this.checked)}attributeChangedCallback(e,r,a){super.attributeChangedCallback(e,r,a),e===t.Attribute.ARIA_CHECKED&&r!==a&&this._updateTrack()}constructor(){super({template:tM()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}customElements.define("theoplayer-media-track-radio-button",tO);var tN=":host,theoplayer-radio-group{align-items:stretch;display:flex;flex-direction:column}:host([hidden]){display:none!important}";let tD=o("theoplayer-text-track-radio-button",L("<slot></slot>")),tq=["change","update"];class tB extends tp{get track(){return this._track}set track(t){this._track!==t&&(this._track&&this._track.removeEventListener(tq,this._onTrackChange),this._track=t,this._updateFromTrack(),t&&t.addEventListener(tq,this._onTrackChange))}_updateFromTrack(){_(this._slotEl,this._track?function(t){let e=t.label;if(e)return e;let r=t.language;return r&&(v(r)||r)||""}(this._track):""),this.checked=!!this._track&&"showing"===this._track.mode}_updateTrack(){this._track&&(this._track.mode=this.checked?"showing":"disabled")}attributeChangedCallback(e,r,a){super.attributeChangedCallback(e,r,a),e===t.Attribute.ARIA_CHECKED&&r!==a&&this._updateTrack()}constructor(){super({template:tD()}),this._track=void 0,this._onTrackChange=()=>{this._updateFromTrack()},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track")}}function tF(t){return"subtitles"===t.kind||"captions"===t.kind}function tU(t){let e=null==t?void 0:t.targetQuality;return void 0===e||Array.isArray(e)||(e=[e]),e}function tH(t){return t?t.label&&""!==t.label?t.label:t.height?`${t.height}p`:t.bandwidth?function(t){if(t.bandwidth)return t.bandwidth>1e7?`${(t.bandwidth/1e6).toFixed(0)}Mbps`:t.bandwidth>1e6?`${(t.bandwidth/1e6).toFixed(1)}Mbps`:`${(t.bandwidth/1e3).toFixed(0)}kbps`}(t):void 0:void 0}customElements.define("theoplayer-text-track-radio-button",tB);let tV=o("theoplayer-text-track-off-radio-button",L("<slot>Off</slot>")),tz=["change"];class tG extends tp{get trackList(){return this._trackList}set trackList(t){this._trackList&&this._trackList.removeEventListener(tz,this._onTrackChange),this._trackList=t,this._updateFromTrackList(),t&&t.addEventListener(tz,this._onTrackChange)}_updateFromTrackList(){this.checked=!this._trackList||!this._trackList.filter(tF).some(t=>"showing"===t.mode)}_updateTrackList(){this._trackList&&this.checked&&function(t){for(let e of t)tF(e)&&"showing"===e.mode&&(e.mode="disabled")}(this._trackList)}attributeChangedCallback(e,r,a){super.attributeChangedCallback(e,r,a),e===t.Attribute.ARIA_CHECKED&&r!==a&&this._updateTrackList()}constructor(){super({template:tV()}),this._trackList=void 0,this._onTrackChange=()=>{this._updateFromTrackList()},this._upgradeProperty("trackList")}}customElements.define("theoplayer-text-track-off-radio-button",tG);let tQ=o("theoplayer-track-radio-group",`<style>${tN}</style><theoplayer-radio-group></theoplayer-radio-group>`),t$=["addtrack","removetrack"];class tK extends D(HTMLElement,["player"]){static get observedAttributes(){return[t.Attribute.TRACK_TYPE,t.Attribute.SHOW_OFF]}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}connectedCallback(){a(this),this._radioGroup instanceof tg||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(t.Attribute.TRACK_TYPE)||"audio"}set trackType(e){this.setAttribute(t.Attribute.TRACK_TYPE,e||"audio")}get showOffButton(){return this.hasAttribute(t.Attribute.SHOW_OFF)}set showOffButton(e){f(this,t.Attribute.SHOW_OFF,e)}get player(){return this._player}set player(t){this._player!==t&&(this._player=t,this._updateTracksList(),this._updateTracks())}_getTracksList(){if(void 0===this._player)return;let t=this.trackType;return"audio"===t?this._player.audioTracks:"video"===t?this._player.videoTracks:"subtitles"===t?this._player.textTracks:void 0}_updateTracksList(){let t=this._tracksList,e=this._getTracksList();t!==e&&(null==t||t.removeEventListener(t$,this._updateTracks),null==e||e.addEventListener(t$,this._updateTracks),this._tracksList=e,this._updateOffButton())}_getTracks(){if(void 0===this._player)return[];let t=this.trackType;return"audio"===t?this._player.audioTracks:"video"===t?this._player.videoTracks:"subtitles"===t?this._player.textTracks.filter(tF):[]}_createTrackButton(t){if("subtitles"===this.trackType){let e=new tB;return e.track=t,e}{let e=new tO;return e.track=t,e}}_updateOffButton(){"subtitles"===this.trackType&&this.showOffButton?(void 0===this._offButton&&(this._offButton=new tG,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,r,a){a!==r&&(e===t.Attribute.TRACK_TYPE?(this._updateTracksList(),this._updateTracks()):e===t.Attribute.SHOW_OFF&&(this._updateOffButton(),this._updateTracks()),tK.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super(),this._updateTracks=()=>{let t=y(this._radioGroup.children),e=this._getTracks();for(let r of(void 0!==this._offButton&&(t=t.slice(1)),t))(!r.track||0>e.indexOf(r.track))&&this._radioGroup.removeChild(r);for(let r of e)if(!function(t,e){for(let r=0;r<t.length;r++)if(t[r].track===e)return!0;return!1}(t,r)){let t=this._createTrackButton(r);this._radioGroup.appendChild(t)}},this._onChange=()=>{this.dispatchEvent(tl("change",{bubbles:!0}))};let t=this.attachShadow({mode:"open"});t.appendChild(tQ().content.cloneNode(!0)),this._radioGroup=t.querySelector("theoplayer-radio-group"),this._upgradeProperty("trackType"),this._upgradeProperty("showOffButton"),this._upgradeProperty("player")}}customElements.define("theoplayer-track-radio-group",tK);var tY=".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 tW(t){return t?m(t,"rgb")?function(t){let e=t.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)$/i);return e?{r_:parseInt(e[1],10),g_:parseInt(e[2],10),b_:parseInt(e[3],10),a_:e[4]?parseFloat(e[4]):1}:null}(t):m(t,"#")?function(t){let e=t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);return e?{r_:parseInt(e[1],16),g_:parseInt(e[2],16),b_:parseInt(e[3],16),a_:1}:null}(t):null:null}function tZ(t){return`rgba(${t.r_},${t.g_},${t.b_},${t.a_})`}function tj(t){return`rgb(${t.r_},${t.g_},${t.b_})`}function tJ(t,e){return{r_:t.r_,g_:t.g_,b_:t.b_,a_:e}}let tX=tW("#ffffff"),t0=tW("#000000"),t1=[["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)"]],t5=[["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']],t2=[["None","none"],["Drop shadow","dropshadow"],["Raised","raised"],["Depressed","depressed"],["Uniform","uniform"]];class t3 extends D(HTMLElement,["player"]){static get observedAttributes(){return[t.Attribute.PROPERTY]}connectedCallback(){a(this),this.hasAttribute(t.Attribute.PROPERTY)||(this.property="fontColor")}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}get property(){return this.getAttribute(t.Attribute.PROPERTY)}set property(e){this.setAttribute(t.Attribute.PROPERTY,e)}get player(){return this._player}set player(t){var e,r;this._player!==t&&(null==(e=this._textTrackStyle)||e.removeEventListener("change",this._updateFromPlayer),this._player=t,this._textTrackStyle=null==t?void 0:t.textTrackStyle,this._updateFromPlayer(),null==(r=this._textTrackStyle)||r.addEventListener("change",this._updateFromPlayer))}attributeChangedCallback(e,r,a){a!==r&&(e===t.Attribute.PROPERTY&&this._updateFromPlayer(),t3.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super(),this._updateFromPlayer=()=>{if(void 0===this._player)return;let t=this.property;switch(t){case"fontFamily":_(this._spanEl,function(t){if(!t)return"Default";let e=b(t5,e=>{let[r,a]=e;return a===t});return e?e[0]:"Custom"}(this._player.textTrackStyle.fontFamily));break;case"fontColor":case"backgroundColor":case"windowColor":_(this._spanEl,function(t){if(!t)return"Default";let e=tW(t);if(e){let t=tj(e),r=b(t1,e=>{let[r,a]=e;return a===t});if(r)return r[0]}return"Custom"}(this._player.textTrackStyle[t]));break;case"fontOpacity":_(this._spanEl,t8(this._player.textTrackStyle.fontColor));break;case"backgroundOpacity":_(this._spanEl,t8(this._player.textTrackStyle.backgroundColor));break;case"windowOpacity":_(this._spanEl,t8(this._player.textTrackStyle.windowColor));break;case"edgeStyle":_(this._spanEl,function(t){if(!t)return"Default";let e=b(t2,e=>{let[r,a]=e;return a===t});return e?e[0]:"Custom"}(this._player.textTrackStyle.edgeStyle));break;default:{let e=this._player.textTrackStyle[t];_(this._spanEl,e||"Default")}}};let t=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),t.appendChild(this._spanEl),this._upgradeProperty("property"),this._upgradeProperty("player")}}function t8(t){if(!t)return"Default";let e=tW(t);return e?`${100*e.a_}%`:"Custom"}customElements.define("theoplayer-text-track-style-display",t3);let t4=o("theoplayer-text-track-style-radio-group",`<style>${tN}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`);class t7 extends D(HTMLElement,["player"]){static get observedAttributes(){return[t.Attribute.PROPERTY]}connectedCallback(){a(this),this._radioGroup instanceof tg||customElements.upgrade(this._radioGroup),this._upgradeProperty("property"),this._upgradeProperty("value"),this._upgradeProperty("player"),this.hasAttribute(t.Attribute.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(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}get property(){return this.getAttribute(t.Attribute.PROPERTY)}set property(e){this.setAttribute(t.Attribute.PROPERTY,e)}get value(){return this._value}set value(t){this._value!==t&&(this._value=t,this._updateToPlayer(),this._updateChecked(),this.dispatchEvent(tl("change",{bubbles:!0})))}get player(){return this._player}set player(t){var e,r;this._player!==t&&(null==(e=this._textTrackStyle)||e.removeEventListener("change",this._updateFromPlayer),this._player=t,this._textTrackStyle=null==t?void 0:t.textTrackStyle,this._updateFromPlayer(),null==(r=this._textTrackStyle)||r.addEventListener("change",this._updateFromPlayer))}_updateToPlayer(){if(void 0!==this._player)switch(this.property){case"fontColor":this._player.textTrackStyle.fontColor=t6(this.value,this._player.textTrackStyle.fontColor,tX);break;case"backgroundColor":this._player.textTrackStyle.backgroundColor=t6(this.value,this._player.textTrackStyle.backgroundColor,t0);break;case"windowColor":this._player.textTrackStyle.windowColor=t6(this.value,this._player.textTrackStyle.windowColor,t0);break;case"fontOpacity":this._player.textTrackStyle.fontColor=t9(this.value,this._player.textTrackStyle.fontColor,tX);break;case"backgroundOpacity":this._player.textTrackStyle.backgroundColor=t9(this.value,this._player.textTrackStyle.backgroundColor,t0);break;case"windowOpacity":this._player.textTrackStyle.windowColor=t9(this.value,this._player.textTrackStyle.windowColor,t0);break;default:this._player.textTrackStyle[this.property]=""==this.value?void 0:this.value}}attributeChangedCallback(e,r,a){a!==r&&(e===t.Attribute.PROPERTY&&this._updateFromPlayer(),t7.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super(),this._updateChecked=()=>{let t=this._radioGroup.allRadioButtons();for(let e of t)e.checked=e.value===this.value},this._onChange=()=>{let t=this._radioGroup.checkedRadioButton;null!==t&&this.value!==t.value&&(this.value=t.value)},this._updateFromPlayer=()=>{var t,e,r,a,i,o,n,s,l,h;if(void 0!==this._player)switch(this.property){case"fontColor":{let e=this._player.textTrackStyle.fontColor;this.value=e?tj(null!=(t=tW(e))?t:tX):"";break}case"backgroundColor":{let t=this._player.textTrackStyle.backgroundColor;this.value=t?tj(null!=(e=tW(t))?e:t0):"";break}case"windowColor":{let t=this._player.textTrackStyle.windowColor;this.value=t?tj(null!=(r=tW(t))?r:t0):"";break}case"fontOpacity":{let t=this._player.textTrackStyle.fontColor;this.value=t?String((null!=(i=null==(a=tW(t))?void 0:a.a_)?i:1)*100):"";break}case"backgroundOpacity":{let t=this._player.textTrackStyle.backgroundColor;this.value=t?String((null!=(n=null==(o=tW(t))?void 0:o.a_)?n:1)*100):"";break}case"windowOpacity":{let t=this._player.textTrackStyle.windowColor;this.value=t?String((null!=(l=null==(s=tW(t))?void 0:s.a_)?l:1)*100):"";break}default:this.value=null!=(h=this._player.textTrackStyle[this.property])?h:""}};let t=this.attachShadow({mode:"open"});t.appendChild(t4().content.cloneNode(!0)),this._radioGroup=t.querySelector("theoplayer-radio-group"),this._optionsSlot=t.querySelector("slot")}}function t6(t,e,r){var a,i,o;let n=null!=(i=null==(a=tW(e))?void 0:a.a_)?i:1;if(""!==t||1!==n){let e=null!=(o=tW(t))?o:r;return tZ(tJ(e,n))}}function t9(t,e,r){var a;let i=null!=(a=tW(e))?a:r;if(""!==t||i.r_!==r.r_||i.g_!==r.g_||i.b_!==r.b_){let e=""==t?1:Number(t)/100;return tZ(tJ(i,e))}}customElements.define("theoplayer-text-track-style-radio-group",t7);let et=o("theoplayer-text-track-style-menu",tw('<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>',`${tY}
|
|
23
23
|
.theoplayer-menu-heading{flex-grow:1}.theoplayer-menu-heading-button{align-self:flex-end}`));class ee extends tT{constructor(){super({template:et()})}}customElements.define("theoplayer-text-track-style-menu",ee);let er=o("theoplayer-language-menu",tw('<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}")),ea=["addtrack","removetrack"];class ei extends D(tT,["player"]){static get observedAttributes(){return[...tT.observedAttributes,t.Attribute.HAS_AUDIO,t.Attribute.HAS_SUBTITLES]}get player(){return this._player}set player(t){var e,r,a,i;this._player!==t&&(null==(e=this._audioTrackList)||e.removeEventListener(ea,this._updateAudioTracks),null==(r=this._textTrackList)||r.removeEventListener(ea,this._updateTextTracks),this._player=t,this._audioTrackList=null==t?void 0:t.audioTracks,this._textTrackList=null==t?void 0:t.textTracks,this._updateAudioTracks(),this._updateTextTracks(),null==(a=this._audioTrackList)||a.addEventListener(ea,this._updateAudioTracks),null==(i=this._textTrackList)||i.addEventListener(ea,this._updateTextTracks))}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),ei.observedAttributes.indexOf(t)>=0&&i(this)}constructor(){super({template:er()}),this._updateAudioTracks=()=>{var e,r;let a=null!=(r=null==(e=this._player)?void 0:e.audioTracks)?r:[];f(this,t.Attribute.HAS_AUDIO,a.length>1)},this._updateTextTracks=()=>{var e,r;let a=null!=(r=null==(e=this._player)?void 0:e.textTracks.filter(tF))?r:[];f(this,t.Attribute.HAS_SUBTITLES,a.length>0)},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu",ei);let eo=o("theoplayer-language-menu-button",L(`<span part="icon"><slot><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M17.469 15.446a6.892 6.892 310 1 0-4.772 3.342l2.872.986q1.9.626 1.9-1.374v-2.954l2.598 1.5V22q0 2-1.899 1.374l-4.95-1.632a9.892 9.892 310 1 1 6.849-4.796zM7 10a1 1 180 1 0 0 2 1 1 180 1 0 0-2zm4 0a1 1 180 1 0 0 2h5a1 1 180 1 0 0-2zm-3 4a1 1 180 1 0 0 2h3a1 1 180 1 0 0-2zm7 0a1 1 180 1 0 0 2 1 1 180 1 0 0-2z"/></svg>
|
|
24
24
|
</slot></span>`)),en=["addtrack","removetrack"];class es extends D(tS,["player"]){connectedCallback(){super.connectedCallback(),this.hasAttribute(t.Attribute.ARIA_LABEL)||this.setAttribute(t.Attribute.ARIA_LABEL,"open language menu")}get player(){return this._player}set player(t){var e,r,a,i;this._player!==t&&(null==(e=this._audioTrackList)||e.removeEventListener(en,this._updateTracks),null==(r=this._textTrackList)||r.removeEventListener(en,this._updateTracks),this._player=t,this._audioTrackList=null==t?void 0:t.audioTracks,this._textTrackList=null==t?void 0:t.textTracks,this._updateTracks(),null==(a=this._audioTrackList)||a.addEventListener(en,this._updateTracks),null==(i=this._textTrackList)||i.addEventListener(en,this._updateTracks))}constructor(){super({template:eo()}),this._updateTracks=()=>{let e=void 0!==this._player&&(this._player.audioTracks.length>=2||this._player.textTracks.some(tF));f(this,t.Attribute.HIDDEN,!e)},this._upgradeProperty("player")}}customElements.define("theoplayer-language-menu-button",es);let el=o("theoplayer-playback-rate-radio-group",`<style>${tN}</style><theoplayer-radio-group><slot></slot></theoplayer-radio-group>`);class eh extends D(HTMLElement,["player"]){_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}connectedCallback(){a(this),this._radioGroup instanceof tg||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(t){t=Number(t),this._value!==t&&(this._value=t,void 0!==this._player&&(this._player.playbackRate=t),this._updateChecked(),this.dispatchEvent(tl("change",{bubbles:!0})))}get player(){return this._player}set player(t){this._player!==t&&(void 0!==this._player&&this._player.removeEventListener("ratechange",this._updateFromPlayer),this._player=t,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener("ratechange",this._updateFromPlayer))}constructor(){super(),this._value=1,this._updateChecked=()=>{let t=this._radioGroup.allRadioButtons();for(let e of t)e.checked=Number(e.value)===this.value},this._onChange=()=>{let t=this._radioGroup.checkedRadioButton;null!==t&&this.value!==Number(t.value)&&(this.value=t.value)},this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.playbackRate)};let t=this.attachShadow({mode:"open"});t.appendChild(el().content.cloneNode(!0)),this._radioGroup=t.querySelector("theoplayer-radio-group"),this._optionsSlot=t.querySelector("slot"),this._upgradeProperty("value"),this._upgradeProperty("player")}}customElements.define("theoplayer-playback-rate-radio-group",eh);let ed=o("theoplayer-playback-rate-button",L(`<span part="icon"><slot><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 96 960 960" height="24" width="24"><path d="M418 716q24 24 61.435 23.5T536 712l171.826-250.174q12.392-19.087-1.652-32.283-14.044-13.195-33.131-.804L424 600q-27 19.13-28.5 55.565T418 716ZM204 915.218q-25.522 0-49.609-12.826-24.087-12.826-36.783-34.783-26.565-46.696-41.696-100.022Q60.782 714.261 60.782 656q0-86.391 32.913-162.566 32.913-76.174 89.956-133.217 57.044-57.044 133.436-90.24Q393.478 236.782 480 236.782q43.87 0 85.87 8.934 42 8.935 81 26.239 28.913 12.696 33.826 38.762 4.913 26.065-13.044 48.153-10.261 12.391-28.217 15.521-17.957 3.131-32.914-3.565-31.434-14.869-62.043-21.456-30.608-6.587-64.478-6.587-129.043 0-221.13 91.522Q166.783 525.826 166.783 656q0 42 10.935 79.891 10.934 37.891 30.804 73.326h542.956q23-38 32.37-75.608Q793.217 696 793.217 652q0-31.609-6.804-62.565-6.804-30.956-20.543-60.826-7.566-16.957-3.718-35.196 3.848-18.239 17.674-29.5 21.653-18.522 47.153-10.261t36.761 35.609q16.305 38 25.457 78.217 9.152 40.218 10.021 82.522 0 58.696-14.348 113.522-14.347 54.826-42.478 104.087-14.391 23.087-37.631 35.348-23.239 12.261-48.761 12.261H204ZM480 576Z"/></svg>
|
|
25
|
-
</slot></span>`));class ep extends tS{connectedCallback(){super.connectedCallback(),this.hasAttribute(t.Attribute.ARIA_LABEL)||this.setAttribute(t.Attribute.ARIA_LABEL,"open playback speed menu")}constructor(){super({template:ed()})}}customElements.define("theoplayer-playback-rate-menu-button",ep);let eu=o("theoplayer-playback-rate-menu",tf('<span slot="heading"><slot name="heading">Playback speed</slot></span>','<theoplayer-playback-rate-radio-group><theoplayer-radio-button value="0.25">0.25x</theoplayer-radio-button><theoplayer-radio-button value="0.5">0.5x</theoplayer-radio-button><theoplayer-radio-button value="1">Normal</theoplayer-radio-button><theoplayer-radio-button value="1.25">1.25x</theoplayer-radio-button><theoplayer-radio-button value="1.5">1.5x</theoplayer-radio-button><theoplayer-radio-button value="2">2x</theoplayer-radio-button></theoplayer-playback-rate-radio-group>'));class ec extends tE{constructor(){super({template:eu()})}}customElements.define("theoplayer-playback-rate-menu",ec);class ey extends D(HTMLElement,["playbackRate"]){connectedCallback(){a(this)}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}get playbackRate(){return this._playbackRate}set playbackRate(t){this._playbackRate=t,_(this._spanEl,1===t?"Normal":`${t}x`)}constructor(){super(),this._playbackRate=1;let t=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),t.appendChild(this._spanEl),this._upgradeProperty("playbackRate")}}customElements.define("theoplayer-playback-rate-display",ey);class eb extends D(HTMLElement,["activeVideoQuality","targetVideoQualities"]){connectedCallback(){a(this)}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}get activeVideoQuality(){return this._activeVideoQuality}set activeVideoQuality(t){this._activeVideoQuality=t,this.update_()}get targetVideoQualities(){return this._targetVideoQualities}set targetVideoQualities(t){this._targetVideoQualities=t,this.update_()}update_(){let t;let e=void 0!==this._targetVideoQualities&&1===this._targetVideoQualities.length,r=e?this._targetVideoQualities[0]:void 0,a=null!=r?r:this._activeVideoQuality,i=tH(a);t=e?null!=i?i:"Unknown":`Automatic${i?` (${i})`:""}`,_(this._spanEl,t)}constructor(){super(),this._activeVideoQuality=void 0,this._targetVideoQualities=void 0;let t=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),t.appendChild(this._spanEl),this._upgradeProperty("activeVideoQuality"),this._upgradeProperty("targetVideoQualities")}}customElements.define("theoplayer-active-quality-display",eb);let eg=o("theoplayer-quality-radio-button",L("<slot></slot>")),em=["activequalitychanged","targetqualitychanged"],ev=["update"];class e_ extends tp{get track(){return this._track}set track(t){this._track!==t&&(this._track&&this._track.removeEventListener(em,this._updateFromTrack),this._track=t,this._updateFromTrack(),t&&t.addEventListener(em,this._updateFromTrack))}get quality(){return this._quality}set quality(t){this._quality!==t&&(this._quality&&this._quality.removeEventListener(ev,this._updateFromQuality),this._quality=t,this._updateFromTrack(),t&&t.addEventListener(ev,this._updateFromQuality))}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}attributeChangedCallback(e,r,a){super.attributeChangedCallback(e,r,a),a!==r&&(e===t.Attribute.ARIA_CHECKED&&this._updateTargetQuality(),e_.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super({template:eg()}),this._track=void 0,this._quality=void 0,this._updateFromTrack=()=>{if(void 0!==this._track){let t=this._track.targetQuality;Array.isArray(t)&&(t=1===t.length?t[0]:void 0),void 0===this._quality?this.checked=void 0===t:this.checked=t===this._quality}this._updateFromQuality()},this._updateFromQuality=()=>{var t;_(this._slotEl,null!=(t=tH(this._quality))?t:"Automatic")},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track"),this._upgradeProperty("quality")}}customElements.define("theoplayer-quality-radio-button",e_);let ef=o("theoplayer-quality-radio-group",`<style>${tN}</style><theoplayer-radio-group></theoplayer-radio-group>`),ek=["addtrack","removetrack","change"];class eE extends D(HTMLElement,["player"]){_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}connectedCallback(){a(this),this._radioGroup instanceof tg||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(t){var e,r;this._player!==t&&(null==(e=this._videoTracks)||e.removeEventListener(ek,this._updateTrack),this._player=t,this._videoTracks=null==t?void 0:t.videoTracks,this._updateTrack(),null==(r=this._videoTracks)||r.addEventListener(ek,this._updateTrack))}constructor(){super(),this._onChange=()=>{this.dispatchEvent(tl("change",{bubbles:!0}))},this._updateTrack=()=>{let
|
|
25
|
+
</slot></span>`));class ep extends tS{connectedCallback(){super.connectedCallback(),this.hasAttribute(t.Attribute.ARIA_LABEL)||this.setAttribute(t.Attribute.ARIA_LABEL,"open playback speed menu")}constructor(){super({template:ed()})}}customElements.define("theoplayer-playback-rate-menu-button",ep);let eu=o("theoplayer-playback-rate-menu",tf('<span slot="heading"><slot name="heading">Playback speed</slot></span>','<theoplayer-playback-rate-radio-group><theoplayer-radio-button value="0.25">0.25x</theoplayer-radio-button><theoplayer-radio-button value="0.5">0.5x</theoplayer-radio-button><theoplayer-radio-button value="1">Normal</theoplayer-radio-button><theoplayer-radio-button value="1.25">1.25x</theoplayer-radio-button><theoplayer-radio-button value="1.5">1.5x</theoplayer-radio-button><theoplayer-radio-button value="2">2x</theoplayer-radio-button></theoplayer-playback-rate-radio-group>'));class ec extends tE{constructor(){super({template:eu()})}}customElements.define("theoplayer-playback-rate-menu",ec);class ey extends D(HTMLElement,["playbackRate"]){connectedCallback(){a(this)}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}get playbackRate(){return this._playbackRate}set playbackRate(t){this._playbackRate=t,_(this._spanEl,1===t?"Normal":`${t}x`)}constructor(){super(),this._playbackRate=1;let t=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),t.appendChild(this._spanEl),this._upgradeProperty("playbackRate")}}customElements.define("theoplayer-playback-rate-display",ey);class eb extends D(HTMLElement,["activeVideoQuality","targetVideoQualities"]){connectedCallback(){a(this)}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}get activeVideoQuality(){return this._activeVideoQuality}set activeVideoQuality(t){this._activeVideoQuality=t,this.update_()}get targetVideoQualities(){return this._targetVideoQualities}set targetVideoQualities(t){this._targetVideoQualities=t,this.update_()}update_(){let t;let e=void 0!==this._targetVideoQualities&&1===this._targetVideoQualities.length,r=e?this._targetVideoQualities[0]:void 0,a=null!=r?r:this._activeVideoQuality,i=tH(a);t=e?null!=i?i:"Unknown":`Automatic${i?` (${i})`:""}`,_(this._spanEl,t)}constructor(){super(),this._activeVideoQuality=void 0,this._targetVideoQualities=void 0;let t=this.attachShadow({mode:"open"});this._spanEl=document.createElement("span"),t.appendChild(this._spanEl),this._upgradeProperty("activeVideoQuality"),this._upgradeProperty("targetVideoQualities")}}customElements.define("theoplayer-active-quality-display",eb);let eg=o("theoplayer-quality-radio-button",L("<slot></slot>")),em=["activequalitychanged","targetqualitychanged"],ev=["update"];class e_ extends tp{get track(){return this._track}set track(t){this._track!==t&&(this._track&&this._track.removeEventListener(em,this._updateFromTrack),this._track=t,this._updateFromTrack(),t&&t.addEventListener(em,this._updateFromTrack))}get quality(){return this._quality}set quality(t){this._quality!==t&&(this._quality&&this._quality.removeEventListener(ev,this._updateFromQuality),this._quality=t,this._updateFromTrack(),t&&t.addEventListener(ev,this._updateFromQuality))}_updateTargetQuality(){this._track&&this.checked&&(this._track.targetQuality=this._quality)}attributeChangedCallback(e,r,a){super.attributeChangedCallback(e,r,a),a!==r&&(e===t.Attribute.ARIA_CHECKED&&this._updateTargetQuality(),e_.observedAttributes.indexOf(e)>=0&&i(this))}constructor(){super({template:eg()}),this._track=void 0,this._quality=void 0,this._updateFromTrack=()=>{if(void 0!==this._track){let t=this._track.targetQuality;Array.isArray(t)&&(t=1===t.length?t[0]:void 0),void 0===this._quality?this.checked=void 0===t:this.checked=t===this._quality}this._updateFromQuality()},this._updateFromQuality=()=>{var t;_(this._slotEl,null!=(t=tH(this._quality))?t:"Automatic")},this._slotEl=this.shadowRoot.querySelector("slot"),this._upgradeProperty("track"),this._upgradeProperty("quality")}}customElements.define("theoplayer-quality-radio-button",e_);let ef=o("theoplayer-quality-radio-group",`<style>${tN}</style><theoplayer-radio-group></theoplayer-radio-group>`),ek=["addtrack","removetrack","change"];class eE extends D(HTMLElement,["player"]){_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}connectedCallback(){a(this),this._radioGroup instanceof tg||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(t){var e,r;this._player!==t&&(null==(e=this._videoTracks)||e.removeEventListener(ek,this._updateTrack),this._player=t,this._videoTracks=null==t?void 0:t.videoTracks,this._updateTrack(),null==(r=this._videoTracks)||r.addEventListener(ek,this._updateTrack))}constructor(){super(),this._onChange=()=>{this.dispatchEvent(tl("change",{bubbles:!0}))},this._updateTrack=()=>{var t,e;let r=this._player?b(this._player.videoTracks,t=>t.enabled):void 0;this._track!==r&&(null==(t=this._track)||t.removeEventListener("update",this._update),this._track=r,null==(e=this._track)||e.addEventListener("update",this._update),this._update())},this._update=()=>{let t=y(this._radioGroup.children),e=this._track?this._track.qualities:[],r=1===e.length?[void 0]:[void 0,...e],a=0;for(;a<t.length&&a<r.length;){let e=t[a];e.track=this._track,e.quality=r[a],a++}for(;a<t.length;)this._radioGroup.removeChild(t[a]),a++;for(;a<r.length;){let t=new e_;t.track=this._track,t.quality=r[a],this._radioGroup.appendChild(t),a++}};let t=this.attachShadow({mode:"open"});t.appendChild(ef().content.cloneNode(!0)),this._radioGroup=t.querySelector("theoplayer-radio-group"),this._upgradeProperty("player")}}customElements.define("theoplayer-quality-radio-group",eE);let eA=o("theoplayer-text-track-style-reset-button",L("<slot>Reset</slot>"));class ew extends D(P,["player"]){static get observedAttributes(){return[...P.observedAttributes]}get player(){return this._player}set player(t){this._player=t}handleClick(){if(void 0===this._player)return;let{textTrackStyle:t}=this._player;t.fontFamily=void 0,t.fontColor=void 0,t.fontSize=void 0,t.backgroundColor=void 0,t.windowColor=void 0,t.edgeStyle=void 0}constructor(){super({template:eA()})}}customElements.define("theoplayer-text-track-style-reset-button",ew);let ex=o("theoplayer-settings-menu",tw('<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>',tY));class eT extends tT{constructor(){super({template:ex()})}}customElements.define("theoplayer-settings-menu",eT);var eC='<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 eL=o("theoplayer-settings-menu-button",L(`<span part="icon"><slot>${eC}</slot></span>`));class eS extends tS{connectedCallback(){super.connectedCallback(),this.hasAttribute(t.Attribute.ARIA_LABEL)||this.setAttribute(t.Attribute.ARIA_LABEL,"open settings menu")}constructor(){super({template:eL()})}}customElements.define("theoplayer-settings-menu-button",eS);let eP="theoplayerfullscreenenter",eR="theoplayerfullscreenexit",eM=o("theoplayer-fullscreen-button",L(`<span part="enter-icon"><slot name="enter-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M5.9 19.225q-.475 0-.8-.325-.325-.325-.325-.8V15q0-.475.325-.812.325-.338.8-.338.5 0 .825.338.325.337.325.812v1.95H9q.475 0 .812.325.338.325.338.825 0 .475-.338.8-.337.325-.812.325Zm0-9.075q-.475 0-.8-.338-.325-.337-.325-.812V5.9q0-.475.325-.8.325-.325.8-.325H9q.475 0 .812.325.338.325.338.8 0 .5-.338.825-.337.325-.812.325H7.05V9q0 .475-.325.812-.325.338-.825.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8 0-.5.338-.825.337-.325.812-.325h1.95V15q0-.475.325-.812.325-.338.825-.338.475 0 .8.338.325.337.325.812v3.1q0 .475-.325.8-.325.325-.8.325Zm3.1-9.075q-.5 0-.825-.338-.325-.337-.325-.812V7.05H15q-.475 0-.812-.325-.338-.325-.338-.825 0-.475.338-.8.337-.325.812-.325h3.1q.475 0 .8.325.325.325.325.8V9q0 .475-.325.812-.325.338-.8.338Z"/></svg>
|
|
26
26
|
</slot></span><span part="exit-icon"><slot name="exit-icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M9 19.225q-.475 0-.812-.325-.338-.325-.338-.8v-1.95H5.9q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.812.325-.338.8-.338H9q.475 0 .812.338.338.337.338.812v3.1q0 .475-.338.8-.337.325-.812.325ZM5.9 10.15q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.813.325-.337.8-.337h1.95V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .812.325.338.325.338.8V9q0 .475-.338.812-.337.338-.812.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8V15q0-.475.338-.812.337-.338.812-.338h3.1q.475 0 .8.338.325.337.325.812 0 .475-.325.812-.325.338-.8.338h-1.95v1.95q0 .475-.337.8-.338.325-.813.325Zm0-9.075q-.475 0-.812-.338-.338-.337-.338-.812V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .813.325.337.325.337.8v1.95h1.95q.475 0 .8.337.325.338.325.813 0 .475-.325.812-.325.338-.8.338Z"/></svg>
|
|
27
27
|
</slot></span>`,":host(:not([fullscreen])) [part=exit-icon],:host([fullscreen]) [part=enter-icon]{display:none!important}"));class eI extends D(P,["fullscreen"]){static get observedAttributes(){return[...P.observedAttributes,t.Attribute.FULLSCREEN]}connectedCallback(){super.connectedCallback(),this._updateAriaLabel()}get fullscreen(){return this.hasAttribute(t.Attribute.FULLSCREEN)}set fullscreen(e){f(this,t.Attribute.FULLSCREEN,e)}handleClick(){if(this.fullscreen){let t=th(eR,{bubbles:!0,composed:!0});this.dispatchEvent(t)}else{let t=th(eP,{bubbles:!0,composed:!0});this.dispatchEvent(t)}}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),eI.observedAttributes.indexOf(t)>=0&&(i(this),this._updateAriaLabel())}_updateAriaLabel(){let e=this.fullscreen?"exit fullscreen":"enter fullscreen";this.setAttribute(t.Attribute.ARIA_LABEL,e)}constructor(){super({template:eM()}),this._upgradeProperty("fullscreen")}}customElements.define("theoplayer-fullscreen-button",eI);class eO{add(t,e,r){if((e=Math.max(e,0))>=(r=Math.min(r,100)))return;let a=g(this._stops,t=>{let[,r]=t;return e<=r});if(a<0)return;let[i,o]=this._stops[a],n=[];if(e>0&&n.push([i,e]),n.push([t,r]),r<o)n.push([i,o]),this._stops.splice(a,1,...n);else{let t=a+1;for(;t<this._stops.length&&!(r<this._stops[t][1]);)t++;this._stops.splice(a,t-a,...n)}}toGradientStops(){let t=[],e=0;for(let[r,a]of this._stops)a<e||(t.push(`${r} ${e}%`),t.push(`${r} ${a}%`),e=a);return t.join(", ")}constructor(){this._stops=[["transparent",100]]}}function eN(t,e){return void 0===e&&(e=""),`<style>:host{--thumb-height:var(--theoplayer-range-thumb-height,10px);--track-height:var(--theoplayer-range-track-height,4px);--theoplayer-range-padding:var(--theoplayer-control-padding,10px);background:transparent;background:var(--theoplayer-control-background,transparent);box-sizing:border-box;display:inline-block;font-size:0;height:44px;height:calc(var(--theoplayer-control-height, 24px) + var(--theoplayer-range-padding)*2);padding-left:10px;padding-left:var(--theoplayer-range-padding-left,var(--theoplayer-range-padding));padding-right:10px;padding-right:var(--theoplayer-range-padding-right,var(--theoplayer-range-padding));pointer-events:auto;position:relative;transition:background .15s linear;vertical-align:middle;width:100px}:host([hidden]){display:none!important}:host(:hover:not([disabled])){background:transparent;background:var(--theoplayer-control-hover-background,var(--theoplayer-control-background,transparent))}[part=container]{height:100%;position:relative}[part=background],[part=pointer]{border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);height:var(--track-height);position:absolute;top:50%;transform:translateY(-50%);transform:translate(var(--theoplayer-range-track-translate-x,0),calc(var(--theoplayer-range-track-translate-y, 0px) - 50%))}[part=background]{background:hsla(0,0%,100%,.2);background:var(--theoplayer-range-track-background,hsla(0,0%,100%,.2));min-width:40px;width:100%;width:var(--theoplayer-range-track-width,100%)}[part=pointer]{background:transparent;background:var(--theoplayer-range-track-pointer-background,transparent);border-right:none;border-right:var(--theoplayer-range-track-pointer-border-right,none);opacity:0;transition:visibility .25s,opacity .25s;visibility:hidden}:host(:hover:not([disabled])) [part=pointer]{opacity:1;transition:visibility .5s,opacity .5s;visibility:visible}input[type=range]{-webkit-appearance:none;background:transparent;box-sizing:border-box;margin:0;min-height:100%;padding:0;position:relative;width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);margin-top:calc(0px - var(--thumb-height)/2 + var(--track-height)/2);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-webkit-transition:none;transition:none;-webkit-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);width:10px;width:var(--theoplayer-range-thumb-width,10px)}input[type=range]::-moz-range-thumb{background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-moz-transition:none;transition:none;-moz-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);translate:0 0;translate:var(--theoplayer-range-track-translate-x,0) var(--theoplayer-range-track-translate-y,0);width:10px;width:var(--theoplayer-range-thumb-width,10px)}input[type=range]::-ms-thumb{background:#fff;background:var(--theoplayer-range-thumb-background,#fff);border:none;border:var(--theoplayer-range-thumb-border,none);border-radius:10px;border-radius:var(--theoplayer-range-thumb-border-radius,10px);box-shadow:1px 1px 1px transparent;box-shadow:var(--theoplayer-range-thumb-box-shadow,1px 1px 1px transparent);cursor:pointer;height:auto;height:var(--thumb-height,auto);opacity:1;opacity:var(--theoplayer-range-thumb-opacity,1);transform:none;transform:var(--theoplayer-range-thumb-transform,none);-ms-transition:none;transition:none;-ms-transition:var(--theoplayer-range-thumb-transition,none);transition:var(--theoplayer-range-thumb-transition,none);width:10px;width:var(--theoplayer-range-thumb-width,10px)}:host([disabled]) input[type=range]::-webkit-slider-thumb{display:none}:host([disabled]) input[type=range]::-moz-range-thumb{display:none}:host([disabled]) input[type=range]::-ms-thumb{display:none}input[type=range]::-webkit-slider-runnable-track{background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-webkit-transition:none;transition:none;-webkit-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-moz-range-track{background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-moz-transition:none;transition:none;-moz-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-ms-track{background:transparent;background:#fff;background:var(--theoplayer-range-track-progress-internal,var(--theoplayer-range-bar-color,#fff));border:none;border:var(--theoplayer-range-track-border,none);border-radius:0;border-radius:var(--theoplayer-range-track-border-radius,0);box-shadow:none;box-shadow:var(--theoplayer-range-track-box-shadow,none);color:transparent;cursor:pointer;height:var(--track-height);min-width:40px;outline:var(--theoplayer-range-track-outline);outline-offset:var(--theoplayer-range-track-outline-offset);transform:translate(0);transform:translate(var(--theoplayer-range-track-translate-x,0),var(--theoplayer-range-track-translate-y,0));-ms-transition:none;transition:none;-ms-transition:var(--theoplayer-range-track-transition,none);transition:var(--theoplayer-range-track-transition,none);width:100%;width:var(--theoplayer-range-track-width,100%)}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper,input[type=range]::-ms-tooltip{display:none}:host([disabled]) input[type=range]::-webkit-slider-runnable-track{cursor:default}:host([disabled]) input[type=range]::-moz-range-track{cursor:default}:host([disabled]) input[type=range]::-ms-track{cursor:default}input[type=range]:focus{box-shadow:inset 0 0 0 2px rgba(27,127,204,.9);box-shadow:inset 0 0 0 2px var(--theoplayer-focus-ring-color,rgba(27,127,204,.9));outline:0}input[type=range]:focus:not(:focus-visible){box-shadow:none}input[type=range]:focus::-webkit-slider-runnable-track{outline:0}
|
|
28
28
|
${e}</style><div part="container"><div part="background"></div><div part="pointer"></div>${t}</div>`}class eD extends D(HTMLElement,["deviceType"]){static get observedAttributes(){return[t.Attribute.DISABLED,t.Attribute.HIDDEN]}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}connectedCallback(){a(this),this._rangeEl.setAttribute(t.Attribute.ARIA_LABEL,this.getAriaLabel()),this.update(),this.addEventListener("pointermove",this._updatePointerBar)}disconnectedCallback(){this.removeEventListener("pointermove",this._updatePointerBar)}get disabled(){return this.hasAttribute(t.Attribute.DISABLED)}set disabled(e){f(this,t.Attribute.DISABLED,e)}get value(){return this._rangeEl.valueAsNumber}set value(t){this._rangeEl.valueAsNumber=t,this.handleInput()}get min(){return Number(this._rangeEl.min)}set min(t){this._rangeEl.min=String(t),this.update()}get max(){return Number(this._rangeEl.max)}set max(t){this._rangeEl.max=String(t),this.update()}get step(){let t=this._rangeEl.step;return"any"===t?t:Number(t)}set step(t){this._rangeEl.step=String(t)}get deviceType(){return this.getAttribute(t.Attribute.DEVICE_TYPE)||"desktop"}set deviceType(e){this.setAttribute(t.Attribute.DEVICE_TYPE,e)}attributeChangedCallback(e,r,a){if(a===r)return;let o=null!=a;e===t.Attribute.DISABLED?(this.setAttribute("aria-disabled",o?"true":"false"),f(this._rangeEl,t.Attribute.DISABLED,o)):e!==t.Attribute.HIDDEN||o||this.update(),eD.observedAttributes.indexOf(e)>=0&&i(this)}handleInput(){this.update()}update(e){this.hasAttribute(t.Attribute.HIDDEN)||(e||this.updateCachedWidths_(),this._rangeEl.setAttribute("aria-valuetext",this.getAriaValueText()),this.updateBar_())}updateBar_(){let t=this.getBarColors().toGradientStops();i(this,{"--theoplayer-range-track-progress-internal":`linear-gradient(to right, ${t})`})}getBarColors(){let{value:t,min:e,max:r}=this,a=(t-e)/(r-e)*100;isNaN(a)&&(a=0);let i=0;if(e<t&&t<r){let t=this._thumbWidth*(.5-a/100);i=t/this._rangeWidth*100}let o=new eO;return o.add("var(--theoplayer-range-bar-color, #fff)",0,a+i),o}updateCachedWidths_(){let t=this._rangeEl.offsetWidth;t>0&&(this._rangeWidth=t);let e=parseInt(getComputedStyle(this).getPropertyValue("--theoplayer-range-thumb-width")||"10px");e>0&&(this._thumbWidth=e)}getMinimumStepForVisibleChange_(){let{min:t,max:e}=this,r=e-t;return r<=0?NaN:r/this._rangeWidth}updatePointer_(t,e){this._pointerEl.style.width=`${t*e.width}px`}handleKeyDown_(t){"tv"===this.deviceType&&x(t.keyCode)&&(t.keyCode===$.LEFT||t.keyCode===$.RIGHT?t.stopPropagation():(t.keyCode===$.UP||t.keyCode===$.DOWN)&&t.preventDefault())}constructor(t){super(),this._rangeWidth=0,this._thumbWidth=10,this._onInput=()=>{this.handleInput()},this._updatePointerBar=t=>{if(this.disabled)return;let e=this._rangeEl.getBoundingClientRect(),r=(t.clientX-e.left)/e.width;r=Math.max(0,Math.min(1,r)),this.updatePointer_(r,e)},this._onKeyDown=t=>{this.handleKeyDown_(t)};let e=this.attachShadow({mode:"open"});e.appendChild(t.template.content.cloneNode(!0)),this._rangeEl=e.querySelector('input[type="range"]'),this._rangeEl.addEventListener("input",this._onInput),this._rangeEl.addEventListener("change",this._onInput),this._rangeEl.addEventListener("keydown",this._onKeyDown),this._pointerEl=e.querySelector('[part="pointer"]'),this._upgradeProperty("disabled"),this._upgradeProperty("value"),this._upgradeProperty("min"),this._upgradeProperty("max"),this._upgradeProperty("step"),this._upgradeProperty("deviceType")}}let eq="theoplayerpreviewtimechange";function eB(t){return"linear"===t.type}let eF=o("theoplayer-preview-thumbnail","<style>:host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none!important}canvas{background:#fff;background:var(--theoplayer-preview-thumbnail-background,#fff);border-radius:2px;border-radius:var(--theoplayer-preview-thumbnail-padding,2px);display:none;padding:2px;padding:var(--theoplayer-preview-thumbnail-padding,2px)}</style><canvas></canvas>"),eU=["addtrack","removetrack"];class eH extends D(HTMLElement,["player","previewTime"]){_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}connectedCallback(){a(this)}get player(){return this._player}set player(t){var e,r;this._player!==t&&(null==(e=this._textTrackList)||e.removeEventListener(eU,this._updateThumbnailTextTrack),this._player=t,this._textTrackList=null==t?void 0:t.textTracks,this._updateThumbnailTextTrack(),null==(r=this._textTrackList)||r.addEventListener(eU,this._updateThumbnailTextTrack))}get previewTime(){return this._previewTime}set previewTime(t){this._previewTime=t,this.updateThumbnail_()}updateThumbnail_(){let t=this._thumbnailTextTrack;if(void 0===t){this.hideThumbnail_();return}"disabled"===t.mode&&(t.mode="hidden");let e=function(t,e){if(0===t.length)return;let r=t[0];for(let a of t)if(a.startTime<=e)r=a;else if(e>=a.endTime)break;return r}(t.cues,this._previewTime);if(void 0===e){this.hideThumbnail_();return}let r=e.content.trim(),a=function(t){let e=t.match(/^(.+)#xywh=(\d+),(\d+),(\d+),(\d+)$/);if(!e)return;let[,r,a,i,o,n]=e;return{url:r,x:+a,y:+i,w:+o,h:+n}}(r),i=a?a.url:r;if(i=new URL(i,t.src||location.href).href,this._lastLoadedThumbnailUrl!==i){this.loadThumbnailImage_(i);return}this.showThumbnail_(a)}loadThumbnailImage_(t){if(this._thumbnailImageSource.src===t)return;let e=()=>{this._lastLoadedThumbnailUrl=t,this.updateThumbnail_()};"function"==typeof this._thumbnailImageSource.decode?(this._thumbnailImageSource.src=t,this._thumbnailImageSource.decode().then(e,d)):(this._thumbnailImageSource.onload=e,this._thumbnailImageSource.src="",this._thumbnailImageSource.src=t)}showThumbnail_(t){t?(this._canvasEl.width=t.w,this._canvasEl.height=t.h,this._canvasContext.drawImage(this._thumbnailImageSource,t.x,t.y,t.w,t.h,0,0,t.w,t.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 t=this._thumbnailTextTrack,e=this._player?b(this._player.textTracks,eV):void 0;t!==e&&(this._thumbnailTextTrack=e,this.updateThumbnail_())};let t=this.attachShadow({mode:"open"});t.appendChild(eF().content.cloneNode(!0)),this._canvasEl=t.querySelector("canvas"),this._canvasContext=this._canvasEl.getContext("2d"),this._thumbnailImageSource=document.createElement("img"),this._thumbnailImageSource.decoding="async",this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}function eV(t){return"metadata"===t.kind&&"thumbnails"===t.label}customElements.define("theoplayer-preview-thumbnail",eH);let ez=o("theoplayer-preview-time-display",`<style>${Z}</style><span></span>`),eG=["timeupdate","seeking","seeked","durationchange"];class eQ extends D(HTMLElement,["player","previewTime","streamType"]){static get observedAttributes(){return[t.Attribute.REMAINING,t.Attribute.REMAINING_WHEN_LIVE,t.Attribute.STREAM_TYPE]}_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}connectedCallback(){a(this),this._update()}get previewTime(){return this._previewTime}set previewTime(t){this._previewTime=t,this._update()}get streamType(){return this.getAttribute(t.Attribute.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(t.Attribute.STREAM_TYPE,e)}get player(){return this._player}set player(t){this._player!==t&&(void 0!==this._player&&this._player.removeEventListener(eG,this._update),this._player=t,this._update(),void 0!==this._player&&this._player.addEventListener(eG,this._update))}attributeChangedCallback(t,e,r){r!==e&&eQ.observedAttributes.indexOf(t)>=0&&(this._update(),i(this))}constructor(){super(),this._previewTime=NaN,this._update=()=>{var e;let r=this._previewTime,a=this._player?this._player.duration:NaN,i=null==(e=this._player)?void 0:e.seekable,o=isFinite(a)?a:i&&i.length>0?i.end(0):NaN,n=this.hasAttribute(t.Attribute.REMAINING)||this.hasAttribute(t.Attribute.REMAINING_WHEN_LIVE)&&"vod"!==this.streamType;n&&(r=-((o||0)-r)),_(this._spanEl,J(r,o,n))};let e=this.attachShadow({mode:"open"});e.appendChild(ez().content.cloneNode(!0)),this._spanEl=e.querySelector("span"),this._upgradeProperty("previewTime"),this._upgradeProperty("player")}}customElements.define("theoplayer-preview-time-display",eQ);let e$=o("theoplayer-time-range",eN('<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%)}")),eK=["timeupdate","durationchange","ratechange","seeking","seeked"],eY=["play","pause","ended","durationchange","readystatechange","error"],eW=["adbreakbegin","adbreakend","adbreakchange","updateadbreak","adbegin","adend","adskip","addad","updatead"];class eZ extends D(eD,["player","streamType","deviceType"]){static get observedAttributes(){return[...eD.observedAttributes,t.Attribute.SHOW_AD_MARKERS]}connectedCallback(){super.connectedCallback(),this._toggleAutoAdvance()}disconnectedCallback(){super.disconnectedCallback(),this._toggleAutoAdvance()}get player(){return this._player}set player(t){var e,r;this._player!==t&&(void 0!==this._player&&(this._player.removeEventListener(eK,this._updateFromPlayer),this._player.removeEventListener(eY,this._toggleAutoAdvance)),null==(e=this._ads)||e.removeEventListener(eW,this._onAdChange),this._player=t,this._ads=null==t?void 0:t.ads,this._updateFromPlayer(),this._toggleAutoAdvance(),void 0!==this._player&&(this._player.addEventListener(eK,this._updateFromPlayer),this._player.addEventListener(eY,this._toggleAutoAdvance)),null==(r=this._ads)||r.addEventListener(eW,this._onAdChange))}get streamType(){return this.getAttribute(t.Attribute.STREAM_TYPE)||"vod"}set streamType(e){this.setAttribute(t.Attribute.STREAM_TYPE,e)}updateDisabled_(t){void 0===t&&(t=(()=>{var t;return null==(t=this._player)?void 0:t.seekable})());let e="live"===this.streamType;void 0!==t&&(e||(e=0===t.length)),this.disabled!==e&&(this.disabled=e)}getAriaLabel(){return"seek"}getAriaValueText(){let t=te(this.value),e=te(this.max);return t&&e?`${t} of ${e}`:"video not loaded, unknown time"}attributeChangedCallback(e,r,a){super.attributeChangedCallback(e,r,a),a!==r&&(e===t.Attribute.STREAM_TYPE?this.updateDisabled_():e===t.Attribute.SHOW_AD_MARKERS&&this.update(),eZ.observedAttributes.indexOf(e)>=0&&i(this))}handleInput(){void 0!==this._player&&this._player.currentTime!==this.value&&(this._player.currentTime=this.value),super.handleInput()}shouldAutoAdvance_(){return this.isConnected&&void 0!==this._player&&!this._player.paused&&!this._player.ended&&!this._player.errorObject&&this._player.readyState>=3&&this.needToUpdateEveryFrame_()}needToUpdateEveryFrame_(){let t=this.getMinimumStepForVisibleChange_(),e=.25*this._lastPlaybackRate;return t<e}updatePointer_(t,e){super.updatePointer_(t,e);let r=e.left+t*e.width,a=this._previewBoxEl.getBoundingClientRect(),i=e.left+a.width/2,o=e.right-a.width/2;r=Math.max(i,Math.min(o,r));let n=(r-e.left)/e.width;if(this._previewRailEl.style.transform=`translateX(${(1e4*n).toFixed(6)}%)`,void 0===this._player)return;let{min:s,max:l}=this,h=s+t*(l-s),d=th(eq,{bubbles:!0,composed:!0,detail:{previewTime:h}});this.dispatchEvent(d)}getBarColors(){let e=super.getBarColors();if(!this.hasAttribute(t.Attribute.SHOW_AD_MARKERS)||!this._player||!this._player.ads||this._player.ads.playing)return e;let{min:r,max:a}=this;for(let t of this._player.ads.scheduledAdBreaks){if(void 0!==t.ads&&t.ads.length>0&&!t.ads.some(eB))continue;let i=t.timeOffset;if(i<0&&(i=this._player.duration),r<=i&&i<=a){let t,o;let n=(i-r)/(a-r)*100;n+1<100?(t=n,o=n+1):(t=99,o=100),e.add("var(--theoplayer-time-range-ad-marker-color, #ffc50f)",t,o)}}return e}handleKeyDown_(t){super.handleKeyDown_(t),"tv"===this.deviceType&&t.keyCode===$.ENTER&&void 0!==this._player&&(this._player.paused?this._player.play():this._player.pause())}constructor(){super({template:e$()}),this._pausedWhileScrubbing=!1,this._autoAdvanceId=0,this._lastUpdateTime=0,this._lastCurrentTime=0,this._lastPlaybackRate=0,this._updateFromPlayer=()=>{let t,e;if(void 0===this._player)return;this._lastUpdateTime=performance.now(),this._lastCurrentTime=this._player.currentTime,this._lastPlaybackRate=this._player.playbackRate;let r=this._player.seekable;if(0!==r.length?(t=r.start(0),e=r.end(0)):(t=0,e=this._player.duration),!isFinite(this._lastCurrentTime)){let r=this._player.duration===1/0;this._lastCurrentTime=r?e:t}this._rangeEl.min=String(t),this._rangeEl.max=String(e),this._rangeEl.valueAsNumber=this._lastCurrentTime,this.update(),this.updateDisabled_(r)},this._pauseOnScrubStart=()=>{this._pausedWhileScrubbing||void 0===this._player||this._player.paused||(this._pausedWhileScrubbing=!0,this._player.pause(),document.addEventListener("mouseup",this._playOnScrubEnd),document.addEventListener("touchend",this._playOnScrubEnd))},this._playOnScrubEnd=()=>{this._pausedWhileScrubbing&&(this._pausedWhileScrubbing=!1,document.removeEventListener("mouseup",this._playOnScrubEnd),document.removeEventListener("touchend",this._playOnScrubEnd),void 0!==this._player&&this._player.paused&&this._player.play())},this._toggleAutoAdvance=()=>{this.shouldAutoAdvance_()?0===this._autoAdvanceId&&(this._updateFromPlayer(),this._autoAdvanceId=requestAnimationFrame(this._autoAdvanceWhilePlaying)):0!==this._autoAdvanceId&&(this._updateFromPlayer(),cancelAnimationFrame(this._autoAdvanceId),this._autoAdvanceId=0)},this._autoAdvanceWhilePlaying=()=>{if(!this.shouldAutoAdvance_()){this._autoAdvanceId=0;return}let t=(performance.now()-this._lastUpdateTime)/1e3,e=this._lastCurrentTime+t*this._lastPlaybackRate;Math.abs(e-this.value)>=this.getMinimumStepForVisibleChange_()&&(this._rangeEl.valueAsNumber=e,this.update(!0)),this._autoAdvanceId=requestAnimationFrame(this._autoAdvanceWhilePlaying)},this._onAdChange=()=>{this.update()},this._previewRailEl=this.shadowRoot.querySelector(".theoplayer-time-range-preview-rail"),this._previewBoxEl=this._previewRailEl.querySelector('[part~="preview-box"]'),this._rangeEl.setAttribute(t.Attribute.ARIA_LIVE,"off"),this._rangeEl.addEventListener("mousedown",this._pauseOnScrubStart),this._rangeEl.addEventListener("touchstart",this._pauseOnScrubStart),this._upgradeProperty("player")}}customElements.define("theoplayer-time-range",eZ);let ej=o("theoplayer-volume-range",eN('<input type="range" min="0" max="1" step="any" value="0">'));class eJ extends D(eD,["player","deviceType"]){get player(){return this._player}set player(t){this._player!==t&&(void 0!==this._player&&this._player.removeEventListener("volumechange",this._updateFromPlayer),this._player=t,this._updateFromPlayer(),void 0!==this._player&&this._player.addEventListener("volumechange",this._updateFromPlayer))}getAriaLabel(){return"volume"}getAriaValueText(){var t,e;return t=this.value,e=this.max,`${Math.round(t/e*100)}%`}handleInput(){void 0!==this._player&&this._player.volume!==this.value&&(this._player.volume=this.value),super.handleInput()}constructor(){super({template:ej()}),this._updateFromPlayer=()=>{void 0!==this._player&&(this.value=this._player.volume)},this._upgradeProperty("player")}}customElements.define("theoplayer-volume-range",eJ);let eX=o("theoplayer-error-display",`<style>:host{box-sizing:border-box;display:flex;gap:10px;gap:var(--theoplayer-error-icon-gap,10px);max-width:80%;max-width:var(--theoplayer-error-max-width,80%);min-width:0;min-width:var(--theoplayer-error-min-width,0)}:host([hidden]){display:none!important}[part~=icon]{flex:0 0 auto;font-size:0}::slotted(img),::slotted(svg),img,svg{fill:#fff;fill:var(--theoplayer-error-icon-color,var(--theoplayer-icon-color,#fff));height:48px;height:var(--theoplayer-error-icon-height,48px);max-height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:48px;width:var(--theoplayer-error-icon-width,48px)}[part~=heading]{color:#fff;color:var(--theoplayer-error-heading-color,#fff);line-height:48px;line-height:var(--theoplayer-error-icon-height,48px);margin:0 0 10px;margin:var(--theoplayer-error-heading-margin,0 0 10px);padding:0}[part~=message]{color:#fff;color:var(--theoplayer-error-message-color,#fff);margin:0;margin:var(--theoplayer-error-message-margin,0);padding:0}[part~=fullscreen-controls]{bottom:0;display:flex;justify-content:flex-end;left:0;position:absolute;right:0}:host(:not([fullscreen])) [part~=fullscreen-controls]{display:none!important}</style><div part="icon"><slot name="icon"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="48" width="48"><path d="M24.15 26.4q.85 0 1.425-.575.575-.575.575-1.425v-9.2q0-.8-.6-1.375t-1.4-.575q-.85 0-1.425.575-.575.575-.575 1.425v9.2q0 .8.6 1.375t1.4.575ZM24 34.7q1 0 1.625-.625t.625-1.625q0-.95-.625-1.625T24 30.15q-1 0-1.625.675t-.625 1.625q0 1 .625 1.625T24 34.7Zm0 10q-4.4 0-8.175-1.575Q12.05 41.55 9.25 38.75q-2.8-2.8-4.375-6.575Q3.3 28.4 3.3 24q0-4.35 1.575-8.125Q6.45 12.1 9.25 9.3q2.8-2.8 6.575-4.425Q19.6 3.25 24 3.25q4.35 0 8.125 1.625Q35.9 6.5 38.7 9.3q2.8 2.8 4.425 6.575Q44.75 19.65 44.75 24q0 4.4-1.625 8.175Q41.5 35.95 38.7 38.75q-2.8 2.8-6.575 4.375Q28.35 44.7 24 44.7Z"/></svg>
|
|
@@ -38,5 +38,5 @@ ${e}</style><div part="container"><div part="background"></div><div part="pointe
|
|
|
38
38
|
<theolive-automatic-quality-selector></theolive-automatic-quality-selector>
|
|
39
39
|
<theolive-bad-network-quality-selector></theolive-bad-network-quality-selector>
|
|
40
40
|
</theoplayer-radio-group>
|
|
41
|
-
`,rU=o("theolive-bad-network-menu",rF);class rH extends HTMLElement{_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}connectedCallback(){a(this),this._radioGroup instanceof tg||customElements.upgrade(this._radioGroup),this.shadowRoot.addEventListener("change",this._onChange)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange)}constructor(){super(),this._onChange=()=>{this.dispatchEvent(new Event("change",{bubbles:!0}))};let t=this.attachShadow({mode:"open"});t.appendChild(rU().content.cloneNode(!0)),this._radioGroup=t.querySelector("theoplayer-radio-group")}}customElements.define("theolive-bad-network-menu",rH);let rV=o("theolive-default-ui",'<style>:host{box-sizing:border-box;display:inline-block;font-family:Helvetica,Arial,sans-serif;position:relative;width:100%}:host([hidden]){display:none!important}theoplayer-ui{--theoplayer-loading-delay:0.1s;display:block;font-family:Helvetica,Arial,sans-serif;width:100%}:host(:-webkit-full-screen),:host(:-webkit-full-screen) theoplayer-ui{height:100%!important;width:100%!important}:host(:fullscreen),:host(:fullscreen) theoplayer-ui{height:100%!important;width:100%!important}theoplayer-menu::part(heading){display:none!important}[part=centered-chrome] *{--theoplayer-control-height:48px}[part=middle-chrome]{flex-grow:1;justify-content:flex-end;pointer-events:none}[part=bottom-chrome],[part=middle-chrome]{display:flex;flex-flow:column nowrap;position:relative}[part=bottom-chrome]{align-items:stretch}:host([mobile]) theoplayer-ui{--theoplayer-control-backdrop-background:rgba(0,0,0,.5)}:host{--theoplayer-control-background-gradient-stops:transparent 0%,rgba(0,0,0,.01) 8.1%,rgba(0,0,0,.037) 15.5%,rgba(0,0,0,.078) 22.5%,rgba(0,0,0,.131) 29%,rgba(0,0,0,.195) 35.3%,rgba(0,0,0,.264) 41.2%,rgba(0,0,0,.337) 47.1%,rgba(0,0,0,.413) 52.9%,rgba(0,0,0,.486) 58.8%,rgba(0,0,0,.555) 64.7%,rgba(0,0,0,.619) 71%,rgba(0,0,0,.672) 77.5%,rgba(0,0,0,.713) 84.5%,rgba(0,0,0,.74) 91.9%,rgba(0,0,0,.75) 100%}:host(:not([mobile])) [part=bottom-chrome]:before,:host(:not([mobile])) [part=top-chrome]:before{bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}:host(:not([mobile])) [part=top-chrome]:before{background:linear-gradient(to top,var(--theoplayer-control-background-gradient-stops))}:host(:not([mobile])) [part=bottom-chrome]:before{background:linear-gradient(to bottom,var(--theoplayer-control-background-gradient-stops))}.theoplayer-spacer{flex-grow:1}theoplayer-time-range{--theoplayer-control-height:12px;--theoplayer-range-track-pointer-background:hsla(0,0%,100%,.5)}:host(:not([mobile])) [mobile-only],:host([mobile]) [mobile-hidden]{display:none!important}:host(:not([stream-type=vod])) [live-hidden],:host(:not([stream-type=vod])) theoplayer-control-bar ::slotted([live-hidden]),:host([stream-type=vod]) [live-only],:host([stream-type=vod]) theoplayer-control-bar ::slotted([live-only]){display:none!important}theoplayer-ui:not([has-first-play]) [part=centered-chrome] :not(theoplayer-play-button),theoplayer-ui:not([has-first-play]) theoplayer-control-bar,theoplayer-ui:not([playing-ad]) [ad-only],theoplayer-ui[playing-ad] [ad-hidden]{display:none!important}:host(:not([mobile])) theoplayer-ui[has-first-play] [part=centered-chrome] theoplayer-play-button{display:none!important}theoplayer-volume-range{--theoplayer-range-padding-left:0}theoplayer-mute-button+theoplayer-volume-range{--theoplayer-range-padding-right:0;--theoplayer-range-track-width:70px;overflow:hidden;transition:width .2s ease-in;width:0}theoplayer-mute-button+theoplayer-volume-range:focus,theoplayer-mute-button+theoplayer-volume-range:hover,theoplayer-mute-button:focus+theoplayer-volume-range,theoplayer-mute-button:hover+theoplayer-volume-range{width:70px}theoplayer-mute-button+theoplayer-volume-range:focus-within,theoplayer-mute-button:focus-within+theoplayer-volume-range{width:70px}theoplayer-live-button+theoplayer-time-display{padding-left:0}theoplayer-live-button[live]+theoplayer-time-display{display:none!important}p{color:#fff;color:var(--theoplayer-text-color,#fff);font-size:20px;font-size:var(--theoplayer-text-font-size,20px)}#announcement,#loading-announcement,#offline-announcement{display:none}theolive-bad-network-button{display:none;display:var(--theolive-bad-network-button-display,none)}theoplayer-settings-menu-button{display:inline-flex;display:var(--theolive-quality-button-display,inline-flex)}</style><theoplayer-ui><p id="loading-announcement" no-auto-hide slot="centered-chrome"><slot name="loading-announcement">Loading...</slot></p><p id="offline-announcement" no-auto-hide slot="centered-chrome"><slot name="offline-announcement">The live stream hasn\'t started yet</slot></p><p id="announcement" no-auto-hide slot="centered-chrome"></p><theoplayer-loading-indicator slot="centered-loading" no-auto-hide part="loading-indicator"></theoplayer-loading-indicator><div slot="centered-chrome" part="centered-chrome"><theoplayer-play-button part="center-play-button"></theoplayer-play-button></div><div part="bottom-chrome"><theoplayer-control-bar><theoplayer-play-button mobile-hidden part="play-button"></theoplayer-play-button><theoplayer-mute-button part="mute-button"></theoplayer-mute-button><theoplayer-volume-range mobile-hidden part="volume-range"></theoplayer-volume-range><theoplayer-live-button ad-hidden live-only part="live-button"></theoplayer-live-button><span class="theoplayer-spacer"></span><theoplayer-settings-menu-button ad-hidden menu="all-quality-menu" part="quality-button"></theoplayer-settings-menu-button><theolive-bad-network-button ad-hidden menu="quality-menu" part="theolive-bad-network-button"></theolive-bad-network-button><theoplayer-fullscreen-button part="fullscreen-button"></theoplayer-fullscreen-button></theoplayer-control-bar></div><theoplayer-menu id="quality-menu" slot="menu" menu-close-on-input hidden><theolive-bad-network-menu></theolive-bad-network-menu></theoplayer-menu><theoplayer-menu id="all-quality-menu" slot="menu" menu-close-on-input hidden><theoplayer-quality-radio-group></theoplayer-quality-radio-group></theoplayer-menu><theoplayer-error-display slot="error" part="error-display"></theoplayer-error-display></theoplayer-ui>');class rz extends rM{initShadowRoot(){let t=this.attachShadow({mode:"open",delegatesFocus:!0});return t.appendChild(rV().content.cloneNode(!0)),t}hidePlayerError(){this._root.removeAttribute("has-error"),this._errorDisplay.style.display="none"}stopHidingPlayerError(){this._root.setAttribute("has-error",""),this._errorDisplay.style.display="flex"}hidePlayerPlayButton_(){this._playButton.style.display="none"}stopHidingPlayerPlayButton(){this._playButton.style.display="inline-flex"}showMessage_(t,e){this.hidePlayerError(),this._loading.style.display="none",this._offline.style.display="none",this._announcement.style.display="none","loading"===t?this._loading.style.display="block":"offline"===t?this._offline.style.display="block":(this._announcement.textContent=null!=e?e:"",this._announcement.style.display="block"),this.hidePlayerPlayButton_()}hideMessage_(){this._loading.style.display="none",this._offline.style.display="none",this._announcement.style.display="none",this.stopHidingPlayerPlayButton()}constructor(t={}){super(t),this.onReady=()=>{this._ui.removeEventListener(rC,this.onReady);let t=this.player;if(t){var e,r,a;null==(e=t.theoLive)||e.addEventListener("publicationloadstart",this.onLoadChannelStart),null==(r=t.theoLive)||r.addEventListener("publicationoffline",this.onChannelOffline),null==(a=t.theoLive)||a.addEventListener("publicationloaded",this.onChannelLoaded),t.addEventListener("error",this.onError)}},this.onLoadChannelStart=()=>{this.showMessage_("loading",void 0)},this.onChannelOffline=()=>{this.showMessage_("offline",void 0)},this.onChannelLoaded=()=>{this.hidePlayerError(),this.hideMessage_()},this.onError=t=>{let e=t.errorObject.code;if(e<13e3||e>=14e3){this.showMessage_("offline",void 0);return}this.stopHidingPlayerError(),this.hideMessage_()},this._loading=this._shadowRoot.querySelector("#loading-announcement"),this._offline=this._shadowRoot.querySelector("#offline-announcement"),this._announcement=this._shadowRoot.querySelector("#announcement"),this._errorDisplay=this._shadowRoot.querySelector("theoplayer-error-display"),this._playButton=this._shadowRoot.querySelector("theoplayer-play-button"),this._root=this._shadowRoot.querySelector("theoplayer-ui"),this._ui.addEventListener(rC,this.onReady)}}customElements.define("theolive-default-ui",rz),t.ActiveQualityDisplay=eb,t.AdClickThroughButton=rv,t.AdCountdown=rb,t.AdDisplay=ru,t.AdSkipButton=rk,t.AirPlayButton=rt,t.Button=P,t.CastButton=e1,t.ChromecastButton=e8,t.ChromecastDisplay=e6,t.CloseMenuButton=tR,t.ColorStops=eO,t.ControlBar=s,t.DefaultUI=rM,t.DurationDisplay=ts,t.ErrorDisplay=e0,t.FullscreenButton=eI,t.GestureReceiver=ro,t.LanguageMenu=ei,t.LanguageMenuButton=es,t.LinkButton=I,t.LiveButton=rh,t.LoadingIndicator=ra,t.MediaTrackRadioButton=tO,t.Menu=tE,t.MenuButton=tS,t.MenuGroup=tT,t.MuteButton=z,t.PlayButton=U,t.PlaybackRateDisplay=ey,t.PlaybackRateMenu=ec,t.PlaybackRateMenuButton=ep,t.PlaybackRateRadioGroup=eh,t.PreviewThumbnail=eH,t.PreviewTimeDisplay=eQ,t.QualityRadioButton=e_,t.QualityRadioGroup=eE,t.RadioButton=tp,t.RadioGroup=tg,t.Range=eD,t.SeekButton=Q,t.SettingsMenu=eT,t.SettingsMenuButton=eS,t.SlotContainer=h,t.StateReceiverMixin=D,t.THEOliveDefaultUI=rz,t.TextTrackOffRadioButton=tG,t.TextTrackRadioButton=tB,t.TextTrackStyleDisplay=t3,t.TextTrackStyleMenu=ee,t.TextTrackStyleRadioGroup=t7,t.TextTrackStyleResetButton=ew,t.TimeDisplay=ti,t.TimeRange=eZ,t.TrackRadioGroup=tK,t.UIContainer=rS,t.VolumeRange=eJ,t.buttonTemplate=L,t.linkButtonTemplate=R,t.menuGroupTemplate=tw,t.menuTemplate=tf,t.rangeTemplate=eN,t.registerExtension=function(t){rE.push(t)},t.version="1.9.
|
|
41
|
+
`,rU=o("theolive-bad-network-menu",rF);class rH extends HTMLElement{_upgradeProperty(t){if(this.hasOwnProperty(t)){let e=this[t];delete this[t],this[t]=e}}connectedCallback(){a(this),this._radioGroup instanceof tg||customElements.upgrade(this._radioGroup),this.shadowRoot.addEventListener("change",this._onChange)}disconnectedCallback(){this.shadowRoot.removeEventListener("change",this._onChange)}constructor(){super(),this._onChange=()=>{this.dispatchEvent(new Event("change",{bubbles:!0}))};let t=this.attachShadow({mode:"open"});t.appendChild(rU().content.cloneNode(!0)),this._radioGroup=t.querySelector("theoplayer-radio-group")}}customElements.define("theolive-bad-network-menu",rH);let rV=o("theolive-default-ui",'<style>:host{box-sizing:border-box;display:inline-block;font-family:Helvetica,Arial,sans-serif;position:relative;width:100%}:host([hidden]){display:none!important}theoplayer-ui{--theoplayer-loading-delay:0.1s;display:block;font-family:Helvetica,Arial,sans-serif;width:100%}:host(:-webkit-full-screen),:host(:-webkit-full-screen) theoplayer-ui{height:100%!important;width:100%!important}:host(:fullscreen),:host(:fullscreen) theoplayer-ui{height:100%!important;width:100%!important}theoplayer-menu::part(heading){display:none!important}[part=centered-chrome] *{--theoplayer-control-height:48px}[part=middle-chrome]{flex-grow:1;justify-content:flex-end;pointer-events:none}[part=bottom-chrome],[part=middle-chrome]{display:flex;flex-flow:column nowrap;position:relative}[part=bottom-chrome]{align-items:stretch}:host([mobile]) theoplayer-ui{--theoplayer-control-backdrop-background:rgba(0,0,0,.5)}:host{--theoplayer-control-background-gradient-stops:transparent 0%,rgba(0,0,0,.01) 8.1%,rgba(0,0,0,.037) 15.5%,rgba(0,0,0,.078) 22.5%,rgba(0,0,0,.131) 29%,rgba(0,0,0,.195) 35.3%,rgba(0,0,0,.264) 41.2%,rgba(0,0,0,.337) 47.1%,rgba(0,0,0,.413) 52.9%,rgba(0,0,0,.486) 58.8%,rgba(0,0,0,.555) 64.7%,rgba(0,0,0,.619) 71%,rgba(0,0,0,.672) 77.5%,rgba(0,0,0,.713) 84.5%,rgba(0,0,0,.74) 91.9%,rgba(0,0,0,.75) 100%}:host(:not([mobile])) [part=bottom-chrome]:before,:host(:not([mobile])) [part=top-chrome]:before{bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}:host(:not([mobile])) [part=top-chrome]:before{background:linear-gradient(to top,var(--theoplayer-control-background-gradient-stops))}:host(:not([mobile])) [part=bottom-chrome]:before{background:linear-gradient(to bottom,var(--theoplayer-control-background-gradient-stops))}.theoplayer-spacer{flex-grow:1}theoplayer-time-range{--theoplayer-control-height:12px;--theoplayer-range-track-pointer-background:hsla(0,0%,100%,.5)}:host(:not([mobile])) [mobile-only],:host([mobile]) [mobile-hidden]{display:none!important}:host(:not([stream-type=vod])) [live-hidden],:host(:not([stream-type=vod])) theoplayer-control-bar ::slotted([live-hidden]),:host([stream-type=vod]) [live-only],:host([stream-type=vod]) theoplayer-control-bar ::slotted([live-only]){display:none!important}theoplayer-ui:not([has-first-play]) [part=centered-chrome] :not(theoplayer-play-button),theoplayer-ui:not([has-first-play]) theoplayer-control-bar,theoplayer-ui:not([playing-ad]) [ad-only],theoplayer-ui[playing-ad] [ad-hidden]{display:none!important}:host(:not([mobile])) theoplayer-ui[has-first-play] [part=centered-chrome] theoplayer-play-button{display:none!important}theoplayer-volume-range{--theoplayer-range-padding-left:0}theoplayer-mute-button+theoplayer-volume-range{--theoplayer-range-padding-right:0;--theoplayer-range-track-width:70px;overflow:hidden;transition:width .2s ease-in;width:0}theoplayer-mute-button+theoplayer-volume-range:focus,theoplayer-mute-button+theoplayer-volume-range:hover,theoplayer-mute-button:focus+theoplayer-volume-range,theoplayer-mute-button:hover+theoplayer-volume-range{width:70px}theoplayer-mute-button+theoplayer-volume-range:focus-within,theoplayer-mute-button:focus-within+theoplayer-volume-range{width:70px}theoplayer-live-button+theoplayer-time-display{padding-left:0}theoplayer-live-button[live]+theoplayer-time-display{display:none!important}p{color:#fff;color:var(--theoplayer-text-color,#fff);font-size:20px;font-size:var(--theoplayer-text-font-size,20px)}#announcement,#loading-announcement,#offline-announcement{display:none}theolive-bad-network-button{display:none;display:var(--theolive-bad-network-button-display,none)}theoplayer-settings-menu-button{display:inline-flex;display:var(--theolive-quality-button-display,inline-flex)}</style><theoplayer-ui><p id="loading-announcement" no-auto-hide slot="centered-chrome"><slot name="loading-announcement">Loading...</slot></p><p id="offline-announcement" no-auto-hide slot="centered-chrome"><slot name="offline-announcement">The live stream hasn\'t started yet</slot></p><p id="announcement" no-auto-hide slot="centered-chrome"></p><theoplayer-loading-indicator slot="centered-loading" no-auto-hide part="loading-indicator"></theoplayer-loading-indicator><div slot="centered-chrome" part="centered-chrome"><theoplayer-play-button part="center-play-button"></theoplayer-play-button></div><div part="bottom-chrome"><theoplayer-control-bar><theoplayer-play-button mobile-hidden part="play-button"></theoplayer-play-button><theoplayer-mute-button part="mute-button"></theoplayer-mute-button><theoplayer-volume-range mobile-hidden part="volume-range"></theoplayer-volume-range><theoplayer-live-button ad-hidden live-only part="live-button"></theoplayer-live-button><span class="theoplayer-spacer"></span><theoplayer-settings-menu-button ad-hidden menu="all-quality-menu" part="quality-button"></theoplayer-settings-menu-button><theolive-bad-network-button ad-hidden menu="quality-menu" part="theolive-bad-network-button"></theolive-bad-network-button><theoplayer-fullscreen-button part="fullscreen-button"></theoplayer-fullscreen-button></theoplayer-control-bar></div><theoplayer-menu id="quality-menu" slot="menu" menu-close-on-input hidden><theolive-bad-network-menu></theolive-bad-network-menu></theoplayer-menu><theoplayer-menu id="all-quality-menu" slot="menu" menu-close-on-input hidden><theoplayer-quality-radio-group></theoplayer-quality-radio-group></theoplayer-menu><theoplayer-error-display slot="error" part="error-display"></theoplayer-error-display></theoplayer-ui>');class rz extends rM{initShadowRoot(){let t=this.attachShadow({mode:"open",delegatesFocus:!0});return t.appendChild(rV().content.cloneNode(!0)),t}hidePlayerError(){this._root.removeAttribute("has-error"),this._errorDisplay.style.display="none"}stopHidingPlayerError(){this._root.setAttribute("has-error",""),this._errorDisplay.style.display="flex"}hidePlayerPlayButton_(){this._playButton.style.display="none"}stopHidingPlayerPlayButton(){this._playButton.style.display="inline-flex"}showMessage_(t,e){this.hidePlayerError(),this._loading.style.display="none",this._offline.style.display="none",this._announcement.style.display="none","loading"===t?this._loading.style.display="block":"offline"===t?this._offline.style.display="block":(this._announcement.textContent=null!=e?e:"",this._announcement.style.display="block"),this.hidePlayerPlayButton_()}hideMessage_(){this._loading.style.display="none",this._offline.style.display="none",this._announcement.style.display="none",this.stopHidingPlayerPlayButton()}constructor(t={}){super(t),this.onReady=()=>{this._ui.removeEventListener(rC,this.onReady);let t=this.player;if(t){var e,r,a;null==(e=t.theoLive)||e.addEventListener("publicationloadstart",this.onLoadChannelStart),null==(r=t.theoLive)||r.addEventListener("publicationoffline",this.onChannelOffline),null==(a=t.theoLive)||a.addEventListener("publicationloaded",this.onChannelLoaded),t.addEventListener("error",this.onError)}},this.onLoadChannelStart=()=>{this.showMessage_("loading",void 0)},this.onChannelOffline=()=>{this.showMessage_("offline",void 0)},this.onChannelLoaded=()=>{this.hidePlayerError(),this.hideMessage_()},this.onError=t=>{let e=t.errorObject.code;if(e<13e3||e>=14e3){this.showMessage_("offline",void 0);return}this.stopHidingPlayerError(),this.hideMessage_()},this._loading=this._shadowRoot.querySelector("#loading-announcement"),this._offline=this._shadowRoot.querySelector("#offline-announcement"),this._announcement=this._shadowRoot.querySelector("#announcement"),this._errorDisplay=this._shadowRoot.querySelector("theoplayer-error-display"),this._playButton=this._shadowRoot.querySelector("theoplayer-play-button"),this._root=this._shadowRoot.querySelector("theoplayer-ui"),this._ui.addEventListener(rC,this.onReady)}}customElements.define("theolive-default-ui",rz),t.ActiveQualityDisplay=eb,t.AdClickThroughButton=rv,t.AdCountdown=rb,t.AdDisplay=ru,t.AdSkipButton=rk,t.AirPlayButton=rt,t.Button=P,t.CastButton=e1,t.ChromecastButton=e8,t.ChromecastDisplay=e6,t.CloseMenuButton=tR,t.ColorStops=eO,t.ControlBar=s,t.DefaultUI=rM,t.DurationDisplay=ts,t.ErrorDisplay=e0,t.FullscreenButton=eI,t.GestureReceiver=ro,t.LanguageMenu=ei,t.LanguageMenuButton=es,t.LinkButton=I,t.LiveButton=rh,t.LoadingIndicator=ra,t.MediaTrackRadioButton=tO,t.Menu=tE,t.MenuButton=tS,t.MenuGroup=tT,t.MuteButton=z,t.PlayButton=U,t.PlaybackRateDisplay=ey,t.PlaybackRateMenu=ec,t.PlaybackRateMenuButton=ep,t.PlaybackRateRadioGroup=eh,t.PreviewThumbnail=eH,t.PreviewTimeDisplay=eQ,t.QualityRadioButton=e_,t.QualityRadioGroup=eE,t.RadioButton=tp,t.RadioGroup=tg,t.Range=eD,t.SeekButton=Q,t.SettingsMenu=eT,t.SettingsMenuButton=eS,t.SlotContainer=h,t.StateReceiverMixin=D,t.THEOliveDefaultUI=rz,t.TextTrackOffRadioButton=tG,t.TextTrackRadioButton=tB,t.TextTrackStyleDisplay=t3,t.TextTrackStyleMenu=ee,t.TextTrackStyleRadioGroup=t7,t.TextTrackStyleResetButton=ew,t.TimeDisplay=ti,t.TimeRange=eZ,t.TrackRadioGroup=tK,t.UIContainer=rS,t.VolumeRange=eJ,t.buttonTemplate=L,t.linkButtonTemplate=R,t.menuGroupTemplate=tw,t.menuTemplate=tf,t.rangeTemplate=eN,t.registerExtension=function(t){rE.push(t)},t.version="1.9.3"});
|
|
42
42
|
//# sourceMappingURL=THEOplayerUI.js.map
|