@banou/stub 0.0.20 → 0.0.22
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/build/.well-known/fkn.json +1 -1
- package/build/assets/embed-VjpeLPHx.js +1461 -0
- package/build/assets/index-Cq0deG16.js +1964 -0
- package/build/assets/lib-DHuurgWT.js +71 -0
- package/build/assets/{lib-account-BuVN6Bsx.js → lib-account-B_rZrj_U.js} +1 -1
- package/build/assets/lib-account-ZA7I4UZl.js +2 -0
- package/build/assets/lib-api-0oE17Lze.js +2 -0
- package/build/assets/{lib-build-DEOZ3A7n.js → lib-api-DLvscoll-INenJIDp.js} +863 -556
- package/build/assets/lib-worker-B7p9HUJX.js +2 -0
- package/build/assets/lib-worker-C6VkH7Kf.js +9006 -0
- package/build/assets/lib-worker-index-DCktGn3b.js +1964 -0
- package/build/assets/main-BC_h4vk9.js +3844 -0
- package/build/assets/main-DZ0Ws1xk.css +1 -0
- package/build/assets/uri-CY1i0hlC.js +1 -0
- package/build/assets/worker-CaEIruuB.js +1 -0
- package/build/assets/worker-juGKbgx7.js +1 -0
- package/build/embed.html +4 -8
- package/build/fkn.json +1 -1
- package/build/index.html +5 -8
- package/build/index.js +23838 -35935
- package/fkn.json +1 -1
- package/package.json +6 -3
- package/build/assets/Preview-DG9nqCV0.js +0 -1
- package/build/assets/compat-CusyxzKh.js +0 -1
- package/build/assets/custom-media-element-BDICDseJ.js +0 -43
- package/build/assets/dash.all.min-Dbg8AB-J.js +0 -19
- package/build/assets/dist-BgIerfpp.js +0 -3136
- package/build/assets/dist-BrpV89uJ.js +0 -1
- package/build/assets/dist-D-OKiX-f.js +0 -1
- package/build/assets/dist-D_XB-JLn.js +0 -40
- package/build/assets/embed-DBjG5JMH.js +0 -1
- package/build/assets/index-BHgdalnH.js +0 -1401
- package/build/assets/lib-Preview-B6uZKyhl.js +0 -82
- package/build/assets/lib-account-Cw8yCZtf.js +0 -2
- package/build/assets/lib-api-DLvscoll-DhlBp9Wz.js +0 -312
- package/build/assets/lib-api-DVwR-22s.js +0 -2
- package/build/assets/lib-compat-D8G4_Lzi.js +0 -860
- package/build/assets/lib-custom-media-element-CnANKrGl.js +0 -217
- package/build/assets/lib-dash.all.min-CDvdorbj.js +0 -27251
- package/build/assets/lib-dist-Dv8d3Kr0.js +0 -7
- package/build/assets/lib-dist-S8Gxnnq-.js +0 -12468
- package/build/assets/lib-dist-T0QlKbbk.js +0 -18578
- package/build/assets/lib-dist-xBHT3Lfz.js +0 -911
- package/build/assets/lib-react-BEg4mBBK.js +0 -112
- package/build/assets/lib-react-C0OCUIWX.js +0 -434
- package/build/assets/lib-react-CAkOlDha.js +0 -367
- package/build/assets/lib-react-CGlZXIjl.js +0 -2187
- package/build/assets/lib-react-CLVoi_ZM.js +0 -334
- package/build/assets/lib-react-DUxKSzCt.js +0 -311
- package/build/assets/lib-react-QvmpnEVK.js +0 -334
- package/build/assets/lib-react-WTnxAo6F.js +0 -202
- package/build/assets/lib-remote-DeY2A2G7.js +0 -416
- package/build/assets/lib-remote-DxEZmpd0.js +0 -2
- package/build/assets/lib-worker-index-C7ynIZYg.js +0 -1401
- package/build/assets/main-DejLBzlj.js +0 -3349
- package/build/assets/players-BIbP12aF.js +0 -1530
- package/build/assets/preload-helper-D2XUqLHy.js +0 -1
- package/build/assets/react-BDr8Ag8b.js +0 -19
- package/build/assets/react-BTju4bmn.js +0 -22
- package/build/assets/react-CLMfdUXR.js +0 -2
- package/build/assets/react-CjmRCHoG.js +0 -34
- package/build/assets/react-Cs34a503.js +0 -19
- package/build/assets/react-DKSDz1wJ.js +0 -6
- package/build/assets/react-bkM_mQGd.js +0 -17
- package/build/assets/react-kPj0f67l.js +0 -21
- package/build/assets/rolldown-runtime-CNC7AqOf.js +0 -1
- /package/build/assets/{players-3a7RYKgR.css → embed-3a7RYKgR.css} +0 -0
|
@@ -1,3136 +0,0 @@
|
|
|
1
|
-
import{b as e,f as t,g as n,i as r,x as i,y as a}from"./compat-CusyxzKh.js";import{n as o,t as s}from"./dist-BrpV89uJ.js";import{n as c,t as l}from"./dist-D_XB-JLn.js";import{t as u}from"./custom-media-element-BDICDseJ.js";t(),o();var d=Object.create,f=Object.defineProperty,p=Object.getOwnPropertyDescriptor,m=Object.getOwnPropertyNames,ee=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty,ne=function(e,t){return function(){return e&&(t=e(e=0)),t}},h=function(e,t){return function(){return t||e((t={exports:{}}).exports,t),t.exports}},re=function(e,t,n,r){if(t&&typeof t==`object`||typeof t==`function`)for(var i=m(t),a=0,o=i.length,s;a<o;a++)s=i[a],!te.call(e,s)&&s!==n&&f(e,s,{get:function(e){return t[e]}.bind(null,s),enumerable:!(r=p(t,s))||r.enumerable});return e},g=function(e,t,n){return n=e==null?{}:d(ee(e)),re(t||!e||!e.__esModule?f(n,`default`,{value:e,enumerable:!0}):n,e)},ie=h(function(e,t){t.exports=typeof window<`u`?window:s===void 0?typeof self<`u`?self:{}:s});function ae(e,t){return t!=null&&typeof Symbol<`u`&&t[Symbol.hasInstance]?!!t[Symbol.hasInstance](e):ae(e,t)}var oe=ne(function(){oe()});function se(e){"@swc/helpers - typeof";return e&&typeof Symbol<`u`&&e.constructor===Symbol?`symbol`:typeof e}var ce=ne(function(){}),le=h(function(e,t){var n=Array.prototype.slice;t.exports=r;function r(e,t){for((`length`in e)||(e=[e]),e=n.call(e);e.length;){var r=e.shift(),i=t(r);if(i)return i;r.childNodes&&r.childNodes.length&&(e=n.call(r.childNodes).concat(e))}}}),ue=h(function(e,t){oe(),t.exports=n;function n(e,t){if(!ae(this,n))return new n(e,t);this.data=e,this.nodeValue=e,this.length=e.length,this.ownerDocument=t||null}n.prototype.nodeType=8,n.prototype.nodeName=`#comment`,n.prototype.toString=function(){return`[object Comment]`}}),de=h(function(e,t){oe(),t.exports=n;function n(e,t){if(!ae(this,n))return new n(e);this.data=e||``,this.length=this.data.length,this.ownerDocument=t||null}n.prototype.type=`DOMTextNode`,n.prototype.nodeType=3,n.prototype.nodeName=`#text`,n.prototype.toString=function(){return this.data},n.prototype.replaceData=function(e,t,n){var r=this.data,i=r.substring(0,e),a=r.substring(e+t,r.length);this.data=i+n+a,this.length=this.data.length}}),fe=h(function(e,t){t.exports=n;function n(e){var t=this,n=e.type;e.target||=t,t.listeners||={};var r=t.listeners[n];if(r)return r.forEach(function(n){e.currentTarget=t,typeof n==`function`?n(e):n.handleEvent(e)});t.parentNode&&t.parentNode.dispatchEvent(e)}}),pe=h(function(e,t){t.exports=n;function n(e,t){var n=this;n.listeners||={},n.listeners[e]||(n.listeners[e]=[]),n.listeners[e].indexOf(t)===-1&&n.listeners[e].push(t)}}),me=h(function(e,t){t.exports=n;function n(e,t){var n=this;if(n.listeners&&n.listeners[e]){var r=n.listeners[e],i=r.indexOf(t);i!==-1&&r.splice(i,1)}}}),he=h(function(e,t){ce(),t.exports=r;var n=[`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`keygen`,`link`,`menuitem`,`meta`,`param`,`source`,`track`,`wbr`];function r(e){switch(e.nodeType){case 3:return u(e.data);case 8:return`<!--`+e.data+`-->`;default:return i(e)}}function i(e){var t=[],i=e.tagName;return e.namespaceURI===`http://www.w3.org/1999/xhtml`&&(i=i.toLowerCase()),t.push(`<`+i+l(e)+s(e)),n.indexOf(i)>-1?t.push(` />`):(t.push(`>`),e.childNodes.length?t.push.apply(t,e.childNodes.map(r)):e.textContent||e.innerText?t.push(u(e.textContent||e.innerText)):e.innerHTML&&t.push(e.innerHTML),t.push(`</`+i+`>`)),t.join(``)}function a(e,t){var n=se(e[t]);return t===`style`&&Object.keys(e.style).length>0?!0:e.hasOwnProperty(t)&&(n===`string`||n===`boolean`||n===`number`)&&t!==`nodeName`&&t!==`className`&&t!==`tagName`&&t!==`textContent`&&t!==`innerText`&&t!==`namespaceURI`&&t!==`innerHTML`}function o(e){if(typeof e==`string`)return e;var t=``;return Object.keys(e).forEach(function(n){var r=e[n];n=n.replace(/[A-Z]/g,function(e){return`-`+e.toLowerCase()}),t+=n+`:`+r+`;`}),t}function s(e){var t=e.dataset,n=[];for(var r in t)n.push({name:`data-`+r,value:t[r]});return n.length?c(n):``}function c(e){var t=[];return e.forEach(function(e){var n=e.name,r=e.value;n===`style`&&(r=o(r)),t.push(n+`="`+d(r)+`"`)}),t.length?` `+t.join(` `):``}function l(e){var t=[];for(var n in e)a(e,n)&&t.push({name:n,value:e[n]});for(var r in e._attributes)for(var i in e._attributes[r]){var o=e._attributes[r][i],s=(o.prefix?o.prefix+`:`:``)+i;t.push({name:s,value:o.value})}return e.className&&t.push({name:`class`,value:e.className}),t.length?c(t):``}function u(e){var t=``;return typeof e==`string`?t=e:e&&(t=e.toString()),t.replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`)}function d(e){return u(e).replace(/"/g,`"`)}}),ge=h(function(e,t){oe();var n=le(),r=fe(),i=pe(),a=me(),o=he(),s=`http://www.w3.org/1999/xhtml`;t.exports=c;function c(e,t,n){if(!ae(this,c))return new c(e);var r=n===void 0?s:n||null;this.tagName=r===s?String(e).toUpperCase():e,this.nodeName=this.tagName,this.className=``,this.dataset={},this.childNodes=[],this.parentNode=null,this.style={},this.ownerDocument=t||null,this.namespaceURI=r,this._attributes={},this.tagName===`INPUT`&&(this.type=`text`)}c.prototype.type=`DOMElement`,c.prototype.nodeType=1,c.prototype.appendChild=function(e){return e.parentNode&&e.parentNode.removeChild(e),this.childNodes.push(e),e.parentNode=this,e},c.prototype.replaceChild=function(e,t){e.parentNode&&e.parentNode.removeChild(e);var n=this.childNodes.indexOf(t);return t.parentNode=null,this.childNodes[n]=e,e.parentNode=this,t},c.prototype.removeChild=function(e){var t=this.childNodes.indexOf(e);return this.childNodes.splice(t,1),e.parentNode=null,e},c.prototype.insertBefore=function(e,t){e.parentNode&&e.parentNode.removeChild(e);var n=t==null?-1:this.childNodes.indexOf(t);return n>-1?this.childNodes.splice(n,0,e):this.childNodes.push(e),e.parentNode=this,e},c.prototype.setAttributeNS=function(e,t,n){var r=null,i=t,a=t.indexOf(`:`);if(a>-1&&(r=t.substr(0,a),i=t.substr(a+1)),this.tagName===`INPUT`&&t===`type`)this.type=n;else{var o=this._attributes[e]||(this._attributes[e]={});o[i]={value:n,prefix:r}}},c.prototype.getAttributeNS=function(e,t){var n=this._attributes[e],r=n&&n[t]&&n[t].value;return this.tagName===`INPUT`&&t===`type`?this.type:typeof r==`string`?r:null},c.prototype.removeAttributeNS=function(e,t){var n=this._attributes[e];n&&delete n[t]},c.prototype.hasAttributeNS=function(e,t){var n=this._attributes[e];return!!n&&t in n},c.prototype.setAttribute=function(e,t){return this.setAttributeNS(null,e,t)},c.prototype.getAttribute=function(e){return this.getAttributeNS(null,e)},c.prototype.removeAttribute=function(e){return this.removeAttributeNS(null,e)},c.prototype.hasAttribute=function(e){return this.hasAttributeNS(null,e)},c.prototype.removeEventListener=a,c.prototype.addEventListener=i,c.prototype.dispatchEvent=r,c.prototype.focus=function(){},c.prototype.toString=function(){return o(this)},c.prototype.getElementsByClassName=function(e){var t=e.split(` `),r=[];return n(this,function(e){if(e.nodeType===1){var n=(e.className||``).split(` `);t.every(function(e){return n.indexOf(e)!==-1})&&r.push(e)}}),r},c.prototype.getElementsByTagName=function(e){e=e.toLowerCase();var t=[];return n(this.childNodes,function(n){n.nodeType===1&&(e===`*`||n.tagName.toLowerCase()===e)&&t.push(n)}),t},c.prototype.contains=function(e){return n(this,function(t){return e===t})||!1}}),_e=h(function(e,t){oe();var n=ge();t.exports=r;function r(e){if(!ae(this,r))return new r;this.childNodes=[],this.parentNode=null,this.ownerDocument=e||null}r.prototype.type=`DocumentFragment`,r.prototype.nodeType=11,r.prototype.nodeName=`#document-fragment`,r.prototype.appendChild=n.prototype.appendChild,r.prototype.replaceChild=n.prototype.replaceChild,r.prototype.removeChild=n.prototype.removeChild,r.prototype.toString=function(){return this.childNodes.map(function(e){return String(e)}).join(``)}}),ve=h(function(e,t){t.exports=n;function n(e){}n.prototype.initEvent=function(e,t,n){this.type=e,this.bubbles=t,this.cancelable=n},n.prototype.preventDefault=function(){}}),ye=h(function(e,t){oe();var n=le(),r=ue(),i=de(),a=ge(),o=_e(),s=ve(),c=fe(),l=pe(),u=me();t.exports=d;function d(){if(!ae(this,d))return new d;this.head=this.createElement(`head`),this.body=this.createElement(`body`),this.documentElement=this.createElement(`html`),this.documentElement.appendChild(this.head),this.documentElement.appendChild(this.body),this.childNodes=[this.documentElement],this.nodeType=9}var f=d.prototype;f.createTextNode=function(e){return new i(e,this)},f.createElementNS=function(e,t){var n=e===null?null:String(e);return new a(t,this,n)},f.createElement=function(e){return new a(e,this)},f.createDocumentFragment=function(){return new o(this)},f.createEvent=function(e){return new s(e)},f.createComment=function(e){return new r(e,this)},f.getElementById=function(e){return e=String(e),n(this.childNodes,function(t){if(String(t.id)===e)return t})||null},f.getElementsByClassName=a.prototype.getElementsByClassName,f.getElementsByTagName=a.prototype.getElementsByTagName,f.contains=a.prototype.contains,f.removeEventListener=u,f.addEventListener=l,f.dispatchEvent=c}),be=h(function(e,t){t.exports=new(ye())}),xe=h(function(e,t){var n=s===void 0?typeof window<`u`?window:{}:s,r=be(),i;typeof document<`u`?i=document:(i=n[`__GLOBAL_DOCUMENT_CACHE@4`],i||=n[`__GLOBAL_DOCUMENT_CACHE@4`]=r),t.exports=i});function Se(e){if(Array.isArray(e))return e}function Ce(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r=[],i=!0,a=!1,o,s;try{for(n=n.call(e);!(i=(o=n.next()).done)&&(r.push(o.value),!(t&&r.length===t));i=!0);}catch(e){a=!0,s=e}finally{try{!i&&n.return!=null&&n.return()}finally{if(a)throw s}}return r}}function we(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
2
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Te(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Ee(e,t){if(e){if(typeof e==`string`)return Te(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(n);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Te(e,t)}}function De(e,t){return Se(e)||Ce(e,t)||Ee(e,t)||we()}var Oe=g(ie()),ke=g(ie()),Ae=g(ie()),je={now:function(){var e=Ae.default.performance,t=e&&e.timing,n=t&&t.navigationStart,r=typeof n==`number`&&typeof e.now==`function`?n+e.now():Date.now();return Math.round(r)}},Me=function(){var e,t;if(typeof ke.default.crypto?.getRandomValues==`function`){t=new Uint8Array(32),ke.default.crypto.getRandomValues(t);for(var n=0;n<32;n++)t[n]=t[n]%16}else{t=[];for(var r=0;r<32;r++)t[r]=Math.random()*16|0}var i=0;e=`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,function(e){var n=e===`x`?t[i]:t[i]&3|8;return i++,n.toString(16)});var a=je.now()?.toString(16).substring(3);return a?e.substring(0,28)+a:e},Ne=function(){return(`000000`+(Math.random()*36**6<<0).toString(36)).slice(-6)},Pe=function(e){if(e&&e.nodeName!==void 0)return e.muxId||=Ne(),e.muxId;var t;try{t=document.querySelector(e)}catch{}return t&&!t.muxId&&(t.muxId=e),t?.muxId||e},Fe=function(e){var t;e&&e.nodeName!==void 0?(t=e,e=Pe(t)):t=document.querySelector(e);var n=t&&t.nodeName?t.nodeName.toLowerCase():``;return[t,e,n]};function Ie(e){if(Array.isArray(e))return Te(e)}function Le(e){if(typeof Symbol<`u`&&e[Symbol.iterator]!=null||e[`@@iterator`]!=null)return Array.from(e)}function Re(){throw TypeError(`Invalid attempt to spread non-iterable instance.
|
|
3
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ze(e){return Ie(e)||Le(e)||Ee(e)||Re()}var Be={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},_=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:3,n,r,i,a,o,s=e?[console,e]:[console],c=(n=console.trace).bind.apply(n,ze(s)),l=(r=console.info).bind.apply(r,ze(s)),u=(i=console.debug).bind.apply(i,ze(s)),d=(a=console.warn).bind.apply(a,ze(s)),f=(o=console.error).bind.apply(o,ze(s)),p=t;return{trace:function(){var e=[...arguments];if(!(p>Be.TRACE))return c.apply(void 0,ze(e))},debug:function(){var e=[...arguments];if(!(p>Be.DEBUG))return u.apply(void 0,ze(e))},info:function(){var e=[...arguments];if(!(p>Be.INFO))return l.apply(void 0,ze(e))},warn:function(){var e=[...arguments];if(!(p>Be.WARN))return d.apply(void 0,ze(e))},error:function(){var e=[...arguments];if(!(p>Be.ERROR))return f.apply(void 0,ze(e))},get level(){return p},set level(e){e!==this.level&&(p=e??t)}}}(`[mux]`),Ve=g(ie());function He(){return(Ve.default.doNotTrack||Ve.default.navigator&&Ve.default.navigator.doNotTrack)===`1`}function v(e){if(e===void 0)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return e}oe();function Ue(e,t){if(!ae(e,t))throw TypeError(`Cannot call a class as a function`)}function We(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Ge(e,t,n){return t&&We(e.prototype,t),n&&We(e,n),e}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ke(e){return Ke=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Ke(e)}function qe(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&(e=Ke(e),e!==null););return e}function Je(e,t,n){return Je=typeof Reflect<`u`&&Reflect.get?Reflect.get:function(e,t,n){var r=qe(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(n||e):i.value}},Je(e,t,n||e)}function Ye(e,t){return Ye=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},Ye(e,t)}function Xe(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function`);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Ye(e,t)}function Ze(){if(typeof Reflect>`u`||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy==`function`)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}ce();function Qe(e,t){return t&&(se(t)===`object`||typeof t==`function`)?t:v(e)}function $e(e){var t=Ze();return function(){var n=Ke(e),r;if(t){var i=Ke(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return Qe(this,r)}}var et=function(e){return tt(e)[0]},tt=function(e){if(typeof e!=`string`||e===``)return[`localhost`];var t=(e.match(/^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/)||[])[4],n;return t&&(n=(t.match(/[^\.]+\.[^\.]+$/)||[])[0]),[t,n]},nt=g(ie()),rt={exists:function(){var e=nt.default.performance;return(e&&e.timing)!==void 0},domContentLoadedEventEnd:function(){var e=nt.default.performance,t=e&&e.timing;return t&&t.domContentLoadedEventEnd},navigationStart:function(){var e=nt.default.performance,t=e&&e.timing;return t&&t.navigationStart}};function it(e,t,n){n=n===void 0?1:n,e[t]=e[t]||0,e[t]+=n}function at(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t],r=Object.keys(n);typeof Object.getOwnPropertySymbols==`function`&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){y(e,t,n[t])})}return e}function ot(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function st(e,t){return t??={},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ot(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}var ct=[`x-cdn`,`content-type`],lt=[`x-request-id`,`cf-ray`,`x-amz-cf-id`,`x-akamai-request-id`],ut=ct.concat(lt);function dt(e){e||=``;var t={};return e.trim().split(/[\r\n]+/).forEach(function(e){if(e){var n=e.split(`: `),r=n.shift();r&&(ut.indexOf(r.toLowerCase())>=0||r.toLowerCase().indexOf(`x-litix-`)===0)&&(t[r]=n.join(`: `))}}),t}function ft(e){if(e){var t=lt.find(function(t){return e[t]!==void 0});return t?e[t]:void 0}}var pt=function(e){var t={};for(var n in e){var r=e[n];if(r[`DATA-ID`].search(`io.litix.data.`)!==-1){var i=r[`DATA-ID`].replace(`io.litix.data.`,``);t[i]=r.VALUE}}return t},mt=function(e){if(!e)return{};var t=rt.navigationStart(),n=e.loading,r=n?n.start:e.trequest,i=n?n.first:e.tfirst,a=n?n.end:e.tload;return{bytesLoaded:e.total,requestStart:Math.round(t+r),responseStart:Math.round(t+i),responseEnd:Math.round(t+a)}},ht=function(e){if(!(!e||typeof e.getAllResponseHeaders!=`function`))return dt(e.getAllResponseHeaders())},gt=function(e,t,n){arguments.length>3&&arguments[3]!==void 0&&arguments[3];var r=arguments.length>4?arguments[4]:void 0,i=e.log,a=e.utils.secondsToMs,o=function(e){var t=parseInt(r.version),n;return t===1&&e.programDateTime!==null&&(n=e.programDateTime),t===0&&e.pdt!==null&&(n=e.pdt),n};if(!rt.exists()){i.warn(`performance timing not supported. Not tracking HLS.js.`);return}var s=function(n,r){return e.emit(t,n,r)},c=function(e,t){var n=t.levels,r=t.audioTracks,i=t.url,a=t.stats,o=t.networkDetails,c=t.sessionData,l={},u={};n.forEach(function(e,t){l[t]={width:e.width,height:e.height,bitrate:e.bitrate,attrs:e.attrs}}),r.forEach(function(e,t){u[t]={name:e.name,language:e.lang,bitrate:e.bitrate}});var d=mt(a),f=d.bytesLoaded,p=d.requestStart,m=d.responseStart,ee=d.responseEnd;s(`requestcompleted`,st(at({},pt(c)),{request_event_type:e,request_bytes_loaded:f,request_start:p,request_response_start:m,request_response_end:ee,request_type:`manifest`,request_hostname:et(i),request_response_headers:ht(o),request_rendition_lists:{media:l,audio:u,video:{}}}))};n.on(r.Events.MANIFEST_LOADED,c);var l=function(e,t){var n=t.details,r=t.level,i=t.networkDetails,c=t.stats,l=mt(c),u=l.bytesLoaded,d=l.requestStart,f=l.responseStart,p=l.responseEnd,m=n.fragments[n.fragments.length-1],ee=o(m)+a(m.duration);s(`requestcompleted`,{request_event_type:e,request_bytes_loaded:u,request_start:d,request_response_start:f,request_response_end:p,request_current_level:r,request_type:`manifest`,request_hostname:et(n.url),request_response_headers:ht(i),video_holdback:n.holdBack&&a(n.holdBack),video_part_holdback:n.partHoldBack&&a(n.partHoldBack),video_part_target_duration:n.partTarget&&a(n.partTarget),video_target_duration:n.targetduration&&a(n.targetduration),video_source_is_live:n.live,player_manifest_newest_program_time:isNaN(ee)?void 0:ee})};n.on(r.Events.LEVEL_LOADED,l);var u=function(e,t){var n=t.details,r=t.networkDetails,i=t.stats,a=mt(i),o=a.bytesLoaded,c=a.requestStart,l=a.responseStart,u=a.responseEnd;s(`requestcompleted`,{request_event_type:e,request_bytes_loaded:o,request_start:c,request_response_start:l,request_response_end:u,request_type:`manifest`,request_hostname:et(n.url),request_response_headers:ht(r)})};n.on(r.Events.AUDIO_TRACK_LOADED,u);var d=function(e,t){var r=t.stats,i=t.networkDetails,a=t.frag;r||=a.stats;var o=mt(r),c=o.bytesLoaded,l=o.requestStart,u=o.responseStart,d=o.responseEnd,f=i?ht(i):void 0,p={request_event_type:e,request_bytes_loaded:c,request_start:l,request_response_start:u,request_response_end:d,request_hostname:i?et(i.responseURL):void 0,request_id:f?ft(f):void 0,request_response_headers:f,request_media_duration:a.duration,request_url:i?.responseURL};a.type===`main`?(p.request_type=`media`,p.request_current_level=a.level,p.request_video_width=(n.levels[a.level]||{}).width,p.request_video_height=(n.levels[a.level]||{}).height,p.request_labeled_bitrate=(n.levels[a.level]||{}).bitrate):p.request_type=a.type,s(`requestcompleted`,p)};n.on(r.Events.FRAG_LOADED,d);var f=function(e,t){var n=t.frag,r=n.start;s(`fragmentchange`,{currentFragmentPDT:o(n),currentFragmentStart:a(r)})};n.on(r.Events.FRAG_CHANGED,f);var p=function(e,t){var n=t.type,i=t.details,a=t.response,o=t.fatal,c=t.frag,l=t.networkDetails,u=c?.url||t.url||``,d=l?ht(l):void 0;(i===r.ErrorDetails.MANIFEST_LOAD_ERROR||i===r.ErrorDetails.MANIFEST_LOAD_TIMEOUT||i===r.ErrorDetails.FRAG_LOAD_ERROR||i===r.ErrorDetails.FRAG_LOAD_TIMEOUT||i===r.ErrorDetails.LEVEL_LOAD_ERROR||i===r.ErrorDetails.LEVEL_LOAD_TIMEOUT||i===r.ErrorDetails.AUDIO_TRACK_LOAD_ERROR||i===r.ErrorDetails.AUDIO_TRACK_LOAD_TIMEOUT||i===r.ErrorDetails.SUBTITLE_LOAD_ERROR||i===r.ErrorDetails.SUBTITLE_LOAD_TIMEOUT||i===r.ErrorDetails.KEY_LOAD_ERROR||i===r.ErrorDetails.KEY_LOAD_TIMEOUT)&&s(`requestfailed`,{request_error:i,request_url:u,request_hostname:et(u),request_id:d?ft(d):void 0,request_type:i===r.ErrorDetails.FRAG_LOAD_ERROR||i===r.ErrorDetails.FRAG_LOAD_TIMEOUT?`media`:i===r.ErrorDetails.AUDIO_TRACK_LOAD_ERROR||i===r.ErrorDetails.AUDIO_TRACK_LOAD_TIMEOUT?`audio`:i===r.ErrorDetails.SUBTITLE_LOAD_ERROR||i===r.ErrorDetails.SUBTITLE_LOAD_TIMEOUT?`subtitle`:i===r.ErrorDetails.KEY_LOAD_ERROR||i===r.ErrorDetails.KEY_LOAD_TIMEOUT?`encryption`:`manifest`,request_error_code:a?.code,request_error_text:a?.text}),o&&s(`error`,{player_error_code:n,player_error_message:i,player_error_context:`${u?`url: ${u}
|
|
4
|
-
`:``}${a&&(a.code||a.text)?`response: ${a.code}, ${a.text}
|
|
5
|
-
`:``}${t.reason?`failure reason: ${t.reason}
|
|
6
|
-
`:``}${t.level?`level: ${t.level}
|
|
7
|
-
`:``}${t.parent?`parent stream controller: ${t.parent}
|
|
8
|
-
`:``}${t.buffer?`buffer length: ${t.buffer}
|
|
9
|
-
`:``}${t.error?`error: ${t.error}
|
|
10
|
-
`:``}${t.event?`event: ${t.event}
|
|
11
|
-
`:``}${t.err?`error message: ${t.err?.message}
|
|
12
|
-
`:``}`})};n.on(r.Events.ERROR,p);var m=function(e,t){var n=t.frag,r=n&&n._url||``;s(`requestcanceled`,{request_event_type:e,request_url:r,request_type:`media`,request_hostname:et(r)})};n.on(r.Events.FRAG_LOAD_EMERGENCY_ABORTED,m);var ee=function(e,t){var r=t.level,a=n.levels[r];if(a&&a.attrs&&a.attrs.BANDWIDTH){var o=a.attrs.BANDWIDTH,c,l=parseFloat(a.attrs[`FRAME-RATE`]);isNaN(l)||(c=l),o?s(`renditionchange`,{video_source_fps:c,video_source_bitrate:o,video_source_width:a.width,video_source_height:a.height,video_source_rendition_name:a.name,video_source_codec:a?.videoCodec}):i.warn(`missing BANDWIDTH from HLS manifest parsed by HLS.js`)}};n.on(r.Events.LEVEL_SWITCHED,ee),n._stopMuxMonitor=function(){n.off(r.Events.MANIFEST_LOADED,c),n.off(r.Events.LEVEL_LOADED,l),n.off(r.Events.AUDIO_TRACK_LOADED,u),n.off(r.Events.FRAG_LOADED,d),n.off(r.Events.FRAG_CHANGED,f),n.off(r.Events.ERROR,p),n.off(r.Events.FRAG_LOAD_EMERGENCY_ABORTED,m),n.off(r.Events.LEVEL_SWITCHED,ee),n.off(r.Events.DESTROYING,n._stopMuxMonitor),delete n._stopMuxMonitor},n.on(r.Events.DESTROYING,n._stopMuxMonitor)},_t=function(e){e&&typeof e._stopMuxMonitor==`function`&&e._stopMuxMonitor()},vt=function(e,t){if(!e||!e.requestEndDate)return{};var n=et(e.url),r=e.url,i=e.bytesLoaded,a=new Date(e.requestStartDate).getTime(),o=new Date(e.firstByteDate).getTime(),s=new Date(e.requestEndDate).getTime(),c=isNaN(e.duration)?0:e.duration,l=typeof t.getMetricsFor==`function`?t.getMetricsFor(e.mediaType).HttpList:t.getDashMetrics().getHttpRequests(e.mediaType),u;l.length>0&&(u=dt(l[l.length-1]._responseHeaders||``));var d=u?ft(u):void 0;return{requestStart:a,requestResponseStart:o,requestResponseEnd:s,requestBytesLoaded:i,requestResponseHeaders:u,requestMediaDuration:c,requestHostname:n,requestUrl:r,requestId:d}},yt=function(e,t){var n=t.getQualityFor(e),r=t.getCurrentTrackFor(e).bitrateList;return r?{currentLevel:n,renditionWidth:r[n].width||null,renditionHeight:r[n].height||null,renditionBitrate:r[n].bandwidth}:{}},bt=function(e){return e.match(/.*codecs\*?="(.*)"/)?.[1]},xt=function(e){try{var t,n;return(n=e.getVersion)==null||(t=n.call(e))==null?void 0:t.split(`.`).map(function(e){return parseInt(e)})[0]}catch{return!1}},St=function(e,t,n){arguments.length>3&&arguments[3]!==void 0&&arguments[3];var r=e.log;if(!n||!n.on){r.warn(`Invalid dash.js player reference. Monitoring blocked.`);return}var i=xt(n),a=function(n,r){return e.emit(t,n,r)},o=function(e){var t=e.type,n=(e.data||{}).url;a(`requestcompleted`,{request_event_type:t,request_start:0,request_response_start:0,request_response_end:0,request_bytes_loaded:-1,request_type:`manifest`,request_hostname:et(n),request_url:n})};n.on(`manifestLoaded`,o);var s={},c=function(e){if(typeof e.getRequests!=`function`)return null;var t=e.getRequests({state:`executed`});return t.length===0?null:t[t.length-1]},l=function(e){var t=e.type,n=e.fragmentModel,r=e.chunk;u({type:t,request:c(n),chunk:r})},u=function(e){var t=e.type,r=e.chunk,i=e.request,o=(r||{}).mediaInfo||{},c=o.type,l=o.bitrateList;l||=[];var u={};l.forEach(function(e,t){u[t]={},u[t].width=e.width,u[t].height=e.height,u[t].bitrate=e.bandwidth,u[t].attrs={}}),c===`video`?s.video=u:c===`audio`?s.audio=u:s.media=u;var d=vt(i,n),f=d.requestStart,p=d.requestResponseStart,m=d.requestResponseEnd,ee=d.requestResponseHeaders,te=d.requestMediaDuration,ne=d.requestHostname,h=d.requestUrl,re=d.requestId;a(`requestcompleted`,{request_event_type:t,request_start:f,request_response_start:p,request_response_end:m,request_bytes_loaded:-1,request_type:c+`_init`,request_response_headers:ee,request_hostname:ne,request_id:re,request_url:h,request_media_duration:te,request_rendition_lists:s})};i>=4?n.on(`initFragmentLoaded`,u):n.on(`initFragmentLoaded`,l);var d=function(e){var t=e.type,n=e.fragmentModel,r=e.chunk;f({type:t,request:c(n),chunk:r})},f=function(e){var t=e.type,r=e.chunk,i=e.request,o=r||{},s=o.mediaInfo,c=o.start,l=(s||{}).type,u=vt(i,n),d=u.requestStart,f=u.requestResponseStart,p=u.requestResponseEnd,m=u.requestBytesLoaded,ee=u.requestResponseHeaders,te=u.requestMediaDuration,ne=u.requestHostname,h=u.requestUrl,re=u.requestId,g=yt(l,n),ie=g.currentLevel,ae=g.renditionWidth,oe=g.renditionHeight,se=g.renditionBitrate;a(`requestcompleted`,{request_event_type:t,request_start:d,request_response_start:f,request_response_end:p,request_bytes_loaded:m,request_type:l,request_response_headers:ee,request_hostname:ne,request_id:re,request_url:h,request_media_start_time:c,request_media_duration:te,request_current_level:ie,request_labeled_bitrate:se,request_video_width:ae,request_video_height:oe})};i>=4?n.on(`mediaFragmentLoaded`,f):n.on(`mediaFragmentLoaded`,d);var p={video:void 0,audio:void 0,totalBitrate:void 0},m=function(){if(p.video&&typeof p.video.bitrate==`number`){if(!(p.video.width&&p.video.height)){r.warn(`have bitrate info for video but missing width/height`);return}var e=p.video.bitrate;if(p.audio&&typeof p.audio.bitrate==`number`&&(e+=p.audio.bitrate),e!==p.totalBitrate)return p.totalBitrate=e,{video_source_bitrate:e,video_source_height:p.video.height,video_source_width:p.video.width,video_source_codec:bt(p.video.codec)}}},ee=function(e,t,i){if(typeof e.newQuality!=`number`){r.warn(`missing evt.newQuality in qualityChangeRendered event`,e);return}var o=e.mediaType;if(o===`audio`||o===`video`){var s=n.getBitrateInfoListFor(o).find(function(t){return t.qualityIndex===e.newQuality});if(!(s&&typeof s.bitrate==`number`)){r.warn(`missing bitrate info for ${o}`);return}p[o]=st(at({},s),{codec:n.getCurrentTrackFor(o).codec});var c=m();c&&a(`renditionchange`,c)}};n.on(`qualityChangeRendered`,ee);var te=function(e){var t=e.request,n=e.mediaType;t||={},a(`requestcanceled`,{request_event_type:t.type+`_`+t.action,request_url:t.url,request_type:n,request_hostname:et(t.url)})};n.on(`fragmentLoadingAbandoned`,te);var ne=function(e){var t=e.error,n,r,i=(t==null||(n=t.data)==null?void 0:n.request)||{},o=(t==null||(r=t.data)==null?void 0:r.response)||{};t?.code===27&&a(`requestfailed`,{request_error:i.type+`_`+i.action,request_url:i.url,request_hostname:et(i.url),request_type:i.mediaType,request_error_code:o.status,request_error_text:o.statusText});var s=`${i!=null&&i.url?`url: ${i.url}
|
|
13
|
-
`:``}${o!=null&&o.status||o!=null&&o.statusText?`response: ${o?.status}, ${o?.statusText}
|
|
14
|
-
`:``}`;a(`error`,{player_error_code:t?.code,player_error_message:t?.message,player_error_context:s})};n.on(`error`,ne),n._stopMuxMonitor=function(){n.off(`manifestLoaded`,o),n.off(`initFragmentLoaded`,u),n.off(`mediaFragmentLoaded`,f),n.off(`qualityChangeRendered`,ee),n.off(`error`,ne),n.off(`fragmentLoadingAbandoned`,te),delete n._stopMuxMonitor}},Ct=function(e){e&&typeof e._stopMuxMonitor==`function`&&e._stopMuxMonitor()},wt=0,Tt=function(){function e(){Ue(this,e),y(this,`_listeners`,void 0)}return Ge(e,[{key:`on`,value:function(e,t,n){return t._eventEmitterGuid=t._eventEmitterGuid||++wt,this._listeners=this._listeners||{},this._listeners[e]=this._listeners[e]||[],n&&(t=t.bind(n)),this._listeners[e].push(t),t}},{key:`off`,value:function(e,t){var n=this._listeners&&this._listeners[e];n&&n.forEach(function(e,r){e._eventEmitterGuid===t._eventEmitterGuid&&n.splice(r,1)})}},{key:`one`,value:function(e,t,n){var r=this;t._eventEmitterGuid=t._eventEmitterGuid||++wt;var i=function(){r.off(e,i),t.apply(n||this,arguments)};i._eventEmitterGuid=t._eventEmitterGuid,this.on(e,i)}},{key:`emit`,value:function(e,t){var n=this;if(this._listeners){t||={};var r=this._listeners[`before*`]||[],i=this._listeners[e]||[],a=this._listeners[`after`+e]||[],o=function(t,r){t=t.slice(),t.forEach(function(t){t.call(n,{type:e},r)})};o(r,t),o(i,t),o(a,t)}}}]),e}(),Et=g(ie()),Dt=function(){function e(t){var n=this;Ue(this,e),y(this,`_playbackHeartbeatInterval`,void 0),y(this,`_playheadShouldBeProgressing`,void 0),y(this,`pm`,void 0),this.pm=t,this._playbackHeartbeatInterval=null,this._playheadShouldBeProgressing=!1,t.on(`playing`,function(){n._playheadShouldBeProgressing=!0}),t.on(`play`,this._startPlaybackHeartbeatInterval.bind(this)),t.on(`playing`,this._startPlaybackHeartbeatInterval.bind(this)),t.on(`adbreakstart`,this._startPlaybackHeartbeatInterval.bind(this)),t.on(`adplay`,this._startPlaybackHeartbeatInterval.bind(this)),t.on(`adplaying`,this._startPlaybackHeartbeatInterval.bind(this)),t.on(`devicewake`,this._startPlaybackHeartbeatInterval.bind(this)),t.on(`viewstart`,this._startPlaybackHeartbeatInterval.bind(this)),t.on(`rebufferstart`,this._startPlaybackHeartbeatInterval.bind(this)),t.on(`pause`,this._stopPlaybackHeartbeatInterval.bind(this)),t.on(`ended`,this._stopPlaybackHeartbeatInterval.bind(this)),t.on(`viewend`,this._stopPlaybackHeartbeatInterval.bind(this)),t.on(`error`,this._stopPlaybackHeartbeatInterval.bind(this)),t.on(`aderror`,this._stopPlaybackHeartbeatInterval.bind(this)),t.on(`adpause`,this._stopPlaybackHeartbeatInterval.bind(this)),t.on(`adended`,this._stopPlaybackHeartbeatInterval.bind(this)),t.on(`adbreakend`,this._stopPlaybackHeartbeatInterval.bind(this)),t.on(`seeked`,function(){t.data.player_is_paused?n._stopPlaybackHeartbeatInterval():n._startPlaybackHeartbeatInterval()}),t.on(`timeupdate`,function(){n._playbackHeartbeatInterval!==null&&t.emit(`playbackheartbeat`)}),t.on(`devicesleep`,function(e,r){n._playbackHeartbeatInterval!==null&&(Et.default.clearInterval(n._playbackHeartbeatInterval),t.emit(`playbackheartbeatend`,{viewer_time:r.viewer_time}),n._playbackHeartbeatInterval=null)})}return Ge(e,[{key:`_startPlaybackHeartbeatInterval`,value:function(){var e=this;this._playbackHeartbeatInterval===null&&(this.pm.emit(`playbackheartbeat`),this._playbackHeartbeatInterval=Et.default.setInterval(function(){e.pm.emit(`playbackheartbeat`)},this.pm.playbackHeartbeatTime))}},{key:`_stopPlaybackHeartbeatInterval`,value:function(){this._playheadShouldBeProgressing=!1,this._playbackHeartbeatInterval!==null&&(Et.default.clearInterval(this._playbackHeartbeatInterval),this.pm.emit(`playbackheartbeatend`),this._playbackHeartbeatInterval=null)}}]),e}(),Ot=function e(t){var n=this;Ue(this,e),y(this,`viewErrored`,void 0),t.on(`viewinit`,function(){n.viewErrored=!1}),t.on(`error`,function(e,r){try{var i=t.errorTranslator({player_error_code:r.player_error_code,player_error_message:r.player_error_message,player_error_context:r.player_error_context,player_error_severity:r.player_error_severity,player_error_business_exception:r.player_error_business_exception});i&&(t.data.player_error_code=i.player_error_code||r.player_error_code,t.data.player_error_message=i.player_error_message||r.player_error_message,t.data.player_error_context=i.player_error_context||r.player_error_context,t.data.player_error_severity=i.player_error_severity||r.player_error_severity,t.data.player_error_business_exception=i.player_error_business_exception||r.player_error_business_exception,n.viewErrored=!0)}catch(e){t.mux.log.warn(`Exception in error translator callback.`,e),n.viewErrored=!0}}),t.on(`aftererror`,function(){var e,n,r,i,a;(e=t.data)==null||delete e.player_error_code,(n=t.data)==null||delete n.player_error_message,(r=t.data)==null||delete r.player_error_context,(i=t.data)==null||delete i.player_error_severity,(a=t.data)==null||delete a.player_error_business_exception})},kt=function(){function e(t){Ue(this,e),y(this,`_watchTimeTrackerLastCheckedTime`,void 0),y(this,`pm`,void 0),this.pm=t,this._watchTimeTrackerLastCheckedTime=null,t.on(`playbackheartbeat`,this._updateWatchTime.bind(this)),t.on(`playbackheartbeatend`,this._clearWatchTimeState.bind(this))}return Ge(e,[{key:`_updateWatchTime`,value:function(e,t){var n=t.viewer_time;this._watchTimeTrackerLastCheckedTime===null&&(this._watchTimeTrackerLastCheckedTime=n),it(this.pm.data,`view_watch_time`,n-this._watchTimeTrackerLastCheckedTime),this._watchTimeTrackerLastCheckedTime=n}},{key:`_clearWatchTimeState`,value:function(e,t){this._updateWatchTime(e,t),this._watchTimeTrackerLastCheckedTime=null}}]),e}(),At=function(){function e(t){var n=this;Ue(this,e),y(this,`_playbackTimeTrackerLastPlayheadPosition`,void 0),y(this,`_lastTime`,void 0),y(this,`_isAdPlaying`,void 0),y(this,`_callbackUpdatePlaybackTime`,void 0),y(this,`pm`,void 0),this.pm=t,this._playbackTimeTrackerLastPlayheadPosition=-1,this._lastTime=je.now(),this._isAdPlaying=!1,this._callbackUpdatePlaybackTime=null;var r=this._startPlaybackTimeTracking.bind(this);t.on(`playing`,r),t.on(`adplaying`,r),t.on(`seeked`,r);var i=this._stopPlaybackTimeTracking.bind(this);t.on(`playbackheartbeatend`,i),t.on(`seeking`,i),t.on(`adplaying`,function(){n._isAdPlaying=!0}),t.on(`adended`,function(){n._isAdPlaying=!1}),t.on(`adpause`,function(){n._isAdPlaying=!1}),t.on(`adbreakstart`,function(){n._isAdPlaying=!1}),t.on(`adbreakend`,function(){n._isAdPlaying=!1}),t.on(`adplay`,function(){n._isAdPlaying=!1}),t.on(`viewinit`,function(){n._playbackTimeTrackerLastPlayheadPosition=-1,n._lastTime=je.now(),n._isAdPlaying=!1,n._callbackUpdatePlaybackTime=null})}return Ge(e,[{key:`_startPlaybackTimeTracking`,value:function(){this._callbackUpdatePlaybackTime===null&&(this._callbackUpdatePlaybackTime=this._updatePlaybackTime.bind(this),this._playbackTimeTrackerLastPlayheadPosition=this.pm.data.player_playhead_time,this.pm.on(`playbackheartbeat`,this._callbackUpdatePlaybackTime))}},{key:`_stopPlaybackTimeTracking`,value:function(){this._callbackUpdatePlaybackTime&&(this._updatePlaybackTime(),this.pm.off(`playbackheartbeat`,this._callbackUpdatePlaybackTime),this._callbackUpdatePlaybackTime=null,this._playbackTimeTrackerLastPlayheadPosition=-1)}},{key:`_updatePlaybackTime`,value:function(){var e=this.pm.data.player_playhead_time,t=je.now(),n=-1;this._playbackTimeTrackerLastPlayheadPosition>=0&&e>this._playbackTimeTrackerLastPlayheadPosition?n=e-this._playbackTimeTrackerLastPlayheadPosition:this._isAdPlaying&&(n=t-this._lastTime),n>0&&n<=1e3&&it(this.pm.data,`view_content_playback_time`,n),this._playbackTimeTrackerLastPlayheadPosition=e,this._lastTime=t}}]),e}(),jt=function(){function e(t){Ue(this,e),y(this,`pm`,void 0),this.pm=t;var n=this._updatePlayheadTime.bind(this);t.on(`playbackheartbeat`,n),t.on(`playbackheartbeatend`,n),t.on(`timeupdate`,n),t.on(`destroy`,function(){t.off(`timeupdate`,n)})}return Ge(e,[{key:`_updateMaxPlayheadPosition`,value:function(){this.pm.data.view_max_playhead_position=this.pm.data.view_max_playhead_position===void 0?this.pm.data.player_playhead_time:Math.max(this.pm.data.view_max_playhead_position,this.pm.data.player_playhead_time)}},{key:`_updatePlayheadTime`,value:function(e,t){var n=this,r=function(){n.pm.currentFragmentPDT&&n.pm.currentFragmentStart&&(n.pm.data.player_program_time=n.pm.currentFragmentPDT+n.pm.data.player_playhead_time-n.pm.currentFragmentStart)};if(t&&t.player_playhead_time)this.pm.data.player_playhead_time=t.player_playhead_time,r(),this._updateMaxPlayheadPosition();else if(this.pm.getPlayheadTime){var i=this.pm.getPlayheadTime();i!==void 0&&(this.pm.data.player_playhead_time=i,r(),this._updateMaxPlayheadPosition())}}}]),e}(),Mt=300*1e3,Nt=function e(t){if(Ue(this,e),!t.disableRebufferTracking){var n,r=function(e,t){i(t),n=void 0},i=function(e){if(n){var r=e.viewer_time-n;it(t.data,`view_rebuffer_duration`,r),n=e.viewer_time,t.data.view_rebuffer_duration>Mt&&(t.emit(`viewend`),t.send(`viewend`),t.mux.log.warn(`Ending view after rebuffering for longer than ${Mt}ms, future events will be ignored unless a programchange or videochange occurs.`))}t.data.view_watch_time>=0&&t.data.view_rebuffer_count>0&&(t.data.view_rebuffer_frequency=t.data.view_rebuffer_count/t.data.view_watch_time,t.data.view_rebuffer_percentage=t.data.view_rebuffer_duration/t.data.view_watch_time)};t.on(`playbackheartbeat`,function(e,t){return i(t)}),t.on(`rebufferstart`,function(e,i){n||(it(t.data,`view_rebuffer_count`,1),n=i.viewer_time,t.one(`rebufferend`,r))}),t.on(`viewinit`,function(){n=void 0,t.off(`rebufferend`,r)})}},Pt=function(){function e(t){var n=this;Ue(this,e),y(this,`_lastCheckedTime`,void 0),y(this,`_lastPlayheadTime`,void 0),y(this,`_lastPlayheadTimeUpdatedTime`,void 0),y(this,`_rebuffering`,void 0),y(this,`pm`,void 0),this.pm=t,!(t.disableRebufferTracking||t.disablePlayheadRebufferTracking)&&(this._lastCheckedTime=null,this._lastPlayheadTime=null,this._lastPlayheadTimeUpdatedTime=null,t.on(`playbackheartbeat`,this._checkIfRebuffering.bind(this)),t.on(`playbackheartbeatend`,this._cleanupRebufferTracker.bind(this)),t.on(`seeking`,function(){n._cleanupRebufferTracker(null,{viewer_time:je.now()})}))}return Ge(e,[{key:`_checkIfRebuffering`,value:function(e,t){if(this.pm.seekingTracker.isSeeking||this.pm.adTracker.isAdBreak||!this.pm.playbackHeartbeat._playheadShouldBeProgressing){this._cleanupRebufferTracker(e,t);return}if(this._lastCheckedTime===null){this._prepareRebufferTrackerState(t.viewer_time);return}if(this._lastPlayheadTime!==this.pm.data.player_playhead_time){this._cleanupRebufferTracker(e,t,!0);return}var n=t.viewer_time-this._lastPlayheadTimeUpdatedTime;typeof this.pm.sustainedRebufferThreshold==`number`&&n>=this.pm.sustainedRebufferThreshold&&(this._rebuffering||(this._rebuffering=!0,this.pm.emit(`rebufferstart`,{viewer_time:this._lastPlayheadTimeUpdatedTime}))),this._lastCheckedTime=t.viewer_time}},{key:`_clearRebufferTrackerState`,value:function(){this._lastCheckedTime=null,this._lastPlayheadTime=null,this._lastPlayheadTimeUpdatedTime=null}},{key:`_prepareRebufferTrackerState`,value:function(e){this._lastCheckedTime=e,this._lastPlayheadTime=this.pm.data.player_playhead_time,this._lastPlayheadTimeUpdatedTime=e}},{key:`_cleanupRebufferTracker`,value:function(e,t){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1;if(this._rebuffering)this._rebuffering=!1,this.pm.emit(`rebufferend`,{viewer_time:t.viewer_time});else{if(this._lastCheckedTime===null)return;var r=this.pm.data.player_playhead_time-this._lastPlayheadTime,i=t.viewer_time-this._lastPlayheadTimeUpdatedTime;typeof this.pm.minimumRebufferDuration==`number`&&r>0&&i-r>this.pm.minimumRebufferDuration&&(this._lastCheckedTime=null,this.pm.emit(`rebufferstart`,{viewer_time:this._lastPlayheadTimeUpdatedTime}),this.pm.emit(`rebufferend`,{viewer_time:this._lastPlayheadTimeUpdatedTime+i-r}))}n?this._prepareRebufferTrackerState(t.viewer_time):this._clearRebufferTrackerState()}}]),e}(),Ft=function(){function e(t){var n=this;Ue(this,e),y(this,`NAVIGATION_START`,void 0),y(this,`pm`,void 0),this.pm=t,t.on(`viewinit`,function(){var e=t.data,r=e.view_id;if(!e.view_program_changed){var i=function(e,i){var a=i.viewer_time;(e.type===`playing`&&t.data.view_time_to_first_frame===void 0||e.type===`adplaying`&&(t.data.view_time_to_first_frame===void 0||n._inPrerollPosition()))&&n.calculateTimeToFirstFrame(a||je.now(),r)};t.one(`playing`,i),t.one(`adplaying`,i),t.one(`viewend`,function(){t.off(`playing`,i),t.off(`adplaying`,i)})}})}return Ge(e,[{key:`_inPrerollPosition`,value:function(){return this.pm.data.view_content_playback_time===void 0||this.pm.data.view_content_playback_time<=1e3}},{key:`calculateTimeToFirstFrame`,value:function(e,t){t===this.pm.data.view_id&&(this.pm.watchTimeTracker._updateWatchTime(null,{viewer_time:e}),this.pm.data.view_time_to_first_frame=this.pm.data.view_watch_time,(this.pm.data.player_autoplay_on||this.pm.data.video_is_autoplay)&&this.NAVIGATION_START&&(this.pm.data.view_aggregate_startup_time=this.pm.data.view_start+this.pm.data.view_watch_time-this.NAVIGATION_START))}}]),e}(),It=function e(t){var n=this;Ue(this,e),y(this,`_lastPlayerHeight`,void 0),y(this,`_lastPlayerWidth`,void 0),y(this,`_lastPlayheadPosition`,void 0),y(this,`_lastSourceHeight`,void 0),y(this,`_lastSourceWidth`,void 0),t.on(`viewinit`,function(){n._lastPlayheadPosition=-1}),[`pause`,`rebufferstart`,`seeking`,`error`,`adbreakstart`,`hb`,`renditionchange`,`orientationchange`,`viewend`].forEach(function(e){t.on(e,function(){if(n._lastPlayheadPosition>=0&&t.data.player_playhead_time>=0&&n._lastPlayerWidth>=0&&n._lastSourceWidth>0&&n._lastPlayerHeight>=0&&n._lastSourceHeight>0){var e=t.data.player_playhead_time-n._lastPlayheadPosition;if(e<0){n._lastPlayheadPosition=-1;return}var r=Math.min(n._lastPlayerWidth/n._lastSourceWidth,n._lastPlayerHeight/n._lastSourceHeight),i=Math.max(0,r-1),a=Math.max(0,1-r);t.data.view_max_upscale_percentage=Math.max(t.data.view_max_upscale_percentage||0,i),t.data.view_max_downscale_percentage=Math.max(t.data.view_max_downscale_percentage||0,a),it(t.data,`view_total_content_playback_time`,e),it(t.data,`view_total_upscaling`,i*e),it(t.data,`view_total_downscaling`,a*e)}n._lastPlayheadPosition=-1})}),[`playing`,`hb`,`renditionchange`,`orientationchange`].forEach(function(e){t.on(e,function(){n._lastPlayheadPosition=t.data.player_playhead_time,n._lastPlayerWidth=t.data.player_width,n._lastPlayerHeight=t.data.player_height,n._lastSourceWidth=t.data.video_source_width,n._lastSourceHeight=t.data.video_source_height})})},Lt=2e3,Rt=function e(t){var n=this;Ue(this,e),y(this,`isSeeking`,void 0),this.isSeeking=!1;var r=-1,i=function(){var e=je.now(),i=(t.data.viewer_time||e)-(r||e);it(t.data,`view_seek_duration`,i),t.data.view_max_seek_time=Math.max(t.data.view_max_seek_time||0,i),n.isSeeking=!1,r=-1};t.on(`seeking`,function(e,a){if(Object.assign(t.data,a),n.isSeeking&&a.viewer_time-r<=Lt){r=a.viewer_time;return}n.isSeeking&&i(),n.isSeeking=!0,r=a.viewer_time,it(t.data,`view_seek_count`,1),t.send(`seeking`)}),t.on(`seeked`,function(){i()}),t.on(`viewend`,function(){n.isSeeking&&(i(),t.send(`seeked`)),n.isSeeking=!1,r=-1})},zt=function(e,t){e.push(t),e.sort(function(e,t){return e.viewer_time-t.viewer_time})},Bt=[`adbreakstart`,`adrequest`,`adresponse`,`adplay`,`adplaying`,`adpause`,`adended`,`adbreakend`,`aderror`,`adclicked`,`adskipped`],Vt=function(){function e(t){var n=this;Ue(this,e),y(this,`_adHasPlayed`,void 0),y(this,`_adRequests`,void 0),y(this,`_adResponses`,void 0),y(this,`_currentAdRequestNumber`,void 0),y(this,`_currentAdResponseNumber`,void 0),y(this,`_prerollPlayTime`,void 0),y(this,`_wouldBeNewAdPlay`,void 0),y(this,`isAdBreak`,void 0),y(this,`pm`,void 0),this.pm=t,t.on(`viewinit`,function(){n.isAdBreak=!1,n._currentAdRequestNumber=0,n._currentAdResponseNumber=0,n._adRequests=[],n._adResponses=[],n._adHasPlayed=!1,n._wouldBeNewAdPlay=!0,n._prerollPlayTime=void 0}),Bt.forEach(function(e){return t.on(e,n._updateAdData.bind(n))});var r=function(){n.isAdBreak=!1};t.on(`adbreakstart`,function(){n.isAdBreak=!0}),t.on(`play`,r),t.on(`playing`,r),t.on(`viewend`,r),t.on(`adrequest`,function(e,r){r=Object.assign({ad_request_id:`generatedAdRequestId`+n._currentAdRequestNumber++},r),zt(n._adRequests,r),it(t.data,`view_ad_request_count`),n.inPrerollPosition()&&(t.data.view_preroll_requested=!0,n._adHasPlayed||it(t.data,`view_preroll_request_count`))}),t.on(`adresponse`,function(e,r){r=Object.assign({ad_request_id:`generatedAdRequestId`+n._currentAdResponseNumber++},r),zt(n._adResponses,r);var i=n.findAdRequest(r.ad_request_id);i&&it(t.data,`view_ad_request_time`,Math.max(0,r.viewer_time-i.viewer_time))}),t.on(`adplay`,function(e,r){n._adHasPlayed=!0,n._wouldBeNewAdPlay&&(n._wouldBeNewAdPlay=!1,it(t.data,`view_ad_played_count`)),n.inPrerollPosition()&&!t.data.view_preroll_played&&(t.data.view_preroll_played=!0,n._adRequests.length>0&&(t.data.view_preroll_request_time=Math.max(0,r.viewer_time-n._adRequests[0].viewer_time)),t.data.view_start&&(t.data.view_startup_preroll_request_time=Math.max(0,r.viewer_time-t.data.view_start)),n._prerollPlayTime=r.viewer_time)}),t.on(`adplaying`,function(e,r){n.inPrerollPosition()&&t.data.view_preroll_load_time===void 0&&n._prerollPlayTime!==void 0&&(t.data.view_preroll_load_time=r.viewer_time-n._prerollPlayTime,t.data.view_startup_preroll_load_time=r.viewer_time-n._prerollPlayTime)}),t.on(`adclicked`,function(e,r){n._wouldBeNewAdPlay||it(t.data,`view_ad_clicked_count`)}),t.on(`adskipped`,function(e,r){n._wouldBeNewAdPlay||it(t.data,`view_ad_skipped_count`)}),t.on(`adended`,function(){n._wouldBeNewAdPlay=!0}),t.on(`aderror`,function(){n._wouldBeNewAdPlay=!0})}return Ge(e,[{key:`inPrerollPosition`,value:function(){return this.pm.data.view_content_playback_time===void 0||this.pm.data.view_content_playback_time<=1e3}},{key:`findAdRequest`,value:function(e){for(var t=0;t<this._adRequests.length;t++)if(this._adRequests[t].ad_request_id===e)return this._adRequests[t]}},{key:`_updateAdData`,value:function(e,t){if(this.inPrerollPosition()){if(!this.pm.data.view_preroll_ad_tag_hostname&&t.ad_tag_url){var n=De(tt(t.ad_tag_url),2),r=n[0],i=n[1];this.pm.data.view_preroll_ad_tag_domain=i,this.pm.data.view_preroll_ad_tag_hostname=r}if(!this.pm.data.view_preroll_ad_asset_hostname&&t.ad_asset_url){var a=De(tt(t.ad_asset_url),2),o=a[0],s=a[1];this.pm.data.view_preroll_ad_asset_domain=s,this.pm.data.view_preroll_ad_asset_hostname=o}}this.pm.data.ad_asset_url=t?.ad_asset_url,this.pm.data.ad_tag_url=t?.ad_tag_url,this.pm.data.ad_creative_id=t?.ad_creative_id,this.pm.data.ad_id=t?.ad_id,this.pm.data.ad_universal_id=t?.ad_universal_id}}]),e}(),Ht=g(ie()),Ut=function e(t){Ue(this,e);var n,r,i=function(){t.disableRebufferTracking||(it(t.data,`view_waiting_rebuffer_count`,1),n=je.now(),r=Ht.default.setInterval(function(){if(n){var e=je.now();it(t.data,`view_waiting_rebuffer_duration`,e-n),n=e}},250))},a=function(){t.disableRebufferTracking||n&&(it(t.data,`view_waiting_rebuffer_duration`,je.now()-n),n=!1,Ht.default.clearInterval(r))},o=!1,s=function(){o=!0},c=function(){o=!1,a()};t.on(`waiting`,function(){o&&i()}),t.on(`playing`,function(){a(),s()}),t.on(`pause`,c),t.on(`seeking`,c)},Wt=function e(t){var n=this;Ue(this,e),y(this,`lastWallClockTime`,void 0);var r=function(){n.lastWallClockTime=je.now(),t.on(`before*`,i)},i=function(e){var r=je.now(),i=n.lastWallClockTime;n.lastWallClockTime=r,r-i>3e4&&(t.emit(`devicesleep`,{viewer_time:i}),Object.assign(t.data,{viewer_time:i}),t.send(`devicesleep`),t.emit(`devicewake`,{viewer_time:r}),Object.assign(t.data,{viewer_time:r}),t.send(`devicewake`))};t.one(`playbackheartbeat`,r),t.on(`playbackheartbeatend`,function(){t.off(`before*`,i),t.one(`playbackheartbeat`,r)})},Gt=g(ie()),Kt=function(e){return e()}(function(){var e=function(){for(var e=0,t={};e<arguments.length;e++){var n=arguments[e];for(var r in n)t[r]=n[r]}return t};function t(n){function r(t,i,a){var o;if(typeof document<`u`){if(arguments.length>1){if(a=e({path:`/`},r.defaults,a),typeof a.expires==`number`){var s=new Date;s.setMilliseconds(s.getMilliseconds()+a.expires*864e5),a.expires=s}try{o=JSON.stringify(i),/^[\{\[]/.test(o)&&(i=o)}catch{}return i=n.write?n.write(i,t):encodeURIComponent(String(i)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),t=encodeURIComponent(String(t)),t=t.replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent),t=t.replace(/[\(\)]/g,escape),document.cookie=[t,`=`,i,a.expires?`; expires=`+a.expires.toUTCString():``,a.path?`; path=`+a.path:``,a.domain?`; domain=`+a.domain:``,a.secure?`; secure`:``].join(``)}t||(o={});for(var c=document.cookie?document.cookie.split(`; `):[],l=/(%[0-9A-Z]{2})+/g,u=0;u<c.length;u++){var d=c[u].split(`=`),f=d.slice(1).join(`=`);f.charAt(0)===`"`&&(f=f.slice(1,-1));try{var p=d[0].replace(l,decodeURIComponent);if(f=n.read?n.read(f,p):n(f,p)||f.replace(l,decodeURIComponent),this.json)try{f=JSON.parse(f)}catch{}if(t===p){o=f;break}t||(o[p]=f)}catch{}}return o}}return r.set=r,r.get=function(e){return r.call(r,e)},r.getJSON=function(){return r.apply({json:!0},[].slice.call(arguments))},r.defaults={},r.remove=function(t,n){r(t,``,e(n,{expires:-1}))},r.withConverter=t,r}return t(function(){})}),qt=`muxData`,Jt=function(e){return Object.entries(e).map(function(e){var t=De(e,2);return`${t[0]}=${t[1]}`}).join(`&`)},Yt=function(e){return e.split(`&`).reduce(function(e,t){var n=De(t.split(`=`),2),r=n[0],i=n[1],a=+i;return e[r]=i&&a==i?a:i,e},{})},Xt=function(){var e;try{e=Yt(Kt.get(qt)||``)}catch{e={}}return e},Zt=function(e){try{Kt.set(qt,Jt(e),{expires:365})}catch{}},Qt=function(){var e=Xt();return e.mux_viewer_id=e.mux_viewer_id||Me(),e.msn=e.msn||Math.random(),Zt(e),{mux_viewer_id:e.mux_viewer_id,mux_sample_number:e.msn}},$t=function(){var e=Xt(),t=je.now();return e.session_start&&(e.sst=e.session_start,delete e.session_start),e.session_id&&(e.sid=e.session_id,delete e.session_id),e.session_expires&&(e.sex=e.session_expires,delete e.session_expires),(!e.sex||e.sex<t)&&(e.sid=Me(),e.sst=t),e.sex=t+1500*1e3,Zt(e),{session_id:e.sid,session_start:e.sst,session_expires:e.sex}};function en(e,t){var n=t.beaconCollectionDomain,r=t.beaconDomain;if(n)return`https://`+n;e||=`inferred`;var i=r||`litix.io`;return e.match(/^[a-z0-9]+$/)?`https://`+e+`.`+i:`https://img.litix.io/a.gif`}var tn=g(ie()),nn=function(){var e;switch(rn()){case`cellular`:e=`cellular`;break;case`ethernet`:e=`wired`;break;case`wifi`:e=`wifi`;break;case void 0:break;default:e=`other`}return e},rn=function(){var e=tn.default.navigator,t=e&&(e.connection||e.mozConnection||e.webkitConnection);return t&&t.type};nn.getConnectionFromAPI=rn;var an=nn,on=cn({a:`env`,b:`beacon`,c:`custom`,d:`ad`,e:`event`,f:`experiment`,i:`internal`,m:`mux`,n:`response`,p:`player`,q:`request`,r:`retry`,s:`session`,t:`timestamp`,u:`viewer`,v:`video`,w:`page`,x:`view`,y:`sub`}),sn=cn({ad:`ad`,af:`affiliate`,ag:`aggregate`,ap:`api`,al:`application`,ao:`audio`,ar:`architecture`,as:`asset`,au:`autoplay`,av:`average`,bi:`bitrate`,bn:`brand`,br:`break`,bw:`browser`,by:`bytes`,bz:`business`,ca:`cached`,cb:`cancel`,cc:`codec`,cd:`code`,cg:`category`,ch:`changed`,ci:`client`,ck:`clicked`,cl:`canceled`,cn:`config`,co:`count`,ce:`counter`,cp:`complete`,cq:`creator`,cr:`creative`,cs:`captions`,ct:`content`,cu:`current`,cx:`connection`,cz:`context`,dg:`downscaling`,dm:`domain`,dn:`cdn`,do:`downscale`,dr:`drm`,dp:`dropped`,du:`duration`,dv:`device`,dy:`dynamic`,eb:`enabled`,ec:`encoding`,ed:`edge`,en:`end`,eg:`engine`,em:`embed`,er:`error`,ep:`experiments`,es:`errorcode`,et:`errortext`,ee:`event`,ev:`events`,ex:`expires`,ez:`exception`,fa:`failed`,fi:`first`,fm:`family`,ft:`format`,fp:`fps`,fq:`frequency`,fr:`frame`,fs:`fullscreen`,ha:`has`,hb:`holdback`,he:`headers`,ho:`host`,hn:`hostname`,ht:`height`,id:`id`,ii:`init`,in:`instance`,ip:`ip`,is:`is`,ke:`key`,la:`language`,lb:`labeled`,le:`level`,li:`live`,ld:`loaded`,lo:`load`,ls:`lists`,lt:`latency`,ma:`max`,md:`media`,me:`message`,mf:`manifest`,mi:`mime`,ml:`midroll`,mm:`min`,mn:`manufacturer`,mo:`model`,mx:`mux`,ne:`newest`,nm:`name`,no:`number`,on:`on`,or:`origin`,os:`os`,pa:`paused`,pb:`playback`,pd:`producer`,pe:`percentage`,pf:`played`,pg:`program`,ph:`playhead`,pi:`plugin`,pl:`preroll`,pn:`playing`,po:`poster`,pp:`pip`,pr:`preload`,ps:`position`,pt:`part`,py:`property`,px:`pop`,pz:`plan`,ra:`rate`,rd:`requested`,re:`rebuffer`,rf:`rendition`,rg:`range`,rm:`remote`,ro:`ratio`,rp:`response`,rq:`request`,rs:`requests`,sa:`sample`,sd:`skipped`,se:`session`,sh:`shift`,sk:`seek`,sm:`stream`,so:`source`,sq:`sequence`,sr:`series`,ss:`status`,st:`start`,su:`startup`,sv:`server`,sw:`software`,sy:`severity`,ta:`tag`,tc:`tech`,te:`text`,tg:`target`,th:`throughput`,ti:`time`,tl:`total`,to:`to`,tt:`title`,ty:`type`,ug:`upscaling`,un:`universal`,up:`upscale`,ur:`url`,us:`user`,va:`variant`,vd:`viewed`,vi:`video`,ve:`version`,vw:`view`,vr:`viewer`,wd:`width`,wa:`watch`,wt:`waiting`});function cn(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}function ln(e){var t={},n={};return Object.keys(e).forEach(function(r){var i=!1;if(e.hasOwnProperty(r)&&e[r]!==void 0){var a=r.split(`_`),o=a[0],s=on[o];s||=(_.info("Data key word `"+a[0]+"` not expected in "+r),o+`_`),a.splice(1).forEach(function(e){e===`url`&&(i=!0),sn[e]?s+=sn[e]:Number.isInteger(Number(e))?s+=e:(_.info("Data key word `"+e+"` not expected in "+r),s+=`_`+e+`_`)}),i?n[s]=e[r]:t[s]=e[r]}}),Object.assign(t,n)}var un=g(ie()),dn=g(xe()),fn={maxBeaconSize:300,maxQueueLength:3600,baseTimeBetweenBeacons:1e4,maxPayloadKBSize:500},pn=56*1024,mn=[`hb`,`requestcompleted`,`requestfailed`,`requestcanceled`],hn=`https://img.litix.io`,gn=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};this._beaconUrl=e||hn,this._eventQueue=[],this._postInFlight=!1,this._resendAfterPost=!1,this._failureCount=0,this._sendTimeout=!1,this._options=Object.assign({},fn,t)};gn.prototype.queueEvent=function(e,t){var n=Object.assign({},t);return this._eventQueue.length<=this._options.maxQueueLength||e===`eventrateexceeded`?(this._eventQueue.push(n),this._sendTimeout||this._startBeaconSending(),this._eventQueue.length<=this._options.maxQueueLength):!1},gn.prototype.flushEvents=function(){if(arguments.length>0&&arguments[0]!==void 0&&arguments[0]&&this._eventQueue.length===1){this._eventQueue.pop();return}this._eventQueue.length&&this._sendBeaconQueue(),this._startBeaconSending()},gn.prototype.destroy=function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this.destroyed=!0,e?this._clearBeaconQueue():this.flushEvents(),un.default.clearTimeout(this._sendTimeout)},gn.prototype._clearBeaconQueue=function(){var e=this._eventQueue.length>this._options.maxBeaconSize?this._eventQueue.length-this._options.maxBeaconSize:0,t=this._eventQueue.slice(e);e>0&&Object.assign(t[t.length-1],ln({mux_view_message:`event queue truncated`}));var n=this._createPayload(t);vn(this._beaconUrl,n,!0,function(){})},gn.prototype._sendBeaconQueue=function(){var e=this;if(this._postInFlight){this._resendAfterPost=!0;return}var t=this._eventQueue.slice(0,this._options.maxBeaconSize);this._eventQueue=this._eventQueue.slice(this._options.maxBeaconSize),this._postInFlight=!0;var n=this._createPayload(t),r=je.now();vn(this._beaconUrl,n,!1,function(n,i){i?(e._eventQueue=t.concat(e._eventQueue),e._failureCount+=1,_.info(`Error sending beacon: `+i)):e._failureCount=0,e._roundTripTime=je.now()-r,e._postInFlight=!1,e._resendAfterPost&&(e._resendAfterPost=!1,e._eventQueue.length>0&&e._sendBeaconQueue())})},gn.prototype._getNextBeaconTime=function(){if(!this._failureCount)return this._options.baseTimeBetweenBeacons;var e=2**(this._failureCount-1);return e*=Math.random(),(1+e)*this._options.baseTimeBetweenBeacons},gn.prototype._startBeaconSending=function(){var e=this;un.default.clearTimeout(this._sendTimeout),!this.destroyed&&(this._sendTimeout=un.default.setTimeout(function(){e._eventQueue.length&&e._sendBeaconQueue(),e._startBeaconSending()},this._getNextBeaconTime()))},gn.prototype._createPayload=function(e){var t=this,n={transmission_timestamp:Math.round(je.now())};this._roundTripTime&&(n.rtt_ms=Math.round(this._roundTripTime));var r,i,a,o=function(){r=JSON.stringify({metadata:n,events:i||e}),a=r.length/1024},s=function(){return a<=t._options.maxPayloadKBSize};return o(),s()||(_.info(`Payload size is too big (`+a+` kb). Removing unnecessary events.`),i=e.filter(function(e){return mn.indexOf(e.e)===-1}),o()),s()||(_.info(`Payload size still too big (`+a+` kb). Cropping fields..`),i.forEach(function(e){for(var t in e){var n=e[t],r=50*1024;typeof n==`string`&&n.length>r&&(e[t]=n.substring(0,r))}}),o()),r};var _n=typeof dn.default.exitPictureInPicture==`function`?function(e){return e.length<=pn}:function(e){return!1},vn=function(e,t,n,r){if(n&&navigator&&navigator.sendBeacon&&navigator.sendBeacon(e,t)){r();return}if(un.default.fetch){un.default.fetch(e,{method:`POST`,body:t,headers:{"Content-Type":`text/plain`},keepalive:_n(t)}).then(function(e){return r(null,e.ok?null:`Error`)}).catch(function(e){return r(null,e)});return}if(un.default.XMLHttpRequest){var i=new un.default.XMLHttpRequest;i.onreadystatechange=function(){if(i.readyState===4)return r(null,i.status===200?void 0:`error`)},i.open(`POST`,e),i.setRequestHeader(`Content-Type`,`text/plain`),i.send(t);return}r()},yn=gn,bn=[`env_key`,`view_id`,`view_sequence_number`,`player_sequence_number`,`beacon_domain`,`player_playhead_time`,`viewer_time`,`mux_api_version`,`event`,`video_id`,`player_instance_id`,`player_error_code`,`player_error_message`,`player_error_context`,`player_error_severity`,`player_error_business_exception`],xn=[`adplay`,`adplaying`,`adpause`,`adfirstquartile`,`admidpoint`,`adthirdquartile`,`adended`,`adresponse`,`adrequest`],Sn=[`ad_id`,`ad_creative_id`,`ad_universal_id`],Cn=[`viewstart`,`error`,`ended`,`viewend`],wn=600*1e3,Tn=function(){function e(t,n){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};Ue(this,e);var i,a,o,s,c,l,u;y(this,`mux`,void 0),y(this,`envKey`,void 0),y(this,`options`,void 0),y(this,`eventQueue`,void 0),y(this,`sampleRate`,void 0),y(this,`disableCookies`,void 0),y(this,`respectDoNotTrack`,void 0),y(this,`previousBeaconData`,void 0),y(this,`lastEventTime`,void 0),y(this,`rateLimited`,void 0),y(this,`pageLevelData`,void 0),y(this,`viewerData`,void 0),this.mux=t,this.envKey=n,this.options=r,this.previousBeaconData=null,this.lastEventTime=0,this.rateLimited=!1,this.eventQueue=new yn(en(this.envKey,this.options)),this.sampleRate=this.options.sampleRate??1,this.disableCookies=this.options.disableCookies??!1,this.respectDoNotTrack=this.options.respectDoNotTrack??!1,this.previousBeaconData=null,this.lastEventTime=0,this.rateLimited=!1,this.pageLevelData={mux_api_version:this.mux.API_VERSION,mux_embed:this.mux.NAME,mux_embed_version:this.mux.VERSION,viewer_application_name:this.options.platform?.name,viewer_application_version:this.options.platform?.version,viewer_application_engine:this.options.platform?.layout,viewer_device_name:this.options.platform?.product,viewer_device_category:``,viewer_device_manufacturer:this.options.platform?.manufacturer,viewer_os_family:(a=this.options.platform)==null||(i=a.os)==null?void 0:i.family,viewer_os_architecture:(s=this.options.platform)==null||(o=s.os)==null?void 0:o.architecture,viewer_os_version:(l=this.options.platform)==null||(c=l.os)==null?void 0:c.version,viewer_connection_type:an(),page_url:Gt.default===null||Gt.default===void 0||(u=Gt.default.location)==null?void 0:u.href},this.viewerData=this.disableCookies?{}:Qt()}return Ge(e,[{key:`send`,value:function(e,t){if(!(!e||!(t!=null&&t.view_id))){if(this.respectDoNotTrack&&He())return _.info("Not sending `"+e+"` because Do Not Track is enabled");if(!t||typeof t!=`object`)return _.error(`A data object was expected in send() but was not provided`);var n=this.disableCookies?{}:$t(),r=st(at({},this.pageLevelData,t,n,this.viewerData),{event:e,env_key:this.envKey});r.user_id&&(r.viewer_user_id=r.user_id,delete r.user_id);var i=(r.mux_sample_number??0)>=this.sampleRate,a=ln(this._deduplicateBeaconData(e,r));if(this.lastEventTime=this.mux.utils.now(),i)return _.info(`Not sending event due to sample rate restriction`,e,r,a);if(this.envKey||_.info(`Missing environment key (envKey) - beacons will be dropped if the video source is not a valid mux video URL`,e,r,a),!this.rateLimited){if(_.info(`Sending event`,e,r,a),this.rateLimited=!this.eventQueue.queueEvent(e,a),this.mux.WINDOW_UNLOADING&&e===`viewend`)this.eventQueue.destroy(!0);else if(this.mux.WINDOW_HIDDEN&&e===`hb`?this.eventQueue.flushEvents(!0):Cn.indexOf(e)>=0&&this.eventQueue.flushEvents(),this.rateLimited)return r.event=`eventrateexceeded`,a=ln(r),this.eventQueue.queueEvent(r.event,a),_.error(`Beaconing disabled due to rate limit.`)}}}},{key:`destroy`,value:function(){this.eventQueue.destroy(!1)}},{key:`_deduplicateBeaconData`,value:function(e,t){var n=this,r={},i=t.view_id;if(i===`-1`||e===`viewstart`||e===`viewend`||!this.previousBeaconData||this.mux.utils.now()-this.lastEventTime>=wn)r=at({},t),i&&(this.previousBeaconData=r),i&&e===`viewend`&&(this.previousBeaconData=null);else{var a=e.indexOf(`request`)===0;Object.entries(t).forEach(function(t){var i=De(t,2),o=i[0],s=i[1];n.previousBeaconData&&(s!==n.previousBeaconData[o]||bn.indexOf(o)>-1||n.objectHasChanged(a,o,s,n.previousBeaconData[o])||n.eventRequiresKey(e,o))&&(r[o]=s,n.previousBeaconData[o]=s)})}return r}},{key:`objectHasChanged`,value:function(e,t,n,r){return!e||t.indexOf(`request_`)!==0?!1:t===`request_response_headers`||typeof n!=`object`||typeof r!=`object`?!0:Object.keys(n||{}).length!==Object.keys(r||{}).length}},{key:`eventRequiresKey`,value:function(e,t){return!!(e===`renditionchange`&&t.indexOf(`video_source_`)===0||Sn.includes(t)&&xn.includes(e))}}]),e}(),En=function e(t){Ue(this,e);var n=0,r=0,i=0,a=0,o=0,s=0,c=0;t.on(`requestcompleted`,function(e,s){var c=s.request_start,l=s.request_response_start,u=s.request_response_end,d=s.request_bytes_loaded;a++;var f,p;if(l?(f=l-(c??0),p=(u??0)-l):p=(u??0)-(c??0),p>0&&d&&d>0){var m=d/p*8e3;o++,r+=d,i+=p,t.data.view_min_request_throughput=Math.min(t.data.view_min_request_throughput||1/0,m),t.data.view_average_request_throughput=r/i*8e3,t.data.view_request_count=a,f>0&&(n+=f,t.data.view_max_request_latency=Math.max(t.data.view_max_request_latency||0,f),t.data.view_average_request_latency=n/o)}}),t.on(`requestfailed`,function(e,n){a++,s++,t.data.view_request_count=a,t.data.view_request_failed_count=s}),t.on(`requestcanceled`,function(e,n){a++,c++,t.data.view_request_count=a,t.data.view_request_canceled_count=c})},Dn=3600*1e3,On=function e(t){var n=this;Ue(this,e),y(this,`_lastEventTime`,void 0),t.on(`before*`,function(e,r){var i=r.viewer_time,a=je.now(),o=n._lastEventTime;if(n._lastEventTime=a,o&&a-o>Dn){var s=Object.keys(t.data).reduce(function(e,n){return n.indexOf(`video_`)===0?Object.assign(e,y({},n,t.data[n])):e},{});t.mux.log.info(`Received event after at least an hour inactivity, creating a new view`);var c=t.playbackHeartbeat._playheadShouldBeProgressing;t._resetView(Object.assign({viewer_time:i},s)),t.playbackHeartbeat._playheadShouldBeProgressing=c,t.playbackHeartbeat._playheadShouldBeProgressing&&e.type!==`play`&&e.type!==`adbreakstart`&&(t.emit(`play`,{viewer_time:i}),e.type!==`playing`&&t.emit(`playing`,{viewer_time:i}))}})},kn=`viewstart.ended.loadstart.pause.play.playing.ratechange.waiting.adplay.adpause.adended.aderror.adplaying.adrequest.adresponse.adbreakstart.adbreakend.adfirstquartile.admidpoint.adthirdquartile.rebufferstart.rebufferend.seeked.error.hb.requestcompleted.requestfailed.requestcanceled.renditionchange`.split(`.`),An=new Set([`requestcompleted`,`requestfailed`,`requestcanceled`]),jn=function(e){Xe(n,e);var t=$e(n);function n(e,r,i){Ue(this,n);var a=t.call(this);y(v(a),`DOM_CONTENT_LOADED_EVENT_END`,void 0),y(v(a),`NAVIGATION_START`,void 0),y(v(a),`_destroyed`,void 0),y(v(a),`_heartBeatTimeout`,void 0),y(v(a),`adTracker`,void 0),y(v(a),`dashjs`,void 0),y(v(a),`data`,void 0),y(v(a),`disablePlayheadRebufferTracking`,void 0),y(v(a),`disableRebufferTracking`,void 0),y(v(a),`errorTracker`,void 0),y(v(a),`errorTranslator`,void 0),y(v(a),`emitTranslator`,void 0),y(v(a),`getAdData`,void 0),y(v(a),`getPlayheadTime`,void 0),y(v(a),`getStateData`,void 0),y(v(a),`stateDataTranslator`,void 0),y(v(a),`hlsjs`,void 0),y(v(a),`id`,void 0),y(v(a),`longResumeTracker`,void 0),y(v(a),`minimumRebufferDuration`,void 0),y(v(a),`mux`,void 0),y(v(a),`playbackEventDispatcher`,void 0),y(v(a),`playbackHeartbeat`,void 0),y(v(a),`playbackHeartbeatTime`,void 0),y(v(a),`playheadTime`,void 0),y(v(a),`seekingTracker`,void 0),y(v(a),`sustainedRebufferThreshold`,void 0),y(v(a),`watchTimeTracker`,void 0),y(v(a),`currentFragmentPDT`,void 0),y(v(a),`currentFragmentStart`,void 0),a.DOM_CONTENT_LOADED_EVENT_END=rt.domContentLoadedEventEnd(),a.NAVIGATION_START=rt.navigationStart(),a.mux=e,a.id=r,i!=null&&i.beaconDomain&&a.mux.log.warn("The `beaconDomain` setting has been deprecated in favor of `beaconCollectionDomain`. Please change your integration to use `beaconCollectionDomain` instead of `beaconDomain`."),i=Object.assign({debug:!1,minimumRebufferDuration:250,sustainedRebufferThreshold:1e3,playbackHeartbeatTime:25,beaconDomain:`litix.io`,sampleRate:1,disableCookies:!1,respectDoNotTrack:!1,disableRebufferTracking:!1,disablePlayheadRebufferTracking:!1,errorTranslator:function(e){return e},emitTranslator:function(){return[...arguments]},stateDataTranslator:function(e){return e}},i),i.data=i.data||{},i.data.property_key&&(i.data.env_key=i.data.property_key,delete i.data.property_key),_.level=i.debug?Be.DEBUG:Be.WARN,a.getPlayheadTime=i.getPlayheadTime,a.getStateData=i.getStateData||function(){return{}},a.getAdData=i.getAdData||function(){},a.minimumRebufferDuration=i.minimumRebufferDuration,a.sustainedRebufferThreshold=i.sustainedRebufferThreshold,a.playbackHeartbeatTime=i.playbackHeartbeatTime,a.disableRebufferTracking=i.disableRebufferTracking,a.disableRebufferTracking&&a.mux.log.warn(`Disabling rebuffer tracking. This should only be used in specific circumstances as a last resort when your player is known to unreliably track rebuffering.`),a.disablePlayheadRebufferTracking=i.disablePlayheadRebufferTracking,a.errorTranslator=i.errorTranslator,a.emitTranslator=i.emitTranslator,a.stateDataTranslator=i.stateDataTranslator,a.playbackEventDispatcher=new Tn(e,i.data.env_key,i),a.data={player_instance_id:Me(),mux_sample_rate:i.sampleRate,beacon_domain:i.beaconCollectionDomain||i.beaconDomain},a.data.view_sequence_number=1,a.data.player_sequence_number=1;var o=function(){this.data.view_start===void 0&&(this.data.view_start=this.mux.utils.now(),this.emit(`viewstart`))}.bind(v(a));if(a.on(`viewinit`,function(e,t){this._resetVideoData(),this._resetViewData(),this._resetErrorData(),this._updateStateData(),Object.assign(this.data,t),this._initializeViewData(),this.one(`play`,o),this.one(`adbreakstart`,o)}),a.on(`videochange`,function(e,t){this._resetView(t)}),a.on(`programchange`,function(e,t){this.data.player_is_paused&&this.mux.log.warn("The `programchange` event is intended to be used when the content changes mid playback without the video source changing, however the video is not currently playing. If the video source is changing please use the videochange event otherwise you will lose startup time information."),this._resetView(Object.assign(t,{view_program_changed:!0})),o(),this.emit(`play`),this.emit(`playing`)}),a.on(`fragmentchange`,function(e,t){this.currentFragmentPDT=t.currentFragmentPDT,this.currentFragmentStart=t.currentFragmentStart}),a.on(`destroy`,a.destroy),typeof window<`u`&&typeof window.addEventListener==`function`&&typeof window.removeEventListener==`function`){var s=function(){var e=a.data.view_start!==void 0;a.mux.WINDOW_HIDDEN=document.visibilityState===`hidden`,e&&a.mux.WINDOW_HIDDEN&&(a.data.player_is_paused||a.emit(`hb`))};window.addEventListener(`visibilitychange`,s,!1);var c=function(e){e.persisted||a.destroy()};window.addEventListener(`pagehide`,c,!1),a.on(`destroy`,function(){window.removeEventListener(`visibilitychange`,s),window.removeEventListener(`pagehide`,c)})}return a.on(`playerready`,function(e,t){Object.assign(this.data,t)}),kn.forEach(function(e){a.on(e,function(t,n){e.indexOf(`ad`)!==0&&this._updateStateData(),Object.assign(this.data,n),this._sanitizeData()}),a.on(`after`+e,function(){(e!==`error`||this.errorTracker.viewErrored)&&this.send(e)})}),a.on(`viewend`,function(e,t){Object.assign(a.data,t)}),a.one(`playerready`,function(e){var t=this.mux.utils.now();this.data.player_init_time&&(this.data.player_startup_time=t-this.data.player_init_time),!this.mux.PLAYER_TRACKED&&this.NAVIGATION_START&&(this.mux.PLAYER_TRACKED=!0,(this.data.player_init_time||this.DOM_CONTENT_LOADED_EVENT_END)&&(this.data.page_load_time=Math.min(this.data.player_init_time||1/0,this.DOM_CONTENT_LOADED_EVENT_END||1/0)-this.NAVIGATION_START)),this.send(`playerready`),delete this.data.player_startup_time,delete this.data.page_load_time}),a.longResumeTracker=new On(v(a)),a.errorTracker=new Ot(v(a)),new Wt(v(a)),a.seekingTracker=new Rt(v(a)),a.playheadTime=new jt(v(a)),a.playbackHeartbeat=new Dt(v(a)),new It(v(a)),a.watchTimeTracker=new kt(v(a)),new At(v(a)),a.adTracker=new Vt(v(a)),new Pt(v(a)),new Nt(v(a)),new Ft(v(a)),new Ut(v(a)),new En(v(a)),i.hlsjs&&a.addHLSJS(i),i.dashjs&&a.addDashJS(i),a.emit(`viewinit`,i.data),a}return Ge(n,[{key:`emit`,value:function(e,t){var r,i=Object.assign({viewer_time:this.mux.utils.now()},t),a=[e,i];if(this.emitTranslator)try{a=this.emitTranslator(e,i)}catch(e){this.mux.log.warn(`Exception in emit translator callback.`,e)}a!=null&&a.length&&(r=Je(Ke(n.prototype),`emit`,this)).call.apply(r,[this].concat(ze(a)))}},{key:`destroy`,value:function(){this._destroyed||(this._destroyed=!0,this.data.view_start!==void 0&&(this.emit(`viewend`),this.send(`viewend`)),this.playbackEventDispatcher.destroy(),this.removeHLSJS(),this.removeDashJS(),window.clearTimeout(this._heartBeatTimeout))}},{key:`send`,value:function(e){if(this.data.view_id){var t=Object.assign({},this.data);if(t.video_source_is_live===void 0&&(t.player_source_duration===1/0||t.video_source_duration===1/0?t.video_source_is_live=!0:(t.player_source_duration>0||t.video_source_duration>0)&&(t.video_source_is_live=!1)),t.video_source_is_live||[`player_program_time`,`player_manifest_newest_program_time`,`player_live_edge_program_time`,`player_program_time`,`video_holdback`,`video_part_holdback`,`video_target_duration`,`video_part_target_duration`].forEach(function(e){t[e]=void 0}),t.video_source_url=t.video_source_url||t.player_source_url,t.video_source_url){var n=De(tt(t.video_source_url),2),r=n[0];t.video_source_domain=n[1],t.video_source_hostname=r}delete t.ad_request_id,this.playbackEventDispatcher.send(e,t),this.data.view_sequence_number++,this.data.player_sequence_number++,An.has(e)||this._restartHeartBeat(),e===`viewend`&&delete this.data.view_id}}},{key:`_resetView`,value:function(e){this.emit(`viewend`),this.send(`viewend`),this.emit(`viewinit`,e)}},{key:`_updateStateData`,value:function(){var e=this.getStateData();if(typeof this.stateDataTranslator==`function`)try{e=this.stateDataTranslator(e)}catch(e){this.mux.log.warn(`Exception in stateDataTranslator translator callback.`,e)}Object.assign(this.data,e),this.playheadTime._updatePlayheadTime(),this._sanitizeData()}},{key:`_sanitizeData`,value:function(){var e=this;[`player_width`,`player_height`,`video_source_width`,`video_source_height`,`player_playhead_time`,`video_source_bitrate`].forEach(function(t){var n=parseInt(e.data[t],10);e.data[t]=isNaN(n)?void 0:n}),[`player_source_url`,`video_source_url`].forEach(function(t){if(e.data[t]){var n=e.data[t].toLowerCase();(n.indexOf(`data:`)===0||n.indexOf(`blob:`)===0)&&(e.data[t]=`MSE style URL`)}})}},{key:`_resetVideoData`,value:function(){var e=this;Object.keys(this.data).forEach(function(t){t.indexOf(`video_`)===0&&delete e.data[t]})}},{key:`_resetViewData`,value:function(){var e=this;Object.keys(this.data).forEach(function(t){t.indexOf(`view_`)===0&&delete e.data[t]}),this.data.view_sequence_number=1}},{key:`_resetErrorData`,value:function(){delete this.data.player_error_code,delete this.data.player_error_message,delete this.data.player_error_context,delete this.data.player_error_severity,delete this.data.player_error_business_exception}},{key:`_initializeViewData`,value:function(){var e=this,t=this.data.view_id=Me(),n=function(){t===e.data.view_id&&it(e.data,`player_view_count`,1)};this.data.player_is_paused?this.one(`play`,n):n()}},{key:`_restartHeartBeat`,value:function(){var e=this;window.clearTimeout(this._heartBeatTimeout),this._heartBeatTimeout=window.setTimeout(function(){e.data.player_is_paused||e.emit(`hb`)},1e4)}},{key:`addHLSJS`,value:function(e){if(!e.hlsjs){this.mux.log.warn(`You must pass a valid hlsjs instance in order to track it.`);return}if(this.hlsjs){this.mux.log.warn(`An instance of HLS.js is already being monitored for this player.`);return}this.hlsjs=e.hlsjs,gt(this.mux,this.id,e.hlsjs,{},e.Hls||window.Hls)}},{key:`removeHLSJS`,value:function(){this.hlsjs&&=(_t(this.hlsjs),void 0)}},{key:`addDashJS`,value:function(e){if(!e.dashjs){this.mux.log.warn(`You must pass a valid dashjs instance in order to track it.`);return}if(this.dashjs){this.mux.log.warn(`An instance of Dash.js is already being monitored for this player.`);return}this.dashjs=e.dashjs,St(this.mux,this.id,e.dashjs)}},{key:`removeDashJS`,value:function(){this.dashjs&&=(Ct(this.dashjs),void 0)}}]),n}(Tt),Mn=g(xe());function Nn(){return Mn.default&&!!(Mn.default.fullscreenElement||Mn.default.webkitFullscreenElement||Mn.default.mozFullScreenElement||Mn.default.msFullscreenElement)}var Pn=[`loadstart`,`pause`,`play`,`playing`,`seeking`,`seeked`,`timeupdate`,`ratechange`,`stalled`,`waiting`,`error`,`ended`],Fn={1:`MEDIA_ERR_ABORTED`,2:`MEDIA_ERR_NETWORK`,3:`MEDIA_ERR_DECODE`,4:`MEDIA_ERR_SRC_NOT_SUPPORTED`};function In(e,t,n){var r=De(Fe(t),3),i=r[0],a=r[1],o=r[2],s=e.log,c=e.utils.getComputedStyle,l=e.utils.secondsToMs,u={automaticErrorTracking:!0};if(i){if(o!==`video`&&o!==`audio`)return s.error("The element of `"+a+"` was not a media element.")}else return s.error("No element was found with the `"+a+"` query selector.");i.mux&&(i.mux.destroy(),delete i.mux,s.warn(`Already monitoring this video element, replacing existing event listeners`)),n=Object.assign(u,n,{getPlayheadTime:function(){return l(i.currentTime)},getStateData:function(){var e,t,n=(e=this).getPlayheadTime?.call(e)||l(i.currentTime),r=this.hlsjs&&this.hlsjs.url,a=this.dashjs&&typeof this.dashjs.getSource==`function`&&this.dashjs.getSource(),o={player_is_paused:i.paused,player_width:parseInt(c(i,`width`)),player_height:parseInt(c(i,`height`)),player_autoplay_on:i.autoplay,player_preload_on:i.preload,player_language_code:i.lang,player_is_fullscreen:Nn(),video_poster_url:i.poster,video_source_url:r||a||i.currentSrc,video_source_duration:l(i.duration),video_source_height:i.videoHeight,video_source_width:i.videoWidth,view_dropped_frame_count:i==null||(t=i.getVideoPlaybackQuality)==null?void 0:t.call(i).droppedVideoFrames};if(i.getStartDate&&n>0){var s=i.getStartDate();if(s&&typeof s.getTime==`function`&&s.getTime()){var u=s.getTime();o.player_program_time=u+n,i.seekable.length>0&&(o.player_live_edge_program_time=u+i.seekable.end(i.seekable.length-1))}}return o}}),n.data=Object.assign({player_software:`HTML5 Video Element`,player_mux_plugin_name:`VideoElementMonitor`,player_mux_plugin_version:e.VERSION},n.data),i.mux=i.mux||{},i.mux.deleted=!1,i.mux.emit=function(t,n){e.emit(a,t,n)},i.mux.updateData=function(e){i.mux.emit(`hb`,e)};var d=function(){s.error(`The monitor for this video element has already been destroyed.`)};i.mux.destroy=function(){Object.keys(i.mux.listeners).forEach(function(e){i.removeEventListener(e,i.mux.listeners[e],!1)}),delete i.mux.listeners,i.mux.destroy=d,i.mux.swapElement=d,i.mux.emit=d,i.mux.addHLSJS=d,i.mux.addDashJS=d,i.mux.removeHLSJS=d,i.mux.removeDashJS=d,i.mux.updateData=d,i.mux.setEmitTranslator=d,i.mux.setStateDataTranslator=d,i.mux.setGetPlayheadTime=d,i.mux.deleted=!0,e.emit(a,`destroy`)},i.mux.swapElement=function(t){var n=De(Fe(t),3),r=n[0],a=n[1],o=n[2];if(r){if(o!==`video`&&o!==`audio`)return e.log.error("The element of `"+a+"` was not a media element.")}else return e.log.error("No element was found with the `"+a+"` query selector.");r.muxId=i.muxId,delete i.muxId,r.mux=r.mux||{},r.mux.listeners=Object.assign({},i.mux.listeners),delete i.mux.listeners,Object.keys(r.mux.listeners).forEach(function(e){i.removeEventListener(e,r.mux.listeners[e],!1),r.addEventListener(e,r.mux.listeners[e],!1)}),r.mux.swapElement=i.mux.swapElement,r.mux.destroy=i.mux.destroy,delete i.mux,i=r},i.mux.addHLSJS=function(t){e.addHLSJS(a,t)},i.mux.addDashJS=function(t){e.addDashJS(a,t)},i.mux.removeHLSJS=function(){e.removeHLSJS(a)},i.mux.removeDashJS=function(){e.removeDashJS(a)},i.mux.setEmitTranslator=function(t){e.setEmitTranslator(a,t)},i.mux.setStateDataTranslator=function(t){e.setStateDataTranslator(a,t)},i.mux.setGetPlayheadTime=function(t){t||=n.getPlayheadTime,e.setGetPlayheadTime(a,t)},e.init(a,n),e.emit(a,`playerready`),i.paused||(e.emit(a,`play`),i.readyState>2&&e.emit(a,`playing`)),i.mux.listeners={},Pn.forEach(function(t){t===`error`&&!n.automaticErrorTracking||(i.mux.listeners[t]=function(){var n={};if(t===`error`){if(!i.error||i.error.code===1)return;n.player_error_code=i.error.code,n.player_error_message=Fn[i.error.code]||i.error.message}e.emit(a,t,n)},i.addEventListener(t,i.mux.listeners[t],!1))})}function Ln(e,t,n,r){var i=r;if(e&&typeof e[t]==`function`)try{i=e[t].apply(e,n)}catch(e){_.info(`safeCall error`,e)}return i}var Rn=g(ie()),zn;Rn.default&&Rn.default.WeakMap&&(zn=new WeakMap);function Bn(e,t){if(!e||!t||!Rn.default||typeof Rn.default.getComputedStyle!=`function`)return``;var n;return zn&&zn.has(e)&&(n=zn.get(e)),n||(n=Rn.default.getComputedStyle(e,null),zn&&zn.set(e,n)),n.getPropertyValue(t)}function Vn(e){return Math.floor(e*1e3)}var Hn={TARGET_DURATION:`#EXT-X-TARGETDURATION`,PART_INF:`#EXT-X-PART-INF`,SERVER_CONTROL:`#EXT-X-SERVER-CONTROL`,INF:`#EXTINF`,PROGRAM_DATE_TIME:`#EXT-X-PROGRAM-DATE-TIME`,VERSION:`#EXT-X-VERSION`,SESSION_DATA:`#EXT-X-SESSION-DATA`},Un=function(e){return this.buffer=``,this.manifest={segments:[],serverControl:{},sessionData:{}},this.currentUri={},this.process(e),this.manifest};Un.prototype.process=function(e){var t;for(this.buffer+=e,t=this.buffer.indexOf(`
|
|
15
|
-
`);t>-1;t=this.buffer.indexOf(`
|
|
16
|
-
`))this.processLine(this.buffer.substring(0,t)),this.buffer=this.buffer.substring(t+1)},Un.prototype.processLine=function(e){var t=Xn(e,e.indexOf(`:`)),n=t[0],r=t.length===2?Kn(t[1]):void 0;if(n[0]!==`#`)this.currentUri.uri=n,this.manifest.segments.push(this.currentUri),this.manifest.targetDuration&&!(`duration`in this.currentUri)&&(this.currentUri.duration=this.manifest.targetDuration),this.currentUri={};else switch(n){case Hn.TARGET_DURATION:if(!isFinite(r)||r<0)return;this.manifest.targetDuration=r,this.setHoldBack();break;case Hn.PART_INF:Wn(this.manifest,t),this.manifest.partInf.partTarget&&(this.manifest.partTargetDuration=this.manifest.partInf.partTarget),this.setHoldBack();break;case Hn.SERVER_CONTROL:Wn(this.manifest,t),this.setHoldBack();break;case Hn.INF:r===0?this.currentUri.duration=.01:r>0&&(this.currentUri.duration=r);break;case Hn.PROGRAM_DATE_TIME:var i=r,a=new Date(i);this.manifest.dateTimeString||(this.manifest.dateTimeString=i,this.manifest.dateTimeObject=a),this.currentUri.dateTimeString=i,this.currentUri.dateTimeObject=a;break;case Hn.VERSION:Wn(this.manifest,t);break;case Hn.SESSION_DATA:var o=pt(Zn(t[1]));Object.assign(this.manifest.sessionData,o)}},Un.prototype.setHoldBack=function(){var e=this.manifest,t=e.serverControl,n=e.targetDuration,r=e.partTargetDuration;if(t){var i=`holdBack`,a=`partHoldBack`,o=n&&n*3,s=r&&r*2;n&&!t.hasOwnProperty(i)&&(t[i]=o),o&&t[i]<o&&(t[i]=o),r&&!t.hasOwnProperty(a)&&(t[a]=r*3),r&&t[a]<s&&(t[a]=s)}};var Wn=function(e,t){var n=Gn(t[0].replace(`#EXT-X-`,``)),r;Yn(t[1])?(r={},r=Object.assign(Jn(t[1]),r)):r=Kn(t[1]),e[n]=r},Gn=function(e){return e.toLowerCase().replace(/-(\w)/g,function(e){return e[1].toUpperCase()})},Kn=function(e){if(e.toLowerCase()===`yes`||e.toLowerCase()===`no`)return e.toLowerCase()===`yes`;var t=e.indexOf(`:`)===-1?parseFloat(e):e;return isNaN(t)?e:t},qn=function(e){var t={},n=e.split(`=`);if(n.length>1){var r=Gn(n[0]);t[r]=Kn(n[1])}return t},Jn=function(e){for(var t=e.split(`,`),n={},r=0;t.length>r;r++){var i=t[r],a=qn(i);n=Object.assign(a,n)}return n},Yn=function(e){return e.indexOf(`=`)>-1},Xn=function(e,t){return t===-1?[e]:[e.substring(0,t),e.substring(t+1)]},Zn=function(e){var t={};if(e){var n=e.search(`,`);return[e.slice(0,n),e.slice(n+1)].forEach(function(e,n){for(var r=e.replace(/['"]+/g,``).split(`=`),i=0;i<r.length;i++)r[i]===`DATA-ID`&&(t[`DATA-ID`]=r[1-i]),r[i]===`VALUE`&&(t.VALUE=r[1-i])}),{data:t}}},Qn={safeCall:Ln,safeIncrement:it,getComputedStyle:Bn,secondsToMs:Vn,assign:Object.assign,headersStringToObject:dt,cdnHeadersToRequestId:ft,extractHostnameAndDomain:tt,extractHostname:et,manifestParser:Un,generateShortID:Ne,generateUUID:Me,now:je.now,findMediaElement:Fe},$n={PLAYER_READY:`playerready`,VIEW_INIT:`viewinit`,VIDEO_CHANGE:`videochange`,PLAY:`play`,PAUSE:`pause`,PLAYING:`playing`,TIME_UPDATE:`timeupdate`,SEEKING:`seeking`,SEEKED:`seeked`,REBUFFER_START:`rebufferstart`,REBUFFER_END:`rebufferend`,ERROR:`error`,ENDED:`ended`,RENDITION_CHANGE:`renditionchange`,ORIENTATION_CHANGE:`orientationchange`,AD_REQUEST:`adrequest`,AD_RESPONSE:`adresponse`,AD_BREAK_START:`adbreakstart`,AD_PLAY:`adplay`,AD_PLAYING:`adplaying`,AD_PAUSE:`adpause`,AD_FIRST_QUARTILE:`adfirstquartile`,AD_MID_POINT:`admidpoint`,AD_THIRD_QUARTILE:`adthirdquartile`,AD_ENDED:`adended`,AD_BREAK_END:`adbreakend`,AD_ERROR:`aderror`,REQUEST_COMPLETED:`requestcompleted`,REQUEST_FAILED:`requestfailed`,REQUEST_CANCELLED:`requestcanceled`,HEARTBEAT:`hb`,DESTROY:`destroy`},er=`mux-embed`,tr=`5.9.0`,nr=`2.1`,rr={},ir=function(e){var t=arguments;typeof e==`string`?ir.hasOwnProperty(e)?Oe.default.setTimeout(function(){t=Array.prototype.splice.call(t,1),ir[e].apply(null,t)},0):_.warn("`"+e+"` is an unknown task"):typeof e==`function`?Oe.default.setTimeout(function(){e(ir)},0):_.warn("`"+e+"` is invalid.")},ar={loaded:je.now(),NAME:er,VERSION:tr,API_VERSION:nr,PLAYER_TRACKED:!1,monitor:function(e,t){return In(ir,e,t)},destroyMonitor:function(e){var t=De(Fe(e),1)[0];t&&t.mux&&typeof t.mux.destroy==`function`?t.mux.destroy():_.error("A video element monitor for `"+e+"` has not been initialized via `mux.monitor`.")},addHLSJS:function(e,t){var n=Pe(e);rr[n]?rr[n].addHLSJS(t):_.error("A monitor for `"+n+"` has not been initialized.")},addDashJS:function(e,t){var n=Pe(e);rr[n]?rr[n].addDashJS(t):_.error("A monitor for `"+n+"` has not been initialized.")},removeHLSJS:function(e){var t=Pe(e);rr[t]?rr[t].removeHLSJS():_.error("A monitor for `"+t+"` has not been initialized.")},removeDashJS:function(e){var t=Pe(e);rr[t]?rr[t].removeDashJS():_.error("A monitor for `"+t+"` has not been initialized.")},init:function(e,t){He()&&t&&t.respectDoNotTrack&&_.info(`The browser's Do Not Track flag is enabled - Mux beaconing is disabled.`);var n=Pe(e);rr[n]=new jn(ir,n,t)},emit:function(e,t,n){var r=Pe(e);rr[r]?(rr[r].emit(t,n),t===`destroy`&&delete rr[r]):_.error("A monitor for `"+r+"` has not been initialized.")},updateData:function(e,t){var n=Pe(e);rr[n]?rr[n].emit(`hb`,t):_.error("A monitor for `"+n+"` has not been initialized.")},setEmitTranslator:function(e,t){var n=Pe(e);rr[n]?rr[n].emitTranslator=t:_.error("A monitor for `"+n+"` has not been initialized.")},setStateDataTranslator:function(e,t){var n=Pe(e);rr[n]?rr[n].stateDataTranslator=t:_.error("A monitor for `"+n+"` has not been initialized.")},setGetPlayheadTime:function(e,t){var n=Pe(e);rr[n]?rr[n].getPlayheadTime=t:_.error("A monitor for `"+n+"` has not been initialized.")},checkDoNotTrack:He,log:_,utils:Qn,events:$n,WINDOW_HIDDEN:!1,WINDOW_UNLOADING:!1};Object.assign(ir,ar),Oe.default!==void 0&&typeof Oe.default.addEventListener==`function`&&Oe.default.addEventListener(`pagehide`,function(e){e.persisted||(ir.WINDOW_UNLOADING=!0)},!1);var or=ir,b=c,x={VIDEO:`video`,THUMBNAIL:`thumbnail`,STORYBOARD:`storyboard`,DRM:`drm`},S={NOT_AN_ERROR:0,NETWORK_OFFLINE:2000002,NETWORK_UNKNOWN_ERROR:2e6,NETWORK_NO_STATUS:2000001,NETWORK_INVALID_URL:24e5,NETWORK_NOT_FOUND:2404e3,NETWORK_NOT_READY:2412e3,NETWORK_GENERIC_SERVER_FAIL:25e5,NETWORK_TOKEN_MISSING:2403201,NETWORK_TOKEN_MALFORMED:2412202,NETWORK_TOKEN_EXPIRED:2403210,NETWORK_TOKEN_AUD_MISSING:2403221,NETWORK_TOKEN_AUD_MISMATCH:2403222,NETWORK_TOKEN_SUB_MISMATCH:2403232,ENCRYPTED_ERROR:5e6,ENCRYPTED_UNSUPPORTED_KEY_SYSTEM:5000001,ENCRYPTED_GENERATE_REQUEST_FAILED:5000002,ENCRYPTED_UPDATE_LICENSE_FAILED:5000003,ENCRYPTED_UPDATE_SERVER_CERT_FAILED:5000004,ENCRYPTED_CDM_ERROR:5000005,ENCRYPTED_OUTPUT_RESTRICTED:5000006,ENCRYPTED_MISSING_TOKEN:5000002},sr=e=>e===x.VIDEO?`playback`:e,cr=class e extends Error{constructor(t,n=e.MEDIA_ERR_CUSTOM,r,i){super(t),this.name=`MediaError`,this.code=n,this.context=i,this.fatal=r??(n>=e.MEDIA_ERR_NETWORK&&n<=e.MEDIA_ERR_ENCRYPTED),this.message||=e.defaultMessages[this.code]??``}};cr.MEDIA_ERR_ABORTED=1,cr.MEDIA_ERR_NETWORK=2,cr.MEDIA_ERR_DECODE=3,cr.MEDIA_ERR_SRC_NOT_SUPPORTED=4,cr.MEDIA_ERR_ENCRYPTED=5,cr.MEDIA_ERR_CUSTOM=100,cr.defaultMessages={1:`You aborted the media playback`,2:`A network error caused the media download to fail.`,3:`A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.`,4:`An unsupported error occurred. The server or network failed, or your browser does not support this format.`,5:`The media is encrypted and there are no keys to decrypt it.`};var C=cr,lr=e=>e==null,ur=(e,t)=>lr(t)?!1:e in t,dr={ANY:`any`,MUTED:`muted`},w={ON_DEMAND:`on-demand`,LIVE:`live`,UNKNOWN:`unknown`},fr={MSE:`mse`,NATIVE:`native`},pr={HEADER:`header`,QUERY:`query`,NONE:`none`},mr=Object.values(pr),hr={M3U8:`application/vnd.apple.mpegurl`,MP4:`video/mp4`},gr={HLS:hr.M3U8};Object.keys(gr),[...Object.values(hr)];var _r={upTo720p:`720p`,upTo1080p:`1080p`,upTo1440p:`1440p`,upTo2160p:`2160p`},vr={noLessThan480p:`480p`,noLessThan540p:`540p`,noLessThan720p:`720p`,noLessThan1080p:`1080p`,noLessThan1440p:`1440p`,noLessThan2160p:`2160p`},yr={DESCENDING:`desc`},br={code:`en`},T=(e,t,n,r,i=e)=>{i.addEventListener(t,n,r),e.addEventListener(`teardown`,()=>{i.removeEventListener(t,n)},{once:!0})};function xr(e,t,n){t&&n>t&&(n=t);for(let t=0;t<e.length;t++)if(e.start(t)<=n&&e.end(t)>=n)return!0;return!1}var Sr=e=>{let t=e.indexOf(`?`);return t<0?[e]:[e.slice(0,t),e.slice(t)]},Cr=e=>{let{type:t}=e;if(t){let e=t.toUpperCase();return ur(e,gr)?gr[e]:t}return Er(e)},wr=e=>e===`VOD`?w.ON_DEMAND:w.LIVE,Tr=e=>e===`EVENT`?1/0:e===`VOD`?NaN:0,Er=e=>{let{src:t}=e;if(!t)return``;let n=``;try{n=new URL(t).pathname}catch{console.error(`invalid url`)}let r=n.lastIndexOf(`.`);if(r<0)return Or(e)?hr.M3U8:``;let i=n.slice(r+1).toUpperCase();return ur(i,hr)?hr[i]:``},Dr=`mux.com`,Or=({src:e,customDomain:t=Dr})=>{let n;try{n=new URL(`${e}`)}catch{return!1}let r=n.protocol===`https:`,i=n.hostname===`stream.${t}`.toLowerCase(),a=n.pathname.split(`/`),o=a.length===2,s=!(a!=null&&a[1].includes(`.`));return r&&i&&o&&s},kr=e=>{let t=(e??``).split(`.`)[1];if(t)try{let e=t.replace(/-/g,`+`).replace(/_/g,`/`),n=decodeURIComponent(atob(e).split(``).map(function(e){return`%`+(`00`+e.charCodeAt(0).toString(16)).slice(-2)}).join(``));return JSON.parse(n)}catch{return}},Ar=({exp:e},t=Date.now())=>!e||e*1e3<t,jr=({sub:e},t)=>e!==t,Mr=({aud:e},t)=>!e,Nr=({aud:e},t)=>e!==t,Pr=`en`;function E(e,t=!0){var n;return new Fr(t&&(n=br?.[e])!=null?n:e,t?br.code:Pr)}var Fr=class{constructor(e,t=(e=>(e=br)??Pr)()){this.message=e,this.locale=t}format(e){return this.message.replace(/\{(\w+)\}/g,(t,n)=>e[n]??``)}toString(){return this.message}},Ir=Object.values(dr),Lr=e=>typeof e==`boolean`||typeof e==`string`&&Ir.includes(e),Rr=(e,t,n)=>{let{autoplay:r}=e,i=!1,a=!1,o=Lr(r)?r:!!r,s=()=>{i||T(t,`playing`,()=>{i=!0},{once:!0})};if(s(),T(t,`loadstart`,()=>{i=!1,s(),zr(t,o)},{once:!0}),T(t,`loadstart`,()=>{n||(a=e.streamType&&e.streamType!==w.UNKNOWN?e.streamType===w.LIVE:!Number.isFinite(t.duration)),zr(t,o)},{once:!0}),n&&n.once(b.Events.LEVEL_LOADED,(t,n)=>{a=e.streamType&&e.streamType!==w.UNKNOWN?e.streamType===w.LIVE:n.details.live??!1}),!o){let r=()=>{!a||Number.isFinite(e.startTime)||(n!=null&&n.liveSyncPosition?t.currentTime=n.liveSyncPosition:Number.isFinite(t.seekable.end(0))&&(t.currentTime=t.seekable.end(0)))};n&&T(t,`play`,()=>{t.preload===`metadata`?n.once(b.Events.LEVEL_UPDATED,r):r()},{once:!0})}return e=>{i||(o=Lr(e)?e:!!e,zr(t,o))}},zr=(e,t)=>{if(!t)return;let n=e.muted,r=()=>e.muted=n;switch(t){case dr.ANY:e.play().catch(()=>{e.muted=!0,e.play().catch(r)});break;case dr.MUTED:e.muted=!0,e.play().catch(r);break;default:e.play().catch(()=>{});break}},Br=({preload:e,src:t},n,r)=>{let i=e=>{e!=null&&[``,`none`,`metadata`,`auto`].includes(e)?n.setAttribute(`preload`,e):n.removeAttribute(`preload`)};if(!r)return i(e),i;let a=!1,o=!1,s=r.config.maxBufferLength,c=r.config.maxBufferSize,l=e=>{i(e);let t=e??n.preload;o||t===`none`||(t===`metadata`?(r.config.maxBufferLength=1,r.config.maxBufferSize=1):(r.config.maxBufferLength=s,r.config.maxBufferSize=c),u())},u=()=>{!a&&t&&(a=!0,r.loadSource(t))};return T(n,`play`,()=>{o=!0,r.config.maxBufferLength=s,r.config.maxBufferSize=c,u()},{once:!0}),l(e),l};function Vr(e,t){var n;if(!(`videoTracks`in e))return;let r=new WeakMap;t.on(b.Events.MANIFEST_PARSED,function(t,n){o();let i=e.addVideoTrack(`main`);i.selected=!0;for(let[e,t]of n.levels.entries()){let n=i.addRendition(t.url[0],t.width,t.height,t.videoCodec,t.bitrate);r.set(t,`${e}`),n.id=`${e}`}}),t.on(b.Events.AUDIO_TRACKS_UPDATED,function(t,n){a();for(let t of n.audioTracks){let n=t.default?`main`:`alternative`,r=e.addAudioTrack(n,t.name,t.lang);r.id=`${t.id}`,t.default&&(r.enabled=!0)}}),e.audioTracks.addEventListener(`change`,()=>{let n=+[...e.audioTracks].find(e=>e.enabled)?.id,r=t.audioTracks.map(e=>e.id);n!=t.audioTrack&&r.includes(n)&&(t.audioTrack=n)}),t.on(b.Events.LEVELS_UPDATED,function(t,n){let i=e.videoTracks[e.videoTracks.selectedIndex??0];if(!i)return;let a=n.levels.map(e=>r.get(e));for(let t of e.videoRenditions)t.id&&!a.includes(t.id)&&i.removeRendition(t)}),(n=e.videoRenditions)==null||n.addEventListener(`change`,e=>{let n=e.target.selectedIndex;n!=t.nextLevel&&(t.nextLevel=n)});let i=()=>{for(let t of e.videoTracks)e.removeVideoTrack(t)},a=()=>{for(let t of e.audioTracks)e.removeAudioTrack(t)},o=()=>{i(),a()};t.once(b.Events.DESTROYING,o)}var Hr=e=>`time`in e?e.time:e.startTime;function Ur(e,t){t.on(b.Events.NON_NATIVE_TEXT_TRACKS_FOUND,(n,{tracks:r})=>{r.forEach(n=>{let r=n.subtitleTrack??n.closedCaptions,i=t.subtitleTracks.findIndex(({lang:e,name:t,type:i})=>e==r?.lang&&t===n.label&&i.toLowerCase()===n.kind),a=n._id??n.default?`default`:`${n.kind}${i}`;Wr(e,n.kind,n.label,r?.lang,a,n.default)})});let n=()=>{if(!t.subtitleTracks.length)return;let n=Array.from(e.textTracks).find(e=>e.id&&e.mode===`showing`&&[`subtitles`,`captions`].includes(e.kind));if(!n)return;let r=t.subtitleTracks[t.subtitleTrack],i=r?r.default?`default`:`${t.subtitleTracks[t.subtitleTrack].type.toLowerCase()}${t.subtitleTrack}`:void 0;(t.subtitleTrack<0||n?.id!==i)&&(t.subtitleTrack=t.subtitleTracks.findIndex(({lang:e,name:t,type:r,default:i})=>n.id==="default"&&i||e==n.language&&t===n.label&&r.toLowerCase()===n.kind)),n?.id===i&&n.cues&&Array.from(n.cues).forEach(e=>{n.addCue(e)})};e.textTracks.addEventListener(`change`,n),t.on(b.Events.CUES_PARSED,(t,{track:n,cues:r})=>{let i=e.textTracks.getTrackById(n);if(!i)return;let a=i.mode===`disabled`;a&&(i.mode=`hidden`),r.forEach(e=>{var t;(t=i.cues)!=null&&t.getCueById(e.id)||i.addCue(e)}),a&&(i.mode=`disabled`)}),t.once(b.Events.DESTROYING,()=>{e.textTracks.removeEventListener(`change`,n),e.querySelectorAll(`track[data-removeondestroy]`).forEach(e=>{e.remove()})});let r=()=>{Array.from(e.textTracks).forEach(t=>{var n;if(![`subtitles`,`caption`].includes(t.kind)&&(t.label===`thumbnails`||t.kind===`chapters`)){if(!((n=t.cues)!=null&&n.length)){let n=`track`;t.kind&&(n+=`[kind="${t.kind}"]`),t.label&&(n+=`[label="${t.label}"]`);let r=e.querySelector(n),i=r?.getAttribute(`src`)??``;r?.removeAttribute(`src`),setTimeout(()=>{r?.setAttribute(`src`,i)},0)}t.mode!==`hidden`&&(t.mode=`hidden`)}})};t.once(b.Events.MANIFEST_LOADED,r),t.once(b.Events.MEDIA_ATTACHED,r)}function Wr(e,t,n,r,i,a){let o=document.createElement(`track`);return o.kind=t,o.label=n,r&&(o.srclang=r),i&&(o.id=i),a&&(o.default=!0),o.track.mode=[`subtitles`,`captions`].includes(t)?`disabled`:`hidden`,o.setAttribute(`data-removeondestroy`,``),e.append(o),o.track}function Gr(e,t){Array.prototype.find.call(e.querySelectorAll(`track`),e=>e.track===t)?.remove()}function Kr(e,t,n){return Array.from(e.querySelectorAll(`track`)).find(e=>e.track.label===t&&e.track.kind===n)?.track}async function qr(e,t,n,r){let i=Kr(e,n,r);return i||(i=Wr(e,r,n),i.mode=`hidden`,await new Promise(e=>setTimeout(()=>e(void 0),0))),i.mode!==`hidden`&&(i.mode=`hidden`),[...t].sort((e,t)=>Hr(t)-Hr(e)).forEach(t=>{let n=t.value,a=Hr(t);if(`endTime`in t&&t.endTime!=null)i?.addCue(new VTTCue(a,t.endTime,r===`chapters`?n:JSON.stringify(n??null)));else{let t=Array.prototype.findIndex.call(i?.cues,e=>e.startTime>=a),o=i?.cues?.[t],s=o?o.startTime:Number.isFinite(e.duration)?e.duration:2**53-1,c=i?.cues?.[t-1];c&&(c.endTime=a),i?.addCue(new VTTCue(a,s,r===`chapters`?n:JSON.stringify(n??null)))}}),e.textTracks.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})),i}var Jr=`cuepoints`,Yr=Object.freeze({label:Jr});async function Xr(e,t,n=Yr){return qr(e,t,n.label,`metadata`)}var Zr=e=>({time:e.startTime,value:JSON.parse(e.text)});function Qr(e,t={label:Jr}){let n=Kr(e,t.label,`metadata`);return n!=null&&n.cues?Array.from(n.cues,e=>Zr(e)):[]}function $r(e,t={label:Jr}){var n;let r=Kr(e,t.label,`metadata`);if(!((n=r?.activeCues)!=null&&n.length))return;if(r.activeCues.length===1)return Zr(r.activeCues[0]);let{currentTime:i}=e;return Zr(Array.prototype.find.call(r.activeCues??[],({startTime:e,endTime:t})=>e<=i&&t>i)||r.activeCues[0])}async function ei(e,t=Yr){return new Promise(n=>{T(e,`loadstart`,async()=>{let r=await Xr(e,[],t);T(e,`cuechange`,()=>{let t=$r(e);if(t){let n=new CustomEvent(`cuepointchange`,{composed:!0,bubbles:!0,detail:t});e.dispatchEvent(n)}},{},r),n(r)})})}var ti=`chapters`,ni=Object.freeze({label:ti}),ri=e=>({startTime:e.startTime,endTime:e.endTime,value:e.text});async function ii(e,t,n=ni){return qr(e,t,n.label,`chapters`)}function ai(e,t={label:ti}){var n;let r=Kr(e,t.label,`chapters`);return(n=r?.cues)!=null&&n.length?Array.from(r.cues,e=>ri(e)):[]}function oi(e,t={label:ti}){var n;let r=Kr(e,t.label,`chapters`);if(!((n=r?.activeCues)!=null&&n.length))return;if(r.activeCues.length===1)return ri(r.activeCues[0]);let{currentTime:i}=e;return ri(Array.prototype.find.call(r.activeCues??[],({startTime:e,endTime:t})=>e<=i&&t>i)||r.activeCues[0])}async function si(e,t=ni){return new Promise(n=>{T(e,`loadstart`,async()=>{let r=await ii(e,[],t);T(e,`cuechange`,()=>{let t=oi(e);if(t){let n=new CustomEvent(`chapterchange`,{composed:!0,bubbles:!0,detail:t});e.dispatchEvent(n)}},{},r),n(r)})})}function ci(e,t){if(t){let n=t.playingDate;if(n!=null)return new Date(n.getTime()-e.currentTime*1e3)}return typeof e.getStartDate==`function`?e.getStartDate():new Date(NaN)}function li(e,t){if(t&&t.playingDate)return t.playingDate;if(typeof e.getStartDate==`function`){let t=e.getStartDate();return new Date(t.getTime()+e.currentTime*1e3)}return new Date(NaN)}var ui={VIDEO:`v`,THUMBNAIL:`t`,STORYBOARD:`s`,DRM:`d`},di=e=>{if(e===x.VIDEO)return ui.VIDEO;if(e===x.DRM)return ui.DRM},fi=(e,t)=>{var n;let r=sr(e),i=`${r}Token`;return(n=t.tokens)!=null&&n[r]?t.tokens?.[r]:ur(i,t)?t[i]:void 0},pi=(e,t,n,r,i=!1,a=!(e=>(e=globalThis.navigator)?.onLine)())=>{if(a){let n=E(`Your device appears to be offline`,i),r=C.MEDIA_ERR_NETWORK,a=new C(n,r,!1,void 0);return a.errorCategory=t,a.muxCode=S.NETWORK_OFFLINE,a.data=e,a}let o=`status`in e?e.status:e.code,s=Date.now(),c=C.MEDIA_ERR_NETWORK;if(o===200)return;let l=sr(t),u=fi(t,n),d=di(t),[f]=Sr(n.playbackId??``);if(!o||!f)return;let p=kr(u);if(u&&!p){let n=new C(E(`The {tokenNamePrefix}-token provided is invalid or malformed.`,i).format({tokenNamePrefix:l}),c,!0,E(`Compact JWT string: {token}`,i).format({token:u}));return n.errorCategory=t,n.muxCode=S.NETWORK_TOKEN_MALFORMED,n.data=e,n}if(o>=500){let e=new C(``,c,r??!0);return e.errorCategory=t,e.muxCode=S.NETWORK_UNKNOWN_ERROR,e}if(o===403)if(p){if(Ar(p,s)){let n={timeStyle:`medium`,dateStyle:`medium`},r=new C(E(`The video’s secured {tokenNamePrefix}-token has expired.`,i).format({tokenNamePrefix:l}),c,!0,E(`Expired at: {expiredDate}. Current time: {currentDate}.`,i).format({expiredDate:new Intl.DateTimeFormat(`en`,n).format(p.exp??0),currentDate:new Intl.DateTimeFormat(`en`,n).format(s)}));return r.errorCategory=t,r.muxCode=S.NETWORK_TOKEN_EXPIRED,r.data=e,r}if(jr(p,f)){let n=new C(E(`The video’s playback ID does not match the one encoded in the {tokenNamePrefix}-token.`,i).format({tokenNamePrefix:l}),c,!0,E(`Specified playback ID: {playbackId} and the playback ID encoded in the {tokenNamePrefix}-token: {tokenPlaybackId}`,i).format({tokenNamePrefix:l,playbackId:f,tokenPlaybackId:p.sub}));return n.errorCategory=t,n.muxCode=S.NETWORK_TOKEN_SUB_MISMATCH,n.data=e,n}if(Mr(p,d)){let n=new C(E(`The {tokenNamePrefix}-token is formatted with incorrect information.`,i).format({tokenNamePrefix:l}),c,!0,E(`The {tokenNamePrefix}-token has no aud value. aud value should be {expectedAud}.`,i).format({tokenNamePrefix:l,expectedAud:d}));return n.errorCategory=t,n.muxCode=S.NETWORK_TOKEN_AUD_MISSING,n.data=e,n}if(Nr(p,d)){let n=new C(E(`The {tokenNamePrefix}-token is formatted with incorrect information.`,i).format({tokenNamePrefix:l}),c,!0,E(`The {tokenNamePrefix}-token has an incorrect aud value: {aud}. aud value should be {expectedAud}.`,i).format({tokenNamePrefix:l,expectedAud:d,aud:p.aud}));return n.errorCategory=t,n.muxCode=S.NETWORK_TOKEN_AUD_MISMATCH,n.data=e,n}}else{let n=E(`Authorization error trying to access this {category} URL. If this is a signed URL, you might need to provide a {tokenNamePrefix}-token.`,i).format({tokenNamePrefix:l,category:t}),a=E(`Specified playback ID: {playbackId}`,i).format({playbackId:f}),o=new C(n,c,r??!0,a);return o.errorCategory=t,o.muxCode=S.NETWORK_TOKEN_MISSING,o.data=e,o}if(o===412){let a=E(`This playback-id may belong to a live stream that is not currently active or an asset that is not ready.`,i),o=E(`Specified playback ID: {playbackId}`,i).format({playbackId:f}),s=new C(a,c,r??!0,o);return s.errorCategory=t,s.muxCode=S.NETWORK_NOT_READY,s.streamType=n.streamType===w.LIVE?`live`:n.streamType===w.ON_DEMAND?`on-demand`:`unknown`,s.data=e,s}if(o===404){let n=E(`This URL or playback-id does not exist. You may have used an Asset ID or an ID from a different resource.`,i),a=E(`Specified playback ID: {playbackId}`,i).format({playbackId:f}),o=new C(n,c,r??!0,a);return o.errorCategory=t,o.muxCode=S.NETWORK_NOT_FOUND,o.data=e,o}if(o===400){let n=E(`The URL or playback-id was invalid. You may have used an invalid value as a playback-id.`),a=E(`Specified playback ID: {playbackId}`,i).format({playbackId:f}),o=new C(n,c,r??!0,a);return o.errorCategory=t,o.muxCode=S.NETWORK_INVALID_URL,o.data=e,o}let m=new C(``,c,r??!0);return m.errorCategory=t,m.muxCode=S.NETWORK_UNKNOWN_ERROR,m.data=e,m},mi=b.DefaultConfig.capLevelController,hi=class e extends mi{constructor(e){super(e)}get levels(){return this.hls.levels??[]}getValidLevels(e){return this.levels.filter((t,n)=>this.isLevelAllowed(t)&&n<=e)}getMaxLevel(t){let n=super.getMaxLevel(t),r=this.getValidLevels(t);if(!r[n])return n;let i=Math.min(r[n].width,r[n].height),a=e.minMaxResolution;return i>=a?n:mi.getMaxLevelByMediaSize(r,16/9*a,a)}};hi.minMaxResolution=720;var gi=hi,_i={FAIRPLAY:`fairplay`,PLAYREADY:`playready`,WIDEVINE:`widevine`},vi=e=>{if(e.includes(`fps`))return _i.FAIRPLAY;if(e.includes(`playready`))return _i.PLAYREADY;if(e.includes(`widevine`))return _i.WIDEVINE},yi=e=>{let t=e.split(`
|
|
17
|
-
`).find((e,t,n)=>t&&n[t-1].startsWith(`#EXT-X-STREAM-INF`));return fetch(t).then(e=>e.status===200?e.text():Promise.reject(e))},bi=e=>{let t=e.split(`
|
|
18
|
-
`).filter(e=>e.startsWith(`#EXT-X-SESSION-DATA`));if(!t.length)return{};let n={};for(let e of t){let t=Si(e),r=t[`DATA-ID`];r&&(n[r]={...t})}return{sessionData:n}},xi=/([A-Z0-9-]+)="?(.*?)"?(?:,|$)/g;function Si(e){let t=[...e.matchAll(xi)];return Object.fromEntries(t.map(([,e,t])=>[e,t]))}var Ci=e=>{let t=e.split(`
|
|
19
|
-
`),n=(t.find(e=>e.startsWith(`#EXT-X-PLAYLIST-TYPE`))??``).split(`:`)[1]?.trim(),r=wr(n),i=Tr(n),a;if(r===w.LIVE){let e=t.find(e=>e.startsWith(`#EXT-X-PART-INF`));a=e?e.split(`:`)[1].split(`=`)[1]*2:(t.find(e=>e.startsWith(`#EXT-X-TARGETDURATION`))?.split(`:`)?.[1]??6)*3}return{streamType:r,targetLiveWindow:i,liveEdgeStartOffset:a}},wi=async(e,t)=>{if(t===hr.MP4)return{streamType:w.ON_DEMAND,targetLiveWindow:NaN,liveEdgeStartOffset:void 0,sessionData:void 0};if(t===hr.M3U8){let t=await fetch(e);if(!t.ok)return Promise.reject(t);let n=await t.text(),r=await yi(n);return{...bi(n),...Ci(r)}}return console.error(`Media type ${t} is an unrecognized or unsupported type for src ${e}.`),{streamType:void 0,targetLiveWindow:void 0,liveEdgeStartOffset:void 0,sessionData:void 0}},Ti=async(e,t,n=Cr({src:e}))=>{let{streamType:r,targetLiveWindow:i,liveEdgeStartOffset:a,sessionData:o}=await wi(e,n),s=o?.[`com.apple.hls.chapters`];(s!=null&&s.URI||s!=null&&s.VALUE.toLocaleLowerCase().startsWith(`http`))&&Ei(s.URI??s.VALUE,t),(D.get(t)??{}).liveEdgeStartOffset=a,(D.get(t)??{}).targetLiveWindow=i,t.dispatchEvent(new CustomEvent(`targetlivewindowchange`,{composed:!0,bubbles:!0})),(D.get(t)??{}).streamType=r,t.dispatchEvent(new CustomEvent(`streamtypechange`,{composed:!0,bubbles:!0}))},Ei=async(e,t)=>{var n;try{let r=await fetch(e);if(!r.ok)throw Error(`Failed to fetch Mux metadata: ${r.status} ${r.statusText}`);let i=await r.json(),a={};if(!((n=i?.[0])!=null&&n.metadata))return;for(let e of i[0].metadata)e.key&&e.value&&(a[e.key]=e.value);(D.get(t)??{}).metadata=a;let o=new CustomEvent(`muxmetadata`);t.dispatchEvent(o)}catch(e){console.error(e)}},Di=e=>{var t;let n=e.type,r=wr(n),i=Tr(n),a,o=!!((t=e.partList)!=null&&t.length);return r===w.LIVE&&(a=o?e.partTarget*2:e.targetduration*3),{streamType:r,targetLiveWindow:i,liveEdgeStartOffset:a,lowLatency:o}},Oi=(e,t,n)=>{let{streamType:r,targetLiveWindow:i,liveEdgeStartOffset:a,lowLatency:o}=Di(e);if(r===w.LIVE){o?(n.config.backBufferLength=n.userConfig.backBufferLength??4,n.config.maxFragLookUpTolerance=n.userConfig.maxFragLookUpTolerance??.001,n.config.abrBandWidthUpFactor=n.userConfig.abrBandWidthUpFactor??n.config.abrBandWidthFactor):n.config.backBufferLength=n.userConfig.backBufferLength??8;let e=Object.freeze({get length(){return t.seekable.length},start(e){return t.seekable.start(e)},end(e){return e>this.length||e<0||Number.isFinite(t.duration)?t.seekable.end(e):n.liveSyncPosition??t.seekable.end(e)}});(D.get(t)??{}).seekable=e}(D.get(t)??{}).liveEdgeStartOffset=a,(D.get(t)??{}).targetLiveWindow=i,t.dispatchEvent(new CustomEvent(`targetlivewindowchange`,{composed:!0,bubbles:!0})),(D.get(t)??{}).streamType=r,t.dispatchEvent(new CustomEvent(`streamtypechange`,{composed:!0,bubbles:!0}))},ki=(globalThis==null?void 0:globalThis.navigator)?.userAgent??``,Ai=(globalThis==null?void 0:globalThis.navigator)?.userAgentData?.platform??``,ji=ki.toLowerCase().includes(`android`)||[`x11`,`android`].some(e=>Ai.toLowerCase().includes(e)),D=new WeakMap,Mi=`mux.com`,Ni,Pi=(Ni=b).isSupported?.call(Ni),Fi=ji,Ii=()=>or.utils.now(),Li=or.utils.generateUUID,Ri=({playbackId:e,customDomain:t=Mi,maxResolution:n,minResolution:r,renditionOrder:i,programStartTime:a,programEndTime:o,assetStartTime:s,assetEndTime:c,playbackToken:l,tokens:{playback:u=l}={},extraSourceParams:d={}}={})=>{if(!e)return;let[f,p=``]=Sr(e),m=new URL(`https://stream.${t}/${f}.m3u8${p}`);return u||m.searchParams.has(`token`)?(m.searchParams.forEach((e,t)=>{t!=`token`&&m.searchParams.delete(t)}),u&&m.searchParams.set(`token`,u)):(n&&m.searchParams.set(`max_resolution`,n),r&&(m.searchParams.set(`min_resolution`,r),n&&+n.slice(0,-1)<+r.slice(0,-1)&&console.error(`minResolution must be <= maxResolution`,`minResolution`,r,`maxResolution`,n)),i&&m.searchParams.set(`rendition_order`,i),a&&m.searchParams.set(`program_start_time`,`${a}`),o&&m.searchParams.set(`program_end_time`,`${o}`),s&&m.searchParams.set(`asset_start_time`,`${s}`),c&&m.searchParams.set(`asset_end_time`,`${c}`),Object.entries(d).forEach(([e,t])=>{t!=null&&m.searchParams.set(e,t)})),m.toString()},zi=e=>{if(!e)return;let[t]=e.split(`?`);return t||void 0},Bi=e=>{if(!e||!e.startsWith(`https://stream.`))return;let[t]=new URL(e).pathname.slice(1).split(/\.m3u8|\//);return t||void 0},Vi=e=>{var t,n;return(t=e?.metadata)!=null&&t.video_id?e.metadata.video_id:da(e)&&(n=zi(e.playbackId)??Bi(e.src))!=null?n:e.src},Hi=e=>D.get(e)?.error,Ui=e=>D.get(e)?.metadata,Wi=e=>D.get(e)?.streamType??w.UNKNOWN,Gi=e=>D.get(e)?.targetLiveWindow??NaN,Ki=e=>D.get(e)?.seekable??e.seekable,qi=e=>{let t=D.get(e)?.liveEdgeStartOffset;if(typeof t!=`number`)return NaN;let n=Ki(e);return n.length?n.end(n.length-1)-t:NaN},Ji=.034,Yi=(e,t,n=Ji)=>Math.abs(e-t)<=n,Xi=(e,t,n=Ji)=>e>t||Yi(e,t,n),Zi=(e,t=Ji)=>e.paused&&Xi(e.currentTime,e.duration,t),Qi=(e,t)=>{if(!t||!e.buffered.length)return;if(e.readyState>2)return!1;let n=t.currentLevel>=0?t.levels?.[t.currentLevel]?.details:t.levels.find(e=>!!e.details)?.details;if(!n||n.live)return;let{fragments:r}=n;if(!(r!=null&&r.length))return;if(e.currentTime<e.duration-(n.targetduration+.5))return!1;let i=r[r.length-1];if(e.currentTime<=i.start)return!1;let a=i.start+i.duration/2,o=e.buffered.start(e.buffered.length-1),s=e.buffered.end(e.buffered.length-1);return a>o&&a<s},$i=(e,t)=>e.ended||e.loop?e.ended:t&&Qi(e,t)?!0:Zi(e),ea=(e,t,n)=>{ta(t,n,e);let{metadata:r={}}=e,{view_session_id:i=Li()}=r,a=Vi(e);r.view_session_id=i,r.video_id=a,e.metadata=r,e.drmTypeCb=e=>{var n;(n=t.mux)==null||n.emit(`hb`,{view_drm_type:e})},D.set(t,{retryCount:0});let o=ra(e,t),s=Br(e,t,o);return e!=null&&e.muxDataKeepSession&&t!=null&&t.mux&&!t.mux.deleted?o&&t.mux.addHLSJS({hlsjs:o,Hls:o?b:void 0}):fa(e,t,o),pa(e,t,o),ei(t),si(t),{engine:o,setAutoplay:Rr(e,t,o),setPreload:s}},ta=(e,t,n)=>{let r=t?.engine;e!=null&&e.mux&&!e.mux.deleted&&(n!=null&&n.muxDataKeepSession?r&&e.mux.removeHLSJS():(e.mux.destroy(),delete e.mux)),r&&(r.detachMedia(),r.destroy()),e&&(e.hasAttribute(`src`)&&(e.removeAttribute(`src`),e.load()),e.removeEventListener(`error`,ha),e.removeEventListener(`error`,_a),e.removeEventListener(`durationchange`,ma),D.delete(e),e.dispatchEvent(new Event(`teardown`)))};function na(e,t){let n=Cr(e);if(n!==hr.M3U8)return!0;let r=!n||(t.canPlayType(n)??!0),{preferPlayback:i}=e,a=i===fr.MSE,o=i===fr.NATIVE;return r&&(o||!(Pi&&(a||Fi)))}var ra=(e,t)=>{let{debug:n,streamType:r,startTime:i=-1,metadata:a,preferCmcd:o,_hlsConfig:s={}}=e,c=Cr(e)===hr.M3U8,l=na(e,t);if(c&&!l&&Pi){let c={backBufferLength:30,renderTextTracksNatively:!1,liveDurationInfinity:!0,capLevelToPlayerSize:!0,capLevelOnFPSDrop:!0},l=ia(r),u=aa(e),d=new b({debug:n,startPosition:i,cmcd:[pr.QUERY,pr.HEADER].includes(o)?{useHeaders:o===pr.HEADER,sessionId:a?.view_session_id,contentId:a?.video_id}:void 0,xhrSetup:(e,t)=>{if(o&&o!==pr.QUERY)return;let n=new URL(t);if(!n.searchParams.has(`CMCD`))return;let r=(n.searchParams.get(`CMCD`)?.split(`,`)??[]).filter(e=>e.startsWith(`sid`)||e.startsWith(`cid`)).join(`,`);n.searchParams.set(`CMCD`,r),e.open(`GET`,n)},capLevelController:gi,...c,...l,...u,...s});return d.on(b.Events.MANIFEST_PARSED,async function(e,n){let r=n.sessionData?.[`com.apple.hls.chapters`];(r!=null&&r.URI||r!=null&&r.VALUE.toLocaleLowerCase().startsWith(`http`))&&Ei(r?.URI??r?.VALUE,t)}),d}},ia=e=>e===w.LIVE?{backBufferLength:8}:{},aa=e=>{let{tokens:{drm:t}={},playbackId:n,drmTypeCb:r}=e,i=zi(n);return!t||!i?{}:{emeEnabled:!0,drmSystems:{"com.apple.fps":{licenseUrl:la(e,`fairplay`),serverCertificateUrl:ua(e,`fairplay`)},"com.widevine.alpha":{licenseUrl:la(e,`widevine`)},"com.microsoft.playready":{licenseUrl:la(e,`playready`)}},requestMediaKeySystemAccessFunc:(e,t)=>(e===`com.widevine.alpha`&&(t=[...t.map(e=>{let t=e.videoCapabilities?.map(e=>({...e,robustness:`HW_SECURE_ALL`}));return{...e,videoCapabilities:t}}),...t]),navigator.requestMediaKeySystemAccess(e,t).then(t=>{let n=vi(e);return r?.(n),t}))}},oa=async e=>{let t=await fetch(e);return t.status===200?await t.arrayBuffer():Promise.reject(t)},sa=async(e,t)=>{let n=await fetch(t,{method:`POST`,headers:{"Content-type":`application/octet-stream`},body:e});if(n.status!==200)return Promise.reject(n);let r=await n.arrayBuffer();return new Uint8Array(r)},ca=(e,t)=>{T(t,`encrypted`,async n=>{try{let r=n.initDataType;if(r!==`skd`){console.error(`Received unexpected initialization data type "${r}"`);return}if(!t.mediaKeys){let n=await navigator.requestMediaKeySystemAccess(`com.apple.fps`,[{initDataTypes:[r],videoCapabilities:[{contentType:`application/vnd.apple.mpegurl`,robustness:``}],distinctiveIdentifier:`not-allowed`,persistentState:`not-allowed`,sessionTypes:[`temporary`]}]).then(t=>{var n;return(n=e.drmTypeCb)==null||n.call(e,_i.FAIRPLAY),t}).catch(()=>{let e=new C(E(`Cannot play DRM-protected content with current security configuration on this browser. Try playing in another browser.`),C.MEDIA_ERR_ENCRYPTED,!0);e.errorCategory=x.DRM,e.muxCode=S.ENCRYPTED_UNSUPPORTED_KEY_SYSTEM,ga(t,e)});if(!n)return;let i=await n.createMediaKeys();try{let t=await oa(ua(e,`fairplay`)).catch(t=>{if(t instanceof Response){let n=pi(t,x.DRM,e);return console.error(`mediaError`,n?.message,n?.context),n?Promise.reject(n):Promise.reject(Error(`Unexpected error in app cert request`))}return Promise.reject(t)});await i.setServerCertificate(t).catch(()=>{let e=new C(E(`Your server certificate failed when attempting to set it. This may be an issue with a no longer valid certificate.`),C.MEDIA_ERR_ENCRYPTED,!0);return e.errorCategory=x.DRM,e.muxCode=S.ENCRYPTED_UPDATE_SERVER_CERT_FAILED,Promise.reject(e)})}catch(e){ga(t,e);return}await t.setMediaKeys(i)}let i=n.initData;if(i==null){console.error(`Could not start encrypted playback due to missing initData in ${n.type} event`);return}let a=t.mediaKeys.createSession();a.addEventListener(`keystatuseschange`,()=>{a.keyStatuses.forEach(e=>{let n;e===`internal-error`?(n=new C(E(`The DRM Content Decryption Module system had an internal failure. Try reloading the page, upading your browser, or playing in another browser.`),C.MEDIA_ERR_ENCRYPTED,!0),n.errorCategory=x.DRM,n.muxCode=S.ENCRYPTED_CDM_ERROR):(e===`output-restricted`||e===`output-downscaled`)&&(n=new C(E(`DRM playback is being attempted in an environment that is not sufficiently secure. User may see black screen.`),C.MEDIA_ERR_ENCRYPTED,!1),n.errorCategory=x.DRM,n.muxCode=S.ENCRYPTED_OUTPUT_RESTRICTED),n&&ga(t,n)})});let o=await sa(await Promise.all([a.generateRequest(r,i).catch(()=>{let e=new C(E(`Failed to generate a DRM license request. This may be an issue with the player or your protected content.`),C.MEDIA_ERR_ENCRYPTED,!0);e.errorCategory=x.DRM,e.muxCode=S.ENCRYPTED_GENERATE_REQUEST_FAILED,ga(t,e)}),new Promise(e=>{a.addEventListener(`message`,t=>{e(t.message)},{once:!0})})]).then(([,e])=>e),la(e,`fairplay`)).catch(t=>{if(t instanceof Response){let n=pi(t,x.DRM,e);return console.error(`mediaError`,n?.message,n?.context),n?Promise.reject(n):Promise.reject(Error(`Unexpected error in license key request`))}return Promise.reject(t)});await a.update(o).catch(()=>{let e=new C(E(`Failed to update DRM license. This may be an issue with the player or your protected content.`),C.MEDIA_ERR_ENCRYPTED,!0);return e.errorCategory=x.DRM,e.muxCode=S.ENCRYPTED_UPDATE_LICENSE_FAILED,Promise.reject(e)})}catch(e){ga(t,e);return}})},la=({playbackId:e,tokens:{drm:t}={},customDomain:n=Mi},r)=>{let i=zi(e);return`https://license.${n.toLocaleLowerCase().endsWith(Mi)?n:Mi}/license/${r}/${i}?token=${t}`},ua=({playbackId:e,tokens:{drm:t}={},customDomain:n=Mi},r)=>{let i=zi(e);return`https://license.${n.toLocaleLowerCase().endsWith(Mi)?n:Mi}/appcert/${r}/${i}?token=${t}`},da=({playbackId:e,src:t,customDomain:n})=>{if(e)return!0;if(typeof t!=`string`)return!1;let r=window==null?void 0:window.location.href,i=new URL(t,r).hostname.toLocaleLowerCase();return i.includes(Mi)||!!n&&i.includes(n.toLocaleLowerCase())},fa=(e,t,n)=>{let{envKey:r,disableTracking:i,muxDataSDK:a=or,muxDataSDKOptions:o={}}=e,s=da(e);if(!i&&(r||s)){let{playerInitTime:i,playerSoftwareName:s,playerSoftwareVersion:c,beaconCollectionDomain:l,debug:u,disableCookies:d}=e,f={...e.metadata,video_title:e?.metadata?.video_title||void 0};a.monitor(t,{debug:u,beaconCollectionDomain:l,hlsjs:n,Hls:n?b:void 0,automaticErrorTracking:!1,errorTranslator:t=>typeof t.player_error_code==`string`?!1:typeof e.errorTranslator==`function`?e.errorTranslator(t):t,disableCookies:d,...o,data:{...r?{env_key:r}:{},player_software_name:s,player_software:s,player_software_version:c,player_init_time:i,...f}})}},pa=(e,t,n)=>{var r;let i=na(e,t),{src:a,customDomain:o=Mi}=e,s=()=>{t.ended||!$i(t,n)||(Qi(t,n)?t.currentTime=t.buffered.end(t.buffered.length-1):t.dispatchEvent(new Event(`ended`)))},c,l,u=()=>{let e=Ki(t),n,r;e.length>0&&(n=e.start(0),r=e.end(0)),(l!==r||c!==n)&&t.dispatchEvent(new CustomEvent(`seekablechange`,{composed:!0})),c=n,l=r};if(T(t,`durationchange`,u),t&&i){let n=Cr(e);if(typeof a==`string`){if(a.endsWith(`.mp4`)&&a.includes(o)){let e=Bi(a);Ei(new URL(`https://stream.${o}/${e}/metadata.json`).toString(),t)}let i=()=>{if(Wi(t)!==w.LIVE||Number.isFinite(t.duration))return;let e=setInterval(u,1e3);t.addEventListener(`teardown`,()=>{clearInterval(e)},{once:!0}),T(t,`durationchange`,()=>{Number.isFinite(t.duration)&&clearInterval(e)})},s=async()=>Ti(a,t,n).then(i).catch(n=>{if(n instanceof Response){let r=pi(n,x.VIDEO,e);if(r){ga(t,r);return}}else n instanceof Error});if(t.preload===`none`){let e=()=>{s(),t.removeEventListener(`loadedmetadata`,n)},n=()=>{s(),t.removeEventListener(`play`,e)};T(t,`play`,e,{once:!0}),T(t,`loadedmetadata`,n,{once:!0})}else s();(r=e.tokens)!=null&&r.drm?ca(e,t):T(t,`encrypted`,()=>{let e=new C(E(`Attempting to play DRM-protected content without providing a DRM token.`),C.MEDIA_ERR_ENCRYPTED,!0);e.errorCategory=x.DRM,e.muxCode=S.ENCRYPTED_MISSING_TOKEN,ga(t,e)},{once:!0}),t.setAttribute(`src`,a),e.startTime&&((D.get(t)??{}).startTime=e.startTime,t.addEventListener(`durationchange`,ma,{once:!0}))}else t.removeAttribute(`src`);t.addEventListener(`error`,ha),t.addEventListener(`error`,_a),t.addEventListener(`emptied`,()=>{t.querySelectorAll(`track[data-removeondestroy]`).forEach(e=>{e.remove()})},{once:!0}),T(t,`pause`,s),T(t,`seeked`,s),T(t,`play`,()=>{t.ended||Xi(t.currentTime,t.duration)&&(t.currentTime=t.seekable.length?t.seekable.start(0):0)})}else n&&a?(n.once(b.Events.LEVEL_LOADED,(e,r)=>{Oi(r.details,t,n),u(),Wi(t)===w.LIVE&&!Number.isFinite(t.duration)&&(n.on(b.Events.LEVEL_UPDATED,u),T(t,`durationchange`,()=>{Number.isFinite(t.duration)&&n.off(b.Events.LEVELS_UPDATED,u)}))}),n.on(b.Events.ERROR,(r,i)=>{let a=va(i,e);if(a.muxCode===S.NETWORK_NOT_READY){let e=D.get(t)??{},r=e.retryCount??0;if(r<6){let o=r===0?5e3:6e4,s=new C(`Retrying in ${o/1e3} seconds...`,a.code,a.fatal);Object.assign(s,a),ga(t,s),setTimeout(()=>{e.retryCount=r+1,i.details===`manifestLoadError`&&i.url&&n.loadSource(i.url)},o);return}else{e.retryCount=0;let n=new C(`Try again later or <a href="#" onclick="window.location.reload(); return false;" style="color: #4a90e2;">click here to retry</a>`,a.code,a.fatal);Object.assign(n,a),ga(t,n);return}}ga(t,a)}),n.on(b.Events.MANIFEST_LOADED,()=>{let e=D.get(t);e&&e.error&&(e.error=null,e.retryCount=0,t.dispatchEvent(new Event(`emptied`)),t.dispatchEvent(new Event(`loadstart`)))}),t.addEventListener(`error`,_a),T(t,`waiting`,s),Vr(e,n),Ur(t,n),n.attachMedia(t)):console.error(`It looks like the video you're trying to play will not work on this system! If possible, try upgrading to the newest versions of your browser or software.`)};function ma(e){let t=e.target,n=D.get(t)?.startTime;if(n&&xr(t.seekable,t.duration,n)){let e=t.preload===`auto`;e&&(t.preload=`none`),t.currentTime=n,e&&(t.preload=`auto`)}}async function ha(e){if(!e.isTrusted)return;e.stopImmediatePropagation();let t=e.target;if(!(t!=null&&t.error))return;let{message:n,code:r}=t.error,i=new C(n,r);if(t.src&&r===C.MEDIA_ERR_SRC_NOT_SUPPORTED&&t.readyState===HTMLMediaElement.HAVE_NOTHING){setTimeout(()=>{(Hi(t)??t.error)?.code===C.MEDIA_ERR_SRC_NOT_SUPPORTED&&ga(t,i)},500);return}if(t.src&&(r!==C.MEDIA_ERR_DECODE||r!==void 0))try{let{status:e}=await fetch(t.src);i.data={response:{code:e}}}catch{}ga(t,i)}function ga(e,t){t.fatal&&((D.get(e)??{}).error=t,e.dispatchEvent(new CustomEvent(`error`,{detail:t})))}function _a(e){var t;if(!(e instanceof CustomEvent)||!(e.detail instanceof C))return;let n=e.target,r=e.detail;!r||!r.fatal||((D.get(n)??{}).error=r,(t=n.mux)==null||t.emit(`error`,{player_error_code:r.code,player_error_message:r.message,player_error_context:r.context}))}var va=(e,t)=>{console.error(`getErrorFromHlsErrorData()`,e);let n={[b.ErrorTypes.NETWORK_ERROR]:C.MEDIA_ERR_NETWORK,[b.ErrorTypes.MEDIA_ERROR]:C.MEDIA_ERR_DECODE,[b.ErrorTypes.KEY_SYSTEM_ERROR]:C.MEDIA_ERR_ENCRYPTED},r=e=>[b.ErrorDetails.KEY_SYSTEM_LICENSE_REQUEST_FAILED,b.ErrorDetails.KEY_SYSTEM_SERVER_CERTIFICATE_REQUEST_FAILED].includes(e.details)?C.MEDIA_ERR_NETWORK:n[e.type],i=e=>{if(e.type===b.ErrorTypes.KEY_SYSTEM_ERROR)return x.DRM;if(e.type===b.ErrorTypes.NETWORK_ERROR)return x.VIDEO},a,o=r(e);if(o===C.MEDIA_ERR_NETWORK&&e.response){let n=i(e)??x.VIDEO;a=pi(e.response,n,t,e.fatal)??new C(``,o,e.fatal)}else o===C.MEDIA_ERR_ENCRYPTED?e.details===b.ErrorDetails.KEY_SYSTEM_NO_CONFIGURED_LICENSE?(a=new C(E(`Attempting to play DRM-protected content without providing a DRM token.`),C.MEDIA_ERR_ENCRYPTED,e.fatal),a.errorCategory=x.DRM,a.muxCode=S.ENCRYPTED_MISSING_TOKEN):e.details===b.ErrorDetails.KEY_SYSTEM_NO_ACCESS?(a=new C(E(`Cannot play DRM-protected content with current security configuration on this browser. Try playing in another browser.`),C.MEDIA_ERR_ENCRYPTED,e.fatal),a.errorCategory=x.DRM,a.muxCode=S.ENCRYPTED_UNSUPPORTED_KEY_SYSTEM):e.details===b.ErrorDetails.KEY_SYSTEM_NO_SESSION?(a=new C(E(`Failed to generate a DRM license request. This may be an issue with the player or your protected content.`),C.MEDIA_ERR_ENCRYPTED,!0),a.errorCategory=x.DRM,a.muxCode=S.ENCRYPTED_GENERATE_REQUEST_FAILED):e.details===b.ErrorDetails.KEY_SYSTEM_SESSION_UPDATE_FAILED?(a=new C(E(`Failed to update DRM license. This may be an issue with the player or your protected content.`),C.MEDIA_ERR_ENCRYPTED,e.fatal),a.errorCategory=x.DRM,a.muxCode=S.ENCRYPTED_UPDATE_LICENSE_FAILED):e.details===b.ErrorDetails.KEY_SYSTEM_SERVER_CERTIFICATE_UPDATE_FAILED?(a=new C(E(`Your server certificate failed when attempting to set it. This may be an issue with a no longer valid certificate.`),C.MEDIA_ERR_ENCRYPTED,e.fatal),a.errorCategory=x.DRM,a.muxCode=S.ENCRYPTED_UPDATE_SERVER_CERT_FAILED):e.details===b.ErrorDetails.KEY_SYSTEM_STATUS_INTERNAL_ERROR?(a=new C(E(`The DRM Content Decryption Module system had an internal failure. Try reloading the page, upading your browser, or playing in another browser.`),C.MEDIA_ERR_ENCRYPTED,e.fatal),a.errorCategory=x.DRM,a.muxCode=S.ENCRYPTED_CDM_ERROR):e.details===b.ErrorDetails.KEY_SYSTEM_STATUS_OUTPUT_RESTRICTED?(a=new C(E(`DRM playback is being attempted in an environment that is not sufficiently secure. User may see black screen.`),C.MEDIA_ERR_ENCRYPTED,!1),a.errorCategory=x.DRM,a.muxCode=S.ENCRYPTED_OUTPUT_RESTRICTED):(a=new C(e.error.message,C.MEDIA_ERR_ENCRYPTED,e.fatal),a.errorCategory=x.DRM,a.muxCode=S.ENCRYPTED_ERROR):a=new C(``,o,e.fatal);return a.context||=`${e.url?`url: ${e.url}
|
|
20
|
-
`:``}${e.response&&(e.response.code||e.response.text)?`response: ${e.response.code}, ${e.response.text}
|
|
21
|
-
`:``}${e.reason?`failure reason: ${e.reason}
|
|
22
|
-
`:``}${e.level?`level: ${e.level}
|
|
23
|
-
`:``}${e.parent?`parent stream controller: ${e.parent}
|
|
24
|
-
`:``}${e.buffer?`buffer length: ${e.buffer}
|
|
25
|
-
`:``}${e.error?`error: ${e.error}
|
|
26
|
-
`:``}${e.event?`event: ${e.event}
|
|
27
|
-
`:``}${e.err?`error message: ${e.err?.message}
|
|
28
|
-
`:``}`,a.data=e,a},ya=e=>{throw TypeError(e)},ba=(e,t,n)=>t.has(e)||ya(`Cannot `+n),xa=(e,t,n)=>(ba(e,t,`read from private field`),n?n.call(e):t.get(e)),Sa=(e,t,n)=>t.has(e)?ya(`Cannot add the same private member more than once`):t instanceof WeakSet?t.add(e):t.set(e,n),Ca=(e,t,n,r)=>(ba(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),wa=(e,t,n)=>(ba(e,t,`access private method`),n),Ta=(()=>{try{return`0.26.1`}catch{}return`UNKNOWN`})(),Ea=()=>Ta,Da=`
|
|
29
|
-
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" part="logo" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 1600 500"><g fill="#fff"><path d="M994.287 93.486c-17.121 0-31-13.879-31-31 0-17.121 13.879-31 31-31 17.121 0 31 13.879 31 31 0 17.121-13.879 31-31 31m0-93.486c-34.509 0-62.484 27.976-62.484 62.486v187.511c0 68.943-56.09 125.033-125.032 125.033s-125.03-56.09-125.03-125.033V62.486C681.741 27.976 653.765 0 619.256 0s-62.484 27.976-62.484 62.486v187.511C556.772 387.85 668.921 500 806.771 500c137.851 0 250.001-112.15 250.001-250.003V62.486c0-34.51-27.976-62.486-62.485-62.486M1537.51 468.511c-17.121 0-31-13.879-31-31 0-17.121 13.879-31 31-31 17.121 0 31 13.879 31 31 0 17.121-13.879 31-31 31m-275.883-218.509-143.33 143.329c-24.402 24.402-24.402 63.966 0 88.368 24.402 24.402 63.967 24.402 88.369 0l143.33-143.329 143.328 143.329c24.402 24.4 63.967 24.402 88.369 0 24.403-24.402 24.403-63.966.001-88.368l-143.33-143.329.001-.004 143.329-143.329c24.402-24.402 24.402-63.965 0-88.367s-63.967-24.402-88.369 0L1349.996 161.63 1206.667 18.302c-24.402-24.401-63.967-24.402-88.369 0s-24.402 63.965 0 88.367l143.329 143.329v.004ZM437.511 468.521c-17.121 0-31-13.879-31-31 0-17.121 13.879-31 31-31 17.121 0 31 13.879 31 31 0 17.121-13.879 31-31 31M461.426 4.759C438.078-4.913 411.2.432 393.33 18.303L249.999 161.632 106.669 18.303C88.798.432 61.922-4.913 38.573 4.759 15.224 14.43-.001 37.214-.001 62.488v375.026c0 34.51 27.977 62.486 62.487 62.486 34.51 0 62.486-27.976 62.486-62.486V213.341l80.843 80.844c24.404 24.402 63.965 24.402 88.369 0l80.843-80.844v224.173c0 34.51 27.976 62.486 62.486 62.486s62.486-27.976 62.486-62.486V62.488c0-25.274-15.224-48.058-38.573-57.729" style="fill-rule:nonzero"/></g></svg>`,O={BEACON_COLLECTION_DOMAIN:`beacon-collection-domain`,CUSTOM_DOMAIN:`custom-domain`,DEBUG:`debug`,DISABLE_TRACKING:`disable-tracking`,DISABLE_COOKIES:`disable-cookies`,DRM_TOKEN:`drm-token`,PLAYBACK_TOKEN:`playback-token`,ENV_KEY:`env-key`,MAX_RESOLUTION:`max-resolution`,MIN_RESOLUTION:`min-resolution`,RENDITION_ORDER:`rendition-order`,PROGRAM_START_TIME:`program-start-time`,PROGRAM_END_TIME:`program-end-time`,ASSET_START_TIME:`asset-start-time`,ASSET_END_TIME:`asset-end-time`,METADATA_URL:`metadata-url`,PLAYBACK_ID:`playback-id`,PLAYER_SOFTWARE_NAME:`player-software-name`,PLAYER_SOFTWARE_VERSION:`player-software-version`,PLAYER_INIT_TIME:`player-init-time`,PREFER_CMCD:`prefer-cmcd`,PREFER_PLAYBACK:`prefer-playback`,START_TIME:`start-time`,STREAM_TYPE:`stream-type`,TARGET_LIVE_WINDOW:`target-live-window`,LIVE_EDGE_OFFSET:`live-edge-offset`,TYPE:`type`,LOGO:`logo`},Oa=Object.values(O),ka=Ea(),Aa=`mux-video`,ja,Ma,Na,Pa,Fa,Ia,La,Ra,za,Ba,Va,Ha,Ua=class extends u{constructor(){super(),Sa(this,Va),Sa(this,ja),Sa(this,Ma),Sa(this,Na),Sa(this,Pa,{}),Sa(this,Fa,{}),Sa(this,Ia),Sa(this,La),Sa(this,Ra),Sa(this,za),Sa(this,Ba,``),Ca(this,Na,Ii()),this.nativeEl.addEventListener(`muxmetadata`,e=>{let t=Ui(this.nativeEl),n=this.metadata??{};this.metadata={...t,...n},t?.[`com.mux.video.branding`]===`mux-free-plan`&&(Ca(this,Ba,`default`),this.updateLogo())})}static get NAME(){return Aa}static get VERSION(){return ka}static get observedAttributes(){return[...Oa,...u.observedAttributes??[]]}static getLogoHTML(e){return!e||e===`false`?``:e==="default"?Da:`<img part="logo" src="${e}" />`}static getTemplateHTML(e={}){return`
|
|
30
|
-
${u.getTemplateHTML(e)}
|
|
31
|
-
<style>
|
|
32
|
-
:host {
|
|
33
|
-
position: relative;
|
|
34
|
-
}
|
|
35
|
-
slot[name="logo"] {
|
|
36
|
-
display: flex;
|
|
37
|
-
justify-content: end;
|
|
38
|
-
position: absolute;
|
|
39
|
-
top: 1rem;
|
|
40
|
-
right: 1rem;
|
|
41
|
-
opacity: 0;
|
|
42
|
-
transition: opacity 0.25s ease-in-out;
|
|
43
|
-
z-index: 1;
|
|
44
|
-
}
|
|
45
|
-
slot[name="logo"]:has([part="logo"]) {
|
|
46
|
-
opacity: 1;
|
|
47
|
-
}
|
|
48
|
-
slot[name="logo"] [part="logo"] {
|
|
49
|
-
width: 5rem;
|
|
50
|
-
pointer-events: none;
|
|
51
|
-
user-select: none;
|
|
52
|
-
}
|
|
53
|
-
</style>
|
|
54
|
-
<slot name="logo">
|
|
55
|
-
${this.getLogoHTML(e[O.LOGO]??``)}
|
|
56
|
-
</slot>
|
|
57
|
-
`}get preferCmcd(){return this.getAttribute(O.PREFER_CMCD)??void 0}set preferCmcd(e){e!==this.preferCmcd&&(e?mr.includes(e)?this.setAttribute(O.PREFER_CMCD,e):console.warn(`Invalid value for preferCmcd. Must be one of ${mr.join()}`):this.removeAttribute(O.PREFER_CMCD))}get playerInitTime(){return this.hasAttribute(O.PLAYER_INIT_TIME)?+this.getAttribute(O.PLAYER_INIT_TIME):xa(this,Na)}set playerInitTime(e){e!=this.playerInitTime&&(e==null?this.removeAttribute(O.PLAYER_INIT_TIME):this.setAttribute(O.PLAYER_INIT_TIME,`${+e}`))}get playerSoftwareName(){return xa(this,Ra)??Aa}set playerSoftwareName(e){Ca(this,Ra,e)}get playerSoftwareVersion(){return xa(this,La)??ka}set playerSoftwareVersion(e){Ca(this,La,e)}get _hls(){return xa(this,ja)?.engine}get mux(){return this.nativeEl?.mux}get error(){return Hi(this.nativeEl)??null}get errorTranslator(){return xa(this,za)}set errorTranslator(e){Ca(this,za,e)}get src(){return this.getAttribute(`src`)}set src(e){e!==this.src&&(e==null?this.removeAttribute(`src`):this.setAttribute(`src`,e))}get type(){return this.getAttribute(O.TYPE)??void 0}set type(e){e!==this.type&&(e?this.setAttribute(O.TYPE,e):this.removeAttribute(O.TYPE))}get preload(){let e=this.getAttribute(`preload`);return e===``?`auto`:[`none`,`metadata`,`auto`].includes(e)?e:super.preload}set preload(e){e!=this.getAttribute(`preload`)&&([``,`none`,`metadata`,`auto`].includes(e)?this.setAttribute(`preload`,e):this.removeAttribute(`preload`))}get debug(){return this.getAttribute(O.DEBUG)!=null}set debug(e){e!==this.debug&&(e?this.setAttribute(O.DEBUG,``):this.removeAttribute(O.DEBUG))}get disableTracking(){return this.hasAttribute(O.DISABLE_TRACKING)}set disableTracking(e){e!==this.disableTracking&&this.toggleAttribute(O.DISABLE_TRACKING,!!e)}get disableCookies(){return this.hasAttribute(O.DISABLE_COOKIES)}set disableCookies(e){e!==this.disableCookies&&(e?this.setAttribute(O.DISABLE_COOKIES,``):this.removeAttribute(O.DISABLE_COOKIES))}get startTime(){let e=this.getAttribute(O.START_TIME);if(e==null)return;let t=+e;return Number.isNaN(t)?void 0:t}set startTime(e){e!==this.startTime&&(e==null?this.removeAttribute(O.START_TIME):this.setAttribute(O.START_TIME,`${e}`))}get playbackId(){return this.hasAttribute(O.PLAYBACK_ID)?this.getAttribute(O.PLAYBACK_ID):Bi(this.src)??void 0}set playbackId(e){e!==this.playbackId&&(e?this.setAttribute(O.PLAYBACK_ID,e):this.removeAttribute(O.PLAYBACK_ID))}get maxResolution(){return this.getAttribute(O.MAX_RESOLUTION)??void 0}set maxResolution(e){e!==this.maxResolution&&(e?this.setAttribute(O.MAX_RESOLUTION,e):this.removeAttribute(O.MAX_RESOLUTION))}get minResolution(){return this.getAttribute(O.MIN_RESOLUTION)??void 0}set minResolution(e){e!==this.minResolution&&(e?this.setAttribute(O.MIN_RESOLUTION,e):this.removeAttribute(O.MIN_RESOLUTION))}get renditionOrder(){return this.getAttribute(O.RENDITION_ORDER)??void 0}set renditionOrder(e){e!==this.renditionOrder&&(e?this.setAttribute(O.RENDITION_ORDER,e):this.removeAttribute(O.RENDITION_ORDER))}get programStartTime(){let e=this.getAttribute(O.PROGRAM_START_TIME);if(e==null)return;let t=+e;return Number.isNaN(t)?void 0:t}set programStartTime(e){e==null?this.removeAttribute(O.PROGRAM_START_TIME):this.setAttribute(O.PROGRAM_START_TIME,`${e}`)}get programEndTime(){let e=this.getAttribute(O.PROGRAM_END_TIME);if(e==null)return;let t=+e;return Number.isNaN(t)?void 0:t}set programEndTime(e){e==null?this.removeAttribute(O.PROGRAM_END_TIME):this.setAttribute(O.PROGRAM_END_TIME,`${e}`)}get assetStartTime(){let e=this.getAttribute(O.ASSET_START_TIME);if(e==null)return;let t=+e;return Number.isNaN(t)?void 0:t}set assetStartTime(e){e==null?this.removeAttribute(O.ASSET_START_TIME):this.setAttribute(O.ASSET_START_TIME,`${e}`)}get assetEndTime(){let e=this.getAttribute(O.ASSET_END_TIME);if(e==null)return;let t=+e;return Number.isNaN(t)?void 0:t}set assetEndTime(e){e==null?this.removeAttribute(O.ASSET_END_TIME):this.setAttribute(O.ASSET_END_TIME,`${e}`)}get customDomain(){return this.getAttribute(O.CUSTOM_DOMAIN)??void 0}set customDomain(e){e!==this.customDomain&&(e?this.setAttribute(O.CUSTOM_DOMAIN,e):this.removeAttribute(O.CUSTOM_DOMAIN))}get drmToken(){return this.getAttribute(O.DRM_TOKEN)??void 0}set drmToken(e){e!==this.drmToken&&(e?this.setAttribute(O.DRM_TOKEN,e):this.removeAttribute(O.DRM_TOKEN))}get playbackToken(){if(this.hasAttribute(O.PLAYBACK_TOKEN))return this.getAttribute(O.PLAYBACK_TOKEN)??void 0;if(this.hasAttribute(O.PLAYBACK_ID)){let[,e]=Sr(this.playbackId??``);return new URLSearchParams(e).get(`token`)??void 0}if(this.src)return new URLSearchParams(this.src).get(`token`)??void 0}set playbackToken(e){e!==this.playbackToken&&(e?this.setAttribute(O.PLAYBACK_TOKEN,e):this.removeAttribute(O.PLAYBACK_TOKEN))}get tokens(){let e=this.getAttribute(O.PLAYBACK_TOKEN),t=this.getAttribute(O.DRM_TOKEN);return{...xa(this,Fa),...e==null?{}:{playback:e},...t==null?{}:{drm:t}}}set tokens(e){Ca(this,Fa,e??{})}get ended(){return $i(this.nativeEl,this._hls)}get envKey(){return this.getAttribute(O.ENV_KEY)??void 0}set envKey(e){e!==this.envKey&&(e?this.setAttribute(O.ENV_KEY,e):this.removeAttribute(O.ENV_KEY))}get beaconCollectionDomain(){return this.getAttribute(O.BEACON_COLLECTION_DOMAIN)??void 0}set beaconCollectionDomain(e){e!==this.beaconCollectionDomain&&(e?this.setAttribute(O.BEACON_COLLECTION_DOMAIN,e):this.removeAttribute(O.BEACON_COLLECTION_DOMAIN))}get streamType(){return this.getAttribute(O.STREAM_TYPE)??Wi(this.nativeEl)}set streamType(e){e!==this.streamType&&(e?this.setAttribute(O.STREAM_TYPE,e):this.removeAttribute(O.STREAM_TYPE))}get targetLiveWindow(){return this.hasAttribute(O.TARGET_LIVE_WINDOW)?+this.getAttribute(O.TARGET_LIVE_WINDOW):Gi(this.nativeEl)}set targetLiveWindow(e){e!=this.targetLiveWindow&&(e==null?this.removeAttribute(O.TARGET_LIVE_WINDOW):this.setAttribute(O.TARGET_LIVE_WINDOW,`${+e}`))}get liveEdgeStart(){if(this.hasAttribute(O.LIVE_EDGE_OFFSET)){let{liveEdgeOffset:e}=this,t=this.nativeEl.seekable.end(0)??0,n=this.nativeEl.seekable.start(0)??0;return Math.max(n,t-e)}return qi(this.nativeEl)}get liveEdgeOffset(){if(this.hasAttribute(O.LIVE_EDGE_OFFSET))return+this.getAttribute(O.LIVE_EDGE_OFFSET)}set liveEdgeOffset(e){e!=this.liveEdgeOffset&&(e==null?this.removeAttribute(O.LIVE_EDGE_OFFSET):this.setAttribute(O.LIVE_EDGE_OFFSET,`${+e}`))}get seekable(){return Ki(this.nativeEl)}async addCuePoints(e){return Xr(this.nativeEl,e)}get activeCuePoint(){return $r(this.nativeEl)}get cuePoints(){return Qr(this.nativeEl)}async addChapters(e){return ii(this.nativeEl,e)}get activeChapter(){return oi(this.nativeEl)}get chapters(){return ai(this.nativeEl)}getStartDate(){return ci(this.nativeEl,this._hls)}get currentPdt(){return li(this.nativeEl,this._hls)}get preferPlayback(){let e=this.getAttribute(O.PREFER_PLAYBACK);if(e===fr.MSE||e===fr.NATIVE)return e}set preferPlayback(e){e!==this.preferPlayback&&(e===fr.MSE||e===fr.NATIVE?this.setAttribute(O.PREFER_PLAYBACK,e):this.removeAttribute(O.PREFER_PLAYBACK))}get metadata(){return{...this.getAttributeNames().filter(e=>e.startsWith(`metadata-`)&&![O.METADATA_URL].includes(e)).reduce((e,t)=>{let n=this.getAttribute(t);return n!=null&&(e[t.replace(/^metadata-/,``).replace(/-/g,`_`)]=n),e},{}),...xa(this,Pa)}}set metadata(e){Ca(this,Pa,e??{}),this.mux&&this.mux.emit(`hb`,xa(this,Pa))}get _hlsConfig(){return xa(this,Ia)}set _hlsConfig(e){Ca(this,Ia,e)}get logo(){return this.getAttribute(O.LOGO)??xa(this,Ba)}set logo(e){e?this.setAttribute(O.LOGO,e):this.removeAttribute(O.LOGO)}load(){Ca(this,ja,ea(this,this.nativeEl,xa(this,ja)))}unload(){ta(this.nativeEl,xa(this,ja),this),Ca(this,ja,void 0)}attributeChangedCallback(e,t,n){var r,i;switch(u.observedAttributes.includes(e)&&![`src`,`autoplay`,`preload`].includes(e)&&super.attributeChangedCallback(e,t,n),e){case O.PLAYER_SOFTWARE_NAME:this.playerSoftwareName=n??void 0;break;case O.PLAYER_SOFTWARE_VERSION:this.playerSoftwareVersion=n??void 0;break;case`src`:{let e=!!t,r=!!n;!e&&r?wa(this,Va,Ha).call(this):e&&!r?this.unload():e&&r&&(this.unload(),wa(this,Va,Ha).call(this));break}case`autoplay`:if(n===t)break;(r=xa(this,ja))==null||r.setAutoplay(this.autoplay);break;case`preload`:if(n===t)break;(i=xa(this,ja))==null||i.setPreload(n);break;case O.PLAYBACK_ID:this.src=Ri(this);break;case O.DEBUG:{let e=this.debug;this.mux&&console.info(`Cannot toggle debug mode of mux data after initialization. Make sure you set all metadata to override before setting the src.`),this._hls&&(this._hls.config.debug=e);break}case O.METADATA_URL:n&&fetch(n).then(e=>e.json()).then(e=>this.metadata=e).catch(()=>console.error(`Unable to load or parse metadata JSON from metadata-url ${n}!`));break;case O.STREAM_TYPE:(n==null||n!==t)&&this.dispatchEvent(new CustomEvent(`streamtypechange`,{composed:!0,bubbles:!0}));break;case O.TARGET_LIVE_WINDOW:(n==null||n!==t)&&this.dispatchEvent(new CustomEvent(`targetlivewindowchange`,{composed:!0,bubbles:!0,detail:this.targetLiveWindow}));break;case O.LOGO:(n==null||n!==t)&&this.updateLogo();break}}updateLogo(){if(!this.shadowRoot)return;let e=this.shadowRoot.querySelector(`slot[name="logo"]`);e&&(e.innerHTML=this.constructor.getLogoHTML(xa(this,Ba)||this.logo))}connectedCallback(){var e;(e=super.connectedCallback)==null||e.call(this),this.nativeEl&&this.src&&!xa(this,ja)&&wa(this,Va,Ha).call(this)}disconnectedCallback(){this.unload()}handleEvent(e){e.target===this.nativeEl&&this.dispatchEvent(new CustomEvent(e.type,{composed:!0,detail:e.detail}))}};ja=new WeakMap,Ma=new WeakMap,Na=new WeakMap,Pa=new WeakMap,Fa=new WeakMap,Ia=new WeakMap,La=new WeakMap,Ra=new WeakMap,za=new WeakMap,Ba=new WeakMap,Va=new WeakSet,Ha=async function(){xa(this,Ma)||(await Ca(this,Ma,Promise.resolve()),Ca(this,Ma,null),this.load())};var Wa=new WeakMap,Ga=class extends Error{},Ka=class extends Error{},qa=[`application/x-mpegURL`,`application/vnd.apple.mpegurl`,`audio/mpegurl`],Ja=globalThis.WeakRef?class extends Set{add(e){super.add(new WeakRef(e))}forEach(e){super.forEach(t=>{let n=t.deref();n&&e(n)})}}:Set;function Ya(e){globalThis.chrome?.cast?.isAvailable?globalThis.cast?.framework?e():customElements.whenDefined(`google-cast-button`).then(e):globalThis.__onGCastApiAvailable=()=>{customElements.whenDefined(`google-cast-button`).then(e)}}function Xa(){return globalThis.chrome}function Za(){let e=`https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1`;if(globalThis.chrome?.cast||document.querySelector(`script[src="${e}"]`))return;let t=document.createElement(`script`);t.src=e,document.head.append(t)}function Qa(){return globalThis.cast?.framework?.CastContext.getInstance()}function $a(){return Qa()?.getCurrentSession()}function eo(){return $a()?.getSessionObj().media[0]}function to(e){return new Promise((t,n)=>{eo().editTracksInfo(e,t,n)})}function no(e){return new Promise((t,n)=>{eo().getStatus(e,t,n)})}function ro(e){return Qa().setOptions({...io(),...e})}function io(){return{receiverApplicationId:`CC1AD845`,autoJoinPolicy:`origin_scoped`,androidReceiverCompatible:!1,language:`en-US`,resumeSavedSession:!0}}function ao(e){if(!e)return;let t=e.match(/\.([a-zA-Z0-9]+)(?:\?.*)?$/);return t?t[1]:null}function oo(e){let t=e.split(`
|
|
58
|
-
`),n=[];for(let e=0;e<t.length;e++)if(t[e].trim().startsWith(`#EXT-X-STREAM-INF`)){let r=t[e+1]?t[e+1].trim():``;r&&!r.startsWith(`#`)&&n.push(r)}return n}function so(e){return e.split(`
|
|
59
|
-
`).find(e=>!e.trim().startsWith(`#`)&&e.trim()!==``)}async function co(e){try{let t=(await fetch(e,{method:`HEAD`})).headers.get(`Content-Type`);return qa.some(e=>t===e)}catch(e){return console.error(`Error while trying to get the Content-Type of the manifest`,e),!1}}async function lo(e){try{let t=await(await fetch(e)).text(),n=t,r=oo(t);if(r.length>0){let t=new URL(r[0],e).toString();n=await(await fetch(t)).text()}return ao(so(n))}catch(e){console.error(`Error while trying to parse the manifest playlist`,e);return}}var uo=new Ja,fo=new WeakSet,po;Ya(()=>{if(!globalThis.chrome?.cast?.isAvailable){console.debug(`chrome.cast.isAvailable`,globalThis.chrome?.cast?.isAvailable);return}po||(po=cast.framework,Qa().addEventListener(po.CastContextEventType.CAST_STATE_CHANGED,e=>{uo.forEach(t=>Wa.get(t).onCastStateChanged?.(e))}),Qa().addEventListener(po.CastContextEventType.SESSION_STATE_CHANGED,e=>{uo.forEach(t=>Wa.get(t).onSessionStateChanged?.(e))}),uo.forEach(e=>Wa.get(e).init?.()))});var mo=0,ho=class extends EventTarget{#e;#t;#n;#r;#i=`disconnected`;#a=!1;#o=new Set;#s=new WeakMap;constructor(e){super(),this.#e=e,uo.add(this),Wa.set(this,{init:()=>this.#p(),onCastStateChanged:()=>this.#d(),onSessionStateChanged:()=>this.#f(),getCastPlayer:()=>this.#c}),this.#p()}get#c(){if(fo.has(this.#e))return this.#n}get state(){return this.#i}async watchAvailability(e){if(this.#e.disableRemotePlayback)throw new Ga(`disableRemotePlayback attribute is present.`);return this.#s.set(e,++mo),this.#o.add(e),queueMicrotask(()=>e(this.#u())),mo}async cancelWatchAvailability(e){if(this.#e.disableRemotePlayback)throw new Ga(`disableRemotePlayback attribute is present.`);e?this.#o.delete(e):this.#o.clear()}async prompt(){if(this.#e.disableRemotePlayback)throw new Ga(`disableRemotePlayback attribute is present.`);if(!globalThis.chrome?.cast?.isAvailable)throw new Ka(`The RemotePlayback API is disabled on this platform.`);let e=fo.has(this.#e);fo.add(this.#e),ro(this.#e.castOptions),Object.entries(this.#r).forEach(([e,t])=>{this.#n.controller.addEventListener(e,t)});try{await Qa().requestSession()}catch(t){if(e||fo.delete(this.#e),t===`cancel`)return;throw Error(t)}Wa.get(this.#e)?.loadOnPrompt?.()}#l(){fo.has(this.#e)&&(Object.entries(this.#r).forEach(([e,t])=>{this.#n.controller.removeEventListener(e,t)}),fo.delete(this.#e),this.#e.muted=this.#n.isMuted,this.#e.currentTime=this.#n.savedPlayerState.currentTime,this.#n.savedPlayerState.isPaused===!1&&this.#e.play())}#u(){let e=Qa()?.getCastState();return e&&e!==`NO_DEVICES_AVAILABLE`}#d(){let e=Qa().getCastState();if(fo.has(this.#e)&&e===`CONNECTING`&&(this.#i=`connecting`,this.dispatchEvent(new Event(`connecting`))),!this.#a&&e?.includes(`CONNECT`)){this.#a=!0;for(let e of this.#o)e(!0)}else if(this.#a&&(!e||e===`NO_DEVICES_AVAILABLE`)){this.#a=!1;for(let e of this.#o)e(!1)}}async#f(){let{SESSION_RESUMED:e}=po.SessionState;if(Qa().getSessionState()===e&&this.#e.castSrc===eo()?.media.contentId){fo.add(this.#e),Object.entries(this.#r).forEach(([e,t])=>{this.#n.controller.addEventListener(e,t)});try{await no(new chrome.cast.media.GetStatusRequest)}catch(e){console.error(e)}this.#r[po.RemotePlayerEventType.IS_PAUSED_CHANGED](),this.#r[po.RemotePlayerEventType.PLAYER_STATE_CHANGED]()}}#p(){!po||this.#t||(this.#t=!0,ro(this.#e.castOptions),this.#e.textTracks.addEventListener(`change`,()=>this.#h()),this.#d(),this.#n=new po.RemotePlayer,new po.RemotePlayerController(this.#n),this.#r={[po.RemotePlayerEventType.IS_CONNECTED_CHANGED]:({value:e})=>{e===!0?(this.#i=`connected`,this.dispatchEvent(new Event(`connect`))):(this.#l(),this.#i=`disconnected`,this.dispatchEvent(new Event(`disconnect`)))},[po.RemotePlayerEventType.DURATION_CHANGED]:()=>{this.#e.dispatchEvent(new Event(`durationchange`))},[po.RemotePlayerEventType.VOLUME_LEVEL_CHANGED]:()=>{this.#e.dispatchEvent(new Event(`volumechange`))},[po.RemotePlayerEventType.IS_MUTED_CHANGED]:()=>{this.#e.dispatchEvent(new Event(`volumechange`))},[po.RemotePlayerEventType.CURRENT_TIME_CHANGED]:()=>{this.#c?.isMediaLoaded&&this.#e.dispatchEvent(new Event(`timeupdate`))},[po.RemotePlayerEventType.VIDEO_INFO_CHANGED]:()=>{this.#e.dispatchEvent(new Event(`resize`))},[po.RemotePlayerEventType.IS_PAUSED_CHANGED]:()=>{this.#e.dispatchEvent(new Event(this.paused?`pause`:`play`))},[po.RemotePlayerEventType.PLAYER_STATE_CHANGED]:()=>{this.#c?.playerState!==chrome.cast.media.PlayerState.PAUSED&&this.#e.dispatchEvent(new Event({[chrome.cast.media.PlayerState.PLAYING]:`playing`,[chrome.cast.media.PlayerState.BUFFERING]:`waiting`,[chrome.cast.media.PlayerState.IDLE]:`emptied`}[this.#c?.playerState]))},[po.RemotePlayerEventType.IS_MEDIA_LOADED_CHANGED]:async()=>{this.#c?.isMediaLoaded&&(await Promise.resolve(),this.#m())}})}#m(){this.#h()}async#h(){if(!this.#c)return;let e=(this.#n.mediaInfo?.tracks??[]).filter(({type:e})=>e===chrome.cast.media.TrackType.TEXT),t=[...this.#e.textTracks].filter(({kind:e})=>e===`subtitles`||e===`captions`),n=e.map(({language:e,name:n,trackId:r})=>{let{mode:i}=t.find(t=>t.language===e&&t.label===n)??{};return i?{mode:i,trackId:r}:!1}).filter(Boolean),r=n.filter(({mode:e})=>e!==`showing`).map(({trackId:e})=>e),i=n.find(({mode:e})=>e===`showing`),a=$a()?.getSessionObj().media[0]?.activeTrackIds??[],o=a;if(a.length&&(o=o.filter(e=>!r.includes(e))),i?.trackId&&(o=[...o,i.trackId]),o=[...new Set(o)],!((e,t)=>e.length===t.length&&e.every(e=>t.includes(e)))(a,o))try{await to(new chrome.cast.media.EditTracksInfoRequest(o))}catch(e){console.error(e)}}},go=e=>class extends e{static observedAttributes=[...e.observedAttributes??[],`cast-src`,`cast-content-type`,`cast-stream-type`,`cast-receiver`];#e={paused:!1};#t=io();#n;#r;get remote(){return this.#r?this.#r:Xa()?(this.disableRemotePlayback||Za(),Wa.set(this,{loadOnPrompt:()=>this.#a()}),this.#r=new ho(this)):super.remote}get#i(){return Wa.get(this.remote)?.getCastPlayer?.()}attributeChangedCallback(e,t,n){if(super.attributeChangedCallback(e,t,n),e===`cast-receiver`&&n){this.#t.receiverApplicationId=n;return}if(this.#i)switch(e){case`cast-stream-type`:case`cast-src`:this.load();break}}async#a(){this.#e.paused=super.paused,super.pause(),this.muted=super.muted;try{await this.load()}catch(e){console.error(e)}}async load(){if(!this.#i)return super.load();let e=new chrome.cast.media.MediaInfo(this.castSrc,this.castContentType);e.customData=this.castCustomData;let t=[...this.querySelectorAll(`track`)].filter(({kind:e,src:t})=>t&&(e===`subtitles`||e===`captions`)),n=[],r=0;if(t.length&&(e.tracks=t.map(e=>{let t=++r;n.length===0&&e.track.mode===`showing`&&n.push(t);let i=new chrome.cast.media.Track(t,chrome.cast.media.TrackType.TEXT);return i.trackContentId=e.src,i.trackContentType=`text/vtt`,i.subtype=e.kind===`captions`?chrome.cast.media.TextTrackType.CAPTIONS:chrome.cast.media.TextTrackType.SUBTITLES,i.name=e.label,i.language=e.srclang,i})),this.castStreamType===`live`?e.streamType=chrome.cast.media.StreamType.LIVE:e.streamType=chrome.cast.media.StreamType.BUFFERED,e.metadata=new chrome.cast.media.GenericMediaMetadata,e.metadata.title=this.title,e.metadata.images=[{url:this.poster}],co(this.castSrc)){let t=await lo(this.castSrc);(t?.includes(`m4s`)||t?.includes(`mp4`))&&(e.hlsSegmentFormat=chrome.cast.media.HlsSegmentFormat.FMP4,e.hlsVideoSegmentFormat=chrome.cast.media.HlsVideoSegmentFormat.FMP4)}let i=new chrome.cast.media.LoadRequest(e);i.currentTime=super.currentTime??0,i.autoplay=!this.#e.paused,i.activeTrackIds=n,await $a()?.loadMedia(i),this.dispatchEvent(new Event(`volumechange`))}play(){if(this.#i){this.#i.isPaused&&this.#i.controller?.playOrPause();return}return super.play()}pause(){if(this.#i){this.#i.isPaused||this.#i.controller?.playOrPause();return}super.pause()}get castOptions(){return this.#t}get castReceiver(){return this.getAttribute(`cast-receiver`)??void 0}set castReceiver(e){this.castReceiver!=e&&this.setAttribute(`cast-receiver`,`${e}`)}get castSrc(){return this.getAttribute(`cast-src`)??this.querySelector(`source`)?.src??this.currentSrc}set castSrc(e){this.castSrc!=e&&this.setAttribute(`cast-src`,`${e}`)}get castContentType(){return this.getAttribute(`cast-content-type`)??void 0}set castContentType(e){this.setAttribute(`cast-content-type`,`${e}`)}get castStreamType(){return this.getAttribute(`cast-stream-type`)??this.streamType??void 0}set castStreamType(e){this.setAttribute(`cast-stream-type`,`${e}`)}get castCustomData(){return this.#n}set castCustomData(e){let t=typeof e;if(![`object`,`undefined`].includes(t)){console.error(`castCustomData must be nullish or an object but value was of type ${t}`);return}this.#n=e}get readyState(){if(this.#i)switch(this.#i.playerState){case chrome.cast.media.PlayerState.IDLE:return 0;case chrome.cast.media.PlayerState.BUFFERING:return 2;default:return 3}return super.readyState}get paused(){return this.#i?this.#i.isPaused:super.paused}get muted(){return this.#i?this.#i?.isMuted:super.muted}set muted(e){if(this.#i){(e&&!this.#i.isMuted||!e&&this.#i.isMuted)&&this.#i.controller?.muteOrUnmute();return}super.muted=e}get volume(){return this.#i?this.#i?.volumeLevel??1:super.volume}set volume(e){if(this.#i){this.#i.volumeLevel=+e,this.#i.controller?.setVolumeLevel();return}super.volume=e}get duration(){return this.#i&&this.#i?.isMediaLoaded?this.#i?.duration??NaN:super.duration}get currentTime(){return this.#i&&this.#i?.isMediaLoaded?this.#i?.currentTime??0:super.currentTime}set currentTime(e){if(this.#i){this.#i.currentTime=e,this.#i.controller?.seek();return}super.currentTime=e}},_o=e=>{throw TypeError(e)},vo=(e,t,n)=>t.has(e)||_o(`Cannot `+n),yo=(e,t,n)=>(vo(e,t,`read from private field`),n?n.call(e):t.get(e)),bo=(e,t,n)=>t.has(e)?_o(`Cannot add the same private member more than once`):t instanceof WeakSet?t.add(e):t.set(e,n),xo=(e,t,n,r)=>(vo(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),So=class{addEventListener(){}removeEventListener(){}dispatchEvent(e){return!0}};if(typeof DocumentFragment>`u`){class e extends So{}globalThis.DocumentFragment=e}var Co=class extends So{},wo=class extends So{},To={get(e){},define(e,t,n){},getName(e){return null},upgrade(e){},whenDefined(e){return Promise.resolve(Co)}},Eo,Do=class{constructor(e,t={}){bo(this,Eo),xo(this,Eo,t?.detail)}get detail(){return yo(this,Eo)}initCustomEvent(){}};Eo=new WeakMap;function Oo(e,t){return new Co}var ko={document:{createElement:Oo},DocumentFragment,customElements:To,CustomEvent:Do,EventTarget:So,HTMLElement:Co,HTMLVideoElement:wo},Ao=typeof window>`u`||globalThis.customElements===void 0,jo=Ao?ko:globalThis;Ao?ko.document:globalThis.document;var Mo,No=class extends go(l(Ua)){constructor(){super(...arguments),bo(this,Mo)}get autoplay(){let e=this.getAttribute(`autoplay`);return e===null?!1:e===``?!0:e}set autoplay(e){e!==this.autoplay&&(e?this.setAttribute(`autoplay`,typeof e==`string`?e:``):this.removeAttribute(`autoplay`))}get muxCastCustomData(){return{mux:{playbackId:this.playbackId,minResolution:this.minResolution,maxResolution:this.maxResolution,renditionOrder:this.renditionOrder,customDomain:this.customDomain,tokens:{drm:this.drmToken},envKey:this.envKey,metadata:this.metadata,disableCookies:this.disableCookies,disableTracking:this.disableTracking,beaconCollectionDomain:this.beaconCollectionDomain,startTime:this.startTime,preferCmcd:this.preferCmcd}}}get castCustomData(){return yo(this,Mo)??this.muxCastCustomData}set castCustomData(e){xo(this,Mo,e)}};Mo=new WeakMap,jo.customElements.get(`mux-video`)||(jo.customElements.define(`mux-video`,No),jo.MuxVideoElement=No);var k={MEDIA_PLAY_REQUEST:`mediaplayrequest`,MEDIA_PAUSE_REQUEST:`mediapauserequest`,MEDIA_MUTE_REQUEST:`mediamuterequest`,MEDIA_UNMUTE_REQUEST:`mediaunmuterequest`,MEDIA_VOLUME_REQUEST:`mediavolumerequest`,MEDIA_SEEK_REQUEST:`mediaseekrequest`,MEDIA_AIRPLAY_REQUEST:`mediaairplayrequest`,MEDIA_ENTER_FULLSCREEN_REQUEST:`mediaenterfullscreenrequest`,MEDIA_EXIT_FULLSCREEN_REQUEST:`mediaexitfullscreenrequest`,MEDIA_PREVIEW_REQUEST:`mediapreviewrequest`,MEDIA_ENTER_PIP_REQUEST:`mediaenterpiprequest`,MEDIA_EXIT_PIP_REQUEST:`mediaexitpiprequest`,MEDIA_ENTER_CAST_REQUEST:`mediaentercastrequest`,MEDIA_EXIT_CAST_REQUEST:`mediaexitcastrequest`,MEDIA_SHOW_TEXT_TRACKS_REQUEST:`mediashowtexttracksrequest`,MEDIA_HIDE_TEXT_TRACKS_REQUEST:`mediahidetexttracksrequest`,MEDIA_SHOW_SUBTITLES_REQUEST:`mediashowsubtitlesrequest`,MEDIA_DISABLE_SUBTITLES_REQUEST:`mediadisablesubtitlesrequest`,MEDIA_TOGGLE_SUBTITLES_REQUEST:`mediatogglesubtitlesrequest`,MEDIA_PLAYBACK_RATE_REQUEST:`mediaplaybackraterequest`,MEDIA_RENDITION_REQUEST:`mediarenditionrequest`,MEDIA_AUDIO_TRACK_REQUEST:`mediaaudiotrackrequest`,MEDIA_SEEK_TO_LIVE_REQUEST:`mediaseektoliverequest`,REGISTER_MEDIA_STATE_RECEIVER:`registermediastatereceiver`,UNREGISTER_MEDIA_STATE_RECEIVER:`unregistermediastatereceiver`},A={MEDIA_CHROME_ATTRIBUTES:`mediachromeattributes`,MEDIA_CONTROLLER:`mediacontroller`},Po={MEDIA_AIRPLAY_UNAVAILABLE:`mediaAirplayUnavailable`,MEDIA_AUDIO_TRACK_ENABLED:`mediaAudioTrackEnabled`,MEDIA_AUDIO_TRACK_LIST:`mediaAudioTrackList`,MEDIA_AUDIO_TRACK_UNAVAILABLE:`mediaAudioTrackUnavailable`,MEDIA_BUFFERED:`mediaBuffered`,MEDIA_CAST_UNAVAILABLE:`mediaCastUnavailable`,MEDIA_CHAPTERS_CUES:`mediaChaptersCues`,MEDIA_CURRENT_TIME:`mediaCurrentTime`,MEDIA_DURATION:`mediaDuration`,MEDIA_ENDED:`mediaEnded`,MEDIA_ERROR:`mediaError`,MEDIA_ERROR_CODE:`mediaErrorCode`,MEDIA_ERROR_MESSAGE:`mediaErrorMessage`,MEDIA_FULLSCREEN_UNAVAILABLE:`mediaFullscreenUnavailable`,MEDIA_HAS_PLAYED:`mediaHasPlayed`,MEDIA_HEIGHT:`mediaHeight`,MEDIA_IS_AIRPLAYING:`mediaIsAirplaying`,MEDIA_IS_CASTING:`mediaIsCasting`,MEDIA_IS_FULLSCREEN:`mediaIsFullscreen`,MEDIA_IS_PIP:`mediaIsPip`,MEDIA_LOADING:`mediaLoading`,MEDIA_MUTED:`mediaMuted`,MEDIA_PAUSED:`mediaPaused`,MEDIA_PIP_UNAVAILABLE:`mediaPipUnavailable`,MEDIA_PLAYBACK_RATE:`mediaPlaybackRate`,MEDIA_PREVIEW_CHAPTER:`mediaPreviewChapter`,MEDIA_PREVIEW_COORDS:`mediaPreviewCoords`,MEDIA_PREVIEW_IMAGE:`mediaPreviewImage`,MEDIA_PREVIEW_TIME:`mediaPreviewTime`,MEDIA_RENDITION_LIST:`mediaRenditionList`,MEDIA_RENDITION_SELECTED:`mediaRenditionSelected`,MEDIA_RENDITION_UNAVAILABLE:`mediaRenditionUnavailable`,MEDIA_SEEKABLE:`mediaSeekable`,MEDIA_STREAM_TYPE:`mediaStreamType`,MEDIA_SUBTITLES_LIST:`mediaSubtitlesList`,MEDIA_SUBTITLES_SHOWING:`mediaSubtitlesShowing`,MEDIA_TARGET_LIVE_WINDOW:`mediaTargetLiveWindow`,MEDIA_TIME_IS_LIVE:`mediaTimeIsLive`,MEDIA_VOLUME:`mediaVolume`,MEDIA_VOLUME_LEVEL:`mediaVolumeLevel`,MEDIA_VOLUME_UNAVAILABLE:`mediaVolumeUnavailable`,MEDIA_WIDTH:`mediaWidth`},Fo=Object.entries(Po),j=Fo.reduce((e,[t,n])=>(e[t]=n.toLowerCase(),e),{}),Io=Fo.reduce((e,[t,n])=>(e[t]=n.toLowerCase(),e),{USER_INACTIVE_CHANGE:`userinactivechange`,BREAKPOINTS_CHANGE:`breakpointchange`,BREAKPOINTS_COMPUTED:`breakpointscomputed`});Object.entries(Io).reduce((e,[t,n])=>{let r=j[t];return r&&(e[n]=r),e},{userinactivechange:`userinactive`});var Lo=Object.entries(j).reduce((e,[t,n])=>{let r=Io[t];return r&&(e[n]=r),e},{userinactive:`userinactivechange`}),Ro={SUBTITLES:`subtitles`,CAPTIONS:`captions`,DESCRIPTIONS:`descriptions`,CHAPTERS:`chapters`,METADATA:`metadata`},zo={DISABLED:`disabled`,HIDDEN:`hidden`,SHOWING:`showing`},Bo={MOUSE:`mouse`,PEN:`pen`,TOUCH:`touch`},Vo={UNAVAILABLE:`unavailable`,UNSUPPORTED:`unsupported`},Ho={LIVE:`live`,ON_DEMAND:`on-demand`,UNKNOWN:`unknown`},Uo={INLINE:`inline`,FULLSCREEN:`fullscreen`,PICTURE_IN_PICTURE:`picture-in-picture`};function Wo(e){return e?.map(Ko).join(` `)}function Go(e){return e?.split(/\s+/).map(qo)}function Ko(e){if(e){let{id:t,width:n,height:r}=e;return[t,n,r].filter(e=>e!=null).join(`:`)}}function qo(e){if(e){let[t,n,r]=e.split(`:`);return{id:t,width:+n,height:+r}}}function Jo(e){return e?.map(Xo).join(` `)}function Yo(e){return e?.split(/\s+/).map(Zo)}function Xo(e){if(e){let{id:t,kind:n,language:r,label:i}=e;return[t,n,r,i].filter(e=>e!=null).join(`:`)}}function Zo(e){if(e){let[t,n,r,i]=e.split(`:`);return{id:t,kind:n,language:r,label:i}}}function Qo(e){return e.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function $o(e){return typeof e==`number`&&!Number.isNaN(e)&&Number.isFinite(e)}function es(e){return typeof e==`string`?!isNaN(e)&&!isNaN(parseFloat(e)):!1}var ts=e=>new Promise(t=>setTimeout(t,e)),ns=[{singular:`hour`,plural:`hours`},{singular:`minute`,plural:`minutes`},{singular:`second`,plural:`seconds`}],rs=(e,t)=>`${e} ${e===1?ns[t].singular:ns[t].plural}`,is=e=>{if(!$o(e))return``;let t=Math.abs(e),n=t!==e,r=new Date(0,0,0,0,0,t,0);return`${[r.getHours(),r.getMinutes(),r.getSeconds()].map((e,t)=>e&&rs(e,t)).filter(e=>e).join(`, `)}${n?` remaining`:``}`};function as(e,t){let n=!1;e<0&&(n=!0,e=0-e),e=e<0?0:e;let r=Math.floor(e%60),i=Math.floor(e/60%60),a=Math.floor(e/3600),o=Math.floor(t/60%60),s=Math.floor(t/3600);return(isNaN(e)||e===1/0)&&(a=i=r=`0`),a=a>0||s>0?a+`:`:``,i=((a||o>=10)&&i<10?`0`+i:i)+`:`,r=r<10?`0`+r:r,(n?`-`:``)+a+i+r}Object.freeze({length:0,start(e){let t=e>>>0;if(t>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${t}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(e){let t=e>>>0;if(t>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${t}) is greater than or equal to the maximum bound (${this.length}).`);return 0}});var os={en:{"Start airplay":`Start airplay`,"Stop airplay":`Stop airplay`,Audio:`Audio`,Captions:`Captions`,"Enable captions":`Enable captions`,"Disable captions":`Disable captions`,"Start casting":`Start casting`,"Stop casting":`Stop casting`,"Enter fullscreen mode":`Enter fullscreen mode`,"Exit fullscreen mode":`Exit fullscreen mode`,Mute:`Mute`,Unmute:`Unmute`,"Enter picture in picture mode":`Enter picture in picture mode`,"Exit picture in picture mode":`Exit picture in picture mode`,Play:`Play`,Pause:`Pause`,"Playback rate":`Playback rate`,"Playback rate {playbackRate}":`Playback rate {playbackRate}`,Quality:`Quality`,"Seek backward":`Seek backward`,"Seek forward":`Seek forward`,Settings:`Settings`,Auto:`Auto`,"audio player":`audio player`,"video player":`video player`,volume:`volume`,seek:`seek`,"closed captions":`closed captions`,"current playback rate":`current playback rate`,"playback time":`playback time`,"media loading":`media loading`,settings:`settings`,"audio tracks":`audio tracks`,quality:`quality`,play:`play`,pause:`pause`,mute:`mute`,unmute:`unmute`,live:`live`,Off:`Off`,"start airplay":`start airplay`,"stop airplay":`stop airplay`,"start casting":`start casting`,"stop casting":`stop casting`,"enter fullscreen mode":`enter fullscreen mode`,"exit fullscreen mode":`exit fullscreen mode`,"enter picture in picture mode":`enter picture in picture mode`,"exit picture in picture mode":`exit picture in picture mode`,"seek to live":`seek to live`,"playing live":`playing live`,"seek back {seekOffset} seconds":`seek back {seekOffset} seconds`,"seek forward {seekOffset} seconds":`seek forward {seekOffset} seconds`,"Network Error":`Network Error`,"Decode Error":`Decode Error`,"Source Not Supported":`Source Not Supported`,"Encryption Error":`Encryption Error`,"A network error caused the media download to fail.":`A network error caused the media download to fail.`,"A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.":`A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.`,"An unsupported error occurred. The server or network failed, or your browser does not support this format.":`An unsupported error occurred. The server or network failed, or your browser does not support this format.`,"The media is encrypted and there are no keys to decrypt it.":`The media is encrypted and there are no keys to decrypt it.`}},ss=globalThis.navigator?.language||`en`,cs=e=>{ss=e},ls=e=>{let[t]=ss.split(`-`);return os[ss]?.[e]||os[t]?.[e]||os.en?.[e]||e},M=(e,t={})=>ls(e).replace(/\{(\w+)\}/g,(e,n)=>n in t?String(t[n]):`{${n}}`),us=class{addEventListener(){}removeEventListener(){}dispatchEvent(){return!0}},ds=class extends us{},fs=class extends ds{constructor(){super(...arguments),this.role=null}},ps=class{observe(){}unobserve(){}disconnect(){}},ms={createElement:function(){return new hs.HTMLElement},createElementNS:function(){return new hs.HTMLElement},addEventListener(){},removeEventListener(){},dispatchEvent(e){return!1}},hs={ResizeObserver:ps,document:ms,Node:ds,Element:fs,HTMLElement:class extends fs{constructor(){super(...arguments),this.innerHTML=``}get content(){return new hs.DocumentFragment}},DocumentFragment:class extends us{},customElements:{get:function(){},define:function(){},whenDefined:function(){}},localStorage:{getItem(e){return null},setItem(e,t){},removeItem(e){}},CustomEvent:function(){},getComputedStyle:function(){},navigator:{languages:[],get userAgent(){return``}},matchMedia(e){return{matches:!1,media:e}},DOMParser:class{parseFromString(e,t){return{body:{textContent:e}}}}},gs=typeof window>`u`||window.customElements===void 0,_s=Object.keys(hs).every(e=>e in globalThis),N=gs&&!_s?hs:globalThis,vs=gs&&!_s?ms:globalThis.document,ys=new WeakMap,bs=e=>{let t=ys.get(e);return t||ys.set(e,t=new Set),t},xs=new N.ResizeObserver(e=>{for(let t of e)for(let e of bs(t.target))e(t)});function Ss(e,t){bs(e).add(t),xs.observe(e)}function Cs(e,t){let n=bs(e);n.delete(t),n.size||xs.unobserve(e)}function ws(e){let t={};for(let n of e)t[n.name]=n.value;return t}function Ts(e){return Es(e)??js(e,`media-controller`)}function Es(e){let{MEDIA_CONTROLLER:t}=A,n=e.getAttribute(t);if(n)return Ns(e)?.getElementById(n)}var Ds=(e,t,n=`.value`)=>{let r=e.querySelector(n);r&&(r.textContent=t)},Os=(e,t)=>{let n=`slot[name="${t}"]`,r=e.shadowRoot.querySelector(n);return r?r.children:[]},ks=(e,t)=>Os(e,t)[0],As=(e,t)=>!e||!t?!1:e?.contains(t)?!0:As(e,t.getRootNode().host),js=(e,t)=>e?e.closest(t)||js(e.getRootNode().host,t):null;function Ms(e=document){let t=e?.activeElement;return t?Ms(t.shadowRoot)??t:null}function Ns(e){let t=(e?.getRootNode)?.call(e);return t instanceof ShadowRoot||t instanceof Document?t:null}function Ps(e,{depth:t=3,checkOpacity:n=!0,checkVisibilityCSS:r=!0}={}){if(e.checkVisibility)return e.checkVisibility({checkOpacity:n,checkVisibilityCSS:r});let i=e;for(;i&&t>0;){let e=getComputedStyle(i);if(n&&e.opacity===`0`||r&&e.visibility===`hidden`||e.display===`none`)return!1;i=i.parentElement,t--}return!0}function Fs(e,t,n,r){let i=r.x-n.x,a=r.y-n.y,o=i*i+a*a;if(o===0)return 0;let s=((e-n.x)*i+(t-n.y)*a)/o;return Math.max(0,Math.min(1,s))}function P(e,t){return Is(e,e=>e===t)||Ls(e,t)}function Is(e,t){let n;for(n of e.querySelectorAll(`style:not([media])`)??[]){let e;try{e=n.sheet?.cssRules}catch{continue}for(let n of e??[])if(t(n.selectorText))return n}}function Ls(e,t){let n=e.querySelectorAll(`style:not([media])`)??[],r=n?.[n.length-1];return r?.sheet?(r?.sheet.insertRule(`${t}{}`,r.sheet.cssRules.length),r.sheet.cssRules?.[r.sheet.cssRules.length-1]):(console.warn(`Media Chrome: No style sheet found on style tag of`,e),{style:{setProperty:()=>{},removeProperty:()=>``,getPropertyValue:()=>``}})}function F(e,t,n=NaN){let r=e.getAttribute(t);return r==null?n:+r}function I(e,t,n){let r=+n;if(n==null||Number.isNaN(r)){e.hasAttribute(t)&&e.removeAttribute(t);return}F(e,t,void 0)!==r&&e.setAttribute(t,`${r}`)}function L(e,t){return e.hasAttribute(t)}function R(e,t,n){if(n==null){e.hasAttribute(t)&&e.removeAttribute(t);return}L(e,t)!=n&&e.toggleAttribute(t,n)}function z(e,t,n=null){return e.getAttribute(t)??n}function B(e,t,n){if(n==null){e.hasAttribute(t)&&e.removeAttribute(t);return}let r=`${n}`;z(e,t,void 0)!==r&&e.setAttribute(t,r)}var Rs=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},zs=(e,t,n)=>(Rs(e,t,`read from private field`),n?n.call(e):t.get(e)),Bs=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Vs=(e,t,n,r)=>(Rs(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Hs;function Us(e){return`
|
|
60
|
-
<style>
|
|
61
|
-
:host {
|
|
62
|
-
display: var(--media-control-display, var(--media-gesture-receiver-display, inline-block));
|
|
63
|
-
box-sizing: border-box;
|
|
64
|
-
}
|
|
65
|
-
</style>
|
|
66
|
-
`}var Ws=class extends N.HTMLElement{constructor(){if(super(),Bs(this,Hs,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[A.MEDIA_CONTROLLER,j.MEDIA_PAUSED]}attributeChangedCallback(e,t,n){var r,i,a,o;e===A.MEDIA_CONTROLLER&&(t&&((i=(r=zs(this,Hs))?.unassociateElement)==null||i.call(r,this),Vs(this,Hs,null)),n&&this.isConnected&&(Vs(this,Hs,this.getRootNode()?.getElementById(n)),(o=(a=zs(this,Hs))?.associateElement)==null||o.call(a,this)))}connectedCallback(){var e,t,n,r;this.tabIndex=-1,this.setAttribute(`aria-hidden`,`true`),Vs(this,Hs,Gs(this)),this.getAttribute(A.MEDIA_CONTROLLER)&&((t=(e=zs(this,Hs))?.associateElement)==null||t.call(e,this)),(n=zs(this,Hs))==null||n.addEventListener(`pointerdown`,this),(r=zs(this,Hs))==null||r.addEventListener(`click`,this)}disconnectedCallback(){var e,t,n,r;this.getAttribute(A.MEDIA_CONTROLLER)&&((t=(e=zs(this,Hs))?.unassociateElement)==null||t.call(e,this)),(n=zs(this,Hs))==null||n.removeEventListener(`pointerdown`,this),(r=zs(this,Hs))==null||r.removeEventListener(`click`,this),Vs(this,Hs,null)}handleEvent(e){let t=e.composedPath()?.[0];if([`video`,`media-controller`].includes(t?.localName)){if(e.type===`pointerdown`)this._pointerType=e.pointerType;else if(e.type===`click`){let{clientX:t,clientY:n}=e,{left:r,top:i,width:a,height:o}=this.getBoundingClientRect(),s=t-r,c=n-i;if(s<0||c<0||s>a||c>o||a===0&&o===0)return;let{pointerType:l=this._pointerType}=e;if(this._pointerType=void 0,l===Bo.TOUCH){this.handleTap(e);return}else if(l===Bo.MOUSE){this.handleMouseClick(e);return}}}}get mediaPaused(){return L(this,j.MEDIA_PAUSED)}set mediaPaused(e){R(this,j.MEDIA_PAUSED,e)}handleTap(e){}handleMouseClick(e){let t=this.mediaPaused?k.MEDIA_PLAY_REQUEST:k.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new N.CustomEvent(t,{composed:!0,bubbles:!0}))}};Hs=new WeakMap,Ws.shadowRootOptions={mode:`open`},Ws.getTemplateHTML=Us;function Gs(e){let t=e.getAttribute(A.MEDIA_CONTROLLER);return t?e.getRootNode()?.getElementById(t):js(e,`media-controller`)}N.customElements.get(`media-gesture-receiver`)||N.customElements.define(`media-gesture-receiver`,Ws);var Ks=Ws,qs=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Js=(e,t,n)=>(qs(e,t,`read from private field`),n?n.call(e):t.get(e)),Ys=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Xs=(e,t,n,r)=>(qs(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Zs=(e,t,n)=>(qs(e,t,`access private method`),n),Qs,$s,ec,tc,nc,rc,ic,ac,oc,sc,cc,lc,uc,dc,fc,pc,mc,hc,gc,V={AUDIO:`audio`,AUTOHIDE:`autohide`,BREAKPOINTS:`breakpoints`,GESTURES_DISABLED:`gesturesdisabled`,KEYBOARD_CONTROL:`keyboardcontrol`,NO_AUTOHIDE:`noautohide`,USER_INACTIVE:`userinactive`,AUTOHIDE_OVER_CONTROLS:`autohideovercontrols`};function _c(e){return`
|
|
67
|
-
<style>
|
|
68
|
-
|
|
69
|
-
:host([${j.MEDIA_IS_FULLSCREEN}]) ::slotted([slot=media]) {
|
|
70
|
-
outline: none;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
:host {
|
|
74
|
-
box-sizing: border-box;
|
|
75
|
-
position: relative;
|
|
76
|
-
display: inline-block;
|
|
77
|
-
line-height: 0;
|
|
78
|
-
background-color: var(--media-background-color, #000);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
:host(:not([${V.AUDIO}])) [part~=layer]:not([part~=media-layer]) {
|
|
82
|
-
position: absolute;
|
|
83
|
-
top: 0;
|
|
84
|
-
left: 0;
|
|
85
|
-
bottom: 0;
|
|
86
|
-
right: 0;
|
|
87
|
-
display: flex;
|
|
88
|
-
flex-flow: column nowrap;
|
|
89
|
-
align-items: start;
|
|
90
|
-
pointer-events: none;
|
|
91
|
-
background: none;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
slot[name=media] {
|
|
95
|
-
display: var(--media-slot-display, contents);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
:host([${V.AUDIO}]) slot[name=media] {
|
|
100
|
-
display: var(--media-slot-display, none);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
:host([${V.AUDIO}]) [part~=layer][part~=gesture-layer] {
|
|
105
|
-
height: 0;
|
|
106
|
-
display: block;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
:host(:not([${V.AUDIO}])[${V.GESTURES_DISABLED}]) ::slotted([slot=gestures-chrome]),
|
|
111
|
-
:host(:not([${V.AUDIO}])[${V.GESTURES_DISABLED}]) media-gesture-receiver[slot=gestures-chrome] {
|
|
112
|
-
display: none;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
::slotted(:not([slot=media]):not([slot=poster]):not(media-loading-indicator):not([role=dialog]):not([hidden])) {
|
|
117
|
-
pointer-events: auto;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
:host(:not([${V.AUDIO}])) *[part~=layer][part~=centered-layer] {
|
|
121
|
-
align-items: center;
|
|
122
|
-
justify-content: center;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
:host(:not([${V.AUDIO}])) ::slotted(media-gesture-receiver[slot=gestures-chrome]),
|
|
126
|
-
:host(:not([${V.AUDIO}])) media-gesture-receiver[slot=gestures-chrome] {
|
|
127
|
-
align-self: stretch;
|
|
128
|
-
flex-grow: 1;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
slot[name=middle-chrome] {
|
|
132
|
-
display: inline;
|
|
133
|
-
flex-grow: 1;
|
|
134
|
-
pointer-events: none;
|
|
135
|
-
background: none;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
::slotted([slot=media]),
|
|
140
|
-
::slotted([slot=poster]) {
|
|
141
|
-
width: 100%;
|
|
142
|
-
height: 100%;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
:host(:not([${V.AUDIO}])) .spacer {
|
|
147
|
-
flex-grow: 1;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
:host(:-webkit-full-screen) {
|
|
152
|
-
|
|
153
|
-
width: 100% !important;
|
|
154
|
-
height: 100% !important;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
::slotted(:not([slot=media]):not([slot=poster]):not([${V.NO_AUTOHIDE}]):not([hidden]):not([role=dialog])) {
|
|
159
|
-
opacity: 1;
|
|
160
|
-
transition: var(--media-control-transition-in, opacity 0.25s);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
:host([${V.USER_INACTIVE}]:not([${j.MEDIA_PAUSED}]):not([${j.MEDIA_IS_AIRPLAYING}]):not([${j.MEDIA_IS_CASTING}]):not([${V.AUDIO}])) ::slotted(:not([slot=media]):not([slot=poster]):not([${V.NO_AUTOHIDE}]):not([role=dialog])) {
|
|
165
|
-
opacity: 0;
|
|
166
|
-
transition: var(--media-control-transition-out, opacity 1s);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
:host([${V.USER_INACTIVE}]:not([${V.NO_AUTOHIDE}]):not([${j.MEDIA_PAUSED}]):not([${j.MEDIA_IS_CASTING}]):not([${V.AUDIO}])) ::slotted([slot=media]) {
|
|
170
|
-
cursor: none;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
:host([${V.USER_INACTIVE}][${V.AUTOHIDE_OVER_CONTROLS}]:not([${V.NO_AUTOHIDE}]):not([${j.MEDIA_PAUSED}]):not([${j.MEDIA_IS_CASTING}]):not([${V.AUDIO}])) * {
|
|
174
|
-
--media-cursor: none;
|
|
175
|
-
cursor: none;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
::slotted(media-control-bar) {
|
|
180
|
-
align-self: stretch;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
:host(:not([${V.AUDIO}])[${j.MEDIA_HAS_PLAYED}]) slot[name=poster] {
|
|
185
|
-
display: none;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
::slotted([role=dialog]) {
|
|
189
|
-
width: 100%;
|
|
190
|
-
height: 100%;
|
|
191
|
-
align-self: center;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
::slotted([role=menu]) {
|
|
195
|
-
align-self: end;
|
|
196
|
-
}
|
|
197
|
-
</style>
|
|
198
|
-
|
|
199
|
-
<slot name="media" part="layer media-layer"></slot>
|
|
200
|
-
<slot name="poster" part="layer poster-layer"></slot>
|
|
201
|
-
<slot name="gestures-chrome" part="layer gesture-layer">
|
|
202
|
-
<media-gesture-receiver slot="gestures-chrome">
|
|
203
|
-
<template shadowrootmode="${Ks.shadowRootOptions.mode}">
|
|
204
|
-
${Ks.getTemplateHTML({})}
|
|
205
|
-
</template>
|
|
206
|
-
</media-gesture-receiver>
|
|
207
|
-
</slot>
|
|
208
|
-
<span part="layer vertical-layer">
|
|
209
|
-
<slot name="top-chrome" part="top chrome"></slot>
|
|
210
|
-
<slot name="middle-chrome" part="middle chrome"></slot>
|
|
211
|
-
<slot name="centered-chrome" part="layer centered-layer center centered chrome"></slot>
|
|
212
|
-
|
|
213
|
-
<slot part="bottom chrome"></slot>
|
|
214
|
-
</span>
|
|
215
|
-
<slot name="dialog" part="layer dialog-layer"></slot>
|
|
216
|
-
`}var vc=Object.values(j),yc=`sm:384 md:576 lg:768 xl:960`;function bc(e){xc(e.target,e.contentRect.width)}function xc(e,t){if(!e.isConnected)return;let n=Sc(e.getAttribute(V.BREAKPOINTS)??yc),r=Cc(n,t),i=!1;if(Object.keys(n).forEach(t=>{if(r.includes(t)){e.hasAttribute(`breakpoint${t}`)||(e.setAttribute(`breakpoint${t}`,``),i=!0);return}e.hasAttribute(`breakpoint${t}`)&&(e.removeAttribute(`breakpoint${t}`),i=!0)}),i){let t=new CustomEvent(Io.BREAKPOINTS_CHANGE,{detail:r});e.dispatchEvent(t)}e.breakpointsComputed||(e.breakpointsComputed=!0,e.dispatchEvent(new CustomEvent(Io.BREAKPOINTS_COMPUTED,{bubbles:!0,composed:!0})))}function Sc(e){let t=e.split(/\s+/);return Object.fromEntries(t.map(e=>e.split(`:`)))}function Cc(e,t){return Object.keys(e).filter(n=>t>=parseInt(e[n]))}var wc=class extends N.HTMLElement{constructor(){if(super(),Ys(this,rc),Ys(this,sc),Ys(this,lc),Ys(this,dc),Ys(this,pc),Ys(this,hc),Ys(this,Qs,0),Ys(this,$s,null),Ys(this,ec,null),Ys(this,tc,void 0),this.breakpointsComputed=!1,Ys(this,nc,new MutationObserver(Zs(this,rc,ic).bind(this))),Ys(this,ac,!1),Ys(this,oc,e=>{Js(this,ac)||(setTimeout(()=>{bc(e),Xs(this,ac,!1)},0),Xs(this,ac,!0))}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}let e=this.querySelector(`:scope > slot[slot=media]`);e&&e.addEventListener(`slotchange`,()=>{if(!e.assignedElements({flatten:!0}).length){Js(this,$s)&&this.mediaUnsetCallback(Js(this,$s));return}this.handleMediaUpdated(this.media)})}static get observedAttributes(){return[V.AUTOHIDE,V.GESTURES_DISABLED].concat(vc).filter(e=>![j.MEDIA_RENDITION_LIST,j.MEDIA_AUDIO_TRACK_LIST,j.MEDIA_CHAPTERS_CUES,j.MEDIA_WIDTH,j.MEDIA_HEIGHT,j.MEDIA_ERROR,j.MEDIA_ERROR_MESSAGE].includes(e))}attributeChangedCallback(e,t,n){e.toLowerCase()==V.AUTOHIDE&&(this.autohide=n)}get media(){let e=this.querySelector(`:scope > [slot=media]`);return e?.nodeName==`SLOT`&&(e=e.assignedElements({flatten:!0})[0]),e}async handleMediaUpdated(e){e&&(Xs(this,$s,e),e.localName.includes(`-`)&&await N.customElements.whenDefined(e.localName),this.mediaSetCallback(e))}connectedCallback(){var e;Js(this,nc).observe(this,{childList:!0,subtree:!0}),Ss(this,Js(this,oc));let t=this.getAttribute(V.AUDIO)==null?M(`video player`):M(`audio player`);this.setAttribute(`role`,`region`),this.setAttribute(`aria-label`,t),this.handleMediaUpdated(this.media),this.setAttribute(V.USER_INACTIVE,``),xc(this,this.getBoundingClientRect().width),this.addEventListener(`pointerdown`,this),this.addEventListener(`pointermove`,this),this.addEventListener(`pointerup`,this),this.addEventListener(`mouseleave`,this),this.addEventListener(`keyup`,this),(e=N.window)==null||e.addEventListener(`mouseup`,this)}disconnectedCallback(){var e;Js(this,nc).disconnect(),Cs(this,Js(this,oc)),this.media&&this.mediaUnsetCallback(this.media),(e=N.window)==null||e.removeEventListener(`mouseup`,this)}mediaSetCallback(e){}mediaUnsetCallback(e){Xs(this,$s,null)}handleEvent(e){switch(e.type){case`pointerdown`:Xs(this,Qs,e.timeStamp);break;case`pointermove`:Zs(this,sc,cc).call(this,e);break;case`pointerup`:Zs(this,lc,uc).call(this,e);break;case`mouseleave`:Zs(this,dc,fc).call(this);break;case`mouseup`:this.removeAttribute(V.KEYBOARD_CONTROL);break;case`keyup`:Zs(this,hc,gc).call(this),this.setAttribute(V.KEYBOARD_CONTROL,``);break}}set autohide(e){let t=Number(e);Xs(this,tc,isNaN(t)?0:t)}get autohide(){return(Js(this,tc)===void 0?2:Js(this,tc)).toString()}get breakpoints(){return z(this,V.BREAKPOINTS)}set breakpoints(e){B(this,V.BREAKPOINTS,e)}get audio(){return L(this,V.AUDIO)}set audio(e){R(this,V.AUDIO,e)}get gesturesDisabled(){return L(this,V.GESTURES_DISABLED)}set gesturesDisabled(e){R(this,V.GESTURES_DISABLED,e)}get keyboardControl(){return L(this,V.KEYBOARD_CONTROL)}set keyboardControl(e){R(this,V.KEYBOARD_CONTROL,e)}get noAutohide(){return L(this,V.NO_AUTOHIDE)}set noAutohide(e){R(this,V.NO_AUTOHIDE,e)}get autohideOverControls(){return L(this,V.AUTOHIDE_OVER_CONTROLS)}set autohideOverControls(e){R(this,V.AUTOHIDE_OVER_CONTROLS,e)}get userInteractive(){return L(this,V.USER_INACTIVE)}set userInteractive(e){R(this,V.USER_INACTIVE,e)}};Qs=new WeakMap,$s=new WeakMap,ec=new WeakMap,tc=new WeakMap,nc=new WeakMap,rc=new WeakSet,ic=function(e){let t=this.media;for(let n of e){if(n.type!==`childList`)continue;let e=n.removedNodes;for(let r of e){if(r.slot!=`media`||n.target!=this)continue;let e=n.previousSibling&&n.previousSibling.previousElementSibling;if(!e||!t)this.mediaUnsetCallback(r);else{let t=e.slot!==`media`;for(;(e=e.previousSibling)!==null;)e.slot==`media`&&(t=!1);t&&this.mediaUnsetCallback(r)}}if(t)for(let e of n.addedNodes)e===t&&this.handleMediaUpdated(t)}},ac=new WeakMap,oc=new WeakMap,sc=new WeakSet,cc=function(e){if(e.pointerType!==`mouse`&&e.timeStamp-Js(this,Qs)<250)return;Zs(this,pc,mc).call(this),clearTimeout(Js(this,ec));let t=this.hasAttribute(V.AUTOHIDE_OVER_CONTROLS);([this,this.media].includes(e.target)||t)&&Zs(this,hc,gc).call(this)},lc=new WeakSet,uc=function(e){if(e.pointerType===`touch`){let t=!this.hasAttribute(V.USER_INACTIVE);[this,this.media].includes(e.target)&&t?Zs(this,dc,fc).call(this):Zs(this,hc,gc).call(this)}else e.composedPath().some(e=>[`media-play-button`,`media-fullscreen-button`].includes(e?.localName))&&Zs(this,hc,gc).call(this)},dc=new WeakSet,fc=function(){if(Js(this,tc)<0||this.hasAttribute(V.USER_INACTIVE))return;this.setAttribute(V.USER_INACTIVE,``);let e=new N.CustomEvent(Io.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!0});this.dispatchEvent(e)},pc=new WeakSet,mc=function(){if(!this.hasAttribute(V.USER_INACTIVE))return;this.removeAttribute(V.USER_INACTIVE);let e=new N.CustomEvent(Io.USER_INACTIVE_CHANGE,{composed:!0,bubbles:!0,detail:!1});this.dispatchEvent(e)},hc=new WeakSet,gc=function(){Zs(this,pc,mc).call(this),clearTimeout(Js(this,ec));let e=parseInt(this.autohide);e<0||Xs(this,ec,setTimeout(()=>{Zs(this,dc,fc).call(this)},e*1e3))},wc.shadowRootOptions={mode:`open`},wc.getTemplateHTML=_c,N.customElements.get(`media-container`)||N.customElements.define(`media-container`,wc);var Tc=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Ec=(e,t,n)=>(Tc(e,t,`read from private field`),n?n.call(e):t.get(e)),Dc=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Oc=(e,t,n,r)=>(Tc(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),kc,Ac,jc,Mc,Nc,Pc,Fc=class{constructor(e,t,{defaultValue:n}={defaultValue:void 0}){Dc(this,Nc),Dc(this,kc,void 0),Dc(this,Ac,void 0),Dc(this,jc,void 0),Dc(this,Mc,new Set),Oc(this,kc,e),Oc(this,Ac,t),Oc(this,jc,new Set(n))}[Symbol.iterator](){return Ec(this,Nc,Pc).values()}get length(){return Ec(this,Nc,Pc).size}get value(){return[...Ec(this,Nc,Pc)].join(` `)??``}set value(e){e!==this.value&&(Oc(this,Mc,new Set),this.add(...e?.split(` `)??[]))}toString(){return this.value}item(e){return[...Ec(this,Nc,Pc)][e]}values(){return Ec(this,Nc,Pc).values()}forEach(e,t){Ec(this,Nc,Pc).forEach(e,t)}add(...e){var t;e.forEach(e=>Ec(this,Mc).add(e)),!(this.value===``&&!Ec(this,kc)?.hasAttribute(`${Ec(this,Ac)}`))&&((t=Ec(this,kc))==null||t.setAttribute(`${Ec(this,Ac)}`,`${this.value}`))}remove(...e){var t;e.forEach(e=>Ec(this,Mc).delete(e)),(t=Ec(this,kc))==null||t.setAttribute(`${Ec(this,Ac)}`,`${this.value}`)}contains(e){return Ec(this,Nc,Pc).has(e)}toggle(e,t){return t===void 0?this.contains(e)?(this.remove(e),!1):(this.add(e),!0):t?(this.add(e),!0):(this.remove(e),!1)}replace(e,t){return this.remove(e),this.add(t),e===t}};kc=new WeakMap,Ac=new WeakMap,jc=new WeakMap,Mc=new WeakMap,Nc=new WeakSet,Pc=function(){return Ec(this,Mc).size?Ec(this,Mc):Ec(this,jc)};var Ic=(e=``)=>e.split(/\s+/),Lc=(e=``)=>{let[t,n,r]=e.split(`:`),i=r?decodeURIComponent(r):void 0;return{kind:t===`cc`?Ro.CAPTIONS:Ro.SUBTITLES,language:n,label:i}},Rc=(e=``,t={})=>Ic(e).map(e=>{let n=Lc(e);return{...t,...n}}),zc=e=>e?Array.isArray(e)?e.map(e=>typeof e==`string`?Lc(e):e):typeof e==`string`?Rc(e):[e]:[],Bc=({kind:e,label:t,language:n}={kind:`subtitles`})=>t?`${e===`captions`?`cc`:`sb`}:${n}:${encodeURIComponent(t)}`:n,Vc=(e=[])=>Array.prototype.map.call(e,Bc).join(` `),Hc=(e,t)=>n=>n[e]===t,Uc=e=>{let t=Object.entries(e).map(([e,t])=>Hc(e,t));return e=>t.every(t=>t(e))},Wc=(e,t=[],n=[])=>{let r=zc(n).map(Uc);Array.from(t).filter(e=>r.some(t=>t(e))).forEach(t=>{t.mode=e})},Gc=(e,t=()=>!0)=>{if(!e?.textTracks)return[];let n=typeof t==`function`?t:Uc(t);return Array.from(e.textTracks).filter(n)},Kc=e=>!!e.mediaSubtitlesShowing?.length||e.hasAttribute(j.MEDIA_SUBTITLES_SHOWING),qc=e=>{let{media:t,fullscreenElement:n}=e;try{let e=n&&`requestFullscreen`in n?`requestFullscreen`:n&&`webkitRequestFullScreen`in n?`webkitRequestFullScreen`:void 0;if(e){let t=n[e]?.call(n);if(t instanceof Promise)return t.catch(()=>{})}else t?.webkitEnterFullscreen?t.webkitEnterFullscreen():t?.requestFullscreen&&t.requestFullscreen()}catch(e){console.error(e)}},Jc=`exitFullscreen`in vs?`exitFullscreen`:`webkitExitFullscreen`in vs?`webkitExitFullscreen`:`webkitCancelFullScreen`in vs?`webkitCancelFullScreen`:void 0,Yc=e=>{let{documentElement:t}=e;if(Jc){let e=(t?.[Jc])?.call(t);if(e instanceof Promise)return e.catch(()=>{})}},Xc=`fullscreenElement`in vs?`fullscreenElement`:`webkitFullscreenElement`in vs?`webkitFullscreenElement`:void 0,Zc=e=>{let{documentElement:t,media:n}=e,r=t?.[Xc];return!r&&`webkitDisplayingFullscreen`in n&&`webkitPresentationMode`in n&&n.webkitDisplayingFullscreen&&n.webkitPresentationMode===Uo.FULLSCREEN?n:r},Qc=e=>{let{media:t,documentElement:n,fullscreenElement:r=t}=e;if(!t||!n)return!1;let i=Zc(e);if(!i)return!1;if(i===r||i===t)return!0;if(i.localName.includes(`-`)){let e=i.shadowRoot;if(!(Xc in e))return As(i,r);for(;e?.[Xc];){if(e[Xc]===r)return!0;e=e[Xc]?.shadowRoot}}return!1},$c=`fullscreenEnabled`in vs?`fullscreenEnabled`:`webkitFullscreenEnabled`in vs?`webkitFullscreenEnabled`:void 0,el=e=>{let{documentElement:t,media:n}=e;return!!t?.[$c]||n&&`webkitSupportsFullscreen`in n},tl,nl=()=>{var e;return tl||(tl=((e=vs)?.createElement)?.call(e,`video`),tl)},rl=async(e=nl())=>{if(!e)return!1;let t=e.volume;e.volume=t/2+.1;let n=new AbortController,r=await Promise.race([il(e,n.signal),al(e,t)]);return n.abort(),r},il=(e,t)=>new Promise(n=>{e.addEventListener(`volumechange`,()=>n(!0),{signal:t})}),al=async(e,t)=>{for(let n=0;n<10;n++){if(e.volume===t)return!1;await ts(10)}return e.volume!==t},ol=/.*Version\/.*Safari\/.*/.test(N.navigator.userAgent),sl=(e=nl())=>N.matchMedia(`(display-mode: standalone)`).matches&&ol?!1:typeof e?.requestPictureInPicture==`function`,cl=(e=nl())=>el({documentElement:vs,media:e}),ll=cl(),ul=sl(),dl=!!N.WebKitPlaybackTargetAvailabilityEvent,fl=!!N.chrome,pl=e=>Gc(e.media,e=>[Ro.SUBTITLES,Ro.CAPTIONS].includes(e.kind)).sort((e,t)=>e.kind>=t.kind?1:-1),ml=e=>Gc(e.media,e=>e.mode===zo.SHOWING&&[Ro.SUBTITLES,Ro.CAPTIONS].includes(e.kind)),hl=(e,t)=>{let n=pl(e),r=ml(e),i=!!r.length;if(n.length){if(t===!1||i&&t!==!0)Wc(zo.DISABLED,n,r);else if(t===!0||!i&&t!==!1){let t=n[0],{options:i}=e;if(!i?.noSubtitlesLangPref){let e=globalThis.localStorage.getItem(`media-chrome-pref-subtitles-lang`),r=e?[e,...globalThis.navigator.languages]:globalThis.navigator.languages,i=n.filter(e=>r.some(t=>e.language.toLowerCase().startsWith(t.split(`-`)[0]))).sort((e,t)=>r.findIndex(t=>e.language.toLowerCase().startsWith(t.split(`-`)[0]))-r.findIndex(e=>t.language.toLowerCase().startsWith(e.split(`-`)[0])));i[0]&&(t=i[0])}let{language:a,label:o,kind:s}=t;Wc(zo.DISABLED,n,r),Wc(zo.SHOWING,n,[{language:a,label:o,kind:s}])}}},gl=(e,t)=>e===t?!0:e==null||t==null||typeof e!=typeof t?!1:typeof e==`number`&&Number.isNaN(e)&&Number.isNaN(t)?!0:typeof e==`object`?Array.isArray(e)?_l(e,t):Object.entries(e).every(([e,n])=>e in t&&gl(n,t[e])):!1,_l=(e,t)=>{let n=Array.isArray(e),r=Array.isArray(t);return n===r?n||r?e.length===t.length?e.every((e,n)=>gl(e,t[n])):!1:!0:!1},vl=Object.values(Ho),yl,bl=rl().then(e=>(yl=e,yl)),xl=async(...e)=>{await Promise.all(e.filter(e=>e).map(async e=>{if(!(`localName`in e&&e instanceof N.HTMLElement))return;let t=e.localName;if(!t.includes(`-`))return;let n=N.customElements.get(t);n&&e instanceof n||(await N.customElements.whenDefined(t),N.customElements.upgrade(e))}))},Sl=new N.DOMParser,Cl=e=>e&&(Sl.parseFromString(e,`text/html`).body.textContent||e),wl={mediaError:{get(e,t){let{media:n}=e;if(t?.type!==`playing`)return n?.error},mediaEvents:[`emptied`,`error`,`playing`]},mediaErrorCode:{get(e,t){let{media:n}=e;if(t?.type!==`playing`)return n?.error?.code},mediaEvents:[`emptied`,`error`,`playing`]},mediaErrorMessage:{get(e,t){let{media:n}=e;if(t?.type!==`playing`)return n?.error?.message??``},mediaEvents:[`emptied`,`error`,`playing`]},mediaWidth:{get(e){let{media:t}=e;return t?.videoWidth??0},mediaEvents:[`resize`]},mediaHeight:{get(e){let{media:t}=e;return t?.videoHeight??0},mediaEvents:[`resize`]},mediaPaused:{get(e){let{media:t}=e;return t?.paused??!0},set(e,t){var n;let{media:r}=t;r&&(e?r.pause():(n=r.play())==null||n.catch(()=>{}))},mediaEvents:[`play`,`playing`,`pause`,`emptied`]},mediaHasPlayed:{get(e,t){let{media:n}=e;return n?t?t.type===`playing`:!n.paused:!1},mediaEvents:[`playing`,`emptied`]},mediaEnded:{get(e){let{media:t}=e;return t?.ended??!1},mediaEvents:[`seeked`,`ended`,`emptied`]},mediaPlaybackRate:{get(e){let{media:t}=e;return t?.playbackRate??1},set(e,t){let{media:n}=t;n&&Number.isFinite(+e)&&(n.playbackRate=+e)},mediaEvents:[`ratechange`,`loadstart`]},mediaMuted:{get(e){let{media:t}=e;return t?.muted??!1},set(e,t){let{media:n}=t;if(n){try{N.localStorage.setItem(`media-chrome-pref-muted`,e?`true`:`false`)}catch(e){console.debug(`Error setting muted pref`,e)}n.muted=e}},mediaEvents:[`volumechange`],stateOwnersUpdateHandlers:[(e,t)=>{let{options:{noMutedPref:n}}=t,{media:r}=t;if(!(!r||r.muted||n))try{let n=N.localStorage.getItem(`media-chrome-pref-muted`)===`true`;wl.mediaMuted.set(n,t),e(n)}catch(e){console.debug(`Error getting muted pref`,e)}}]},mediaVolume:{get(e){let{media:t}=e;return t?.volume??1},set(e,t){let{media:n}=t;if(n){try{e==null?N.localStorage.removeItem(`media-chrome-pref-volume`):N.localStorage.setItem(`media-chrome-pref-volume`,e.toString())}catch(e){console.debug(`Error setting volume pref`,e)}Number.isFinite(+e)&&(n.volume=+e)}},mediaEvents:[`volumechange`],stateOwnersUpdateHandlers:[(e,t)=>{let{options:{noVolumePref:n}}=t;if(!n)try{let{media:n}=t;if(!n)return;let r=N.localStorage.getItem(`media-chrome-pref-volume`);if(r==null)return;wl.mediaVolume.set(+r,t),e(+r)}catch(e){console.debug(`Error getting volume pref`,e)}}]},mediaVolumeLevel:{get(e){let{media:t}=e;return t?.volume===void 0?`high`:t.muted||t.volume===0?`off`:t.volume<.5?`low`:t.volume<.75?`medium`:`high`},mediaEvents:[`volumechange`]},mediaCurrentTime:{get(e){let{media:t}=e;return t?.currentTime??0},set(e,t){let{media:n}=t;!n||!$o(e)||(n.currentTime=e)},mediaEvents:[`timeupdate`,`loadedmetadata`]},mediaDuration:{get(e){let{media:t,options:{defaultDuration:n}={}}=e;return n&&(!t||!t.duration||Number.isNaN(t.duration)||!Number.isFinite(t.duration))?n:Number.isFinite(t?.duration)?t.duration:NaN},mediaEvents:[`durationchange`,`loadedmetadata`,`emptied`]},mediaLoading:{get(e){let{media:t}=e;return t?.readyState<3},mediaEvents:[`waiting`,`playing`,`emptied`]},mediaSeekable:{get(e){let{media:t}=e;if(!t?.seekable?.length)return;let n=t.seekable.start(0),r=t.seekable.end(t.seekable.length-1);if(!(!n&&!r))return[Number(n.toFixed(3)),Number(r.toFixed(3))]},mediaEvents:[`loadedmetadata`,`emptied`,`progress`,`seekablechange`]},mediaBuffered:{get(e){let{media:t}=e,n=t?.buffered??[];return Array.from(n).map((e,t)=>[Number(n.start(t).toFixed(3)),Number(n.end(t).toFixed(3))])},mediaEvents:[`progress`,`emptied`]},mediaStreamType:{get(e){let{media:t,options:{defaultStreamType:n}={}}=e,r=[Ho.LIVE,Ho.ON_DEMAND].includes(n)?n:void 0;if(!t)return r;let{streamType:i}=t;if(vl.includes(i))return i===Ho.UNKNOWN?r:i;let a=t.duration;return a===1/0?Ho.LIVE:Number.isFinite(a)?Ho.ON_DEMAND:r},mediaEvents:[`emptied`,`durationchange`,`loadedmetadata`,`streamtypechange`]},mediaTargetLiveWindow:{get(e){let{media:t}=e;if(!t)return NaN;let{targetLiveWindow:n}=t,r=wl.mediaStreamType.get(e);return(n==null||Number.isNaN(n))&&r===Ho.LIVE?0:n},mediaEvents:[`emptied`,`durationchange`,`loadedmetadata`,`streamtypechange`,`targetlivewindowchange`]},mediaTimeIsLive:{get(e){let{media:t,options:{liveEdgeOffset:n=10}={}}=e;if(!t)return!1;if(typeof t.liveEdgeStart==`number`)return Number.isNaN(t.liveEdgeStart)?!1:t.currentTime>=t.liveEdgeStart;if(wl.mediaStreamType.get(e)!==Ho.LIVE)return!1;let r=t.seekable;if(!r)return!0;if(!r.length)return!1;let i=r.end(r.length-1)-n;return t.currentTime>=i},mediaEvents:[`playing`,`timeupdate`,`progress`,`waiting`,`emptied`]},mediaSubtitlesList:{get(e){return pl(e).map(({kind:e,label:t,language:n})=>({kind:e,label:t,language:n}))},mediaEvents:[`loadstart`],textTracksEvents:[`addtrack`,`removetrack`]},mediaSubtitlesShowing:{get(e){return ml(e).map(({kind:e,label:t,language:n})=>({kind:e,label:t,language:n}))},mediaEvents:[`loadstart`],textTracksEvents:[`addtrack`,`removetrack`,`change`],stateOwnersUpdateHandlers:[(e,t)=>{var n,r;let{media:i,options:a}=t;if(!i)return;let o=e=>{a.defaultSubtitles&&(e&&![Ro.CAPTIONS,Ro.SUBTITLES].includes(e?.track?.kind)||hl(t,!0))};return i.addEventListener(`loadstart`,o),(n=i.textTracks)==null||n.addEventListener(`addtrack`,o),(r=i.textTracks)==null||r.addEventListener(`removetrack`,o),()=>{var e,t;i.removeEventListener(`loadstart`,o),(e=i.textTracks)==null||e.removeEventListener(`addtrack`,o),(t=i.textTracks)==null||t.removeEventListener(`removetrack`,o)}}]},mediaChaptersCues:{get(e){let{media:t}=e;if(!t)return[];let[n]=Gc(t,{kind:Ro.CHAPTERS});return Array.from(n?.cues??[]).map(({text:e,startTime:t,endTime:n})=>({text:Cl(e),startTime:t,endTime:n}))},mediaEvents:[`loadstart`,`loadedmetadata`],textTracksEvents:[`addtrack`,`removetrack`,`change`],stateOwnersUpdateHandlers:[(e,t)=>{let{media:n}=t;if(!n)return;let r=n.querySelector(`track[kind="chapters"][default][src]`),i=n.shadowRoot?.querySelector(`:is(video,audio) > track[kind="chapters"][default][src]`);return r?.addEventListener(`load`,e),i?.addEventListener(`load`,e),()=>{r?.removeEventListener(`load`,e),i?.removeEventListener(`load`,e)}}]},mediaIsPip:{get(e){let{media:t,documentElement:n}=e;if(!t||!n||!n.pictureInPictureElement)return!1;if(n.pictureInPictureElement===t)return!0;if(n.pictureInPictureElement instanceof HTMLMediaElement)return t.localName?.includes(`-`)?As(t,n.pictureInPictureElement):!1;if(n.pictureInPictureElement.localName.includes(`-`)){let e=n.pictureInPictureElement.shadowRoot;for(;e?.pictureInPictureElement;){if(e.pictureInPictureElement===t)return!0;e=e.pictureInPictureElement?.shadowRoot}}return!1},set(e,t){let{media:n}=t;if(n)if(e){if(!vs.pictureInPictureEnabled){console.warn(`MediaChrome: Picture-in-picture is not enabled`);return}if(!n.requestPictureInPicture){console.warn(`MediaChrome: The current media does not support picture-in-picture`);return}let e=()=>{console.warn(`MediaChrome: The media is not ready for picture-in-picture. It must have a readyState > 0.`)};n.requestPictureInPicture().catch(t=>{if(t.code===11){if(!n.src){console.warn(`MediaChrome: The media is not ready for picture-in-picture. It must have a src set.`);return}if(n.readyState===0&&n.preload===`none`){let t=()=>{n.removeEventListener(`loadedmetadata`,r),n.preload=`none`},r=()=>{n.requestPictureInPicture().catch(e),t()};n.addEventListener(`loadedmetadata`,r),n.preload=`metadata`,setTimeout(()=>{n.readyState===0&&e(),t()},1e3)}else throw t}else throw t})}else vs.pictureInPictureElement&&vs.exitPictureInPicture()},mediaEvents:[`enterpictureinpicture`,`leavepictureinpicture`]},mediaRenditionList:{get(e){let{media:t}=e;return[...t?.videoRenditions??[]].map(e=>({...e}))},mediaEvents:[`emptied`,`loadstart`],videoRenditionsEvents:[`addrendition`,`removerendition`]},mediaRenditionSelected:{get(e){let{media:t}=e;return t?.videoRenditions?.[t.videoRenditions?.selectedIndex]?.id},set(e,t){let{media:n}=t;if(!n?.videoRenditions){console.warn(`MediaController: Rendition selection not supported by this media.`);return}let r=e,i=Array.prototype.findIndex.call(n.videoRenditions,e=>e.id==r);n.videoRenditions.selectedIndex!=i&&(n.videoRenditions.selectedIndex=i)},mediaEvents:[`emptied`],videoRenditionsEvents:[`addrendition`,`removerendition`,`change`]},mediaAudioTrackList:{get(e){let{media:t}=e;return[...t?.audioTracks??[]]},mediaEvents:[`emptied`,`loadstart`],audioTracksEvents:[`addtrack`,`removetrack`]},mediaAudioTrackEnabled:{get(e){let{media:t}=e;return[...t?.audioTracks??[]].find(e=>e.enabled)?.id},set(e,t){let{media:n}=t;if(!n?.audioTracks){console.warn(`MediaChrome: Audio track selection not supported by this media.`);return}let r=e;for(let e of n.audioTracks)e.enabled=r==e.id},mediaEvents:[`emptied`],audioTracksEvents:[`addtrack`,`removetrack`,`change`]},mediaIsFullscreen:{get(e){return Qc(e)},set(e,t){e?qc(t):Yc(t)},rootEvents:[`fullscreenchange`,`webkitfullscreenchange`],mediaEvents:[`webkitbeginfullscreen`,`webkitendfullscreen`,`webkitpresentationmodechanged`]},mediaIsCasting:{get(e){let{media:t}=e;return!t?.remote||t.remote?.state===`disconnected`?!1:!!t.remote.state},set(e,t){let{media:n}=t;if(n&&!(e&&n.remote?.state!==`disconnected`)&&!(!e&&n.remote?.state!==`connected`)){if(typeof n.remote.prompt!=`function`){console.warn(`MediaChrome: Casting is not supported in this environment`);return}n.remote.prompt().catch(()=>{})}},remoteEvents:[`connect`,`connecting`,`disconnect`]},mediaIsAirplaying:{get(){return!1},set(e,t){let{media:n}=t;if(n){if(!(n.webkitShowPlaybackTargetPicker&&N.WebKitPlaybackTargetAvailabilityEvent)){console.error(`MediaChrome: received a request to select AirPlay but AirPlay is not supported in this environment`);return}n.webkitShowPlaybackTargetPicker()}},mediaEvents:[`webkitcurrentplaybacktargetiswirelesschanged`]},mediaFullscreenUnavailable:{get(e){let{media:t}=e;if(!ll||!cl(t))return Vo.UNSUPPORTED}},mediaPipUnavailable:{get(e){let{media:t}=e;if(!ul||!sl(t))return Vo.UNSUPPORTED}},mediaVolumeUnavailable:{get(e){let{media:t}=e;if(yl===!1||t?.volume==null)return Vo.UNSUPPORTED},stateOwnersUpdateHandlers:[e=>{yl??bl.then(t=>e(t?void 0:Vo.UNSUPPORTED))}]},mediaCastUnavailable:{get(e,{availability:t=`not-available`}={}){let{media:n}=e;if(!fl||!n?.remote?.state)return Vo.UNSUPPORTED;if(!(t==null||t===`available`))return Vo.UNAVAILABLE},stateOwnersUpdateHandlers:[(e,t)=>{var n;let{media:r}=t;if(r)return r.disableRemotePlayback||r.hasAttribute(`disableremoteplayback`)||(n=r?.remote)==null||n.watchAvailability(t=>{e({availability:t?`available`:`not-available`})}).catch(t=>{t.name===`NotSupportedError`?e({availability:null}):e({availability:`not-available`})}),()=>{var e;(e=r?.remote)==null||e.cancelWatchAvailability().catch(()=>{})}}]},mediaAirplayUnavailable:{get(e,t){if(!dl)return Vo.UNSUPPORTED;if(t?.availability===`not-available`)return Vo.UNAVAILABLE},mediaEvents:[`webkitplaybacktargetavailabilitychanged`],stateOwnersUpdateHandlers:[(e,t)=>{var n;let{media:r}=t;if(r)return r.disableRemotePlayback||r.hasAttribute(`disableremoteplayback`)||(n=r?.remote)==null||n.watchAvailability(t=>{e({availability:t?`available`:`not-available`})}).catch(t=>{t.name===`NotSupportedError`?e({availability:null}):e({availability:`not-available`})}),()=>{var e;(e=r?.remote)==null||e.cancelWatchAvailability().catch(()=>{})}}]},mediaRenditionUnavailable:{get(e){let{media:t}=e;if(!t?.videoRenditions)return Vo.UNSUPPORTED;if(!t.videoRenditions?.length)return Vo.UNAVAILABLE},mediaEvents:[`emptied`,`loadstart`],videoRenditionsEvents:[`addrendition`,`removerendition`]},mediaAudioTrackUnavailable:{get(e){let{media:t}=e;if(!t?.audioTracks)return Vo.UNSUPPORTED;if((t.audioTracks?.length??0)<=1)return Vo.UNAVAILABLE},mediaEvents:[`emptied`,`loadstart`],audioTracksEvents:[`addtrack`,`removetrack`]}},Tl={[k.MEDIA_PREVIEW_REQUEST](e,t,{detail:n}){let{media:r}=t,i=n??void 0,a,o;if(r&&i!=null){let[e]=Gc(r,{kind:Ro.METADATA,label:`thumbnails`}),t=Array.prototype.find.call(e?.cues??[],(e,t,n)=>t===0?e.endTime>i:t===n.length-1?e.startTime<=i:e.startTime<=i&&e.endTime>i);if(t){let e=/'^(?:[a-z]+:)?\/\//i.test(t.text)?void 0:r?.querySelector(`track[label="thumbnails"]`)?.src,n=new URL(t.text,e);o=new URLSearchParams(n.hash).get(`#xywh`).split(`,`).map(e=>+e),a=n.href}}let s=e.mediaDuration.get(t),c=e.mediaChaptersCues.get(t).find((e,t,n)=>t===n.length-1&&s===e.endTime?e.startTime<=i&&e.endTime>=i:e.startTime<=i&&e.endTime>i)?.text;return n!=null&&c==null&&(c=``),{mediaPreviewTime:i,mediaPreviewImage:a,mediaPreviewCoords:o,mediaPreviewChapter:c}},[k.MEDIA_PAUSE_REQUEST](e,t){e.mediaPaused.set(!0,t)},[k.MEDIA_PLAY_REQUEST](e,t){let n=e.mediaStreamType.get(t)===Ho.LIVE,r=!t.options?.noAutoSeekToLive,i=e.mediaTargetLiveWindow.get(t)>0;if(n&&r&&!i){let n=e.mediaSeekable.get(t)?.[1];if(n){let r=n-(t.options?.seekToLiveOffset??0);e.mediaCurrentTime.set(r,t)}}e.mediaPaused.set(!1,t)},[k.MEDIA_PLAYBACK_RATE_REQUEST](e,t,{detail:n}){let r=n;e.mediaPlaybackRate.set(r,t)},[k.MEDIA_MUTE_REQUEST](e,t){e.mediaMuted.set(!0,t)},[k.MEDIA_UNMUTE_REQUEST](e,t){e.mediaVolume.get(t)||e.mediaVolume.set(.25,t),e.mediaMuted.set(!1,t)},[k.MEDIA_VOLUME_REQUEST](e,t,{detail:n}){let r=n;r&&e.mediaMuted.get(t)&&e.mediaMuted.set(!1,t),e.mediaVolume.set(r,t)},[k.MEDIA_SEEK_REQUEST](e,t,{detail:n}){let r=n;e.mediaCurrentTime.set(r,t)},[k.MEDIA_SEEK_TO_LIVE_REQUEST](e,t){let n=e.mediaSeekable.get(t)?.[1];if(Number.isNaN(Number(n)))return;let r=n-(t.options?.seekToLiveOffset??0);e.mediaCurrentTime.set(r,t)},[k.MEDIA_SHOW_SUBTITLES_REQUEST](e,t,{detail:n}){let{options:r}=t,i=pl(t),a=zc(n),o=a[0]?.language;o&&!r.noSubtitlesLangPref&&N.localStorage.setItem(`media-chrome-pref-subtitles-lang`,o),Wc(zo.SHOWING,i,a)},[k.MEDIA_DISABLE_SUBTITLES_REQUEST](e,t,{detail:n}){let r=pl(t),i=n??[];Wc(zo.DISABLED,r,i)},[k.MEDIA_TOGGLE_SUBTITLES_REQUEST](e,t,{detail:n}){hl(t,n)},[k.MEDIA_RENDITION_REQUEST](e,t,{detail:n}){let r=n;e.mediaRenditionSelected.set(r,t)},[k.MEDIA_AUDIO_TRACK_REQUEST](e,t,{detail:n}){let r=n;e.mediaAudioTrackEnabled.set(r,t)},[k.MEDIA_ENTER_PIP_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsPip.set(!0,t)},[k.MEDIA_EXIT_PIP_REQUEST](e,t){e.mediaIsPip.set(!1,t)},[k.MEDIA_ENTER_FULLSCREEN_REQUEST](e,t){e.mediaIsPip.get(t)&&e.mediaIsPip.set(!1,t),e.mediaIsFullscreen.set(!0,t)},[k.MEDIA_EXIT_FULLSCREEN_REQUEST](e,t){e.mediaIsFullscreen.set(!1,t)},[k.MEDIA_ENTER_CAST_REQUEST](e,t){e.mediaIsFullscreen.get(t)&&e.mediaIsFullscreen.set(!1,t),e.mediaIsCasting.set(!0,t)},[k.MEDIA_EXIT_CAST_REQUEST](e,t){e.mediaIsCasting.set(!1,t)},[k.MEDIA_AIRPLAY_REQUEST](e,t){e.mediaIsAirplaying.set(!0,t)}},El=({media:e,fullscreenElement:t,documentElement:n,stateMediator:r=wl,requestMap:i=Tl,options:a={},monitorStateOwnersOnlyWithSubscriptions:o=!0})=>{let s=[],c={options:{...a}},l=Object.freeze({mediaPreviewTime:void 0,mediaPreviewImage:void 0,mediaPreviewCoords:void 0,mediaPreviewChapter:void 0}),u=e=>{e!=null&&(gl(e,l)||(l=Object.freeze({...l,...e}),s.forEach(e=>e(l))))},d=()=>{let e=Object.entries(r).reduce((e,[t,{get:n}])=>(e[t]=n(c),e),{});u(e)},f={},p,m=async(e,t)=>{let n=!!p;if(p={...c,...p??{},...e},n)return;await xl(...Object.values(e));let i=s.length>0&&t===0&&o,a=c.media!==p.media,l=c.media?.textTracks!==p.media?.textTracks,m=c.media?.videoRenditions!==p.media?.videoRenditions,ee=c.media?.audioTracks!==p.media?.audioTracks,te=c.media?.remote!==p.media?.remote,ne=c.documentElement!==p.documentElement,h=!!c.media&&(a||i),re=!!c.media?.textTracks&&(l||i),g=!!c.media?.videoRenditions&&(m||i),ie=!!c.media?.audioTracks&&(ee||i),ae=!!c.media?.remote&&(te||i),oe=!!c.documentElement&&(ne||i),se=h||re||g||ie||ae||oe,ce=s.length===0&&t===1&&o,le=!!p.media&&(a||ce),ue=!!p.media?.textTracks&&(l||ce),de=!!p.media?.videoRenditions&&(m||ce),fe=!!p.media?.audioTracks&&(ee||ce),pe=!!p.media?.remote&&(te||ce),me=!!p.documentElement&&(ne||ce),he=le||ue||de||fe||pe||me;if(!(se||he)){Object.entries(p).forEach(([e,t])=>{c[e]=t}),d(),p=void 0;return}Object.entries(r).forEach(([e,{get:t,mediaEvents:n=[],textTracksEvents:r=[],videoRenditionsEvents:i=[],audioTracksEvents:a=[],remoteEvents:o=[],rootEvents:s=[],stateOwnersUpdateHandlers:l=[]}])=>{f[e]||(f[e]={});let d=n=>{let r=t(c,n);u({[e]:r})},m;m=f[e].mediaEvents,n.forEach(t=>{m&&h&&(c.media.removeEventListener(t,m),f[e].mediaEvents=void 0),le&&(p.media.addEventListener(t,d),f[e].mediaEvents=d)}),m=f[e].textTracksEvents,r.forEach(t=>{var n,r;m&&re&&((n=c.media.textTracks)==null||n.removeEventListener(t,m),f[e].textTracksEvents=void 0),ue&&((r=p.media.textTracks)==null||r.addEventListener(t,d),f[e].textTracksEvents=d)}),m=f[e].videoRenditionsEvents,i.forEach(t=>{var n,r;m&&g&&((n=c.media.videoRenditions)==null||n.removeEventListener(t,m),f[e].videoRenditionsEvents=void 0),de&&((r=p.media.videoRenditions)==null||r.addEventListener(t,d),f[e].videoRenditionsEvents=d)}),m=f[e].audioTracksEvents,a.forEach(t=>{var n,r;m&&ie&&((n=c.media.audioTracks)==null||n.removeEventListener(t,m),f[e].audioTracksEvents=void 0),fe&&((r=p.media.audioTracks)==null||r.addEventListener(t,d),f[e].audioTracksEvents=d)}),m=f[e].remoteEvents,o.forEach(t=>{var n,r;m&&ae&&((n=c.media.remote)==null||n.removeEventListener(t,m),f[e].remoteEvents=void 0),pe&&((r=p.media.remote)==null||r.addEventListener(t,d),f[e].remoteEvents=d)}),m=f[e].rootEvents,s.forEach(t=>{m&&oe&&(c.documentElement.removeEventListener(t,m),f[e].rootEvents=void 0),me&&(p.documentElement.addEventListener(t,d),f[e].rootEvents=d)});let ee=f[e].stateOwnersUpdateHandlers;l.forEach(t=>{ee&&se&&ee(),he&&(f[e].stateOwnersUpdateHandlers=t(d,p))})}),Object.entries(p).forEach(([e,t])=>{c[e]=t}),d(),p=void 0};return m({media:e,fullscreenElement:t,documentElement:n,options:a}),{dispatch(e){let{type:t,detail:n}=e;if(i[t]&&l.mediaErrorCode==null){u(i[t](r,c,e));return}t===`mediaelementchangerequest`?m({media:n}):t===`fullscreenelementchangerequest`?m({fullscreenElement:n}):t===`documentelementchangerequest`?m({documentElement:n}):t===`optionschangerequest`&&Object.entries(n??{}).forEach(([e,t])=>{c.options[e]=t})},getState(){return l},subscribe(e){return m({},s.length+1),s.push(e),e(l),()=>{let t=s.indexOf(e);t>=0&&(m({},s.length-1),s.splice(t,1))}}}},Dl=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},H=(e,t,n)=>(Dl(e,t,`read from private field`),n?n.call(e):t.get(e)),Ol=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},kl=(e,t,n,r)=>(Dl(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Al=(e,t,n)=>(Dl(e,t,`access private method`),n),jl,Ml,U,Nl,Pl,Fl,Il,Ll,Rl,zl,Bl,Vl,Hl=[`ArrowLeft`,`ArrowRight`,`Enter`,` `,`f`,`m`,`k`,`c`],Ul=10,W={DEFAULT_SUBTITLES:`defaultsubtitles`,DEFAULT_STREAM_TYPE:`defaultstreamtype`,DEFAULT_DURATION:`defaultduration`,FULLSCREEN_ELEMENT:`fullscreenelement`,HOTKEYS:`hotkeys`,KEYS_USED:`keysused`,LIVE_EDGE_OFFSET:`liveedgeoffset`,SEEK_TO_LIVE_OFFSET:`seektoliveoffset`,NO_AUTO_SEEK_TO_LIVE:`noautoseektolive`,NO_HOTKEYS:`nohotkeys`,NO_VOLUME_PREF:`novolumepref`,NO_SUBTITLES_LANG_PREF:`nosubtitleslangpref`,NO_DEFAULT_STORE:`nodefaultstore`,KEYBOARD_FORWARD_SEEK_OFFSET:`keyboardforwardseekoffset`,KEYBOARD_BACKWARD_SEEK_OFFSET:`keyboardbackwardseekoffset`,LANG:`lang`},Wl=class extends wc{constructor(){super(),Ol(this,Il),Ol(this,Rl),Ol(this,Bl),this.mediaStateReceivers=[],this.associatedElementSubscriptions=new Map,Ol(this,jl,new Fc(this,W.HOTKEYS)),Ol(this,Ml,void 0),Ol(this,U,void 0),Ol(this,Nl,void 0),Ol(this,Pl,void 0),Ol(this,Fl,e=>{var t;(t=H(this,U))==null||t.dispatch(e)}),this.associateElement(this);let e={};kl(this,Nl,t=>{Object.entries(t).forEach(([t,n])=>{if(t in e&&e[t]===n)return;this.propagateMediaState(t,n);let r=t.toLowerCase(),i=new N.CustomEvent(Lo[r],{composed:!0,detail:n});this.dispatchEvent(i)}),e=t}),this.enableHotkeys()}static get observedAttributes(){return super.observedAttributes.concat(W.NO_HOTKEYS,W.HOTKEYS,W.DEFAULT_STREAM_TYPE,W.DEFAULT_SUBTITLES,W.DEFAULT_DURATION,W.LANG)}get mediaStore(){return H(this,U)}set mediaStore(e){var t;if(H(this,U)&&((t=H(this,Pl))==null||t.call(this),kl(this,Pl,void 0)),kl(this,U,e),!H(this,U)&&!this.hasAttribute(W.NO_DEFAULT_STORE)){Al(this,Il,Ll).call(this);return}kl(this,Pl,H(this,U)?.subscribe(H(this,Nl)))}get fullscreenElement(){return H(this,Ml)??this}set fullscreenElement(e){var t;this.hasAttribute(W.FULLSCREEN_ELEMENT)&&this.removeAttribute(W.FULLSCREEN_ELEMENT),kl(this,Ml,e),(t=H(this,U))==null||t.dispatch({type:`fullscreenelementchangerequest`,detail:this.fullscreenElement})}get defaultSubtitles(){return L(this,W.DEFAULT_SUBTITLES)}set defaultSubtitles(e){R(this,W.DEFAULT_SUBTITLES,e)}get defaultStreamType(){return z(this,W.DEFAULT_STREAM_TYPE)}set defaultStreamType(e){B(this,W.DEFAULT_STREAM_TYPE,e)}get defaultDuration(){return F(this,W.DEFAULT_DURATION)}set defaultDuration(e){I(this,W.DEFAULT_DURATION,e)}get noHotkeys(){return L(this,W.NO_HOTKEYS)}set noHotkeys(e){R(this,W.NO_HOTKEYS,e)}get keysUsed(){return z(this,W.KEYS_USED)}set keysUsed(e){B(this,W.KEYS_USED,e)}get liveEdgeOffset(){return F(this,W.LIVE_EDGE_OFFSET)}set liveEdgeOffset(e){I(this,W.LIVE_EDGE_OFFSET,e)}get noAutoSeekToLive(){return L(this,W.NO_AUTO_SEEK_TO_LIVE)}set noAutoSeekToLive(e){R(this,W.NO_AUTO_SEEK_TO_LIVE,e)}get noVolumePref(){return L(this,W.NO_VOLUME_PREF)}set noVolumePref(e){R(this,W.NO_VOLUME_PREF,e)}get noSubtitlesLangPref(){return L(this,W.NO_SUBTITLES_LANG_PREF)}set noSubtitlesLangPref(e){R(this,W.NO_SUBTITLES_LANG_PREF,e)}get noDefaultStore(){return L(this,W.NO_DEFAULT_STORE)}set noDefaultStore(e){R(this,W.NO_DEFAULT_STORE,e)}attributeChangedCallback(e,t,n){var r,i,a,o,s,c;if(super.attributeChangedCallback(e,t,n),e===W.NO_HOTKEYS)n!==t&&n===``?(this.hasAttribute(W.HOTKEYS)&&console.warn("Media Chrome: Both `hotkeys` and `nohotkeys` have been set. All hotkeys will be disabled."),this.disableHotkeys()):n!==t&&n===null&&this.enableHotkeys();else if(e===W.HOTKEYS)H(this,jl).value=n;else if(e===W.DEFAULT_SUBTITLES&&n!==t)(r=H(this,U))==null||r.dispatch({type:`optionschangerequest`,detail:{defaultSubtitles:this.hasAttribute(W.DEFAULT_SUBTITLES)}});else if(e===W.DEFAULT_STREAM_TYPE)(i=H(this,U))==null||i.dispatch({type:`optionschangerequest`,detail:{defaultStreamType:this.getAttribute(W.DEFAULT_STREAM_TYPE)??void 0}});else if(e===W.LIVE_EDGE_OFFSET)(a=H(this,U))==null||a.dispatch({type:`optionschangerequest`,detail:{liveEdgeOffset:this.hasAttribute(W.LIVE_EDGE_OFFSET)?+this.getAttribute(W.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(W.SEEK_TO_LIVE_OFFSET)?void 0:+this.getAttribute(W.LIVE_EDGE_OFFSET)}});else if(e===W.SEEK_TO_LIVE_OFFSET)(o=H(this,U))==null||o.dispatch({type:`optionschangerequest`,detail:{seekToLiveOffset:this.hasAttribute(W.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(W.SEEK_TO_LIVE_OFFSET):void 0}});else if(e===W.NO_AUTO_SEEK_TO_LIVE)(s=H(this,U))==null||s.dispatch({type:`optionschangerequest`,detail:{noAutoSeekToLive:this.hasAttribute(W.NO_AUTO_SEEK_TO_LIVE)}});else if(e===W.FULLSCREEN_ELEMENT){let e=n?this.getRootNode()?.getElementById(n):void 0;kl(this,Ml,e),(c=H(this,U))==null||c.dispatch({type:`fullscreenelementchangerequest`,detail:this.fullscreenElement})}else e===W.LANG&&n!==t&&cs(n)}connectedCallback(){var e;!H(this,U)&&!this.hasAttribute(W.NO_DEFAULT_STORE)&&Al(this,Il,Ll).call(this),(e=H(this,U))==null||e.dispatch({type:`documentelementchangerequest`,detail:vs}),super.connectedCallback(),H(this,U)&&!H(this,Pl)&&kl(this,Pl,H(this,U)?.subscribe(H(this,Nl))),this.enableHotkeys()}disconnectedCallback(){var e,t,n,r;(e=super.disconnectedCallback)==null||e.call(this),H(this,U)&&((t=H(this,U))==null||t.dispatch({type:`documentelementchangerequest`,detail:void 0}),(n=H(this,U))==null||n.dispatch({type:k.MEDIA_TOGGLE_SUBTITLES_REQUEST,detail:!1})),H(this,Pl)&&((r=H(this,Pl))==null||r.call(this),kl(this,Pl,void 0))}mediaSetCallback(e){var t;super.mediaSetCallback(e),(t=H(this,U))==null||t.dispatch({type:`mediaelementchangerequest`,detail:e}),e.hasAttribute(`tabindex`)||(e.tabIndex=-1)}mediaUnsetCallback(e){var t;super.mediaUnsetCallback(e),(t=H(this,U))==null||t.dispatch({type:`mediaelementchangerequest`,detail:void 0})}propagateMediaState(e,t){tu(this.mediaStateReceivers,e,t)}associateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;if(t.has(e))return;let n=nu(e,this.registerMediaStateReceiver.bind(this),this.unregisterMediaStateReceiver.bind(this));Object.values(k).forEach(t=>{e.addEventListener(t,H(this,Fl))}),t.set(e,n)}unassociateElement(e){if(!e)return;let{associatedElementSubscriptions:t}=this;t.has(e)&&(t.get(e)(),t.delete(e),Object.values(k).forEach(t=>{e.removeEventListener(t,H(this,Fl))}))}registerMediaStateReceiver(e){if(!e)return;let t=this.mediaStateReceivers;t.indexOf(e)>-1||(t.push(e),H(this,U)&&Object.entries(H(this,U).getState()).forEach(([t,n])=>{tu([e],t,n)}))}unregisterMediaStateReceiver(e){let t=this.mediaStateReceivers,n=t.indexOf(e);n<0||t.splice(n,1)}enableHotkeys(){this.addEventListener(`keydown`,Al(this,Bl,Vl))}disableHotkeys(){this.removeEventListener(`keydown`,Al(this,Bl,Vl)),this.removeEventListener(`keyup`,Al(this,Rl,zl))}get hotkeys(){return z(this,W.HOTKEYS)}set hotkeys(e){B(this,W.HOTKEYS,e)}keyboardShortcutHandler(e){let t=e.target;if((t.getAttribute(W.KEYS_USED)?.split(` `)??t?.keysUsed??[]).map(e=>e===`Space`?` `:e).filter(Boolean).includes(e.key))return;let n,r,i;if(!H(this,jl).contains(`no${e.key.toLowerCase()}`)&&!(e.key===` `&&H(this,jl).contains(`nospace`)))switch(e.key){case` `:case`k`:n=H(this,U).getState().mediaPaused?k.MEDIA_PLAY_REQUEST:k.MEDIA_PAUSE_REQUEST,this.dispatchEvent(new N.CustomEvent(n,{composed:!0,bubbles:!0}));break;case`m`:n=this.mediaStore.getState().mediaVolumeLevel===`off`?k.MEDIA_UNMUTE_REQUEST:k.MEDIA_MUTE_REQUEST,this.dispatchEvent(new N.CustomEvent(n,{composed:!0,bubbles:!0}));break;case`f`:n=this.mediaStore.getState().mediaIsFullscreen?k.MEDIA_EXIT_FULLSCREEN_REQUEST:k.MEDIA_ENTER_FULLSCREEN_REQUEST,this.dispatchEvent(new N.CustomEvent(n,{composed:!0,bubbles:!0}));break;case`c`:this.dispatchEvent(new N.CustomEvent(k.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}));break;case`ArrowLeft`:{let e=this.hasAttribute(W.KEYBOARD_BACKWARD_SEEK_OFFSET)?+this.getAttribute(W.KEYBOARD_BACKWARD_SEEK_OFFSET):Ul;r=Math.max((this.mediaStore.getState().mediaCurrentTime??0)-e,0),i=new N.CustomEvent(k.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:r}),this.dispatchEvent(i);break}case`ArrowRight`:{let e=this.hasAttribute(W.KEYBOARD_FORWARD_SEEK_OFFSET)?+this.getAttribute(W.KEYBOARD_FORWARD_SEEK_OFFSET):Ul;r=Math.max((this.mediaStore.getState().mediaCurrentTime??0)+e,0),i=new N.CustomEvent(k.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:r}),this.dispatchEvent(i);break}default:break}}};jl=new WeakMap,Ml=new WeakMap,U=new WeakMap,Nl=new WeakMap,Pl=new WeakMap,Fl=new WeakMap,Il=new WeakSet,Ll=function(){this.mediaStore=El({media:this.media,fullscreenElement:this.fullscreenElement,options:{defaultSubtitles:this.hasAttribute(W.DEFAULT_SUBTITLES),defaultDuration:this.hasAttribute(W.DEFAULT_DURATION)?+this.getAttribute(W.DEFAULT_DURATION):void 0,defaultStreamType:this.getAttribute(W.DEFAULT_STREAM_TYPE)??void 0,liveEdgeOffset:this.hasAttribute(W.LIVE_EDGE_OFFSET)?+this.getAttribute(W.LIVE_EDGE_OFFSET):void 0,seekToLiveOffset:this.hasAttribute(W.SEEK_TO_LIVE_OFFSET)?+this.getAttribute(W.SEEK_TO_LIVE_OFFSET):this.hasAttribute(W.LIVE_EDGE_OFFSET)?+this.getAttribute(W.LIVE_EDGE_OFFSET):void 0,noAutoSeekToLive:this.hasAttribute(W.NO_AUTO_SEEK_TO_LIVE),noVolumePref:this.hasAttribute(W.NO_VOLUME_PREF),noSubtitlesLangPref:this.hasAttribute(W.NO_SUBTITLES_LANG_PREF)}})},Rl=new WeakSet,zl=function(e){let{key:t}=e;if(!Hl.includes(t)){this.removeEventListener(`keyup`,Al(this,Rl,zl));return}this.keyboardShortcutHandler(e)},Bl=new WeakSet,Vl=function(e){let{metaKey:t,altKey:n,key:r}=e;if(t||n||!Hl.includes(r)){this.removeEventListener(`keyup`,Al(this,Rl,zl));return}[` `,`ArrowLeft`,`ArrowRight`].includes(r)&&!(H(this,jl).contains(`no${r.toLowerCase()}`)||r===` `&&H(this,jl).contains(`nospace`))&&e.preventDefault(),this.addEventListener(`keyup`,Al(this,Rl,zl),{once:!0})};var Gl=Object.values(j),Kl=Object.values(Po),ql=e=>{var t;let{observedAttributes:n}=e.constructor;!n&&e.nodeName?.includes(`-`)&&(N.customElements.upgrade(e),{observedAttributes:n}=e.constructor);let r=((t=(e?.getAttribute)?.call(e,A.MEDIA_CHROME_ATTRIBUTES))?.split)?.call(t,/\s+/);return Array.isArray(n||r)?(n||r).filter(e=>Gl.includes(e)):[]},Jl=e=>(e.nodeName?.includes(`-`)&&N.customElements.get(e.nodeName?.toLowerCase())&&!(e instanceof N.customElements.get(e.nodeName.toLowerCase()))&&N.customElements.upgrade(e),Kl.some(t=>t in e)),Yl=e=>Jl(e)||!!ql(e).length,Xl=e=>(e?.join)?.call(e,`:`),Zl={[j.MEDIA_SUBTITLES_LIST]:Vc,[j.MEDIA_SUBTITLES_SHOWING]:Vc,[j.MEDIA_SEEKABLE]:Xl,[j.MEDIA_BUFFERED]:e=>e?.map(Xl).join(` `),[j.MEDIA_PREVIEW_COORDS]:e=>e?.join(` `),[j.MEDIA_RENDITION_LIST]:Wo,[j.MEDIA_AUDIO_TRACK_LIST]:Jo},Ql=async(e,t,n)=>{if(e.isConnected||await ts(0),typeof n==`boolean`||n==null)return R(e,t,n);if(typeof n==`number`)return I(e,t,n);if(typeof n==`string`)return B(e,t,n);if(Array.isArray(n)&&!n.length)return e.removeAttribute(t);let r=Zl[t]?.call(Zl,n)??n;return e.setAttribute(t,r)},$l=e=>!!e.closest?.call(e,`*[slot="media"]`),eu=(e,t)=>{if($l(e))return;let n=(e,t)=>{Yl(e)&&t(e);let{children:n=[]}=e??{},r=e?.shadowRoot?.children??[];[...n,...r].forEach(e=>eu(e,t))},r=e?.nodeName.toLowerCase();if(r.includes(`-`)&&!Yl(e)){N.customElements.whenDefined(r).then(()=>{n(e,t)});return}n(e,t)},tu=(e,t,n)=>{e.forEach(e=>{if(t in e){e[t]=n;return}let r=ql(e),i=t.toLowerCase();r.includes(i)&&Ql(e,i,n)})},nu=(e,t,n)=>{eu(e,t);let r=e=>{t(e?.composedPath()[0]??e.target)},i=e=>{n(e?.composedPath()[0]??e.target)};e.addEventListener(k.REGISTER_MEDIA_STATE_RECEIVER,r),e.addEventListener(k.UNREGISTER_MEDIA_STATE_RECEIVER,i);let a=e=>{e.forEach(e=>{let{addedNodes:r=[],removedNodes:i=[],type:a,target:o,attributeName:s}=e;a===`childList`?(Array.prototype.forEach.call(r,e=>eu(e,t)),Array.prototype.forEach.call(i,e=>eu(e,n))):a===`attributes`&&s===A.MEDIA_CHROME_ATTRIBUTES&&(Yl(o)?t(o):n(o))})},o=[],s=e=>{let r=e.target;r.name!==`media`&&(o.forEach(e=>eu(e,n)),o=[...r.assignedElements({flatten:!0})],o.forEach(e=>eu(e,t)))};e.addEventListener(`slotchange`,s);let c=new MutationObserver(a);return c.observe(e,{childList:!0,attributes:!0,subtree:!0}),()=>{eu(e,n),e.removeEventListener(`slotchange`,s),c.disconnect(),e.removeEventListener(k.REGISTER_MEDIA_STATE_RECEIVER,r),e.removeEventListener(k.UNREGISTER_MEDIA_STATE_RECEIVER,i)}};N.customElements.get(`media-controller`)||N.customElements.define(`media-controller`,Wl);var ru=Wl,iu={PLACEMENT:`placement`,BOUNDS:`bounds`};function au(e){return`
|
|
217
|
-
<style>
|
|
218
|
-
:host {
|
|
219
|
-
--_tooltip-background-color: var(--media-tooltip-background-color, var(--media-secondary-color, rgba(20, 20, 30, .7)));
|
|
220
|
-
--_tooltip-background: var(--media-tooltip-background, var(--_tooltip-background-color));
|
|
221
|
-
--_tooltip-arrow-half-width: calc(var(--media-tooltip-arrow-width, 12px) / 2);
|
|
222
|
-
--_tooltip-arrow-height: var(--media-tooltip-arrow-height, 5px);
|
|
223
|
-
--_tooltip-arrow-background: var(--media-tooltip-arrow-color, var(--_tooltip-background-color));
|
|
224
|
-
position: relative;
|
|
225
|
-
pointer-events: none;
|
|
226
|
-
display: var(--media-tooltip-display, inline-flex);
|
|
227
|
-
justify-content: center;
|
|
228
|
-
align-items: center;
|
|
229
|
-
box-sizing: border-box;
|
|
230
|
-
z-index: var(--media-tooltip-z-index, 1);
|
|
231
|
-
background: var(--_tooltip-background);
|
|
232
|
-
color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
|
|
233
|
-
font: var(--media-font,
|
|
234
|
-
var(--media-font-weight, 400)
|
|
235
|
-
var(--media-font-size, 13px) /
|
|
236
|
-
var(--media-text-content-height, var(--media-control-height, 18px))
|
|
237
|
-
var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
|
|
238
|
-
padding: var(--media-tooltip-padding, .35em .7em);
|
|
239
|
-
border: var(--media-tooltip-border, none);
|
|
240
|
-
border-radius: var(--media-tooltip-border-radius, 5px);
|
|
241
|
-
filter: var(--media-tooltip-filter, drop-shadow(0 0 4px rgba(0, 0, 0, .2)));
|
|
242
|
-
white-space: var(--media-tooltip-white-space, nowrap);
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
:host([hidden]) {
|
|
246
|
-
display: none;
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
img, svg {
|
|
250
|
-
display: inline-block;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
#arrow {
|
|
254
|
-
position: absolute;
|
|
255
|
-
width: 0px;
|
|
256
|
-
height: 0px;
|
|
257
|
-
border-style: solid;
|
|
258
|
-
display: var(--media-tooltip-arrow-display, block);
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
:host(:not([placement])),
|
|
262
|
-
:host([placement="top"]) {
|
|
263
|
-
position: absolute;
|
|
264
|
-
bottom: calc(100% + var(--media-tooltip-distance, 12px));
|
|
265
|
-
left: 50%;
|
|
266
|
-
transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0);
|
|
267
|
-
}
|
|
268
|
-
:host(:not([placement])) #arrow,
|
|
269
|
-
:host([placement="top"]) #arrow {
|
|
270
|
-
top: 100%;
|
|
271
|
-
left: 50%;
|
|
272
|
-
border-width: var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width);
|
|
273
|
-
border-color: var(--_tooltip-arrow-background) transparent transparent transparent;
|
|
274
|
-
transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0);
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
:host([placement="right"]) {
|
|
278
|
-
position: absolute;
|
|
279
|
-
left: calc(100% + var(--media-tooltip-distance, 12px));
|
|
280
|
-
top: 50%;
|
|
281
|
-
transform: translate(0, -50%);
|
|
282
|
-
}
|
|
283
|
-
:host([placement="right"]) #arrow {
|
|
284
|
-
top: 50%;
|
|
285
|
-
right: 100%;
|
|
286
|
-
border-width: var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width) 0;
|
|
287
|
-
border-color: transparent var(--_tooltip-arrow-background) transparent transparent;
|
|
288
|
-
transform: translate(0, -50%);
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
:host([placement="bottom"]) {
|
|
292
|
-
position: absolute;
|
|
293
|
-
top: calc(100% + var(--media-tooltip-distance, 12px));
|
|
294
|
-
left: 50%;
|
|
295
|
-
transform: translate(calc(-50% - var(--media-tooltip-offset-x, 0px)), 0);
|
|
296
|
-
}
|
|
297
|
-
:host([placement="bottom"]) #arrow {
|
|
298
|
-
bottom: 100%;
|
|
299
|
-
left: 50%;
|
|
300
|
-
border-width: 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height) var(--_tooltip-arrow-half-width);
|
|
301
|
-
border-color: transparent transparent var(--_tooltip-arrow-background) transparent;
|
|
302
|
-
transform: translate(calc(-50% + var(--media-tooltip-offset-x, 0px)), 0);
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
:host([placement="left"]) {
|
|
306
|
-
position: absolute;
|
|
307
|
-
right: calc(100% + var(--media-tooltip-distance, 12px));
|
|
308
|
-
top: 50%;
|
|
309
|
-
transform: translate(0, -50%);
|
|
310
|
-
}
|
|
311
|
-
:host([placement="left"]) #arrow {
|
|
312
|
-
top: 50%;
|
|
313
|
-
left: 100%;
|
|
314
|
-
border-width: var(--_tooltip-arrow-half-width) 0 var(--_tooltip-arrow-half-width) var(--_tooltip-arrow-height);
|
|
315
|
-
border-color: transparent transparent transparent var(--_tooltip-arrow-background);
|
|
316
|
-
transform: translate(0, -50%);
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
:host([placement="none"]) #arrow {
|
|
320
|
-
display: none;
|
|
321
|
-
}
|
|
322
|
-
</style>
|
|
323
|
-
<slot></slot>
|
|
324
|
-
<div id="arrow"></div>
|
|
325
|
-
`}var ou=class extends N.HTMLElement{constructor(){if(super(),this.updateXOffset=()=>{if(!Ps(this,{checkOpacity:!1,checkVisibilityCSS:!1}))return;let e=this.placement;if(e===`left`||e===`right`){this.style.removeProperty(`--media-tooltip-offset-x`);return}let t=getComputedStyle(this),n=js(this,`#`+this.bounds)??Ts(this);if(!n)return;let{x:r,width:i}=n.getBoundingClientRect(),{x:a,width:o}=this.getBoundingClientRect(),s=a+o,c=r+i,l=t.getPropertyValue(`--media-tooltip-offset-x`),u=l?parseFloat(l.replace(`px`,``)):0,d=t.getPropertyValue(`--media-tooltip-container-margin`),f=d?parseFloat(d.replace(`px`,``)):0,p=a-r+u-f,m=s-c+u+f;if(p<0){this.style.setProperty(`--media-tooltip-offset-x`,`${p}px`);return}if(m>0){this.style.setProperty(`--media-tooltip-offset-x`,`${m}px`);return}this.style.removeProperty(`--media-tooltip-offset-x`)},!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}if(this.arrowEl=this.shadowRoot.querySelector(`#arrow`),Object.prototype.hasOwnProperty.call(this,`placement`)){let e=this.placement;delete this.placement,this.placement=e}}static get observedAttributes(){return[iu.PLACEMENT,iu.BOUNDS]}get placement(){return z(this,iu.PLACEMENT)}set placement(e){B(this,iu.PLACEMENT,e)}get bounds(){return z(this,iu.BOUNDS)}set bounds(e){B(this,iu.BOUNDS,e)}};ou.shadowRootOptions={mode:`open`},ou.getTemplateHTML=au,N.customElements.get(`media-tooltip`)||N.customElements.define(`media-tooltip`,ou);var su=ou,cu=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},lu=(e,t,n)=>(cu(e,t,`read from private field`),n?n.call(e):t.get(e)),uu=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},du=(e,t,n,r)=>(cu(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),fu=(e,t,n)=>(cu(e,t,`access private method`),n),pu,mu,hu,gu,_u,vu,yu,bu={TOOLTIP_PLACEMENT:`tooltipplacement`,DISABLED:`disabled`,NO_TOOLTIP:`notooltip`};function xu(e,t={}){return`
|
|
326
|
-
<style>
|
|
327
|
-
:host {
|
|
328
|
-
position: relative;
|
|
329
|
-
font: var(--media-font,
|
|
330
|
-
var(--media-font-weight, bold)
|
|
331
|
-
var(--media-font-size, 14px) /
|
|
332
|
-
var(--media-text-content-height, var(--media-control-height, 24px))
|
|
333
|
-
var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
|
|
334
|
-
color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
|
|
335
|
-
background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
|
|
336
|
-
padding: var(--media-button-padding, var(--media-control-padding, 10px));
|
|
337
|
-
justify-content: var(--media-button-justify-content, center);
|
|
338
|
-
display: inline-flex;
|
|
339
|
-
align-items: center;
|
|
340
|
-
vertical-align: middle;
|
|
341
|
-
box-sizing: border-box;
|
|
342
|
-
transition: background .15s linear;
|
|
343
|
-
pointer-events: auto;
|
|
344
|
-
cursor: var(--media-cursor, pointer);
|
|
345
|
-
-webkit-tap-highlight-color: transparent;
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
:host(:focus-visible) {
|
|
350
|
-
box-shadow: inset 0 0 0 2px rgb(27 127 204 / .9);
|
|
351
|
-
outline: 0;
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
:host(:where(:focus)) {
|
|
355
|
-
box-shadow: none;
|
|
356
|
-
outline: 0;
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
:host(:hover) {
|
|
360
|
-
background: var(--media-control-hover-background, rgba(50 50 70 / .7));
|
|
361
|
-
}
|
|
362
|
-
|
|
363
|
-
svg, img, ::slotted(svg), ::slotted(img) {
|
|
364
|
-
width: var(--media-button-icon-width);
|
|
365
|
-
height: var(--media-button-icon-height, var(--media-control-height, 24px));
|
|
366
|
-
transform: var(--media-button-icon-transform);
|
|
367
|
-
transition: var(--media-button-icon-transition);
|
|
368
|
-
fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
|
|
369
|
-
vertical-align: middle;
|
|
370
|
-
max-width: 100%;
|
|
371
|
-
max-height: 100%;
|
|
372
|
-
min-width: 100%;
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
media-tooltip {
|
|
376
|
-
|
|
377
|
-
max-width: 0;
|
|
378
|
-
overflow-x: clip;
|
|
379
|
-
opacity: 0;
|
|
380
|
-
transition: opacity .3s, max-width 0s 9s;
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
:host(:hover) media-tooltip,
|
|
384
|
-
:host(:focus-visible) media-tooltip {
|
|
385
|
-
max-width: 100vw;
|
|
386
|
-
opacity: 1;
|
|
387
|
-
transition: opacity .3s;
|
|
388
|
-
}
|
|
389
|
-
|
|
390
|
-
:host([notooltip]) slot[name="tooltip"] {
|
|
391
|
-
display: none;
|
|
392
|
-
}
|
|
393
|
-
</style>
|
|
394
|
-
|
|
395
|
-
${this.getSlotTemplateHTML(e,t)}
|
|
396
|
-
|
|
397
|
-
<slot name="tooltip">
|
|
398
|
-
<media-tooltip part="tooltip" aria-hidden="true">
|
|
399
|
-
<template shadowrootmode="${su.shadowRootOptions.mode}">
|
|
400
|
-
${su.getTemplateHTML({})}
|
|
401
|
-
</template>
|
|
402
|
-
<slot name="tooltip-content">
|
|
403
|
-
${this.getTooltipContentHTML(e)}
|
|
404
|
-
</slot>
|
|
405
|
-
</media-tooltip>
|
|
406
|
-
</slot>
|
|
407
|
-
`}function Su(e,t){return`
|
|
408
|
-
<slot></slot>
|
|
409
|
-
`}function Cu(){return``}var wu=class extends N.HTMLElement{constructor(){if(super(),uu(this,vu),uu(this,pu,void 0),this.preventClick=!1,this.tooltipEl=null,uu(this,mu,e=>{this.preventClick||this.handleClick(e),setTimeout(lu(this,hu),0)}),uu(this,hu,()=>{var e,t;(t=(e=this.tooltipEl)?.updateXOffset)==null||t.call(e)}),uu(this,gu,e=>{let{key:t}=e;if(!this.keysUsed.includes(t)){this.removeEventListener(`keyup`,lu(this,gu));return}this.preventClick||this.handleClick(e)}),uu(this,_u,e=>{let{metaKey:t,altKey:n,key:r}=e;if(t||n||!this.keysUsed.includes(r)){this.removeEventListener(`keyup`,lu(this,gu));return}this.addEventListener(`keyup`,lu(this,gu),{once:!0})}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.tooltipEl=this.shadowRoot.querySelector(`media-tooltip`)}static get observedAttributes(){return[`disabled`,bu.TOOLTIP_PLACEMENT,A.MEDIA_CONTROLLER]}enable(){this.addEventListener(`click`,lu(this,mu)),this.addEventListener(`keydown`,lu(this,_u)),this.tabIndex=0}disable(){this.removeEventListener(`click`,lu(this,mu)),this.removeEventListener(`keydown`,lu(this,_u)),this.removeEventListener(`keyup`,lu(this,gu)),this.tabIndex=-1}attributeChangedCallback(e,t,n){var r,i,a,o;e===A.MEDIA_CONTROLLER?(t&&((i=(r=lu(this,pu))?.unassociateElement)==null||i.call(r,this),du(this,pu,null)),n&&this.isConnected&&(du(this,pu,this.getRootNode()?.getElementById(n)),(o=(a=lu(this,pu))?.associateElement)==null||o.call(a,this))):e===`disabled`&&n!==t?n==null?this.enable():this.disable():e===bu.TOOLTIP_PLACEMENT&&this.tooltipEl&&n!==t&&(this.tooltipEl.placement=n),lu(this,hu).call(this)}connectedCallback(){var e,t;let{style:n}=P(this.shadowRoot,`:host`);n.setProperty(`display`,`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),this.hasAttribute(`disabled`)?this.disable():this.enable(),this.setAttribute(`role`,`button`);let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(du(this,pu,this.getRootNode()?.getElementById(r)),(t=(e=lu(this,pu))?.associateElement)==null||t.call(e,this)),N.customElements.whenDefined(`media-tooltip`).then(()=>fu(this,vu,yu).call(this))}disconnectedCallback(){var e,t;this.disable(),(t=(e=lu(this,pu))?.unassociateElement)==null||t.call(e,this),du(this,pu,null),this.removeEventListener(`mouseenter`,lu(this,hu)),this.removeEventListener(`focus`,lu(this,hu)),this.removeEventListener(`click`,lu(this,mu))}get keysUsed(){return[`Enter`,` `]}get tooltipPlacement(){return z(this,bu.TOOLTIP_PLACEMENT)}set tooltipPlacement(e){B(this,bu.TOOLTIP_PLACEMENT,e)}get mediaController(){return z(this,A.MEDIA_CONTROLLER)}set mediaController(e){B(this,A.MEDIA_CONTROLLER,e)}get disabled(){return L(this,bu.DISABLED)}set disabled(e){R(this,bu.DISABLED,e)}get noTooltip(){return L(this,bu.NO_TOOLTIP)}set noTooltip(e){R(this,bu.NO_TOOLTIP,e)}handleClick(e){}};pu=new WeakMap,mu=new WeakMap,hu=new WeakMap,gu=new WeakMap,_u=new WeakMap,vu=new WeakSet,yu=function(){this.addEventListener(`mouseenter`,lu(this,hu)),this.addEventListener(`focus`,lu(this,hu)),this.addEventListener(`click`,lu(this,mu));let e=this.tooltipPlacement;e&&this.tooltipEl&&(this.tooltipEl.placement=e)},wu.shadowRootOptions={mode:`open`},wu.getTemplateHTML=xu,wu.getSlotTemplateHTML=Su,wu.getTooltipContentHTML=Cu,N.customElements.get(`media-chrome-button`)||N.customElements.define(`media-chrome-button`,wu);var Tu=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
410
|
-
<path d="M22.13 3H3.87a.87.87 0 0 0-.87.87v13.26a.87.87 0 0 0 .87.87h3.4L9 16H5V5h16v11h-4l1.72 2h3.4a.87.87 0 0 0 .87-.87V3.87a.87.87 0 0 0-.86-.87Zm-8.75 11.44a.5.5 0 0 0-.76 0l-4.91 5.73a.5.5 0 0 0 .38.83h9.82a.501.501 0 0 0 .38-.83l-4.91-5.73Z"/>
|
|
411
|
-
</svg>
|
|
412
|
-
`;function Eu(e){return`
|
|
413
|
-
<style>
|
|
414
|
-
:host([${j.MEDIA_IS_AIRPLAYING}]) slot[name=icon] slot:not([name=exit]) {
|
|
415
|
-
display: none !important;
|
|
416
|
-
}
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
:host(:not([${j.MEDIA_IS_AIRPLAYING}])) slot[name=icon] slot:not([name=enter]) {
|
|
420
|
-
display: none !important;
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
:host([${j.MEDIA_IS_AIRPLAYING}]) slot[name=tooltip-enter],
|
|
424
|
-
:host(:not([${j.MEDIA_IS_AIRPLAYING}])) slot[name=tooltip-exit] {
|
|
425
|
-
display: none;
|
|
426
|
-
}
|
|
427
|
-
</style>
|
|
428
|
-
|
|
429
|
-
<slot name="icon">
|
|
430
|
-
<slot name="enter">${Tu}</slot>
|
|
431
|
-
<slot name="exit">${Tu}</slot>
|
|
432
|
-
</slot>
|
|
433
|
-
`}function Du(){return`
|
|
434
|
-
<slot name="tooltip-enter">${M(`start airplay`)}</slot>
|
|
435
|
-
<slot name="tooltip-exit">${M(`stop airplay`)}</slot>
|
|
436
|
-
`}var Ou=e=>{let t=e.mediaIsAirplaying?M(`stop airplay`):M(`start airplay`);e.setAttribute(`aria-label`,t)},ku=class extends wu{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_IS_AIRPLAYING,j.MEDIA_AIRPLAY_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Ou(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_IS_AIRPLAYING&&Ou(this)}get mediaIsAirplaying(){return L(this,j.MEDIA_IS_AIRPLAYING)}set mediaIsAirplaying(e){R(this,j.MEDIA_IS_AIRPLAYING,e)}get mediaAirplayUnavailable(){return z(this,j.MEDIA_AIRPLAY_UNAVAILABLE)}set mediaAirplayUnavailable(e){B(this,j.MEDIA_AIRPLAY_UNAVAILABLE,e)}handleClick(){let e=new N.CustomEvent(k.MEDIA_AIRPLAY_REQUEST,{composed:!0,bubbles:!0});this.dispatchEvent(e)}};ku.getSlotTemplateHTML=Eu,ku.getTooltipContentHTML=Du,N.customElements.get(`media-airplay-button`)||N.customElements.define(`media-airplay-button`,ku);var Au=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
437
|
-
<path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>
|
|
438
|
-
</svg>`,ju=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
439
|
-
<path d="M17.73 14.09a1.4 1.4 0 0 1-1 .37 1.579 1.579 0 0 1-1.27-.58A3 3 0 0 1 15 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34A2.89 2.89 0 0 0 19 9.07a3 3 0 0 0-2.14-.78 3.14 3.14 0 0 0-2.42 1 3.91 3.91 0 0 0-.93 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.17 3.17 0 0 0 1.07-1.74l-1.4-.45c-.083.43-.3.822-.62 1.12Zm-7.22 0a1.43 1.43 0 0 1-1 .37 1.58 1.58 0 0 1-1.27-.58A3 3 0 0 1 7.76 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34a2.81 2.81 0 0 0-.74-1.32 2.94 2.94 0 0 0-2.13-.78 3.18 3.18 0 0 0-2.43 1 4 4 0 0 0-.92 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.23 3.23 0 0 0 1.07-1.74l-1.4-.45a2.06 2.06 0 0 1-.6 1.07Zm12.32-8.41a2.59 2.59 0 0 0-2.3-2.51C18.72 3.05 15.86 3 13 3c-2.86 0-5.72.05-7.53.17a2.59 2.59 0 0 0-2.3 2.51c-.23 4.207-.23 8.423 0 12.63a2.57 2.57 0 0 0 2.3 2.5c1.81.13 4.67.19 7.53.19 2.86 0 5.72-.06 7.53-.19a2.57 2.57 0 0 0 2.3-2.5c.23-4.207.23-8.423 0-12.63Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.14-.21-8.29 0-12.43a1.11 1.11 0 0 1 .91-1.11C7.24 4.56 10 4.49 13 4.49s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.14.21 8.29 0 12.43Z"/>
|
|
440
|
-
</svg>`;function Mu(e){return`
|
|
441
|
-
<style>
|
|
442
|
-
:host([aria-checked="true"]) slot[name=off] {
|
|
443
|
-
display: none !important;
|
|
444
|
-
}
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
:host(:not([aria-checked="true"])) slot[name=on] {
|
|
448
|
-
display: none !important;
|
|
449
|
-
}
|
|
450
|
-
|
|
451
|
-
:host([aria-checked="true"]) slot[name=tooltip-enable],
|
|
452
|
-
:host(:not([aria-checked="true"])) slot[name=tooltip-disable] {
|
|
453
|
-
display: none;
|
|
454
|
-
}
|
|
455
|
-
</style>
|
|
456
|
-
|
|
457
|
-
<slot name="icon">
|
|
458
|
-
<slot name="on">${Au}</slot>
|
|
459
|
-
<slot name="off">${ju}</slot>
|
|
460
|
-
</slot>
|
|
461
|
-
`}function Nu(){return`
|
|
462
|
-
<slot name="tooltip-enable">${M(`Enable captions`)}</slot>
|
|
463
|
-
<slot name="tooltip-disable">${M(`Disable captions`)}</slot>
|
|
464
|
-
`}var Pu=e=>{e.setAttribute(`aria-checked`,Kc(e).toString())},Fu=class extends wu{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_SUBTITLES_LIST,j.MEDIA_SUBTITLES_SHOWING]}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`switch`),this.setAttribute(`aria-label`,M(`closed captions`)),Pu(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_SUBTITLES_SHOWING&&Pu(this)}get mediaSubtitlesList(){return Iu(this,j.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){Lu(this,j.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Iu(this,j.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){Lu(this,j.MEDIA_SUBTITLES_SHOWING,e)}handleClick(){this.dispatchEvent(new N.CustomEvent(k.MEDIA_TOGGLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0}))}};Fu.getSlotTemplateHTML=Mu,Fu.getTooltipContentHTML=Nu;var Iu=(e,t)=>{let n=e.getAttribute(t);return n?Rc(n):[]},Lu=(e,t,n)=>{if(!n?.length){e.removeAttribute(t);return}let r=Vc(n);e.getAttribute(t)!==r&&e.setAttribute(t,r)};N.customElements.get(`media-captions-button`)||N.customElements.define(`media-captions-button`,Fu);var Ru=`<svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/></g></svg>`,zu=`<svg aria-hidden="true" viewBox="0 0 24 24"><g><path class="cast_caf_icon_arch0" d="M1,18 L1,21 L4,21 C4,19.3 2.66,18 1,18 L1,18 Z"/><path class="cast_caf_icon_arch1" d="M1,14 L1,16 C3.76,16 6,18.2 6,21 L8,21 C8,17.13 4.87,14 1,14 L1,14 Z"/><path class="cast_caf_icon_arch2" d="M1,10 L1,12 C5.97,12 10,16.0 10,21 L12,21 C12,14.92 7.07,10 1,10 L1,10 Z"/><path class="cast_caf_icon_box" d="M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 L21,3 Z"/><path class="cast_caf_icon_boxfill" d="M5,7 L5,8.63 C8,8.6 13.37,14 13.37,17 L19,17 L19,7 Z"/></g></svg>`;function Bu(e){return`
|
|
465
|
-
<style>
|
|
466
|
-
:host([${j.MEDIA_IS_CASTING}]) slot[name=icon] slot:not([name=exit]) {
|
|
467
|
-
display: none !important;
|
|
468
|
-
}
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
:host(:not([${j.MEDIA_IS_CASTING}])) slot[name=icon] slot:not([name=enter]) {
|
|
472
|
-
display: none !important;
|
|
473
|
-
}
|
|
474
|
-
|
|
475
|
-
:host([${j.MEDIA_IS_CASTING}]) slot[name=tooltip-enter],
|
|
476
|
-
:host(:not([${j.MEDIA_IS_CASTING}])) slot[name=tooltip-exit] {
|
|
477
|
-
display: none;
|
|
478
|
-
}
|
|
479
|
-
</style>
|
|
480
|
-
|
|
481
|
-
<slot name="icon">
|
|
482
|
-
<slot name="enter">${Ru}</slot>
|
|
483
|
-
<slot name="exit">${zu}</slot>
|
|
484
|
-
</slot>
|
|
485
|
-
`}function Vu(){return`
|
|
486
|
-
<slot name="tooltip-enter">${M(`Start casting`)}</slot>
|
|
487
|
-
<slot name="tooltip-exit">${M(`Stop casting`)}</slot>
|
|
488
|
-
`}var Hu=e=>{let t=e.mediaIsCasting?M(`stop casting`):M(`start casting`);e.setAttribute(`aria-label`,t)},Uu=class extends wu{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_IS_CASTING,j.MEDIA_CAST_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Hu(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_IS_CASTING&&Hu(this)}get mediaIsCasting(){return L(this,j.MEDIA_IS_CASTING)}set mediaIsCasting(e){R(this,j.MEDIA_IS_CASTING,e)}get mediaCastUnavailable(){return z(this,j.MEDIA_CAST_UNAVAILABLE)}set mediaCastUnavailable(e){B(this,j.MEDIA_CAST_UNAVAILABLE,e)}handleClick(){let e=this.mediaIsCasting?k.MEDIA_EXIT_CAST_REQUEST:k.MEDIA_ENTER_CAST_REQUEST;this.dispatchEvent(new N.CustomEvent(e,{composed:!0,bubbles:!0}))}};Uu.getSlotTemplateHTML=Bu,Uu.getTooltipContentHTML=Vu,N.customElements.get(`media-cast-button`)||N.customElements.define(`media-cast-button`,Uu);var Wu=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Gu=(e,t,n)=>(Wu(e,t,`read from private field`),n?n.call(e):t.get(e)),Ku=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},qu=(e,t,n,r)=>(Wu(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Ju=(e,t,n)=>(Wu(e,t,`access private method`),n),Yu,Xu,Zu,Qu,$u,ed,td,nd,rd,id,ad,od,sd,cd,ld;function ud(e){return`
|
|
489
|
-
<style>
|
|
490
|
-
:host {
|
|
491
|
-
font: var(--media-font,
|
|
492
|
-
var(--media-font-weight, normal)
|
|
493
|
-
var(--media-font-size, 14px) /
|
|
494
|
-
var(--media-text-content-height, var(--media-control-height, 24px))
|
|
495
|
-
var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
|
|
496
|
-
color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
|
|
497
|
-
display: var(--media-dialog-display, inline-flex);
|
|
498
|
-
justify-content: center;
|
|
499
|
-
align-items: center;
|
|
500
|
-
|
|
501
|
-
transition-behavior: allow-discrete;
|
|
502
|
-
visibility: hidden;
|
|
503
|
-
opacity: 0;
|
|
504
|
-
transform: translateY(2px) scale(.99);
|
|
505
|
-
pointer-events: none;
|
|
506
|
-
}
|
|
507
|
-
|
|
508
|
-
:host([open]) {
|
|
509
|
-
transition: display .2s, visibility 0s, opacity .2s ease-out, transform .15s ease-out;
|
|
510
|
-
visibility: visible;
|
|
511
|
-
opacity: 1;
|
|
512
|
-
transform: translateY(0) scale(1);
|
|
513
|
-
pointer-events: auto;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
#content {
|
|
517
|
-
display: flex;
|
|
518
|
-
position: relative;
|
|
519
|
-
box-sizing: border-box;
|
|
520
|
-
width: min(320px, 100%);
|
|
521
|
-
word-wrap: break-word;
|
|
522
|
-
max-height: 100%;
|
|
523
|
-
overflow: auto;
|
|
524
|
-
text-align: center;
|
|
525
|
-
line-height: 1.4;
|
|
526
|
-
}
|
|
527
|
-
</style>
|
|
528
|
-
${this.getSlotTemplateHTML(e)}
|
|
529
|
-
`}function dd(e){return`
|
|
530
|
-
<slot id="content"></slot>
|
|
531
|
-
`}var fd={OPEN:`open`,ANCHOR:`anchor`},pd=class extends N.HTMLElement{constructor(){super(),Ku(this,Qu),Ku(this,ed),Ku(this,nd),Ku(this,id),Ku(this,od),Ku(this,cd),Ku(this,Yu,!1),Ku(this,Xu,null),Ku(this,Zu,null),this.addEventListener(`invoke`,this),this.addEventListener(`focusout`,this),this.addEventListener(`keydown`,this)}static get observedAttributes(){return[fd.OPEN,fd.ANCHOR]}get open(){return L(this,fd.OPEN)}set open(e){R(this,fd.OPEN,e)}handleEvent(e){switch(e.type){case`invoke`:Ju(this,id,ad).call(this,e);break;case`focusout`:Ju(this,od,sd).call(this,e);break;case`keydown`:Ju(this,cd,ld).call(this,e);break}}connectedCallback(){Ju(this,Qu,$u).call(this),this.role||=`dialog`}attributeChangedCallback(e,t,n){Ju(this,Qu,$u).call(this),e===fd.OPEN&&n!==t&&(this.open?Ju(this,ed,td).call(this):Ju(this,nd,rd).call(this))}focus(){qu(this,Xu,Ms());let e=!this.dispatchEvent(new Event(`focus`,{composed:!0,cancelable:!0})),t=!this.dispatchEvent(new Event(`focusin`,{composed:!0,bubbles:!0,cancelable:!0}));e||t||this.querySelector(`[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]`)?.focus()}get keysUsed(){return[`Escape`,`Tab`]}};Yu=new WeakMap,Xu=new WeakMap,Zu=new WeakMap,Qu=new WeakSet,$u=function(){if(!Gu(this,Yu)&&(qu(this,Yu,!0),!this.shadowRoot)){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e),queueMicrotask(()=>{let{style:e}=P(this.shadowRoot,`:host`);e.setProperty(`transition`,`display .15s, visibility .15s, opacity .15s ease-in, transform .15s ease-in`)})}},ed=new WeakSet,td=function(){var e;(e=Gu(this,Zu))==null||e.setAttribute(`aria-expanded`,`true`),this.dispatchEvent(new Event(`open`,{composed:!0,bubbles:!0})),this.addEventListener(`transitionend`,()=>this.focus(),{once:!0})},nd=new WeakSet,rd=function(){var e;(e=Gu(this,Zu))==null||e.setAttribute(`aria-expanded`,`false`),this.dispatchEvent(new Event(`close`,{composed:!0,bubbles:!0}))},id=new WeakSet,ad=function(e){qu(this,Zu,e.relatedTarget),As(this,e.relatedTarget)||(this.open=!this.open)},od=new WeakSet,sd=function(e){var t;As(this,e.relatedTarget)||((t=Gu(this,Xu))==null||t.focus(),Gu(this,Zu)&&Gu(this,Zu)!==e.relatedTarget&&this.open&&(this.open=!1))},cd=new WeakSet,ld=function(e){var t,n,r,i,a;let{key:o,ctrlKey:s,altKey:c,metaKey:l}=e;s||c||l||this.keysUsed.includes(o)&&(e.preventDefault(),e.stopPropagation(),o===`Tab`?(e.shiftKey?(n=(t=this.previousElementSibling)?.focus)==null||n.call(t):(i=(r=this.nextElementSibling)?.focus)==null||i.call(r),this.blur()):o===`Escape`&&((a=Gu(this,Xu))==null||a.focus(),this.open=!1))},pd.shadowRootOptions={mode:`open`},pd.getTemplateHTML=ud,pd.getSlotTemplateHTML=dd,N.customElements.get(`media-chrome-dialog`)||N.customElements.define(`media-chrome-dialog`,pd);var md=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},G=(e,t,n)=>(md(e,t,`read from private field`),n?n.call(e):t.get(e)),hd=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},gd=(e,t,n,r)=>(md(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),_d=(e,t,n)=>(md(e,t,`access private method`),n),vd,yd,bd,xd,Sd,Cd,wd,Td,Ed,Dd,Od,kd,Ad,jd,Md,Nd,Pd,Fd,Id,Ld,Rd,zd,Bd,Vd,Hd;function Ud(e){return`
|
|
532
|
-
<style>
|
|
533
|
-
:host {
|
|
534
|
-
--_focus-box-shadow: var(--media-focus-box-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
|
|
535
|
-
--_media-range-padding: var(--media-range-padding, var(--media-control-padding, 10px));
|
|
536
|
-
|
|
537
|
-
box-shadow: var(--_focus-visible-box-shadow, none);
|
|
538
|
-
background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
|
|
539
|
-
height: calc(var(--media-control-height, 24px) + 2 * var(--_media-range-padding));
|
|
540
|
-
display: inline-flex;
|
|
541
|
-
align-items: center;
|
|
542
|
-
|
|
543
|
-
vertical-align: middle;
|
|
544
|
-
box-sizing: border-box;
|
|
545
|
-
position: relative;
|
|
546
|
-
width: 100px;
|
|
547
|
-
transition: background .15s linear;
|
|
548
|
-
cursor: var(--media-cursor, pointer);
|
|
549
|
-
pointer-events: auto;
|
|
550
|
-
touch-action: none;
|
|
551
|
-
}
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
input[type=range]:focus {
|
|
555
|
-
outline: 0;
|
|
556
|
-
}
|
|
557
|
-
input[type=range]:focus::-webkit-slider-runnable-track {
|
|
558
|
-
outline: 0;
|
|
559
|
-
}
|
|
560
|
-
|
|
561
|
-
:host(:hover) {
|
|
562
|
-
background: var(--media-control-hover-background, rgb(50 50 70 / .7));
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
#leftgap {
|
|
566
|
-
padding-left: var(--media-range-padding-left, var(--_media-range-padding));
|
|
567
|
-
}
|
|
568
|
-
|
|
569
|
-
#rightgap {
|
|
570
|
-
padding-right: var(--media-range-padding-right, var(--_media-range-padding));
|
|
571
|
-
}
|
|
572
|
-
|
|
573
|
-
#startpoint,
|
|
574
|
-
#endpoint {
|
|
575
|
-
position: absolute;
|
|
576
|
-
}
|
|
577
|
-
|
|
578
|
-
#endpoint {
|
|
579
|
-
right: 0;
|
|
580
|
-
}
|
|
581
|
-
|
|
582
|
-
#container {
|
|
583
|
-
|
|
584
|
-
width: var(--media-range-track-width, 100%);
|
|
585
|
-
transform: translate(var(--media-range-track-translate-x, 0px), var(--media-range-track-translate-y, 0px));
|
|
586
|
-
position: relative;
|
|
587
|
-
height: 100%;
|
|
588
|
-
display: flex;
|
|
589
|
-
align-items: center;
|
|
590
|
-
min-width: 40px;
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
#range {
|
|
594
|
-
|
|
595
|
-
display: var(--media-time-range-hover-display, block);
|
|
596
|
-
bottom: var(--media-time-range-hover-bottom, -7px);
|
|
597
|
-
height: var(--media-time-range-hover-height, max(100% + 7px, 25px));
|
|
598
|
-
width: 100%;
|
|
599
|
-
position: absolute;
|
|
600
|
-
cursor: var(--media-cursor, pointer);
|
|
601
|
-
|
|
602
|
-
-webkit-appearance: none;
|
|
603
|
-
-webkit-tap-highlight-color: transparent;
|
|
604
|
-
background: transparent;
|
|
605
|
-
margin: 0;
|
|
606
|
-
z-index: 1;
|
|
607
|
-
}
|
|
608
|
-
|
|
609
|
-
@media (hover: hover) {
|
|
610
|
-
#range {
|
|
611
|
-
bottom: var(--media-time-range-hover-bottom, -5px);
|
|
612
|
-
height: var(--media-time-range-hover-height, max(100% + 5px, 20px));
|
|
613
|
-
}
|
|
614
|
-
}
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
#range::-webkit-slider-thumb {
|
|
619
|
-
-webkit-appearance: none;
|
|
620
|
-
background: transparent;
|
|
621
|
-
width: .1px;
|
|
622
|
-
height: .1px;
|
|
623
|
-
}
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
#range::-moz-range-thumb {
|
|
627
|
-
background: transparent;
|
|
628
|
-
border: transparent;
|
|
629
|
-
width: .1px;
|
|
630
|
-
height: .1px;
|
|
631
|
-
}
|
|
632
|
-
|
|
633
|
-
#appearance {
|
|
634
|
-
height: var(--media-range-track-height, 4px);
|
|
635
|
-
display: flex;
|
|
636
|
-
flex-direction: column;
|
|
637
|
-
justify-content: center;
|
|
638
|
-
width: 100%;
|
|
639
|
-
position: absolute;
|
|
640
|
-
|
|
641
|
-
will-change: transform;
|
|
642
|
-
}
|
|
643
|
-
|
|
644
|
-
#track {
|
|
645
|
-
background: var(--media-range-track-background, rgb(255 255 255 / .2));
|
|
646
|
-
border-radius: var(--media-range-track-border-radius, 1px);
|
|
647
|
-
border: var(--media-range-track-border, none);
|
|
648
|
-
outline: var(--media-range-track-outline);
|
|
649
|
-
outline-offset: var(--media-range-track-outline-offset);
|
|
650
|
-
backdrop-filter: var(--media-range-track-backdrop-filter);
|
|
651
|
-
-webkit-backdrop-filter: var(--media-range-track-backdrop-filter);
|
|
652
|
-
box-shadow: var(--media-range-track-box-shadow, none);
|
|
653
|
-
position: absolute;
|
|
654
|
-
width: 100%;
|
|
655
|
-
height: 100%;
|
|
656
|
-
overflow: hidden;
|
|
657
|
-
}
|
|
658
|
-
|
|
659
|
-
#progress,
|
|
660
|
-
#pointer {
|
|
661
|
-
position: absolute;
|
|
662
|
-
height: 100%;
|
|
663
|
-
will-change: width;
|
|
664
|
-
}
|
|
665
|
-
|
|
666
|
-
#progress {
|
|
667
|
-
background: var(--media-range-bar-color, var(--media-primary-color, rgb(238 238 238)));
|
|
668
|
-
transition: var(--media-range-track-transition);
|
|
669
|
-
}
|
|
670
|
-
|
|
671
|
-
#pointer {
|
|
672
|
-
background: var(--media-range-track-pointer-background);
|
|
673
|
-
border-right: var(--media-range-track-pointer-border-right);
|
|
674
|
-
transition: visibility .25s, opacity .25s;
|
|
675
|
-
visibility: hidden;
|
|
676
|
-
opacity: 0;
|
|
677
|
-
}
|
|
678
|
-
|
|
679
|
-
@media (hover: hover) {
|
|
680
|
-
:host(:hover) #pointer {
|
|
681
|
-
transition: visibility .5s, opacity .5s;
|
|
682
|
-
visibility: visible;
|
|
683
|
-
opacity: 1;
|
|
684
|
-
}
|
|
685
|
-
}
|
|
686
|
-
|
|
687
|
-
#thumb,
|
|
688
|
-
::slotted([slot=thumb]) {
|
|
689
|
-
width: var(--media-range-thumb-width, 10px);
|
|
690
|
-
height: var(--media-range-thumb-height, 10px);
|
|
691
|
-
transition: var(--media-range-thumb-transition);
|
|
692
|
-
transform: var(--media-range-thumb-transform, none);
|
|
693
|
-
opacity: var(--media-range-thumb-opacity, 1);
|
|
694
|
-
translate: -50%;
|
|
695
|
-
position: absolute;
|
|
696
|
-
left: 0;
|
|
697
|
-
cursor: var(--media-cursor, pointer);
|
|
698
|
-
}
|
|
699
|
-
|
|
700
|
-
#thumb {
|
|
701
|
-
border-radius: var(--media-range-thumb-border-radius, 10px);
|
|
702
|
-
background: var(--media-range-thumb-background, var(--media-primary-color, rgb(238 238 238)));
|
|
703
|
-
box-shadow: var(--media-range-thumb-box-shadow, 1px 1px 1px transparent);
|
|
704
|
-
border: var(--media-range-thumb-border, none);
|
|
705
|
-
}
|
|
706
|
-
|
|
707
|
-
:host([disabled]) #thumb {
|
|
708
|
-
background-color: #777;
|
|
709
|
-
}
|
|
710
|
-
|
|
711
|
-
.segments #appearance {
|
|
712
|
-
height: var(--media-range-segment-hover-height, 7px);
|
|
713
|
-
}
|
|
714
|
-
|
|
715
|
-
#track {
|
|
716
|
-
clip-path: url(#segments-clipping);
|
|
717
|
-
}
|
|
718
|
-
|
|
719
|
-
#segments {
|
|
720
|
-
--segments-gap: var(--media-range-segments-gap, 2px);
|
|
721
|
-
position: absolute;
|
|
722
|
-
width: 100%;
|
|
723
|
-
height: 100%;
|
|
724
|
-
}
|
|
725
|
-
|
|
726
|
-
#segments-clipping {
|
|
727
|
-
transform: translateX(calc(var(--segments-gap) / 2));
|
|
728
|
-
}
|
|
729
|
-
|
|
730
|
-
#segments-clipping:empty {
|
|
731
|
-
display: none;
|
|
732
|
-
}
|
|
733
|
-
|
|
734
|
-
#segments-clipping rect {
|
|
735
|
-
height: var(--media-range-track-height, 4px);
|
|
736
|
-
y: calc((var(--media-range-segment-hover-height, 7px) - var(--media-range-track-height, 4px)) / 2);
|
|
737
|
-
transition: var(--media-range-segment-transition, transform .1s ease-in-out);
|
|
738
|
-
transform: var(--media-range-segment-transform, scaleY(1));
|
|
739
|
-
transform-origin: center;
|
|
740
|
-
}
|
|
741
|
-
</style>
|
|
742
|
-
<div id="leftgap"></div>
|
|
743
|
-
<div id="container">
|
|
744
|
-
<div id="startpoint"></div>
|
|
745
|
-
<div id="endpoint"></div>
|
|
746
|
-
<div id="appearance">
|
|
747
|
-
<div id="track" part="track">
|
|
748
|
-
<div id="pointer"></div>
|
|
749
|
-
<div id="progress" part="progress"></div>
|
|
750
|
-
</div>
|
|
751
|
-
<slot name="thumb">
|
|
752
|
-
<div id="thumb" part="thumb"></div>
|
|
753
|
-
</slot>
|
|
754
|
-
<svg id="segments"><clipPath id="segments-clipping"></clipPath></svg>
|
|
755
|
-
</div>
|
|
756
|
-
<input id="range" type="range" min="0" max="1" step="any" value="0">
|
|
757
|
-
</div>
|
|
758
|
-
<div id="rightgap"></div>
|
|
759
|
-
`}var Wd=class extends N.HTMLElement{constructor(){if(super(),hd(this,Dd),hd(this,kd),hd(this,jd),hd(this,Nd),hd(this,Fd),hd(this,Ld),hd(this,zd),hd(this,Vd),hd(this,vd,void 0),hd(this,yd,void 0),hd(this,bd,void 0),hd(this,xd,void 0),hd(this,Sd,{}),hd(this,Cd,[]),hd(this,wd,()=>{if(this.range.matches(`:focus-visible`)){let{style:e}=P(this.shadowRoot,`:host`);e.setProperty(`--_focus-visible-box-shadow`,`var(--_focus-box-shadow)`)}}),hd(this,Td,()=>{let{style:e}=P(this.shadowRoot,`:host`);e.removeProperty(`--_focus-visible-box-shadow`)}),hd(this,Ed,()=>{let e=this.shadowRoot.querySelector(`#segments-clipping`);e&&e.parentNode.append(e)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes),t=this.constructor.getTemplateHTML(e);this.shadowRoot.setHTMLUnsafe?this.shadowRoot.setHTMLUnsafe(t):this.shadowRoot.innerHTML=t}this.container=this.shadowRoot.querySelector(`#container`),gd(this,bd,this.shadowRoot.querySelector(`#startpoint`)),gd(this,xd,this.shadowRoot.querySelector(`#endpoint`)),this.range=this.shadowRoot.querySelector(`#range`),this.appearance=this.shadowRoot.querySelector(`#appearance`)}static get observedAttributes(){return[`disabled`,`aria-disabled`,A.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,n){var r,i,a,o;e===A.MEDIA_CONTROLLER?(t&&((i=(r=G(this,vd))?.unassociateElement)==null||i.call(r,this),gd(this,vd,null)),n&&this.isConnected&&(gd(this,vd,this.getRootNode()?.getElementById(n)),(o=(a=G(this,vd))?.associateElement)==null||o.call(a,this))):(e===`disabled`||e===`aria-disabled`&&t!==n)&&(n==null?(this.range.removeAttribute(e),_d(this,kd,Ad).call(this)):(this.range.setAttribute(e,n),_d(this,jd,Md).call(this)))}connectedCallback(){var e,t;let{style:n}=P(this.shadowRoot,`:host`);n.setProperty(`display`,`var(--media-control-display, var(--${this.localName}-display, inline-flex))`),G(this,Sd).pointer=P(this.shadowRoot,`#pointer`),G(this,Sd).progress=P(this.shadowRoot,`#progress`),G(this,Sd).thumb=P(this.shadowRoot,`#thumb, ::slotted([slot="thumb"])`),G(this,Sd).activeSegment=P(this.shadowRoot,`#segments-clipping rect:nth-child(0)`);let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(gd(this,vd,this.getRootNode()?.getElementById(r)),(t=(e=G(this,vd))?.associateElement)==null||t.call(e,this)),this.updateBar(),this.shadowRoot.addEventListener(`focusin`,G(this,wd)),this.shadowRoot.addEventListener(`focusout`,G(this,Td)),_d(this,kd,Ad).call(this),Ss(this.container,G(this,Ed))}disconnectedCallback(){var e,t;_d(this,jd,Md).call(this),(t=(e=G(this,vd))?.unassociateElement)==null||t.call(e,this),gd(this,vd,null),this.shadowRoot.removeEventListener(`focusin`,G(this,wd)),this.shadowRoot.removeEventListener(`focusout`,G(this,Td)),Cs(this.container,G(this,Ed))}updatePointerBar(e){var t;(t=G(this,Sd).pointer)==null||t.style.setProperty(`width`,`${this.getPointerRatio(e)*100}%`)}updateBar(){var e,t;let n=this.range.valueAsNumber*100;(e=G(this,Sd).progress)==null||e.style.setProperty(`width`,`${n}%`),(t=G(this,Sd).thumb)==null||t.style.setProperty(`left`,`${n}%`)}updateSegments(e){let t=this.shadowRoot.querySelector(`#segments-clipping`);if(t.textContent=``,this.container.classList.toggle(`segments`,!!e?.length),!e?.length)return;let n=[...new Set([+this.range.min,...e.flatMap(e=>[e.start,e.end]),+this.range.max])];gd(this,Cd,[...n]);let r=n.pop();for(let[e,i]of n.entries()){let[a,o]=[e===0,e===n.length-1],s=a?`calc(var(--segments-gap) / -1)`:`${i*100}%`,c=`calc(${((o?r:n[e+1])-i)*100}%${a||o?``:` - var(--segments-gap)`})`,l=vs.createElementNS(`http://www.w3.org/2000/svg`,`rect`),u=P(this.shadowRoot,`#segments-clipping rect:nth-child(${e+1})`);u.style.setProperty(`x`,s),u.style.setProperty(`width`,c),t.append(l)}}getPointerRatio(e){return Fs(e.clientX,e.clientY,G(this,bd).getBoundingClientRect(),G(this,xd).getBoundingClientRect())}get dragging(){return this.hasAttribute(`dragging`)}handleEvent(e){switch(e.type){case`pointermove`:_d(this,Vd,Hd).call(this,e);break;case`input`:this.updateBar();break;case`pointerenter`:_d(this,Fd,Id).call(this,e);break;case`pointerdown`:_d(this,Nd,Pd).call(this,e);break;case`pointerup`:_d(this,Ld,Rd).call(this);break;case`pointerleave`:_d(this,zd,Bd).call(this);break}}get keysUsed(){return[`ArrowUp`,`ArrowRight`,`ArrowDown`,`ArrowLeft`]}};vd=new WeakMap,yd=new WeakMap,bd=new WeakMap,xd=new WeakMap,Sd=new WeakMap,Cd=new WeakMap,wd=new WeakMap,Td=new WeakMap,Ed=new WeakMap,Dd=new WeakSet,Od=function(e){let t=G(this,Sd).activeSegment;if(!t)return;let n=this.getPointerRatio(e),r=`#segments-clipping rect:nth-child(${G(this,Cd).findIndex((e,t,r)=>{let i=r[t+1];return i!=null&&n>=e&&n<=i})+1})`;(t.selectorText!=r||!t.style.transform)&&(t.selectorText=r,t.style.setProperty(`transform`,`var(--media-range-segment-hover-transform, scaleY(2))`))},kd=new WeakSet,Ad=function(){this.hasAttribute(`disabled`)||(this.addEventListener(`input`,this),this.addEventListener(`pointerdown`,this),this.addEventListener(`pointerenter`,this))},jd=new WeakSet,Md=function(){var e,t;this.removeEventListener(`input`,this),this.removeEventListener(`pointerdown`,this),this.removeEventListener(`pointerenter`,this),(e=N.window)==null||e.removeEventListener(`pointerup`,this),(t=N.window)==null||t.removeEventListener(`pointermove`,this)},Nd=new WeakSet,Pd=function(e){var t;gd(this,yd,e.composedPath().includes(this.range)),(t=N.window)==null||t.addEventListener(`pointerup`,this)},Fd=new WeakSet,Id=function(e){var t;e.pointerType!==`mouse`&&_d(this,Nd,Pd).call(this,e),this.addEventListener(`pointerleave`,this),(t=N.window)==null||t.addEventListener(`pointermove`,this)},Ld=new WeakSet,Rd=function(){var e;(e=N.window)==null||e.removeEventListener(`pointerup`,this),this.toggleAttribute(`dragging`,!1),this.range.disabled=this.hasAttribute(`disabled`)},zd=new WeakSet,Bd=function(){var e,t;this.removeEventListener(`pointerleave`,this),(e=N.window)==null||e.removeEventListener(`pointermove`,this),this.toggleAttribute(`dragging`,!1),this.range.disabled=this.hasAttribute(`disabled`),(t=G(this,Sd).activeSegment)==null||t.style.removeProperty(`transform`)},Vd=new WeakSet,Hd=function(e){this.toggleAttribute(`dragging`,e.buttons===1||e.pointerType!==`mouse`),this.updatePointerBar(e),_d(this,Dd,Od).call(this,e),this.dragging&&(e.pointerType!==`mouse`||!G(this,yd))&&(this.range.disabled=!0,this.range.valueAsNumber=this.getPointerRatio(e),this.range.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})))},Wd.shadowRootOptions={mode:`open`},Wd.getTemplateHTML=Ud,N.customElements.get(`media-chrome-range`)||N.customElements.define(`media-chrome-range`,Wd);var Gd=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Kd=(e,t,n)=>(Gd(e,t,`read from private field`),n?n.call(e):t.get(e)),qd=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Jd=(e,t,n,r)=>(Gd(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Yd;function Xd(e){return`
|
|
760
|
-
<style>
|
|
761
|
-
:host {
|
|
762
|
-
|
|
763
|
-
box-sizing: border-box;
|
|
764
|
-
display: var(--media-control-display, var(--media-control-bar-display, inline-flex));
|
|
765
|
-
color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
|
|
766
|
-
--media-loading-indicator-icon-height: 44px;
|
|
767
|
-
}
|
|
768
|
-
|
|
769
|
-
::slotted(media-time-range),
|
|
770
|
-
::slotted(media-volume-range) {
|
|
771
|
-
min-height: 100%;
|
|
772
|
-
}
|
|
773
|
-
|
|
774
|
-
::slotted(media-time-range),
|
|
775
|
-
::slotted(media-clip-selector) {
|
|
776
|
-
flex-grow: 1;
|
|
777
|
-
}
|
|
778
|
-
|
|
779
|
-
::slotted([role="menu"]) {
|
|
780
|
-
position: absolute;
|
|
781
|
-
}
|
|
782
|
-
</style>
|
|
783
|
-
|
|
784
|
-
<slot></slot>
|
|
785
|
-
`}var Zd=class extends N.HTMLElement{constructor(){if(super(),qd(this,Yd,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[A.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,n){var r,i,a,o;e===A.MEDIA_CONTROLLER&&(t&&((i=(r=Kd(this,Yd))?.unassociateElement)==null||i.call(r,this),Jd(this,Yd,null)),n&&this.isConnected&&(Jd(this,Yd,this.getRootNode()?.getElementById(n)),(o=(a=Kd(this,Yd))?.associateElement)==null||o.call(a,this)))}connectedCallback(){var e,t;let n=this.getAttribute(A.MEDIA_CONTROLLER);n&&(Jd(this,Yd,this.getRootNode()?.getElementById(n)),(t=(e=Kd(this,Yd))?.associateElement)==null||t.call(e,this))}disconnectedCallback(){var e,t;(t=(e=Kd(this,Yd))?.unassociateElement)==null||t.call(e,this),Jd(this,Yd,null)}};Yd=new WeakMap,Zd.shadowRootOptions={mode:`open`},Zd.getTemplateHTML=Xd,N.customElements.get(`media-control-bar`)||N.customElements.define(`media-control-bar`,Zd);var Qd=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},$d=(e,t,n)=>(Qd(e,t,`read from private field`),n?n.call(e):t.get(e)),ef=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},tf=(e,t,n,r)=>(Qd(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),nf;function rf(e,t={}){return`
|
|
786
|
-
<style>
|
|
787
|
-
:host {
|
|
788
|
-
font: var(--media-font,
|
|
789
|
-
var(--media-font-weight, normal)
|
|
790
|
-
var(--media-font-size, 14px) /
|
|
791
|
-
var(--media-text-content-height, var(--media-control-height, 24px))
|
|
792
|
-
var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
|
|
793
|
-
color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
|
|
794
|
-
background: var(--media-text-background, var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7))));
|
|
795
|
-
padding: var(--media-control-padding, 10px);
|
|
796
|
-
display: inline-flex;
|
|
797
|
-
justify-content: center;
|
|
798
|
-
align-items: center;
|
|
799
|
-
vertical-align: middle;
|
|
800
|
-
box-sizing: border-box;
|
|
801
|
-
text-align: center;
|
|
802
|
-
pointer-events: auto;
|
|
803
|
-
}
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
:host(:focus-visible) {
|
|
807
|
-
box-shadow: inset 0 0 0 2px rgb(27 127 204 / .9);
|
|
808
|
-
outline: 0;
|
|
809
|
-
}
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
:host(:where(:focus)) {
|
|
813
|
-
box-shadow: none;
|
|
814
|
-
outline: 0;
|
|
815
|
-
}
|
|
816
|
-
</style>
|
|
817
|
-
|
|
818
|
-
${this.getSlotTemplateHTML(e,t)}
|
|
819
|
-
`}function af(e,t){return`
|
|
820
|
-
<slot></slot>
|
|
821
|
-
`}var of=class extends N.HTMLElement{constructor(){if(super(),ef(this,nf,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[A.MEDIA_CONTROLLER]}attributeChangedCallback(e,t,n){var r,i,a,o;e===A.MEDIA_CONTROLLER&&(t&&((i=(r=$d(this,nf))?.unassociateElement)==null||i.call(r,this),tf(this,nf,null)),n&&this.isConnected&&(tf(this,nf,this.getRootNode()?.getElementById(n)),(o=(a=$d(this,nf))?.associateElement)==null||o.call(a,this)))}connectedCallback(){var e,t;let{style:n}=P(this.shadowRoot,`:host`);n.setProperty(`display`,`var(--media-control-display, var(--${this.localName}-display, inline-flex))`);let r=this.getAttribute(A.MEDIA_CONTROLLER);r&&(tf(this,nf,this.getRootNode()?.getElementById(r)),(t=(e=$d(this,nf))?.associateElement)==null||t.call(e,this))}disconnectedCallback(){var e,t;(t=(e=$d(this,nf))?.unassociateElement)==null||t.call(e,this),tf(this,nf,null)}};nf=new WeakMap,of.shadowRootOptions={mode:`open`},of.getTemplateHTML=rf,of.getSlotTemplateHTML=af,N.customElements.get(`media-text-display`)||N.customElements.define(`media-text-display`,of);var sf=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},cf=(e,t,n)=>(sf(e,t,`read from private field`),n?n.call(e):t.get(e)),lf=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},uf=(e,t,n,r)=>(sf(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),df;function ff(e,t){return`
|
|
822
|
-
<slot>${as(t.mediaDuration)}</slot>
|
|
823
|
-
`}var pf=class extends of{constructor(){super(),lf(this,df,void 0),uf(this,df,this.shadowRoot.querySelector(`slot`)),cf(this,df).textContent=as(this.mediaDuration??0)}static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_DURATION]}attributeChangedCallback(e,t,n){e===j.MEDIA_DURATION&&(cf(this,df).textContent=as(+n)),super.attributeChangedCallback(e,t,n)}get mediaDuration(){return F(this,j.MEDIA_DURATION)}set mediaDuration(e){I(this,j.MEDIA_DURATION,e)}};df=new WeakMap,pf.getSlotTemplateHTML=ff,N.customElements.get(`media-duration-display`)||N.customElements.define(`media-duration-display`,pf);var mf={2:M(`Network Error`),3:M(`Decode Error`),4:M(`Source Not Supported`),5:M(`Encryption Error`)},hf={2:M(`A network error caused the media download to fail.`),3:M(`A media error caused playback to be aborted. The media could be corrupt or your browser does not support this format.`),4:M(`An unsupported error occurred. The server or network failed, or your browser does not support this format.`),5:M(`The media is encrypted and there are no keys to decrypt it.`)},gf=e=>e.code===1?null:{title:mf[e.code]??`Error ${e.code}`,message:hf[e.code]??e.message},_f=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},vf=(e,t,n)=>(_f(e,t,`read from private field`),n?n.call(e):t.get(e)),yf=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},bf=(e,t,n,r)=>(_f(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),xf;function Sf(e){return`
|
|
824
|
-
<style>
|
|
825
|
-
:host {
|
|
826
|
-
background: rgb(20 20 30 / .8);
|
|
827
|
-
}
|
|
828
|
-
|
|
829
|
-
#content {
|
|
830
|
-
display: block;
|
|
831
|
-
padding: 1.2em 1.5em;
|
|
832
|
-
}
|
|
833
|
-
|
|
834
|
-
h3,
|
|
835
|
-
p {
|
|
836
|
-
margin-block: 0 .3em;
|
|
837
|
-
}
|
|
838
|
-
</style>
|
|
839
|
-
<slot name="error-${e.mediaerrorcode}" id="content">
|
|
840
|
-
${wf({code:+e.mediaerrorcode,message:e.mediaerrormessage})}
|
|
841
|
-
</slot>
|
|
842
|
-
`}function Cf(e){return e.code&&gf(e)!==null}function wf(e){let{title:t,message:n}=gf(e)??{},r=``;return t&&(r+=`<slot name="error-${e.code}-title"><h3>${t}</h3></slot>`),n&&(r+=`<slot name="error-${e.code}-message"><p>${n}</p></slot>`),r}var Tf=[j.MEDIA_ERROR_CODE,j.MEDIA_ERROR_MESSAGE],Ef=class extends pd{constructor(){super(...arguments),yf(this,xf,null)}static get observedAttributes(){return[...super.observedAttributes,...Tf]}formatErrorMessage(e){return this.constructor.formatErrorMessage(e)}attributeChangedCallback(e,t,n){if(super.attributeChangedCallback(e,t,n),!Tf.includes(e))return;let r=this.mediaError??{code:this.mediaErrorCode,message:this.mediaErrorMessage};this.open=Cf(r),this.open&&(this.shadowRoot.querySelector(`slot`).name=`error-${this.mediaErrorCode}`,this.shadowRoot.querySelector(`#content`).innerHTML=this.formatErrorMessage(r))}get mediaError(){return vf(this,xf)}set mediaError(e){bf(this,xf,e)}get mediaErrorCode(){return F(this,`mediaerrorcode`)}set mediaErrorCode(e){I(this,`mediaerrorcode`,e)}get mediaErrorMessage(){return z(this,`mediaerrormessage`)}set mediaErrorMessage(e){B(this,`mediaerrormessage`,e)}};xf=new WeakMap,Ef.getSlotTemplateHTML=Sf,Ef.formatErrorMessage=wf,N.customElements.get(`media-error-dialog`)||N.customElements.define(`media-error-dialog`,Ef);var Df=Ef,Of=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
843
|
-
<path d="M16 3v2.5h3.5V9H22V3h-6ZM4 9h2.5V5.5H10V3H4v6Zm15.5 9.5H16V21h6v-6h-2.5v3.5ZM6.5 15H4v6h6v-2.5H6.5V15Z"/>
|
|
844
|
-
</svg>`,kf=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
845
|
-
<path d="M18.5 6.5V3H16v6h6V6.5h-3.5ZM16 21h2.5v-3.5H22V15h-6v6ZM4 17.5h3.5V21H10v-6H4v2.5Zm3.5-11H4V9h6V3H7.5v3.5Z"/>
|
|
846
|
-
</svg>`;function Af(e){return`
|
|
847
|
-
<style>
|
|
848
|
-
:host([${j.MEDIA_IS_FULLSCREEN}]) slot[name=icon] slot:not([name=exit]) {
|
|
849
|
-
display: none !important;
|
|
850
|
-
}
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
:host(:not([${j.MEDIA_IS_FULLSCREEN}])) slot[name=icon] slot:not([name=enter]) {
|
|
854
|
-
display: none !important;
|
|
855
|
-
}
|
|
856
|
-
|
|
857
|
-
:host([${j.MEDIA_IS_FULLSCREEN}]) slot[name=tooltip-enter],
|
|
858
|
-
:host(:not([${j.MEDIA_IS_FULLSCREEN}])) slot[name=tooltip-exit] {
|
|
859
|
-
display: none;
|
|
860
|
-
}
|
|
861
|
-
</style>
|
|
862
|
-
|
|
863
|
-
<slot name="icon">
|
|
864
|
-
<slot name="enter">${Of}</slot>
|
|
865
|
-
<slot name="exit">${kf}</slot>
|
|
866
|
-
</slot>
|
|
867
|
-
`}function jf(){return`
|
|
868
|
-
<slot name="tooltip-enter">${M(`Enter fullscreen mode`)}</slot>
|
|
869
|
-
<slot name="tooltip-exit">${M(`Exit fullscreen mode`)}</slot>
|
|
870
|
-
`}var Mf=e=>{let t=e.mediaIsFullscreen?M(`exit fullscreen mode`):M(`enter fullscreen mode`);e.setAttribute(`aria-label`,t)},Nf=class extends wu{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_IS_FULLSCREEN,j.MEDIA_FULLSCREEN_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),Mf(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_IS_FULLSCREEN&&Mf(this)}get mediaFullscreenUnavailable(){return z(this,j.MEDIA_FULLSCREEN_UNAVAILABLE)}set mediaFullscreenUnavailable(e){B(this,j.MEDIA_FULLSCREEN_UNAVAILABLE,e)}get mediaIsFullscreen(){return L(this,j.MEDIA_IS_FULLSCREEN)}set mediaIsFullscreen(e){R(this,j.MEDIA_IS_FULLSCREEN,e)}handleClick(){let e=this.mediaIsFullscreen?k.MEDIA_EXIT_FULLSCREEN_REQUEST:k.MEDIA_ENTER_FULLSCREEN_REQUEST;this.dispatchEvent(new N.CustomEvent(e,{composed:!0,bubbles:!0}))}};Nf.getSlotTemplateHTML=Af,Nf.getTooltipContentHTML=jf,N.customElements.get(`media-fullscreen-button`)||N.customElements.define(`media-fullscreen-button`,Nf);var{MEDIA_TIME_IS_LIVE:Pf,MEDIA_PAUSED:Ff}=j,{MEDIA_SEEK_TO_LIVE_REQUEST:If,MEDIA_PLAY_REQUEST:Lf}=k,Rf=`<svg viewBox="0 0 6 12"><circle cx="3" cy="6" r="2"></circle></svg>`;function zf(e){return`
|
|
871
|
-
<style>
|
|
872
|
-
:host { --media-tooltip-display: none; }
|
|
873
|
-
|
|
874
|
-
slot[name=indicator] > *,
|
|
875
|
-
:host ::slotted([slot=indicator]) {
|
|
876
|
-
|
|
877
|
-
min-width: auto;
|
|
878
|
-
fill: var(--media-live-button-icon-color, rgb(140, 140, 140));
|
|
879
|
-
color: var(--media-live-button-icon-color, rgb(140, 140, 140));
|
|
880
|
-
}
|
|
881
|
-
|
|
882
|
-
:host([${Pf}]:not([${Ff}])) slot[name=indicator] > *,
|
|
883
|
-
:host([${Pf}]:not([${Ff}])) ::slotted([slot=indicator]) {
|
|
884
|
-
fill: var(--media-live-button-indicator-color, rgb(255, 0, 0));
|
|
885
|
-
color: var(--media-live-button-indicator-color, rgb(255, 0, 0));
|
|
886
|
-
}
|
|
887
|
-
|
|
888
|
-
:host([${Pf}]:not([${Ff}])) {
|
|
889
|
-
cursor: var(--media-cursor, not-allowed);
|
|
890
|
-
}
|
|
891
|
-
|
|
892
|
-
slot[name=text]{
|
|
893
|
-
text-transform: uppercase;
|
|
894
|
-
}
|
|
895
|
-
|
|
896
|
-
</style>
|
|
897
|
-
|
|
898
|
-
<slot name="indicator">${Rf}</slot>
|
|
899
|
-
|
|
900
|
-
<slot name="spacer"> </slot><slot name="text">${M(`live`)}</slot>
|
|
901
|
-
`}var Bf=e=>{let t=e.mediaPaused||!e.mediaTimeIsLive,n=M(t?`seek to live`:`playing live`);e.setAttribute(`aria-label`,n),t?e.removeAttribute(`aria-disabled`):e.setAttribute(`aria-disabled`,`true`)},Vf=class extends wu{static get observedAttributes(){return[...super.observedAttributes,Pf,Ff]}connectedCallback(){super.connectedCallback(),Bf(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),Bf(this)}get mediaPaused(){return L(this,j.MEDIA_PAUSED)}set mediaPaused(e){R(this,j.MEDIA_PAUSED,e)}get mediaTimeIsLive(){return L(this,j.MEDIA_TIME_IS_LIVE)}set mediaTimeIsLive(e){R(this,j.MEDIA_TIME_IS_LIVE,e)}handleClick(){!this.mediaPaused&&this.mediaTimeIsLive||(this.dispatchEvent(new N.CustomEvent(If,{composed:!0,bubbles:!0})),this.hasAttribute(Ff)&&this.dispatchEvent(new N.CustomEvent(Lf,{composed:!0,bubbles:!0})))}};Vf.getSlotTemplateHTML=zf,N.customElements.get(`media-live-button`)||N.customElements.define(`media-live-button`,Vf);var Hf=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Uf=(e,t,n)=>(Hf(e,t,`read from private field`),n?n.call(e):t.get(e)),Wf=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Gf=(e,t,n,r)=>(Hf(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Kf,qf,Jf={LOADING_DELAY:`loadingdelay`,NO_AUTOHIDE:`noautohide`},Yf=500,Xf=`
|
|
902
|
-
<svg aria-hidden="true" viewBox="0 0 100 100">
|
|
903
|
-
<path d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
|
|
904
|
-
<animateTransform
|
|
905
|
-
attributeName="transform"
|
|
906
|
-
attributeType="XML"
|
|
907
|
-
type="rotate"
|
|
908
|
-
dur="1s"
|
|
909
|
-
from="0 50 50"
|
|
910
|
-
to="360 50 50"
|
|
911
|
-
repeatCount="indefinite" />
|
|
912
|
-
</path>
|
|
913
|
-
</svg>
|
|
914
|
-
`;function Zf(e){return`
|
|
915
|
-
<style>
|
|
916
|
-
:host {
|
|
917
|
-
display: var(--media-control-display, var(--media-loading-indicator-display, inline-block));
|
|
918
|
-
vertical-align: middle;
|
|
919
|
-
box-sizing: border-box;
|
|
920
|
-
--_loading-indicator-delay: var(--media-loading-indicator-transition-delay, ${Yf}ms);
|
|
921
|
-
}
|
|
922
|
-
|
|
923
|
-
#status {
|
|
924
|
-
color: rgba(0,0,0,0);
|
|
925
|
-
width: 0px;
|
|
926
|
-
height: 0px;
|
|
927
|
-
}
|
|
928
|
-
|
|
929
|
-
:host slot[name=icon] > *,
|
|
930
|
-
:host ::slotted([slot=icon]) {
|
|
931
|
-
opacity: var(--media-loading-indicator-opacity, 0);
|
|
932
|
-
transition: opacity 0.15s;
|
|
933
|
-
}
|
|
934
|
-
|
|
935
|
-
:host([${j.MEDIA_LOADING}]:not([${j.MEDIA_PAUSED}])) slot[name=icon] > *,
|
|
936
|
-
:host([${j.MEDIA_LOADING}]:not([${j.MEDIA_PAUSED}])) ::slotted([slot=icon]) {
|
|
937
|
-
opacity: var(--media-loading-indicator-opacity, 1);
|
|
938
|
-
transition: opacity 0.15s var(--_loading-indicator-delay);
|
|
939
|
-
}
|
|
940
|
-
|
|
941
|
-
:host #status {
|
|
942
|
-
visibility: var(--media-loading-indicator-opacity, hidden);
|
|
943
|
-
transition: visibility 0.15s;
|
|
944
|
-
}
|
|
945
|
-
|
|
946
|
-
:host([${j.MEDIA_LOADING}]:not([${j.MEDIA_PAUSED}])) #status {
|
|
947
|
-
visibility: var(--media-loading-indicator-opacity, visible);
|
|
948
|
-
transition: visibility 0.15s var(--_loading-indicator-delay);
|
|
949
|
-
}
|
|
950
|
-
|
|
951
|
-
svg, img, ::slotted(svg), ::slotted(img) {
|
|
952
|
-
width: var(--media-loading-indicator-icon-width);
|
|
953
|
-
height: var(--media-loading-indicator-icon-height, 100px);
|
|
954
|
-
fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
|
|
955
|
-
vertical-align: middle;
|
|
956
|
-
}
|
|
957
|
-
</style>
|
|
958
|
-
|
|
959
|
-
<slot name="icon">${Xf}</slot>
|
|
960
|
-
<div id="status" role="status" aria-live="polite">${M(`media loading`)}</div>
|
|
961
|
-
`}var Qf=class extends N.HTMLElement{constructor(){if(super(),Wf(this,Kf,void 0),Wf(this,qf,Yf),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[A.MEDIA_CONTROLLER,j.MEDIA_PAUSED,j.MEDIA_LOADING,Jf.LOADING_DELAY]}attributeChangedCallback(e,t,n){var r,i,a,o;e===Jf.LOADING_DELAY&&t!==n?this.loadingDelay=Number(n):e===A.MEDIA_CONTROLLER&&(t&&((i=(r=Uf(this,Kf))?.unassociateElement)==null||i.call(r,this),Gf(this,Kf,null)),n&&this.isConnected&&(Gf(this,Kf,this.getRootNode()?.getElementById(n)),(o=(a=Uf(this,Kf))?.associateElement)==null||o.call(a,this)))}connectedCallback(){var e,t;let n=this.getAttribute(A.MEDIA_CONTROLLER);n&&(Gf(this,Kf,this.getRootNode()?.getElementById(n)),(t=(e=Uf(this,Kf))?.associateElement)==null||t.call(e,this))}disconnectedCallback(){var e,t;(t=(e=Uf(this,Kf))?.unassociateElement)==null||t.call(e,this),Gf(this,Kf,null)}get loadingDelay(){return Uf(this,qf)}set loadingDelay(e){Gf(this,qf,e);let{style:t}=P(this.shadowRoot,`:host`);t.setProperty(`--_loading-indicator-delay`,`var(--media-loading-indicator-transition-delay, ${e}ms)`)}get mediaPaused(){return L(this,j.MEDIA_PAUSED)}set mediaPaused(e){R(this,j.MEDIA_PAUSED,e)}get mediaLoading(){return L(this,j.MEDIA_LOADING)}set mediaLoading(e){R(this,j.MEDIA_LOADING,e)}get mediaController(){return z(this,A.MEDIA_CONTROLLER)}set mediaController(e){B(this,A.MEDIA_CONTROLLER,e)}get noAutohide(){return L(this,Jf.NO_AUTOHIDE)}set noAutohide(e){R(this,Jf.NO_AUTOHIDE,e)}};Kf=new WeakMap,qf=new WeakMap,Qf.shadowRootOptions={mode:`open`},Qf.getTemplateHTML=Zf,N.customElements.get(`media-loading-indicator`)||N.customElements.define(`media-loading-indicator`,Qf);var $f=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
962
|
-
<path d="M16.5 12A4.5 4.5 0 0 0 14 8v2.18l2.45 2.45a4.22 4.22 0 0 0 .05-.63Zm2.5 0a6.84 6.84 0 0 1-.54 2.64L20 16.15A8.8 8.8 0 0 0 21 12a9 9 0 0 0-7-8.77v2.06A7 7 0 0 1 19 12ZM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25A6.92 6.92 0 0 1 14 18.7v2.06A9 9 0 0 0 17.69 19l2 2.05L21 19.73l-9-9L4.27 3ZM12 4 9.91 6.09 12 8.18V4Z"/>
|
|
963
|
-
</svg>`,ep=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
964
|
-
<path d="M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.47 4.47 0 0 0 2.5-4Z"/>
|
|
965
|
-
</svg>`,tp=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
966
|
-
<path d="M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.47 4.47 0 0 0 2.5-4ZM14 3.23v2.06a7 7 0 0 1 0 13.42v2.06a9 9 0 0 0 0-17.54Z"/>
|
|
967
|
-
</svg>`;function np(e){return`
|
|
968
|
-
<style>
|
|
969
|
-
:host(:not([${j.MEDIA_VOLUME_LEVEL}])) slot[name=icon] slot:not([name=high]),
|
|
970
|
-
:host([${j.MEDIA_VOLUME_LEVEL}=high]) slot[name=icon] slot:not([name=high]) {
|
|
971
|
-
display: none !important;
|
|
972
|
-
}
|
|
973
|
-
|
|
974
|
-
:host([${j.MEDIA_VOLUME_LEVEL}=off]) slot[name=icon] slot:not([name=off]) {
|
|
975
|
-
display: none !important;
|
|
976
|
-
}
|
|
977
|
-
|
|
978
|
-
:host([${j.MEDIA_VOLUME_LEVEL}=low]) slot[name=icon] slot:not([name=low]) {
|
|
979
|
-
display: none !important;
|
|
980
|
-
}
|
|
981
|
-
|
|
982
|
-
:host([${j.MEDIA_VOLUME_LEVEL}=medium]) slot[name=icon] slot:not([name=medium]) {
|
|
983
|
-
display: none !important;
|
|
984
|
-
}
|
|
985
|
-
|
|
986
|
-
:host(:not([${j.MEDIA_VOLUME_LEVEL}=off])) slot[name=tooltip-unmute],
|
|
987
|
-
:host([${j.MEDIA_VOLUME_LEVEL}=off]) slot[name=tooltip-mute] {
|
|
988
|
-
display: none;
|
|
989
|
-
}
|
|
990
|
-
</style>
|
|
991
|
-
|
|
992
|
-
<slot name="icon">
|
|
993
|
-
<slot name="off">${$f}</slot>
|
|
994
|
-
<slot name="low">${ep}</slot>
|
|
995
|
-
<slot name="medium">${ep}</slot>
|
|
996
|
-
<slot name="high">${tp}</slot>
|
|
997
|
-
</slot>
|
|
998
|
-
`}function rp(){return`
|
|
999
|
-
<slot name="tooltip-mute">${M(`Mute`)}</slot>
|
|
1000
|
-
<slot name="tooltip-unmute">${M(`Unmute`)}</slot>
|
|
1001
|
-
`}var ip=e=>{let t=e.mediaVolumeLevel===`off`?M(`unmute`):M(`mute`);e.setAttribute(`aria-label`,t)},ap=class extends wu{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_VOLUME_LEVEL]}connectedCallback(){super.connectedCallback(),ip(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_VOLUME_LEVEL&&ip(this)}get mediaVolumeLevel(){return z(this,j.MEDIA_VOLUME_LEVEL)}set mediaVolumeLevel(e){B(this,j.MEDIA_VOLUME_LEVEL,e)}handleClick(){let e=this.mediaVolumeLevel===`off`?k.MEDIA_UNMUTE_REQUEST:k.MEDIA_MUTE_REQUEST;this.dispatchEvent(new N.CustomEvent(e,{composed:!0,bubbles:!0}))}};ap.getSlotTemplateHTML=np,ap.getTooltipContentHTML=rp,N.customElements.get(`media-mute-button`)||N.customElements.define(`media-mute-button`,ap);var op=`<svg aria-hidden="true" viewBox="0 0 28 24">
|
|
1002
|
-
<path d="M24 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Zm-1 16H5V5h18v14Zm-3-8h-7v5h7v-5Z"/>
|
|
1003
|
-
</svg>`;function sp(e){return`
|
|
1004
|
-
<style>
|
|
1005
|
-
:host([${j.MEDIA_IS_PIP}]) slot[name=icon] slot:not([name=exit]) {
|
|
1006
|
-
display: none !important;
|
|
1007
|
-
}
|
|
1008
|
-
|
|
1009
|
-
:host(:not([${j.MEDIA_IS_PIP}])) slot[name=icon] slot:not([name=enter]) {
|
|
1010
|
-
display: none !important;
|
|
1011
|
-
}
|
|
1012
|
-
|
|
1013
|
-
:host([${j.MEDIA_IS_PIP}]) slot[name=tooltip-enter],
|
|
1014
|
-
:host(:not([${j.MEDIA_IS_PIP}])) slot[name=tooltip-exit] {
|
|
1015
|
-
display: none;
|
|
1016
|
-
}
|
|
1017
|
-
</style>
|
|
1018
|
-
|
|
1019
|
-
<slot name="icon">
|
|
1020
|
-
<slot name="enter">${op}</slot>
|
|
1021
|
-
<slot name="exit">${op}</slot>
|
|
1022
|
-
</slot>
|
|
1023
|
-
`}function cp(){return`
|
|
1024
|
-
<slot name="tooltip-enter">${M(`Enter picture in picture mode`)}</slot>
|
|
1025
|
-
<slot name="tooltip-exit">${M(`Exit picture in picture mode`)}</slot>
|
|
1026
|
-
`}var lp=e=>{let t=e.mediaIsPip?M(`exit picture in picture mode`):M(`enter picture in picture mode`);e.setAttribute(`aria-label`,t)},up=class extends wu{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_IS_PIP,j.MEDIA_PIP_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),lp(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_IS_PIP&&lp(this)}get mediaPipUnavailable(){return z(this,j.MEDIA_PIP_UNAVAILABLE)}set mediaPipUnavailable(e){B(this,j.MEDIA_PIP_UNAVAILABLE,e)}get mediaIsPip(){return L(this,j.MEDIA_IS_PIP)}set mediaIsPip(e){R(this,j.MEDIA_IS_PIP,e)}handleClick(){let e=this.mediaIsPip?k.MEDIA_EXIT_PIP_REQUEST:k.MEDIA_ENTER_PIP_REQUEST;this.dispatchEvent(new N.CustomEvent(e,{composed:!0,bubbles:!0}))}};up.getSlotTemplateHTML=sp,up.getTooltipContentHTML=cp,N.customElements.get(`media-pip-button`)||N.customElements.define(`media-pip-button`,up);var dp=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},fp=(e,t,n)=>(dp(e,t,`read from private field`),n?n.call(e):t.get(e)),pp=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},mp,hp={RATES:`rates`},gp=[1,1.2,1.5,1.7,2];function _p(e){return`
|
|
1027
|
-
<style>
|
|
1028
|
-
:host {
|
|
1029
|
-
min-width: 5ch;
|
|
1030
|
-
padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
|
|
1031
|
-
}
|
|
1032
|
-
</style>
|
|
1033
|
-
<slot name="icon">${e.mediaplaybackrate||1}x</slot>
|
|
1034
|
-
`}function vp(){return M(`Playback rate`)}var yp=class extends wu{constructor(){super(),pp(this,mp,new Fc(this,hp.RATES,{defaultValue:gp})),this.container=this.shadowRoot.querySelector(`slot[name="icon"]`),this.container.innerHTML=`${this.mediaPlaybackRate??1}x`}static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_PLAYBACK_RATE,hp.RATES]}attributeChangedCallback(e,t,n){if(super.attributeChangedCallback(e,t,n),e===hp.RATES&&(fp(this,mp).value=n),e===j.MEDIA_PLAYBACK_RATE){let e=n?+n:NaN,t=Number.isNaN(e)?1:e;this.container.innerHTML=`${t}x`,this.setAttribute(`aria-label`,M(`Playback rate {playbackRate}`,{playbackRate:t}))}}get rates(){return fp(this,mp)}set rates(e){e?Array.isArray(e)?fp(this,mp).value=e.join(` `):typeof e==`string`&&(fp(this,mp).value=e):fp(this,mp).value=``}get mediaPlaybackRate(){return F(this,j.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){I(this,j.MEDIA_PLAYBACK_RATE,e)}handleClick(){let e=Array.from(fp(this,mp).values(),e=>+e).sort((e,t)=>e-t),t=e.find(e=>e>this.mediaPlaybackRate)??e[0]??1,n=new N.CustomEvent(k.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:t});this.dispatchEvent(n)}};mp=new WeakMap,yp.getSlotTemplateHTML=_p,yp.getTooltipContentHTML=vp,N.customElements.get(`media-playback-rate-button`)||N.customElements.define(`media-playback-rate-button`,yp);var bp=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1035
|
-
<path d="m6 21 15-9L6 3v18Z"/>
|
|
1036
|
-
</svg>`,xp=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1037
|
-
<path d="M6 20h4V4H6v16Zm8-16v16h4V4h-4Z"/>
|
|
1038
|
-
</svg>`;function Sp(e){return`
|
|
1039
|
-
<style>
|
|
1040
|
-
:host([${j.MEDIA_PAUSED}]) slot[name=pause],
|
|
1041
|
-
:host(:not([${j.MEDIA_PAUSED}])) slot[name=play] {
|
|
1042
|
-
display: none !important;
|
|
1043
|
-
}
|
|
1044
|
-
|
|
1045
|
-
:host([${j.MEDIA_PAUSED}]) slot[name=tooltip-pause],
|
|
1046
|
-
:host(:not([${j.MEDIA_PAUSED}])) slot[name=tooltip-play] {
|
|
1047
|
-
display: none;
|
|
1048
|
-
}
|
|
1049
|
-
</style>
|
|
1050
|
-
|
|
1051
|
-
<slot name="icon">
|
|
1052
|
-
<slot name="play">${bp}</slot>
|
|
1053
|
-
<slot name="pause">${xp}</slot>
|
|
1054
|
-
</slot>
|
|
1055
|
-
`}function Cp(){return`
|
|
1056
|
-
<slot name="tooltip-play">${M(`Play`)}</slot>
|
|
1057
|
-
<slot name="tooltip-pause">${M(`Pause`)}</slot>
|
|
1058
|
-
`}var wp=e=>{let t=e.mediaPaused?M(`play`):M(`pause`);e.setAttribute(`aria-label`,t)},Tp=class extends wu{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_PAUSED,j.MEDIA_ENDED]}connectedCallback(){super.connectedCallback(),wp(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_PAUSED&&wp(this)}get mediaPaused(){return L(this,j.MEDIA_PAUSED)}set mediaPaused(e){R(this,j.MEDIA_PAUSED,e)}handleClick(){let e=this.mediaPaused?k.MEDIA_PLAY_REQUEST:k.MEDIA_PAUSE_REQUEST;this.dispatchEvent(new N.CustomEvent(e,{composed:!0,bubbles:!0}))}};Tp.getSlotTemplateHTML=Sp,Tp.getTooltipContentHTML=Cp,N.customElements.get(`media-play-button`)||N.customElements.define(`media-play-button`,Tp);var Ep={PLACEHOLDER_SRC:`placeholdersrc`,SRC:`src`};function Dp(e){return`
|
|
1059
|
-
<style>
|
|
1060
|
-
:host {
|
|
1061
|
-
pointer-events: none;
|
|
1062
|
-
display: var(--media-poster-image-display, inline-block);
|
|
1063
|
-
box-sizing: border-box;
|
|
1064
|
-
}
|
|
1065
|
-
|
|
1066
|
-
img {
|
|
1067
|
-
max-width: 100%;
|
|
1068
|
-
max-height: 100%;
|
|
1069
|
-
min-width: 100%;
|
|
1070
|
-
min-height: 100%;
|
|
1071
|
-
background-repeat: no-repeat;
|
|
1072
|
-
background-position: var(--media-poster-image-background-position, var(--media-object-position, center));
|
|
1073
|
-
background-size: var(--media-poster-image-background-size, var(--media-object-fit, contain));
|
|
1074
|
-
object-fit: var(--media-object-fit, contain);
|
|
1075
|
-
object-position: var(--media-object-position, center);
|
|
1076
|
-
}
|
|
1077
|
-
</style>
|
|
1078
|
-
|
|
1079
|
-
<img part="poster img" aria-hidden="true" id="image"/>
|
|
1080
|
-
`}var Op=e=>{e.style.removeProperty(`background-image`)},kp=(e,t)=>{e.style[`background-image`]=`url('${t}')`},Ap=class extends N.HTMLElement{static get observedAttributes(){return[Ep.PLACEHOLDER_SRC,Ep.SRC]}constructor(){if(super(),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.image=this.shadowRoot.querySelector(`#image`)}attributeChangedCallback(e,t,n){e===Ep.SRC&&(n==null?this.image.removeAttribute(Ep.SRC):this.image.setAttribute(Ep.SRC,n)),e===Ep.PLACEHOLDER_SRC&&(n==null?Op(this.image):kp(this.image,n))}get placeholderSrc(){return z(this,Ep.PLACEHOLDER_SRC)}set placeholderSrc(e){B(this,Ep.SRC,e)}get src(){return z(this,Ep.SRC)}set src(e){B(this,Ep.SRC,e)}};Ap.shadowRootOptions={mode:`open`},Ap.getTemplateHTML=Dp,N.customElements.get(`media-poster-image`)||N.customElements.define(`media-poster-image`,Ap);var jp=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Mp=(e,t,n)=>(jp(e,t,`read from private field`),n?n.call(e):t.get(e)),Np=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Pp=(e,t,n,r)=>(jp(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Fp,Ip=class extends of{constructor(){super(),Np(this,Fp,void 0),Pp(this,Fp,this.shadowRoot.querySelector(`slot`))}static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_PREVIEW_CHAPTER]}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_PREVIEW_CHAPTER&&n!==t&&n!=null&&(Mp(this,Fp).textContent=n,n===``?this.removeAttribute(`aria-valuetext`):this.setAttribute(`aria-valuetext`,`chapter: ${n}`))}get mediaPreviewChapter(){return z(this,j.MEDIA_PREVIEW_CHAPTER)}set mediaPreviewChapter(e){B(this,j.MEDIA_PREVIEW_CHAPTER,e)}};Fp=new WeakMap,N.customElements.get(`media-preview-chapter-display`)||N.customElements.define(`media-preview-chapter-display`,Ip);var Lp=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Rp=(e,t,n)=>(Lp(e,t,`read from private field`),n?n.call(e):t.get(e)),zp=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Bp=(e,t,n,r)=>(Lp(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Vp;function Hp(e){return`
|
|
1081
|
-
<style>
|
|
1082
|
-
:host {
|
|
1083
|
-
box-sizing: border-box;
|
|
1084
|
-
display: var(--media-control-display, var(--media-preview-thumbnail-display, inline-block));
|
|
1085
|
-
overflow: hidden;
|
|
1086
|
-
}
|
|
1087
|
-
|
|
1088
|
-
img {
|
|
1089
|
-
display: none;
|
|
1090
|
-
position: relative;
|
|
1091
|
-
}
|
|
1092
|
-
</style>
|
|
1093
|
-
<img crossorigin loading="eager" decoding="async">
|
|
1094
|
-
`}var Up=class extends N.HTMLElement{constructor(){if(super(),zp(this,Vp,void 0),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}}static get observedAttributes(){return[A.MEDIA_CONTROLLER,j.MEDIA_PREVIEW_IMAGE,j.MEDIA_PREVIEW_COORDS]}connectedCallback(){var e,t;let n=this.getAttribute(A.MEDIA_CONTROLLER);n&&(Bp(this,Vp,this.getRootNode()?.getElementById(n)),(t=(e=Rp(this,Vp))?.associateElement)==null||t.call(e,this))}disconnectedCallback(){var e,t;(t=(e=Rp(this,Vp))?.unassociateElement)==null||t.call(e,this),Bp(this,Vp,null)}attributeChangedCallback(e,t,n){var r,i,a,o;[j.MEDIA_PREVIEW_IMAGE,j.MEDIA_PREVIEW_COORDS].includes(e)&&this.update(),e===A.MEDIA_CONTROLLER&&(t&&((i=(r=Rp(this,Vp))?.unassociateElement)==null||i.call(r,this),Bp(this,Vp,null)),n&&this.isConnected&&(Bp(this,Vp,this.getRootNode()?.getElementById(n)),(o=(a=Rp(this,Vp))?.associateElement)==null||o.call(a,this)))}get mediaPreviewImage(){return z(this,j.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){B(this,j.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewCoords(){let e=this.getAttribute(j.MEDIA_PREVIEW_COORDS);if(e)return e.split(/\s+/).map(e=>+e)}set mediaPreviewCoords(e){if(!e){this.removeAttribute(j.MEDIA_PREVIEW_COORDS);return}this.setAttribute(j.MEDIA_PREVIEW_COORDS,e.join(` `))}update(){let e=this.mediaPreviewCoords,t=this.mediaPreviewImage;if(!(e&&t))return;let[n,r,i,a]=e,o=t.split(`#`)[0],{maxWidth:s,maxHeight:c,minWidth:l,minHeight:u}=getComputedStyle(this),d=Math.min(parseInt(s)/i,parseInt(c)/a),f=Math.max(parseInt(l)/i,parseInt(u)/a),p=d<1,m=p?d:f>1?f:1,{style:ee}=P(this.shadowRoot,`:host`),te=P(this.shadowRoot,`img`).style,ne=this.shadowRoot.querySelector(`img`),h=p?`min`:`max`;ee.setProperty(`${h}-width`,`initial`,`important`),ee.setProperty(`${h}-height`,`initial`,`important`),ee.width=`${i*m}px`,ee.height=`${a*m}px`;let re=()=>{te.width=`${this.imgWidth*m}px`,te.height=`${this.imgHeight*m}px`,te.display=`block`};ne.src!==o&&(ne.onload=()=>{this.imgWidth=ne.naturalWidth,this.imgHeight=ne.naturalHeight,re()},ne.src=o,re()),re(),te.transform=`translate(-${n*m}px, -${r*m}px)`}};Vp=new WeakMap,Up.shadowRootOptions={mode:`open`},Up.getTemplateHTML=Hp,N.customElements.get(`media-preview-thumbnail`)||N.customElements.define(`media-preview-thumbnail`,Up);var Wp=Up,Gp=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Kp=(e,t,n)=>(Gp(e,t,`read from private field`),n?n.call(e):t.get(e)),qp=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Jp=(e,t,n,r)=>(Gp(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Yp,Xp=class extends of{constructor(){super(),qp(this,Yp,void 0),Jp(this,Yp,this.shadowRoot.querySelector(`slot`)),Kp(this,Yp).textContent=as(0)}static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_PREVIEW_TIME]}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_PREVIEW_TIME&&n!=null&&(Kp(this,Yp).textContent=as(parseFloat(n)))}get mediaPreviewTime(){return F(this,j.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){I(this,j.MEDIA_PREVIEW_TIME,e)}};Yp=new WeakMap,N.customElements.get(`media-preview-time-display`)||N.customElements.define(`media-preview-time-display`,Xp);var Zp={SEEK_OFFSET:`seekoffset`},Qp=30,$p=e=>`
|
|
1095
|
-
<svg aria-hidden="true" viewBox="0 0 20 24">
|
|
1096
|
-
<defs>
|
|
1097
|
-
<style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style>
|
|
1098
|
-
</defs>
|
|
1099
|
-
<text class="text value" transform="translate(2.18 19.87)">${e}</text>
|
|
1100
|
-
<path d="M10 6V3L4.37 7 10 10.94V8a5.54 5.54 0 0 1 1.9 10.48v2.12A7.5 7.5 0 0 0 10 6Z"/>
|
|
1101
|
-
</svg>`;function em(e,t){return`
|
|
1102
|
-
<slot name="icon">${$p(t.seekOffset)}</slot>
|
|
1103
|
-
`}function tm(){return M(`Seek backward`)}var nm=0,rm=class extends wu{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_CURRENT_TIME,Zp.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=F(this,Zp.SEEK_OFFSET,Qp)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===Zp.SEEK_OFFSET&&(this.seekOffset=F(this,Zp.SEEK_OFFSET,Qp))}get seekOffset(){return F(this,Zp.SEEK_OFFSET,Qp)}set seekOffset(e){I(this,Zp.SEEK_OFFSET,e),this.setAttribute(`aria-label`,M(`seek back {seekOffset} seconds`,{seekOffset:this.seekOffset})),Ds(ks(this,`icon`),this.seekOffset)}get mediaCurrentTime(){return F(this,j.MEDIA_CURRENT_TIME,nm)}set mediaCurrentTime(e){I(this,j.MEDIA_CURRENT_TIME,e)}handleClick(){let e=Math.max(this.mediaCurrentTime-this.seekOffset,0),t=new N.CustomEvent(k.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};rm.getSlotTemplateHTML=em,rm.getTooltipContentHTML=tm,N.customElements.get(`media-seek-backward-button`)||N.customElements.define(`media-seek-backward-button`,rm);var im={SEEK_OFFSET:`seekoffset`},am=30,om=e=>`
|
|
1104
|
-
<svg aria-hidden="true" viewBox="0 0 20 24">
|
|
1105
|
-
<defs>
|
|
1106
|
-
<style>.text{font-size:8px;font-family:Arial-BoldMT, Arial;font-weight:700;}</style>
|
|
1107
|
-
</defs>
|
|
1108
|
-
<text class="text value" transform="translate(8.9 19.87)">${e}</text>
|
|
1109
|
-
<path d="M10 6V3l5.61 4L10 10.94V8a5.54 5.54 0 0 0-1.9 10.48v2.12A7.5 7.5 0 0 1 10 6Z"/>
|
|
1110
|
-
</svg>`;function sm(e,t){return`
|
|
1111
|
-
<slot name="icon">${om(t.seekOffset)}</slot>
|
|
1112
|
-
`}function cm(){return M(`Seek forward`)}var lm=0,um=class extends wu{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_CURRENT_TIME,im.SEEK_OFFSET]}connectedCallback(){super.connectedCallback(),this.seekOffset=F(this,im.SEEK_OFFSET,am)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===im.SEEK_OFFSET&&(this.seekOffset=F(this,im.SEEK_OFFSET,am))}get seekOffset(){return F(this,im.SEEK_OFFSET,am)}set seekOffset(e){I(this,im.SEEK_OFFSET,e),this.setAttribute(`aria-label`,M(`seek forward {seekOffset} seconds`,{seekOffset:this.seekOffset})),Ds(ks(this,`icon`),this.seekOffset)}get mediaCurrentTime(){return F(this,j.MEDIA_CURRENT_TIME,lm)}set mediaCurrentTime(e){I(this,j.MEDIA_CURRENT_TIME,e)}handleClick(){let e=this.mediaCurrentTime+this.seekOffset,t=new N.CustomEvent(k.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)}};um.getSlotTemplateHTML=sm,um.getTooltipContentHTML=cm,N.customElements.get(`media-seek-forward-button`)||N.customElements.define(`media-seek-forward-button`,um);var dm=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},fm=(e,t,n)=>(dm(e,t,`read from private field`),n?n.call(e):t.get(e)),pm=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},mm=(e,t,n,r)=>(dm(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),hm,gm={REMAINING:`remaining`,SHOW_DURATION:`showduration`,NO_TOGGLE:`notoggle`},_m=[...Object.values(gm),j.MEDIA_CURRENT_TIME,j.MEDIA_DURATION,j.MEDIA_SEEKABLE],vm=[`Enter`,` `],ym=` / `,bm=(e,{timesSep:t=ym}={})=>{let n=e.mediaCurrentTime??0,[,r]=e.mediaSeekable??[],i=0;Number.isFinite(e.mediaDuration)?i=e.mediaDuration:Number.isFinite(r)&&(i=r);let a=e.remaining?as(0-(i-n)):as(n);return e.showDuration?`${a}${t}${as(i)}`:a},xm=`video not loaded, unknown time.`,Sm=e=>{let t=e.mediaCurrentTime,[,n]=e.mediaSeekable??[],r=null;if(Number.isFinite(e.mediaDuration)?r=e.mediaDuration:Number.isFinite(n)&&(r=n),t==null||r===null){e.setAttribute(`aria-valuetext`,xm);return}let i=e.remaining?is(0-(r-t)):is(t);if(!e.showDuration){e.setAttribute(`aria-valuetext`,i);return}let a=`${i} of ${is(r)}`;e.setAttribute(`aria-valuetext`,a)};function Cm(e,t){return`
|
|
1113
|
-
<slot>${bm(t)}</slot>
|
|
1114
|
-
`}var wm=class extends of{constructor(){super(),pm(this,hm,void 0),mm(this,hm,this.shadowRoot.querySelector(`slot`)),fm(this,hm).innerHTML=`${bm(this)}`}static get observedAttributes(){return[...super.observedAttributes,..._m,`disabled`]}connectedCallback(){let{style:e}=P(this.shadowRoot,`:host(:hover:not([notoggle]))`);e.setProperty(`cursor`,`var(--media-cursor, pointer)`),e.setProperty(`background`,`var(--media-control-hover-background, rgba(50 50 70 / .7))`),this.hasAttribute(`disabled`)||this.enable(),this.setAttribute(`role`,`progressbar`),this.setAttribute(`aria-label`,M(`playback time`));let t=e=>{let{key:n}=e;if(!vm.includes(n)){this.removeEventListener(`keyup`,t);return}this.toggleTimeDisplay()};this.addEventListener(`keydown`,e=>{let{metaKey:n,altKey:r,key:i}=e;if(n||r||!vm.includes(i)){this.removeEventListener(`keyup`,t);return}this.addEventListener(`keyup`,t)}),this.addEventListener(`click`,this.toggleTimeDisplay),super.connectedCallback()}toggleTimeDisplay(){this.noToggle||(this.hasAttribute(`remaining`)?this.removeAttribute(`remaining`):this.setAttribute(`remaining`,``))}disconnectedCallback(){this.disable(),super.disconnectedCallback()}attributeChangedCallback(e,t,n){_m.includes(e)?this.update():e===`disabled`&&n!==t&&(n==null?this.enable():this.disable()),super.attributeChangedCallback(e,t,n)}enable(){this.tabIndex=0}disable(){this.tabIndex=-1}get remaining(){return L(this,gm.REMAINING)}set remaining(e){R(this,gm.REMAINING,e)}get showDuration(){return L(this,gm.SHOW_DURATION)}set showDuration(e){R(this,gm.SHOW_DURATION,e)}get noToggle(){return L(this,gm.NO_TOGGLE)}set noToggle(e){R(this,gm.NO_TOGGLE,e)}get mediaDuration(){return F(this,j.MEDIA_DURATION)}set mediaDuration(e){I(this,j.MEDIA_DURATION,e)}get mediaCurrentTime(){return F(this,j.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){I(this,j.MEDIA_CURRENT_TIME,e)}get mediaSeekable(){let e=this.getAttribute(j.MEDIA_SEEKABLE);if(e)return e.split(`:`).map(e=>+e)}set mediaSeekable(e){if(e==null){this.removeAttribute(j.MEDIA_SEEKABLE);return}this.setAttribute(j.MEDIA_SEEKABLE,e.join(`:`))}update(){let e=bm(this);Sm(this),e!==fm(this,hm).innerHTML&&(fm(this,hm).innerHTML=e)}};hm=new WeakMap,wm.getSlotTemplateHTML=Cm,N.customElements.get(`media-time-display`)||N.customElements.define(`media-time-display`,wm);var Tm=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Em=(e,t,n)=>(Tm(e,t,`read from private field`),n?n.call(e):t.get(e)),Dm=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Om=(e,t,n,r)=>(Tm(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),km=(e,t,n,r)=>({set _(r){Om(e,t,r,n)},get _(){return Em(e,t,r)}}),Am,jm,Mm,Nm,Pm,Fm,Im,Lm,Rm,zm,Bm=class{constructor(e,t,n){Dm(this,Am,void 0),Dm(this,jm,void 0),Dm(this,Mm,void 0),Dm(this,Nm,void 0),Dm(this,Pm,void 0),Dm(this,Fm,void 0),Dm(this,Im,void 0),Dm(this,Lm,void 0),Dm(this,Rm,0),Dm(this,zm,(e=performance.now())=>{Om(this,Rm,requestAnimationFrame(Em(this,zm))),Om(this,Nm,performance.now()-Em(this,Mm));let t=1e3/this.fps;if(Em(this,Nm)>t){Om(this,Mm,e-Em(this,Nm)%t);let n=1e3/((e-Em(this,jm))/++km(this,Pm)._),r=(e-Em(this,Fm))/1e3/this.duration,i=Em(this,Im)+r*this.playbackRate;i-Em(this,Am).valueAsNumber>0?Om(this,Lm,this.playbackRate/this.duration/n):(Om(this,Lm,.995*Em(this,Lm)),i=Em(this,Am).valueAsNumber+Em(this,Lm)),this.callback(i)}}),Om(this,Am,e),this.callback=t,this.fps=n}start(){Em(this,Rm)===0&&(Om(this,Mm,performance.now()),Om(this,jm,Em(this,Mm)),Om(this,Pm,0),Em(this,zm).call(this))}stop(){Em(this,Rm)!==0&&(cancelAnimationFrame(Em(this,Rm)),Om(this,Rm,0))}update({start:e,duration:t,playbackRate:n}){let r=e-Em(this,Am).valueAsNumber,i=Math.abs(t-this.duration);(r>0||r<-.03||i>=.5)&&this.callback(e),Om(this,Im,e),Om(this,Fm,performance.now()),this.duration=t,this.playbackRate=n}};Am=new WeakMap,jm=new WeakMap,Mm=new WeakMap,Nm=new WeakMap,Pm=new WeakMap,Fm=new WeakMap,Im=new WeakMap,Lm=new WeakMap,Rm=new WeakMap,zm=new WeakMap;var Vm=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Hm=(e,t,n)=>(Vm(e,t,`read from private field`),n?n.call(e):t.get(e)),Um=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Wm=(e,t,n,r)=>(Vm(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Gm=(e,t,n)=>(Vm(e,t,`access private method`),n),Km,qm,Jm,Ym,Xm,Zm,Qm,$m,eh,th,nh,rh,ih,ah,oh,sh,ch,lh,uh,dh,fh,ph,mh,hh,gh,_h,vh=`video not loaded, unknown time.`,yh=e=>{let t=e.range,n=is(+Sh(e)),r=is(+e.mediaSeekableEnd),i=n&&r?`${n} of ${r}`:vh;t.setAttribute(`aria-valuetext`,i)};function bh(e){return`
|
|
1115
|
-
${Wd.getTemplateHTML(e)}
|
|
1116
|
-
<style>
|
|
1117
|
-
:host {
|
|
1118
|
-
--media-box-border-radius: 4px;
|
|
1119
|
-
--media-box-padding-left: 10px;
|
|
1120
|
-
--media-box-padding-right: 10px;
|
|
1121
|
-
--media-preview-border-radius: var(--media-box-border-radius);
|
|
1122
|
-
--media-box-arrow-offset: var(--media-box-border-radius);
|
|
1123
|
-
--_control-background: var(--media-control-background, var(--media-secondary-color, rgb(20 20 30 / .7)));
|
|
1124
|
-
--_preview-background: var(--media-preview-background, var(--_control-background));
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
contain: layout;
|
|
1128
|
-
}
|
|
1129
|
-
|
|
1130
|
-
#buffered {
|
|
1131
|
-
background: var(--media-time-range-buffered-color, rgb(255 255 255 / .4));
|
|
1132
|
-
position: absolute;
|
|
1133
|
-
height: 100%;
|
|
1134
|
-
will-change: width;
|
|
1135
|
-
}
|
|
1136
|
-
|
|
1137
|
-
#preview-rail,
|
|
1138
|
-
#current-rail {
|
|
1139
|
-
width: 100%;
|
|
1140
|
-
position: absolute;
|
|
1141
|
-
left: 0;
|
|
1142
|
-
bottom: 100%;
|
|
1143
|
-
pointer-events: none;
|
|
1144
|
-
will-change: transform;
|
|
1145
|
-
}
|
|
1146
|
-
|
|
1147
|
-
[part~="box"] {
|
|
1148
|
-
width: min-content;
|
|
1149
|
-
|
|
1150
|
-
position: absolute;
|
|
1151
|
-
bottom: 100%;
|
|
1152
|
-
flex-direction: column;
|
|
1153
|
-
align-items: center;
|
|
1154
|
-
transform: translateX(-50%);
|
|
1155
|
-
}
|
|
1156
|
-
|
|
1157
|
-
[part~="current-box"] {
|
|
1158
|
-
display: var(--media-current-box-display, var(--media-box-display, flex));
|
|
1159
|
-
margin: var(--media-current-box-margin, var(--media-box-margin, 0 0 5px));
|
|
1160
|
-
visibility: hidden;
|
|
1161
|
-
}
|
|
1162
|
-
|
|
1163
|
-
[part~="preview-box"] {
|
|
1164
|
-
display: var(--media-preview-box-display, var(--media-box-display, flex));
|
|
1165
|
-
margin: var(--media-preview-box-margin, var(--media-box-margin, 0 0 5px));
|
|
1166
|
-
transition-property: var(--media-preview-transition-property, visibility, opacity);
|
|
1167
|
-
transition-duration: var(--media-preview-transition-duration-out, .25s);
|
|
1168
|
-
transition-delay: var(--media-preview-transition-delay-out, 0s);
|
|
1169
|
-
visibility: hidden;
|
|
1170
|
-
opacity: 0;
|
|
1171
|
-
}
|
|
1172
|
-
|
|
1173
|
-
:host(:is([${j.MEDIA_PREVIEW_IMAGE}], [${j.MEDIA_PREVIEW_TIME}])[dragging]) [part~="preview-box"] {
|
|
1174
|
-
transition-duration: var(--media-preview-transition-duration-in, .5s);
|
|
1175
|
-
transition-delay: var(--media-preview-transition-delay-in, .25s);
|
|
1176
|
-
visibility: visible;
|
|
1177
|
-
opacity: 1;
|
|
1178
|
-
}
|
|
1179
|
-
|
|
1180
|
-
@media (hover: hover) {
|
|
1181
|
-
:host(:is([${j.MEDIA_PREVIEW_IMAGE}], [${j.MEDIA_PREVIEW_TIME}]):hover) [part~="preview-box"] {
|
|
1182
|
-
transition-duration: var(--media-preview-transition-duration-in, .5s);
|
|
1183
|
-
transition-delay: var(--media-preview-transition-delay-in, .25s);
|
|
1184
|
-
visibility: visible;
|
|
1185
|
-
opacity: 1;
|
|
1186
|
-
}
|
|
1187
|
-
}
|
|
1188
|
-
|
|
1189
|
-
media-preview-thumbnail,
|
|
1190
|
-
::slotted(media-preview-thumbnail) {
|
|
1191
|
-
visibility: hidden;
|
|
1192
|
-
|
|
1193
|
-
transition: visibility 0s .25s;
|
|
1194
|
-
transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
|
|
1195
|
-
background: var(--media-preview-thumbnail-background, var(--_preview-background));
|
|
1196
|
-
box-shadow: var(--media-preview-thumbnail-box-shadow, 0 0 4px rgb(0 0 0 / .2));
|
|
1197
|
-
max-width: var(--media-preview-thumbnail-max-width, 180px);
|
|
1198
|
-
max-height: var(--media-preview-thumbnail-max-height, 160px);
|
|
1199
|
-
min-width: var(--media-preview-thumbnail-min-width, 120px);
|
|
1200
|
-
min-height: var(--media-preview-thumbnail-min-height, 80px);
|
|
1201
|
-
border: var(--media-preview-thumbnail-border);
|
|
1202
|
-
border-radius: var(--media-preview-thumbnail-border-radius,
|
|
1203
|
-
var(--media-preview-border-radius) var(--media-preview-border-radius) 0 0);
|
|
1204
|
-
}
|
|
1205
|
-
|
|
1206
|
-
:host([${j.MEDIA_PREVIEW_IMAGE}][dragging]) media-preview-thumbnail,
|
|
1207
|
-
:host([${j.MEDIA_PREVIEW_IMAGE}][dragging]) ::slotted(media-preview-thumbnail) {
|
|
1208
|
-
transition-delay: var(--media-preview-transition-delay-in, .25s);
|
|
1209
|
-
visibility: visible;
|
|
1210
|
-
}
|
|
1211
|
-
|
|
1212
|
-
@media (hover: hover) {
|
|
1213
|
-
:host([${j.MEDIA_PREVIEW_IMAGE}]:hover) media-preview-thumbnail,
|
|
1214
|
-
:host([${j.MEDIA_PREVIEW_IMAGE}]:hover) ::slotted(media-preview-thumbnail) {
|
|
1215
|
-
transition-delay: var(--media-preview-transition-delay-in, .25s);
|
|
1216
|
-
visibility: visible;
|
|
1217
|
-
}
|
|
1218
|
-
|
|
1219
|
-
:host([${j.MEDIA_PREVIEW_TIME}]:hover) {
|
|
1220
|
-
--media-time-range-hover-display: block;
|
|
1221
|
-
}
|
|
1222
|
-
}
|
|
1223
|
-
|
|
1224
|
-
media-preview-chapter-display,
|
|
1225
|
-
::slotted(media-preview-chapter-display) {
|
|
1226
|
-
font-size: var(--media-font-size, 13px);
|
|
1227
|
-
line-height: 17px;
|
|
1228
|
-
min-width: 0;
|
|
1229
|
-
visibility: hidden;
|
|
1230
|
-
|
|
1231
|
-
transition: min-width 0s, border-radius 0s, margin 0s, padding 0s, visibility 0s;
|
|
1232
|
-
transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
|
|
1233
|
-
background: var(--media-preview-chapter-background, var(--_preview-background));
|
|
1234
|
-
border-radius: var(--media-preview-chapter-border-radius,
|
|
1235
|
-
var(--media-preview-border-radius) var(--media-preview-border-radius)
|
|
1236
|
-
var(--media-preview-border-radius) var(--media-preview-border-radius));
|
|
1237
|
-
padding: var(--media-preview-chapter-padding, 3.5px 9px);
|
|
1238
|
-
margin: var(--media-preview-chapter-margin, 0 0 5px);
|
|
1239
|
-
text-shadow: var(--media-preview-chapter-text-shadow, 0 0 4px rgb(0 0 0 / .75));
|
|
1240
|
-
}
|
|
1241
|
-
|
|
1242
|
-
:host([${j.MEDIA_PREVIEW_IMAGE}]) media-preview-chapter-display,
|
|
1243
|
-
:host([${j.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-chapter-display) {
|
|
1244
|
-
transition-delay: var(--media-preview-transition-delay-in, .25s);
|
|
1245
|
-
border-radius: var(--media-preview-chapter-border-radius, 0);
|
|
1246
|
-
padding: var(--media-preview-chapter-padding, 3.5px 9px 0);
|
|
1247
|
-
margin: var(--media-preview-chapter-margin, 0);
|
|
1248
|
-
min-width: 100%;
|
|
1249
|
-
}
|
|
1250
|
-
|
|
1251
|
-
media-preview-chapter-display[${j.MEDIA_PREVIEW_CHAPTER}],
|
|
1252
|
-
::slotted(media-preview-chapter-display[${j.MEDIA_PREVIEW_CHAPTER}]) {
|
|
1253
|
-
visibility: visible;
|
|
1254
|
-
}
|
|
1255
|
-
|
|
1256
|
-
media-preview-chapter-display:not([aria-valuetext]),
|
|
1257
|
-
::slotted(media-preview-chapter-display:not([aria-valuetext])) {
|
|
1258
|
-
display: none;
|
|
1259
|
-
}
|
|
1260
|
-
|
|
1261
|
-
media-preview-time-display,
|
|
1262
|
-
::slotted(media-preview-time-display),
|
|
1263
|
-
media-time-display,
|
|
1264
|
-
::slotted(media-time-display) {
|
|
1265
|
-
font-size: var(--media-font-size, 13px);
|
|
1266
|
-
line-height: 17px;
|
|
1267
|
-
min-width: 0;
|
|
1268
|
-
|
|
1269
|
-
transition: min-width 0s, border-radius 0s;
|
|
1270
|
-
transition-delay: calc(var(--media-preview-transition-delay-out, 0s) + var(--media-preview-transition-duration-out, .25s));
|
|
1271
|
-
background: var(--media-preview-time-background, var(--_preview-background));
|
|
1272
|
-
border-radius: var(--media-preview-time-border-radius,
|
|
1273
|
-
var(--media-preview-border-radius) var(--media-preview-border-radius)
|
|
1274
|
-
var(--media-preview-border-radius) var(--media-preview-border-radius));
|
|
1275
|
-
padding: var(--media-preview-time-padding, 3.5px 9px);
|
|
1276
|
-
margin: var(--media-preview-time-margin, 0);
|
|
1277
|
-
text-shadow: var(--media-preview-time-text-shadow, 0 0 4px rgb(0 0 0 / .75));
|
|
1278
|
-
transform: translateX(min(
|
|
1279
|
-
max(calc(50% - var(--_box-width) / 2),
|
|
1280
|
-
calc(var(--_box-shift, 0))),
|
|
1281
|
-
calc(var(--_box-width) / 2 - 50%)
|
|
1282
|
-
));
|
|
1283
|
-
}
|
|
1284
|
-
|
|
1285
|
-
:host([${j.MEDIA_PREVIEW_IMAGE}]) media-preview-time-display,
|
|
1286
|
-
:host([${j.MEDIA_PREVIEW_IMAGE}]) ::slotted(media-preview-time-display) {
|
|
1287
|
-
transition-delay: var(--media-preview-transition-delay-in, .25s);
|
|
1288
|
-
border-radius: var(--media-preview-time-border-radius,
|
|
1289
|
-
0 0 var(--media-preview-border-radius) var(--media-preview-border-radius));
|
|
1290
|
-
min-width: 100%;
|
|
1291
|
-
}
|
|
1292
|
-
|
|
1293
|
-
:host([${j.MEDIA_PREVIEW_TIME}]:hover) {
|
|
1294
|
-
--media-time-range-hover-display: block;
|
|
1295
|
-
}
|
|
1296
|
-
|
|
1297
|
-
[part~="arrow"],
|
|
1298
|
-
::slotted([part~="arrow"]) {
|
|
1299
|
-
display: var(--media-box-arrow-display, inline-block);
|
|
1300
|
-
transform: translateX(min(
|
|
1301
|
-
max(calc(50% - var(--_box-width) / 2 + var(--media-box-arrow-offset)),
|
|
1302
|
-
calc(var(--_box-shift, 0))),
|
|
1303
|
-
calc(var(--_box-width) / 2 - 50% - var(--media-box-arrow-offset))
|
|
1304
|
-
));
|
|
1305
|
-
|
|
1306
|
-
border-color: transparent;
|
|
1307
|
-
border-top-color: var(--media-box-arrow-background, var(--_control-background));
|
|
1308
|
-
border-width: var(--media-box-arrow-border-width,
|
|
1309
|
-
var(--media-box-arrow-height, 5px) var(--media-box-arrow-width, 6px) 0);
|
|
1310
|
-
border-style: solid;
|
|
1311
|
-
justify-content: center;
|
|
1312
|
-
height: 0;
|
|
1313
|
-
}
|
|
1314
|
-
</style>
|
|
1315
|
-
<div id="preview-rail">
|
|
1316
|
-
<slot name="preview" part="box preview-box">
|
|
1317
|
-
<media-preview-thumbnail>
|
|
1318
|
-
<template shadowrootmode="${Wp.shadowRootOptions.mode}">
|
|
1319
|
-
${Wp.getTemplateHTML({})}
|
|
1320
|
-
</template>
|
|
1321
|
-
</media-preview-thumbnail>
|
|
1322
|
-
<media-preview-chapter-display></media-preview-chapter-display>
|
|
1323
|
-
<media-preview-time-display></media-preview-time-display>
|
|
1324
|
-
<slot name="preview-arrow"><div part="arrow"></div></slot>
|
|
1325
|
-
</slot>
|
|
1326
|
-
</div>
|
|
1327
|
-
<div id="current-rail">
|
|
1328
|
-
<slot name="current" part="box current-box">
|
|
1329
|
-
|
|
1330
|
-
</slot>
|
|
1331
|
-
</div>
|
|
1332
|
-
`}var xh=(e,t=e.mediaCurrentTime)=>{let n=Number.isFinite(e.mediaSeekableStart)?e.mediaSeekableStart:0,r=Number.isFinite(e.mediaDuration)?e.mediaDuration:e.mediaSeekableEnd;if(Number.isNaN(r))return 0;let i=(t-n)/(r-n);return Math.max(0,Math.min(i,1))},Sh=(e,t=e.range.valueAsNumber)=>{let n=Number.isFinite(e.mediaSeekableStart)?e.mediaSeekableStart:0,r=Number.isFinite(e.mediaDuration)?e.mediaDuration:e.mediaSeekableEnd;return Number.isNaN(r)?0:t*(r-n)+n},Ch=class extends Wd{constructor(){super(),Um(this,th),Um(this,rh),Um(this,oh),Um(this,ch),Um(this,uh),Um(this,fh),Um(this,mh),Um(this,gh),Um(this,Km,void 0),Um(this,qm,void 0),Um(this,Jm,void 0),Um(this,Ym,void 0),Um(this,Xm,void 0),Um(this,Zm,void 0),Um(this,Qm,void 0),Um(this,$m,void 0),Um(this,eh,void 0),Um(this,ah,e=>{this.dragging||($o(e)&&(this.range.valueAsNumber=e),this.updateBar())}),this.shadowRoot.querySelector(`#track`).insertAdjacentHTML(`afterbegin`,`<div id="buffered" part="buffered"></div>`),Wm(this,Jm,this.shadowRoot.querySelectorAll(`[part~="box"]`)),Wm(this,Xm,this.shadowRoot.querySelector(`[part~="preview-box"]`)),Wm(this,Zm,this.shadowRoot.querySelector(`[part~="current-box"]`));let e=getComputedStyle(this);Wm(this,Qm,parseInt(e.getPropertyValue(`--media-box-padding-left`))),Wm(this,$m,parseInt(e.getPropertyValue(`--media-box-padding-right`))),Wm(this,qm,new Bm(this.range,Hm(this,ah),60))}static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_PAUSED,j.MEDIA_DURATION,j.MEDIA_SEEKABLE,j.MEDIA_CURRENT_TIME,j.MEDIA_PREVIEW_IMAGE,j.MEDIA_PREVIEW_TIME,j.MEDIA_PREVIEW_CHAPTER,j.MEDIA_BUFFERED,j.MEDIA_PLAYBACK_RATE,j.MEDIA_LOADING,j.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute(`aria-label`,M(`seek`)),Gm(this,th,nh).call(this),Wm(this,Km,this.getRootNode()),(e=Hm(this,Km))==null||e.addEventListener(`transitionstart`,this)}disconnectedCallback(){var e;super.disconnectedCallback(),Gm(this,th,nh).call(this),(e=Hm(this,Km))==null||e.removeEventListener(`transitionstart`,this),Wm(this,Km,null)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),t!=n&&(e===j.MEDIA_CURRENT_TIME||e===j.MEDIA_PAUSED||e===j.MEDIA_ENDED||e===j.MEDIA_LOADING||e===j.MEDIA_DURATION||e===j.MEDIA_SEEKABLE?(Hm(this,qm).update({start:xh(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),Gm(this,th,nh).call(this),yh(this)):e===j.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===j.MEDIA_DURATION||e===j.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=Hm(this,eh),this.updateBar()))}get mediaChaptersCues(){return Hm(this,eh)}set mediaChaptersCues(e){Wm(this,eh,e),this.updateSegments(Hm(this,eh)?.map(e=>({start:xh(this,e.startTime),end:xh(this,e.endTime)})))}get mediaPaused(){return L(this,j.MEDIA_PAUSED)}set mediaPaused(e){R(this,j.MEDIA_PAUSED,e)}get mediaLoading(){return L(this,j.MEDIA_LOADING)}set mediaLoading(e){R(this,j.MEDIA_LOADING,e)}get mediaDuration(){return F(this,j.MEDIA_DURATION)}set mediaDuration(e){I(this,j.MEDIA_DURATION,e)}get mediaCurrentTime(){return F(this,j.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){I(this,j.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return F(this,j.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){I(this,j.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(j.MEDIA_BUFFERED);return e?e.split(` `).map(e=>e.split(`:`).map(e=>+e)):[]}set mediaBuffered(e){if(!e){this.removeAttribute(j.MEDIA_BUFFERED);return}let t=e.map(e=>e.join(`:`)).join(` `);this.setAttribute(j.MEDIA_BUFFERED,t)}get mediaSeekable(){let e=this.getAttribute(j.MEDIA_SEEKABLE);if(e)return e.split(`:`).map(e=>+e)}set mediaSeekable(e){if(e==null){this.removeAttribute(j.MEDIA_SEEKABLE);return}this.setAttribute(j.MEDIA_SEEKABLE,e.join(`:`))}get mediaSeekableEnd(){let[,e=this.mediaDuration]=this.mediaSeekable??[];return e}get mediaSeekableStart(){let[e=0]=this.mediaSeekable??[];return e}get mediaPreviewImage(){return z(this,j.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){B(this,j.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return F(this,j.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){I(this,j.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return L(this,j.MEDIA_ENDED)}set mediaEnded(e){R(this,j.MEDIA_ENDED,e)}updateBar(){super.updateBar(),this.updateBufferedBar(),this.updateCurrentBox()}updateBufferedBar(){let e=this.mediaBuffered;if(!e.length)return;let t;if(this.mediaEnded)t=1;else{let n=this.mediaCurrentTime,[,r=this.mediaSeekableStart]=e.find(([e,t])=>e<=n&&n<=t)??[];t=xh(this,r)}let{style:n}=P(this.shadowRoot,`#buffered`);n.setProperty(`width`,`${t*100}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector(`slot[name="current"]`).assignedElements().length)return;let e=P(this.shadowRoot,`#current-rail`),t=P(this.shadowRoot,`[part~="current-box"]`),n=Gm(this,oh,sh).call(this,Hm(this,Zm)),r=Gm(this,ch,lh).call(this,n,this.range.valueAsNumber),i=Gm(this,uh,dh).call(this,n,this.range.valueAsNumber);e.style.transform=`translateX(${r})`,e.style.setProperty(`--_range-width`,`${n.range.width}`),t.style.setProperty(`--_box-shift`,`${i}`),t.style.setProperty(`--_box-width`,`${n.box.width}px`),t.style.setProperty(`visibility`,`initial`)}handleEvent(e){switch(super.handleEvent(e),e.type){case`input`:Gm(this,gh,_h).call(this);break;case`pointermove`:Gm(this,fh,ph).call(this,e);break;case`pointerup`:case`pointerleave`:Gm(this,mh,hh).call(this,null);break;case`transitionstart`:As(e.target,this)&&setTimeout(()=>Gm(this,th,nh).call(this),0);break}}};Km=new WeakMap,qm=new WeakMap,Jm=new WeakMap,Ym=new WeakMap,Xm=new WeakMap,Zm=new WeakMap,Qm=new WeakMap,$m=new WeakMap,eh=new WeakMap,th=new WeakSet,nh=function(){Gm(this,rh,ih).call(this)?Hm(this,qm).start():Hm(this,qm).stop()},rh=new WeakSet,ih=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&Ps(this)},ah=new WeakMap,oh=new WeakSet,sh=function(e){let t=((this.getAttribute(`bounds`)?js(this,`#${this.getAttribute(`bounds`)}`):this.parentElement)??this).getBoundingClientRect(),n=this.range.getBoundingClientRect(),r=e.offsetWidth;return{box:{width:r,min:-(n.left-t.left-r/2),max:t.right-n.left-r/2},bounds:t,range:n}},ch=new WeakSet,lh=function(e,t){let n=`${t*100}%`,{width:r,min:i,max:a}=e.box;if(!r)return n;if(Number.isNaN(i)||(n=`max(${`calc(1 / var(--_range-width) * 100 * ${i}% + var(--media-box-padding-left))`}, ${n})`),!Number.isNaN(a)){let e=`calc(1 / var(--_range-width) * 100 * ${a}% - var(--media-box-padding-right))`;n=`min(${n}, ${e})`}return n},uh=new WeakSet,dh=function(e,t){let{width:n,min:r,max:i}=e.box,a=t*e.range.width;if(a<r+Hm(this,Qm)){let t=e.range.left-e.bounds.left-Hm(this,Qm);return`${a-n/2+t}px`}if(a>i-Hm(this,$m)){let t=e.bounds.right-e.range.right-Hm(this,$m);return`${a+n/2-t-e.range.width}px`}return 0},fh=new WeakSet,ph=function(e){let t=[...Hm(this,Jm)].some(t=>e.composedPath().includes(t));if(!this.dragging&&(t||!e.composedPath().includes(this))){Gm(this,mh,hh).call(this,null);return}let n=this.mediaSeekableEnd;if(!n)return;let r=P(this.shadowRoot,`#preview-rail`),i=P(this.shadowRoot,`[part~="preview-box"]`),a=Gm(this,oh,sh).call(this,Hm(this,Xm)),o=(e.clientX-a.range.left)/a.range.width;o=Math.max(0,Math.min(1,o));let s=Gm(this,ch,lh).call(this,a,o),c=Gm(this,uh,dh).call(this,a,o);r.style.transform=`translateX(${s})`,r.style.setProperty(`--_range-width`,`${a.range.width}`),i.style.setProperty(`--_box-shift`,`${c}`),i.style.setProperty(`--_box-width`,`${a.box.width}px`);let l=Math.round(Hm(this,Ym))-Math.round(o*n);Math.abs(l)<1&&o>.01&&o<.99||(Wm(this,Ym,o*n),Gm(this,mh,hh).call(this,Hm(this,Ym)))},mh=new WeakSet,hh=function(e){this.dispatchEvent(new N.CustomEvent(k.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:e}))},gh=new WeakSet,_h=function(){Hm(this,qm).stop();let e=Sh(this);this.dispatchEvent(new N.CustomEvent(k.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:e}))},Ch.shadowRootOptions={mode:`open`},Ch.getTemplateHTML=bh,N.customElements.get(`media-time-range`)||N.customElements.define(`media-time-range`,Ch);var wh=1,Th=e=>e.mediaMuted?0:e.mediaVolume,Eh=e=>`${Math.round(e*100)}%`,Dh=class extends Wd{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_VOLUME,j.MEDIA_MUTED,j.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.addEventListener(`input`,()=>{let e=this.range.value,t=new N.CustomEvent(k.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(t)})}connectedCallback(){super.connectedCallback(),this.range.setAttribute(`aria-label`,M(`volume`))}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),(e===j.MEDIA_VOLUME||e===j.MEDIA_MUTED)&&(this.range.valueAsNumber=Th(this),this.range.setAttribute(`aria-valuetext`,Eh(this.range.valueAsNumber)),this.updateBar())}get mediaVolume(){return F(this,j.MEDIA_VOLUME,wh)}set mediaVolume(e){I(this,j.MEDIA_VOLUME,e)}get mediaMuted(){return L(this,j.MEDIA_MUTED)}set mediaMuted(e){R(this,j.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return z(this,j.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){B(this,j.MEDIA_VOLUME_UNAVAILABLE,e)}};N.customElements.get(`media-volume-range`)||N.customElements.define(`media-volume-range`,Dh);var Oh=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},K=(e,t,n)=>(Oh(e,t,`read from private field`),n?n.call(e):t.get(e)),kh=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Ah=(e,t,n,r)=>(Oh(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),jh,Mh,Nh,Ph,Fh,Ih,Lh,Rh,zh,Bh,Vh,Hh=1,Uh=0,Wh=1,Gh={processCallback(e,t,n){if(n){for(let[e,r]of t)if(e in n){let t=n[e];typeof t==`boolean`&&r instanceof eg&&typeof r.element[r.attributeName]==`boolean`?r.booleanValue=t:typeof t==`function`&&r instanceof eg?r.element[r.attributeName]=t:r.value=t}}}},Kh=class extends N.DocumentFragment{constructor(e,t,n=Gh){var r;super(),kh(this,jh,void 0),kh(this,Mh,void 0),this.append(e.content.cloneNode(!0)),Ah(this,jh,qh(this)),Ah(this,Mh,n),(r=n.createCallback)==null||r.call(n,this,K(this,jh),t),n.processCallback(this,K(this,jh),t)}update(e){K(this,Mh).processCallback(this,K(this,jh),e)}};jh=new WeakMap,Mh=new WeakMap;var qh=(e,t=[])=>{let n,r;for(let i of e.attributes||[])if(i.value.includes(`{{`)){let a=new $h;for([n,r]of Yh(i.value))if(!n)a.append(r);else{let n=new eg(e,i.name,i.namespaceURI);a.append(n),t.push([r,n])}i.value=a.toString()}for(let i of e.childNodes)if(i.nodeType===Hh&&!(i instanceof HTMLTemplateElement))qh(i,t);else{let a=i.data;if(i.nodeType===Hh||a.includes(`{{`)){let o=[];if(a)for([n,r]of Yh(a))if(!n)o.push(new Text(r));else{let n=new tg(e);o.push(n),t.push([r,n])}else if(i instanceof HTMLTemplateElement){let n=new ng(e,i);o.push(n),t.push([n.expression,n])}i.replaceWith(...o.flatMap(e=>e.replacementNodes||[e]))}}return t},Jh={},Yh=e=>{let t=``,n=0,r=Jh[e],i=0,a;if(r)return r;for(r=[];a=e[i];i++)a===`{`&&e[i+1]===`{`&&e[i-1]!==`\\`&&e[i+2]&&++n==1?(t&&r.push([Uh,t]),t=``,i++):a===`}`&&e[i+1]===`}`&&e[i-1]!==`\\`&&!--n?(r.push([Wh,t.trim()]),t=``,i++):t+=a||``;return t&&r.push([Uh,(n>0?`{{`:``)+t]),Jh[e]=r},Xh=11,Zh=class{get value(){return``}set value(e){}toString(){return this.value}},Qh=new WeakMap,$h=class{constructor(){kh(this,Nh,[])}[Symbol.iterator](){return K(this,Nh).values()}get length(){return K(this,Nh).length}item(e){return K(this,Nh)[e]}append(...e){for(let t of e)t instanceof eg&&Qh.set(t,this),K(this,Nh).push(t)}toString(){return K(this,Nh).join(``)}};Nh=new WeakMap;var eg=class extends Zh{constructor(e,t,n){super(),kh(this,Rh),kh(this,Ph,``),kh(this,Fh,void 0),kh(this,Ih,void 0),kh(this,Lh,void 0),Ah(this,Fh,e),Ah(this,Ih,t),Ah(this,Lh,n)}get attributeName(){return K(this,Ih)}get attributeNamespace(){return K(this,Lh)}get element(){return K(this,Fh)}get value(){return K(this,Ph)}set value(e){K(this,Ph)!==e&&(Ah(this,Ph,e),!K(this,Rh,zh)||K(this,Rh,zh).length===1?e==null?K(this,Fh).removeAttributeNS(K(this,Lh),K(this,Ih)):K(this,Fh).setAttributeNS(K(this,Lh),K(this,Ih),e):K(this,Fh).setAttributeNS(K(this,Lh),K(this,Ih),K(this,Rh,zh).toString()))}get booleanValue(){return K(this,Fh).hasAttributeNS(K(this,Lh),K(this,Ih))}set booleanValue(e){if(!K(this,Rh,zh)||K(this,Rh,zh).length===1)this.value=e?``:null;else throw new DOMException(`Value is not fully templatized`)}};Ph=new WeakMap,Fh=new WeakMap,Ih=new WeakMap,Lh=new WeakMap,Rh=new WeakSet,zh=function(){return Qh.get(this)};var tg=class extends Zh{constructor(e,t){super(),kh(this,Bh,void 0),kh(this,Vh,void 0),Ah(this,Bh,e),Ah(this,Vh,t?[...t]:[new Text])}get replacementNodes(){return K(this,Vh)}get parentNode(){return K(this,Bh)}get nextSibling(){return K(this,Vh)[K(this,Vh).length-1].nextSibling}get previousSibling(){return K(this,Vh)[0].previousSibling}get value(){return K(this,Vh).map(e=>e.textContent).join(``)}set value(e){this.replace(e)}replace(...e){let t=e.flat().flatMap(e=>e==null?[new Text]:e.forEach?[...e]:e.nodeType===Xh?[...e.childNodes]:e.nodeType?[e]:[new Text(e)]);t.length||t.push(new Text),Ah(this,Vh,rg(K(this,Vh)[0].parentNode,K(this,Vh),t,this.nextSibling))}};Bh=new WeakMap,Vh=new WeakMap;var ng=class extends tg{constructor(e,t){let n=t.getAttribute(`directive`)||t.getAttribute(`type`),r=t.getAttribute(`expression`)||t.getAttribute(n)||``;r.startsWith(`{{`)&&(r=r.trim().slice(2,-2).trim()),super(e),this.expression=r,this.template=t,this.directive=n}};function rg(e,t,n,r=null){let i=0,a,o,s,c=n.length,l=t.length;for(;i<c&&i<l&&t[i]==n[i];)i++;for(;i<c&&i<l&&n[c-1]==t[l-1];)r=n[--l,--c];if(i==l)for(;i<c;)e.insertBefore(n[i++],r);if(i==c)for(;i<l;)e.removeChild(t[i++]);else{for(a=t[i];i<c;)s=n[i++],o=a?a.nextSibling:r,a==s?a=o:i<c&&n[i]==o?(e.replaceChild(s,a),a=o):e.insertBefore(s,a);for(;a!=r;)o=a.nextSibling,e.removeChild(a),a=o}return n}var ig={string:e=>String(e)},ag=class{constructor(e){this.template=e,this.state=void 0}},og=new WeakMap,sg=new WeakMap,cg={partial:(e,t)=>{t[e.expression]=new ag(e.template)},if:(e,t)=>{var n;if(pg(e.expression,t))if(og.get(e)!==e.template){og.set(e,e.template);let n=new Kh(e.template,t,ug);e.replace(n),sg.set(e,n)}else(n=sg.get(e))==null||n.update(t);else e.replace(``),og.delete(e),sg.delete(e)}},lg=Object.keys(cg),ug={processCallback(e,t,n){var r,i;if(n)for(let[e,a]of t){if(a instanceof ng){if(!a.directive){let e=lg.find(e=>a.template.hasAttribute(e));e&&(a.directive=e,a.expression=a.template.getAttribute(e))}(r=cg[a.directive])==null||r.call(cg,a,n);continue}let t=pg(e,n);if(t instanceof ag){og.get(a)===t.template?(i=sg.get(a))==null||i.update(t.state):(og.set(a,t.template),t=new Kh(t.template,t.state,ug),a.value=t,sg.set(a,t));continue}t?(a instanceof eg&&a.attributeName.startsWith(`aria-`)&&(t=String(t)),a instanceof eg?typeof t==`boolean`?a.booleanValue=t:typeof t==`function`?a.element[a.attributeName]=t:a.value=t:(a.value=t,og.delete(a),sg.delete(a))):a instanceof eg?a.value=void 0:(a.value=void 0,og.delete(a),sg.delete(a))}}},dg={"!":e=>!e,"!!":e=>!!e,"==":(e,t)=>e==t,"!=":(e,t)=>e!=t,">":(e,t)=>e>t,">=":(e,t)=>e>=t,"<":(e,t)=>e<t,"<=":(e,t)=>e<=t,"??":(e,t)=>e??t,"|":(e,t)=>ig[t]?.call(ig,e)};function fg(e){return _g(e,{boolean:/true|false/,number:/-?\d+\.?\d*/,string:/(["'])((?:\\.|[^\\])*?)\1/,operator:/[!=><][=!]?|\?\?|\|/,ws:/\s+/,param:/[$a-z_][$\w]*/i}).filter(({type:e})=>e!==`ws`)}function pg(e,t={}){let n=fg(e);if(n.length===0||n.some(({type:e})=>!e))return mg(e);if(n[0]?.token===`>`){let r=t[n[1]?.token];if(!r)return mg(e);let i={...t};r.state=i;let a=n.slice(2);for(let e=0;e<a.length;e+=3){let n=a[e]?.token,r=a[e+1]?.token,o=a[e+2]?.token;n&&r===`=`&&(i[n]=gg(o,t))}return r}if(n.length===1)return hg(n[0])?gg(n[0].token,t):mg(e);if(n.length===2){let r=dg[n[0]?.token];return!r||!hg(n[1])?mg(e):r(gg(n[1].token,t))}if(n.length===3){let r=n[1]?.token,i=dg[r];if(!i||!hg(n[0])||!hg(n[2]))return mg(e);let a=gg(n[0].token,t);return r===`|`?i(a,n[2].token):i(a,gg(n[2].token,t))}}function mg(e){return console.warn(`Warning: invalid expression \`${e}\``),!1}function hg({type:e}){return[`number`,`boolean`,`string`,`param`].includes(e)}function gg(e,t){let n=e[0],r=e.slice(-1);return e===`true`||e===`false`?e===`true`:n===r&&[`'`,`"`].includes(n)?e.slice(1,-1):es(e)?parseFloat(e):t[e]}function _g(e,t){let n,r,i,a=[];for(;e;){i=null,n=e.length;for(let a in t)r=t[a].exec(e),r&&r.index<n&&(i={token:r[0],type:a,matches:r.slice(1)},n=r.index);n&&a.push({token:e.substr(0,n),type:void 0}),i&&a.push(i),e=e.substr(n+(i?i.token.length:0))}return a}var vg=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},yg=(e,t,n)=>(vg(e,t,`read from private field`),n?n.call(e):t.get(e)),bg=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},xg=(e,t,n,r)=>(vg(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Sg=(e,t,n)=>(vg(e,t,`access private method`),n),Cg,wg,Tg,Eg,Dg,Og,kg,Ag={mediatargetlivewindow:`targetlivewindow`,mediastreamtype:`streamtype`},jg=vs.createElement(`template`);jg.innerHTML=`
|
|
1333
|
-
<style>
|
|
1334
|
-
:host {
|
|
1335
|
-
display: inline-block;
|
|
1336
|
-
line-height: 0;
|
|
1337
|
-
}
|
|
1338
|
-
|
|
1339
|
-
media-controller {
|
|
1340
|
-
width: 100%;
|
|
1341
|
-
height: 100%;
|
|
1342
|
-
}
|
|
1343
|
-
|
|
1344
|
-
media-captions-button:not([mediasubtitleslist]),
|
|
1345
|
-
media-captions-menu:not([mediasubtitleslist]),
|
|
1346
|
-
media-captions-menu-button:not([mediasubtitleslist]),
|
|
1347
|
-
media-audio-track-menu[mediaaudiotrackunavailable],
|
|
1348
|
-
media-audio-track-menu-button[mediaaudiotrackunavailable],
|
|
1349
|
-
media-rendition-menu[mediarenditionunavailable],
|
|
1350
|
-
media-rendition-menu-button[mediarenditionunavailable],
|
|
1351
|
-
media-volume-range[mediavolumeunavailable],
|
|
1352
|
-
media-airplay-button[mediaairplayunavailable],
|
|
1353
|
-
media-fullscreen-button[mediafullscreenunavailable],
|
|
1354
|
-
media-cast-button[mediacastunavailable],
|
|
1355
|
-
media-pip-button[mediapipunavailable] {
|
|
1356
|
-
display: none;
|
|
1357
|
-
}
|
|
1358
|
-
</style>
|
|
1359
|
-
`;var Mg=class extends N.HTMLElement{constructor(){super(),bg(this,Eg),bg(this,Og),bg(this,Cg,void 0),bg(this,wg,void 0),bg(this,Tg,void 0),this.shadowRoot?this.renderRoot=this.shadowRoot:(this.renderRoot=this.attachShadow({mode:`open`}),this.createRenderer());let e=new MutationObserver(e=>{this.mediaController&&!this.mediaController?.breakpointsComputed||e.some(e=>{let t=e.target;return t===this?!0:t.localName===`media-controller`?!!(Ag[e.attributeName]||e.attributeName.startsWith(`breakpoint`)):!1})&&this.render()});e.observe(this,{attributes:!0}),e.observe(this.renderRoot,{attributes:!0,subtree:!0}),this.addEventListener(Io.BREAKPOINTS_COMPUTED,this.render),Sg(this,Eg,Dg).call(this,`template`)}get mediaController(){return this.renderRoot.querySelector(`media-controller`)}get template(){return yg(this,Cg)??this.constructor.template}set template(e){xg(this,Tg,null),xg(this,Cg,e),this.createRenderer()}get props(){let e=[...Array.from(this.mediaController?.attributes??[]).filter(({name:e})=>Ag[e]||e.startsWith(`breakpoint`)),...Array.from(this.attributes)],t={};for(let n of e){let e=Ag[n.name]??Qo(n.name),{value:r}=n;r==null?t[e]=!1:(es(r)&&(r=parseFloat(r)),t[e]=r===``?!0:r)}return t}attributeChangedCallback(e,t,n){e===`template`&&t!=n&&Sg(this,Og,kg).call(this)}connectedCallback(){Sg(this,Og,kg).call(this)}createRenderer(){this.template&&this.template!==yg(this,wg)&&(xg(this,wg,this.template),this.renderer=new Kh(this.template,this.props,this.constructor.processor),this.renderRoot.textContent=``,this.renderRoot.append(jg.content.cloneNode(!0),this.renderer))}render(){var e;(e=this.renderer)==null||e.update(this.props)}};Cg=new WeakMap,wg=new WeakMap,Tg=new WeakMap,Eg=new WeakSet,Dg=function(e){if(Object.prototype.hasOwnProperty.call(this,e)){let t=this[e];delete this[e],this[e]=t}},Og=new WeakSet,kg=function(){let e=this.getAttribute(`template`);if(!e||e===yg(this,Tg))return;let t=this.getRootNode(),n=(t?.getElementById)?.call(t,e);if(n){xg(this,Tg,e),xg(this,Cg,n),this.createRenderer();return}Ng(e)&&(xg(this,Tg,e),Pg(e).then(e=>{let t=vs.createElement(`template`);t.innerHTML=e,xg(this,Cg,t),this.createRenderer()}).catch(console.error))},Mg.observedAttributes=[`template`],Mg.processor=ug;function Ng(e){if(!/^(\/|\.\/|https?:\/\/)/.test(e))return!1;let t=/^https?:\/\//.test(e)?void 0:location.origin;try{new URL(e,t)}catch{return!1}return!0}async function Pg(e){let t=await fetch(e);if(t.status!==200)throw Error(`Failed to load resource: the server responded with a status of ${t.status}`);return t.text()}N.customElements.get(`media-theme`)||N.customElements.define(`media-theme`,Mg);function Fg({anchor:e,floating:t,placement:n}){let{x:r,y:i}=Rg(Ig({anchor:e,floating:t}),n);return{x:r,y:i}}function Ig({anchor:e,floating:t}){return{anchor:Lg(e,t.offsetParent),floating:{x:0,y:0,width:t.offsetWidth,height:t.offsetHeight}}}function Lg(e,t){let n=e.getBoundingClientRect(),r=t?.getBoundingClientRect()??{x:0,y:0};return{x:n.x-r.x,y:n.y-r.y,width:n.width,height:n.height}}function Rg({anchor:e,floating:t},n){let r=Bg(n)===`x`?`y`:`x`,i=r===`y`?`height`:`width`,a=zg(n),o=e.x+e.width/2-t.width/2,s=e.y+e.height/2-t.height/2,c=e[i]/2-t[i]/2,l;switch(a){case`top`:l={x:o,y:e.y-t.height};break;case`bottom`:l={x:o,y:e.y+e.height};break;case`right`:l={x:e.x+e.width,y:s};break;case`left`:l={x:e.x-t.width,y:s};break;default:l={x:e.x,y:e.y}}switch(n.split(`-`)[1]){case`start`:l[r]-=c;break;case`end`:l[r]+=c;break}return l}function zg(e){return e.split(`-`)[0]}function Bg(e){return[`top`,`bottom`].includes(zg(e))?`y`:`x`}var Vg=class extends Event{constructor({action:e=`auto`,relatedTarget:t,...n}){super(`invoke`,n),this.action=e,this.relatedTarget=t}},Hg=class extends Event{constructor({newState:e,oldState:t,...n}){super(`toggle`,n),this.newState=e,this.oldState=t}},Ug=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},q=(e,t,n)=>(Ug(e,t,`read from private field`),n?n.call(e):t.get(e)),J=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Wg=(e,t,n,r)=>(Ug(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Y=(e,t,n)=>(Ug(e,t,`access private method`),n),Gg,Kg,qg,Jg,Yg,Xg,Zg,Qg,$g,e_,t_,n_,r_,i_,a_,o_,s_,c_,l_,u_,d_,f_,p_,m_,h_,g_,__,v_,y_,b_,x_,S_,C_,w_,T_,E_,D_,O_,k_,A_,j_,M_,N_,P_;function F_({type:e,text:t,value:n,checked:r}){let i=vs.createElement(`media-chrome-menu-item`);i.type=e??``,i.part.add(`menu-item`),e&&i.part.add(e),i.value=n,i.checked=r;let a=vs.createElement(`span`);return a.textContent=t,i.append(a),i}function I_(e,t){let n=e.querySelector(`:scope > [slot="${t}"]`);if(n?.nodeName==`SLOT`&&(n=n.assignedElements({flatten:!0})[0]),n)return n=n.cloneNode(!0),n;let r=e.shadowRoot.querySelector(`[name="${t}"] > svg`);return r?r.cloneNode(!0):``}function L_(e){return`
|
|
1360
|
-
<style>
|
|
1361
|
-
:host {
|
|
1362
|
-
font: var(--media-font,
|
|
1363
|
-
var(--media-font-weight, normal)
|
|
1364
|
-
var(--media-font-size, 14px) /
|
|
1365
|
-
var(--media-text-content-height, var(--media-control-height, 24px))
|
|
1366
|
-
var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif));
|
|
1367
|
-
color: var(--media-text-color, var(--media-primary-color, rgb(238 238 238)));
|
|
1368
|
-
--_menu-bg: rgb(20 20 30 / .8);
|
|
1369
|
-
background: var(--media-menu-background, var(--media-control-background, var(--media-secondary-color, var(--_menu-bg))));
|
|
1370
|
-
border-radius: var(--media-menu-border-radius);
|
|
1371
|
-
border: var(--media-menu-border, none);
|
|
1372
|
-
display: var(--media-menu-display, inline-flex);
|
|
1373
|
-
transition: var(--media-menu-transition-in,
|
|
1374
|
-
visibility 0s,
|
|
1375
|
-
opacity .2s ease-out,
|
|
1376
|
-
transform .15s ease-out,
|
|
1377
|
-
left .2s ease-in-out,
|
|
1378
|
-
min-width .2s ease-in-out,
|
|
1379
|
-
min-height .2s ease-in-out
|
|
1380
|
-
) !important;
|
|
1381
|
-
|
|
1382
|
-
visibility: var(--media-menu-visibility, visible);
|
|
1383
|
-
opacity: var(--media-menu-opacity, 1);
|
|
1384
|
-
max-height: var(--media-menu-max-height, var(--_menu-max-height, 300px));
|
|
1385
|
-
transform: var(--media-menu-transform-in, translateY(0) scale(1));
|
|
1386
|
-
flex-direction: column;
|
|
1387
|
-
|
|
1388
|
-
min-height: 0;
|
|
1389
|
-
position: relative;
|
|
1390
|
-
bottom: var(--_menu-bottom);
|
|
1391
|
-
box-sizing: border-box;
|
|
1392
|
-
}
|
|
1393
|
-
|
|
1394
|
-
@-moz-document url-prefix() {
|
|
1395
|
-
:host{
|
|
1396
|
-
--_menu-bg: rgb(20 20 30);
|
|
1397
|
-
}
|
|
1398
|
-
}
|
|
1399
|
-
|
|
1400
|
-
:host([hidden]) {
|
|
1401
|
-
transition: var(--media-menu-transition-out,
|
|
1402
|
-
visibility .15s ease-in,
|
|
1403
|
-
opacity .15s ease-in,
|
|
1404
|
-
transform .15s ease-in
|
|
1405
|
-
) !important;
|
|
1406
|
-
visibility: var(--media-menu-hidden-visibility, hidden);
|
|
1407
|
-
opacity: var(--media-menu-hidden-opacity, 0);
|
|
1408
|
-
max-height: var(--media-menu-hidden-max-height,
|
|
1409
|
-
var(--media-menu-max-height, var(--_menu-max-height, 300px)));
|
|
1410
|
-
transform: var(--media-menu-transform-out, translateY(2px) scale(.99));
|
|
1411
|
-
pointer-events: none;
|
|
1412
|
-
}
|
|
1413
|
-
|
|
1414
|
-
:host([slot="submenu"]) {
|
|
1415
|
-
background: none;
|
|
1416
|
-
width: 100%;
|
|
1417
|
-
min-height: 100%;
|
|
1418
|
-
position: absolute;
|
|
1419
|
-
bottom: 0;
|
|
1420
|
-
right: -100%;
|
|
1421
|
-
}
|
|
1422
|
-
|
|
1423
|
-
#container {
|
|
1424
|
-
display: flex;
|
|
1425
|
-
flex-direction: column;
|
|
1426
|
-
min-height: 0;
|
|
1427
|
-
transition: transform .2s ease-out;
|
|
1428
|
-
transform: translate(0, 0);
|
|
1429
|
-
}
|
|
1430
|
-
|
|
1431
|
-
#container.has-expanded {
|
|
1432
|
-
transition: transform .2s ease-in;
|
|
1433
|
-
transform: translate(-100%, 0);
|
|
1434
|
-
}
|
|
1435
|
-
|
|
1436
|
-
button {
|
|
1437
|
-
background: none;
|
|
1438
|
-
color: inherit;
|
|
1439
|
-
border: none;
|
|
1440
|
-
padding: 0;
|
|
1441
|
-
font: inherit;
|
|
1442
|
-
outline: inherit;
|
|
1443
|
-
display: inline-flex;
|
|
1444
|
-
align-items: center;
|
|
1445
|
-
}
|
|
1446
|
-
|
|
1447
|
-
slot[name="header"][hidden] {
|
|
1448
|
-
display: none;
|
|
1449
|
-
}
|
|
1450
|
-
|
|
1451
|
-
slot[name="header"] > *,
|
|
1452
|
-
slot[name="header"]::slotted(*) {
|
|
1453
|
-
padding: .4em .7em;
|
|
1454
|
-
border-bottom: 1px solid rgb(255 255 255 / .25);
|
|
1455
|
-
cursor: var(--media-cursor, default);
|
|
1456
|
-
}
|
|
1457
|
-
|
|
1458
|
-
slot[name="header"] > button[part~="back"],
|
|
1459
|
-
slot[name="header"]::slotted(button[part~="back"]) {
|
|
1460
|
-
cursor: var(--media-cursor, pointer);
|
|
1461
|
-
}
|
|
1462
|
-
|
|
1463
|
-
svg[part~="back"] {
|
|
1464
|
-
height: var(--media-menu-icon-height, var(--media-control-height, 24px));
|
|
1465
|
-
fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
|
|
1466
|
-
display: block;
|
|
1467
|
-
margin-right: .5ch;
|
|
1468
|
-
}
|
|
1469
|
-
|
|
1470
|
-
slot:not([name]) {
|
|
1471
|
-
gap: var(--media-menu-gap);
|
|
1472
|
-
flex-direction: var(--media-menu-flex-direction, column);
|
|
1473
|
-
overflow: var(--media-menu-overflow, hidden auto);
|
|
1474
|
-
display: flex;
|
|
1475
|
-
min-height: 0;
|
|
1476
|
-
}
|
|
1477
|
-
|
|
1478
|
-
:host([role="menu"]) slot:not([name]) {
|
|
1479
|
-
padding-block: .4em;
|
|
1480
|
-
}
|
|
1481
|
-
|
|
1482
|
-
slot:not([name])::slotted([role="menu"]) {
|
|
1483
|
-
background: none;
|
|
1484
|
-
}
|
|
1485
|
-
|
|
1486
|
-
media-chrome-menu-item > span {
|
|
1487
|
-
margin-right: .5ch;
|
|
1488
|
-
max-width: var(--media-menu-item-max-width);
|
|
1489
|
-
text-overflow: ellipsis;
|
|
1490
|
-
overflow: hidden;
|
|
1491
|
-
}
|
|
1492
|
-
</style>
|
|
1493
|
-
<style id="layout-row" media="width:0">
|
|
1494
|
-
|
|
1495
|
-
slot[name="header"] > *,
|
|
1496
|
-
slot[name="header"]::slotted(*) {
|
|
1497
|
-
padding: .4em .5em;
|
|
1498
|
-
}
|
|
1499
|
-
|
|
1500
|
-
slot:not([name]) {
|
|
1501
|
-
gap: var(--media-menu-gap, .25em);
|
|
1502
|
-
flex-direction: var(--media-menu-flex-direction, row);
|
|
1503
|
-
padding-inline: .5em;
|
|
1504
|
-
}
|
|
1505
|
-
|
|
1506
|
-
media-chrome-menu-item {
|
|
1507
|
-
padding: .3em .5em;
|
|
1508
|
-
}
|
|
1509
|
-
|
|
1510
|
-
media-chrome-menu-item[aria-checked="true"] {
|
|
1511
|
-
background: var(--media-menu-item-checked-background, rgb(255 255 255 / .2));
|
|
1512
|
-
}
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
media-chrome-menu-item::part(checked-indicator) {
|
|
1516
|
-
display: var(--media-menu-item-checked-indicator-display, none);
|
|
1517
|
-
}
|
|
1518
|
-
</style>
|
|
1519
|
-
<div id="container">
|
|
1520
|
-
<slot name="header" hidden>
|
|
1521
|
-
<button part="back button" aria-label="Back to previous menu">
|
|
1522
|
-
<slot name="back-icon">
|
|
1523
|
-
<svg aria-hidden="true" viewBox="0 0 20 24" part="back indicator">
|
|
1524
|
-
<path d="m11.88 17.585.742-.669-4.2-4.665 4.2-4.666-.743-.669-4.803 5.335 4.803 5.334Z"/>
|
|
1525
|
-
</svg>
|
|
1526
|
-
</slot>
|
|
1527
|
-
<slot name="title"></slot>
|
|
1528
|
-
</button>
|
|
1529
|
-
</slot>
|
|
1530
|
-
<slot></slot>
|
|
1531
|
-
</div>
|
|
1532
|
-
<slot name="checked-indicator" hidden></slot>
|
|
1533
|
-
`}var R_={STYLE:`style`,HIDDEN:`hidden`,DISABLED:`disabled`,ANCHOR:`anchor`},z_=class extends N.HTMLElement{constructor(){if(super(),J(this,Qg),J(this,t_),J(this,r_),J(this,a_),J(this,s_),J(this,d_),J(this,p_),J(this,h_),J(this,__),J(this,y_),J(this,x_),J(this,C_),J(this,T_),J(this,D_),J(this,k_),J(this,j_),J(this,N_),J(this,Gg,null),J(this,Kg,null),J(this,qg,null),J(this,Jg,new Set),J(this,Yg,void 0),J(this,Xg,!1),J(this,Zg,null),J(this,e_,()=>{let e=q(this,Jg),t=new Set(this.items);for(let n of e)t.has(n)||this.dispatchEvent(new CustomEvent(`removemenuitem`,{detail:n}));for(let n of t)e.has(n)||this.dispatchEvent(new CustomEvent(`addmenuitem`,{detail:n}));Wg(this,Jg,t)}),J(this,l_,()=>{Y(this,d_,f_).call(this),Y(this,p_,m_).call(this,!1)}),J(this,u_,()=>{Y(this,d_,f_).call(this)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.container=this.shadowRoot.querySelector(`#container`),this.defaultSlot=this.shadowRoot.querySelector(`slot:not([name])`),this.shadowRoot.addEventListener(`slotchange`,this),Wg(this,Yg,new MutationObserver(q(this,e_))),q(this,Yg).observe(this.defaultSlot,{childList:!0})}static get observedAttributes(){return[R_.DISABLED,R_.HIDDEN,R_.STYLE,R_.ANCHOR,A.MEDIA_CONTROLLER]}static formatMenuItemText(e,t){return e}enable(){this.addEventListener(`click`,this),this.addEventListener(`focusout`,this),this.addEventListener(`keydown`,this),this.addEventListener(`invoke`,this),this.addEventListener(`toggle`,this)}disable(){this.removeEventListener(`click`,this),this.removeEventListener(`focusout`,this),this.removeEventListener(`keyup`,this),this.removeEventListener(`invoke`,this),this.removeEventListener(`toggle`,this)}handleEvent(e){switch(e.type){case`slotchange`:Y(this,Qg,$g).call(this,e);break;case`invoke`:Y(this,r_,i_).call(this,e);break;case`click`:Y(this,h_,g_).call(this,e);break;case`toggle`:Y(this,y_,b_).call(this,e);break;case`focusout`:Y(this,C_,w_).call(this,e);break;case`keydown`:Y(this,T_,E_).call(this,e);break}}connectedCallback(){var e,t;Wg(this,Zg,Ls(this.shadowRoot,`:host`)),Y(this,t_,n_).call(this),this.hasAttribute(`disabled`)||this.enable(),this.role||=`menu`,Wg(this,Gg,Es(this)),(t=(e=q(this,Gg))?.associateElement)==null||t.call(e,this),this.hidden||(Ss(V_(this),q(this,l_)),Ss(this,q(this,u_)))}disconnectedCallback(){var e,t;Cs(V_(this),q(this,l_)),Cs(this,q(this,u_)),this.disable(),(t=(e=q(this,Gg))?.unassociateElement)==null||t.call(e,this),Wg(this,Gg,null)}attributeChangedCallback(e,t,n){var r,i,a,o;e===R_.HIDDEN&&n!==t?(q(this,Xg)||Wg(this,Xg,!0),this.hidden?Y(this,s_,c_).call(this):Y(this,a_,o_).call(this),this.dispatchEvent(new Hg({oldState:this.hidden?`open`:`closed`,newState:this.hidden?`closed`:`open`,bubbles:!0}))):e===A.MEDIA_CONTROLLER?(t&&((i=(r=q(this,Gg))?.unassociateElement)==null||i.call(r,this),Wg(this,Gg,null)),n&&this.isConnected&&(Wg(this,Gg,Es(this)),(o=(a=q(this,Gg))?.associateElement)==null||o.call(a,this))):e===R_.DISABLED&&n!==t?n==null?this.enable():this.disable():e===R_.STYLE&&n!==t&&Y(this,t_,n_).call(this)}formatMenuItemText(e,t){return this.constructor.formatMenuItemText(e,t)}get anchor(){return this.getAttribute(`anchor`)}set anchor(e){this.setAttribute(`anchor`,`${e}`)}get anchorElement(){return this.anchor?Ns(this)?.querySelector(`#${this.anchor}`):null}get items(){return this.defaultSlot.assignedElements({flatten:!0}).filter(B_)}get radioGroupItems(){return this.items.filter(e=>e.role===`menuitemradio`)}get checkedItems(){return this.items.filter(e=>e.checked)}get value(){return this.checkedItems[0]?.value??``}set value(e){let t=this.items.find(t=>t.value===e);t&&Y(this,N_,P_).call(this,t)}focus(){if(Wg(this,Kg,Ms()),this.items.length){Y(this,j_,M_).call(this,this.items[0]),this.items[0].focus();return}this.querySelector(`[autofocus], [tabindex]:not([tabindex="-1"]), [role="menu"]`)?.focus()}handleSelect(e){var t;let n=Y(this,D_,O_).call(this,e);n&&(Y(this,N_,P_).call(this,n,n.type===`checkbox`),q(this,qg)&&!this.hidden&&((t=q(this,Kg))==null||t.focus(),this.hidden=!0))}get keysUsed(){return[`Enter`,`Escape`,`Tab`,` `,`ArrowDown`,`ArrowUp`,`Home`,`End`]}handleMove(e){let{key:t}=e,n=this.items,r=Y(this,D_,O_).call(this,e)??Y(this,k_,A_).call(this)??n[0],i=n.indexOf(r),a=Math.max(0,i);t===`ArrowDown`?a++:t===`ArrowUp`?a--:e.key===`Home`?a=0:e.key===`End`&&(a=n.length-1),a<0&&(a=n.length-1),a>n.length-1&&(a=0),Y(this,j_,M_).call(this,n[a]),n[a].focus()}};Gg=new WeakMap,Kg=new WeakMap,qg=new WeakMap,Jg=new WeakMap,Yg=new WeakMap,Xg=new WeakMap,Zg=new WeakMap,Qg=new WeakSet,$g=function(e){let t=e.target;for(let e of t.assignedNodes({flatten:!0}))e.nodeType===3&&e.textContent.trim()===``&&e.remove();if([`header`,`title`].includes(t.name)){let e=this.shadowRoot.querySelector(`slot[name="header"]`);e.hidden=t.assignedNodes().length===0}t.name||q(this,e_).call(this)},e_=new WeakMap,t_=new WeakSet,n_=function(){let e=this.shadowRoot.querySelector(`#layout-row`),t=getComputedStyle(this).getPropertyValue(`--media-menu-layout`)?.trim();e.setAttribute(`media`,t===`row`?``:`width:0`)},r_=new WeakSet,i_=function(e){Wg(this,qg,e.relatedTarget),As(this,e.relatedTarget)||(this.hidden=!this.hidden)},a_=new WeakSet,o_=function(){var e;(e=q(this,qg))==null||e.setAttribute(`aria-expanded`,`true`),this.addEventListener(`transitionend`,()=>this.focus(),{once:!0}),Ss(V_(this),q(this,l_)),Ss(this,q(this,u_))},s_=new WeakSet,c_=function(){var e;(e=q(this,qg))==null||e.setAttribute(`aria-expanded`,`false`),Cs(V_(this),q(this,l_)),Cs(this,q(this,u_))},l_=new WeakMap,u_=new WeakMap,d_=new WeakSet,f_=function(e){if(this.hasAttribute(`mediacontroller`)&&!this.anchor||this.hidden||!this.anchorElement)return;let{x:t,y:n}=Fg({anchor:this.anchorElement,floating:this,placement:`top-start`});e??=this.offsetWidth;let r=V_(this).getBoundingClientRect(),i=r.width-t-e,a=r.height-n-this.offsetHeight,{style:o}=q(this,Zg);o.setProperty(`position`,`absolute`),o.setProperty(`right`,`${Math.max(0,i)}px`),o.setProperty(`--_menu-bottom`,`${a}px`);let s=getComputedStyle(this),c=o.getPropertyValue(`--_menu-bottom`)===s.bottom?a:parseFloat(s.bottom),l=r.height-c-parseFloat(s.marginBottom);this.style.setProperty(`--_menu-max-height`,`${l}px`)},p_=new WeakSet,m_=function(e){let t=this.querySelector(`[role="menuitem"][aria-haspopup][aria-expanded="true"]`),n=t?.querySelector(`[role="menu"]`),{style:r}=q(this,Zg);if(e||r.setProperty(`--media-menu-transition-in`,`none`),n){let e=n.offsetHeight,r=Math.max(n.offsetWidth,t.offsetWidth);this.style.setProperty(`min-width`,`${r}px`),this.style.setProperty(`min-height`,`${e}px`),Y(this,d_,f_).call(this,r)}else this.style.removeProperty(`min-width`),this.style.removeProperty(`min-height`),Y(this,d_,f_).call(this);r.removeProperty(`--media-menu-transition-in`)},h_=new WeakSet,g_=function(e){var t;if(e.stopPropagation(),e.composedPath().includes(q(this,__,v_))){(t=q(this,Kg))==null||t.focus(),this.hidden=!0;return}let n=Y(this,D_,O_).call(this,e);!n||n.hasAttribute(`disabled`)||(Y(this,j_,M_).call(this,n),this.handleSelect(e))},__=new WeakSet,v_=function(){return this.shadowRoot.querySelector(`slot[name="header"]`).assignedElements({flatten:!0})?.find(e=>e.matches(`button[part~="back"]`))},y_=new WeakSet,b_=function(e){if(e.target===this)return;Y(this,x_,S_).call(this);let t=Array.from(this.querySelectorAll(`[role="menuitem"][aria-haspopup]`));for(let n of t)n.invokeTargetElement!=e.target&&e.newState==`open`&&n.getAttribute(`aria-expanded`)==`true`&&!n.invokeTargetElement.hidden&&n.invokeTargetElement.dispatchEvent(new Vg({relatedTarget:n}));for(let e of t)e.setAttribute(`aria-expanded`,`${!e.submenuElement.hidden}`);Y(this,p_,m_).call(this,!0)},x_=new WeakSet,S_=function(){let e=this.querySelector(`[role="menuitem"] > [role="menu"]:not([hidden])`);this.container.classList.toggle(`has-expanded`,!!e)},C_=new WeakSet,w_=function(e){var t;As(this,e.relatedTarget)||(q(this,Xg)&&((t=q(this,Kg))==null||t.focus()),q(this,qg)&&q(this,qg)!==e.relatedTarget&&!this.hidden&&(this.hidden=!0))},T_=new WeakSet,E_=function(e){var t,n,r,i,a;let{key:o,ctrlKey:s,altKey:c,metaKey:l}=e;if(!(s||c||l)&&this.keysUsed.includes(o))if(e.preventDefault(),e.stopPropagation(),o===`Tab`){if(q(this,Xg)){this.hidden=!0;return}e.shiftKey?(n=(t=this.previousElementSibling)?.focus)==null||n.call(t):(i=(r=this.nextElementSibling)?.focus)==null||i.call(r),this.blur()}else o===`Escape`?((a=q(this,Kg))==null||a.focus(),q(this,Xg)&&(this.hidden=!0)):o===`Enter`||o===` `?this.handleSelect(e):this.handleMove(e)},D_=new WeakSet,O_=function(e){return e.composedPath().find(e=>[`menuitemradio`,`menuitemcheckbox`].includes(e.role))},k_=new WeakSet,A_=function(){return this.items.find(e=>e.tabIndex===0)},j_=new WeakSet,M_=function(e){for(let t of this.items)t.tabIndex=t===e?0:-1},N_=new WeakSet,P_=function(e,t){let n=[...this.checkedItems];e.type===`radio`&&this.radioGroupItems.forEach(e=>e.checked=!1),t?e.checked=!e.checked:e.checked=!0,this.checkedItems.some((e,t)=>e!=n[t])&&this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))},z_.shadowRootOptions={mode:`open`},z_.getTemplateHTML=L_;function B_(e){return[`menuitem`,`menuitemradio`,`menuitemcheckbox`].includes(e?.role)}function V_(e){return(e.getAttribute(`bounds`)?js(e,`#${e.getAttribute(`bounds`)}`):Ts(e)||e.parentElement)??e}N.customElements.get(`media-chrome-menu`)||N.customElements.define(`media-chrome-menu`,z_);var H_=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},U_=(e,t,n)=>(H_(e,t,`read from private field`),n?n.call(e):t.get(e)),W_=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},G_=(e,t,n,r)=>(H_(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),K_=(e,t,n)=>(H_(e,t,`access private method`),n),q_,J_,Y_,X_,Z_,Q_,$_,ev,tv,nv,rv,iv,av,ov,sv;function cv(e){return`
|
|
1534
|
-
<style>
|
|
1535
|
-
:host {
|
|
1536
|
-
transition: var(--media-menu-item-transition,
|
|
1537
|
-
background .15s linear,
|
|
1538
|
-
opacity .2s ease-in-out
|
|
1539
|
-
);
|
|
1540
|
-
outline: var(--media-menu-item-outline, 0);
|
|
1541
|
-
outline-offset: var(--media-menu-item-outline-offset, -1px);
|
|
1542
|
-
cursor: var(--media-cursor, pointer);
|
|
1543
|
-
display: flex;
|
|
1544
|
-
align-items: center;
|
|
1545
|
-
align-self: stretch;
|
|
1546
|
-
justify-self: stretch;
|
|
1547
|
-
white-space: nowrap;
|
|
1548
|
-
white-space-collapse: collapse;
|
|
1549
|
-
text-wrap: nowrap;
|
|
1550
|
-
padding: .4em .8em .4em 1em;
|
|
1551
|
-
}
|
|
1552
|
-
|
|
1553
|
-
:host(:focus-visible) {
|
|
1554
|
-
box-shadow: var(--media-menu-item-focus-shadow, inset 0 0 0 2px rgb(27 127 204 / .9));
|
|
1555
|
-
outline: var(--media-menu-item-hover-outline, 0);
|
|
1556
|
-
outline-offset: var(--media-menu-item-hover-outline-offset, var(--media-menu-item-outline-offset, -1px));
|
|
1557
|
-
}
|
|
1558
|
-
|
|
1559
|
-
:host(:hover) {
|
|
1560
|
-
cursor: var(--media-cursor, pointer);
|
|
1561
|
-
background: var(--media-menu-item-hover-background, rgb(92 92 102 / .5));
|
|
1562
|
-
outline: var(--media-menu-item-hover-outline);
|
|
1563
|
-
outline-offset: var(--media-menu-item-hover-outline-offset, var(--media-menu-item-outline-offset, -1px));
|
|
1564
|
-
}
|
|
1565
|
-
|
|
1566
|
-
:host([aria-checked="true"]) {
|
|
1567
|
-
background: var(--media-menu-item-checked-background);
|
|
1568
|
-
}
|
|
1569
|
-
|
|
1570
|
-
:host([hidden]) {
|
|
1571
|
-
display: none;
|
|
1572
|
-
}
|
|
1573
|
-
|
|
1574
|
-
:host([disabled]) {
|
|
1575
|
-
pointer-events: none;
|
|
1576
|
-
color: rgba(255, 255, 255, .3);
|
|
1577
|
-
}
|
|
1578
|
-
|
|
1579
|
-
slot:not([name]) {
|
|
1580
|
-
width: 100%;
|
|
1581
|
-
}
|
|
1582
|
-
|
|
1583
|
-
slot:not([name="submenu"]) {
|
|
1584
|
-
display: inline-flex;
|
|
1585
|
-
align-items: center;
|
|
1586
|
-
transition: inherit;
|
|
1587
|
-
opacity: var(--media-menu-item-opacity, 1);
|
|
1588
|
-
}
|
|
1589
|
-
|
|
1590
|
-
slot[name="description"] {
|
|
1591
|
-
justify-content: end;
|
|
1592
|
-
}
|
|
1593
|
-
|
|
1594
|
-
slot[name="description"] > span {
|
|
1595
|
-
display: inline-block;
|
|
1596
|
-
margin-inline: 1em .2em;
|
|
1597
|
-
max-width: var(--media-menu-item-description-max-width, 100px);
|
|
1598
|
-
text-overflow: ellipsis;
|
|
1599
|
-
overflow: hidden;
|
|
1600
|
-
font-size: .8em;
|
|
1601
|
-
font-weight: 400;
|
|
1602
|
-
text-align: right;
|
|
1603
|
-
position: relative;
|
|
1604
|
-
top: .04em;
|
|
1605
|
-
}
|
|
1606
|
-
|
|
1607
|
-
slot[name="checked-indicator"] {
|
|
1608
|
-
display: none;
|
|
1609
|
-
}
|
|
1610
|
-
|
|
1611
|
-
:host(:is([role="menuitemradio"],[role="menuitemcheckbox"])) slot[name="checked-indicator"] {
|
|
1612
|
-
display: var(--media-menu-item-checked-indicator-display, inline-block);
|
|
1613
|
-
}
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
svg, img, ::slotted(svg), ::slotted(img) {
|
|
1617
|
-
height: var(--media-menu-item-icon-height, var(--media-control-height, 24px));
|
|
1618
|
-
fill: var(--media-icon-color, var(--media-primary-color, rgb(238 238 238)));
|
|
1619
|
-
display: block;
|
|
1620
|
-
}
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
[part~="indicator"],
|
|
1624
|
-
::slotted([part~="indicator"]) {
|
|
1625
|
-
fill: var(--media-menu-item-indicator-fill,
|
|
1626
|
-
var(--media-icon-color, var(--media-primary-color, rgb(238 238 238))));
|
|
1627
|
-
height: var(--media-menu-item-indicator-height, 1.25em);
|
|
1628
|
-
margin-right: .5ch;
|
|
1629
|
-
}
|
|
1630
|
-
|
|
1631
|
-
[part~="checked-indicator"] {
|
|
1632
|
-
visibility: hidden;
|
|
1633
|
-
}
|
|
1634
|
-
|
|
1635
|
-
:host([aria-checked="true"]) [part~="checked-indicator"] {
|
|
1636
|
-
visibility: visible;
|
|
1637
|
-
}
|
|
1638
|
-
</style>
|
|
1639
|
-
<slot name="checked-indicator">
|
|
1640
|
-
<svg aria-hidden="true" viewBox="0 1 24 24" part="checked-indicator indicator">
|
|
1641
|
-
<path d="m10 15.17 9.193-9.191 1.414 1.414-10.606 10.606-6.364-6.364 1.414-1.414 4.95 4.95Z"/>
|
|
1642
|
-
</svg>
|
|
1643
|
-
</slot>
|
|
1644
|
-
<slot name="prefix"></slot>
|
|
1645
|
-
<slot></slot>
|
|
1646
|
-
<slot name="description"></slot>
|
|
1647
|
-
<slot name="suffix">
|
|
1648
|
-
${this.getSuffixSlotInnerHTML(e)}
|
|
1649
|
-
</slot>
|
|
1650
|
-
<slot name="submenu"></slot>
|
|
1651
|
-
`}function lv(e){return``}var uv={TYPE:`type`,VALUE:`value`,CHECKED:`checked`,DISABLED:`disabled`},dv=class extends N.HTMLElement{constructor(){if(super(),W_(this,Y_),W_(this,Z_),W_(this,$_),W_(this,nv),W_(this,iv),W_(this,ov),W_(this,q_,!1),W_(this,J_,void 0),W_(this,tv,()=>{this.setAttribute(`submenusize`,`${this.submenuElement.items.length}`);let e=this.shadowRoot.querySelector(`slot[name="description"]`),t=this.submenuElement.checkedItems?.[0],n=t?.dataset.description??t?.text,r=vs.createElement(`span`);r.textContent=n??``,e.replaceChildren(r)}),!this.shadowRoot){this.attachShadow(this.constructor.shadowRootOptions);let e=ws(this.attributes);this.shadowRoot.innerHTML=this.constructor.getTemplateHTML(e)}this.shadowRoot.addEventListener(`slotchange`,this)}static get observedAttributes(){return[uv.TYPE,uv.DISABLED,uv.CHECKED,uv.VALUE]}enable(){this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`-1`),fv(this)&&!this.hasAttribute(`aria-checked`)&&this.setAttribute(`aria-checked`,`false`),this.addEventListener(`click`,this),this.addEventListener(`keydown`,this)}disable(){this.removeAttribute(`tabindex`),this.removeEventListener(`click`,this),this.removeEventListener(`keydown`,this),this.removeEventListener(`keyup`,this)}handleEvent(e){switch(e.type){case`slotchange`:K_(this,Y_,X_).call(this,e);break;case`click`:this.handleClick(e);break;case`keydown`:K_(this,iv,av).call(this,e);break;case`keyup`:K_(this,nv,rv).call(this,e);break}}attributeChangedCallback(e,t,n){e===uv.CHECKED&&fv(this)&&!U_(this,q_)?this.setAttribute(`aria-checked`,n==null?`false`:`true`):e===uv.TYPE&&n!==t?this.role=`menuitem`+n:e===uv.DISABLED&&n!==t&&(n==null?this.enable():this.disable())}connectedCallback(){this.hasAttribute(uv.DISABLED)||this.enable(),this.role=`menuitem`+this.type,G_(this,J_,pv(this,this.parentNode)),K_(this,ov,sv).call(this)}disconnectedCallback(){this.disable(),K_(this,ov,sv).call(this),G_(this,J_,null)}get invokeTarget(){return this.getAttribute(`invoketarget`)}set invokeTarget(e){this.setAttribute(`invoketarget`,`${e}`)}get invokeTargetElement(){return this.invokeTarget?Ns(this)?.querySelector(`#${this.invokeTarget}`):this.submenuElement}get submenuElement(){return this.shadowRoot.querySelector(`slot[name="submenu"]`).assignedElements({flatten:!0})[0]}get type(){return this.getAttribute(uv.TYPE)??``}set type(e){this.setAttribute(uv.TYPE,`${e}`)}get value(){return this.getAttribute(uv.VALUE)??this.text}set value(e){this.setAttribute(uv.VALUE,e)}get text(){return(this.textContent??``).trim()}get checked(){if(fv(this))return this.getAttribute(`aria-checked`)===`true`}set checked(e){fv(this)&&(G_(this,q_,!0),this.setAttribute(`aria-checked`,e?`true`:`false`),e?this.part.add(`checked`):this.part.remove(`checked`))}handleClick(e){fv(this)||this.invokeTargetElement&&As(this,e.target)&&this.invokeTargetElement.dispatchEvent(new Vg({relatedTarget:this}))}get keysUsed(){return[`Enter`,` `]}};q_=new WeakMap,J_=new WeakMap,Y_=new WeakSet,X_=function(e){let t=e.target;if(!t?.name)for(let e of t.assignedNodes({flatten:!0}))e instanceof Text&&e.textContent.trim()===``&&e.remove();t.name===`submenu`&&(this.submenuElement?K_(this,Z_,Q_).call(this):K_(this,$_,ev).call(this))},Z_=new WeakSet,Q_=async function(){this.setAttribute(`aria-haspopup`,`menu`),this.setAttribute(`aria-expanded`,`${!this.submenuElement.hidden}`),this.submenuElement.addEventListener(`change`,U_(this,tv)),this.submenuElement.addEventListener(`addmenuitem`,U_(this,tv)),this.submenuElement.addEventListener(`removemenuitem`,U_(this,tv)),U_(this,tv).call(this)},$_=new WeakSet,ev=function(){this.removeAttribute(`aria-haspopup`),this.removeAttribute(`aria-expanded`),this.submenuElement.removeEventListener(`change`,U_(this,tv)),this.submenuElement.removeEventListener(`addmenuitem`,U_(this,tv)),this.submenuElement.removeEventListener(`removemenuitem`,U_(this,tv)),U_(this,tv).call(this)},tv=new WeakMap,nv=new WeakSet,rv=function(e){let{key:t}=e;if(!this.keysUsed.includes(t)){this.removeEventListener(`keyup`,K_(this,nv,rv));return}this.handleClick(e)},iv=new WeakSet,av=function(e){let{metaKey:t,altKey:n,key:r}=e;if(t||n||!this.keysUsed.includes(r)){this.removeEventListener(`keyup`,K_(this,nv,rv));return}this.addEventListener(`keyup`,K_(this,nv,rv),{once:!0})},ov=new WeakSet,sv=function(){let e=U_(this,J_)?.radioGroupItems;if(!e)return;let t=e.filter(e=>e.getAttribute(`aria-checked`)===`true`).pop();t||=e[0];for(let t of e)t.setAttribute(`aria-checked`,`false`);t?.setAttribute(`aria-checked`,`true`)},dv.shadowRootOptions={mode:`open`},dv.getTemplateHTML=cv,dv.getSuffixSlotInnerHTML=lv;function fv(e){return e.type===`radio`||e.type===`checkbox`}function pv(e,t){if(!e)return null;let{host:n}=e.getRootNode();return!t&&n?pv(e,n):t?.items?t:pv(t,t?.parentNode)}N.customElements.get(`media-chrome-menu-item`)||N.customElements.define(`media-chrome-menu-item`,dv);function mv(e){return`
|
|
1652
|
-
${z_.getTemplateHTML(e)}
|
|
1653
|
-
<style>
|
|
1654
|
-
:host {
|
|
1655
|
-
--_menu-bg: rgb(20 20 30 / .8);
|
|
1656
|
-
background: var(--media-settings-menu-background,
|
|
1657
|
-
var(--media-menu-background,
|
|
1658
|
-
var(--media-control-background,
|
|
1659
|
-
var(--media-secondary-color, var(--_menu-bg)))));
|
|
1660
|
-
min-width: var(--media-settings-menu-min-width, 170px);
|
|
1661
|
-
border-radius: 2px 2px 0 0;
|
|
1662
|
-
overflow: hidden;
|
|
1663
|
-
}
|
|
1664
|
-
|
|
1665
|
-
@-moz-document url-prefix() {
|
|
1666
|
-
:host{
|
|
1667
|
-
--_menu-bg: rgb(20 20 30);
|
|
1668
|
-
}
|
|
1669
|
-
}
|
|
1670
|
-
|
|
1671
|
-
:host([role="menu"]) {
|
|
1672
|
-
|
|
1673
|
-
justify-content: end;
|
|
1674
|
-
}
|
|
1675
|
-
|
|
1676
|
-
slot:not([name]) {
|
|
1677
|
-
justify-content: var(--media-settings-menu-justify-content);
|
|
1678
|
-
flex-direction: var(--media-settings-menu-flex-direction, column);
|
|
1679
|
-
overflow: visible;
|
|
1680
|
-
}
|
|
1681
|
-
|
|
1682
|
-
#container.has-expanded {
|
|
1683
|
-
--media-settings-menu-item-opacity: 0;
|
|
1684
|
-
}
|
|
1685
|
-
</style>
|
|
1686
|
-
`}var hv=class extends z_{get anchorElement(){return this.anchor===`auto`?Ts(this).querySelector(`media-settings-menu-button`):super.anchorElement}};hv.getTemplateHTML=mv,N.customElements.get(`media-settings-menu`)||N.customElements.define(`media-settings-menu`,hv);function gv(e){return`
|
|
1687
|
-
${dv.getTemplateHTML.call(this,e)}
|
|
1688
|
-
<style>
|
|
1689
|
-
slot:not([name="submenu"]) {
|
|
1690
|
-
opacity: var(--media-settings-menu-item-opacity, var(--media-menu-item-opacity));
|
|
1691
|
-
}
|
|
1692
|
-
|
|
1693
|
-
:host([aria-expanded="true"]:hover) {
|
|
1694
|
-
background: transparent;
|
|
1695
|
-
}
|
|
1696
|
-
</style>
|
|
1697
|
-
`}function _v(e){return`
|
|
1698
|
-
<svg aria-hidden="true" viewBox="0 0 20 24">
|
|
1699
|
-
<path d="m8.12 17.585-.742-.669 4.2-4.665-4.2-4.666.743-.669 4.803 5.335-4.803 5.334Z"/>
|
|
1700
|
-
</svg>
|
|
1701
|
-
`}var vv=class extends dv{};vv.shadowRootOptions={mode:`open`},vv.getTemplateHTML=gv,vv.getSuffixSlotInnerHTML=_v,N.customElements.get(`media-settings-menu-item`)||N.customElements.define(`media-settings-menu-item`,vv);var yv=class extends wu{connectedCallback(){super.connectedCallback(),this.invokeTargetElement&&this.setAttribute(`aria-haspopup`,`menu`)}get invokeTarget(){return this.getAttribute(`invoketarget`)}set invokeTarget(e){this.setAttribute(`invoketarget`,`${e}`)}get invokeTargetElement(){return this.invokeTarget?Ns(this)?.querySelector(`#${this.invokeTarget}`):null}handleClick(){var e;(e=this.invokeTargetElement)==null||e.dispatchEvent(new Vg({relatedTarget:this}))}};N.customElements.get(`media-chrome-menu-button`)||N.customElements.define(`media-chrome-menu-button`,yv);function bv(){return`
|
|
1702
|
-
<style>
|
|
1703
|
-
:host([aria-expanded="true"]) slot[name=tooltip] {
|
|
1704
|
-
display: none;
|
|
1705
|
-
}
|
|
1706
|
-
</style>
|
|
1707
|
-
<slot name="icon">
|
|
1708
|
-
<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1709
|
-
<path d="M4.5 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm7.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
|
|
1710
|
-
</svg>
|
|
1711
|
-
</slot>
|
|
1712
|
-
`}function xv(){return M(`Settings`)}var Sv=class extends yv{static get observedAttributes(){return[...super.observedAttributes,`target`]}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-label`,M(`settings`))}get invokeTargetElement(){return this.invokeTarget==null?Ts(this).querySelector(`media-settings-menu`):super.invokeTargetElement}};Sv.getSlotTemplateHTML=bv,Sv.getTooltipContentHTML=xv,N.customElements.get(`media-settings-menu-button`)||N.customElements.define(`media-settings-menu-button`,Sv);var Cv=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},wv=(e,t,n)=>(Cv(e,t,`read from private field`),n?n.call(e):t.get(e)),Tv=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Ev=(e,t,n,r)=>(Cv(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Dv=(e,t,n)=>(Cv(e,t,`access private method`),n),Ov,kv,Av,jv,Mv,Nv,Pv=class extends z_{constructor(){super(...arguments),Tv(this,Av),Tv(this,Mv),Tv(this,Ov,[]),Tv(this,kv,void 0)}static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_AUDIO_TRACK_LIST,j.MEDIA_AUDIO_TRACK_ENABLED,j.MEDIA_AUDIO_TRACK_UNAVAILABLE]}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_AUDIO_TRACK_ENABLED&&t!==n?this.value=n:e===j.MEDIA_AUDIO_TRACK_LIST&&t!==n&&(Ev(this,Ov,Yo(n??``)),Dv(this,Av,jv).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener(`change`,Dv(this,Mv,Nv))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`change`,Dv(this,Mv,Nv))}get anchorElement(){return this.anchor===`auto`?Ts(this)?.querySelector(`media-audio-track-menu-button`):super.anchorElement}get mediaAudioTrackList(){return wv(this,Ov)}set mediaAudioTrackList(e){Ev(this,Ov,e),Dv(this,Av,jv).call(this)}get mediaAudioTrackEnabled(){return z(this,j.MEDIA_AUDIO_TRACK_ENABLED)??``}set mediaAudioTrackEnabled(e){B(this,j.MEDIA_AUDIO_TRACK_ENABLED,e)}};Ov=new WeakMap,kv=new WeakMap,Av=new WeakSet,jv=function(){if(wv(this,kv)===JSON.stringify(this.mediaAudioTrackList))return;Ev(this,kv,JSON.stringify(this.mediaAudioTrackList));let e=this.mediaAudioTrackList;this.defaultSlot.textContent=``;for(let t of e){let e=F_({type:`radio`,text:this.formatMenuItemText(t.label,t),value:`${t.id}`,checked:t.enabled});e.prepend(I_(this,`checked-indicator`)),this.defaultSlot.append(e)}},Mv=new WeakSet,Nv=function(){if(this.value==null)return;let e=new N.CustomEvent(k.MEDIA_AUDIO_TRACK_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(e)},N.customElements.get(`media-audio-track-menu`)||N.customElements.define(`media-audio-track-menu`,Pv);var Fv=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1713
|
-
<path d="M11 17H9.5V7H11v10Zm-3-3H6.5v-4H8v4Zm6-5h-1.5v6H14V9Zm3 7h-1.5V8H17v8Z"/>
|
|
1714
|
-
<path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"/>
|
|
1715
|
-
</svg>`;function Iv(){return`
|
|
1716
|
-
<style>
|
|
1717
|
-
:host([aria-expanded="true"]) slot[name=tooltip] {
|
|
1718
|
-
display: none;
|
|
1719
|
-
}
|
|
1720
|
-
</style>
|
|
1721
|
-
<slot name="icon">${Fv}</slot>
|
|
1722
|
-
`}function Lv(){return M(`Audio`)}var Rv=class extends yv{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_AUDIO_TRACK_ENABLED,j.MEDIA_AUDIO_TRACK_UNAVAILABLE]}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-label`,M(`Audio`))}get invokeTargetElement(){return this.invokeTarget==null?Ts(this)?.querySelector(`media-audio-track-menu`):super.invokeTargetElement}get mediaAudioTrackEnabled(){return z(this,j.MEDIA_AUDIO_TRACK_ENABLED)??``}set mediaAudioTrackEnabled(e){B(this,j.MEDIA_AUDIO_TRACK_ENABLED,e)}};Rv.getSlotTemplateHTML=Iv,Rv.getTooltipContentHTML=Lv,N.customElements.get(`media-audio-track-menu-button`)||N.customElements.define(`media-audio-track-menu-button`,Rv);var zv=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Bv=(e,t,n)=>(zv(e,t,`read from private field`),n?n.call(e):t.get(e)),Vv=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Hv=(e,t,n,r)=>(zv(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Uv=(e,t,n)=>(zv(e,t,`access private method`),n),Wv,Gv,Kv,qv,Jv,Yv=`
|
|
1723
|
-
<svg aria-hidden="true" viewBox="0 0 26 24" part="captions-indicator indicator">
|
|
1724
|
-
<path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>
|
|
1725
|
-
</svg>`;function Xv(e){return`
|
|
1726
|
-
${z_.getTemplateHTML(e)}
|
|
1727
|
-
<slot name="captions-indicator" hidden>${Yv}</slot>
|
|
1728
|
-
`}var Zv=class extends z_{constructor(){super(...arguments),Vv(this,Gv),Vv(this,qv),Vv(this,Wv,void 0)}static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_SUBTITLES_LIST,j.MEDIA_SUBTITLES_SHOWING]}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_SUBTITLES_LIST&&t!==n?Uv(this,Gv,Kv).call(this):e===j.MEDIA_SUBTITLES_SHOWING&&t!==n&&(this.value=n)}connectedCallback(){super.connectedCallback(),this.addEventListener(`change`,Uv(this,qv,Jv))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`change`,Uv(this,qv,Jv))}get anchorElement(){return this.anchor===`auto`?Ts(this).querySelector(`media-captions-menu-button`):super.anchorElement}get mediaSubtitlesList(){return Qv(this,j.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){$v(this,j.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return Qv(this,j.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){$v(this,j.MEDIA_SUBTITLES_SHOWING,e)}};Wv=new WeakMap,Gv=new WeakSet,Kv=function(){if(Bv(this,Wv)===JSON.stringify(this.mediaSubtitlesList))return;Hv(this,Wv,JSON.stringify(this.mediaSubtitlesList)),this.defaultSlot.textContent=``;let e=!this.value,t=F_({type:`radio`,text:this.formatMenuItemText(M(`Off`)),value:`off`,checked:e});t.prepend(I_(this,`checked-indicator`)),this.defaultSlot.append(t);let n=this.mediaSubtitlesList;for(let e of n){let t=F_({type:`radio`,text:this.formatMenuItemText(e.label,e),value:Bc(e),checked:this.value==Bc(e)});t.prepend(I_(this,`checked-indicator`)),(e.kind??`subs`)===`captions`&&t.append(I_(this,`captions-indicator`)),this.defaultSlot.append(t)}},qv=new WeakSet,Jv=function(){let e=this.mediaSubtitlesShowing,t=this.getAttribute(j.MEDIA_SUBTITLES_SHOWING),n=this.value!==t;if(e?.length&&n&&this.dispatchEvent(new N.CustomEvent(k.MEDIA_DISABLE_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:e})),!this.value||!n)return;let r=new N.CustomEvent(k.MEDIA_SHOW_SUBTITLES_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(r)},Zv.getTemplateHTML=Xv;var Qv=(e,t)=>{let n=e.getAttribute(t);return n?Rc(n):[]},$v=(e,t,n)=>{if(!n?.length){e.removeAttribute(t);return}let r=Vc(n);e.getAttribute(t)!==r&&e.setAttribute(t,r)};N.customElements.get(`media-captions-menu`)||N.customElements.define(`media-captions-menu`,Zv);var ey=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
1729
|
-
<path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>
|
|
1730
|
-
</svg>`,ty=`<svg aria-hidden="true" viewBox="0 0 26 24">
|
|
1731
|
-
<path d="M17.73 14.09a1.4 1.4 0 0 1-1 .37 1.579 1.579 0 0 1-1.27-.58A3 3 0 0 1 15 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34A2.89 2.89 0 0 0 19 9.07a3 3 0 0 0-2.14-.78 3.14 3.14 0 0 0-2.42 1 3.91 3.91 0 0 0-.93 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.17 3.17 0 0 0 1.07-1.74l-1.4-.45c-.083.43-.3.822-.62 1.12Zm-7.22 0a1.43 1.43 0 0 1-1 .37 1.58 1.58 0 0 1-1.27-.58A3 3 0 0 1 7.76 12a2.8 2.8 0 0 1 .5-1.85 1.63 1.63 0 0 1 1.29-.57 1.47 1.47 0 0 1 1.51 1.2l1.43-.34a2.81 2.81 0 0 0-.74-1.32 2.94 2.94 0 0 0-2.13-.78 3.18 3.18 0 0 0-2.43 1 4 4 0 0 0-.92 2.78 3.74 3.74 0 0 0 .92 2.66 3.07 3.07 0 0 0 2.34 1 3.07 3.07 0 0 0 1.91-.57 3.23 3.23 0 0 0 1.07-1.74l-1.4-.45a2.06 2.06 0 0 1-.6 1.07Zm12.32-8.41a2.59 2.59 0 0 0-2.3-2.51C18.72 3.05 15.86 3 13 3c-2.86 0-5.72.05-7.53.17a2.59 2.59 0 0 0-2.3 2.51c-.23 4.207-.23 8.423 0 12.63a2.57 2.57 0 0 0 2.3 2.5c1.81.13 4.67.19 7.53.19 2.86 0 5.72-.06 7.53-.19a2.57 2.57 0 0 0 2.3-2.5c.23-4.207.23-8.423 0-12.63Zm-1.49 12.53a1.11 1.11 0 0 1-.91 1.11c-1.67.11-4.45.18-7.43.18-2.98 0-5.76-.07-7.43-.18a1.11 1.11 0 0 1-.91-1.11c-.21-4.14-.21-8.29 0-12.43a1.11 1.11 0 0 1 .91-1.11C7.24 4.56 10 4.49 13 4.49s5.76.07 7.43.18a1.11 1.11 0 0 1 .91 1.11c.21 4.14.21 8.29 0 12.43Z"/>
|
|
1732
|
-
</svg>`;function ny(){return`
|
|
1733
|
-
<style>
|
|
1734
|
-
:host([aria-checked="true"]) slot[name=off] {
|
|
1735
|
-
display: none !important;
|
|
1736
|
-
}
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
:host(:not([aria-checked="true"])) slot[name=on] {
|
|
1740
|
-
display: none !important;
|
|
1741
|
-
}
|
|
1742
|
-
|
|
1743
|
-
:host([aria-expanded="true"]) slot[name=tooltip] {
|
|
1744
|
-
display: none;
|
|
1745
|
-
}
|
|
1746
|
-
</style>
|
|
1747
|
-
|
|
1748
|
-
<slot name="icon">
|
|
1749
|
-
<slot name="on">${ey}</slot>
|
|
1750
|
-
<slot name="off">${ty}</slot>
|
|
1751
|
-
</slot>
|
|
1752
|
-
`}function ry(){return M(`Captions`)}var iy=e=>{e.setAttribute(`aria-checked`,Kc(e).toString())},ay=class extends yv{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_SUBTITLES_LIST,j.MEDIA_SUBTITLES_SHOWING]}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-label`,M(`closed captions`)),iy(this)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_SUBTITLES_SHOWING&&iy(this)}get invokeTargetElement(){return this.invokeTarget==null?Ts(this)?.querySelector(`media-captions-menu`):super.invokeTargetElement}get mediaSubtitlesList(){return oy(this,j.MEDIA_SUBTITLES_LIST)}set mediaSubtitlesList(e){sy(this,j.MEDIA_SUBTITLES_LIST,e)}get mediaSubtitlesShowing(){return oy(this,j.MEDIA_SUBTITLES_SHOWING)}set mediaSubtitlesShowing(e){sy(this,j.MEDIA_SUBTITLES_SHOWING,e)}};ay.getSlotTemplateHTML=ny,ay.getTooltipContentHTML=ry;var oy=(e,t)=>{let n=e.getAttribute(t);return n?Rc(n):[]},sy=(e,t,n)=>{if(!n?.length){e.removeAttribute(t);return}let r=Vc(n);e.getAttribute(t)!==r&&e.setAttribute(t,r)};N.customElements.get(`media-captions-menu-button`)||N.customElements.define(`media-captions-menu-button`,ay);var cy=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},ly=(e,t,n)=>(cy(e,t,`read from private field`),n?n.call(e):t.get(e)),uy=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},dy=(e,t,n)=>(cy(e,t,`access private method`),n),fy,py,my,hy,gy,_y={RATES:`rates`},vy=class extends z_{constructor(){super(),uy(this,py),uy(this,hy),uy(this,fy,new Fc(this,_y.RATES,{defaultValue:gp})),dy(this,py,my).call(this)}static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_PLAYBACK_RATE,_y.RATES]}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_PLAYBACK_RATE&&t!=n?this.value=n:e===_y.RATES&&t!=n&&(ly(this,fy).value=n,dy(this,py,my).call(this))}connectedCallback(){super.connectedCallback(),this.addEventListener(`change`,dy(this,hy,gy))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`change`,dy(this,hy,gy))}get anchorElement(){return this.anchor===`auto`?Ts(this).querySelector(`media-playback-rate-menu-button`):super.anchorElement}get rates(){return ly(this,fy)}set rates(e){e?Array.isArray(e)?ly(this,fy).value=e.join(` `):typeof e==`string`&&(ly(this,fy).value=e):ly(this,fy).value=``,dy(this,py,my).call(this)}get mediaPlaybackRate(){return F(this,j.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){I(this,j.MEDIA_PLAYBACK_RATE,e)}};fy=new WeakMap,py=new WeakSet,my=function(){this.defaultSlot.textContent=``;for(let e of ly(this,fy)){let t=F_({type:`radio`,text:this.formatMenuItemText(`${e}x`,e),value:e,checked:this.mediaPlaybackRate===Number(e)});t.prepend(I_(this,`checked-indicator`)),this.defaultSlot.append(t)}},hy=new WeakSet,gy=function(){if(!this.value)return;let e=new N.CustomEvent(k.MEDIA_PLAYBACK_RATE_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(e)},N.customElements.get(`media-playback-rate-menu`)||N.customElements.define(`media-playback-rate-menu`,vy);function yy(e){return`
|
|
1753
|
-
<style>
|
|
1754
|
-
:host {
|
|
1755
|
-
min-width: 5ch;
|
|
1756
|
-
padding: var(--media-button-padding, var(--media-control-padding, 10px 5px));
|
|
1757
|
-
}
|
|
1758
|
-
|
|
1759
|
-
:host([aria-expanded="true"]) slot[name=tooltip] {
|
|
1760
|
-
display: none;
|
|
1761
|
-
}
|
|
1762
|
-
</style>
|
|
1763
|
-
<slot name="icon">${e.mediaplaybackrate||1}x</slot>
|
|
1764
|
-
`}function by(){return M(`Playback rate`)}var xy=class extends yv{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_PLAYBACK_RATE]}constructor(){super(),this.container=this.shadowRoot.querySelector(`slot[name="icon"]`),this.container.innerHTML=`${this.mediaPlaybackRate??1}x`}attributeChangedCallback(e,t,n){if(super.attributeChangedCallback(e,t,n),e===j.MEDIA_PLAYBACK_RATE){let e=n?+n:NaN,t=Number.isNaN(e)?1:e;this.container.innerHTML=`${t}x`,this.setAttribute(`aria-label`,M(`Playback rate {playbackRate}`,{playbackRate:t}))}}get invokeTargetElement(){return this.invokeTarget==null?Ts(this).querySelector(`media-playback-rate-menu`):super.invokeTargetElement}get mediaPlaybackRate(){return F(this,j.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){I(this,j.MEDIA_PLAYBACK_RATE,e)}};xy.getSlotTemplateHTML=yy,xy.getTooltipContentHTML=by,N.customElements.get(`media-playback-rate-menu-button`)||N.customElements.define(`media-playback-rate-menu-button`,xy);var Sy=(e,t,n)=>{if(!t.has(e))throw TypeError(`Cannot `+n)},Cy=(e,t,n)=>(Sy(e,t,`read from private field`),n?n.call(e):t.get(e)),wy=(e,t,n)=>{if(t.has(e))throw TypeError(`Cannot add the same private member more than once`);t instanceof WeakSet?t.add(e):t.set(e,n)},Ty=(e,t,n,r)=>(Sy(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Ey=(e,t,n)=>(Sy(e,t,`access private method`),n),Dy,Oy,ky,Ay,jy,My,Ny=class extends z_{constructor(){super(...arguments),wy(this,ky),wy(this,jy),wy(this,Dy,[]),wy(this,Oy,{})}static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_RENDITION_LIST,j.MEDIA_RENDITION_SELECTED,j.MEDIA_RENDITION_UNAVAILABLE,j.MEDIA_HEIGHT]}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===j.MEDIA_RENDITION_SELECTED&&t!==n?(this.value=n??`auto`,Ey(this,ky,Ay).call(this)):e===j.MEDIA_RENDITION_LIST&&t!==n?(Ty(this,Dy,Go(n)),Ey(this,ky,Ay).call(this)):e===j.MEDIA_HEIGHT&&t!==n&&Ey(this,ky,Ay).call(this)}connectedCallback(){super.connectedCallback(),this.addEventListener(`change`,Ey(this,jy,My))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`change`,Ey(this,jy,My))}get anchorElement(){return this.anchor===`auto`?Ts(this).querySelector(`media-rendition-menu-button`):super.anchorElement}get mediaRenditionList(){return Cy(this,Dy)}set mediaRenditionList(e){Ty(this,Dy,e),Ey(this,ky,Ay).call(this)}get mediaRenditionSelected(){return z(this,j.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){B(this,j.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return F(this,j.MEDIA_HEIGHT)}set mediaHeight(e){I(this,j.MEDIA_HEIGHT,e)}};Dy=new WeakMap,Oy=new WeakMap,ky=new WeakSet,Ay=function(){if(Cy(this,Oy).mediaRenditionList===JSON.stringify(this.mediaRenditionList)&&Cy(this,Oy).mediaHeight===this.mediaHeight)return;Cy(this,Oy).mediaRenditionList=JSON.stringify(this.mediaRenditionList),Cy(this,Oy).mediaHeight=this.mediaHeight;let e=this.mediaRenditionList.sort((e,t)=>t.height-e.height);for(let t of e)t.selected=t.id===this.mediaRenditionSelected;this.defaultSlot.textContent=``;let t=!this.mediaRenditionSelected;for(let n of e){let e=F_({type:`radio`,text:this.formatMenuItemText(`${Math.min(n.width,n.height)}p`,n),value:`${n.id}`,checked:n.selected&&!t});e.prepend(I_(this,`checked-indicator`)),this.defaultSlot.append(e)}let n=F_({type:`radio`,text:t?this.formatMenuItemText(`${M(`Auto`)} (${this.mediaHeight}p)`):this.formatMenuItemText(M(`Auto`)),value:`auto`,checked:t}),r=this.mediaHeight>0?`${M(`Auto`)} (${this.mediaHeight}p)`:M(`Auto`);n.dataset.description=r,n.prepend(I_(this,`checked-indicator`)),this.defaultSlot.append(n)},jy=new WeakSet,My=function(){if(this.value==null)return;let e=new N.CustomEvent(k.MEDIA_RENDITION_REQUEST,{composed:!0,bubbles:!0,detail:this.value});this.dispatchEvent(e)},N.customElements.get(`media-rendition-menu`)||N.customElements.define(`media-rendition-menu`,Ny);var Py=`<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
1765
|
-
<path d="M13.5 2.5h2v6h-2v-2h-11v-2h11v-2Zm4 2h4v2h-4v-2Zm-12 4h2v6h-2v-2h-3v-2h3v-2Zm4 2h12v2h-12v-2Zm1 4h2v6h-2v-2h-8v-2h8v-2Zm4 2h7v2h-7v-2Z" />
|
|
1766
|
-
</svg>`;function Fy(){return`
|
|
1767
|
-
<style>
|
|
1768
|
-
:host([aria-expanded="true"]) slot[name=tooltip] {
|
|
1769
|
-
display: none;
|
|
1770
|
-
}
|
|
1771
|
-
</style>
|
|
1772
|
-
<slot name="icon">${Py}</slot>
|
|
1773
|
-
`}function Iy(){return M(`Quality`)}var Ly=class extends yv{static get observedAttributes(){return[...super.observedAttributes,j.MEDIA_RENDITION_SELECTED,j.MEDIA_RENDITION_UNAVAILABLE,j.MEDIA_HEIGHT]}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-label`,M(`quality`))}get invokeTargetElement(){return this.invokeTarget==null?Ts(this).querySelector(`media-rendition-menu`):super.invokeTargetElement}get mediaRenditionSelected(){return z(this,j.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){B(this,j.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return F(this,j.MEDIA_HEIGHT)}set mediaHeight(e){I(this,j.MEDIA_HEIGHT,e)}};Ly.getSlotTemplateHTML=Fy,Ly.getTooltipContentHTML=Iy,N.customElements.get(`media-rendition-menu-button`)||N.customElements.define(`media-rendition-menu-button`,Ly);var Ry=e=>{throw TypeError(e)},zy=(e,t,n)=>t.has(e)||Ry(`Cannot `+n),X=(e,t,n)=>(zy(e,t,`read from private field`),n?n.call(e):t.get(e)),By=(e,t,n)=>t.has(e)?Ry(`Cannot add the same private member more than once`):t instanceof WeakSet?t.add(e):t.set(e,n),Vy=(e,t,n,r)=>(zy(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),Hy=(e,t,n)=>(zy(e,t,`access private method`),n),Uy=class{addEventListener(){}removeEventListener(){}dispatchEvent(e){return!0}};if(typeof DocumentFragment>`u`){class e extends Uy{}globalThis.DocumentFragment=e}var Wy=class extends Uy{},Gy=class extends Uy{},Ky={get(e){},define(e,t,n){},getName(e){return null},upgrade(e){},whenDefined(e){return Promise.resolve(Wy)}},qy,Jy=class{constructor(e,t={}){By(this,qy),Vy(this,qy,t?.detail)}get detail(){return X(this,qy)}initCustomEvent(){}};qy=new WeakMap;function Yy(e,t){return new Wy}var Xy={document:{createElement:Yy},DocumentFragment,customElements:Ky,CustomEvent:Jy,EventTarget:Uy,HTMLElement:Wy,HTMLVideoElement:Gy},Zy=typeof window>`u`||globalThis.customElements===void 0,Qy=Zy?Xy:globalThis,$y=Zy?Xy.document:globalThis.document;function eb(e){let t=``;return Object.entries(e).forEach(([e,n])=>{n!=null&&(t+=`${tb(e)}: ${n}; `)}),t?t.trim():void 0}function tb(e){return e.replace(/([a-z])([A-Z])/g,`$1-$2`).toLowerCase()}function nb(e){return e.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function rb(e){if(e==null)return;let t=+e;return Number.isNaN(t)?void 0:t}function ib(e){let t=ab(e).toString();return t?`?`+t:``}function ab(e){let t={};for(let n in e)e[n]!=null&&(t[n]=e[n]);return new URLSearchParams(t)}var ob=(e,t)=>!e||!t?!1:e.contains(t)?!0:ob(e,t.getRootNode().host),sb=`mux.com`,cb=(()=>{try{return`3.5.2`}catch{}return`UNKNOWN`})(),lb=()=>cb,ub=(e,{token:t,customDomain:n=sb,thumbnailTime:r,programTime:i}={})=>{let a=t==null?r:void 0,{aud:o}=kr(t)??{};if(!(t&&o!==`t`))return`https://image.${n}/${e}/thumbnail.webp${ib({token:t,time:a,program_time:i})}`},db=(e,{token:t,customDomain:n=sb,programStartTime:r,programEndTime:i}={})=>{let{aud:a}=kr(t)??{};if(!(t&&a!==`s`))return`https://image.${n}/${e}/storyboard.vtt${ib({token:t,format:`webp`,program_start_time:r,program_end_time:i})}`},fb=e=>{if(e){if([w.LIVE,w.ON_DEMAND].includes(e))return e;if(e!=null&&e.includes(`live`))return w.LIVE}},pb={crossorigin:`crossOrigin`,playsinline:`playsInline`};function mb(e){return pb[e]??nb(e)}var hb,gb,_b,vb=class{constructor(e,t){By(this,hb),By(this,gb),By(this,_b,[]),Vy(this,hb,e),Vy(this,gb,t)}[Symbol.iterator](){return X(this,_b).values()}get length(){return X(this,_b).length}get value(){return X(this,_b).join(` `)??``}set value(e){e!==this.value&&(Vy(this,_b,[]),this.add(...e?.split(` `)??[]))}toString(){return this.value}item(e){return X(this,_b)[e]}values(){return X(this,_b).values()}keys(){return X(this,_b).keys()}forEach(e){X(this,_b).forEach(e)}add(...e){var t,n;e.forEach(e=>{this.contains(e)||X(this,_b).push(e)}),!(this.value===``&&!((t=X(this,hb))!=null&&t.hasAttribute(`${X(this,gb)}`)))&&((n=X(this,hb))==null||n.setAttribute(`${X(this,gb)}`,`${this.value}`))}remove(...e){var t;e.forEach(e=>{X(this,_b).splice(X(this,_b).indexOf(e),1)}),(t=X(this,hb))==null||t.setAttribute(`${X(this,gb)}`,`${this.value}`)}contains(e){return X(this,_b).includes(e)}toggle(e,t){return t===void 0?this.contains(e)?(this.remove(e),!1):(this.add(e),!0):t?(this.add(e),!0):(this.remove(e),!1)}replace(e,t){this.remove(e),this.add(t)}};hb=new WeakMap,gb=new WeakMap,_b=new WeakMap;var yb=`[mux-player ${lb()}]`;function bb(...e){console.warn(yb,...e)}function xb(...e){console.error(yb,...e)}function Sb(e){let t=e.message??``;e.context&&(t+=` ${e.context}`),e.file&&(t+=` ${E(`Read more: `)}
|
|
1774
|
-
https://github.com/muxinc/elements/blob/main/errors/${e.file}`),bb(t)}var Cb={AUTOPLAY:`autoplay`,CROSSORIGIN:`crossorigin`,LOOP:`loop`,MUTED:`muted`,PLAYSINLINE:`playsinline`,PRELOAD:`preload`},wb={VOLUME:`volume`,PLAYBACKRATE:`playbackrate`,MUTED:`muted`};({...Cb,...wb});var Tb=Object.freeze({length:0,start(e){let t=e>>>0;if(t>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${t}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(e){let t=e>>>0;if(t>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${t}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),Eb=Object.values(Cb).filter(e=>Cb.PLAYSINLINE!==e),Db=Object.values(wb),Ob=[...Eb,...Db],kb=class extends Qy.HTMLElement{static get observedAttributes(){return Ob}constructor(){super()}attributeChangedCallback(e,t,n){switch(e){case wb.MUTED:this.media&&(this.media.muted=n!=null,this.media.defaultMuted=n!=null);return;case wb.VOLUME:{let e=rb(n)??1;this.media&&(this.media.volume=e);return}case wb.PLAYBACKRATE:{let e=rb(n)??1;this.media&&(this.media.playbackRate=e,this.media.defaultPlaybackRate=e);return}}}play(){return this.media?.play()??Promise.reject()}pause(){var e;(e=this.media)==null||e.pause()}load(){var e;(e=this.media)==null||e.load()}get media(){return this.shadowRoot?.querySelector(`mux-video`)}get audioTracks(){return this.media.audioTracks}get videoTracks(){return this.media.videoTracks}get audioRenditions(){return this.media.audioRenditions}get videoRenditions(){return this.media.videoRenditions}get paused(){return this.media?.paused??!0}get duration(){return this.media?.duration??NaN}get ended(){return this.media?.ended??!1}get buffered(){return this.media?.buffered??Tb}get seekable(){return this.media?.seekable??Tb}get readyState(){return this.media?.readyState??0}get videoWidth(){return this.media?.videoWidth??0}get videoHeight(){return this.media?.videoHeight??0}get currentSrc(){return this.media?.currentSrc??``}get currentTime(){return this.media?.currentTime??0}set currentTime(e){this.media&&(this.media.currentTime=Number(e))}get volume(){return this.media?.volume??1}set volume(e){this.media&&(this.media.volume=Number(e))}get playbackRate(){return this.media?.playbackRate??1}set playbackRate(e){this.media&&(this.media.playbackRate=Number(e))}get defaultPlaybackRate(){return rb(this.getAttribute(wb.PLAYBACKRATE))??1}set defaultPlaybackRate(e){e==null?this.removeAttribute(wb.PLAYBACKRATE):this.setAttribute(wb.PLAYBACKRATE,`${e}`)}get crossOrigin(){return Ab(this,Cb.CROSSORIGIN)}set crossOrigin(e){this.setAttribute(Cb.CROSSORIGIN,`${e}`)}get autoplay(){return Ab(this,Cb.AUTOPLAY)!=null}set autoplay(e){e?this.setAttribute(Cb.AUTOPLAY,typeof e==`string`?e:``):this.removeAttribute(Cb.AUTOPLAY)}get loop(){return Ab(this,Cb.LOOP)!=null}set loop(e){e?this.setAttribute(Cb.LOOP,``):this.removeAttribute(Cb.LOOP)}get muted(){return this.media?.muted??!1}set muted(e){this.media&&(this.media.muted=!!e)}get defaultMuted(){return Ab(this,Cb.MUTED)!=null}set defaultMuted(e){e?this.setAttribute(Cb.MUTED,``):this.removeAttribute(Cb.MUTED)}get playsInline(){return Ab(this,Cb.PLAYSINLINE)!=null}set playsInline(e){xb(`playsInline is set to true by default and is not currently supported as a setter.`)}get preload(){return this.media?this.media.preload:this.getAttribute(`preload`)}set preload(e){[``,`none`,`metadata`,`auto`].includes(e)?this.setAttribute(Cb.PRELOAD,e):this.removeAttribute(Cb.PRELOAD)}};function Ab(e,t){return e.media?e.media.getAttribute(t):e.getAttribute(t)}var jb=kb,Mb=`:host {
|
|
1775
|
-
--media-control-display: var(--controls);
|
|
1776
|
-
--media-loading-indicator-display: var(--loading-indicator);
|
|
1777
|
-
--media-dialog-display: var(--dialog);
|
|
1778
|
-
--media-play-button-display: var(--play-button);
|
|
1779
|
-
--media-live-button-display: var(--live-button);
|
|
1780
|
-
--media-seek-backward-button-display: var(--seek-backward-button);
|
|
1781
|
-
--media-seek-forward-button-display: var(--seek-forward-button);
|
|
1782
|
-
--media-mute-button-display: var(--mute-button);
|
|
1783
|
-
--media-captions-button-display: var(--captions-button);
|
|
1784
|
-
--media-captions-menu-button-display: var(--captions-menu-button, var(--media-captions-button-display));
|
|
1785
|
-
--media-rendition-menu-button-display: var(--rendition-menu-button);
|
|
1786
|
-
--media-audio-track-menu-button-display: var(--audio-track-menu-button);
|
|
1787
|
-
--media-airplay-button-display: var(--airplay-button);
|
|
1788
|
-
--media-pip-button-display: var(--pip-button);
|
|
1789
|
-
--media-fullscreen-button-display: var(--fullscreen-button);
|
|
1790
|
-
--media-cast-button-display: var(--cast-button, var(--_cast-button-drm-display));
|
|
1791
|
-
--media-playback-rate-button-display: var(--playback-rate-button);
|
|
1792
|
-
--media-playback-rate-menu-button-display: var(--playback-rate-menu-button);
|
|
1793
|
-
--media-volume-range-display: var(--volume-range);
|
|
1794
|
-
--media-time-range-display: var(--time-range);
|
|
1795
|
-
--media-time-display-display: var(--time-display);
|
|
1796
|
-
--media-duration-display-display: var(--duration-display);
|
|
1797
|
-
--media-title-display-display: var(--title-display);
|
|
1798
|
-
|
|
1799
|
-
display: inline-block;
|
|
1800
|
-
line-height: 0;
|
|
1801
|
-
width: 100%;
|
|
1802
|
-
}
|
|
1803
|
-
|
|
1804
|
-
a {
|
|
1805
|
-
color: #fff;
|
|
1806
|
-
font-size: 0.9em;
|
|
1807
|
-
text-decoration: underline;
|
|
1808
|
-
}
|
|
1809
|
-
|
|
1810
|
-
media-theme {
|
|
1811
|
-
display: inline-block;
|
|
1812
|
-
line-height: 0;
|
|
1813
|
-
width: 100%;
|
|
1814
|
-
height: 100%;
|
|
1815
|
-
direction: ltr;
|
|
1816
|
-
}
|
|
1817
|
-
|
|
1818
|
-
media-poster-image {
|
|
1819
|
-
display: inline-block;
|
|
1820
|
-
line-height: 0;
|
|
1821
|
-
width: 100%;
|
|
1822
|
-
height: 100%;
|
|
1823
|
-
}
|
|
1824
|
-
|
|
1825
|
-
media-poster-image:not([src]):not([placeholdersrc]) {
|
|
1826
|
-
display: none;
|
|
1827
|
-
}
|
|
1828
|
-
|
|
1829
|
-
::part(top),
|
|
1830
|
-
[part~='top'] {
|
|
1831
|
-
--media-control-display: var(--controls, var(--top-controls));
|
|
1832
|
-
--media-play-button-display: var(--play-button, var(--top-play-button));
|
|
1833
|
-
--media-live-button-display: var(--live-button, var(--top-live-button));
|
|
1834
|
-
--media-seek-backward-button-display: var(--seek-backward-button, var(--top-seek-backward-button));
|
|
1835
|
-
--media-seek-forward-button-display: var(--seek-forward-button, var(--top-seek-forward-button));
|
|
1836
|
-
--media-mute-button-display: var(--mute-button, var(--top-mute-button));
|
|
1837
|
-
--media-captions-button-display: var(--captions-button, var(--top-captions-button));
|
|
1838
|
-
--media-captions-menu-button-display: var(
|
|
1839
|
-
--captions-menu-button,
|
|
1840
|
-
var(--media-captions-button-display, var(--top-captions-menu-button))
|
|
1841
|
-
);
|
|
1842
|
-
--media-rendition-menu-button-display: var(--rendition-menu-button, var(--top-rendition-menu-button));
|
|
1843
|
-
--media-audio-track-menu-button-display: var(--audio-track-menu-button, var(--top-audio-track-menu-button));
|
|
1844
|
-
--media-airplay-button-display: var(--airplay-button, var(--top-airplay-button));
|
|
1845
|
-
--media-pip-button-display: var(--pip-button, var(--top-pip-button));
|
|
1846
|
-
--media-fullscreen-button-display: var(--fullscreen-button, var(--top-fullscreen-button));
|
|
1847
|
-
--media-cast-button-display: var(--cast-button, var(--top-cast-button, var(--_cast-button-drm-display)));
|
|
1848
|
-
--media-playback-rate-button-display: var(--playback-rate-button, var(--top-playback-rate-button));
|
|
1849
|
-
--media-playback-rate-menu-button-display: var(
|
|
1850
|
-
--captions-menu-button,
|
|
1851
|
-
var(--media-playback-rate-button-display, var(--top-playback-rate-menu-button))
|
|
1852
|
-
);
|
|
1853
|
-
--media-volume-range-display: var(--volume-range, var(--top-volume-range));
|
|
1854
|
-
--media-time-range-display: var(--time-range, var(--top-time-range));
|
|
1855
|
-
--media-time-display-display: var(--time-display, var(--top-time-display));
|
|
1856
|
-
--media-duration-display-display: var(--duration-display, var(--top-duration-display));
|
|
1857
|
-
--media-title-display-display: var(--title-display, var(--top-title-display));
|
|
1858
|
-
}
|
|
1859
|
-
|
|
1860
|
-
::part(center),
|
|
1861
|
-
[part~='center'] {
|
|
1862
|
-
--media-control-display: var(--controls, var(--center-controls));
|
|
1863
|
-
--media-play-button-display: var(--play-button, var(--center-play-button));
|
|
1864
|
-
--media-live-button-display: var(--live-button, var(--center-live-button));
|
|
1865
|
-
--media-seek-backward-button-display: var(--seek-backward-button, var(--center-seek-backward-button));
|
|
1866
|
-
--media-seek-forward-button-display: var(--seek-forward-button, var(--center-seek-forward-button));
|
|
1867
|
-
--media-mute-button-display: var(--mute-button, var(--center-mute-button));
|
|
1868
|
-
--media-captions-button-display: var(--captions-button, var(--center-captions-button));
|
|
1869
|
-
--media-captions-menu-button-display: var(
|
|
1870
|
-
--captions-menu-button,
|
|
1871
|
-
var(--media-captions-button-display, var(--center-captions-menu-button))
|
|
1872
|
-
);
|
|
1873
|
-
--media-rendition-menu-button-display: var(--rendition-menu-button, var(--center-rendition-menu-button));
|
|
1874
|
-
--media-audio-track-menu-button-display: var(--audio-track-menu-button, var(--center-audio-track-menu-button));
|
|
1875
|
-
--media-airplay-button-display: var(--airplay-button, var(--center-airplay-button));
|
|
1876
|
-
--media-pip-button-display: var(--pip-button, var(--center-pip-button));
|
|
1877
|
-
--media-fullscreen-button-display: var(--fullscreen-button, var(--center-fullscreen-button));
|
|
1878
|
-
--media-cast-button-display: var(--cast-button, var(--center-cast-button, var(--_cast-button-drm-display)));
|
|
1879
|
-
--media-playback-rate-button-display: var(--playback-rate-button, var(--center-playback-rate-button));
|
|
1880
|
-
--media-playback-rate-menu-button-display: var(
|
|
1881
|
-
--playback-rate-menu-button,
|
|
1882
|
-
var(--media-playback-rate-button-display, var(--center-playback-rate-menu-button))
|
|
1883
|
-
);
|
|
1884
|
-
--media-volume-range-display: var(--volume-range, var(--center-volume-range));
|
|
1885
|
-
--media-time-range-display: var(--time-range, var(--center-time-range));
|
|
1886
|
-
--media-time-display-display: var(--time-display, var(--center-time-display));
|
|
1887
|
-
--media-duration-display-display: var(--duration-display, var(--center-duration-display));
|
|
1888
|
-
}
|
|
1889
|
-
|
|
1890
|
-
::part(bottom),
|
|
1891
|
-
[part~='bottom'] {
|
|
1892
|
-
--media-control-display: var(--controls, var(--bottom-controls));
|
|
1893
|
-
--media-play-button-display: var(--play-button, var(--bottom-play-button));
|
|
1894
|
-
--media-live-button-display: var(--live-button, var(--bottom-live-button));
|
|
1895
|
-
--media-seek-backward-button-display: var(--seek-backward-button, var(--bottom-seek-backward-button));
|
|
1896
|
-
--media-seek-forward-button-display: var(--seek-forward-button, var(--bottom-seek-forward-button));
|
|
1897
|
-
--media-mute-button-display: var(--mute-button, var(--bottom-mute-button));
|
|
1898
|
-
--media-captions-button-display: var(--captions-button, var(--bottom-captions-button));
|
|
1899
|
-
--media-captions-menu-button-display: var(
|
|
1900
|
-
--captions-menu-button,
|
|
1901
|
-
var(--media-captions-button-display, var(--bottom-captions-menu-button))
|
|
1902
|
-
);
|
|
1903
|
-
--media-rendition-menu-button-display: var(--rendition-menu-button, var(--bottom-rendition-menu-button));
|
|
1904
|
-
--media-audio-track-menu-button-display: var(--audio-track-menu-button, var(--bottom-audio-track-menu-button));
|
|
1905
|
-
--media-airplay-button-display: var(--airplay-button, var(--bottom-airplay-button));
|
|
1906
|
-
--media-pip-button-display: var(--pip-button, var(--bottom-pip-button));
|
|
1907
|
-
--media-fullscreen-button-display: var(--fullscreen-button, var(--bottom-fullscreen-button));
|
|
1908
|
-
--media-cast-button-display: var(--cast-button, var(--bottom-cast-button, var(--_cast-button-drm-display)));
|
|
1909
|
-
--media-playback-rate-button-display: var(--playback-rate-button, var(--bottom-playback-rate-button));
|
|
1910
|
-
--media-playback-rate-menu-button-display: var(
|
|
1911
|
-
--playback-rate-menu-button,
|
|
1912
|
-
var(--media-playback-rate-button-display, var(--bottom-playback-rate-menu-button))
|
|
1913
|
-
);
|
|
1914
|
-
--media-volume-range-display: var(--volume-range, var(--bottom-volume-range));
|
|
1915
|
-
--media-time-range-display: var(--time-range, var(--bottom-time-range));
|
|
1916
|
-
--media-time-display-display: var(--time-display, var(--bottom-time-display));
|
|
1917
|
-
--media-duration-display-display: var(--duration-display, var(--bottom-duration-display));
|
|
1918
|
-
--media-title-display-display: var(--title-display, var(--bottom-title-display));
|
|
1919
|
-
}
|
|
1920
|
-
|
|
1921
|
-
:host([no-tooltips]) {
|
|
1922
|
-
--media-tooltip-display: none;
|
|
1923
|
-
}
|
|
1924
|
-
`,Nb=new WeakMap,Pb=class e{constructor(e,t){this.element=e,this.type=t,this.element.addEventListener(this.type,this);let n=Nb.get(this.element);n&&n.set(this.type,this)}set(e){if(typeof e==`function`)this.handleEvent=e.bind(this.element);else if(typeof e==`object`&&typeof e.handleEvent==`function`)this.handleEvent=e.handleEvent.bind(e);else{this.element.removeEventListener(this.type,this);let e=Nb.get(this.element);e&&e.delete(this.type)}}static for(t){Nb.has(t.element)||Nb.set(t.element,new Map);let n=t.attributeName.slice(2),r=Nb.get(t.element);return r&&r.has(n)?r.get(n):new e(t.element,n)}};function Fb(e,t){return e instanceof eg&&e.attributeName.startsWith(`on`)?(Pb.for(e).set(t),e.element.removeAttributeNS(e.attributeNamespace,e.attributeName),!0):!1}function Ib(e,t){return t instanceof Kb&&e instanceof tg?(t.renderInto(e),!0):!1}function Lb(e,t){return t instanceof DocumentFragment&&e instanceof tg?(t.childNodes.length&&e.replace(...t.childNodes),!0):!1}function Rb(e,t){if(e instanceof eg){let n=e.attributeNamespace,r=e.element.getAttributeNS(n,e.attributeName);return String(t)!==r&&(e.value=String(t)),!0}return e.value=String(t),!0}function zb(e,t){if(e instanceof eg&&t instanceof Element){let n=e.element;return n[e.attributeName]!==t&&(e.element.removeAttributeNS(e.attributeNamespace,e.attributeName),n[e.attributeName]=t),!0}return!1}function Bb(e,t){if(typeof t==`boolean`&&e instanceof eg){let n=e.attributeNamespace;return t!==e.element.hasAttributeNS(n,e.attributeName)&&(e.booleanValue=t),!0}return!1}function Vb(e,t){return t===!1&&e instanceof tg?(e.replace(``),!0):!1}function Hb(e,t){zb(e,t)||Bb(e,t)||Fb(e,t)||Vb(e,t)||Ib(e,t)||Lb(e,t)||Rb(e,t)}var Ub=new Map,Wb=new WeakMap,Gb=new WeakMap,Kb=class{constructor(e,t,n){this.strings=e,this.values=t,this.processor=n,this.stringsKey=this.strings.join(``)}get template(){if(Ub.has(this.stringsKey))return Ub.get(this.stringsKey);{let e=$y.createElement(`template`),t=this.strings.length-1;return e.innerHTML=this.strings.reduce((e,n,r)=>e+n+(r<t?`{{ ${r} }}`:``),``),Ub.set(this.stringsKey,e),e}}renderInto(e){var t;let n=this.template;if(Wb.get(e)!==n){Wb.set(e,n);let t=new Kh(n,this.values,this.processor);Gb.set(e,t),e instanceof tg?e.replace(...t.children):e.appendChild(t);return}let r=Gb.get(e);(t=r?.update)==null||t.call(r,this.values)}},qb={processCallback(e,t,n){if(n)for(let[e,r]of t)e in n&&Hb(r,n[e]??``)}};function Jb(e,...t){return new Kb(e,t,qb)}function Yb(e,t){e.renderInto(t)}var Xb=e=>{let{tokens:t}=e;return t.drm?`:host(:not([cast-receiver])) { --_cast-button-drm-display: none; }`:``},Zb=e=>Jb`
|
|
1925
|
-
<style>
|
|
1926
|
-
${Xb(e)}
|
|
1927
|
-
${Mb}
|
|
1928
|
-
</style>
|
|
1929
|
-
${ex(e)}
|
|
1930
|
-
`,Qb=e=>{let t=e.hotKeys?`${e.hotKeys}`:``;return fb(e.streamType)===`live`&&(t+=` noarrowleft noarrowright`),t},$b=Object.values({TOP:`top`,CENTER:`center`,BOTTOM:`bottom`,LAYER:`layer`,MEDIA_LAYER:`media-layer`,POSTER_LAYER:`poster-layer`,VERTICAL_LAYER:`vertical-layer`,CENTERED_LAYER:`centered-layer`,GESTURE_LAYER:`gesture-layer`,CONTROLLER_LAYER:`controller`,BUTTON:`button`,RANGE:`range`,DISPLAY:`display`,CONTROL_BAR:`control-bar`,MENU_BUTTON:`menu-button`,MENU:`menu`,OPTION:`option`,POSTER:`poster`,LIVE:`live`,PLAY:`play`,PRE_PLAY:`pre-play`,SEEK_BACKWARD:`seek-backward`,SEEK_FORWARD:`seek-forward`,MUTE:`mute`,CAPTIONS:`captions`,AIRPLAY:`airplay`,PIP:`pip`,FULLSCREEN:`fullscreen`,CAST:`cast`,PLAYBACK_RATE:`playback-rate`,VOLUME:`volume`,TIME:`time`,TITLE:`title`,AUDIO_TRACK:`audio-track`,RENDITION:`rendition`}).join(`, `),ex=e=>{var t;return Jb`
|
|
1931
|
-
<media-theme
|
|
1932
|
-
template="${e.themeTemplate||!1}"
|
|
1933
|
-
defaultstreamtype="${e.defaultStreamType??!1}"
|
|
1934
|
-
hotkeys="${Qb(e)||!1}"
|
|
1935
|
-
nohotkeys="${e.noHotKeys||!e.hasSrc||!1}"
|
|
1936
|
-
noautoseektolive="${!!((t=e.streamType)!=null&&t.includes(w.LIVE))&&e.targetLiveWindow!==0}"
|
|
1937
|
-
novolumepref="${e.novolumepref||!1}"
|
|
1938
|
-
disabled="${!e.hasSrc||e.isDialogOpen}"
|
|
1939
|
-
audio="${e.audio??!1}"
|
|
1940
|
-
style="${eb({"--media-primary-color":e.primaryColor,"--media-secondary-color":e.secondaryColor,"--media-accent-color":e.accentColor})??!1}"
|
|
1941
|
-
defaultsubtitles="${!e.defaultHiddenCaptions}"
|
|
1942
|
-
forwardseekoffset="${e.forwardSeekOffset??!1}"
|
|
1943
|
-
backwardseekoffset="${e.backwardSeekOffset??!1}"
|
|
1944
|
-
playbackrates="${e.playbackRates??!1}"
|
|
1945
|
-
defaultshowremainingtime="${e.defaultShowRemainingTime??!1}"
|
|
1946
|
-
defaultduration="${e.defaultDuration??!1}"
|
|
1947
|
-
hideduration="${e.hideDuration??!1}"
|
|
1948
|
-
title="${e.title??!1}"
|
|
1949
|
-
videotitle="${e.videoTitle??!1}"
|
|
1950
|
-
proudlydisplaymuxbadge="${e.proudlyDisplayMuxBadge??!1}"
|
|
1951
|
-
exportparts="${$b}"
|
|
1952
|
-
onclose="${e.onCloseErrorDialog}"
|
|
1953
|
-
onfocusin="${e.onFocusInErrorDialog}"
|
|
1954
|
-
>
|
|
1955
|
-
<mux-video
|
|
1956
|
-
slot="media"
|
|
1957
|
-
target-live-window="${e.targetLiveWindow??!1}"
|
|
1958
|
-
stream-type="${fb(e.streamType)??!1}"
|
|
1959
|
-
crossorigin="${e.crossOrigin??``}"
|
|
1960
|
-
playsinline
|
|
1961
|
-
autoplay="${e.autoplay??!1}"
|
|
1962
|
-
muted="${e.muted??!1}"
|
|
1963
|
-
loop="${e.loop??!1}"
|
|
1964
|
-
preload="${e.preload??!1}"
|
|
1965
|
-
debug="${e.debug??!1}"
|
|
1966
|
-
prefer-cmcd="${e.preferCmcd??!1}"
|
|
1967
|
-
disable-tracking="${e.disableTracking??!1}"
|
|
1968
|
-
disable-cookies="${e.disableCookies??!1}"
|
|
1969
|
-
prefer-playback="${e.preferPlayback??!1}"
|
|
1970
|
-
start-time="${e.startTime==null?!1:e.startTime}"
|
|
1971
|
-
beacon-collection-domain="${e.beaconCollectionDomain??!1}"
|
|
1972
|
-
player-init-time="${e.playerInitTime??!1}"
|
|
1973
|
-
player-software-name="${e.playerSoftwareName??!1}"
|
|
1974
|
-
player-software-version="${e.playerSoftwareVersion??!1}"
|
|
1975
|
-
env-key="${e.envKey??!1}"
|
|
1976
|
-
custom-domain="${e.customDomain??!1}"
|
|
1977
|
-
src="${e.src?e.src:e.playbackId?Ri(e):!1}"
|
|
1978
|
-
cast-src="${e.src?e.src:e.playbackId?Ri(e):!1}"
|
|
1979
|
-
cast-receiver="${e.castReceiver??!1}"
|
|
1980
|
-
drm-token="${e.tokens?.drm??!1}"
|
|
1981
|
-
exportparts="video"
|
|
1982
|
-
>
|
|
1983
|
-
${e.storyboard?Jb`<track label="thumbnails" default kind="metadata" src="${e.storyboard}" />`:Jb``}
|
|
1984
|
-
<slot></slot>
|
|
1985
|
-
</mux-video>
|
|
1986
|
-
<slot name="poster" slot="poster">
|
|
1987
|
-
<media-poster-image
|
|
1988
|
-
part="poster"
|
|
1989
|
-
exportparts="poster, img"
|
|
1990
|
-
src="${e.poster?e.poster:!1}"
|
|
1991
|
-
placeholdersrc="${e.placeholder??!1}"
|
|
1992
|
-
></media-poster-image>
|
|
1993
|
-
</slot>
|
|
1994
|
-
</media-theme>
|
|
1995
|
-
`},tx=e=>e.charAt(0).toUpperCase()+e.slice(1),nx=(e,t=!1)=>{if(e.muxCode){let n=tx(e.errorCategory??`video`),r=sr(e.errorCategory??x.VIDEO);if(e.muxCode===S.NETWORK_OFFLINE)return E(`Your device appears to be offline`,t);if(e.muxCode===S.NETWORK_TOKEN_EXPIRED)return E(`{category} URL has expired`,t).format({category:n});if([S.NETWORK_TOKEN_SUB_MISMATCH,S.NETWORK_TOKEN_AUD_MISMATCH,S.NETWORK_TOKEN_AUD_MISSING,S.NETWORK_TOKEN_MALFORMED].includes(e.muxCode))return E(`{category} URL is formatted incorrectly`,t).format({category:n});if(e.muxCode===S.NETWORK_TOKEN_MISSING)return E(`Invalid {categoryName} URL`,t).format({categoryName:r});if(e.muxCode===S.NETWORK_NOT_FOUND)return E(`{category} does not exist`,t).format({category:n});if(e.muxCode===S.NETWORK_NOT_READY){let n=e.streamType===`live`?`Live stream`:`Video`;return E(`{mediaType} is not currently available`,t).format({mediaType:n})}}if(e.code){if(e.code===C.MEDIA_ERR_NETWORK)return E(`Network Error`,t);if(e.code===C.MEDIA_ERR_DECODE)return E(`Media Error`,t);if(e.code===C.MEDIA_ERR_SRC_NOT_SUPPORTED)return E(`Source Not Supported`,t)}return E(`Error`,t)},rx=(e,t=!1)=>{if(e.muxCode){let n=tx(e.errorCategory??`video`),r=sr(e.errorCategory??x.VIDEO);return e.muxCode===S.NETWORK_OFFLINE?E(`Check your internet connection and try reloading this video.`,t):e.muxCode===S.NETWORK_TOKEN_EXPIRED?E(`The video’s secured {tokenNamePrefix}-token has expired.`,t).format({tokenNamePrefix:r}):e.muxCode===S.NETWORK_TOKEN_SUB_MISMATCH?E(`The video’s playback ID does not match the one encoded in the {tokenNamePrefix}-token.`,t).format({tokenNamePrefix:r}):e.muxCode===S.NETWORK_TOKEN_MALFORMED?E(`{category} URL is formatted incorrectly`,t).format({category:n}):[S.NETWORK_TOKEN_AUD_MISMATCH,S.NETWORK_TOKEN_AUD_MISSING].includes(e.muxCode)?E(`The {tokenNamePrefix}-token is formatted with incorrect information.`,t).format({tokenNamePrefix:r}):[S.NETWORK_TOKEN_MISSING,S.NETWORK_INVALID_URL].includes(e.muxCode)?E(`The video URL or {tokenNamePrefix}-token are formatted with incorrect or incomplete information.`,t).format({tokenNamePrefix:r}):e.muxCode===S.NETWORK_NOT_FOUND?``:e.message}return e.code&&(e.code===C.MEDIA_ERR_NETWORK||e.code===C.MEDIA_ERR_DECODE||(e.code,C.MEDIA_ERR_SRC_NOT_SUPPORTED)),e.message},ix=(e,t=!1)=>({title:nx(e,t).toString(),message:rx(e,t).toString()}),ax=e=>{if(e.muxCode){if(e.muxCode===S.NETWORK_TOKEN_EXPIRED)return`403-expired-token.md`;if(e.muxCode===S.NETWORK_TOKEN_MALFORMED)return`403-malformatted-token.md`;if([S.NETWORK_TOKEN_AUD_MISMATCH,S.NETWORK_TOKEN_AUD_MISSING].includes(e.muxCode))return`403-incorrect-aud-value.md`;if(e.muxCode===S.NETWORK_TOKEN_SUB_MISMATCH)return`403-playback-id-mismatch.md`;if(e.muxCode===S.NETWORK_TOKEN_MISSING)return`missing-signed-tokens.md`;if(e.muxCode===S.NETWORK_NOT_FOUND)return`404-not-found.md`;if(e.muxCode===S.NETWORK_NOT_READY)return`412-not-playable.md`}if(e.code){if(e.code===C.MEDIA_ERR_NETWORK)return``;if(e.code===C.MEDIA_ERR_DECODE)return`media-decode-error.md`;if(e.code===C.MEDIA_ERR_SRC_NOT_SUPPORTED)return`media-src-not-supported.md`}return``},ox=(e,t)=>{let n=ax(e);return{message:e.message,context:e.context,file:n}},sx=`<template id="media-theme-gerwig">
|
|
1996
|
-
<style>
|
|
1997
|
-
@keyframes pre-play-hide {
|
|
1998
|
-
0% {
|
|
1999
|
-
transform: scale(1);
|
|
2000
|
-
opacity: 1;
|
|
2001
|
-
}
|
|
2002
|
-
|
|
2003
|
-
30% {
|
|
2004
|
-
transform: scale(0.7);
|
|
2005
|
-
}
|
|
2006
|
-
|
|
2007
|
-
100% {
|
|
2008
|
-
transform: scale(1.5);
|
|
2009
|
-
opacity: 0;
|
|
2010
|
-
}
|
|
2011
|
-
}
|
|
2012
|
-
|
|
2013
|
-
:host {
|
|
2014
|
-
--_primary-color: var(--media-primary-color, #fff);
|
|
2015
|
-
--_secondary-color: var(--media-secondary-color, transparent);
|
|
2016
|
-
--_accent-color: var(--media-accent-color, #fa50b5);
|
|
2017
|
-
--_text-color: var(--media-text-color, #000);
|
|
2018
|
-
|
|
2019
|
-
--media-icon-color: var(--_primary-color);
|
|
2020
|
-
--media-control-background: var(--_secondary-color);
|
|
2021
|
-
--media-control-hover-background: var(--_accent-color);
|
|
2022
|
-
--media-time-buffered-color: rgba(255, 255, 255, 0.4);
|
|
2023
|
-
--media-preview-time-text-shadow: none;
|
|
2024
|
-
--media-control-height: 14px;
|
|
2025
|
-
--media-control-padding: 6px;
|
|
2026
|
-
--media-tooltip-container-margin: 6px;
|
|
2027
|
-
--media-tooltip-distance: 18px;
|
|
2028
|
-
|
|
2029
|
-
color: var(--_primary-color);
|
|
2030
|
-
display: inline-block;
|
|
2031
|
-
width: 100%;
|
|
2032
|
-
height: 100%;
|
|
2033
|
-
}
|
|
2034
|
-
|
|
2035
|
-
:host([audio]) {
|
|
2036
|
-
--_secondary-color: var(--media-secondary-color, black);
|
|
2037
|
-
--media-preview-time-text-shadow: none;
|
|
2038
|
-
}
|
|
2039
|
-
|
|
2040
|
-
:host([audio]) ::slotted([slot='media']) {
|
|
2041
|
-
height: 0px;
|
|
2042
|
-
}
|
|
2043
|
-
|
|
2044
|
-
:host([audio]) media-loading-indicator {
|
|
2045
|
-
display: none;
|
|
2046
|
-
}
|
|
2047
|
-
|
|
2048
|
-
:host([audio]) media-controller {
|
|
2049
|
-
background: transparent;
|
|
2050
|
-
}
|
|
2051
|
-
|
|
2052
|
-
:host([audio]) media-controller::part(vertical-layer) {
|
|
2053
|
-
background: transparent;
|
|
2054
|
-
}
|
|
2055
|
-
|
|
2056
|
-
:host([audio]) media-control-bar {
|
|
2057
|
-
width: 100%;
|
|
2058
|
-
background-color: var(--media-control-background);
|
|
2059
|
-
}
|
|
2060
|
-
|
|
2061
|
-
/*
|
|
2062
|
-
* 0.433s is the transition duration for VTT Regions.
|
|
2063
|
-
* Borrowed here, so the captions don't move too fast.
|
|
2064
|
-
*/
|
|
2065
|
-
media-controller {
|
|
2066
|
-
--media-webkit-text-track-transform: translateY(0) scale(0.98);
|
|
2067
|
-
--media-webkit-text-track-transition: transform 0.433s ease-out 0.3s;
|
|
2068
|
-
}
|
|
2069
|
-
media-controller:is([mediapaused], :not([userinactive])) {
|
|
2070
|
-
--media-webkit-text-track-transform: translateY(-50px) scale(0.98);
|
|
2071
|
-
--media-webkit-text-track-transition: transform 0.15s ease;
|
|
2072
|
-
}
|
|
2073
|
-
|
|
2074
|
-
/*
|
|
2075
|
-
* CSS specific to iOS devices.
|
|
2076
|
-
* See: https://stackoverflow.com/questions/30102792/css-media-query-to-target-only-ios-devices/60220757#60220757
|
|
2077
|
-
*/
|
|
2078
|
-
@supports (-webkit-touch-callout: none) {
|
|
2079
|
-
/* Disable subtitle adjusting for iOS Safari */
|
|
2080
|
-
media-controller[mediaisfullscreen] {
|
|
2081
|
-
--media-webkit-text-track-transform: unset;
|
|
2082
|
-
--media-webkit-text-track-transition: unset;
|
|
2083
|
-
}
|
|
2084
|
-
}
|
|
2085
|
-
|
|
2086
|
-
media-time-range {
|
|
2087
|
-
--media-box-padding-left: 6px;
|
|
2088
|
-
--media-box-padding-right: 6px;
|
|
2089
|
-
--media-range-bar-color: var(--_accent-color);
|
|
2090
|
-
--media-time-range-buffered-color: var(--_primary-color);
|
|
2091
|
-
--media-range-track-color: transparent;
|
|
2092
|
-
--media-range-track-background: rgba(255, 255, 255, 0.4);
|
|
2093
|
-
--media-range-thumb-background: radial-gradient(
|
|
2094
|
-
circle,
|
|
2095
|
-
#000 0%,
|
|
2096
|
-
#000 25%,
|
|
2097
|
-
var(--_accent-color) 25%,
|
|
2098
|
-
var(--_accent-color)
|
|
2099
|
-
);
|
|
2100
|
-
--media-range-thumb-width: 12px;
|
|
2101
|
-
--media-range-thumb-height: 12px;
|
|
2102
|
-
--media-range-thumb-transform: scale(0);
|
|
2103
|
-
--media-range-thumb-transition: transform 0.3s;
|
|
2104
|
-
--media-range-thumb-opacity: 1;
|
|
2105
|
-
--media-preview-background: var(--_primary-color);
|
|
2106
|
-
--media-box-arrow-background: var(--_primary-color);
|
|
2107
|
-
--media-preview-thumbnail-border: 5px solid var(--_primary-color);
|
|
2108
|
-
--media-preview-border-radius: 5px;
|
|
2109
|
-
--media-text-color: var(--_text-color);
|
|
2110
|
-
--media-control-hover-background: transparent;
|
|
2111
|
-
--media-preview-chapter-text-shadow: none;
|
|
2112
|
-
color: var(--_accent-color);
|
|
2113
|
-
padding: 0 6px;
|
|
2114
|
-
}
|
|
2115
|
-
|
|
2116
|
-
:host([audio]) media-time-range {
|
|
2117
|
-
--media-preview-time-padding: 1.5px 6px;
|
|
2118
|
-
--media-preview-box-margin: 0 0 -5px;
|
|
2119
|
-
}
|
|
2120
|
-
|
|
2121
|
-
media-time-range:hover {
|
|
2122
|
-
--media-range-thumb-transform: scale(1);
|
|
2123
|
-
}
|
|
2124
|
-
|
|
2125
|
-
media-preview-thumbnail {
|
|
2126
|
-
border-bottom-width: 0;
|
|
2127
|
-
}
|
|
2128
|
-
|
|
2129
|
-
[part~='menu'] {
|
|
2130
|
-
border-radius: 2px;
|
|
2131
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
2132
|
-
bottom: 50px;
|
|
2133
|
-
padding: 2.5px 10px;
|
|
2134
|
-
}
|
|
2135
|
-
|
|
2136
|
-
[part~='menu']::part(indicator) {
|
|
2137
|
-
fill: var(--_accent-color);
|
|
2138
|
-
}
|
|
2139
|
-
|
|
2140
|
-
[part~='menu']::part(menu-item) {
|
|
2141
|
-
box-sizing: border-box;
|
|
2142
|
-
display: flex;
|
|
2143
|
-
align-items: center;
|
|
2144
|
-
padding: 6px 10px;
|
|
2145
|
-
min-height: 34px;
|
|
2146
|
-
}
|
|
2147
|
-
|
|
2148
|
-
[part~='menu']::part(checked) {
|
|
2149
|
-
font-weight: 700;
|
|
2150
|
-
}
|
|
2151
|
-
|
|
2152
|
-
media-captions-menu,
|
|
2153
|
-
media-rendition-menu,
|
|
2154
|
-
media-audio-track-menu,
|
|
2155
|
-
media-playback-rate-menu {
|
|
2156
|
-
position: absolute; /* ensure they don't take up space in DOM on load */
|
|
2157
|
-
--media-menu-background: var(--_primary-color);
|
|
2158
|
-
--media-menu-item-checked-background: transparent;
|
|
2159
|
-
--media-text-color: var(--_text-color);
|
|
2160
|
-
--media-menu-item-hover-background: transparent;
|
|
2161
|
-
--media-menu-item-hover-outline: var(--_accent-color) solid 1px;
|
|
2162
|
-
}
|
|
2163
|
-
|
|
2164
|
-
media-rendition-menu {
|
|
2165
|
-
min-width: 140px;
|
|
2166
|
-
}
|
|
2167
|
-
|
|
2168
|
-
/* The icon is a circle so make it 16px high instead of 14px for more balance. */
|
|
2169
|
-
media-audio-track-menu-button {
|
|
2170
|
-
--media-control-padding: 5px;
|
|
2171
|
-
--media-control-height: 16px;
|
|
2172
|
-
}
|
|
2173
|
-
|
|
2174
|
-
media-playback-rate-menu-button {
|
|
2175
|
-
--media-control-padding: 6px 3px;
|
|
2176
|
-
min-width: 4.4ch;
|
|
2177
|
-
}
|
|
2178
|
-
|
|
2179
|
-
media-playback-rate-menu {
|
|
2180
|
-
--media-menu-flex-direction: row;
|
|
2181
|
-
--media-menu-item-checked-background: var(--_accent-color);
|
|
2182
|
-
--media-menu-item-checked-indicator-display: none;
|
|
2183
|
-
margin-right: 6px;
|
|
2184
|
-
padding: 0;
|
|
2185
|
-
--media-menu-gap: 0.25em;
|
|
2186
|
-
}
|
|
2187
|
-
|
|
2188
|
-
media-playback-rate-menu[part~='menu']::part(menu-item) {
|
|
2189
|
-
padding: 6px 6px 6px 8px;
|
|
2190
|
-
}
|
|
2191
|
-
|
|
2192
|
-
media-playback-rate-menu[part~='menu']::part(checked) {
|
|
2193
|
-
color: #fff;
|
|
2194
|
-
}
|
|
2195
|
-
|
|
2196
|
-
:host(:not([audio])) media-time-range {
|
|
2197
|
-
/* Adding px is required here for calc() */
|
|
2198
|
-
--media-range-padding: 0px;
|
|
2199
|
-
background: transparent;
|
|
2200
|
-
z-index: 10;
|
|
2201
|
-
height: 10px;
|
|
2202
|
-
bottom: -3px;
|
|
2203
|
-
width: 100%;
|
|
2204
|
-
}
|
|
2205
|
-
|
|
2206
|
-
media-control-bar :is([role='button'], [role='switch'], button) {
|
|
2207
|
-
line-height: 0;
|
|
2208
|
-
}
|
|
2209
|
-
|
|
2210
|
-
media-control-bar :is([part*='button'], [part*='range'], [part*='display']) {
|
|
2211
|
-
border-radius: 3px;
|
|
2212
|
-
}
|
|
2213
|
-
|
|
2214
|
-
.spacer {
|
|
2215
|
-
flex-grow: 1;
|
|
2216
|
-
background-color: var(--media-control-background, rgba(20, 20, 30, 0.7));
|
|
2217
|
-
}
|
|
2218
|
-
|
|
2219
|
-
media-control-bar[slot~='top-chrome'] {
|
|
2220
|
-
min-height: 42px;
|
|
2221
|
-
pointer-events: none;
|
|
2222
|
-
}
|
|
2223
|
-
|
|
2224
|
-
media-control-bar {
|
|
2225
|
-
--gradient-steps:
|
|
2226
|
-
hsl(0 0% 0% / 0) 0%, hsl(0 0% 0% / 0.013) 8.1%, hsl(0 0% 0% / 0.049) 15.5%, hsl(0 0% 0% / 0.104) 22.5%,
|
|
2227
|
-
hsl(0 0% 0% / 0.175) 29%, hsl(0 0% 0% / 0.259) 35.3%, hsl(0 0% 0% / 0.352) 41.2%, hsl(0 0% 0% / 0.45) 47.1%,
|
|
2228
|
-
hsl(0 0% 0% / 0.55) 52.9%, hsl(0 0% 0% / 0.648) 58.8%, hsl(0 0% 0% / 0.741) 64.7%, hsl(0 0% 0% / 0.825) 71%,
|
|
2229
|
-
hsl(0 0% 0% / 0.896) 77.5%, hsl(0 0% 0% / 0.951) 84.5%, hsl(0 0% 0% / 0.987) 91.9%, hsl(0 0% 0%) 100%;
|
|
2230
|
-
}
|
|
2231
|
-
|
|
2232
|
-
:host([title]:not([audio])) media-control-bar[slot='top-chrome']::before {
|
|
2233
|
-
content: '';
|
|
2234
|
-
position: absolute;
|
|
2235
|
-
width: 100%;
|
|
2236
|
-
padding-bottom: min(100px, 25%);
|
|
2237
|
-
background: linear-gradient(to top, var(--gradient-steps));
|
|
2238
|
-
opacity: 0.8;
|
|
2239
|
-
pointer-events: none;
|
|
2240
|
-
}
|
|
2241
|
-
|
|
2242
|
-
:host(:not([audio])) media-control-bar[part~='bottom']::before {
|
|
2243
|
-
content: '';
|
|
2244
|
-
position: absolute;
|
|
2245
|
-
width: 100%;
|
|
2246
|
-
bottom: 0;
|
|
2247
|
-
left: 0;
|
|
2248
|
-
padding-bottom: min(100px, 25%);
|
|
2249
|
-
background: linear-gradient(to bottom, var(--gradient-steps));
|
|
2250
|
-
opacity: 0.8;
|
|
2251
|
-
z-index: 1;
|
|
2252
|
-
pointer-events: none;
|
|
2253
|
-
}
|
|
2254
|
-
|
|
2255
|
-
media-control-bar[part~='bottom'] > * {
|
|
2256
|
-
z-index: 20;
|
|
2257
|
-
}
|
|
2258
|
-
|
|
2259
|
-
media-control-bar[part~='bottom'] {
|
|
2260
|
-
padding: 6px 6px;
|
|
2261
|
-
}
|
|
2262
|
-
|
|
2263
|
-
media-control-bar[slot~='top-chrome'] > * {
|
|
2264
|
-
--media-control-background: transparent;
|
|
2265
|
-
--media-control-hover-background: transparent;
|
|
2266
|
-
position: relative;
|
|
2267
|
-
}
|
|
2268
|
-
|
|
2269
|
-
media-controller::part(vertical-layer) {
|
|
2270
|
-
transition: background-color 1s;
|
|
2271
|
-
}
|
|
2272
|
-
|
|
2273
|
-
media-controller:is([mediapaused], :not([userinactive]))::part(vertical-layer) {
|
|
2274
|
-
background-color: var(--controls-backdrop-color, var(--controls, transparent));
|
|
2275
|
-
transition: background-color 0.25s;
|
|
2276
|
-
}
|
|
2277
|
-
|
|
2278
|
-
.center-controls {
|
|
2279
|
-
--media-button-icon-width: 100%;
|
|
2280
|
-
--media-button-icon-height: auto;
|
|
2281
|
-
--media-tooltip-display: none;
|
|
2282
|
-
pointer-events: none;
|
|
2283
|
-
width: 100%;
|
|
2284
|
-
display: flex;
|
|
2285
|
-
flex-flow: row;
|
|
2286
|
-
align-items: center;
|
|
2287
|
-
justify-content: center;
|
|
2288
|
-
filter: drop-shadow(0 0 2px rgb(0 0 0 / 0.25)) drop-shadow(0 0 6px rgb(0 0 0 / 0.25));
|
|
2289
|
-
paint-order: stroke;
|
|
2290
|
-
stroke: rgba(102, 102, 102, 1);
|
|
2291
|
-
stroke-width: 0.3px;
|
|
2292
|
-
text-shadow:
|
|
2293
|
-
0 0 2px rgb(0 0 0 / 0.25),
|
|
2294
|
-
0 0 6px rgb(0 0 0 / 0.25);
|
|
2295
|
-
}
|
|
2296
|
-
|
|
2297
|
-
.center-controls media-play-button {
|
|
2298
|
-
--media-control-background: transparent;
|
|
2299
|
-
--media-control-hover-background: transparent;
|
|
2300
|
-
--media-control-padding: 0;
|
|
2301
|
-
width: 40px;
|
|
2302
|
-
}
|
|
2303
|
-
|
|
2304
|
-
[breakpointsm] .center-controls media-play-button {
|
|
2305
|
-
width: 90px;
|
|
2306
|
-
height: 90px;
|
|
2307
|
-
border-radius: 50%;
|
|
2308
|
-
transition: background 0.4s;
|
|
2309
|
-
padding: 24px;
|
|
2310
|
-
--media-control-background: #000;
|
|
2311
|
-
--media-control-hover-background: var(--_accent-color);
|
|
2312
|
-
}
|
|
2313
|
-
|
|
2314
|
-
.center-controls media-seek-backward-button,
|
|
2315
|
-
.center-controls media-seek-forward-button {
|
|
2316
|
-
--media-control-background: transparent;
|
|
2317
|
-
--media-control-hover-background: transparent;
|
|
2318
|
-
padding: 0;
|
|
2319
|
-
margin: 0 20px;
|
|
2320
|
-
width: max(33px, min(8%, 40px));
|
|
2321
|
-
}
|
|
2322
|
-
|
|
2323
|
-
[breakpointsm]:not([audio]) .center-controls.pre-playback {
|
|
2324
|
-
display: grid;
|
|
2325
|
-
align-items: initial;
|
|
2326
|
-
justify-content: initial;
|
|
2327
|
-
height: 100%;
|
|
2328
|
-
overflow: hidden;
|
|
2329
|
-
}
|
|
2330
|
-
|
|
2331
|
-
[breakpointsm]:not([audio]) .center-controls.pre-playback media-play-button {
|
|
2332
|
-
place-self: var(--_pre-playback-place, center);
|
|
2333
|
-
grid-area: 1 / 1;
|
|
2334
|
-
margin: 16px;
|
|
2335
|
-
}
|
|
2336
|
-
|
|
2337
|
-
/* Show and hide controls or pre-playback state */
|
|
2338
|
-
|
|
2339
|
-
[breakpointsm]:is([mediahasplayed], :not([mediapaused])):not([audio])
|
|
2340
|
-
.center-controls.pre-playback
|
|
2341
|
-
media-play-button {
|
|
2342
|
-
/* Using \`forwards\` would lead to a laggy UI after the animation got in the end state */
|
|
2343
|
-
animation: 0.3s linear pre-play-hide;
|
|
2344
|
-
opacity: 0;
|
|
2345
|
-
pointer-events: none;
|
|
2346
|
-
}
|
|
2347
|
-
|
|
2348
|
-
.autoplay-unmute {
|
|
2349
|
-
--media-control-hover-background: transparent;
|
|
2350
|
-
width: 100%;
|
|
2351
|
-
display: flex;
|
|
2352
|
-
align-items: center;
|
|
2353
|
-
justify-content: center;
|
|
2354
|
-
filter: drop-shadow(0 0 2px rgb(0 0 0 / 0.25)) drop-shadow(0 0 6px rgb(0 0 0 / 0.25));
|
|
2355
|
-
}
|
|
2356
|
-
|
|
2357
|
-
.autoplay-unmute-btn {
|
|
2358
|
-
--media-control-height: 16px;
|
|
2359
|
-
border-radius: 8px;
|
|
2360
|
-
background: #000;
|
|
2361
|
-
color: var(--_primary-color);
|
|
2362
|
-
display: flex;
|
|
2363
|
-
align-items: center;
|
|
2364
|
-
padding: 8px 16px;
|
|
2365
|
-
font-size: 18px;
|
|
2366
|
-
font-weight: 500;
|
|
2367
|
-
cursor: pointer;
|
|
2368
|
-
}
|
|
2369
|
-
|
|
2370
|
-
.autoplay-unmute-btn:hover {
|
|
2371
|
-
background: var(--_accent-color);
|
|
2372
|
-
}
|
|
2373
|
-
|
|
2374
|
-
[breakpointsm] .autoplay-unmute-btn {
|
|
2375
|
-
--media-control-height: 30px;
|
|
2376
|
-
padding: 14px 24px;
|
|
2377
|
-
font-size: 26px;
|
|
2378
|
-
}
|
|
2379
|
-
|
|
2380
|
-
.autoplay-unmute-btn svg {
|
|
2381
|
-
margin: 0 6px 0 0;
|
|
2382
|
-
}
|
|
2383
|
-
|
|
2384
|
-
[breakpointsm] .autoplay-unmute-btn svg {
|
|
2385
|
-
margin: 0 10px 0 0;
|
|
2386
|
-
}
|
|
2387
|
-
|
|
2388
|
-
media-controller:not([audio]):not([mediahasplayed]) *:is(media-control-bar, media-time-range) {
|
|
2389
|
-
display: none;
|
|
2390
|
-
}
|
|
2391
|
-
|
|
2392
|
-
media-error-dialog:not([mediaerrorcode]) {
|
|
2393
|
-
opacity: 0;
|
|
2394
|
-
}
|
|
2395
|
-
|
|
2396
|
-
media-loading-indicator {
|
|
2397
|
-
--media-loading-icon-width: 100%;
|
|
2398
|
-
--media-button-icon-height: auto;
|
|
2399
|
-
display: var(--media-control-display, var(--media-loading-indicator-display, flex));
|
|
2400
|
-
pointer-events: none;
|
|
2401
|
-
position: absolute;
|
|
2402
|
-
width: min(15%, 150px);
|
|
2403
|
-
flex-flow: row;
|
|
2404
|
-
align-items: center;
|
|
2405
|
-
justify-content: center;
|
|
2406
|
-
}
|
|
2407
|
-
|
|
2408
|
-
/* Intentionally don't target the div for transition but the children
|
|
2409
|
-
of the div. Prevents messing with media-chrome's autohide feature. */
|
|
2410
|
-
media-loading-indicator + div * {
|
|
2411
|
-
transition: opacity 0.15s;
|
|
2412
|
-
opacity: 1;
|
|
2413
|
-
}
|
|
2414
|
-
|
|
2415
|
-
media-loading-indicator[medialoading]:not([mediapaused]) ~ div > * {
|
|
2416
|
-
opacity: 0;
|
|
2417
|
-
transition-delay: 400ms;
|
|
2418
|
-
}
|
|
2419
|
-
|
|
2420
|
-
media-volume-range {
|
|
2421
|
-
width: min(100%, 100px);
|
|
2422
|
-
--media-range-padding-left: 10px;
|
|
2423
|
-
--media-range-padding-right: 10px;
|
|
2424
|
-
--media-range-thumb-width: 12px;
|
|
2425
|
-
--media-range-thumb-height: 12px;
|
|
2426
|
-
--media-range-thumb-background: radial-gradient(
|
|
2427
|
-
circle,
|
|
2428
|
-
#000 0%,
|
|
2429
|
-
#000 25%,
|
|
2430
|
-
var(--_primary-color) 25%,
|
|
2431
|
-
var(--_primary-color)
|
|
2432
|
-
);
|
|
2433
|
-
--media-control-hover-background: none;
|
|
2434
|
-
}
|
|
2435
|
-
|
|
2436
|
-
media-time-display {
|
|
2437
|
-
white-space: nowrap;
|
|
2438
|
-
}
|
|
2439
|
-
|
|
2440
|
-
/* Generic style for explicitly disabled controls */
|
|
2441
|
-
media-control-bar[part~='bottom'] [disabled],
|
|
2442
|
-
media-control-bar[part~='bottom'] [aria-disabled='true'] {
|
|
2443
|
-
opacity: 60%;
|
|
2444
|
-
cursor: not-allowed;
|
|
2445
|
-
}
|
|
2446
|
-
|
|
2447
|
-
media-text-display {
|
|
2448
|
-
--media-font-size: 16px;
|
|
2449
|
-
--media-control-padding: 14px;
|
|
2450
|
-
font-weight: 500;
|
|
2451
|
-
}
|
|
2452
|
-
|
|
2453
|
-
media-play-button.animated *:is(g, path) {
|
|
2454
|
-
transition: all 0.3s;
|
|
2455
|
-
}
|
|
2456
|
-
|
|
2457
|
-
media-play-button.animated[mediapaused] .pause-icon-pt1 {
|
|
2458
|
-
opacity: 0;
|
|
2459
|
-
}
|
|
2460
|
-
|
|
2461
|
-
media-play-button.animated[mediapaused] .pause-icon-pt2 {
|
|
2462
|
-
transform-origin: center center;
|
|
2463
|
-
transform: scaleY(0);
|
|
2464
|
-
}
|
|
2465
|
-
|
|
2466
|
-
media-play-button.animated[mediapaused] .play-icon {
|
|
2467
|
-
clip-path: inset(0 0 0 0);
|
|
2468
|
-
}
|
|
2469
|
-
|
|
2470
|
-
media-play-button.animated:not([mediapaused]) .play-icon {
|
|
2471
|
-
clip-path: inset(0 0 0 100%);
|
|
2472
|
-
}
|
|
2473
|
-
|
|
2474
|
-
media-seek-forward-button,
|
|
2475
|
-
media-seek-backward-button {
|
|
2476
|
-
--media-font-weight: 400;
|
|
2477
|
-
}
|
|
2478
|
-
|
|
2479
|
-
.mute-icon {
|
|
2480
|
-
display: inline-block;
|
|
2481
|
-
}
|
|
2482
|
-
|
|
2483
|
-
.mute-icon :is(path, g) {
|
|
2484
|
-
transition: opacity 0.5s;
|
|
2485
|
-
}
|
|
2486
|
-
|
|
2487
|
-
.muted {
|
|
2488
|
-
opacity: 0;
|
|
2489
|
-
}
|
|
2490
|
-
|
|
2491
|
-
media-mute-button[mediavolumelevel='low'] :is(.volume-medium, .volume-high),
|
|
2492
|
-
media-mute-button[mediavolumelevel='medium'] :is(.volume-high) {
|
|
2493
|
-
opacity: 0;
|
|
2494
|
-
}
|
|
2495
|
-
|
|
2496
|
-
media-mute-button[mediavolumelevel='off'] .unmuted {
|
|
2497
|
-
opacity: 0;
|
|
2498
|
-
}
|
|
2499
|
-
|
|
2500
|
-
media-mute-button[mediavolumelevel='off'] .muted {
|
|
2501
|
-
opacity: 1;
|
|
2502
|
-
}
|
|
2503
|
-
|
|
2504
|
-
/**
|
|
2505
|
-
* Our defaults for these buttons are to hide them at small sizes
|
|
2506
|
-
* users can override this with CSS
|
|
2507
|
-
*/
|
|
2508
|
-
media-controller:not([breakpointsm]):not([audio]) {
|
|
2509
|
-
--bottom-play-button: none;
|
|
2510
|
-
--bottom-seek-backward-button: none;
|
|
2511
|
-
--bottom-seek-forward-button: none;
|
|
2512
|
-
--bottom-time-display: none;
|
|
2513
|
-
--bottom-playback-rate-menu-button: none;
|
|
2514
|
-
--bottom-pip-button: none;
|
|
2515
|
-
}
|
|
2516
|
-
|
|
2517
|
-
[part='mux-badge'] {
|
|
2518
|
-
position: absolute;
|
|
2519
|
-
bottom: 10px;
|
|
2520
|
-
right: 10px;
|
|
2521
|
-
z-index: 2;
|
|
2522
|
-
opacity: 0.6;
|
|
2523
|
-
transition:
|
|
2524
|
-
opacity 0.2s ease-in-out,
|
|
2525
|
-
bottom 0.2s ease-in-out;
|
|
2526
|
-
}
|
|
2527
|
-
|
|
2528
|
-
[part='mux-badge']:hover {
|
|
2529
|
-
opacity: 1;
|
|
2530
|
-
}
|
|
2531
|
-
|
|
2532
|
-
[part='mux-badge'] a {
|
|
2533
|
-
font-size: 14px;
|
|
2534
|
-
font-family: var(--_font-family);
|
|
2535
|
-
color: var(--_primary-color);
|
|
2536
|
-
text-decoration: none;
|
|
2537
|
-
display: flex;
|
|
2538
|
-
align-items: center;
|
|
2539
|
-
gap: 5px;
|
|
2540
|
-
}
|
|
2541
|
-
|
|
2542
|
-
[part='mux-badge'] .mux-badge-text {
|
|
2543
|
-
transition: opacity 0.5s ease-in-out;
|
|
2544
|
-
opacity: 0;
|
|
2545
|
-
}
|
|
2546
|
-
|
|
2547
|
-
[part='mux-badge'] .mux-badge-logo {
|
|
2548
|
-
width: 40px;
|
|
2549
|
-
height: auto;
|
|
2550
|
-
display: inline-block;
|
|
2551
|
-
}
|
|
2552
|
-
|
|
2553
|
-
[part='mux-badge'] .mux-badge-logo svg {
|
|
2554
|
-
width: 100%;
|
|
2555
|
-
height: 100%;
|
|
2556
|
-
fill: white;
|
|
2557
|
-
}
|
|
2558
|
-
|
|
2559
|
-
media-controller:not([userinactive]):not([mediahasplayed]) [part='mux-badge'],
|
|
2560
|
-
media-controller:not([userinactive]) [part='mux-badge'],
|
|
2561
|
-
media-controller[mediahasplayed][mediapaused] [part='mux-badge'] {
|
|
2562
|
-
transition: bottom 0.1s ease-in-out;
|
|
2563
|
-
}
|
|
2564
|
-
|
|
2565
|
-
media-controller[userinactive]:not([mediapaused]) [part='mux-badge'] {
|
|
2566
|
-
transition: bottom 0.2s ease-in-out 0.62s;
|
|
2567
|
-
}
|
|
2568
|
-
|
|
2569
|
-
media-controller:not([userinactive]) [part='mux-badge'] .mux-badge-text,
|
|
2570
|
-
media-controller[mediahasplayed][mediapaused] [part='mux-badge'] .mux-badge-text {
|
|
2571
|
-
opacity: 1;
|
|
2572
|
-
}
|
|
2573
|
-
|
|
2574
|
-
media-controller[userinactive]:not([mediapaused]) [part='mux-badge'] .mux-badge-text {
|
|
2575
|
-
opacity: 0;
|
|
2576
|
-
}
|
|
2577
|
-
|
|
2578
|
-
media-controller[userinactive]:not([mediapaused]) [part='mux-badge'] {
|
|
2579
|
-
bottom: 10px;
|
|
2580
|
-
}
|
|
2581
|
-
|
|
2582
|
-
media-controller:not([userinactive]):not([mediahasplayed]) [part='mux-badge'] {
|
|
2583
|
-
bottom: 10px;
|
|
2584
|
-
}
|
|
2585
|
-
|
|
2586
|
-
media-controller:not([userinactive])[mediahasplayed] [part='mux-badge'],
|
|
2587
|
-
media-controller[mediahasplayed][mediapaused] [part='mux-badge'] {
|
|
2588
|
-
bottom: calc(28px + var(--media-control-height, 0px) + var(--media-control-padding, 0px) * 2);
|
|
2589
|
-
}
|
|
2590
|
-
</style>
|
|
2591
|
-
|
|
2592
|
-
<template partial="TitleDisplay">
|
|
2593
|
-
<template if="videotitle">
|
|
2594
|
-
<template if="videotitle != true">
|
|
2595
|
-
<media-text-display part="top title display" class="title-display">{{videotitle}}</media-text-display>
|
|
2596
|
-
</template>
|
|
2597
|
-
</template>
|
|
2598
|
-
<template if="!videotitle">
|
|
2599
|
-
<template if="title">
|
|
2600
|
-
<media-text-display part="top title display" class="title-display">{{title}}</media-text-display>
|
|
2601
|
-
</template>
|
|
2602
|
-
</template>
|
|
2603
|
-
</template>
|
|
2604
|
-
|
|
2605
|
-
<template partial="PlayButton">
|
|
2606
|
-
<media-play-button
|
|
2607
|
-
part="{{section ?? 'bottom'}} play button"
|
|
2608
|
-
disabled="{{disabled}}"
|
|
2609
|
-
aria-disabled="{{disabled}}"
|
|
2610
|
-
class="animated"
|
|
2611
|
-
>
|
|
2612
|
-
<svg aria-hidden="true" viewBox="0 0 18 14" slot="icon">
|
|
2613
|
-
<g class="play-icon">
|
|
2614
|
-
<path
|
|
2615
|
-
d="M15.5987 6.2911L3.45577 0.110898C2.83667 -0.204202 2.06287 0.189698 2.06287 0.819798V13.1802C2.06287 13.8103 2.83667 14.2042 3.45577 13.8891L15.5987 7.7089C16.2178 7.3938 16.2178 6.6061 15.5987 6.2911Z"
|
|
2616
|
-
/>
|
|
2617
|
-
</g>
|
|
2618
|
-
<g class="pause-icon">
|
|
2619
|
-
<path
|
|
2620
|
-
class="pause-icon-pt1"
|
|
2621
|
-
d="M5.90709 0H2.96889C2.46857 0 2.06299 0.405585 2.06299 0.9059V13.0941C2.06299 13.5944 2.46857 14 2.96889 14H5.90709C6.4074 14 6.81299 13.5944 6.81299 13.0941V0.9059C6.81299 0.405585 6.4074 0 5.90709 0Z"
|
|
2622
|
-
/>
|
|
2623
|
-
<path
|
|
2624
|
-
class="pause-icon-pt2"
|
|
2625
|
-
d="M15.1571 0H12.2189C11.7186 0 11.313 0.405585 11.313 0.9059V13.0941C11.313 13.5944 11.7186 14 12.2189 14H15.1571C15.6574 14 16.063 13.5944 16.063 13.0941V0.9059C16.063 0.405585 15.6574 0 15.1571 0Z"
|
|
2626
|
-
/>
|
|
2627
|
-
</g>
|
|
2628
|
-
</svg>
|
|
2629
|
-
</media-play-button>
|
|
2630
|
-
</template>
|
|
2631
|
-
|
|
2632
|
-
<template partial="PrePlayButton">
|
|
2633
|
-
<media-play-button
|
|
2634
|
-
part="{{section ?? 'center'}} play button pre-play"
|
|
2635
|
-
disabled="{{disabled}}"
|
|
2636
|
-
aria-disabled="{{disabled}}"
|
|
2637
|
-
>
|
|
2638
|
-
<svg aria-hidden="true" viewBox="0 0 18 14" slot="icon" style="transform: translate(3px, 0)">
|
|
2639
|
-
<path
|
|
2640
|
-
d="M15.5987 6.2911L3.45577 0.110898C2.83667 -0.204202 2.06287 0.189698 2.06287 0.819798V13.1802C2.06287 13.8103 2.83667 14.2042 3.45577 13.8891L15.5987 7.7089C16.2178 7.3938 16.2178 6.6061 15.5987 6.2911Z"
|
|
2641
|
-
/>
|
|
2642
|
-
</svg>
|
|
2643
|
-
</media-play-button>
|
|
2644
|
-
</template>
|
|
2645
|
-
|
|
2646
|
-
<template partial="SeekBackwardButton">
|
|
2647
|
-
<media-seek-backward-button
|
|
2648
|
-
seekoffset="{{backwardseekoffset}}"
|
|
2649
|
-
part="{{section ?? 'bottom'}} seek-backward button"
|
|
2650
|
-
disabled="{{disabled}}"
|
|
2651
|
-
aria-disabled="{{disabled}}"
|
|
2652
|
-
>
|
|
2653
|
-
<svg viewBox="0 0 22 14" aria-hidden="true" slot="icon">
|
|
2654
|
-
<path
|
|
2655
|
-
d="M3.65 2.07888L0.0864 6.7279C-0.0288 6.87812 -0.0288 7.12188 0.0864 7.2721L3.65 11.9211C3.7792 12.0896 4 11.9703 4 11.7321V2.26787C4 2.02968 3.7792 1.9104 3.65 2.07888Z"
|
|
2656
|
-
/>
|
|
2657
|
-
<text transform="translate(6 12)" style="font-size: 14px; font-family: 'ArialMT', 'Arial'">
|
|
2658
|
-
{{backwardseekoffset}}
|
|
2659
|
-
</text>
|
|
2660
|
-
</svg>
|
|
2661
|
-
</media-seek-backward-button>
|
|
2662
|
-
</template>
|
|
2663
|
-
|
|
2664
|
-
<template partial="SeekForwardButton">
|
|
2665
|
-
<media-seek-forward-button
|
|
2666
|
-
seekoffset="{{forwardseekoffset}}"
|
|
2667
|
-
part="{{section ?? 'bottom'}} seek-forward button"
|
|
2668
|
-
disabled="{{disabled}}"
|
|
2669
|
-
aria-disabled="{{disabled}}"
|
|
2670
|
-
>
|
|
2671
|
-
<svg viewBox="0 0 22 14" aria-hidden="true" slot="icon">
|
|
2672
|
-
<g>
|
|
2673
|
-
<text transform="translate(-1 12)" style="font-size: 14px; font-family: 'ArialMT', 'Arial'">
|
|
2674
|
-
{{forwardseekoffset}}
|
|
2675
|
-
</text>
|
|
2676
|
-
<path
|
|
2677
|
-
d="M18.35 11.9211L21.9136 7.2721C22.0288 7.12188 22.0288 6.87812 21.9136 6.7279L18.35 2.07888C18.2208 1.91041 18 2.02968 18 2.26787V11.7321C18 11.9703 18.2208 12.0896 18.35 11.9211Z"
|
|
2678
|
-
/>
|
|
2679
|
-
</g>
|
|
2680
|
-
</svg>
|
|
2681
|
-
</media-seek-forward-button>
|
|
2682
|
-
</template>
|
|
2683
|
-
|
|
2684
|
-
<template partial="MuteButton">
|
|
2685
|
-
<media-mute-button part="bottom mute button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
2686
|
-
<svg viewBox="0 0 18 14" slot="icon" class="mute-icon" aria-hidden="true">
|
|
2687
|
-
<g class="unmuted">
|
|
2688
|
-
<path
|
|
2689
|
-
d="M6.76786 1.21233L3.98606 3.98924H1.19937C0.593146 3.98924 0.101743 4.51375 0.101743 5.1607V6.96412L0 6.99998L0.101743 7.03583V8.83926C0.101743 9.48633 0.593146 10.0108 1.19937 10.0108H3.98606L6.76773 12.7877C7.23561 13.2547 8 12.9007 8 12.2171V1.78301C8 1.09925 7.23574 0.745258 6.76786 1.21233Z"
|
|
2690
|
-
/>
|
|
2691
|
-
<path
|
|
2692
|
-
class="volume-low"
|
|
2693
|
-
d="M10 3.54781C10.7452 4.55141 11.1393 5.74511 11.1393 6.99991C11.1393 8.25471 10.7453 9.44791 10 10.4515L10.7988 11.0496C11.6734 9.87201 12.1356 8.47161 12.1356 6.99991C12.1356 5.52821 11.6735 4.12731 10.7988 2.94971L10 3.54781Z"
|
|
2694
|
-
/>
|
|
2695
|
-
<path
|
|
2696
|
-
class="volume-medium"
|
|
2697
|
-
d="M12.3778 2.40086C13.2709 3.76756 13.7428 5.35806 13.7428 7.00026C13.7428 8.64246 13.2709 10.233 12.3778 11.5992L13.2106 12.1484C14.2107 10.6185 14.739 8.83796 14.739 7.00016C14.739 5.16236 14.2107 3.38236 13.2106 1.85156L12.3778 2.40086Z"
|
|
2698
|
-
/>
|
|
2699
|
-
<path
|
|
2700
|
-
class="volume-high"
|
|
2701
|
-
d="M15.5981 0.75L14.7478 1.2719C15.7937 2.9919 16.3468 4.9723 16.3468 7C16.3468 9.0277 15.7937 11.0082 14.7478 12.7281L15.5981 13.25C16.7398 11.3722 17.343 9.211 17.343 7C17.343 4.789 16.7398 2.6268 15.5981 0.75Z"
|
|
2702
|
-
/>
|
|
2703
|
-
</g>
|
|
2704
|
-
<g class="muted">
|
|
2705
|
-
<path
|
|
2706
|
-
fill-rule="evenodd"
|
|
2707
|
-
clip-rule="evenodd"
|
|
2708
|
-
d="M4.39976 4.98924H1.19937C1.19429 4.98924 1.17777 4.98961 1.15296 5.01609C1.1271 5.04369 1.10174 5.09245 1.10174 5.1607V8.83926C1.10174 8.90761 1.12714 8.95641 1.15299 8.984C1.17779 9.01047 1.1943 9.01084 1.19937 9.01084H4.39977L7 11.6066V2.39357L4.39976 4.98924ZM7.47434 1.92006C7.4743 1.9201 7.47439 1.92002 7.47434 1.92006V1.92006ZM6.76773 12.7877L3.98606 10.0108H1.19937C0.593146 10.0108 0.101743 9.48633 0.101743 8.83926V7.03583L0 6.99998L0.101743 6.96412V5.1607C0.101743 4.51375 0.593146 3.98924 1.19937 3.98924H3.98606L6.76786 1.21233C7.23574 0.745258 8 1.09925 8 1.78301V12.2171C8 12.9007 7.23561 13.2547 6.76773 12.7877Z"
|
|
2709
|
-
/>
|
|
2710
|
-
<path
|
|
2711
|
-
fill-rule="evenodd"
|
|
2712
|
-
clip-rule="evenodd"
|
|
2713
|
-
d="M15.2677 9.30323C15.463 9.49849 15.7796 9.49849 15.9749 9.30323C16.1701 9.10796 16.1701 8.79138 15.9749 8.59612L14.2071 6.82841L15.9749 5.06066C16.1702 4.8654 16.1702 4.54882 15.9749 4.35355C15.7796 4.15829 15.4631 4.15829 15.2678 4.35355L13.5 6.1213L11.7322 4.35348C11.537 4.15822 11.2204 4.15822 11.0251 4.35348C10.8298 4.54874 10.8298 4.86532 11.0251 5.06058L12.7929 6.82841L11.0251 8.59619C10.8299 8.79146 10.8299 9.10804 11.0251 9.3033C11.2204 9.49856 11.537 9.49856 11.7323 9.3033L13.5 7.53552L15.2677 9.30323Z"
|
|
2714
|
-
/>
|
|
2715
|
-
</g>
|
|
2716
|
-
</svg>
|
|
2717
|
-
</media-mute-button>
|
|
2718
|
-
</template>
|
|
2719
|
-
|
|
2720
|
-
<template partial="PipButton">
|
|
2721
|
-
<media-pip-button part="bottom pip button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
2722
|
-
<svg viewBox="0 0 18 14" aria-hidden="true" slot="icon">
|
|
2723
|
-
<path
|
|
2724
|
-
d="M15.9891 0H2.011C0.9004 0 0 0.9003 0 2.0109V11.989C0 13.0996 0.9004 14 2.011 14H15.9891C17.0997 14 18 13.0997 18 11.9891V2.0109C18 0.9003 17.0997 0 15.9891 0ZM17 11.9891C17 12.5465 16.5465 13 15.9891 13H2.011C1.4536 13 1.0001 12.5465 1.0001 11.9891V2.0109C1.0001 1.4535 1.4536 0.9999 2.011 0.9999H15.9891C16.5465 0.9999 17 1.4535 17 2.0109V11.9891Z"
|
|
2725
|
-
/>
|
|
2726
|
-
<path
|
|
2727
|
-
d="M15.356 5.67822H8.19523C8.03253 5.67822 7.90063 5.81012 7.90063 5.97282V11.3836C7.90063 11.5463 8.03253 11.6782 8.19523 11.6782H15.356C15.5187 11.6782 15.6506 11.5463 15.6506 11.3836V5.97282C15.6506 5.81012 15.5187 5.67822 15.356 5.67822Z"
|
|
2728
|
-
/>
|
|
2729
|
-
</svg>
|
|
2730
|
-
</media-pip-button>
|
|
2731
|
-
</template>
|
|
2732
|
-
|
|
2733
|
-
<template partial="CaptionsMenu">
|
|
2734
|
-
<media-captions-menu-button part="bottom captions button">
|
|
2735
|
-
<svg aria-hidden="true" viewBox="0 0 18 14" slot="on">
|
|
2736
|
-
<path
|
|
2737
|
-
d="M15.989 0H2.011C0.9004 0 0 0.9003 0 2.0109V11.9891C0 13.0997 0.9004 14 2.011 14H15.989C17.0997 14 18 13.0997 18 11.9891V2.0109C18 0.9003 17.0997 0 15.989 0ZM4.2292 8.7639C4.5954 9.1902 5.0935 9.4031 5.7233 9.4031C6.1852 9.4031 6.5544 9.301 6.8302 9.0969C7.1061 8.8933 7.2863 8.614 7.3702 8.26H8.4322C8.3062 8.884 8.0093 9.3733 7.5411 9.7273C7.0733 10.0813 6.4703 10.2581 5.732 10.2581C5.108 10.2581 4.5699 10.1219 4.1168 9.8489C3.6637 9.5759 3.3141 9.1946 3.0685 8.7058C2.8224 8.2165 2.6994 7.6511 2.6994 7.009C2.6994 6.3611 2.8224 5.7927 3.0685 5.3034C3.3141 4.8146 3.6637 4.4323 4.1168 4.1559C4.5699 3.88 5.108 3.7418 5.732 3.7418C6.4703 3.7418 7.0733 3.922 7.5411 4.2818C8.0094 4.6422 8.3062 5.1461 8.4322 5.794H7.3702C7.2862 5.4283 7.106 5.1368 6.8302 4.921C6.5544 4.7052 6.1852 4.5968 5.7233 4.5968C5.0934 4.5968 4.5954 4.8116 4.2292 5.2404C3.8635 5.6696 3.6804 6.259 3.6804 7.009C3.6804 7.7531 3.8635 8.3381 4.2292 8.7639ZM11.0974 8.7639C11.4636 9.1902 11.9617 9.4031 12.5915 9.4031C13.0534 9.4031 13.4226 9.301 13.6984 9.0969C13.9743 8.8933 14.1545 8.614 14.2384 8.26H15.3004C15.1744 8.884 14.8775 9.3733 14.4093 9.7273C13.9415 10.0813 13.3385 10.2581 12.6002 10.2581C11.9762 10.2581 11.4381 10.1219 10.985 9.8489C10.5319 9.5759 10.1823 9.1946 9.9367 8.7058C9.6906 8.2165 9.5676 7.6511 9.5676 7.009C9.5676 6.3611 9.6906 5.7927 9.9367 5.3034C10.1823 4.8146 10.5319 4.4323 10.985 4.1559C11.4381 3.88 11.9762 3.7418 12.6002 3.7418C13.3385 3.7418 13.9415 3.922 14.4093 4.2818C14.8776 4.6422 15.1744 5.1461 15.3004 5.794H14.2384C14.1544 5.4283 13.9742 5.1368 13.6984 4.921C13.4226 4.7052 13.0534 4.5968 12.5915 4.5968C11.9616 4.5968 11.4636 4.8116 11.0974 5.2404C10.7317 5.6696 10.5486 6.259 10.5486 7.009C10.5486 7.7531 10.7317 8.3381 11.0974 8.7639Z"
|
|
2738
|
-
/>
|
|
2739
|
-
</svg>
|
|
2740
|
-
<svg aria-hidden="true" viewBox="0 0 18 14" slot="off">
|
|
2741
|
-
<path
|
|
2742
|
-
d="M5.73219 10.258C5.10819 10.258 4.57009 10.1218 4.11699 9.8488C3.66389 9.5758 3.31429 9.1945 3.06869 8.7057C2.82259 8.2164 2.69958 7.651 2.69958 7.0089C2.69958 6.361 2.82259 5.7926 3.06869 5.3033C3.31429 4.8145 3.66389 4.4322 4.11699 4.1558C4.57009 3.8799 5.10819 3.7417 5.73219 3.7417C6.47049 3.7417 7.07348 3.9219 7.54128 4.2817C8.00958 4.6421 8.30638 5.146 8.43238 5.7939H7.37039C7.28639 5.4282 7.10618 5.1367 6.83039 4.9209C6.55459 4.7051 6.18538 4.5967 5.72348 4.5967C5.09358 4.5967 4.59559 4.8115 4.22939 5.2403C3.86369 5.6695 3.68058 6.2589 3.68058 7.0089C3.68058 7.753 3.86369 8.338 4.22939 8.7638C4.59559 9.1901 5.09368 9.403 5.72348 9.403C6.18538 9.403 6.55459 9.3009 6.83039 9.0968C7.10629 8.8932 7.28649 8.6139 7.37039 8.2599H8.43238C8.30638 8.8839 8.00948 9.3732 7.54128 9.7272C7.07348 10.0812 6.47049 10.258 5.73219 10.258Z"
|
|
2743
|
-
/>
|
|
2744
|
-
<path
|
|
2745
|
-
d="M12.6003 10.258C11.9763 10.258 11.4382 10.1218 10.9851 9.8488C10.532 9.5758 10.1824 9.1945 9.93685 8.7057C9.69075 8.2164 9.56775 7.651 9.56775 7.0089C9.56775 6.361 9.69075 5.7926 9.93685 5.3033C10.1824 4.8145 10.532 4.4322 10.9851 4.1558C11.4382 3.8799 11.9763 3.7417 12.6003 3.7417C13.3386 3.7417 13.9416 3.9219 14.4094 4.2817C14.8777 4.6421 15.1745 5.146 15.3005 5.7939H14.2385C14.1545 5.4282 13.9743 5.1367 13.6985 4.9209C13.4227 4.7051 13.0535 4.5967 12.5916 4.5967C11.9617 4.5967 11.4637 4.8115 11.0975 5.2403C10.7318 5.6695 10.5487 6.2589 10.5487 7.0089C10.5487 7.753 10.7318 8.338 11.0975 8.7638C11.4637 9.1901 11.9618 9.403 12.5916 9.403C13.0535 9.403 13.4227 9.3009 13.6985 9.0968C13.9744 8.8932 14.1546 8.6139 14.2385 8.2599H15.3005C15.1745 8.8839 14.8776 9.3732 14.4094 9.7272C13.9416 10.0812 13.3386 10.258 12.6003 10.258Z"
|
|
2746
|
-
/>
|
|
2747
|
-
<path
|
|
2748
|
-
d="M15.9891 1C16.5465 1 17 1.4535 17 2.011V11.9891C17 12.5465 16.5465 13 15.9891 13H2.0109C1.4535 13 1 12.5465 1 11.9891V2.0109C1 1.4535 1.4535 0.9999 2.0109 0.9999L15.9891 1ZM15.9891 0H2.0109C0.9003 0 0 0.9003 0 2.0109V11.9891C0 13.0997 0.9003 14 2.0109 14H15.9891C17.0997 14 18 13.0997 18 11.9891V2.0109C18 0.9003 17.0997 0 15.9891 0Z"
|
|
2749
|
-
/>
|
|
2750
|
-
</svg>
|
|
2751
|
-
</media-captions-menu-button>
|
|
2752
|
-
<media-captions-menu
|
|
2753
|
-
hidden
|
|
2754
|
-
anchor="auto"
|
|
2755
|
-
part="bottom captions menu"
|
|
2756
|
-
disabled="{{disabled}}"
|
|
2757
|
-
aria-disabled="{{disabled}}"
|
|
2758
|
-
exportparts="menu-item"
|
|
2759
|
-
>
|
|
2760
|
-
<div slot="checked-indicator">
|
|
2761
|
-
<style>
|
|
2762
|
-
.indicator {
|
|
2763
|
-
position: relative;
|
|
2764
|
-
top: 1px;
|
|
2765
|
-
width: 0.9em;
|
|
2766
|
-
height: auto;
|
|
2767
|
-
fill: var(--_accent-color);
|
|
2768
|
-
margin-right: 5px;
|
|
2769
|
-
}
|
|
2770
|
-
|
|
2771
|
-
[aria-checked='false'] .indicator {
|
|
2772
|
-
display: none;
|
|
2773
|
-
}
|
|
2774
|
-
</style>
|
|
2775
|
-
<svg viewBox="0 0 14 18" class="indicator">
|
|
2776
|
-
<path
|
|
2777
|
-
d="M12.252 3.48c-.115.033-.301.161-.425.291-.059.063-1.407 1.815-2.995 3.894s-2.897 3.79-2.908 3.802c-.013.014-.661-.616-1.672-1.624-.908-.905-1.702-1.681-1.765-1.723-.401-.27-.783-.211-1.176.183a1.285 1.285 0 0 0-.261.342.582.582 0 0 0-.082.35c0 .165.01.205.08.35.075.153.213.296 2.182 2.271 1.156 1.159 2.17 2.159 2.253 2.222.189.143.338.196.539.194.203-.003.412-.104.618-.299.205-.193 6.7-8.693 6.804-8.903a.716.716 0 0 0 .085-.345c.01-.179.005-.203-.062-.339-.124-.252-.45-.531-.746-.639a.784.784 0 0 0-.469-.027"
|
|
2778
|
-
fill-rule="evenodd"
|
|
2779
|
-
/>
|
|
2780
|
-
</svg></div
|
|
2781
|
-
></media-captions-menu>
|
|
2782
|
-
</template>
|
|
2783
|
-
|
|
2784
|
-
<template partial="AirplayButton">
|
|
2785
|
-
<media-airplay-button part="bottom airplay button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
2786
|
-
<svg viewBox="0 0 18 14" aria-hidden="true" slot="icon">
|
|
2787
|
-
<path
|
|
2788
|
-
d="M16.1383 0H1.8618C0.8335 0 0 0.8335 0 1.8617V10.1382C0 11.1664 0.8335 12 1.8618 12H3.076C3.1204 11.9433 3.1503 11.8785 3.2012 11.826L4.004 11H1.8618C1.3866 11 1 10.6134 1 10.1382V1.8617C1 1.3865 1.3866 0.9999 1.8618 0.9999H16.1383C16.6135 0.9999 17.0001 1.3865 17.0001 1.8617V10.1382C17.0001 10.6134 16.6135 11 16.1383 11H13.9961L14.7989 11.826C14.8499 11.8785 14.8798 11.9432 14.9241 12H16.1383C17.1665 12 18.0001 11.1664 18.0001 10.1382V1.8617C18 0.8335 17.1665 0 16.1383 0Z"
|
|
2789
|
-
/>
|
|
2790
|
-
<path
|
|
2791
|
-
d="M9.55061 8.21903C9.39981 8.06383 9.20001 7.98633 9.00011 7.98633C8.80021 7.98633 8.60031 8.06383 8.44951 8.21903L4.09771 12.697C3.62471 13.1838 3.96961 13.9998 4.64831 13.9998H13.3518C14.0304 13.9998 14.3754 13.1838 13.9023 12.697L9.55061 8.21903Z"
|
|
2792
|
-
/>
|
|
2793
|
-
</svg>
|
|
2794
|
-
</media-airplay-button>
|
|
2795
|
-
</template>
|
|
2796
|
-
|
|
2797
|
-
<template partial="FullscreenButton">
|
|
2798
|
-
<media-fullscreen-button part="bottom fullscreen button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
2799
|
-
<svg viewBox="0 0 18 14" aria-hidden="true" slot="enter">
|
|
2800
|
-
<path
|
|
2801
|
-
d="M1.00745 4.39539L1.01445 1.98789C1.01605 1.43049 1.47085 0.978289 2.02835 0.979989L6.39375 0.992589L6.39665 -0.007411L2.03125 -0.020011C0.920646 -0.023211 0.0176463 0.874489 0.0144463 1.98509L0.00744629 4.39539H1.00745Z"
|
|
2802
|
-
/>
|
|
2803
|
-
<path
|
|
2804
|
-
d="M17.0144 2.03431L17.0076 4.39541H18.0076L18.0144 2.03721C18.0176 0.926712 17.1199 0.0237125 16.0093 0.0205125L11.6439 0.0078125L11.641 1.00781L16.0064 1.02041C16.5638 1.02201 17.016 1.47681 17.0144 2.03431Z"
|
|
2805
|
-
/>
|
|
2806
|
-
<path
|
|
2807
|
-
d="M16.9925 9.60498L16.9855 12.0124C16.9839 12.5698 16.5291 13.022 15.9717 13.0204L11.6063 13.0078L11.6034 14.0078L15.9688 14.0204C17.0794 14.0236 17.9823 13.1259 17.9855 12.0153L17.9925 9.60498H16.9925Z"
|
|
2808
|
-
/>
|
|
2809
|
-
<path
|
|
2810
|
-
d="M0.985626 11.9661L0.992426 9.60498H-0.0074737L-0.0142737 11.9632C-0.0174737 13.0738 0.880226 13.9767 1.99083 13.98L6.35623 13.9926L6.35913 12.9926L1.99373 12.98C1.43633 12.9784 0.983926 12.5236 0.985626 11.9661Z"
|
|
2811
|
-
/>
|
|
2812
|
-
</svg>
|
|
2813
|
-
<svg viewBox="0 0 18 14" aria-hidden="true" slot="exit">
|
|
2814
|
-
<path
|
|
2815
|
-
d="M5.39655 -0.0200195L5.38955 2.38748C5.38795 2.94488 4.93315 3.39708 4.37565 3.39538L0.0103463 3.38278L0.00744629 4.38278L4.37285 4.39538C5.48345 4.39858 6.38635 3.50088 6.38965 2.39028L6.39665 -0.0200195H5.39655Z"
|
|
2816
|
-
/>
|
|
2817
|
-
<path
|
|
2818
|
-
d="M12.6411 2.36891L12.6479 0.0078125H11.6479L11.6411 2.36601C11.6379 3.47651 12.5356 4.37951 13.6462 4.38271L18.0116 4.39531L18.0145 3.39531L13.6491 3.38271C13.0917 3.38111 12.6395 2.92641 12.6411 2.36891Z"
|
|
2819
|
-
/>
|
|
2820
|
-
<path
|
|
2821
|
-
d="M12.6034 14.0204L12.6104 11.613C12.612 11.0556 13.0668 10.6034 13.6242 10.605L17.9896 10.6176L17.9925 9.61759L13.6271 9.60499C12.5165 9.60179 11.6136 10.4995 11.6104 11.6101L11.6034 14.0204H12.6034Z"
|
|
2822
|
-
/>
|
|
2823
|
-
<path
|
|
2824
|
-
d="M5.359 11.6315L5.3522 13.9926H6.3522L6.359 11.6344C6.3622 10.5238 5.4645 9.62088 4.3539 9.61758L-0.0115043 9.60498L-0.0144043 10.605L4.351 10.6176C4.9084 10.6192 5.3607 11.074 5.359 11.6315Z"
|
|
2825
|
-
/>
|
|
2826
|
-
</svg>
|
|
2827
|
-
</media-fullscreen-button>
|
|
2828
|
-
</template>
|
|
2829
|
-
|
|
2830
|
-
<template partial="CastButton">
|
|
2831
|
-
<media-cast-button part="bottom cast button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
2832
|
-
<svg viewBox="0 0 18 14" aria-hidden="true" slot="enter">
|
|
2833
|
-
<path
|
|
2834
|
-
d="M16.0072 0H2.0291C0.9185 0 0.0181 0.9003 0.0181 2.011V5.5009C0.357 5.5016 0.6895 5.5275 1.0181 5.5669V2.011C1.0181 1.4536 1.4716 1 2.029 1H16.0072C16.5646 1 17.0181 1.4536 17.0181 2.011V11.9891C17.0181 12.5465 16.5646 13 16.0072 13H8.4358C8.4746 13.3286 8.4999 13.6611 8.4999 13.9999H16.0071C17.1177 13.9999 18.018 13.0996 18.018 11.989V2.011C18.0181 0.9003 17.1178 0 16.0072 0ZM0 6.4999V7.4999C3.584 7.4999 6.5 10.4159 6.5 13.9999H7.5C7.5 9.8642 4.1357 6.4999 0 6.4999ZM0 8.7499V9.7499C2.3433 9.7499 4.25 11.6566 4.25 13.9999H5.25C5.25 11.1049 2.895 8.7499 0 8.7499ZM0.0181 11V14H3.0181C3.0181 12.3431 1.675 11 0.0181 11Z"
|
|
2835
|
-
/>
|
|
2836
|
-
</svg>
|
|
2837
|
-
<svg viewBox="0 0 18 14" aria-hidden="true" slot="exit">
|
|
2838
|
-
<path
|
|
2839
|
-
d="M15.9891 0H2.01103C0.900434 0 3.35947e-05 0.9003 3.35947e-05 2.011V5.5009C0.338934 5.5016 0.671434 5.5275 1.00003 5.5669V2.011C1.00003 1.4536 1.45353 1 2.01093 1H15.9891C16.5465 1 17 1.4536 17 2.011V11.9891C17 12.5465 16.5465 13 15.9891 13H8.41773C8.45653 13.3286 8.48183 13.6611 8.48183 13.9999H15.989C17.0996 13.9999 17.9999 13.0996 17.9999 11.989V2.011C18 0.9003 17.0997 0 15.9891 0ZM-0.0180664 6.4999V7.4999C3.56593 7.4999 6.48193 10.4159 6.48193 13.9999H7.48193C7.48193 9.8642 4.11763 6.4999 -0.0180664 6.4999ZM-0.0180664 8.7499V9.7499C2.32523 9.7499 4.23193 11.6566 4.23193 13.9999H5.23193C5.23193 11.1049 2.87693 8.7499 -0.0180664 8.7499ZM3.35947e-05 11V14H3.00003C3.00003 12.3431 1.65693 11 3.35947e-05 11Z"
|
|
2840
|
-
/>
|
|
2841
|
-
<path d="M2.15002 5.634C5.18352 6.4207 7.57252 8.8151 8.35282 11.8499H15.8501V2.1499H2.15002V5.634Z" />
|
|
2842
|
-
</svg>
|
|
2843
|
-
</media-cast-button>
|
|
2844
|
-
</template>
|
|
2845
|
-
|
|
2846
|
-
<template partial="LiveButton">
|
|
2847
|
-
<media-live-button part="{{section ?? 'top'}} live button" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
2848
|
-
<span slot="text">Live</span>
|
|
2849
|
-
</media-live-button>
|
|
2850
|
-
</template>
|
|
2851
|
-
|
|
2852
|
-
<template partial="PlaybackRateMenu">
|
|
2853
|
-
<media-playback-rate-menu-button part="bottom playback-rate button"></media-playback-rate-menu-button>
|
|
2854
|
-
<media-playback-rate-menu
|
|
2855
|
-
hidden
|
|
2856
|
-
anchor="auto"
|
|
2857
|
-
rates="{{playbackrates}}"
|
|
2858
|
-
exportparts="menu-item"
|
|
2859
|
-
part="bottom playback-rate menu"
|
|
2860
|
-
disabled="{{disabled}}"
|
|
2861
|
-
aria-disabled="{{disabled}}"
|
|
2862
|
-
></media-playback-rate-menu>
|
|
2863
|
-
</template>
|
|
2864
|
-
|
|
2865
|
-
<template partial="VolumeRange">
|
|
2866
|
-
<media-volume-range
|
|
2867
|
-
part="bottom volume range"
|
|
2868
|
-
disabled="{{disabled}}"
|
|
2869
|
-
aria-disabled="{{disabled}}"
|
|
2870
|
-
></media-volume-range>
|
|
2871
|
-
</template>
|
|
2872
|
-
|
|
2873
|
-
<template partial="TimeDisplay">
|
|
2874
|
-
<media-time-display
|
|
2875
|
-
remaining="{{defaultshowremainingtime}}"
|
|
2876
|
-
showduration="{{!hideduration}}"
|
|
2877
|
-
part="bottom time display"
|
|
2878
|
-
disabled="{{disabled}}"
|
|
2879
|
-
aria-disabled="{{disabled}}"
|
|
2880
|
-
></media-time-display>
|
|
2881
|
-
</template>
|
|
2882
|
-
|
|
2883
|
-
<template partial="TimeRange">
|
|
2884
|
-
<media-time-range part="bottom time range" disabled="{{disabled}}" aria-disabled="{{disabled}}">
|
|
2885
|
-
<media-preview-thumbnail slot="preview"></media-preview-thumbnail>
|
|
2886
|
-
<media-preview-chapter-display slot="preview"></media-preview-chapter-display>
|
|
2887
|
-
<media-preview-time-display slot="preview"></media-preview-time-display>
|
|
2888
|
-
<div slot="preview" part="arrow"></div>
|
|
2889
|
-
</media-time-range>
|
|
2890
|
-
</template>
|
|
2891
|
-
|
|
2892
|
-
<template partial="AudioTrackMenu">
|
|
2893
|
-
<media-audio-track-menu-button part="bottom audio-track button">
|
|
2894
|
-
<svg aria-hidden="true" slot="icon" viewBox="0 0 18 16">
|
|
2895
|
-
<path d="M9 15A7 7 0 1 1 9 1a7 7 0 0 1 0 14Zm0 1A8 8 0 1 0 9 0a8 8 0 0 0 0 16Z" />
|
|
2896
|
-
<path
|
|
2897
|
-
d="M5.2 6.3a.5.5 0 0 1 .5.5v2.4a.5.5 0 1 1-1 0V6.8a.5.5 0 0 1 .5-.5Zm2.4-2.4a.5.5 0 0 1 .5.5v7.2a.5.5 0 0 1-1 0V4.4a.5.5 0 0 1 .5-.5ZM10 5.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.4-.8a.5.5 0 0 1 .5.5v5.6a.5.5 0 0 1-1 0V5.2a.5.5 0 0 1 .5-.5Z"
|
|
2898
|
-
/>
|
|
2899
|
-
</svg>
|
|
2900
|
-
</media-audio-track-menu-button>
|
|
2901
|
-
<media-audio-track-menu
|
|
2902
|
-
hidden
|
|
2903
|
-
anchor="auto"
|
|
2904
|
-
part="bottom audio-track menu"
|
|
2905
|
-
disabled="{{disabled}}"
|
|
2906
|
-
aria-disabled="{{disabled}}"
|
|
2907
|
-
exportparts="menu-item"
|
|
2908
|
-
>
|
|
2909
|
-
<div slot="checked-indicator">
|
|
2910
|
-
<style>
|
|
2911
|
-
.indicator {
|
|
2912
|
-
position: relative;
|
|
2913
|
-
top: 1px;
|
|
2914
|
-
width: 0.9em;
|
|
2915
|
-
height: auto;
|
|
2916
|
-
fill: var(--_accent-color);
|
|
2917
|
-
margin-right: 5px;
|
|
2918
|
-
}
|
|
2919
|
-
|
|
2920
|
-
[aria-checked='false'] .indicator {
|
|
2921
|
-
display: none;
|
|
2922
|
-
}
|
|
2923
|
-
</style>
|
|
2924
|
-
<svg viewBox="0 0 14 18" class="indicator">
|
|
2925
|
-
<path
|
|
2926
|
-
d="M12.252 3.48c-.115.033-.301.161-.425.291-.059.063-1.407 1.815-2.995 3.894s-2.897 3.79-2.908 3.802c-.013.014-.661-.616-1.672-1.624-.908-.905-1.702-1.681-1.765-1.723-.401-.27-.783-.211-1.176.183a1.285 1.285 0 0 0-.261.342.582.582 0 0 0-.082.35c0 .165.01.205.08.35.075.153.213.296 2.182 2.271 1.156 1.159 2.17 2.159 2.253 2.222.189.143.338.196.539.194.203-.003.412-.104.618-.299.205-.193 6.7-8.693 6.804-8.903a.716.716 0 0 0 .085-.345c.01-.179.005-.203-.062-.339-.124-.252-.45-.531-.746-.639a.784.784 0 0 0-.469-.027"
|
|
2927
|
-
fill-rule="evenodd"
|
|
2928
|
-
/>
|
|
2929
|
-
</svg>
|
|
2930
|
-
</div>
|
|
2931
|
-
</media-audio-track-menu>
|
|
2932
|
-
</template>
|
|
2933
|
-
|
|
2934
|
-
<template partial="RenditionMenu">
|
|
2935
|
-
<media-rendition-menu-button part="bottom rendition button">
|
|
2936
|
-
<svg aria-hidden="true" slot="icon" viewBox="0 0 18 14">
|
|
2937
|
-
<path
|
|
2938
|
-
d="M2.25 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM9 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm6.75 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
|
|
2939
|
-
/>
|
|
2940
|
-
</svg>
|
|
2941
|
-
</media-rendition-menu-button>
|
|
2942
|
-
<media-rendition-menu
|
|
2943
|
-
hidden
|
|
2944
|
-
anchor="auto"
|
|
2945
|
-
part="bottom rendition menu"
|
|
2946
|
-
disabled="{{disabled}}"
|
|
2947
|
-
aria-disabled="{{disabled}}"
|
|
2948
|
-
>
|
|
2949
|
-
<div slot="checked-indicator">
|
|
2950
|
-
<style>
|
|
2951
|
-
.indicator {
|
|
2952
|
-
position: relative;
|
|
2953
|
-
top: 1px;
|
|
2954
|
-
width: 0.9em;
|
|
2955
|
-
height: auto;
|
|
2956
|
-
fill: var(--_accent-color);
|
|
2957
|
-
margin-right: 5px;
|
|
2958
|
-
}
|
|
2959
|
-
|
|
2960
|
-
[aria-checked='false'] .indicator {
|
|
2961
|
-
opacity: 0;
|
|
2962
|
-
}
|
|
2963
|
-
</style>
|
|
2964
|
-
<svg viewBox="0 0 14 18" class="indicator">
|
|
2965
|
-
<path
|
|
2966
|
-
d="M12.252 3.48c-.115.033-.301.161-.425.291-.059.063-1.407 1.815-2.995 3.894s-2.897 3.79-2.908 3.802c-.013.014-.661-.616-1.672-1.624-.908-.905-1.702-1.681-1.765-1.723-.401-.27-.783-.211-1.176.183a1.285 1.285 0 0 0-.261.342.582.582 0 0 0-.082.35c0 .165.01.205.08.35.075.153.213.296 2.182 2.271 1.156 1.159 2.17 2.159 2.253 2.222.189.143.338.196.539.194.203-.003.412-.104.618-.299.205-.193 6.7-8.693 6.804-8.903a.716.716 0 0 0 .085-.345c.01-.179.005-.203-.062-.339-.124-.252-.45-.531-.746-.639a.784.784 0 0 0-.469-.027"
|
|
2967
|
-
fill-rule="evenodd"
|
|
2968
|
-
/>
|
|
2969
|
-
</svg>
|
|
2970
|
-
</div>
|
|
2971
|
-
</media-rendition-menu>
|
|
2972
|
-
</template>
|
|
2973
|
-
|
|
2974
|
-
<template partial="MuxBadge">
|
|
2975
|
-
<div part="mux-badge">
|
|
2976
|
-
<a href="https://www.mux.com/player" target="_blank">
|
|
2977
|
-
<span class="mux-badge-text">Powered by</span>
|
|
2978
|
-
<div class="mux-badge-logo">
|
|
2979
|
-
<svg
|
|
2980
|
-
viewBox="0 0 1600 500"
|
|
2981
|
-
style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2"
|
|
2982
|
-
>
|
|
2983
|
-
<g>
|
|
2984
|
-
<path
|
|
2985
|
-
d="M994.287,93.486c-17.121,-0 -31,-13.879 -31,-31c0,-17.121 13.879,-31 31,-31c17.121,-0 31,13.879 31,31c0,17.121 -13.879,31 -31,31m0,-93.486c-34.509,-0 -62.484,27.976 -62.484,62.486l0,187.511c0,68.943 -56.09,125.033 -125.032,125.033c-68.942,-0 -125.03,-56.09 -125.03,-125.033l0,-187.511c0,-34.51 -27.976,-62.486 -62.485,-62.486c-34.509,-0 -62.484,27.976 -62.484,62.486l0,187.511c0,137.853 112.149,250.003 249.999,250.003c137.851,-0 250.001,-112.15 250.001,-250.003l0,-187.511c0,-34.51 -27.976,-62.486 -62.485,-62.486"
|
|
2986
|
-
style="fill-rule: nonzero"
|
|
2987
|
-
></path>
|
|
2988
|
-
<path
|
|
2989
|
-
d="M1537.51,468.511c-17.121,-0 -31,-13.879 -31,-31c0,-17.121 13.879,-31 31,-31c17.121,-0 31,13.879 31,31c0,17.121 -13.879,31 -31,31m-275.883,-218.509l-143.33,143.329c-24.402,24.402 -24.402,63.966 0,88.368c24.402,24.402 63.967,24.402 88.369,-0l143.33,-143.329l143.328,143.329c24.402,24.4 63.967,24.402 88.369,-0c24.403,-24.402 24.403,-63.966 0.001,-88.368l-143.33,-143.329l0.001,-0.004l143.329,-143.329c24.402,-24.402 24.402,-63.965 0,-88.367c-24.402,-24.402 -63.967,-24.402 -88.369,-0l-143.329,143.328l-143.329,-143.328c-24.402,-24.401 -63.967,-24.402 -88.369,-0c-24.402,24.402 -24.402,63.965 0,88.367l143.329,143.329l0,0.004Z"
|
|
2990
|
-
style="fill-rule: nonzero"
|
|
2991
|
-
></path>
|
|
2992
|
-
<path
|
|
2993
|
-
d="M437.511,468.521c-17.121,-0 -31,-13.879 -31,-31c0,-17.121 13.879,-31 31,-31c17.121,-0 31,13.879 31,31c0,17.121 -13.879,31 -31,31m23.915,-463.762c-23.348,-9.672 -50.226,-4.327 -68.096,13.544l-143.331,143.329l-143.33,-143.329c-17.871,-17.871 -44.747,-23.216 -68.096,-13.544c-23.349,9.671 -38.574,32.455 -38.574,57.729l0,375.026c0,34.51 27.977,62.486 62.487,62.486c34.51,-0 62.486,-27.976 62.486,-62.486l0,-224.173l80.843,80.844c24.404,24.402 63.965,24.402 88.369,-0l80.843,-80.844l0,224.173c0,34.51 27.976,62.486 62.486,62.486c34.51,-0 62.486,-27.976 62.486,-62.486l0,-375.026c0,-25.274 -15.224,-48.058 -38.573,-57.729"
|
|
2994
|
-
style="fill-rule: nonzero"
|
|
2995
|
-
></path>
|
|
2996
|
-
</g>
|
|
2997
|
-
</svg>
|
|
2998
|
-
</div>
|
|
2999
|
-
</a>
|
|
3000
|
-
</div>
|
|
3001
|
-
</template>
|
|
3002
|
-
|
|
3003
|
-
<media-controller
|
|
3004
|
-
part="controller"
|
|
3005
|
-
defaultstreamtype="{{defaultstreamtype ?? 'on-demand'}}"
|
|
3006
|
-
breakpoints="sm:470"
|
|
3007
|
-
gesturesdisabled="{{disabled}}"
|
|
3008
|
-
hotkeys="{{hotkeys}}"
|
|
3009
|
-
nohotkeys="{{nohotkeys}}"
|
|
3010
|
-
novolumepref="{{novolumepref}}"
|
|
3011
|
-
audio="{{audio}}"
|
|
3012
|
-
noautoseektolive="{{noautoseektolive}}"
|
|
3013
|
-
defaultsubtitles="{{defaultsubtitles}}"
|
|
3014
|
-
defaultduration="{{defaultduration ?? false}}"
|
|
3015
|
-
keyboardforwardseekoffset="{{forwardseekoffset}}"
|
|
3016
|
-
keyboardbackwardseekoffset="{{backwardseekoffset}}"
|
|
3017
|
-
exportparts="layer, media-layer, poster-layer, vertical-layer, centered-layer, gesture-layer"
|
|
3018
|
-
style="--_pre-playback-place:{{preplaybackplace ?? 'center'}}"
|
|
3019
|
-
>
|
|
3020
|
-
<slot name="media" slot="media"></slot>
|
|
3021
|
-
<slot name="poster" slot="poster"></slot>
|
|
3022
|
-
|
|
3023
|
-
<media-loading-indicator slot="centered-chrome" noautohide></media-loading-indicator>
|
|
3024
|
-
<media-error-dialog slot="dialog" noautohide></media-error-dialog>
|
|
3025
|
-
|
|
3026
|
-
<template if="!audio">
|
|
3027
|
-
<!-- Pre-playback UI -->
|
|
3028
|
-
<!-- same for both on-demand and live -->
|
|
3029
|
-
<div slot="centered-chrome" class="center-controls pre-playback">
|
|
3030
|
-
<template if="!breakpointsm">{{>PlayButton section="center"}}</template>
|
|
3031
|
-
<template if="breakpointsm">{{>PrePlayButton section="center"}}</template>
|
|
3032
|
-
</div>
|
|
3033
|
-
|
|
3034
|
-
<!-- Mux Badge -->
|
|
3035
|
-
<template if="proudlydisplaymuxbadge"> {{>MuxBadge}} </template>
|
|
3036
|
-
|
|
3037
|
-
<!-- Autoplay centered unmute button -->
|
|
3038
|
-
<!--
|
|
3039
|
-
todo: figure out how show this with available state variables
|
|
3040
|
-
needs to show when:
|
|
3041
|
-
- autoplay is enabled
|
|
3042
|
-
- playback has been successful
|
|
3043
|
-
- audio is muted
|
|
3044
|
-
- in place / instead of the pre-plaback play button
|
|
3045
|
-
- not to show again after user has interacted with this button
|
|
3046
|
-
- OR user has interacted with the mute button in the control bar
|
|
3047
|
-
-->
|
|
3048
|
-
<!--
|
|
3049
|
-
There should be a >MuteButton to the left of the "Unmute" text, but a templating bug
|
|
3050
|
-
makes it appear even if commented out in the markup, add it back when code is un-commented
|
|
3051
|
-
-->
|
|
3052
|
-
<!-- <div slot="centered-chrome" class="autoplay-unmute">
|
|
3053
|
-
<div role="button" class="autoplay-unmute-btn">Unmute</div>
|
|
3054
|
-
</div> -->
|
|
3055
|
-
|
|
3056
|
-
<template if="streamtype == 'on-demand'">
|
|
3057
|
-
<template if="breakpointsm">
|
|
3058
|
-
<media-control-bar part="control-bar top" slot="top-chrome">{{>TitleDisplay}} </media-control-bar>
|
|
3059
|
-
</template>
|
|
3060
|
-
{{>TimeRange}}
|
|
3061
|
-
<media-control-bar part="control-bar bottom">
|
|
3062
|
-
{{>PlayButton}} {{>SeekBackwardButton}} {{>SeekForwardButton}} {{>TimeDisplay}} {{>MuteButton}}
|
|
3063
|
-
{{>VolumeRange}}
|
|
3064
|
-
<div class="spacer"></div>
|
|
3065
|
-
{{>RenditionMenu}} {{>PlaybackRateMenu}} {{>AudioTrackMenu}} {{>CaptionsMenu}} {{>AirplayButton}}
|
|
3066
|
-
{{>CastButton}} {{>PipButton}} {{>FullscreenButton}}
|
|
3067
|
-
</media-control-bar>
|
|
3068
|
-
</template>
|
|
3069
|
-
|
|
3070
|
-
<template if="streamtype == 'live'">
|
|
3071
|
-
<media-control-bar part="control-bar top" slot="top-chrome">
|
|
3072
|
-
{{>LiveButton}}
|
|
3073
|
-
<template if="breakpointsm"> {{>TitleDisplay}} </template>
|
|
3074
|
-
</media-control-bar>
|
|
3075
|
-
<template if="targetlivewindow > 0">{{>TimeRange}}</template>
|
|
3076
|
-
<media-control-bar part="control-bar bottom">
|
|
3077
|
-
{{>PlayButton}}
|
|
3078
|
-
<template if="targetlivewindow > 0">{{>SeekBackwardButton}} {{>SeekForwardButton}}</template>
|
|
3079
|
-
{{>MuteButton}} {{>VolumeRange}}
|
|
3080
|
-
<div class="spacer"></div>
|
|
3081
|
-
{{>RenditionMenu}} {{>AudioTrackMenu}} {{>CaptionsMenu}} {{>AirplayButton}} {{>CastButton}} {{>PipButton}}
|
|
3082
|
-
{{>FullscreenButton}}
|
|
3083
|
-
</media-control-bar>
|
|
3084
|
-
</template>
|
|
3085
|
-
</template>
|
|
3086
|
-
|
|
3087
|
-
<template if="audio">
|
|
3088
|
-
<template if="streamtype == 'on-demand'">
|
|
3089
|
-
<template if="title">
|
|
3090
|
-
<media-control-bar part="control-bar top">{{>TitleDisplay}}</media-control-bar>
|
|
3091
|
-
</template>
|
|
3092
|
-
<media-control-bar part="control-bar bottom">
|
|
3093
|
-
{{>PlayButton}}
|
|
3094
|
-
<template if="breakpointsm"> {{>SeekBackwardButton}} {{>SeekForwardButton}} </template>
|
|
3095
|
-
{{>MuteButton}}
|
|
3096
|
-
<template if="breakpointsm">{{>VolumeRange}}</template>
|
|
3097
|
-
{{>TimeDisplay}} {{>TimeRange}}
|
|
3098
|
-
<template if="breakpointsm">{{>PlaybackRateMenu}}</template>
|
|
3099
|
-
{{>AirplayButton}} {{>CastButton}}
|
|
3100
|
-
</media-control-bar>
|
|
3101
|
-
</template>
|
|
3102
|
-
|
|
3103
|
-
<template if="streamtype == 'live'">
|
|
3104
|
-
<template if="title">
|
|
3105
|
-
<media-control-bar part="control-bar top">{{>TitleDisplay}}</media-control-bar>
|
|
3106
|
-
</template>
|
|
3107
|
-
<media-control-bar part="control-bar bottom">
|
|
3108
|
-
{{>PlayButton}} {{>LiveButton section="bottom"}} {{>MuteButton}}
|
|
3109
|
-
<template if="breakpointsm">
|
|
3110
|
-
{{>VolumeRange}}
|
|
3111
|
-
<template if="targetlivewindow > 0"> {{>SeekBackwardButton}} {{>SeekForwardButton}} </template>
|
|
3112
|
-
</template>
|
|
3113
|
-
<template if="targetlivewindow > 0"> {{>TimeDisplay}} {{>TimeRange}} </template>
|
|
3114
|
-
<template if="!targetlivewindow"><div class="spacer"></div></template>
|
|
3115
|
-
{{>AirplayButton}} {{>CastButton}}
|
|
3116
|
-
</media-control-bar>
|
|
3117
|
-
</template>
|
|
3118
|
-
</template>
|
|
3119
|
-
|
|
3120
|
-
<slot></slot>
|
|
3121
|
-
</media-controller>
|
|
3122
|
-
</template>
|
|
3123
|
-
`,cx=$y.createElement(`template`);`innerHTML`in cx&&(cx.innerHTML=sx);var lx=class extends Mg{};lx.template=cx.content?.children?.[0],Qy.customElements.get(`media-theme-gerwig`)||Qy.customElements.define(`media-theme-gerwig`,lx);var ux=`gerwig`,dx={SRC:`src`,POSTER:`poster`},Z={STYLE:`style`,DEFAULT_HIDDEN_CAPTIONS:`default-hidden-captions`,PRIMARY_COLOR:`primary-color`,SECONDARY_COLOR:`secondary-color`,ACCENT_COLOR:`accent-color`,FORWARD_SEEK_OFFSET:`forward-seek-offset`,BACKWARD_SEEK_OFFSET:`backward-seek-offset`,PLAYBACK_TOKEN:`playback-token`,THUMBNAIL_TOKEN:`thumbnail-token`,STORYBOARD_TOKEN:`storyboard-token`,DRM_TOKEN:`drm-token`,STORYBOARD_SRC:`storyboard-src`,THUMBNAIL_TIME:`thumbnail-time`,AUDIO:`audio`,NOHOTKEYS:`nohotkeys`,HOTKEYS:`hotkeys`,PLAYBACK_RATES:`playbackrates`,DEFAULT_SHOW_REMAINING_TIME:`default-show-remaining-time`,DEFAULT_DURATION:`default-duration`,TITLE:`title`,VIDEO_TITLE:`video-title`,PLACEHOLDER:`placeholder`,THEME:`theme`,DEFAULT_STREAM_TYPE:`default-stream-type`,TARGET_LIVE_WINDOW:`target-live-window`,EXTRA_SOURCE_PARAMS:`extra-source-params`,NO_VOLUME_PREF:`no-volume-pref`,CAST_RECEIVER:`cast-receiver`,NO_TOOLTIPS:`no-tooltips`,PROUDLY_DISPLAY_MUX_BADGE:`proudly-display-mux-badge`},fx=[`audio`,`backwardseekoffset`,`defaultduration`,`defaultshowremainingtime`,`defaultsubtitles`,`noautoseektolive`,`disabled`,`exportparts`,`forwardseekoffset`,`hideduration`,`hotkeys`,`nohotkeys`,`playbackrates`,`defaultstreamtype`,`streamtype`,`style`,`targetlivewindow`,`template`,`title`,`videotitle`,`novolumepref`,`proudlydisplaymuxbadge`];function px(e,t){return{src:!e.playbackId&&e.src,playbackId:e.playbackId,hasSrc:!!e.playbackId||!!e.src||!!e.currentSrc,poster:e.poster,storyboard:e.storyboard,storyboardSrc:e.getAttribute(Z.STORYBOARD_SRC),placeholder:e.getAttribute(`placeholder`),themeTemplate:hx(e),thumbnailTime:!e.tokens.thumbnail&&e.thumbnailTime,autoplay:e.autoplay,crossOrigin:e.crossOrigin,loop:e.loop,noHotKeys:e.hasAttribute(Z.NOHOTKEYS),hotKeys:e.getAttribute(Z.HOTKEYS),muted:e.muted,paused:e.paused,preload:e.preload,envKey:e.envKey,preferCmcd:e.preferCmcd,debug:e.debug,disableTracking:e.disableTracking,disableCookies:e.disableCookies,tokens:e.tokens,beaconCollectionDomain:e.beaconCollectionDomain,maxResolution:e.maxResolution,minResolution:e.minResolution,programStartTime:e.programStartTime,programEndTime:e.programEndTime,assetStartTime:e.assetStartTime,assetEndTime:e.assetEndTime,renditionOrder:e.renditionOrder,metadata:e.metadata,playerInitTime:e.playerInitTime,playerSoftwareName:e.playerSoftwareName,playerSoftwareVersion:e.playerSoftwareVersion,startTime:e.startTime,preferPlayback:e.preferPlayback,audio:e.audio,defaultStreamType:e.defaultStreamType,targetLiveWindow:e.getAttribute(O.TARGET_LIVE_WINDOW),streamType:fb(e.getAttribute(O.STREAM_TYPE)),primaryColor:e.getAttribute(Z.PRIMARY_COLOR),secondaryColor:e.getAttribute(Z.SECONDARY_COLOR),accentColor:e.getAttribute(Z.ACCENT_COLOR),forwardSeekOffset:e.forwardSeekOffset,backwardSeekOffset:e.backwardSeekOffset,defaultHiddenCaptions:e.defaultHiddenCaptions,defaultDuration:e.defaultDuration,defaultShowRemainingTime:e.defaultShowRemainingTime,hideDuration:gx(e),playbackRates:e.getAttribute(Z.PLAYBACK_RATES),customDomain:e.getAttribute(O.CUSTOM_DOMAIN)??void 0,title:e.getAttribute(Z.TITLE),videoTitle:e.getAttribute(Z.VIDEO_TITLE)??e.getAttribute(Z.TITLE),novolumepref:e.hasAttribute(Z.NO_VOLUME_PREF),proudlyDisplayMuxBadge:e.hasAttribute(Z.PROUDLY_DISPLAY_MUX_BADGE),castReceiver:e.castReceiver,...t,extraSourceParams:e.extraSourceParams}}var mx=Df.formatErrorMessage;Df.formatErrorMessage=e=>{if(e instanceof C){let t=ix(e,!1);return`
|
|
3124
|
-
${t!=null&&t.title?`<h3>${t.title}</h3>`:``}
|
|
3125
|
-
${t!=null&&t.message||t!=null&&t.linkUrl?`<p>
|
|
3126
|
-
${t?.message}
|
|
3127
|
-
${t!=null&&t.linkUrl?`<a
|
|
3128
|
-
href="${t.linkUrl}"
|
|
3129
|
-
target="_blank"
|
|
3130
|
-
rel="external noopener"
|
|
3131
|
-
aria-label="${t.linkText??``} ${E(`(opens in a new window)`)}"
|
|
3132
|
-
>${t.linkText??t.linkUrl}</a
|
|
3133
|
-
>`:``}
|
|
3134
|
-
</p>`:``}
|
|
3135
|
-
`}return mx(e)};function hx(e){var t;let n=e.theme;if(n){let r=((t=e.getRootNode())?.getElementById)?.call(t,n);if(r&&r instanceof HTMLTemplateElement)return r;n.startsWith(`media-theme-`)||(n=`media-theme-${n}`);let i=Qy.customElements.get(n);if(i!=null&&i.template)return i.template}}function gx(e){let t=e.mediaController?.querySelector(`media-time-display`);return t&&getComputedStyle(t).getPropertyValue(`--media-duration-display-display`).trim()===`none`}function _x(e){let t=e.videoTitle?{video_title:e.videoTitle}:{};return e.getAttributeNames().filter(e=>e.startsWith(`metadata-`)).reduce((t,n)=>{let r=e.getAttribute(n);return r!==null&&(t[n.replace(/^metadata-/,``).replace(/-/g,`_`)]=r),t},t)}var vx=Object.values(O),yx=Object.values(dx),bx=Object.values(Z),xx=lb(),Sx=`mux-player`,Cx={isDialogOpen:!1},wx={redundant_streams:!0},Tx,Ex,Dx,Ox,kx,Ax,Q,jx,Mx,Nx,Px,Fx,Ix,Lx,Rx,zx=class extends jb{constructor(){super(),By(this,Q),By(this,Tx),By(this,Ex,!1),By(this,Dx,{}),By(this,Ox,!0),By(this,kx,new vb(this,`hotkeys`)),By(this,Ax,{...Cx,onCloseErrorDialog:e=>{e.composedPath()[0]?.localName===`media-error-dialog`&&Hy(this,Q,Nx).call(this,{isDialogOpen:!1})},onFocusInErrorDialog:e=>{e.composedPath()[0]?.localName===`media-error-dialog`&&(ob(this,$y.activeElement)||e.preventDefault())}}),Vy(this,Tx,Ii()),this.attachShadow({mode:`open`}),Hy(this,Q,Mx).call(this),this.isConnected&&Hy(this,Q,jx).call(this)}static get NAME(){return Sx}static get VERSION(){return xx}static get observedAttributes(){return[...jb.observedAttributes??[],...yx,...vx,...bx]}get mediaTheme(){return this.shadowRoot?.querySelector(`media-theme`)}get mediaController(){return(this.mediaTheme?.shadowRoot)?.querySelector(`media-controller`)}connectedCallback(){let e=this.media;e&&(e.metadata=_x(this))}attributeChangedCallback(e,t,n){switch(Hy(this,Q,jx).call(this),super.attributeChangedCallback(e,t,n),e){case Z.HOTKEYS:X(this,kx).value=n;break;case Z.THUMBNAIL_TIME:n!=null&&this.tokens.thumbnail&&bb(E(`Use of thumbnail-time with thumbnail-token is currently unsupported. Ignore thumbnail-time.`).toString());break;case Z.THUMBNAIL_TOKEN:if(n){let e=kr(n);if(e){let{aud:t}=e,n=ui.THUMBNAIL;t!==n&&bb(E(`The {tokenNamePrefix}-token has an incorrect aud value: {aud}. aud value should be {expectedAud}.`).format({aud:t,expectedAud:n,tokenNamePrefix:`thumbnail`}))}}break;case Z.STORYBOARD_TOKEN:if(n){let e=kr(n);if(e){let{aud:t}=e,n=ui.STORYBOARD;t!==n&&bb(E(`The {tokenNamePrefix}-token has an incorrect aud value: {aud}. aud value should be {expectedAud}.`).format({aud:t,expectedAud:n,tokenNamePrefix:`storyboard`}))}}break;case Z.DRM_TOKEN:if(n){let e=kr(n);if(e){let{aud:t}=e,n=ui.DRM;t!==n&&bb(E(`The {tokenNamePrefix}-token has an incorrect aud value: {aud}. aud value should be {expectedAud}.`).format({aud:t,expectedAud:n,tokenNamePrefix:`drm`}))}}break;case O.PLAYBACK_ID:n!=null&&n.includes(`?token`)&&xb(E(`The specificed playback ID {playbackId} contains a token which must be provided via the playback-token attribute.`).format({playbackId:n}));break;case O.STREAM_TYPE:n&&![w.LIVE,w.ON_DEMAND,w.UNKNOWN].includes(n)?[`ll-live`,`live:dvr`,`ll-live:dvr`].includes(this.streamType)?this.targetLiveWindow=n.includes(`dvr`)?1/0:0:Sb({file:`invalid-stream-type.md`,message:E("Invalid stream-type value supplied: `{streamType}`. Please provide stream-type as either: `on-demand` or `live`").format({streamType:this.streamType})}):n===w.LIVE?this.getAttribute(Z.TARGET_LIVE_WINDOW)??(this.targetLiveWindow=0):this.targetLiveWindow=NaN}[O.PLAYBACK_ID,dx.SRC,Z.PLAYBACK_TOKEN].includes(e)&&t!==n&&Vy(this,Ax,{...X(this,Ax),...Cx}),Hy(this,Q,Px).call(this,{[mb(e)]:n})}async requestFullscreen(e){var t;if(!(!this.mediaController||this.mediaController.hasAttribute(j.MEDIA_IS_FULLSCREEN)))return(t=this.mediaController)==null||t.dispatchEvent(new Qy.CustomEvent(k.MEDIA_ENTER_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0})),new Promise((e,t)=>{var n;(n=this.mediaController)==null||n.addEventListener(Io.MEDIA_IS_FULLSCREEN,()=>e(),{once:!0})})}async exitFullscreen(){var e;if(!(!this.mediaController||!this.mediaController.hasAttribute(j.MEDIA_IS_FULLSCREEN)))return(e=this.mediaController)==null||e.dispatchEvent(new Qy.CustomEvent(k.MEDIA_EXIT_FULLSCREEN_REQUEST,{composed:!0,bubbles:!0})),new Promise((e,t)=>{var n;(n=this.mediaController)==null||n.addEventListener(Io.MEDIA_IS_FULLSCREEN,()=>e(),{once:!0})})}get preferCmcd(){return this.getAttribute(O.PREFER_CMCD)??void 0}set preferCmcd(e){e!==this.preferCmcd&&(e?mr.includes(e)?this.setAttribute(O.PREFER_CMCD,e):bb(`Invalid value for preferCmcd. Must be one of ${mr.join()}`):this.removeAttribute(O.PREFER_CMCD))}get hasPlayed(){return this.mediaController?.hasAttribute(j.MEDIA_HAS_PLAYED)??!1}get inLiveWindow(){return this.mediaController?.hasAttribute(j.MEDIA_TIME_IS_LIVE)}get _hls(){return this.media?._hls}get mux(){return this.media?.mux}get theme(){return this.getAttribute(Z.THEME)??ux}set theme(e){this.setAttribute(Z.THEME,`${e}`)}get themeProps(){let e=this.mediaTheme;if(!e)return;let t={};for(let n of e.getAttributeNames()){if(fx.includes(n))continue;let r=e.getAttribute(n);t[nb(n)]=r===``?!0:r}return t}set themeProps(e){var t,n;Hy(this,Q,jx).call(this);let r={...this.themeProps,...e};for(let i in r){if(fx.includes(i))continue;let r=e?.[i];typeof r==`boolean`||r==null?(t=this.mediaTheme)==null||t.toggleAttribute(tb(i),!!r):(n=this.mediaTheme)==null||n.setAttribute(tb(i),r)}}get playbackId(){return this.getAttribute(O.PLAYBACK_ID)??void 0}set playbackId(e){e?this.setAttribute(O.PLAYBACK_ID,e):this.removeAttribute(O.PLAYBACK_ID)}get src(){return this.playbackId?Bx(this,dx.SRC)??void 0:this.getAttribute(dx.SRC)??void 0}set src(e){e?this.setAttribute(dx.SRC,e):this.removeAttribute(dx.SRC)}get poster(){let e=this.getAttribute(dx.POSTER);if(e!=null)return e;let{tokens:t}=this;if(t.playback&&!t.thumbnail){bb(`Missing expected thumbnail token. No poster image will be shown`);return}if(this.playbackId&&!this.audio)return ub(this.playbackId,{customDomain:this.customDomain,thumbnailTime:this.thumbnailTime??this.startTime,programTime:this.programStartTime,token:t.thumbnail})}set poster(e){e||e===``?this.setAttribute(dx.POSTER,e):this.removeAttribute(dx.POSTER)}get storyboardSrc(){return this.getAttribute(Z.STORYBOARD_SRC)??void 0}set storyboardSrc(e){e?this.setAttribute(Z.STORYBOARD_SRC,e):this.removeAttribute(Z.STORYBOARD_SRC)}get storyboard(){let{tokens:e}=this;if(this.storyboardSrc&&!e.storyboard)return this.storyboardSrc;if(!(this.audio||!this.playbackId||!this.streamType||[w.LIVE,w.UNKNOWN].includes(this.streamType)||e.playback&&!e.storyboard))return db(this.playbackId,{customDomain:this.customDomain,token:e.storyboard,programStartTime:this.programStartTime,programEndTime:this.programEndTime})}get audio(){return this.hasAttribute(Z.AUDIO)}set audio(e){if(!e){this.removeAttribute(Z.AUDIO);return}this.setAttribute(Z.AUDIO,``)}get hotkeys(){return X(this,kx)}get nohotkeys(){return this.hasAttribute(Z.NOHOTKEYS)}set nohotkeys(e){if(!e){this.removeAttribute(Z.NOHOTKEYS);return}this.setAttribute(Z.NOHOTKEYS,``)}get thumbnailTime(){return rb(this.getAttribute(Z.THUMBNAIL_TIME))}set thumbnailTime(e){this.setAttribute(Z.THUMBNAIL_TIME,`${e}`)}get videoTitle(){return this.getAttribute(Z.VIDEO_TITLE)??this.getAttribute(Z.TITLE)??``}set videoTitle(e){e!==this.videoTitle&&(e?this.setAttribute(Z.VIDEO_TITLE,e):this.removeAttribute(Z.VIDEO_TITLE))}get placeholder(){return Bx(this,Z.PLACEHOLDER)??``}set placeholder(e){this.setAttribute(Z.PLACEHOLDER,`${e}`)}get primaryColor(){let e=this.getAttribute(Z.PRIMARY_COLOR);if(e!=null||this.mediaTheme&&(e=(Qy.getComputedStyle(this.mediaTheme)?.getPropertyValue(`--_primary-color`))?.trim(),e))return e}set primaryColor(e){this.setAttribute(Z.PRIMARY_COLOR,`${e}`)}get secondaryColor(){let e=this.getAttribute(Z.SECONDARY_COLOR);if(e!=null||this.mediaTheme&&(e=(Qy.getComputedStyle(this.mediaTheme)?.getPropertyValue(`--_secondary-color`))?.trim(),e))return e}set secondaryColor(e){this.setAttribute(Z.SECONDARY_COLOR,`${e}`)}get accentColor(){let e=this.getAttribute(Z.ACCENT_COLOR);if(e!=null||this.mediaTheme&&(e=(Qy.getComputedStyle(this.mediaTheme)?.getPropertyValue(`--_accent-color`))?.trim(),e))return e}set accentColor(e){this.setAttribute(Z.ACCENT_COLOR,`${e}`)}get defaultShowRemainingTime(){return this.hasAttribute(Z.DEFAULT_SHOW_REMAINING_TIME)}set defaultShowRemainingTime(e){e?this.setAttribute(Z.DEFAULT_SHOW_REMAINING_TIME,``):this.removeAttribute(Z.DEFAULT_SHOW_REMAINING_TIME)}get playbackRates(){if(this.hasAttribute(Z.PLAYBACK_RATES))return this.getAttribute(Z.PLAYBACK_RATES).trim().split(/\s*,?\s+/).map(e=>Number(e)).filter(e=>!Number.isNaN(e)).sort((e,t)=>e-t)}set playbackRates(e){if(!e){this.removeAttribute(Z.PLAYBACK_RATES);return}this.setAttribute(Z.PLAYBACK_RATES,e.join(` `))}get forwardSeekOffset(){return rb(this.getAttribute(Z.FORWARD_SEEK_OFFSET))??10}set forwardSeekOffset(e){this.setAttribute(Z.FORWARD_SEEK_OFFSET,`${e}`)}get backwardSeekOffset(){return rb(this.getAttribute(Z.BACKWARD_SEEK_OFFSET))??10}set backwardSeekOffset(e){this.setAttribute(Z.BACKWARD_SEEK_OFFSET,`${e}`)}get defaultHiddenCaptions(){return this.hasAttribute(Z.DEFAULT_HIDDEN_CAPTIONS)}set defaultHiddenCaptions(e){e?this.setAttribute(Z.DEFAULT_HIDDEN_CAPTIONS,``):this.removeAttribute(Z.DEFAULT_HIDDEN_CAPTIONS)}get defaultDuration(){return rb(this.getAttribute(Z.DEFAULT_DURATION))}set defaultDuration(e){e==null?this.removeAttribute(Z.DEFAULT_DURATION):this.setAttribute(Z.DEFAULT_DURATION,`${e}`)}get playerInitTime(){return this.hasAttribute(O.PLAYER_INIT_TIME)?rb(this.getAttribute(O.PLAYER_INIT_TIME)):X(this,Tx)}set playerInitTime(e){e!=this.playerInitTime&&(e==null?this.removeAttribute(O.PLAYER_INIT_TIME):this.setAttribute(O.PLAYER_INIT_TIME,`${+e}`))}get playerSoftwareName(){return this.getAttribute(O.PLAYER_SOFTWARE_NAME)??Sx}get playerSoftwareVersion(){return this.getAttribute(O.PLAYER_SOFTWARE_VERSION)??xx}get beaconCollectionDomain(){return this.getAttribute(O.BEACON_COLLECTION_DOMAIN)??void 0}set beaconCollectionDomain(e){e!==this.beaconCollectionDomain&&(e?this.setAttribute(O.BEACON_COLLECTION_DOMAIN,e):this.removeAttribute(O.BEACON_COLLECTION_DOMAIN))}get maxResolution(){return this.getAttribute(O.MAX_RESOLUTION)??void 0}set maxResolution(e){e!==this.maxResolution&&(e?this.setAttribute(O.MAX_RESOLUTION,e):this.removeAttribute(O.MAX_RESOLUTION))}get minResolution(){return this.getAttribute(O.MIN_RESOLUTION)??void 0}set minResolution(e){e!==this.minResolution&&(e?this.setAttribute(O.MIN_RESOLUTION,e):this.removeAttribute(O.MIN_RESOLUTION))}get renditionOrder(){return this.getAttribute(O.RENDITION_ORDER)??void 0}set renditionOrder(e){e!==this.renditionOrder&&(e?this.setAttribute(O.RENDITION_ORDER,e):this.removeAttribute(O.RENDITION_ORDER))}get programStartTime(){return rb(this.getAttribute(O.PROGRAM_START_TIME))}set programStartTime(e){e==null?this.removeAttribute(O.PROGRAM_START_TIME):this.setAttribute(O.PROGRAM_START_TIME,`${e}`)}get programEndTime(){return rb(this.getAttribute(O.PROGRAM_END_TIME))}set programEndTime(e){e==null?this.removeAttribute(O.PROGRAM_END_TIME):this.setAttribute(O.PROGRAM_END_TIME,`${e}`)}get assetStartTime(){return rb(this.getAttribute(O.ASSET_START_TIME))}set assetStartTime(e){e==null?this.removeAttribute(O.ASSET_START_TIME):this.setAttribute(O.ASSET_START_TIME,`${e}`)}get assetEndTime(){return rb(this.getAttribute(O.ASSET_END_TIME))}set assetEndTime(e){e==null?this.removeAttribute(O.ASSET_END_TIME):this.setAttribute(O.ASSET_END_TIME,`${e}`)}get extraSourceParams(){return this.hasAttribute(Z.EXTRA_SOURCE_PARAMS)?[...new URLSearchParams(this.getAttribute(Z.EXTRA_SOURCE_PARAMS)).entries()].reduce((e,[t,n])=>(e[t]=n,e),{}):wx}set extraSourceParams(e){e==null?this.removeAttribute(Z.EXTRA_SOURCE_PARAMS):this.setAttribute(Z.EXTRA_SOURCE_PARAMS,new URLSearchParams(e).toString())}get customDomain(){return this.getAttribute(O.CUSTOM_DOMAIN)??void 0}set customDomain(e){e!==this.customDomain&&(e?this.setAttribute(O.CUSTOM_DOMAIN,e):this.removeAttribute(O.CUSTOM_DOMAIN))}get envKey(){return Bx(this,O.ENV_KEY)??void 0}set envKey(e){this.setAttribute(O.ENV_KEY,`${e}`)}get noVolumePref(){return this.hasAttribute(Z.NO_VOLUME_PREF)}set noVolumePref(e){e?this.setAttribute(Z.NO_VOLUME_PREF,``):this.removeAttribute(Z.NO_VOLUME_PREF)}get debug(){return Bx(this,O.DEBUG)!=null}set debug(e){e?this.setAttribute(O.DEBUG,``):this.removeAttribute(O.DEBUG)}get disableTracking(){return Bx(this,O.DISABLE_TRACKING)!=null}set disableTracking(e){this.toggleAttribute(O.DISABLE_TRACKING,!!e)}get disableCookies(){return Bx(this,O.DISABLE_COOKIES)!=null}set disableCookies(e){e?this.setAttribute(O.DISABLE_COOKIES,``):this.removeAttribute(O.DISABLE_COOKIES)}get streamType(){return this.getAttribute(O.STREAM_TYPE)??this.media?.streamType??w.UNKNOWN}set streamType(e){this.setAttribute(O.STREAM_TYPE,`${e}`)}get defaultStreamType(){return this.getAttribute(Z.DEFAULT_STREAM_TYPE)??this.mediaController?.getAttribute(Z.DEFAULT_STREAM_TYPE)??w.ON_DEMAND}set defaultStreamType(e){e?this.setAttribute(Z.DEFAULT_STREAM_TYPE,e):this.removeAttribute(Z.DEFAULT_STREAM_TYPE)}get targetLiveWindow(){return this.hasAttribute(Z.TARGET_LIVE_WINDOW)?+this.getAttribute(Z.TARGET_LIVE_WINDOW):this.media?.targetLiveWindow??NaN}set targetLiveWindow(e){e==this.targetLiveWindow||Number.isNaN(e)&&Number.isNaN(this.targetLiveWindow)||(e==null?this.removeAttribute(Z.TARGET_LIVE_WINDOW):this.setAttribute(Z.TARGET_LIVE_WINDOW,`${+e}`))}get liveEdgeStart(){return this.media?.liveEdgeStart}get startTime(){return rb(Bx(this,O.START_TIME))}set startTime(e){this.setAttribute(O.START_TIME,`${e}`)}get preferPlayback(){let e=this.getAttribute(O.PREFER_PLAYBACK);if(e===fr.MSE||e===fr.NATIVE)return e}set preferPlayback(e){e!==this.preferPlayback&&(e===fr.MSE||e===fr.NATIVE?this.setAttribute(O.PREFER_PLAYBACK,e):this.removeAttribute(O.PREFER_PLAYBACK))}get metadata(){return this.media?.metadata}set metadata(e){if(Hy(this,Q,jx).call(this),!this.media){xb(`underlying media element missing when trying to set metadata. metadata will not be set.`);return}this.media.metadata={..._x(this),...e}}get _hlsConfig(){return this.media?._hlsConfig}set _hlsConfig(e){if(Hy(this,Q,jx).call(this),!this.media){xb(`underlying media element missing when trying to set _hlsConfig. _hlsConfig will not be set.`);return}this.media._hlsConfig=e}async addCuePoints(e){if(Hy(this,Q,jx).call(this),!this.media){xb(`underlying media element missing when trying to addCuePoints. cuePoints will not be added.`);return}return this.media?.addCuePoints(e)}get activeCuePoint(){return this.media?.activeCuePoint}get cuePoints(){return this.media?.cuePoints??[]}addChapters(e){if(Hy(this,Q,jx).call(this),!this.media){xb(`underlying media element missing when trying to addChapters. chapters will not be added.`);return}return this.media?.addChapters(e)}get activeChapter(){return this.media?.activeChapter}get chapters(){return this.media?.chapters??[]}getStartDate(){return this.media?.getStartDate()}get currentPdt(){return this.media?.currentPdt}get tokens(){let e=this.getAttribute(Z.PLAYBACK_TOKEN),t=this.getAttribute(Z.DRM_TOKEN),n=this.getAttribute(Z.THUMBNAIL_TOKEN),r=this.getAttribute(Z.STORYBOARD_TOKEN);return{...X(this,Dx),...e==null?{}:{playback:e},...t==null?{}:{drm:t},...n==null?{}:{thumbnail:n},...r==null?{}:{storyboard:r}}}set tokens(e){Vy(this,Dx,e??{})}get playbackToken(){return this.getAttribute(Z.PLAYBACK_TOKEN)??void 0}set playbackToken(e){this.setAttribute(Z.PLAYBACK_TOKEN,`${e}`)}get drmToken(){return this.getAttribute(Z.DRM_TOKEN)??void 0}set drmToken(e){this.setAttribute(Z.DRM_TOKEN,`${e}`)}get thumbnailToken(){return this.getAttribute(Z.THUMBNAIL_TOKEN)??void 0}set thumbnailToken(e){this.setAttribute(Z.THUMBNAIL_TOKEN,`${e}`)}get storyboardToken(){return this.getAttribute(Z.STORYBOARD_TOKEN)??void 0}set storyboardToken(e){this.setAttribute(Z.STORYBOARD_TOKEN,`${e}`)}addTextTrack(e,t,n,r){let i=this.media?.nativeEl;if(i)return Wr(i,e,t,n,r)}removeTextTrack(e){let t=this.media?.nativeEl;if(t)return Gr(t,e)}get textTracks(){return this.media?.textTracks}get castReceiver(){return this.getAttribute(Z.CAST_RECEIVER)??void 0}set castReceiver(e){e!==this.castReceiver&&(e?this.setAttribute(Z.CAST_RECEIVER,e):this.removeAttribute(Z.CAST_RECEIVER))}get castCustomData(){return this.media?.castCustomData}set castCustomData(e){if(!this.media){xb(`underlying media element missing when trying to set castCustomData. castCustomData will not be set.`);return}this.media.castCustomData=e}get noTooltips(){return this.hasAttribute(Z.NO_TOOLTIPS)}set noTooltips(e){if(!e){this.removeAttribute(Z.NO_TOOLTIPS);return}this.setAttribute(Z.NO_TOOLTIPS,``)}get proudlyDisplayMuxBadge(){return this.hasAttribute(Z.PROUDLY_DISPLAY_MUX_BADGE)}set proudlyDisplayMuxBadge(e){e?this.setAttribute(Z.PROUDLY_DISPLAY_MUX_BADGE,``):this.removeAttribute(Z.PROUDLY_DISPLAY_MUX_BADGE)}};Tx=new WeakMap,Ex=new WeakMap,Dx=new WeakMap,Ox=new WeakMap,kx=new WeakMap,Ax=new WeakMap,Q=new WeakSet,jx=function(){var e,t;if(!X(this,Ex)){Vy(this,Ex,!0),Hy(this,Q,Px).call(this);try{if(customElements.upgrade(this.mediaTheme),!(this.mediaTheme instanceof Qy.HTMLElement))throw``}catch{xb(`<media-theme> failed to upgrade!`)}try{customElements.upgrade(this.media)}catch{xb(`underlying media element failed to upgrade!`)}try{if(customElements.upgrade(this.mediaController),!(this.mediaController instanceof ru))throw``}catch{xb(`<media-controller> failed to upgrade!`)}Hy(this,Q,Fx).call(this),Hy(this,Q,Ix).call(this),Hy(this,Q,Lx).call(this),Vy(this,Ox,this.mediaController?.hasAttribute(V.USER_INACTIVE)??!0),Hy(this,Q,Rx).call(this),(e=this.media)==null||e.addEventListener(`streamtypechange`,()=>Hy(this,Q,Px).call(this)),(t=this.media)==null||t.addEventListener(`loadstart`,()=>Hy(this,Q,Px).call(this))}},Mx=function(){var e,t;try{(e=window==null?void 0:window.CSS)==null||e.registerProperty({name:`--media-primary-color`,syntax:`<color>`,inherits:!0}),(t=window==null?void 0:window.CSS)==null||t.registerProperty({name:`--media-secondary-color`,syntax:`<color>`,inherits:!0})}catch{}},Nx=function(e){Object.assign(X(this,Ax),e),Hy(this,Q,Px).call(this)},Px=function(e={}){Yb(Zb(px(this,{...X(this,Ax),...e})),this.shadowRoot)},Fx=function(){let e=e=>{var t,n;if(!(e!=null&&e.startsWith(`theme-`)))return;let r=e.replace(/^theme-/,``);if(fx.includes(r))return;let i=this.getAttribute(e);i==null?(n=this.mediaTheme)==null||n.removeAttribute(r):(t=this.mediaTheme)==null||t.setAttribute(r,i)};new MutationObserver(t=>{for(let{attributeName:n}of t)e(n)}).observe(this,{attributes:!0}),this.getAttributeNames().forEach(e)},Ix=function(){this.addEventListener(`error`,e=>{let t=this.media?.error;if(!(t instanceof C)){let{message:e,code:n}=t??{};t=new C(e,n)}if(!(t!=null&&t.fatal)){bb(t),t.data&&bb(`${t.name} data:`,t.data);return}let n=ox(t,!1);n.message&&Sb(n),xb(t),t.data&&xb(`${t.name} data:`,t.data),Hy(this,Q,Nx).call(this,{isDialogOpen:!0})}),this.media&&(this.media.errorTranslator=(e={})=>{if(!(this.media?.error instanceof C))return e;let t=ox(this.media?.error,!1);return{player_error_code:this.media?.error.code,player_error_message:t.message?String(t.message):e.player_error_message,player_error_context:t.context?String(t.context):e.player_error_context}})},Lx=function(){var e,t;let n=()=>Hy(this,Q,Px).call(this);(e=this.media?.textTracks)==null||e.addEventListener(`addtrack`,n),(t=this.media?.textTracks)==null||t.addEventListener(`removetrack`,n)},Rx=function(){var e,t;if(!/Firefox/i.test(navigator.userAgent))return;let n,r=new WeakMap,i=()=>this.streamType===w.LIVE&&!this.secondaryColor&&this.offsetWidth>=800,a=(e,t,n=!1)=>{i()||Array.from(e&&e.activeCues||[]).forEach(e=>{if(!(!e.snapToLines||e.line<-5||e.line>=0&&e.line<10))if(!t||this.paused){let t=e.text.split(`
|
|
3136
|
-
`).length,i=-3;this.streamType===w.LIVE&&(i=-2);let a=i-t;if(e.line===a&&!n)return;r.has(e)||r.set(e,e.line),e.line=a}else setTimeout(()=>{e.line=r.get(e)||`auto`},500)})},o=()=>{a(n,this.mediaController?.hasAttribute(V.USER_INACTIVE)??!1)},s=()=>{let e=Array.from(this.mediaController?.media?.textTracks||[]).filter(e=>[`subtitles`,`captions`].includes(e.kind)&&e.mode===`showing`)[0];e!==n&&n?.removeEventListener(`cuechange`,o),n=e,n?.addEventListener(`cuechange`,o),a(n,X(this,Ox))};s(),(e=this.textTracks)==null||e.addEventListener(`change`,s),(t=this.textTracks)==null||t.addEventListener(`addtrack`,s),this.addEventListener(`userinactivechange`,()=>{let e=this.mediaController?.hasAttribute(V.USER_INACTIVE)??!0;X(this,Ox)!==e&&(Vy(this,Ox,e),a(n,X(this,Ox)))})};function Bx(e,t){return e.media?e.media.getAttribute(t):e.getAttribute(t)}var Vx=zx,Hx=e=>{throw TypeError(e)},Ux=(e,t,n)=>t.has(e)||Hx(`Cannot `+n),Wx=(e,t,n)=>(Ux(e,t,`read from private field`),n?n.call(e):t.get(e)),Gx=(e,t,n)=>t.has(e)?Hx(`Cannot add the same private member more than once`):t instanceof WeakSet?t.add(e):t.set(e,n),Kx=(e,t,n,r)=>(Ux(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),qx=class{addEventListener(){}removeEventListener(){}dispatchEvent(e){return!0}};if(typeof DocumentFragment>`u`){class e extends qx{}globalThis.DocumentFragment=e}var Jx=class extends qx{},Yx=class extends qx{},Xx={get(e){},define(e,t,n){},getName(e){return null},upgrade(e){},whenDefined(e){return Promise.resolve(Jx)}},Zx,Qx=class{constructor(e,t={}){Gx(this,Zx),Kx(this,Zx,t?.detail)}get detail(){return Wx(this,Zx)}initCustomEvent(){}};Zx=new WeakMap;function $x(e,t){return new Jx}var eS={document:{createElement:$x},DocumentFragment,customElements:Xx,CustomEvent:Qx,EventTarget:qx,HTMLElement:Jx,HTMLVideoElement:Yx},tS=typeof window>`u`||globalThis.customElements===void 0,nS=tS?eS:globalThis;tS?eS.document:globalThis.document,nS.customElements.get(`mux-player`)||(nS.customElements.define(`mux-player`,Vx),nS.MuxPlayerElement=Vx);var rS=parseInt(r.version)>=19,iS={className:`class`,classname:`class`,htmlFor:`for`,crossOrigin:`crossorigin`,viewBox:`viewBox`,playsInline:`playsinline`,autoPlay:`autoplay`,playbackRate:`playbackrate`},aS=e=>e==null,oS=(e,t)=>aS(t)?!1:e in t,sS=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),cS=(e,t)=>{if(!(!rS&&typeof t==`boolean`&&!t)){if(oS(e,iS))return iS[e];if(t!==void 0)return/[A-Z]/.test(e)?sS(e):e}},lS=(e,t)=>!rS&&typeof e==`boolean`?``:e,uS=(e={})=>{let{ref:t,...n}=e;return Object.entries(n).reduce((e,[t,n])=>{let r=cS(t,n);return r&&(e[r]=lS(n,t)),e},{})};function dS(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function fS(...e){return t=>{let n=!1,r=e.map(e=>{let r=dS(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():dS(e[t],null)}}}}function pS(...t){return e(fS(...t),t)}var mS=Object.prototype.hasOwnProperty,hS=(e,t)=>{if(Object.is(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;if(Array.isArray(e))return!Array.isArray(t)||e.length!==t.length?!1:e.some((e,n)=>t[n]===e);let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r=0;r<n.length;r++)if(!mS.call(t,n[r])||!Object.is(e[n[r]],t[n[r]]))return!1;return!0},gS=(e,t,n)=>!hS(t,e[n]),_S=(e,t,n)=>{e[n]=t},vS=(e,t,n,r=_S,i=gS)=>a(()=>{let a=n?.current;a&&i(a,t,e)&&r(a,t,e)},[n?.current,t]),yS=(()=>{try{return`3.5.2`}catch{}return`UNKNOWN`})(),bS=()=>yS,$=(e,t,n)=>a(()=>{let r=t?.current;if(!r||!n)return;let i=e,a=n;return r.addEventListener(i,a),()=>{r.removeEventListener(i,a)}},[t?.current,n,e]),xS=r.forwardRef(({children:e,...t},n)=>r.createElement(`mux-player`,{suppressHydrationWarning:!0,...uS(t),ref:n},e)),SS=(e,t)=>{let{onAbort:n,onCanPlay:r,onCanPlayThrough:i,onEmptied:a,onLoadStart:o,onLoadedData:s,onLoadedMetadata:c,onProgress:l,onDurationChange:u,onVolumeChange:d,onRateChange:f,onResize:p,onWaiting:m,onPlay:ee,onPlaying:te,onTimeUpdate:ne,onPause:h,onSeeking:re,onSeeked:g,onStalled:ie,onSuspend:ae,onEnded:oe,onError:se,onCuePointChange:ce,onChapterChange:le,metadata:ue,tokens:de,paused:fe,playbackId:pe,playbackRates:me,currentTime:he,themeProps:ge,extraSourceParams:_e,castCustomData:ve,_hlsConfig:ye,...be}=t;return vS(`playbackId`,pe,e),vS(`playbackRates`,me,e),vS(`metadata`,ue,e),vS(`extraSourceParams`,_e,e),vS(`_hlsConfig`,ye,e),vS(`themeProps`,ge,e),vS(`tokens`,de,e),vS(`castCustomData`,ve,e),vS(`paused`,fe,e,(e,t)=>{t!=null&&(t?e.pause():e.play())},(e,t,n)=>e.hasAttribute(`autoplay`)&&!e.hasPlayed?!1:gS(e,t,n)),vS(`currentTime`,he,e,(e,t)=>{t!=null&&(e.currentTime=t)}),$(`abort`,e,n),$(`canplay`,e,r),$(`canplaythrough`,e,i),$(`emptied`,e,a),$(`loadstart`,e,o),$(`loadeddata`,e,s),$(`loadedmetadata`,e,c),$(`progress`,e,l),$(`durationchange`,e,u),$(`volumechange`,e,d),$(`ratechange`,e,f),$(`resize`,e,p),$(`waiting`,e,m),$(`play`,e,ee),$(`playing`,e,te),$(`timeupdate`,e,ne),$(`pause`,e,h),$(`seeking`,e,re),$(`seeked`,e,g),$(`stalled`,e,ie),$(`suspend`,e,ae),$(`ended`,e,oe),$(`error`,e,se),$(`cuepointchange`,e,ce),$(`chapterchange`,e,le),[be]},CS=bS(),wS=`mux-player-react`,TS=r.forwardRef((e,t)=>{let a=n(null),o=pS(a,t),[s]=SS(a,e),[c]=i(e.playerInitTime??Ii());return r.createElement(xS,{ref:o,defaultHiddenCaptions:e.defaultHiddenCaptions,playerSoftwareName:wS,playerSoftwareVersion:CS,playerInitTime:c,...s})});export{_r as MaxResolution,C as MediaError,vr as MinResolution,yr as RenditionOrder,TS as default,Ii as generatePlayerInitTime,wS as playerSoftwareName,CS as playerSoftwareVersion};
|