@mux/mux-player 3.5.2-canary.0 → 3.5.2
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/dist/base.cjs.js +1 -1
- package/dist/base.mjs +1 -1
- package/dist/mux-player.js +1 -1
- package/dist/mux-player.mjs +1 -1
- package/dist/themes/news/index.cjs.js +62 -37
- package/dist/themes/news/index.js +62 -37
- package/dist/themes/news/index.mjs +62 -37
- package/package.json +1 -1
package/dist/base.cjs.js
CHANGED
|
@@ -1271,7 +1271,7 @@
|
|
|
1271
1271
|
|
|
1272
1272
|
</slot>
|
|
1273
1273
|
</div>
|
|
1274
|
-
`}var jo=(t,e=t.mediaCurrentTime)=>{let i=Number.isFinite(t.mediaSeekableStart)?t.mediaSeekableStart:0,a=Number.isFinite(t.mediaDuration)?t.mediaDuration:t.mediaSeekableEnd;if(Number.isNaN(a))return 0;let r=(e-i)/(a-i);return Math.max(0,Math.min(r,1))},hc=(t,e=t.range.valueAsNumber)=>{let i=Number.isFinite(t.mediaSeekableStart)?t.mediaSeekableStart:0,a=Number.isFinite(t.mediaDuration)?t.mediaDuration:t.mediaSeekableEnd;return Number.isNaN(a)?0:e*(a-i)+i},dr=class extends Fe{constructor(){super(),re(this,qi),re(this,Js),re(this,rn),re(this,on),re(this,nn),re(this,zs),re(this,lr),re(this,Qs),re(this,Gi,void 0),re(this,ii,void 0),re(this,tn,void 0),re(this,or,void 0),re(this,an,void 0),re(this,en,void 0),re(this,nr,void 0),re(this,sr,void 0),re(this,Yi,void 0),re(this,Zs,a=>{this.dragging||(Ai(a)&&(this.range.valueAsNumber=a),this.updateBar())}),this.shadowRoot.querySelector("#track").insertAdjacentHTML("afterbegin",'<div id="buffered" part="buffered"></div>'),ze(this,tn,this.shadowRoot.querySelectorAll('[part~="box"]')),ze(this,an,this.shadowRoot.querySelector('[part~="preview-box"]')),ze(this,en,this.shadowRoot.querySelector('[part~="current-box"]'));let i=getComputedStyle(this);ze(this,nr,parseInt(i.getPropertyValue("--media-box-padding-left"))),ze(this,sr,parseInt(i.getPropertyValue("--media-box-padding-right"))),ze(this,ii,new Jo(this.range,ee(this,Zs),60))}static get observedAttributes(){return[...super.observedAttributes,n.MEDIA_PAUSED,n.MEDIA_DURATION,n.MEDIA_SEEKABLE,n.MEDIA_CURRENT_TIME,n.MEDIA_PREVIEW_IMAGE,n.MEDIA_PREVIEW_TIME,n.MEDIA_PREVIEW_CHAPTER,n.MEDIA_BUFFERED,n.MEDIA_PLAYBACK_RATE,n.MEDIA_LOADING,n.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute("aria-label",h("seek")),le(this,qi,rr).call(this),ze(this,Gi,this.getRootNode()),(e=ee(this,Gi))==null||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),le(this,qi,rr).call(this),(e=ee(this,Gi))==null||e.removeEventListener("transitionstart",this),ze(this,Gi,null)}attributeChangedCallback(e,i,a){super.attributeChangedCallback(e,i,a),i!=a&&(e===n.MEDIA_CURRENT_TIME||e===n.MEDIA_PAUSED||e===n.MEDIA_ENDED||e===n.MEDIA_LOADING||e===n.MEDIA_DURATION||e===n.MEDIA_SEEKABLE?(ee(this,ii).update({start:jo(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),le(this,qi,rr).call(this),Jp(this)):e===n.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===n.MEDIA_DURATION||e===n.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=ee(this,Yi),this.updateBar()))}get mediaChaptersCues(){return ee(this,Yi)}set mediaChaptersCues(e){var i;ze(this,Yi,e),this.updateSegments((i=ee(this,Yi))==null?void 0:i.map(a=>({start:jo(this,a.startTime),end:jo(this,a.endTime)})))}get mediaPaused(){return k(this,n.MEDIA_PAUSED)}set mediaPaused(e){S(this,n.MEDIA_PAUSED,e)}get mediaLoading(){return k(this,n.MEDIA_LOADING)}set mediaLoading(e){S(this,n.MEDIA_LOADING,e)}get mediaDuration(){return R(this,n.MEDIA_DURATION)}set mediaDuration(e){O(this,n.MEDIA_DURATION,e)}get mediaCurrentTime(){return R(this,n.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){O(this,n.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return R(this,n.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){O(this,n.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(n.MEDIA_BUFFERED);return e?e.split(" ").map(i=>i.split(":").map(a=>+a)):[]}set mediaBuffered(e){if(!e){this.removeAttribute(n.MEDIA_BUFFERED);return}let i=e.map(a=>a.join(":")).join(" ");this.setAttribute(n.MEDIA_BUFFERED,i)}get mediaSeekable(){let e=this.getAttribute(n.MEDIA_SEEKABLE);if(e)return e.split(":").map(i=>+i)}set mediaSeekable(e){if(e==null){this.removeAttribute(n.MEDIA_SEEKABLE);return}this.setAttribute(n.MEDIA_SEEKABLE,e.join(":"))}get mediaSeekableEnd(){var e;let[,i=this.mediaDuration]=(e=this.mediaSeekable)!=null?e:[];return i}get mediaSeekableStart(){var e;let[i=0]=(e=this.mediaSeekable)!=null?e:[];return i}get mediaPreviewImage(){return I(this,n.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){M(this,n.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return R(this,n.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){O(this,n.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return k(this,n.MEDIA_ENDED)}set mediaEnded(e){S(this,n.MEDIA_ENDED,e)}updateBar(){super.updateBar(),this.updateBufferedBar(),this.updateCurrentBox()}updateBufferedBar(){var e;let i=this.mediaBuffered;if(!i.length)return;let a;if(this.mediaEnded)a=1;else{let o=this.mediaCurrentTime,[,s=this.mediaSeekableStart]=(e=i.find(([l,u])=>l<=o&&o<=u))!=null?e:[];a=jo(this,s)}let{style:r}=W(this.shadowRoot,"#buffered");r.setProperty("width",`${a*100}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector('slot[name="current"]').assignedElements().length)return;let i=W(this.shadowRoot,"#current-rail"),a=W(this.shadowRoot,'[part~="current-box"]'),r=le(this,rn,js).call(this,ee(this,en)),o=le(this,on,el).call(this,r,this.range.valueAsNumber),s=le(this,nn,tl).call(this,r,this.range.valueAsNumber);i.style.transform=`translateX(${o})`,i.style.setProperty("--_range-width",`${r.range.width}`),a.style.setProperty("--_box-shift",`${s}`),a.style.setProperty("--_box-width",`${r.box.width}px`),a.style.setProperty("visibility","initial")}handleEvent(e){switch(super.handleEvent(e),e.type){case"input":le(this,Qs,mc).call(this);break;case"pointermove":le(this,zs,cc).call(this,e);break;case"pointerup":case"pointerleave":le(this,lr,sn).call(this,null);break;case"transitionstart":de(e.target,this)&&setTimeout(()=>le(this,qi,rr).call(this),0);break}}};Gi=new WeakMap;ii=new WeakMap;tn=new WeakMap;or=new WeakMap;an=new WeakMap;en=new WeakMap;nr=new WeakMap;sr=new WeakMap;Yi=new WeakMap;qi=new WeakSet;rr=function(){le(this,Js,uc).call(this)?ee(this,ii).start():ee(this,ii).stop()};Js=new WeakSet;uc=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&zr(this)};Zs=new WeakMap;rn=new WeakSet;js=function(t){var e;let a=((e=this.getAttribute("bounds")?He(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?e:this).getBoundingClientRect(),r=this.range.getBoundingClientRect(),o=t.offsetWidth,s=-(r.left-a.left-o/2),l=a.right-r.left-o/2;return{box:{width:o,min:s,max:l},bounds:a,range:r}};on=new WeakSet;el=function(t,e){let i=`${e*100}%`,{width:a,min:r,max:o}=t.box;if(!a)return i;if(Number.isNaN(r)||(i=`max(${`calc(1 / var(--_range-width) * 100 * ${r}% + var(--media-box-padding-left))`}, ${i})`),!Number.isNaN(o)){let l=`calc(1 / var(--_range-width) * 100 * ${o}% - var(--media-box-padding-right))`;i=`min(${i}, ${l})`}return i};nn=new WeakSet;tl=function(t,e){let{width:i,min:a,max:r}=t.box,o=e*t.range.width;if(o<a+ee(this,nr)){let s=t.range.left-t.bounds.left-ee(this,nr);return`${o-i/2+s}px`}if(o>r-ee(this,sr)){let s=t.bounds.right-t.range.right-ee(this,sr);return`${o+i/2-s-t.range.width}px`}return 0};zs=new WeakSet;cc=function(t){let e=[...ee(this,tn)].some(_=>t.composedPath().includes(_));if(!this.dragging&&(e||!t.composedPath().includes(this))){le(this,lr,sn).call(this,null);return}let i=this.mediaSeekableEnd;if(!i)return;let a=W(this.shadowRoot,"#preview-rail"),r=W(this.shadowRoot,'[part~="preview-box"]'),o=le(this,rn,js).call(this,ee(this,an)),s=(t.clientX-o.range.left)/o.range.width;s=Math.max(0,Math.min(1,s));let l=le(this,on,el).call(this,o,s),u=le(this,nn,tl).call(this,o,s);a.style.transform=`translateX(${l})`,a.style.setProperty("--_range-width",`${o.range.width}`),r.style.setProperty("--_box-shift",`${u}`),r.style.setProperty("--_box-width",`${o.box.width}px`);let m=Math.round(ee(this,or))-Math.round(s*i);Math.abs(m)<1&&s>.01&&s<.99||(ze(this,or,s*i),le(this,lr,sn).call(this,ee(this,or)))};lr=new WeakSet;sn=function(t){this.dispatchEvent(new d.CustomEvent(p.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:t}))};Qs=new WeakSet;mc=function(){ee(this,ii).stop();let t=hc(this);this.dispatchEvent(new d.CustomEvent(p.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:t}))};dr.shadowRootOptions={mode:"open"};dr.getTemplateHTML=jp;d.customElements.get("media-time-range")||d.customElements.define("media-time-range",dr);var ef=1,tf=t=>t.mediaMuted?0:t.mediaVolume,af=t=>`${Math.round(t*100)}%`,il=class extends Fe{static get observedAttributes(){return[...super.observedAttributes,n.MEDIA_VOLUME,n.MEDIA_MUTED,n.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.addEventListener("input",()=>{let e=this.range.value,i=new d.CustomEvent(p.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(i)})}connectedCallback(){super.connectedCallback(),this.range.setAttribute("aria-label",h("volume"))}attributeChangedCallback(e,i,a){super.attributeChangedCallback(e,i,a),(e===n.MEDIA_VOLUME||e===n.MEDIA_MUTED)&&(this.range.valueAsNumber=tf(this),this.range.setAttribute("aria-valuetext",af(this.range.valueAsNumber)),this.updateBar())}get mediaVolume(){return R(this,n.MEDIA_VOLUME,ef)}set mediaVolume(e){O(this,n.MEDIA_VOLUME,e)}get mediaMuted(){return k(this,n.MEDIA_MUTED)}set mediaMuted(e){S(this,n.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return I(this,n.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){M(this,n.MEDIA_VOLUME_UNAVAILABLE,e)}};d.customElements.get("media-volume-range")||d.customElements.define("media-volume-range",il);var b=require("@mux/mux-video/base"),w=require("@mux/playback-core");var gc=require("@mux/playback-core");var oi=require("@mux/playback-core");function pc(t){let e="";return Object.entries(t).forEach(([i,a])=>{a!=null&&(e+=`${ln(i)}: ${a}; `)}),e?e.trim():void 0}function ln(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function dn(t){return t.replace(/[-_]([a-z])/g,(e,i)=>i.toUpperCase())}function ue(t){if(t==null)return;let e=+t;return Number.isNaN(e)?void 0:e}function al(t){let e=rf(t).toString();return e?"?"+e:""}function rf(t){let e={};for(let i in t)t[i]!=null&&(e[i]=t[i]);return new URLSearchParams(e)}var rl=(t,e)=>!t||!e?!1:t.contains(e)?!0:rl(t,e.getRootNode().host);var fc="mux.com",of=()=>{try{return"3.5.1"}catch{}return"UNKNOWN"},nf=of(),cn=()=>nf,vc=(t,{token:e,customDomain:i=fc,thumbnailTime:a,programTime:r}={})=>{var l;let o=e==null?a:void 0,{aud:s}=(l=(0,oi.parseJwt)(e))!=null?l:{};if(!(e&&s!=="t"))return`https://image.${i}/${t}/thumbnail.webp${al({token:e,time:o,program_time:r})}`},Ec=(t,{token:e,customDomain:i=fc,programStartTime:a,programEndTime:r}={})=>{var s;let{aud:o}=(s=(0,oi.parseJwt)(e))!=null?s:{};if(!(e&&o!=="s"))return`https://image.${i}/${t}/storyboard.vtt${al({token:e,format:"webp",program_start_time:a,program_end_time:r})}`},ur=t=>{if(t){if([oi.StreamTypes.LIVE,oi.StreamTypes.ON_DEMAND].includes(t))return t;if(t!=null&&t.includes("live"))return oi.StreamTypes.LIVE}};var sf={crossorigin:"crossOrigin",playsinline:"playsInline"};function bc(t){var e;return(e=sf[t])!=null?e:dn(t)}var ai,ri,ce,un=class{constructor(e,i){he(this,ai);he(this,ri);he(this,ce,[]);Te(this,ai,e),Te(this,ri,i)}[Symbol.iterator](){return U(this,ce).values()}get length(){return U(this,ce).length}get value(){var e;return(e=U(this,ce).join(" "))!=null?e:""}set value(e){var i;e!==this.value&&(Te(this,ce,[]),this.add(...(i=e==null?void 0:e.split(" "))!=null?i:[]))}toString(){return this.value}item(e){return U(this,ce)[e]}values(){return U(this,ce).values()}keys(){return U(this,ce).keys()}forEach(e){U(this,ce).forEach(e)}add(...e){var i,a;e.forEach(r=>{this.contains(r)||U(this,ce).push(r)}),!(this.value===""&&!((i=U(this,ai))!=null&&i.hasAttribute(`${U(this,ri)}`)))&&((a=U(this,ai))==null||a.setAttribute(`${U(this,ri)}`,`${this.value}`))}remove(...e){var i;e.forEach(a=>{U(this,ce).splice(U(this,ce).indexOf(a),1)}),(i=U(this,ai))==null||i.setAttribute(`${U(this,ri)}`,`${this.value}`)}contains(e){return U(this,ce).includes(e)}toggle(e,i){return typeof i!="undefined"?i?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,i){this.remove(e),this.add(i)}};ai=new WeakMap,ri=new WeakMap,ce=new WeakMap;var _c=`[mux-player ${cn()}]`;function Qe(...t){console.warn(_c,...t)}function Ee(...t){console.error(_c,...t)}function ol(t){var i;let e=(i=t.message)!=null?i:"";t.context&&(e+=` ${t.context}`),t.file&&(e+=` ${(0,gc.i18n)("Read more: ")}
|
|
1274
|
+
`}var jo=(t,e=t.mediaCurrentTime)=>{let i=Number.isFinite(t.mediaSeekableStart)?t.mediaSeekableStart:0,a=Number.isFinite(t.mediaDuration)?t.mediaDuration:t.mediaSeekableEnd;if(Number.isNaN(a))return 0;let r=(e-i)/(a-i);return Math.max(0,Math.min(r,1))},hc=(t,e=t.range.valueAsNumber)=>{let i=Number.isFinite(t.mediaSeekableStart)?t.mediaSeekableStart:0,a=Number.isFinite(t.mediaDuration)?t.mediaDuration:t.mediaSeekableEnd;return Number.isNaN(a)?0:e*(a-i)+i},dr=class extends Fe{constructor(){super(),re(this,qi),re(this,Js),re(this,rn),re(this,on),re(this,nn),re(this,zs),re(this,lr),re(this,Qs),re(this,Gi,void 0),re(this,ii,void 0),re(this,tn,void 0),re(this,or,void 0),re(this,an,void 0),re(this,en,void 0),re(this,nr,void 0),re(this,sr,void 0),re(this,Yi,void 0),re(this,Zs,a=>{this.dragging||(Ai(a)&&(this.range.valueAsNumber=a),this.updateBar())}),this.shadowRoot.querySelector("#track").insertAdjacentHTML("afterbegin",'<div id="buffered" part="buffered"></div>'),ze(this,tn,this.shadowRoot.querySelectorAll('[part~="box"]')),ze(this,an,this.shadowRoot.querySelector('[part~="preview-box"]')),ze(this,en,this.shadowRoot.querySelector('[part~="current-box"]'));let i=getComputedStyle(this);ze(this,nr,parseInt(i.getPropertyValue("--media-box-padding-left"))),ze(this,sr,parseInt(i.getPropertyValue("--media-box-padding-right"))),ze(this,ii,new Jo(this.range,ee(this,Zs),60))}static get observedAttributes(){return[...super.observedAttributes,n.MEDIA_PAUSED,n.MEDIA_DURATION,n.MEDIA_SEEKABLE,n.MEDIA_CURRENT_TIME,n.MEDIA_PREVIEW_IMAGE,n.MEDIA_PREVIEW_TIME,n.MEDIA_PREVIEW_CHAPTER,n.MEDIA_BUFFERED,n.MEDIA_PLAYBACK_RATE,n.MEDIA_LOADING,n.MEDIA_ENDED]}connectedCallback(){var e;super.connectedCallback(),this.range.setAttribute("aria-label",h("seek")),le(this,qi,rr).call(this),ze(this,Gi,this.getRootNode()),(e=ee(this,Gi))==null||e.addEventListener("transitionstart",this)}disconnectedCallback(){var e;super.disconnectedCallback(),le(this,qi,rr).call(this),(e=ee(this,Gi))==null||e.removeEventListener("transitionstart",this),ze(this,Gi,null)}attributeChangedCallback(e,i,a){super.attributeChangedCallback(e,i,a),i!=a&&(e===n.MEDIA_CURRENT_TIME||e===n.MEDIA_PAUSED||e===n.MEDIA_ENDED||e===n.MEDIA_LOADING||e===n.MEDIA_DURATION||e===n.MEDIA_SEEKABLE?(ee(this,ii).update({start:jo(this),duration:this.mediaSeekableEnd-this.mediaSeekableStart,playbackRate:this.mediaPlaybackRate}),le(this,qi,rr).call(this),Jp(this)):e===n.MEDIA_BUFFERED&&this.updateBufferedBar(),(e===n.MEDIA_DURATION||e===n.MEDIA_SEEKABLE)&&(this.mediaChaptersCues=ee(this,Yi),this.updateBar()))}get mediaChaptersCues(){return ee(this,Yi)}set mediaChaptersCues(e){var i;ze(this,Yi,e),this.updateSegments((i=ee(this,Yi))==null?void 0:i.map(a=>({start:jo(this,a.startTime),end:jo(this,a.endTime)})))}get mediaPaused(){return k(this,n.MEDIA_PAUSED)}set mediaPaused(e){S(this,n.MEDIA_PAUSED,e)}get mediaLoading(){return k(this,n.MEDIA_LOADING)}set mediaLoading(e){S(this,n.MEDIA_LOADING,e)}get mediaDuration(){return R(this,n.MEDIA_DURATION)}set mediaDuration(e){O(this,n.MEDIA_DURATION,e)}get mediaCurrentTime(){return R(this,n.MEDIA_CURRENT_TIME)}set mediaCurrentTime(e){O(this,n.MEDIA_CURRENT_TIME,e)}get mediaPlaybackRate(){return R(this,n.MEDIA_PLAYBACK_RATE,1)}set mediaPlaybackRate(e){O(this,n.MEDIA_PLAYBACK_RATE,e)}get mediaBuffered(){let e=this.getAttribute(n.MEDIA_BUFFERED);return e?e.split(" ").map(i=>i.split(":").map(a=>+a)):[]}set mediaBuffered(e){if(!e){this.removeAttribute(n.MEDIA_BUFFERED);return}let i=e.map(a=>a.join(":")).join(" ");this.setAttribute(n.MEDIA_BUFFERED,i)}get mediaSeekable(){let e=this.getAttribute(n.MEDIA_SEEKABLE);if(e)return e.split(":").map(i=>+i)}set mediaSeekable(e){if(e==null){this.removeAttribute(n.MEDIA_SEEKABLE);return}this.setAttribute(n.MEDIA_SEEKABLE,e.join(":"))}get mediaSeekableEnd(){var e;let[,i=this.mediaDuration]=(e=this.mediaSeekable)!=null?e:[];return i}get mediaSeekableStart(){var e;let[i=0]=(e=this.mediaSeekable)!=null?e:[];return i}get mediaPreviewImage(){return I(this,n.MEDIA_PREVIEW_IMAGE)}set mediaPreviewImage(e){M(this,n.MEDIA_PREVIEW_IMAGE,e)}get mediaPreviewTime(){return R(this,n.MEDIA_PREVIEW_TIME)}set mediaPreviewTime(e){O(this,n.MEDIA_PREVIEW_TIME,e)}get mediaEnded(){return k(this,n.MEDIA_ENDED)}set mediaEnded(e){S(this,n.MEDIA_ENDED,e)}updateBar(){super.updateBar(),this.updateBufferedBar(),this.updateCurrentBox()}updateBufferedBar(){var e;let i=this.mediaBuffered;if(!i.length)return;let a;if(this.mediaEnded)a=1;else{let o=this.mediaCurrentTime,[,s=this.mediaSeekableStart]=(e=i.find(([l,u])=>l<=o&&o<=u))!=null?e:[];a=jo(this,s)}let{style:r}=W(this.shadowRoot,"#buffered");r.setProperty("width",`${a*100}%`)}updateCurrentBox(){if(!this.shadowRoot.querySelector('slot[name="current"]').assignedElements().length)return;let i=W(this.shadowRoot,"#current-rail"),a=W(this.shadowRoot,'[part~="current-box"]'),r=le(this,rn,js).call(this,ee(this,en)),o=le(this,on,el).call(this,r,this.range.valueAsNumber),s=le(this,nn,tl).call(this,r,this.range.valueAsNumber);i.style.transform=`translateX(${o})`,i.style.setProperty("--_range-width",`${r.range.width}`),a.style.setProperty("--_box-shift",`${s}`),a.style.setProperty("--_box-width",`${r.box.width}px`),a.style.setProperty("visibility","initial")}handleEvent(e){switch(super.handleEvent(e),e.type){case"input":le(this,Qs,mc).call(this);break;case"pointermove":le(this,zs,cc).call(this,e);break;case"pointerup":case"pointerleave":le(this,lr,sn).call(this,null);break;case"transitionstart":de(e.target,this)&&setTimeout(()=>le(this,qi,rr).call(this),0);break}}};Gi=new WeakMap;ii=new WeakMap;tn=new WeakMap;or=new WeakMap;an=new WeakMap;en=new WeakMap;nr=new WeakMap;sr=new WeakMap;Yi=new WeakMap;qi=new WeakSet;rr=function(){le(this,Js,uc).call(this)?ee(this,ii).start():ee(this,ii).stop()};Js=new WeakSet;uc=function(){return this.isConnected&&!this.mediaPaused&&!this.mediaLoading&&!this.mediaEnded&&this.mediaSeekableEnd>0&&zr(this)};Zs=new WeakMap;rn=new WeakSet;js=function(t){var e;let a=((e=this.getAttribute("bounds")?He(this,`#${this.getAttribute("bounds")}`):this.parentElement)!=null?e:this).getBoundingClientRect(),r=this.range.getBoundingClientRect(),o=t.offsetWidth,s=-(r.left-a.left-o/2),l=a.right-r.left-o/2;return{box:{width:o,min:s,max:l},bounds:a,range:r}};on=new WeakSet;el=function(t,e){let i=`${e*100}%`,{width:a,min:r,max:o}=t.box;if(!a)return i;if(Number.isNaN(r)||(i=`max(${`calc(1 / var(--_range-width) * 100 * ${r}% + var(--media-box-padding-left))`}, ${i})`),!Number.isNaN(o)){let l=`calc(1 / var(--_range-width) * 100 * ${o}% - var(--media-box-padding-right))`;i=`min(${i}, ${l})`}return i};nn=new WeakSet;tl=function(t,e){let{width:i,min:a,max:r}=t.box,o=e*t.range.width;if(o<a+ee(this,nr)){let s=t.range.left-t.bounds.left-ee(this,nr);return`${o-i/2+s}px`}if(o>r-ee(this,sr)){let s=t.bounds.right-t.range.right-ee(this,sr);return`${o+i/2-s-t.range.width}px`}return 0};zs=new WeakSet;cc=function(t){let e=[...ee(this,tn)].some(_=>t.composedPath().includes(_));if(!this.dragging&&(e||!t.composedPath().includes(this))){le(this,lr,sn).call(this,null);return}let i=this.mediaSeekableEnd;if(!i)return;let a=W(this.shadowRoot,"#preview-rail"),r=W(this.shadowRoot,'[part~="preview-box"]'),o=le(this,rn,js).call(this,ee(this,an)),s=(t.clientX-o.range.left)/o.range.width;s=Math.max(0,Math.min(1,s));let l=le(this,on,el).call(this,o,s),u=le(this,nn,tl).call(this,o,s);a.style.transform=`translateX(${l})`,a.style.setProperty("--_range-width",`${o.range.width}`),r.style.setProperty("--_box-shift",`${u}`),r.style.setProperty("--_box-width",`${o.box.width}px`);let m=Math.round(ee(this,or))-Math.round(s*i);Math.abs(m)<1&&s>.01&&s<.99||(ze(this,or,s*i),le(this,lr,sn).call(this,ee(this,or)))};lr=new WeakSet;sn=function(t){this.dispatchEvent(new d.CustomEvent(p.MEDIA_PREVIEW_REQUEST,{composed:!0,bubbles:!0,detail:t}))};Qs=new WeakSet;mc=function(){ee(this,ii).stop();let t=hc(this);this.dispatchEvent(new d.CustomEvent(p.MEDIA_SEEK_REQUEST,{composed:!0,bubbles:!0,detail:t}))};dr.shadowRootOptions={mode:"open"};dr.getTemplateHTML=jp;d.customElements.get("media-time-range")||d.customElements.define("media-time-range",dr);var ef=1,tf=t=>t.mediaMuted?0:t.mediaVolume,af=t=>`${Math.round(t*100)}%`,il=class extends Fe{static get observedAttributes(){return[...super.observedAttributes,n.MEDIA_VOLUME,n.MEDIA_MUTED,n.MEDIA_VOLUME_UNAVAILABLE]}constructor(){super(),this.range.addEventListener("input",()=>{let e=this.range.value,i=new d.CustomEvent(p.MEDIA_VOLUME_REQUEST,{composed:!0,bubbles:!0,detail:e});this.dispatchEvent(i)})}connectedCallback(){super.connectedCallback(),this.range.setAttribute("aria-label",h("volume"))}attributeChangedCallback(e,i,a){super.attributeChangedCallback(e,i,a),(e===n.MEDIA_VOLUME||e===n.MEDIA_MUTED)&&(this.range.valueAsNumber=tf(this),this.range.setAttribute("aria-valuetext",af(this.range.valueAsNumber)),this.updateBar())}get mediaVolume(){return R(this,n.MEDIA_VOLUME,ef)}set mediaVolume(e){O(this,n.MEDIA_VOLUME,e)}get mediaMuted(){return k(this,n.MEDIA_MUTED)}set mediaMuted(e){S(this,n.MEDIA_MUTED,e)}get mediaVolumeUnavailable(){return I(this,n.MEDIA_VOLUME_UNAVAILABLE)}set mediaVolumeUnavailable(e){M(this,n.MEDIA_VOLUME_UNAVAILABLE,e)}};d.customElements.get("media-volume-range")||d.customElements.define("media-volume-range",il);var b=require("@mux/mux-video/base"),w=require("@mux/playback-core");var gc=require("@mux/playback-core");var oi=require("@mux/playback-core");function pc(t){let e="";return Object.entries(t).forEach(([i,a])=>{a!=null&&(e+=`${ln(i)}: ${a}; `)}),e?e.trim():void 0}function ln(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function dn(t){return t.replace(/[-_]([a-z])/g,(e,i)=>i.toUpperCase())}function ue(t){if(t==null)return;let e=+t;return Number.isNaN(e)?void 0:e}function al(t){let e=rf(t).toString();return e?"?"+e:""}function rf(t){let e={};for(let i in t)t[i]!=null&&(e[i]=t[i]);return new URLSearchParams(e)}var rl=(t,e)=>!t||!e?!1:t.contains(e)?!0:rl(t,e.getRootNode().host);var fc="mux.com",of=()=>{try{return"3.5.2"}catch{}return"UNKNOWN"},nf=of(),cn=()=>nf,vc=(t,{token:e,customDomain:i=fc,thumbnailTime:a,programTime:r}={})=>{var l;let o=e==null?a:void 0,{aud:s}=(l=(0,oi.parseJwt)(e))!=null?l:{};if(!(e&&s!=="t"))return`https://image.${i}/${t}/thumbnail.webp${al({token:e,time:o,program_time:r})}`},Ec=(t,{token:e,customDomain:i=fc,programStartTime:a,programEndTime:r}={})=>{var s;let{aud:o}=(s=(0,oi.parseJwt)(e))!=null?s:{};if(!(e&&o!=="s"))return`https://image.${i}/${t}/storyboard.vtt${al({token:e,format:"webp",program_start_time:a,program_end_time:r})}`},ur=t=>{if(t){if([oi.StreamTypes.LIVE,oi.StreamTypes.ON_DEMAND].includes(t))return t;if(t!=null&&t.includes("live"))return oi.StreamTypes.LIVE}};var sf={crossorigin:"crossOrigin",playsinline:"playsInline"};function bc(t){var e;return(e=sf[t])!=null?e:dn(t)}var ai,ri,ce,un=class{constructor(e,i){he(this,ai);he(this,ri);he(this,ce,[]);Te(this,ai,e),Te(this,ri,i)}[Symbol.iterator](){return U(this,ce).values()}get length(){return U(this,ce).length}get value(){var e;return(e=U(this,ce).join(" "))!=null?e:""}set value(e){var i;e!==this.value&&(Te(this,ce,[]),this.add(...(i=e==null?void 0:e.split(" "))!=null?i:[]))}toString(){return this.value}item(e){return U(this,ce)[e]}values(){return U(this,ce).values()}keys(){return U(this,ce).keys()}forEach(e){U(this,ce).forEach(e)}add(...e){var i,a;e.forEach(r=>{this.contains(r)||U(this,ce).push(r)}),!(this.value===""&&!((i=U(this,ai))!=null&&i.hasAttribute(`${U(this,ri)}`)))&&((a=U(this,ai))==null||a.setAttribute(`${U(this,ri)}`,`${this.value}`))}remove(...e){var i;e.forEach(a=>{U(this,ce).splice(U(this,ce).indexOf(a),1)}),(i=U(this,ai))==null||i.setAttribute(`${U(this,ri)}`,`${this.value}`)}contains(e){return U(this,ce).includes(e)}toggle(e,i){return typeof i!="undefined"?i?(this.add(e),!0):(this.remove(e),!1):this.contains(e)?(this.remove(e),!1):(this.add(e),!0)}replace(e,i){this.remove(e),this.add(i)}};ai=new WeakMap,ri=new WeakMap,ce=new WeakMap;var _c=`[mux-player ${cn()}]`;function Qe(...t){console.warn(_c,...t)}function Ee(...t){console.error(_c,...t)}function ol(t){var i;let e=(i=t.message)!=null?i:"";t.context&&(e+=` ${t.context}`),t.file&&(e+=` ${(0,gc.i18n)("Read more: ")}
|
|
1275
1275
|
https://github.com/muxinc/elements/blob/main/errors/${t.file}`),Qe(e)}var se={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},wt={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},Z1={...se,...wt},Tc=Object.freeze({length:0,start(t){let e=t>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(t){let e=t>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),lf=Object.values(se).filter(t=>se.PLAYSINLINE!==t),df=Object.values(wt),uf=[...lf,...df],nl=class extends ye.HTMLElement{static get observedAttributes(){return uf}constructor(){super()}attributeChangedCallback(e,i,a){var r,o;switch(e){case wt.MUTED:{this.media&&(this.media.muted=a!=null,this.media.defaultMuted=a!=null);return}case wt.VOLUME:{let s=(r=ue(a))!=null?r:1;this.media&&(this.media.volume=s);return}case wt.PLAYBACKRATE:{let s=(o=ue(a))!=null?o:1;this.media&&(this.media.playbackRate=s,this.media.defaultPlaybackRate=s);return}}}play(){var e,i;return(i=(e=this.media)==null?void 0:e.play())!=null?i:Promise.reject()}pause(){var e;(e=this.media)==null||e.pause()}load(){var e;(e=this.media)==null||e.load()}get media(){var e;return(e=this.shadowRoot)==null?void 0:e.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(){var e,i;return(i=(e=this.media)==null?void 0:e.paused)!=null?i:!0}get duration(){var e,i;return(i=(e=this.media)==null?void 0:e.duration)!=null?i:NaN}get ended(){var e,i;return(i=(e=this.media)==null?void 0:e.ended)!=null?i:!1}get buffered(){var e,i;return(i=(e=this.media)==null?void 0:e.buffered)!=null?i:Tc}get seekable(){var e,i;return(i=(e=this.media)==null?void 0:e.seekable)!=null?i:Tc}get readyState(){var e,i;return(i=(e=this.media)==null?void 0:e.readyState)!=null?i:0}get videoWidth(){var e,i;return(i=(e=this.media)==null?void 0:e.videoWidth)!=null?i:0}get videoHeight(){var e,i;return(i=(e=this.media)==null?void 0:e.videoHeight)!=null?i:0}get currentSrc(){var e,i;return(i=(e=this.media)==null?void 0:e.currentSrc)!=null?i:""}get currentTime(){var e,i;return(i=(e=this.media)==null?void 0:e.currentTime)!=null?i:0}set currentTime(e){this.media&&(this.media.currentTime=Number(e))}get volume(){var e,i;return(i=(e=this.media)==null?void 0:e.volume)!=null?i:1}set volume(e){this.media&&(this.media.volume=Number(e))}get playbackRate(){var e,i;return(i=(e=this.media)==null?void 0:e.playbackRate)!=null?i:1}set playbackRate(e){this.media&&(this.media.playbackRate=Number(e))}get defaultPlaybackRate(){var e;return(e=ue(this.getAttribute(wt.PLAYBACKRATE)))!=null?e:1}set defaultPlaybackRate(e){e!=null?this.setAttribute(wt.PLAYBACKRATE,`${e}`):this.removeAttribute(wt.PLAYBACKRATE)}get crossOrigin(){return cr(this,se.CROSSORIGIN)}set crossOrigin(e){this.setAttribute(se.CROSSORIGIN,`${e}`)}get autoplay(){return cr(this,se.AUTOPLAY)!=null}set autoplay(e){e?this.setAttribute(se.AUTOPLAY,typeof e=="string"?e:""):this.removeAttribute(se.AUTOPLAY)}get loop(){return cr(this,se.LOOP)!=null}set loop(e){e?this.setAttribute(se.LOOP,""):this.removeAttribute(se.LOOP)}get muted(){var e,i;return(i=(e=this.media)==null?void 0:e.muted)!=null?i:!1}set muted(e){this.media&&(this.media.muted=!!e)}get defaultMuted(){return cr(this,se.MUTED)!=null}set defaultMuted(e){e?this.setAttribute(se.MUTED,""):this.removeAttribute(se.MUTED)}get playsInline(){return cr(this,se.PLAYSINLINE)!=null}set playsInline(e){Ee("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(se.PRELOAD,e):this.removeAttribute(se.PRELOAD)}};function cr(t,e){return t.media?t.media.getAttribute(e):t.getAttribute(e)}var sl=nl;var Mc=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},x=(t,e,i)=>(Mc(t,e,"read from private field"),i?i.call(t):e.get(t)),Xe=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},ht=(t,e,i,a)=>(Mc(t,e,"write to private field"),a?a.call(t,i):e.set(t,i),i),Zi,mn,ni,mr,Rt,xt,Dt,si,zi,hn,Pe,yc=1,kc=0,cf=1,mf={processCallback(t,e,i){if(i){for(let[a,r]of e)if(a in i){let o=i[a];typeof o=="boolean"&&r instanceof me&&typeof r.element[r.attributeName]=="boolean"?r.booleanValue=o:typeof o=="function"&&r instanceof me?r.element[r.attributeName]=o:r.value=o}}}},pt=class extends d.DocumentFragment{constructor(e,i,a=mf){var r;super(),Xe(this,Zi,void 0),Xe(this,mn,void 0),this.append(e.content.cloneNode(!0)),ht(this,Zi,Cc(this)),ht(this,mn,a),(r=a.createCallback)==null||r.call(a,this,x(this,Zi),i),a.processCallback(this,x(this,Zi),i)}update(e){x(this,mn).processCallback(this,x(this,Zi),e)}};Zi=new WeakMap;mn=new WeakMap;var Cc=(t,e=[])=>{let i,a;for(let r of t.attributes||[])if(r.value.includes("{{")){let o=new ll;for([i,a]of Ic(r.value))if(!i)o.append(a);else{let s=new me(t,r.name,r.namespaceURI);o.append(s),e.push([a,s])}r.value=o.toString()}for(let r of t.childNodes)if(r.nodeType===yc&&!(r instanceof HTMLTemplateElement))Cc(r,e);else{let o=r.data;if(r.nodeType===yc||o.includes("{{")){let s=[];if(o)for([i,a]of Ic(o))if(!i)s.push(new Text(a));else{let l=new ft(t);s.push(l),e.push([a,l])}else if(r instanceof HTMLTemplateElement){let l=new hr(t,r);s.push(l),e.push([l.expression,l])}r.replaceWith(...s.flatMap(l=>l.replacementNodes||[l]))}}return e},Sc={},Ic=t=>{let e="",i=0,a=Sc[t],r=0,o;if(a)return a;for(a=[];o=t[r];r++)o==="{"&&t[r+1]==="{"&&t[r-1]!=="\\"&&t[r+2]&&++i==1?(e&&a.push([kc,e]),e="",r++):o==="}"&&t[r+1]==="}"&&t[r-1]!=="\\"&&!--i?(a.push([cf,e.trim()]),e="",r++):e+=o||"";return e&&a.push([kc,(i>0?"{{":"")+e]),Sc[t]=a},hf=11,pn=class{get value(){return""}set value(e){}toString(){return this.value}},Lc=new WeakMap,ll=class{constructor(){Xe(this,ni,[])}[Symbol.iterator](){return x(this,ni).values()}get length(){return x(this,ni).length}item(e){return x(this,ni)[e]}append(...e){for(let i of e)i instanceof me&&Lc.set(i,this),x(this,ni).push(i)}toString(){return x(this,ni).join("")}};ni=new WeakMap;var me=class extends pn{constructor(e,i,a){super(),Xe(this,si),Xe(this,mr,""),Xe(this,Rt,void 0),Xe(this,xt,void 0),Xe(this,Dt,void 0),ht(this,Rt,e),ht(this,xt,i),ht(this,Dt,a)}get attributeName(){return x(this,xt)}get attributeNamespace(){return x(this,Dt)}get element(){return x(this,Rt)}get value(){return x(this,mr)}set value(e){x(this,mr)!==e&&(ht(this,mr,e),!x(this,si,zi)||x(this,si,zi).length===1?e==null?x(this,Rt).removeAttributeNS(x(this,Dt),x(this,xt)):x(this,Rt).setAttributeNS(x(this,Dt),x(this,xt),e):x(this,Rt).setAttributeNS(x(this,Dt),x(this,xt),x(this,si,zi).toString()))}get booleanValue(){return x(this,Rt).hasAttributeNS(x(this,Dt),x(this,xt))}set booleanValue(e){if(!x(this,si,zi)||x(this,si,zi).length===1)this.value=e?"":null;else throw new DOMException("Value is not fully templatized")}};mr=new WeakMap;Rt=new WeakMap;xt=new WeakMap;Dt=new WeakMap;si=new WeakSet;zi=function(){return Lc.get(this)};var ft=class extends pn{constructor(e,i){super(),Xe(this,hn,void 0),Xe(this,Pe,void 0),ht(this,hn,e),ht(this,Pe,i?[...i]:[new Text])}get replacementNodes(){return x(this,Pe)}get parentNode(){return x(this,hn)}get nextSibling(){return x(this,Pe)[x(this,Pe).length-1].nextSibling}get previousSibling(){return x(this,Pe)[0].previousSibling}get value(){return x(this,Pe).map(e=>e.textContent).join("")}set value(e){this.replace(e)}replace(...e){let i=e.flat().flatMap(a=>a==null?[new Text]:a.forEach?[...a]:a.nodeType===hf?[...a.childNodes]:a.nodeType?[a]:[new Text(a)]);i.length||i.push(new Text),ht(this,Pe,pf(x(this,Pe)[0].parentNode,x(this,Pe),i,this.nextSibling))}};hn=new WeakMap;Pe=new WeakMap;var hr=class extends ft{constructor(e,i){let a=i.getAttribute("directive")||i.getAttribute("type"),r=i.getAttribute("expression")||i.getAttribute(a)||"";r.startsWith("{{")&&(r=r.trim().slice(2,-2).trim()),super(e),this.expression=r,this.template=i,this.directive=a}};function pf(t,e,i,a=null){let r=0,o,s,l,u=i.length,m=e.length;for(;r<u&&r<m&&e[r]==i[r];)r++;for(;r<u&&r<m&&i[u-1]==e[m-1];)a=i[--m,--u];if(r==m)for(;r<u;)t.insertBefore(i[r++],a);if(r==u)for(;r<m;)t.removeChild(e[r++]);else{for(o=e[r];r<u;)l=i[r++],s=o?o.nextSibling:a,o==l?o=s:r<u&&i[r]==s?(t.replaceChild(l,o),o=s):t.insertBefore(l,o);for(;o!=a;)s=o.nextSibling,t.removeChild(o),o=s}return i}var wc={string:t=>String(t)},vn=class{constructor(e){this.template=e,this.state=void 0}},li=new WeakMap,di=new WeakMap,dl={partial:(t,e)=>{e[t.expression]=new vn(t.template)},if:(t,e)=>{var i;if(xc(t.expression,e))if(li.get(t)!==t.template){li.set(t,t.template);let a=new pt(t.template,e,En);t.replace(a),di.set(t,a)}else(i=di.get(t))==null||i.update(e);else t.replace(""),li.delete(t),di.delete(t)}},ff=Object.keys(dl),En={processCallback(t,e,i){var a,r;if(i)for(let[o,s]of e){if(s instanceof hr){if(!s.directive){let u=ff.find(m=>s.template.hasAttribute(m));u&&(s.directive=u,s.expression=s.template.getAttribute(u))}(a=dl[s.directive])==null||a.call(dl,s,i);continue}let l=xc(o,i);if(l instanceof vn){li.get(s)!==l.template?(li.set(s,l.template),l=new pt(l.template,l.state,En),s.value=l,di.set(s,l)):(r=di.get(s))==null||r.update(l.state);continue}l?(s instanceof me&&s.attributeName.startsWith("aria-")&&(l=String(l)),s instanceof me?typeof l=="boolean"?s.booleanValue=l:typeof l=="function"?s.element[s.attributeName]=l:s.value=l:(s.value=l,li.delete(s),di.delete(s))):s instanceof me?s.value=void 0:(s.value=void 0,li.delete(s),di.delete(s))}}},Rc={"!":t=>!t,"!!":t=>!!t,"==":(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!=null?t:e,"|":(t,e)=>{var i;return(i=wc[e])==null?void 0:i.call(wc,t)}};function vf(t){return Ef(t,{boolean:/true|false/,number:/-?\d+\.?\d*/,string:/(["'])((?:\\.|[^\\])*?)\1/,operator:/[!=><][=!]?|\?\?|\|/,ws:/\s+/,param:/[$a-z_][$\w]*/i}).filter(({type:e})=>e!=="ws")}function xc(t,e={}){var i,a,r,o,s,l,u;let m=vf(t);if(m.length===0||m.some(({type:_})=>!_))return pr(t);if(((i=m[0])==null?void 0:i.token)===">"){let _=e[(a=m[1])==null?void 0:a.token];if(!_)return pr(t);let g={...e};_.state=g;let f=m.slice(2);for(let v=0;v<f.length;v+=3){let N=(r=f[v])==null?void 0:r.token,T=(o=f[v+1])==null?void 0:o.token,C=(s=f[v+2])==null?void 0:s.token;N&&T==="="&&(g[N]=fr(C,e))}return _}if(m.length===1)return fn(m[0])?fr(m[0].token,e):pr(t);if(m.length===2){let _=(l=m[0])==null?void 0:l.token,g=Rc[_];if(!g||!fn(m[1]))return pr(t);let f=fr(m[1].token,e);return g(f)}if(m.length===3){let _=(u=m[1])==null?void 0:u.token,g=Rc[_];if(!g||!fn(m[0])||!fn(m[2]))return pr(t);let f=fr(m[0].token,e);if(_==="|")return g(f,m[2].token);let v=fr(m[2].token,e);return g(f,v)}}function pr(t){return console.warn(`Warning: invalid expression \`${t}\``),!1}function fn({type:t}){return["number","boolean","string","param"].includes(t)}function fr(t,e){let i=t[0],a=t.slice(-1);return t==="true"||t==="false"?t==="true":i===a&&["'",'"'].includes(i)?t.slice(1,-1):Wr(t)?parseFloat(t):e[t]}function Ef(t,e){let i,a,r,o=[];for(;t;){r=null,i=t.length;for(let s in e)a=e[s].exec(t),a&&a.index<i&&(r={token:a[0],type:s,matches:a.slice(1)},i=a.index);i&&o.push({token:t.substr(0,i),type:void 0}),r&&o.push(r),t=t.substr(i+(r?r.token.length:0))}return o}var fl=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},ml=(t,e,i)=>(fl(t,e,"read from private field"),i?i.call(t):e.get(t)),vr=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},ui=(t,e,i,a)=>(fl(t,e,"write to private field"),a?a.call(t,i):e.set(t,i),i),ul=(t,e,i)=>(fl(t,e,"access private method"),i),Qi,bn,Xi,hl,Dc,gn,pl,cl={mediatargetlivewindow:"targetlivewindow",mediastreamtype:"streamtype"},Oc=V.createElement("template");Oc.innerHTML=`
|
|
1276
1276
|
<style>
|
|
1277
1277
|
:host {
|
package/dist/base.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var qe=t=>{throw TypeError(t)};var he=(t,a,e)=>a.has(t)||qe("Cannot "+e);var u=(t,a,e)=>(he(t,a,"read from private field"),e?e.call(t):a.get(t)),T=(t,a,e)=>a.has(t)?qe("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(t):a.set(t,e),C=(t,a,e,i)=>(he(t,a,"write to private field"),i?i.call(t,e):a.set(t,e),e),p=(t,a,e)=>(he(t,a,"access private method"),e);var $=class{addEventListener(){}removeEventListener(){}dispatchEvent(a){return!0}};if(typeof DocumentFragment=="undefined"){class t extends ${}globalThis.DocumentFragment=t}var G=class extends ${},ge=class extends ${},Pt={get(t){},define(t,a,e){},getName(t){return null},upgrade(t){},whenDefined(t){return Promise.resolve(G)}},j,fe=class{constructor(a,e={}){T(this,j);C(this,j,e==null?void 0:e.detail)}get detail(){return u(this,j)}initCustomEvent(){}};j=new WeakMap;function Dt(t,a){return new G}var Qe={document:{createElement:Dt},DocumentFragment,customElements:Pt,CustomEvent:fe,EventTarget:$,HTMLElement:G,HTMLVideoElement:ge},Je=typeof window=="undefined"||typeof globalThis.customElements=="undefined",k=Je?Qe:globalThis,Y=Je?Qe.document:globalThis.document;import{MediaController as pa,MediaErrorDialog as Lt}from"media-chrome";import{Attributes as Oe}from"media-chrome/dist/media-container.js";import{MediaStateChangeEvents as At,MediaUIAttributes as ce,MediaUIEvents as Ct}from"media-chrome/dist/constants.js";import"media-chrome/dist/experimental/index.js";import{MediaError as be,Attributes as s}from"@mux/mux-video/base";import{StreamTypes as O,PlaybackTypes as pe,addTextTrack as ba,removeTextTrack as ha,CmcdTypeValues as kt,i18n as V,parseJwt as Le,MuxJWTAud as Me,generatePlayerInitTime as ga}from"@mux/playback-core";import{i18n as Kt}from"@mux/playback-core";import{StreamTypes as Te,parseJwt as tt}from"@mux/playback-core";function et(t){let a="";return Object.entries(t).forEach(([e,i])=>{i!=null&&(a+=`${re(e)}: ${i}; `)}),a?a.trim():void 0}function re(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function oe(t){return t.replace(/[-_]([a-z])/g,(a,e)=>e.toUpperCase())}function y(t){if(t==null)return;let a=+t;return Number.isNaN(a)?void 0:a}function ye(t){let a=Ut(t).toString();return a?"?"+a:""}function Ut(t){let a={};for(let e in t)t[e]!=null&&(a[e]=t[e]);return new URLSearchParams(a)}var ve=(t,a)=>!t||!a?!1:t.contains(a)?!0:ve(t,a.getRootNode().host);var at="mux.com",Vt=()=>{try{return"3.5.
|
|
1
|
+
var qe=t=>{throw TypeError(t)};var he=(t,a,e)=>a.has(t)||qe("Cannot "+e);var u=(t,a,e)=>(he(t,a,"read from private field"),e?e.call(t):a.get(t)),T=(t,a,e)=>a.has(t)?qe("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(t):a.set(t,e),C=(t,a,e,i)=>(he(t,a,"write to private field"),i?i.call(t,e):a.set(t,e),e),p=(t,a,e)=>(he(t,a,"access private method"),e);var $=class{addEventListener(){}removeEventListener(){}dispatchEvent(a){return!0}};if(typeof DocumentFragment=="undefined"){class t extends ${}globalThis.DocumentFragment=t}var G=class extends ${},ge=class extends ${},Pt={get(t){},define(t,a,e){},getName(t){return null},upgrade(t){},whenDefined(t){return Promise.resolve(G)}},j,fe=class{constructor(a,e={}){T(this,j);C(this,j,e==null?void 0:e.detail)}get detail(){return u(this,j)}initCustomEvent(){}};j=new WeakMap;function Dt(t,a){return new G}var Qe={document:{createElement:Dt},DocumentFragment,customElements:Pt,CustomEvent:fe,EventTarget:$,HTMLElement:G,HTMLVideoElement:ge},Je=typeof window=="undefined"||typeof globalThis.customElements=="undefined",k=Je?Qe:globalThis,Y=Je?Qe.document:globalThis.document;import{MediaController as pa,MediaErrorDialog as Lt}from"media-chrome";import{Attributes as Oe}from"media-chrome/dist/media-container.js";import{MediaStateChangeEvents as At,MediaUIAttributes as ce,MediaUIEvents as Ct}from"media-chrome/dist/constants.js";import"media-chrome/dist/experimental/index.js";import{MediaError as be,Attributes as s}from"@mux/mux-video/base";import{StreamTypes as O,PlaybackTypes as pe,addTextTrack as ba,removeTextTrack as ha,CmcdTypeValues as kt,i18n as V,parseJwt as Le,MuxJWTAud as Me,generatePlayerInitTime as ga}from"@mux/playback-core";import{i18n as Kt}from"@mux/playback-core";import{StreamTypes as Te,parseJwt as tt}from"@mux/playback-core";function et(t){let a="";return Object.entries(t).forEach(([e,i])=>{i!=null&&(a+=`${re(e)}: ${i}; `)}),a?a.trim():void 0}function re(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function oe(t){return t.replace(/[-_]([a-z])/g,(a,e)=>e.toUpperCase())}function y(t){if(t==null)return;let a=+t;return Number.isNaN(a)?void 0:a}function ye(t){let a=Ut(t).toString();return a?"?"+a:""}function Ut(t){let a={};for(let e in t)t[e]!=null&&(a[e]=t[e]);return new URLSearchParams(a)}var ve=(t,a)=>!t||!a?!1:t.contains(a)?!0:ve(t,a.getRootNode().host);var at="mux.com",Vt=()=>{try{return"3.5.2"}catch{}return"UNKNOWN"},Bt=Vt(),se=()=>Bt,it=(t,{token:a,customDomain:e=at,thumbnailTime:i,programTime:r}={})=>{var l;let n=a==null?i:void 0,{aud:d}=(l=tt(a))!=null?l:{};if(!(a&&d!=="t"))return`https://image.${e}/${t}/thumbnail.webp${ye({token:a,time:n,program_time:r})}`},rt=(t,{token:a,customDomain:e=at,programStartTime:i,programEndTime:r}={})=>{var d;let{aud:n}=(d=tt(a))!=null?d:{};if(!(a&&n!=="s"))return`https://image.${e}/${t}/storyboard.vtt${ye({token:a,format:"webp",program_start_time:i,program_end_time:r})}`},z=t=>{if(t){if([Te.LIVE,Te.ON_DEMAND].includes(t))return t;if(t!=null&&t.includes("live"))return Te.LIVE}};var Ht={crossorigin:"crossOrigin",playsinline:"playsInline"};function ot(t){var a;return(a=Ht[t])!=null?a:oe(t)}var P,D,v,ne=class{constructor(a,e){T(this,P);T(this,D);T(this,v,[]);C(this,P,a),C(this,D,e)}[Symbol.iterator](){return u(this,v).values()}get length(){return u(this,v).length}get value(){var a;return(a=u(this,v).join(" "))!=null?a:""}set value(a){var e;a!==this.value&&(C(this,v,[]),this.add(...(e=a==null?void 0:a.split(" "))!=null?e:[]))}toString(){return this.value}item(a){return u(this,v)[a]}values(){return u(this,v).values()}keys(){return u(this,v).keys()}forEach(a){u(this,v).forEach(a)}add(...a){var e,i;a.forEach(r=>{this.contains(r)||u(this,v).push(r)}),!(this.value===""&&!((e=u(this,P))!=null&&e.hasAttribute(`${u(this,D)}`)))&&((i=u(this,P))==null||i.setAttribute(`${u(this,D)}`,`${this.value}`))}remove(...a){var e;a.forEach(i=>{u(this,v).splice(u(this,v).indexOf(i),1)}),(e=u(this,P))==null||e.setAttribute(`${u(this,D)}`,`${this.value}`)}contains(a){return u(this,v).includes(a)}toggle(a,e){return typeof e!="undefined"?e?(this.add(a),!0):(this.remove(a),!1):this.contains(a)?(this.remove(a),!1):(this.add(a),!0)}replace(a,e){this.remove(a),this.add(e)}};P=new WeakMap,D=new WeakMap,v=new WeakMap;var nt=`[mux-player ${se()}]`;function x(...t){console.warn(nt,...t)}function E(...t){console.error(nt,...t)}function Ee(t){var e;let a=(e=t.message)!=null?e:"";t.context&&(a+=` ${t.context}`),t.file&&(a+=` ${Kt("Read more: ")}
|
|
2
2
|
https://github.com/muxinc/elements/blob/main/errors/${t.file}`),x(a)}var g={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},N={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},Va={...g,...N},dt=Object.freeze({length:0,start(t){let a=t>>>0;if(a>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${a}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(t){let a=t>>>0;if(a>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${a}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),$t=Object.values(g).filter(t=>g.PLAYSINLINE!==t),Yt=Object.values(N),Ft=[...$t,...Yt],Ae=class extends k.HTMLElement{static get observedAttributes(){return Ft}constructor(){super()}attributeChangedCallback(a,e,i){var r,n;switch(a){case N.MUTED:{this.media&&(this.media.muted=i!=null,this.media.defaultMuted=i!=null);return}case N.VOLUME:{let d=(r=y(i))!=null?r:1;this.media&&(this.media.volume=d);return}case N.PLAYBACKRATE:{let d=(n=y(i))!=null?n:1;this.media&&(this.media.playbackRate=d,this.media.defaultPlaybackRate=d);return}}}play(){var a,e;return(e=(a=this.media)==null?void 0:a.play())!=null?e:Promise.reject()}pause(){var a;(a=this.media)==null||a.pause()}load(){var a;(a=this.media)==null||a.load()}get media(){var a;return(a=this.shadowRoot)==null?void 0:a.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(){var a,e;return(e=(a=this.media)==null?void 0:a.paused)!=null?e:!0}get duration(){var a,e;return(e=(a=this.media)==null?void 0:a.duration)!=null?e:NaN}get ended(){var a,e;return(e=(a=this.media)==null?void 0:a.ended)!=null?e:!1}get buffered(){var a,e;return(e=(a=this.media)==null?void 0:a.buffered)!=null?e:dt}get seekable(){var a,e;return(e=(a=this.media)==null?void 0:a.seekable)!=null?e:dt}get readyState(){var a,e;return(e=(a=this.media)==null?void 0:a.readyState)!=null?e:0}get videoWidth(){var a,e;return(e=(a=this.media)==null?void 0:a.videoWidth)!=null?e:0}get videoHeight(){var a,e;return(e=(a=this.media)==null?void 0:a.videoHeight)!=null?e:0}get currentSrc(){var a,e;return(e=(a=this.media)==null?void 0:a.currentSrc)!=null?e:""}get currentTime(){var a,e;return(e=(a=this.media)==null?void 0:a.currentTime)!=null?e:0}set currentTime(a){this.media&&(this.media.currentTime=Number(a))}get volume(){var a,e;return(e=(a=this.media)==null?void 0:a.volume)!=null?e:1}set volume(a){this.media&&(this.media.volume=Number(a))}get playbackRate(){var a,e;return(e=(a=this.media)==null?void 0:a.playbackRate)!=null?e:1}set playbackRate(a){this.media&&(this.media.playbackRate=Number(a))}get defaultPlaybackRate(){var a;return(a=y(this.getAttribute(N.PLAYBACKRATE)))!=null?a:1}set defaultPlaybackRate(a){a!=null?this.setAttribute(N.PLAYBACKRATE,`${a}`):this.removeAttribute(N.PLAYBACKRATE)}get crossOrigin(){return X(this,g.CROSSORIGIN)}set crossOrigin(a){this.setAttribute(g.CROSSORIGIN,`${a}`)}get autoplay(){return X(this,g.AUTOPLAY)!=null}set autoplay(a){a?this.setAttribute(g.AUTOPLAY,typeof a=="string"?a:""):this.removeAttribute(g.AUTOPLAY)}get loop(){return X(this,g.LOOP)!=null}set loop(a){a?this.setAttribute(g.LOOP,""):this.removeAttribute(g.LOOP)}get muted(){var a,e;return(e=(a=this.media)==null?void 0:a.muted)!=null?e:!1}set muted(a){this.media&&(this.media.muted=!!a)}get defaultMuted(){return X(this,g.MUTED)!=null}set defaultMuted(a){a?this.setAttribute(g.MUTED,""):this.removeAttribute(g.MUTED)}get playsInline(){return X(this,g.PLAYSINLINE)!=null}set playsInline(a){E("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(a){["","none","metadata","auto"].includes(a)?this.setAttribute(g.PRELOAD,a):this.removeAttribute(g.PRELOAD)}};function X(t,a){return t.media?t.media.getAttribute(a):t.getAttribute(a)}var Ce=Ae;import"media-chrome/dist/media-theme-element.js";var lt=`:host {
|
|
3
3
|
--media-control-display: var(--controls);
|
|
4
4
|
--media-loading-indicator-display: var(--loading-indicator);
|
package/dist/mux-player.js
CHANGED
|
@@ -1851,7 +1851,7 @@ Schedule: ${l.map(m=>Nr(m))} pos: ${this.timelinePos}`),u.length&&this.log(`Remo
|
|
|
1851
1851
|
}
|
|
1852
1852
|
</style>
|
|
1853
1853
|
<slot name="icon">${OM}</slot>
|
|
1854
|
-
`}function UM(){return H("Quality")}var Ba=class extends Kt{static get observedAttributes(){return[...super.observedAttributes,_.MEDIA_RENDITION_SELECTED,_.MEDIA_RENDITION_UNAVAILABLE,_.MEDIA_HEIGHT]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",H("quality"))}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:Je(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return ce(this,_.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){he(this,_.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return ve(this,_.MEDIA_HEIGHT)}set mediaHeight(e){xe(this,_.MEDIA_HEIGHT,e)}};Ba.getSlotTemplateHTML=NM;Ba.getTooltipContentHTML=UM;R.customElements.get("media-rendition-menu-button")||R.customElements.define("media-rendition-menu-button",Ba);var qA=i=>{throw TypeError(i)},w0=(i,e,t)=>e.has(i)||qA("Cannot "+t),Ue=(i,e,t)=>(w0(i,e,"read from private field"),t?t.call(i):e.get(i)),Di=(i,e,t)=>e.has(i)?qA("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lr=(i,e,t,r)=>(w0(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ut=(i,e,t)=>(w0(i,e,"access private method"),t),Oh=class{addEventListener(){}removeEventListener(){}dispatchEvent(i){return!0}};if(typeof DocumentFragment=="undefined"){class i extends Oh{}globalThis.DocumentFragment=i}var M0=class extends Oh{},FM=class extends Oh{},BM={get(i){},define(i,e,t){},getName(i){return null},upgrade(i){},whenDefined(i){return Promise.resolve(M0)}},kh,$M=class{constructor(i,e={}){Di(this,kh),lr(this,kh,e==null?void 0:e.detail)}get detail(){return Ue(this,kh)}initCustomEvent(){}};kh=new WeakMap;function HM(i,e){return new M0}var YA={document:{createElement:HM},DocumentFragment,customElements:BM,CustomEvent:$M,EventTarget:Oh,HTMLElement:M0,HTMLVideoElement:FM},jA=typeof window=="undefined"||typeof globalThis.customElements=="undefined",or=jA?YA:globalThis,P0=jA?YA.document:globalThis.document;function GM(i){let e="";return Object.entries(i).forEach(([t,r])=>{r!=null&&(e+=`${R0(t)}: ${r}; `)}),e?e.trim():void 0}function R0(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function zA(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function ri(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function QA(i){let e=KM(i).toString();return e?"?"+e:""}function KM(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}var XA=(i,e)=>!i||!e?!1:i.contains(e)?!0:XA(i,e.getRootNode().host),ZA="mux.com",VM=()=>{try{return"3.5.
|
|
1854
|
+
`}function UM(){return H("Quality")}var Ba=class extends Kt{static get observedAttributes(){return[...super.observedAttributes,_.MEDIA_RENDITION_SELECTED,_.MEDIA_RENDITION_UNAVAILABLE,_.MEDIA_HEIGHT]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",H("quality"))}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:Je(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return ce(this,_.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){he(this,_.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return ve(this,_.MEDIA_HEIGHT)}set mediaHeight(e){xe(this,_.MEDIA_HEIGHT,e)}};Ba.getSlotTemplateHTML=NM;Ba.getTooltipContentHTML=UM;R.customElements.get("media-rendition-menu-button")||R.customElements.define("media-rendition-menu-button",Ba);var qA=i=>{throw TypeError(i)},w0=(i,e,t)=>e.has(i)||qA("Cannot "+t),Ue=(i,e,t)=>(w0(i,e,"read from private field"),t?t.call(i):e.get(i)),Di=(i,e,t)=>e.has(i)?qA("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lr=(i,e,t,r)=>(w0(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ut=(i,e,t)=>(w0(i,e,"access private method"),t),Oh=class{addEventListener(){}removeEventListener(){}dispatchEvent(i){return!0}};if(typeof DocumentFragment=="undefined"){class i extends Oh{}globalThis.DocumentFragment=i}var M0=class extends Oh{},FM=class extends Oh{},BM={get(i){},define(i,e,t){},getName(i){return null},upgrade(i){},whenDefined(i){return Promise.resolve(M0)}},kh,$M=class{constructor(i,e={}){Di(this,kh),lr(this,kh,e==null?void 0:e.detail)}get detail(){return Ue(this,kh)}initCustomEvent(){}};kh=new WeakMap;function HM(i,e){return new M0}var YA={document:{createElement:HM},DocumentFragment,customElements:BM,CustomEvent:$M,EventTarget:Oh,HTMLElement:M0,HTMLVideoElement:FM},jA=typeof window=="undefined"||typeof globalThis.customElements=="undefined",or=jA?YA:globalThis,P0=jA?YA.document:globalThis.document;function GM(i){let e="";return Object.entries(i).forEach(([t,r])=>{r!=null&&(e+=`${R0(t)}: ${r}; `)}),e?e.trim():void 0}function R0(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function zA(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function ri(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function QA(i){let e=KM(i).toString();return e?"?"+e:""}function KM(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}var XA=(i,e)=>!i||!e?!1:i.contains(e)?!0:XA(i,e.getRootNode().host),ZA="mux.com",VM=()=>{try{return"3.5.2"}catch{}return"UNKNOWN"},WM=VM(),JA=()=>WM,qM=(i,{token:e,customDomain:t=ZA,thumbnailTime:r,programTime:s}={})=>{var n;let a=e==null?r:void 0,{aud:o}=(n=Gr(e))!=null?n:{};if(!(e&&o!=="t"))return`https://image.${t}/${i}/thumbnail.webp${QA({token:e,time:a,program_time:s})}`},YM=(i,{token:e,customDomain:t=ZA,programStartTime:r,programEndTime:s}={})=>{var n;let{aud:a}=(n=Gr(e))!=null?n:{};if(!(e&&a!=="s"))return`https://image.${t}/${i}/storyboard.vtt${QA({token:e,format:"webp",program_start_time:r,program_end_time:s})}`},O0=i=>{if(i){if([ke.LIVE,ke.ON_DEMAND].includes(i))return i;if(i!=null&&i.includes("live"))return ke.LIVE}},jM={crossorigin:"crossOrigin",playsinline:"playsInline"};function zM(i){var e;return(e=jM[i])!=null?e:zA(i)}var $a,Ha,Vt,QM=class{constructor(i,e){Di(this,$a),Di(this,Ha),Di(this,Vt,[]),lr(this,$a,i),lr(this,Ha,e)}[Symbol.iterator](){return Ue(this,Vt).values()}get length(){return Ue(this,Vt).length}get value(){var i;return(i=Ue(this,Vt).join(" "))!=null?i:""}set value(i){var e;i!==this.value&&(lr(this,Vt,[]),this.add(...(e=i==null?void 0:i.split(" "))!=null?e:[]))}toString(){return this.value}item(i){return Ue(this,Vt)[i]}values(){return Ue(this,Vt).values()}keys(){return Ue(this,Vt).keys()}forEach(i){Ue(this,Vt).forEach(i)}add(...i){var e,t;i.forEach(r=>{this.contains(r)||Ue(this,Vt).push(r)}),!(this.value===""&&!((e=Ue(this,$a))!=null&&e.hasAttribute(`${Ue(this,Ha)}`)))&&((t=Ue(this,$a))==null||t.setAttribute(`${Ue(this,Ha)}`,`${this.value}`))}remove(...i){var e;i.forEach(t=>{Ue(this,Vt).splice(Ue(this,Vt).indexOf(t),1)}),(e=Ue(this,$a))==null||e.setAttribute(`${Ue(this,Ha)}`,`${this.value}`)}contains(i){return Ue(this,Vt).includes(i)}toggle(i,e){return typeof e!="undefined"?e?(this.add(i),!0):(this.remove(i),!1):this.contains(i)?(this.remove(i),!1):(this.add(i),!0)}replace(i,e){this.remove(i),this.add(e)}};$a=new WeakMap,Ha=new WeakMap,Vt=new WeakMap;var eS=`[mux-player ${JA()}]`;function wr(...i){console.warn(eS,...i)}function mi(...i){console.error(eS,...i)}function tS(i){var e;let t=(e=i.message)!=null?e:"";i.context&&(t+=` ${i.context}`),i.file&&(t+=` ${ee("Read more: ")}
|
|
1855
1855
|
https://github.com/muxinc/elements/blob/main/errors/${i.file}`),wr(t)}var Rt={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},bs={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},q8={...Rt,...bs},CA=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),XM=Object.values(Rt).filter(i=>Rt.PLAYSINLINE!==i),ZM=Object.values(bs),JM=[...XM,...ZM],eP=class extends or.HTMLElement{static get observedAttributes(){return JM}constructor(){super()}attributeChangedCallback(i,e,t){var r,s;switch(i){case bs.MUTED:{this.media&&(this.media.muted=t!=null,this.media.defaultMuted=t!=null);return}case bs.VOLUME:{let n=(r=ri(t))!=null?r:1;this.media&&(this.media.volume=n);return}case bs.PLAYBACKRATE:{let n=(s=ri(t))!=null?s:1;this.media&&(this.media.playbackRate=n,this.media.defaultPlaybackRate=n);return}}}play(){var i,e;return(e=(i=this.media)==null?void 0:i.play())!=null?e:Promise.reject()}pause(){var i;(i=this.media)==null||i.pause()}load(){var i;(i=this.media)==null||i.load()}get media(){var i;return(i=this.shadowRoot)==null?void 0:i.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(){var i,e;return(e=(i=this.media)==null?void 0:i.paused)!=null?e:!0}get duration(){var i,e;return(e=(i=this.media)==null?void 0:i.duration)!=null?e:NaN}get ended(){var i,e;return(e=(i=this.media)==null?void 0:i.ended)!=null?e:!1}get buffered(){var i,e;return(e=(i=this.media)==null?void 0:i.buffered)!=null?e:CA}get seekable(){var i,e;return(e=(i=this.media)==null?void 0:i.seekable)!=null?e:CA}get readyState(){var i,e;return(e=(i=this.media)==null?void 0:i.readyState)!=null?e:0}get videoWidth(){var i,e;return(e=(i=this.media)==null?void 0:i.videoWidth)!=null?e:0}get videoHeight(){var i,e;return(e=(i=this.media)==null?void 0:i.videoHeight)!=null?e:0}get currentSrc(){var i,e;return(e=(i=this.media)==null?void 0:i.currentSrc)!=null?e:""}get currentTime(){var i,e;return(e=(i=this.media)==null?void 0:i.currentTime)!=null?e:0}set currentTime(i){this.media&&(this.media.currentTime=Number(i))}get volume(){var i,e;return(e=(i=this.media)==null?void 0:i.volume)!=null?e:1}set volume(i){this.media&&(this.media.volume=Number(i))}get playbackRate(){var i,e;return(e=(i=this.media)==null?void 0:i.playbackRate)!=null?e:1}set playbackRate(i){this.media&&(this.media.playbackRate=Number(i))}get defaultPlaybackRate(){var i;return(i=ri(this.getAttribute(bs.PLAYBACKRATE)))!=null?i:1}set defaultPlaybackRate(i){i!=null?this.setAttribute(bs.PLAYBACKRATE,`${i}`):this.removeAttribute(bs.PLAYBACKRATE)}get crossOrigin(){return $l(this,Rt.CROSSORIGIN)}set crossOrigin(i){this.setAttribute(Rt.CROSSORIGIN,`${i}`)}get autoplay(){return $l(this,Rt.AUTOPLAY)!=null}set autoplay(i){i?this.setAttribute(Rt.AUTOPLAY,typeof i=="string"?i:""):this.removeAttribute(Rt.AUTOPLAY)}get loop(){return $l(this,Rt.LOOP)!=null}set loop(i){i?this.setAttribute(Rt.LOOP,""):this.removeAttribute(Rt.LOOP)}get muted(){var i,e;return(e=(i=this.media)==null?void 0:i.muted)!=null?e:!1}set muted(i){this.media&&(this.media.muted=!!i)}get defaultMuted(){return $l(this,Rt.MUTED)!=null}set defaultMuted(i){i?this.setAttribute(Rt.MUTED,""):this.removeAttribute(Rt.MUTED)}get playsInline(){return $l(this,Rt.PLAYSINLINE)!=null}set playsInline(i){mi("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(i){["","none","metadata","auto"].includes(i)?this.setAttribute(Rt.PRELOAD,i):this.removeAttribute(Rt.PRELOAD)}};function $l(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}var wA=eP,tP=`:host {
|
|
1856
1856
|
--media-control-display: var(--controls);
|
|
1857
1857
|
--media-loading-indicator-display: var(--loading-indicator);
|
package/dist/mux-player.mjs
CHANGED
|
@@ -1851,7 +1851,7 @@ Schedule: ${l.map(m=>Nr(m))} pos: ${this.timelinePos}`),u.length&&this.log(`Remo
|
|
|
1851
1851
|
}
|
|
1852
1852
|
</style>
|
|
1853
1853
|
<slot name="icon">${OM}</slot>
|
|
1854
|
-
`}function UM(){return H("Quality")}var Ba=class extends Kt{static get observedAttributes(){return[...super.observedAttributes,_.MEDIA_RENDITION_SELECTED,_.MEDIA_RENDITION_UNAVAILABLE,_.MEDIA_HEIGHT]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",H("quality"))}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:Je(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return ce(this,_.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){he(this,_.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return ve(this,_.MEDIA_HEIGHT)}set mediaHeight(e){xe(this,_.MEDIA_HEIGHT,e)}};Ba.getSlotTemplateHTML=NM;Ba.getTooltipContentHTML=UM;R.customElements.get("media-rendition-menu-button")||R.customElements.define("media-rendition-menu-button",Ba);var qA=i=>{throw TypeError(i)},w0=(i,e,t)=>e.has(i)||qA("Cannot "+t),Ue=(i,e,t)=>(w0(i,e,"read from private field"),t?t.call(i):e.get(i)),Di=(i,e,t)=>e.has(i)?qA("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lr=(i,e,t,r)=>(w0(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ut=(i,e,t)=>(w0(i,e,"access private method"),t),Oh=class{addEventListener(){}removeEventListener(){}dispatchEvent(i){return!0}};if(typeof DocumentFragment=="undefined"){class i extends Oh{}globalThis.DocumentFragment=i}var M0=class extends Oh{},FM=class extends Oh{},BM={get(i){},define(i,e,t){},getName(i){return null},upgrade(i){},whenDefined(i){return Promise.resolve(M0)}},kh,$M=class{constructor(i,e={}){Di(this,kh),lr(this,kh,e==null?void 0:e.detail)}get detail(){return Ue(this,kh)}initCustomEvent(){}};kh=new WeakMap;function HM(i,e){return new M0}var YA={document:{createElement:HM},DocumentFragment,customElements:BM,CustomEvent:$M,EventTarget:Oh,HTMLElement:M0,HTMLVideoElement:FM},jA=typeof window=="undefined"||typeof globalThis.customElements=="undefined",or=jA?YA:globalThis,P0=jA?YA.document:globalThis.document;function GM(i){let e="";return Object.entries(i).forEach(([t,r])=>{r!=null&&(e+=`${R0(t)}: ${r}; `)}),e?e.trim():void 0}function R0(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function zA(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function ri(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function QA(i){let e=KM(i).toString();return e?"?"+e:""}function KM(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}var XA=(i,e)=>!i||!e?!1:i.contains(e)?!0:XA(i,e.getRootNode().host),ZA="mux.com",VM=()=>{try{return"3.5.
|
|
1854
|
+
`}function UM(){return H("Quality")}var Ba=class extends Kt{static get observedAttributes(){return[...super.observedAttributes,_.MEDIA_RENDITION_SELECTED,_.MEDIA_RENDITION_UNAVAILABLE,_.MEDIA_HEIGHT]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label",H("quality"))}get invokeTargetElement(){return this.invokeTarget!=null?super.invokeTargetElement:Je(this).querySelector("media-rendition-menu")}get mediaRenditionSelected(){return ce(this,_.MEDIA_RENDITION_SELECTED)}set mediaRenditionSelected(e){he(this,_.MEDIA_RENDITION_SELECTED,e)}get mediaHeight(){return ve(this,_.MEDIA_HEIGHT)}set mediaHeight(e){xe(this,_.MEDIA_HEIGHT,e)}};Ba.getSlotTemplateHTML=NM;Ba.getTooltipContentHTML=UM;R.customElements.get("media-rendition-menu-button")||R.customElements.define("media-rendition-menu-button",Ba);var qA=i=>{throw TypeError(i)},w0=(i,e,t)=>e.has(i)||qA("Cannot "+t),Ue=(i,e,t)=>(w0(i,e,"read from private field"),t?t.call(i):e.get(i)),Di=(i,e,t)=>e.has(i)?qA("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lr=(i,e,t,r)=>(w0(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ut=(i,e,t)=>(w0(i,e,"access private method"),t),Oh=class{addEventListener(){}removeEventListener(){}dispatchEvent(i){return!0}};if(typeof DocumentFragment=="undefined"){class i extends Oh{}globalThis.DocumentFragment=i}var M0=class extends Oh{},FM=class extends Oh{},BM={get(i){},define(i,e,t){},getName(i){return null},upgrade(i){},whenDefined(i){return Promise.resolve(M0)}},kh,$M=class{constructor(i,e={}){Di(this,kh),lr(this,kh,e==null?void 0:e.detail)}get detail(){return Ue(this,kh)}initCustomEvent(){}};kh=new WeakMap;function HM(i,e){return new M0}var YA={document:{createElement:HM},DocumentFragment,customElements:BM,CustomEvent:$M,EventTarget:Oh,HTMLElement:M0,HTMLVideoElement:FM},jA=typeof window=="undefined"||typeof globalThis.customElements=="undefined",or=jA?YA:globalThis,P0=jA?YA.document:globalThis.document;function GM(i){let e="";return Object.entries(i).forEach(([t,r])=>{r!=null&&(e+=`${R0(t)}: ${r}; `)}),e?e.trim():void 0}function R0(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function zA(i){return i.replace(/[-_]([a-z])/g,(e,t)=>t.toUpperCase())}function ri(i){if(i==null)return;let e=+i;return Number.isNaN(e)?void 0:e}function QA(i){let e=KM(i).toString();return e?"?"+e:""}function KM(i){let e={};for(let t in i)i[t]!=null&&(e[t]=i[t]);return new URLSearchParams(e)}var XA=(i,e)=>!i||!e?!1:i.contains(e)?!0:XA(i,e.getRootNode().host),ZA="mux.com",VM=()=>{try{return"3.5.2"}catch{}return"UNKNOWN"},WM=VM(),JA=()=>WM,qM=(i,{token:e,customDomain:t=ZA,thumbnailTime:r,programTime:s}={})=>{var n;let a=e==null?r:void 0,{aud:o}=(n=Gr(e))!=null?n:{};if(!(e&&o!=="t"))return`https://image.${t}/${i}/thumbnail.webp${QA({token:e,time:a,program_time:s})}`},YM=(i,{token:e,customDomain:t=ZA,programStartTime:r,programEndTime:s}={})=>{var n;let{aud:a}=(n=Gr(e))!=null?n:{};if(!(e&&a!=="s"))return`https://image.${t}/${i}/storyboard.vtt${QA({token:e,format:"webp",program_start_time:r,program_end_time:s})}`},O0=i=>{if(i){if([ke.LIVE,ke.ON_DEMAND].includes(i))return i;if(i!=null&&i.includes("live"))return ke.LIVE}},jM={crossorigin:"crossOrigin",playsinline:"playsInline"};function zM(i){var e;return(e=jM[i])!=null?e:zA(i)}var $a,Ha,Vt,QM=class{constructor(i,e){Di(this,$a),Di(this,Ha),Di(this,Vt,[]),lr(this,$a,i),lr(this,Ha,e)}[Symbol.iterator](){return Ue(this,Vt).values()}get length(){return Ue(this,Vt).length}get value(){var i;return(i=Ue(this,Vt).join(" "))!=null?i:""}set value(i){var e;i!==this.value&&(lr(this,Vt,[]),this.add(...(e=i==null?void 0:i.split(" "))!=null?e:[]))}toString(){return this.value}item(i){return Ue(this,Vt)[i]}values(){return Ue(this,Vt).values()}keys(){return Ue(this,Vt).keys()}forEach(i){Ue(this,Vt).forEach(i)}add(...i){var e,t;i.forEach(r=>{this.contains(r)||Ue(this,Vt).push(r)}),!(this.value===""&&!((e=Ue(this,$a))!=null&&e.hasAttribute(`${Ue(this,Ha)}`)))&&((t=Ue(this,$a))==null||t.setAttribute(`${Ue(this,Ha)}`,`${this.value}`))}remove(...i){var e;i.forEach(t=>{Ue(this,Vt).splice(Ue(this,Vt).indexOf(t),1)}),(e=Ue(this,$a))==null||e.setAttribute(`${Ue(this,Ha)}`,`${this.value}`)}contains(i){return Ue(this,Vt).includes(i)}toggle(i,e){return typeof e!="undefined"?e?(this.add(i),!0):(this.remove(i),!1):this.contains(i)?(this.remove(i),!1):(this.add(i),!0)}replace(i,e){this.remove(i),this.add(e)}};$a=new WeakMap,Ha=new WeakMap,Vt=new WeakMap;var eS=`[mux-player ${JA()}]`;function wr(...i){console.warn(eS,...i)}function mi(...i){console.error(eS,...i)}function tS(i){var e;let t=(e=i.message)!=null?e:"";i.context&&(t+=` ${i.context}`),i.file&&(t+=` ${ee("Read more: ")}
|
|
1855
1855
|
https://github.com/muxinc/elements/blob/main/errors/${i.file}`),wr(t)}var Rt={AUTOPLAY:"autoplay",CROSSORIGIN:"crossorigin",LOOP:"loop",MUTED:"muted",PLAYSINLINE:"playsinline",PRELOAD:"preload"},bs={VOLUME:"volume",PLAYBACKRATE:"playbackrate",MUTED:"muted"},q8={...Rt,...bs},CA=Object.freeze({length:0,start(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'start' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0},end(i){let e=i>>>0;if(e>=this.length)throw new DOMException(`Failed to execute 'end' on 'TimeRanges': The index provided (${e}) is greater than or equal to the maximum bound (${this.length}).`);return 0}}),XM=Object.values(Rt).filter(i=>Rt.PLAYSINLINE!==i),ZM=Object.values(bs),JM=[...XM,...ZM],eP=class extends or.HTMLElement{static get observedAttributes(){return JM}constructor(){super()}attributeChangedCallback(i,e,t){var r,s;switch(i){case bs.MUTED:{this.media&&(this.media.muted=t!=null,this.media.defaultMuted=t!=null);return}case bs.VOLUME:{let n=(r=ri(t))!=null?r:1;this.media&&(this.media.volume=n);return}case bs.PLAYBACKRATE:{let n=(s=ri(t))!=null?s:1;this.media&&(this.media.playbackRate=n,this.media.defaultPlaybackRate=n);return}}}play(){var i,e;return(e=(i=this.media)==null?void 0:i.play())!=null?e:Promise.reject()}pause(){var i;(i=this.media)==null||i.pause()}load(){var i;(i=this.media)==null||i.load()}get media(){var i;return(i=this.shadowRoot)==null?void 0:i.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(){var i,e;return(e=(i=this.media)==null?void 0:i.paused)!=null?e:!0}get duration(){var i,e;return(e=(i=this.media)==null?void 0:i.duration)!=null?e:NaN}get ended(){var i,e;return(e=(i=this.media)==null?void 0:i.ended)!=null?e:!1}get buffered(){var i,e;return(e=(i=this.media)==null?void 0:i.buffered)!=null?e:CA}get seekable(){var i,e;return(e=(i=this.media)==null?void 0:i.seekable)!=null?e:CA}get readyState(){var i,e;return(e=(i=this.media)==null?void 0:i.readyState)!=null?e:0}get videoWidth(){var i,e;return(e=(i=this.media)==null?void 0:i.videoWidth)!=null?e:0}get videoHeight(){var i,e;return(e=(i=this.media)==null?void 0:i.videoHeight)!=null?e:0}get currentSrc(){var i,e;return(e=(i=this.media)==null?void 0:i.currentSrc)!=null?e:""}get currentTime(){var i,e;return(e=(i=this.media)==null?void 0:i.currentTime)!=null?e:0}set currentTime(i){this.media&&(this.media.currentTime=Number(i))}get volume(){var i,e;return(e=(i=this.media)==null?void 0:i.volume)!=null?e:1}set volume(i){this.media&&(this.media.volume=Number(i))}get playbackRate(){var i,e;return(e=(i=this.media)==null?void 0:i.playbackRate)!=null?e:1}set playbackRate(i){this.media&&(this.media.playbackRate=Number(i))}get defaultPlaybackRate(){var i;return(i=ri(this.getAttribute(bs.PLAYBACKRATE)))!=null?i:1}set defaultPlaybackRate(i){i!=null?this.setAttribute(bs.PLAYBACKRATE,`${i}`):this.removeAttribute(bs.PLAYBACKRATE)}get crossOrigin(){return $l(this,Rt.CROSSORIGIN)}set crossOrigin(i){this.setAttribute(Rt.CROSSORIGIN,`${i}`)}get autoplay(){return $l(this,Rt.AUTOPLAY)!=null}set autoplay(i){i?this.setAttribute(Rt.AUTOPLAY,typeof i=="string"?i:""):this.removeAttribute(Rt.AUTOPLAY)}get loop(){return $l(this,Rt.LOOP)!=null}set loop(i){i?this.setAttribute(Rt.LOOP,""):this.removeAttribute(Rt.LOOP)}get muted(){var i,e;return(e=(i=this.media)==null?void 0:i.muted)!=null?e:!1}set muted(i){this.media&&(this.media.muted=!!i)}get defaultMuted(){return $l(this,Rt.MUTED)!=null}set defaultMuted(i){i?this.setAttribute(Rt.MUTED,""):this.removeAttribute(Rt.MUTED)}get playsInline(){return $l(this,Rt.PLAYSINLINE)!=null}set playsInline(i){mi("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(i){["","none","metadata","auto"].includes(i)?this.setAttribute(Rt.PRELOAD,i):this.removeAttribute(Rt.PRELOAD)}};function $l(i,e){return i.media?i.media.getAttribute(e):i.getAttribute(e)}var wA=eP,tP=`:host {
|
|
1856
1856
|
--media-control-display: var(--controls);
|
|
1857
1857
|
--media-loading-indicator-display: var(--loading-indicator);
|
|
@@ -93,7 +93,7 @@ var news_default = `<template id="media-theme-news">
|
|
|
93
93
|
</style>
|
|
94
94
|
|
|
95
95
|
<media-controller
|
|
96
|
-
breakpoints="md:480"
|
|
96
|
+
breakpoints="sm:300 md:480"
|
|
97
97
|
defaultsubtitles="{{defaultsubtitles}}"
|
|
98
98
|
defaultduration="{{defaultduration}}"
|
|
99
99
|
gesturesdisabled="{{disabled}}"
|
|
@@ -106,23 +106,6 @@ var news_default = `<template id="media-theme-news">
|
|
|
106
106
|
<slot name="poster" slot="poster"></slot>
|
|
107
107
|
<media-error-dialog slot="dialog"></media-error-dialog>
|
|
108
108
|
|
|
109
|
-
<!-- Gradient -->
|
|
110
|
-
<style>
|
|
111
|
-
.nw-gradient-bottom {
|
|
112
|
-
padding-top: 37px;
|
|
113
|
-
position: absolute;
|
|
114
|
-
width: 100%;
|
|
115
|
-
height: 170px;
|
|
116
|
-
bottom: 0;
|
|
117
|
-
z-index: 2;
|
|
118
|
-
pointer-events: none;
|
|
119
|
-
background-position: bottom;
|
|
120
|
-
background-repeat: repeat-x;
|
|
121
|
-
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACqCAYAAABsziWkAAAAAXNSR0IArs4c6QAAAQVJREFUOE9lyNdHBQAAhfHb3nvvuu2997jNe29TJJEkkkgSSSSJJJJEEkkiifRH5jsP56Xz8PM5gcC/xfDEmjhKxEOCSaREEiSbFEqkQppJpzJMJiWyINvkUCIX8kw+JQqg0BRRxaaEEqVQZsopUQGVpooS1VBjglStqaNEPTSYRko0QbNpoUQrtJl2qsN0UqILuk0PJXqhz/RTYgAGzRA1bEYoMQpjZpwSExAyk5SYgmkzQ82aOUqEIWKilJiHBbNIiSVYhhVYhTVYhw3YhC3Yhh3YhT3YhwM4hCM4hhM4hTM4hwu4hCu4hhu4hTu4hwd4hCd4hhd4hTd4hw/4hC/4hh/4/QM2/id28uIEJAAAAABJRU5ErkJggg==');
|
|
122
|
-
}
|
|
123
|
-
</style>
|
|
124
|
-
<div class="nw-gradient-bottom"></div>
|
|
125
|
-
|
|
126
109
|
<!-- Rendition Menu -->
|
|
127
110
|
<style>
|
|
128
111
|
media-rendition-menu,
|
|
@@ -188,6 +171,11 @@ var news_default = `<template id="media-theme-news">
|
|
|
188
171
|
font-weight: 400;
|
|
189
172
|
text-transform: uppercase;
|
|
190
173
|
margin: 0;
|
|
174
|
+
scale: 0.7;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
[breakpointsm] media-play-button[slot='centered-chrome'] {
|
|
178
|
+
scale: 1;
|
|
191
179
|
}
|
|
192
180
|
|
|
193
181
|
media-play-button[slot='centered-chrome'] {
|
|
@@ -310,22 +298,44 @@ var news_default = `<template id="media-theme-news">
|
|
|
310
298
|
<!-- Control Bar -->
|
|
311
299
|
<style>
|
|
312
300
|
media-control-bar {
|
|
313
|
-
position: absolute;
|
|
314
301
|
height: 36px;
|
|
315
302
|
line-height: 36px;
|
|
316
|
-
|
|
317
|
-
left: 12px;
|
|
318
|
-
right: 12px;
|
|
319
|
-
z-index: 3;
|
|
303
|
+
padding-inline: 6px;
|
|
320
304
|
}
|
|
305
|
+
|
|
321
306
|
[breakpointmd] media-control-bar {
|
|
322
307
|
height: 48px;
|
|
323
308
|
line-height: 48px;
|
|
324
309
|
}
|
|
310
|
+
|
|
325
311
|
[mediaisfullscreen] media-control-bar {
|
|
326
312
|
height: 54px;
|
|
327
313
|
line-height: 54px;
|
|
328
314
|
}
|
|
315
|
+
|
|
316
|
+
media-control-bar {
|
|
317
|
+
--gradient-steps:
|
|
318
|
+
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%,
|
|
319
|
+
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%,
|
|
320
|
+
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%,
|
|
321
|
+
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%;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
media-control-bar::before {
|
|
325
|
+
content: '';
|
|
326
|
+
position: absolute;
|
|
327
|
+
width: 100%;
|
|
328
|
+
bottom: 0;
|
|
329
|
+
left: 0;
|
|
330
|
+
padding-bottom: min(100px, 25%);
|
|
331
|
+
background: linear-gradient(to bottom, var(--gradient-steps));
|
|
332
|
+
opacity: 0.8;
|
|
333
|
+
pointer-events: none;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
media-control-bar > * {
|
|
337
|
+
position: relative;
|
|
338
|
+
}
|
|
329
339
|
</style>
|
|
330
340
|
<media-control-bar>
|
|
331
341
|
<!-- Play/Pause -->
|
|
@@ -378,15 +388,17 @@ var news_default = `<template id="media-theme-news">
|
|
|
378
388
|
</svg>
|
|
379
389
|
</media-play-button>
|
|
380
390
|
|
|
381
|
-
<template if="
|
|
382
|
-
<
|
|
383
|
-
<
|
|
384
|
-
<
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
391
|
+
<template if="breakpointsm">
|
|
392
|
+
<template if="mediaadbreak == null">
|
|
393
|
+
<media-seek-backward-button seekoffset="10">
|
|
394
|
+
<svg slot="icon" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
395
|
+
<path
|
|
396
|
+
d="M16.908 21.7465C16.616 21.2426 16.2047 20.8212 15.7116 20.5206C15.2185 20.22 14.6594 20.0499 14.0851 20.0257C13.5109 20.0499 12.9518 20.22 12.4587 20.5206C11.9656 20.8212 11.5543 21.2426 11.2623 21.7465C10.5893 22.8804 10.2336 24.18 10.2336 25.5047C10.2336 26.8295 10.5893 28.129 11.2623 29.2629C11.5543 29.7668 11.9656 30.1882 12.4587 30.4888C12.9518 30.7894 13.5109 30.9595 14.0851 30.9838C14.6594 30.9595 15.2185 30.7894 15.7116 30.4888C16.2047 30.1882 16.616 29.7668 16.908 29.2629C17.581 28.129 17.9367 26.8295 17.9367 25.5047C17.9367 24.18 17.581 22.8804 16.908 21.7465ZM14.0851 29.409C12.8412 29.409 11.7886 27.6233 11.7886 25.4966C11.7886 23.3699 12.8412 21.5841 14.0851 21.5841C15.3291 21.5841 16.3817 23.3699 16.3817 25.4966C16.3817 27.6233 15.3451 29.409 14.0851 29.409ZM7.16351 30.9838V22.7043L6.39798 23.4836L5.31349 22.3796L7.38679 20.2692C7.49386 20.1598 7.63043 20.0853 7.77917 20.0551C7.92792 20.0248 8.08213 20.0403 8.22225 20.0994C8.36236 20.1585 8.48206 20.2587 8.56615 20.3872C8.65024 20.5157 8.69493 20.6667 8.69456 20.8211V31L7.16351 30.9838ZM33 9.8468V30.1883C32.9972 30.3941 32.9157 30.5907 32.7727 30.7362C32.6298 30.8817 32.4366 30.9647 32.2345 30.9675H22.2348V27.8343H29.9219V12.1845H11.4696V15.3177C11.4696 16.1782 10.8954 16.4866 10.1937 16.0158L3.52726 11.4865C3.30225 11.371 3.13094 11.17 3.05035 10.927C2.96977 10.6839 2.98641 10.4184 3.09666 10.1877C3.18836 9.99697 3.33987 9.84275 3.52726 9.7494L10.1937 5.22005C10.8954 4.74926 11.4696 5.05771 11.4696 5.91812V9.05133H32.2185C32.4248 9.05443 32.6218 9.13923 32.7677 9.28775C32.9136 9.43626 32.997 9.6368 33 9.8468Z"
|
|
397
|
+
fill="currentColor"
|
|
398
|
+
/>
|
|
399
|
+
</svg>
|
|
400
|
+
</media-seek-backward-button>
|
|
401
|
+
</template>
|
|
390
402
|
</template>
|
|
391
403
|
|
|
392
404
|
<!-- Time Display -->
|
|
@@ -402,13 +414,26 @@ var news_default = `<template id="media-theme-news">
|
|
|
402
414
|
}
|
|
403
415
|
</style>
|
|
404
416
|
|
|
405
|
-
<template if="
|
|
406
|
-
<
|
|
417
|
+
<template if="breakpointsm">
|
|
418
|
+
<template if="mediaadbreak == null">
|
|
419
|
+
<media-time-display showduration></media-time-display>
|
|
420
|
+
</template>
|
|
421
|
+
|
|
422
|
+
<template if="mediaadbreak != null">
|
|
423
|
+
<span>Advertisement</span>
|
|
424
|
+
<media-time-display remaining></media-time-display>
|
|
425
|
+
</template>
|
|
407
426
|
</template>
|
|
408
427
|
|
|
409
|
-
<template if="
|
|
410
|
-
|
|
411
|
-
|
|
428
|
+
<template if="!breakpointsm">
|
|
429
|
+
<template if="mediaadbreak == null">
|
|
430
|
+
<media-time-display></media-time-display>
|
|
431
|
+
</template>
|
|
432
|
+
|
|
433
|
+
<template if="mediaadbreak != null">
|
|
434
|
+
<span>Ad</span>
|
|
435
|
+
<media-time-display remaining></media-time-display>
|
|
436
|
+
</template>
|
|
412
437
|
</template>
|
|
413
438
|
|
|
414
439
|
<!-- Control Spacer -->
|
|
@@ -93,7 +93,7 @@ var mediaThemeNews = (() => {
|
|
|
93
93
|
</style>
|
|
94
94
|
|
|
95
95
|
<media-controller
|
|
96
|
-
breakpoints="md:480"
|
|
96
|
+
breakpoints="sm:300 md:480"
|
|
97
97
|
defaultsubtitles="{{defaultsubtitles}}"
|
|
98
98
|
defaultduration="{{defaultduration}}"
|
|
99
99
|
gesturesdisabled="{{disabled}}"
|
|
@@ -106,23 +106,6 @@ var mediaThemeNews = (() => {
|
|
|
106
106
|
<slot name="poster" slot="poster"></slot>
|
|
107
107
|
<media-error-dialog slot="dialog"></media-error-dialog>
|
|
108
108
|
|
|
109
|
-
<!-- Gradient -->
|
|
110
|
-
<style>
|
|
111
|
-
.nw-gradient-bottom {
|
|
112
|
-
padding-top: 37px;
|
|
113
|
-
position: absolute;
|
|
114
|
-
width: 100%;
|
|
115
|
-
height: 170px;
|
|
116
|
-
bottom: 0;
|
|
117
|
-
z-index: 2;
|
|
118
|
-
pointer-events: none;
|
|
119
|
-
background-position: bottom;
|
|
120
|
-
background-repeat: repeat-x;
|
|
121
|
-
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACqCAYAAABsziWkAAAAAXNSR0IArs4c6QAAAQVJREFUOE9lyNdHBQAAhfHb3nvvuu2997jNe29TJJEkkkgSSSSJJJJEEkkiifRH5jsP56Xz8PM5gcC/xfDEmjhKxEOCSaREEiSbFEqkQppJpzJMJiWyINvkUCIX8kw+JQqg0BRRxaaEEqVQZsopUQGVpooS1VBjglStqaNEPTSYRko0QbNpoUQrtJl2qsN0UqILuk0PJXqhz/RTYgAGzRA1bEYoMQpjZpwSExAyk5SYgmkzQ82aOUqEIWKilJiHBbNIiSVYhhVYhTVYhw3YhC3Yhh3YhT3YhwM4hCM4hhM4hTM4hwu4hCu4hhu4hTu4hwd4hCd4hhd4hTd4hw/4hC/4hh/4/QM2/id28uIEJAAAAABJRU5ErkJggg==');
|
|
122
|
-
}
|
|
123
|
-
</style>
|
|
124
|
-
<div class="nw-gradient-bottom"></div>
|
|
125
|
-
|
|
126
109
|
<!-- Rendition Menu -->
|
|
127
110
|
<style>
|
|
128
111
|
media-rendition-menu,
|
|
@@ -188,6 +171,11 @@ var mediaThemeNews = (() => {
|
|
|
188
171
|
font-weight: 400;
|
|
189
172
|
text-transform: uppercase;
|
|
190
173
|
margin: 0;
|
|
174
|
+
scale: 0.7;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
[breakpointsm] media-play-button[slot='centered-chrome'] {
|
|
178
|
+
scale: 1;
|
|
191
179
|
}
|
|
192
180
|
|
|
193
181
|
media-play-button[slot='centered-chrome'] {
|
|
@@ -310,22 +298,44 @@ var mediaThemeNews = (() => {
|
|
|
310
298
|
<!-- Control Bar -->
|
|
311
299
|
<style>
|
|
312
300
|
media-control-bar {
|
|
313
|
-
position: absolute;
|
|
314
301
|
height: 36px;
|
|
315
302
|
line-height: 36px;
|
|
316
|
-
|
|
317
|
-
left: 12px;
|
|
318
|
-
right: 12px;
|
|
319
|
-
z-index: 3;
|
|
303
|
+
padding-inline: 6px;
|
|
320
304
|
}
|
|
305
|
+
|
|
321
306
|
[breakpointmd] media-control-bar {
|
|
322
307
|
height: 48px;
|
|
323
308
|
line-height: 48px;
|
|
324
309
|
}
|
|
310
|
+
|
|
325
311
|
[mediaisfullscreen] media-control-bar {
|
|
326
312
|
height: 54px;
|
|
327
313
|
line-height: 54px;
|
|
328
314
|
}
|
|
315
|
+
|
|
316
|
+
media-control-bar {
|
|
317
|
+
--gradient-steps:
|
|
318
|
+
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%,
|
|
319
|
+
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%,
|
|
320
|
+
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%,
|
|
321
|
+
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%;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
media-control-bar::before {
|
|
325
|
+
content: '';
|
|
326
|
+
position: absolute;
|
|
327
|
+
width: 100%;
|
|
328
|
+
bottom: 0;
|
|
329
|
+
left: 0;
|
|
330
|
+
padding-bottom: min(100px, 25%);
|
|
331
|
+
background: linear-gradient(to bottom, var(--gradient-steps));
|
|
332
|
+
opacity: 0.8;
|
|
333
|
+
pointer-events: none;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
media-control-bar > * {
|
|
337
|
+
position: relative;
|
|
338
|
+
}
|
|
329
339
|
</style>
|
|
330
340
|
<media-control-bar>
|
|
331
341
|
<!-- Play/Pause -->
|
|
@@ -378,15 +388,17 @@ var mediaThemeNews = (() => {
|
|
|
378
388
|
</svg>
|
|
379
389
|
</media-play-button>
|
|
380
390
|
|
|
381
|
-
<template if="
|
|
382
|
-
<
|
|
383
|
-
<
|
|
384
|
-
<
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
391
|
+
<template if="breakpointsm">
|
|
392
|
+
<template if="mediaadbreak == null">
|
|
393
|
+
<media-seek-backward-button seekoffset="10">
|
|
394
|
+
<svg slot="icon" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
395
|
+
<path
|
|
396
|
+
d="M16.908 21.7465C16.616 21.2426 16.2047 20.8212 15.7116 20.5206C15.2185 20.22 14.6594 20.0499 14.0851 20.0257C13.5109 20.0499 12.9518 20.22 12.4587 20.5206C11.9656 20.8212 11.5543 21.2426 11.2623 21.7465C10.5893 22.8804 10.2336 24.18 10.2336 25.5047C10.2336 26.8295 10.5893 28.129 11.2623 29.2629C11.5543 29.7668 11.9656 30.1882 12.4587 30.4888C12.9518 30.7894 13.5109 30.9595 14.0851 30.9838C14.6594 30.9595 15.2185 30.7894 15.7116 30.4888C16.2047 30.1882 16.616 29.7668 16.908 29.2629C17.581 28.129 17.9367 26.8295 17.9367 25.5047C17.9367 24.18 17.581 22.8804 16.908 21.7465ZM14.0851 29.409C12.8412 29.409 11.7886 27.6233 11.7886 25.4966C11.7886 23.3699 12.8412 21.5841 14.0851 21.5841C15.3291 21.5841 16.3817 23.3699 16.3817 25.4966C16.3817 27.6233 15.3451 29.409 14.0851 29.409ZM7.16351 30.9838V22.7043L6.39798 23.4836L5.31349 22.3796L7.38679 20.2692C7.49386 20.1598 7.63043 20.0853 7.77917 20.0551C7.92792 20.0248 8.08213 20.0403 8.22225 20.0994C8.36236 20.1585 8.48206 20.2587 8.56615 20.3872C8.65024 20.5157 8.69493 20.6667 8.69456 20.8211V31L7.16351 30.9838ZM33 9.8468V30.1883C32.9972 30.3941 32.9157 30.5907 32.7727 30.7362C32.6298 30.8817 32.4366 30.9647 32.2345 30.9675H22.2348V27.8343H29.9219V12.1845H11.4696V15.3177C11.4696 16.1782 10.8954 16.4866 10.1937 16.0158L3.52726 11.4865C3.30225 11.371 3.13094 11.17 3.05035 10.927C2.96977 10.6839 2.98641 10.4184 3.09666 10.1877C3.18836 9.99697 3.33987 9.84275 3.52726 9.7494L10.1937 5.22005C10.8954 4.74926 11.4696 5.05771 11.4696 5.91812V9.05133H32.2185C32.4248 9.05443 32.6218 9.13923 32.7677 9.28775C32.9136 9.43626 32.997 9.6368 33 9.8468Z"
|
|
397
|
+
fill="currentColor"
|
|
398
|
+
/>
|
|
399
|
+
</svg>
|
|
400
|
+
</media-seek-backward-button>
|
|
401
|
+
</template>
|
|
390
402
|
</template>
|
|
391
403
|
|
|
392
404
|
<!-- Time Display -->
|
|
@@ -402,13 +414,26 @@ var mediaThemeNews = (() => {
|
|
|
402
414
|
}
|
|
403
415
|
</style>
|
|
404
416
|
|
|
405
|
-
<template if="
|
|
406
|
-
<
|
|
417
|
+
<template if="breakpointsm">
|
|
418
|
+
<template if="mediaadbreak == null">
|
|
419
|
+
<media-time-display showduration></media-time-display>
|
|
420
|
+
</template>
|
|
421
|
+
|
|
422
|
+
<template if="mediaadbreak != null">
|
|
423
|
+
<span>Advertisement</span>
|
|
424
|
+
<media-time-display remaining></media-time-display>
|
|
425
|
+
</template>
|
|
407
426
|
</template>
|
|
408
427
|
|
|
409
|
-
<template if="
|
|
410
|
-
|
|
411
|
-
|
|
428
|
+
<template if="!breakpointsm">
|
|
429
|
+
<template if="mediaadbreak == null">
|
|
430
|
+
<media-time-display></media-time-display>
|
|
431
|
+
</template>
|
|
432
|
+
|
|
433
|
+
<template if="mediaadbreak != null">
|
|
434
|
+
<span>Ad</span>
|
|
435
|
+
<media-time-display remaining></media-time-display>
|
|
436
|
+
</template>
|
|
412
437
|
</template>
|
|
413
438
|
|
|
414
439
|
<!-- Control Spacer -->
|
|
@@ -68,7 +68,7 @@ var news_default = `<template id="media-theme-news">
|
|
|
68
68
|
</style>
|
|
69
69
|
|
|
70
70
|
<media-controller
|
|
71
|
-
breakpoints="md:480"
|
|
71
|
+
breakpoints="sm:300 md:480"
|
|
72
72
|
defaultsubtitles="{{defaultsubtitles}}"
|
|
73
73
|
defaultduration="{{defaultduration}}"
|
|
74
74
|
gesturesdisabled="{{disabled}}"
|
|
@@ -81,23 +81,6 @@ var news_default = `<template id="media-theme-news">
|
|
|
81
81
|
<slot name="poster" slot="poster"></slot>
|
|
82
82
|
<media-error-dialog slot="dialog"></media-error-dialog>
|
|
83
83
|
|
|
84
|
-
<!-- Gradient -->
|
|
85
|
-
<style>
|
|
86
|
-
.nw-gradient-bottom {
|
|
87
|
-
padding-top: 37px;
|
|
88
|
-
position: absolute;
|
|
89
|
-
width: 100%;
|
|
90
|
-
height: 170px;
|
|
91
|
-
bottom: 0;
|
|
92
|
-
z-index: 2;
|
|
93
|
-
pointer-events: none;
|
|
94
|
-
background-position: bottom;
|
|
95
|
-
background-repeat: repeat-x;
|
|
96
|
-
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACqCAYAAABsziWkAAAAAXNSR0IArs4c6QAAAQVJREFUOE9lyNdHBQAAhfHb3nvvuu2997jNe29TJJEkkkgSSSSJJJJEEkkiifRH5jsP56Xz8PM5gcC/xfDEmjhKxEOCSaREEiSbFEqkQppJpzJMJiWyINvkUCIX8kw+JQqg0BRRxaaEEqVQZsopUQGVpooS1VBjglStqaNEPTSYRko0QbNpoUQrtJl2qsN0UqILuk0PJXqhz/RTYgAGzRA1bEYoMQpjZpwSExAyk5SYgmkzQ82aOUqEIWKilJiHBbNIiSVYhhVYhTVYhw3YhC3Yhh3YhT3YhwM4hCM4hhM4hTM4hwu4hCu4hhu4hTu4hwd4hCd4hhd4hTd4hw/4hC/4hh/4/QM2/id28uIEJAAAAABJRU5ErkJggg==');
|
|
97
|
-
}
|
|
98
|
-
</style>
|
|
99
|
-
<div class="nw-gradient-bottom"></div>
|
|
100
|
-
|
|
101
84
|
<!-- Rendition Menu -->
|
|
102
85
|
<style>
|
|
103
86
|
media-rendition-menu,
|
|
@@ -163,6 +146,11 @@ var news_default = `<template id="media-theme-news">
|
|
|
163
146
|
font-weight: 400;
|
|
164
147
|
text-transform: uppercase;
|
|
165
148
|
margin: 0;
|
|
149
|
+
scale: 0.7;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
[breakpointsm] media-play-button[slot='centered-chrome'] {
|
|
153
|
+
scale: 1;
|
|
166
154
|
}
|
|
167
155
|
|
|
168
156
|
media-play-button[slot='centered-chrome'] {
|
|
@@ -285,22 +273,44 @@ var news_default = `<template id="media-theme-news">
|
|
|
285
273
|
<!-- Control Bar -->
|
|
286
274
|
<style>
|
|
287
275
|
media-control-bar {
|
|
288
|
-
position: absolute;
|
|
289
276
|
height: 36px;
|
|
290
277
|
line-height: 36px;
|
|
291
|
-
|
|
292
|
-
left: 12px;
|
|
293
|
-
right: 12px;
|
|
294
|
-
z-index: 3;
|
|
278
|
+
padding-inline: 6px;
|
|
295
279
|
}
|
|
280
|
+
|
|
296
281
|
[breakpointmd] media-control-bar {
|
|
297
282
|
height: 48px;
|
|
298
283
|
line-height: 48px;
|
|
299
284
|
}
|
|
285
|
+
|
|
300
286
|
[mediaisfullscreen] media-control-bar {
|
|
301
287
|
height: 54px;
|
|
302
288
|
line-height: 54px;
|
|
303
289
|
}
|
|
290
|
+
|
|
291
|
+
media-control-bar {
|
|
292
|
+
--gradient-steps:
|
|
293
|
+
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%,
|
|
294
|
+
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%,
|
|
295
|
+
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%,
|
|
296
|
+
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%;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
media-control-bar::before {
|
|
300
|
+
content: '';
|
|
301
|
+
position: absolute;
|
|
302
|
+
width: 100%;
|
|
303
|
+
bottom: 0;
|
|
304
|
+
left: 0;
|
|
305
|
+
padding-bottom: min(100px, 25%);
|
|
306
|
+
background: linear-gradient(to bottom, var(--gradient-steps));
|
|
307
|
+
opacity: 0.8;
|
|
308
|
+
pointer-events: none;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
media-control-bar > * {
|
|
312
|
+
position: relative;
|
|
313
|
+
}
|
|
304
314
|
</style>
|
|
305
315
|
<media-control-bar>
|
|
306
316
|
<!-- Play/Pause -->
|
|
@@ -353,15 +363,17 @@ var news_default = `<template id="media-theme-news">
|
|
|
353
363
|
</svg>
|
|
354
364
|
</media-play-button>
|
|
355
365
|
|
|
356
|
-
<template if="
|
|
357
|
-
<
|
|
358
|
-
<
|
|
359
|
-
<
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
366
|
+
<template if="breakpointsm">
|
|
367
|
+
<template if="mediaadbreak == null">
|
|
368
|
+
<media-seek-backward-button seekoffset="10">
|
|
369
|
+
<svg slot="icon" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
370
|
+
<path
|
|
371
|
+
d="M16.908 21.7465C16.616 21.2426 16.2047 20.8212 15.7116 20.5206C15.2185 20.22 14.6594 20.0499 14.0851 20.0257C13.5109 20.0499 12.9518 20.22 12.4587 20.5206C11.9656 20.8212 11.5543 21.2426 11.2623 21.7465C10.5893 22.8804 10.2336 24.18 10.2336 25.5047C10.2336 26.8295 10.5893 28.129 11.2623 29.2629C11.5543 29.7668 11.9656 30.1882 12.4587 30.4888C12.9518 30.7894 13.5109 30.9595 14.0851 30.9838C14.6594 30.9595 15.2185 30.7894 15.7116 30.4888C16.2047 30.1882 16.616 29.7668 16.908 29.2629C17.581 28.129 17.9367 26.8295 17.9367 25.5047C17.9367 24.18 17.581 22.8804 16.908 21.7465ZM14.0851 29.409C12.8412 29.409 11.7886 27.6233 11.7886 25.4966C11.7886 23.3699 12.8412 21.5841 14.0851 21.5841C15.3291 21.5841 16.3817 23.3699 16.3817 25.4966C16.3817 27.6233 15.3451 29.409 14.0851 29.409ZM7.16351 30.9838V22.7043L6.39798 23.4836L5.31349 22.3796L7.38679 20.2692C7.49386 20.1598 7.63043 20.0853 7.77917 20.0551C7.92792 20.0248 8.08213 20.0403 8.22225 20.0994C8.36236 20.1585 8.48206 20.2587 8.56615 20.3872C8.65024 20.5157 8.69493 20.6667 8.69456 20.8211V31L7.16351 30.9838ZM33 9.8468V30.1883C32.9972 30.3941 32.9157 30.5907 32.7727 30.7362C32.6298 30.8817 32.4366 30.9647 32.2345 30.9675H22.2348V27.8343H29.9219V12.1845H11.4696V15.3177C11.4696 16.1782 10.8954 16.4866 10.1937 16.0158L3.52726 11.4865C3.30225 11.371 3.13094 11.17 3.05035 10.927C2.96977 10.6839 2.98641 10.4184 3.09666 10.1877C3.18836 9.99697 3.33987 9.84275 3.52726 9.7494L10.1937 5.22005C10.8954 4.74926 11.4696 5.05771 11.4696 5.91812V9.05133H32.2185C32.4248 9.05443 32.6218 9.13923 32.7677 9.28775C32.9136 9.43626 32.997 9.6368 33 9.8468Z"
|
|
372
|
+
fill="currentColor"
|
|
373
|
+
/>
|
|
374
|
+
</svg>
|
|
375
|
+
</media-seek-backward-button>
|
|
376
|
+
</template>
|
|
365
377
|
</template>
|
|
366
378
|
|
|
367
379
|
<!-- Time Display -->
|
|
@@ -377,13 +389,26 @@ var news_default = `<template id="media-theme-news">
|
|
|
377
389
|
}
|
|
378
390
|
</style>
|
|
379
391
|
|
|
380
|
-
<template if="
|
|
381
|
-
<
|
|
392
|
+
<template if="breakpointsm">
|
|
393
|
+
<template if="mediaadbreak == null">
|
|
394
|
+
<media-time-display showduration></media-time-display>
|
|
395
|
+
</template>
|
|
396
|
+
|
|
397
|
+
<template if="mediaadbreak != null">
|
|
398
|
+
<span>Advertisement</span>
|
|
399
|
+
<media-time-display remaining></media-time-display>
|
|
400
|
+
</template>
|
|
382
401
|
</template>
|
|
383
402
|
|
|
384
|
-
<template if="
|
|
385
|
-
|
|
386
|
-
|
|
403
|
+
<template if="!breakpointsm">
|
|
404
|
+
<template if="mediaadbreak == null">
|
|
405
|
+
<media-time-display></media-time-display>
|
|
406
|
+
</template>
|
|
407
|
+
|
|
408
|
+
<template if="mediaadbreak != null">
|
|
409
|
+
<span>Ad</span>
|
|
410
|
+
<media-time-display remaining></media-time-display>
|
|
411
|
+
</template>
|
|
387
412
|
</template>
|
|
388
413
|
|
|
389
414
|
<!-- Control Spacer -->
|